﻿body {
    position: relative;
    box-sizing: border-box;
}

#ctl00_PageHeader {
    position: fixed;
    z-index: 11;
    width: 100%;
    top: 0;
    left: 0;
}

.wizard_master_page_header_fix #ctl00_PageHeader {
    position: static;
    height: 0;
}

#websiteHeaderNavigation .webinar_row {
    display: none;
}

#websiteHeaderNavigation {
    font-family: 'Open Sans', sans-serif !important;
    width: 100%;
    position: relative;
}

    #websiteHeaderNavigation a:link,
    #websiteHeaderNavigation a:visited,
    #websiteHeaderNavigation a {
        text-decoration: none;
    }

.header-main_row {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
}


.header-inner_container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1180px;
    font-size: 0;
    height: 100px;
}

.header-logo_col,
.header-nav_col {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.header-logo_col {
    width: 30%;
}

.header-nav_col {
    width: 70%;
}

.header-logo_col {
    text-align: left;
    height: 100%;
    line-height: 100px;
}

.header-logo_and_brand_box {
    display: inline-block;
    height: 60px;
    width: 340px;
}

.header-logo_main_img,
.header-logo_title {
    display: inline-block;
    vertical-align: middle;
}

.header-main_img {
}

.header-logo_title {
    margin-left: 43px;
    white-space: nowrap;
    font-size: 16px;
    color: #9e9e9e;
}


.header-nav_col {
    text-align: right;
    font-size: 14px;
}

.header-btns_row {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding-top: 9px;
    height: 58px;
}

.header-login_signup_col,
.header-contact_us_link_col,
.header-request_demo_btn_col {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
}

.header-login_signup_col,
.header-contact_us_link_col {
    padding-top: 4px;
}

.header-login_signup_col {
}

    .header-login_signup_col .header-item_divider,
    .header-login_signup_col .header-signup_and_user_info_btn,
    .header-login_signup_col .header-login_logout_btn {
        display: inline-block;
        vertical-align: top;
    }

    .header-login_signup_col .header-item_divider {
        margin: 0 10px;
        color: #eeeeee;
    }

    .header-login_signup_col .header-signup_and_user_info_btn {
        white-space: nowrap;
        position: relative;
    }

    .header-login_signup_col .header-login_logout_btn {
    }

        .header-login_signup_col .header-signup_and_user_info_btn .header-signup_btn,
        /*.header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_email_link,*/
        .header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_account_link,
        .header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_my_apps_link,
        .header-login_signup_col .header-login_logout_btn .header-login_btn,
        .header-login_signup_col .header-login_logout_btn .header-logout_btn {
            display: inline-block;
            color: #9e9e9e;
        }

            .header-login_signup_col .header-signup_and_user_info_btn .header-signup_btn:hover,
            /*.header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_email_link:hover,*/
            .header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_account_link:hover,
            .header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_my_apps_link:hover,
            .header-login_signup_col .header-login_logout_btn .header-login_btn:hover,
            .header-login_signup_col .header-login_logout_btn .header-logout_btn:hover {
                color: #039be5;
                cursor: pointer;
            }


    .header-login_signup_col .header-signup_and_user_info_btn .header-signup_btn,
    .header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_account_link,
    .header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_my_apps_link {
        text-transform: uppercase;
    }
    /*.header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_email_link {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            max-width: 170px;
                            text-transform: lowercase;
                        }*/
    .header-login_signup_col .header-signup_and_user_info_btn .header-logined_user_account_link {
        margin-right: 45px;
    }


    .header-mob-new_app_copied_notification.active,
    .header-mob-new_app_copied_notification,
    .header-login_signup_col .header-signup_and_user_info_btn .header-new_app_copied_notification {
        display: none;
    }

        .header-login_signup_col .header-signup_and_user_info_btn .header-new_app_copied_notification.active {
            display: inline-block;
            position: absolute;
            font-size: 16px;
            top: 40px;
            left: 20px;
            background: #60c52d;
            border-radius: 7px;
            padding: 0 48px 0 18px;
            height: 40px;
            line-height: 40px;
            white-space: nowrap;
            z-index: 4;
            color: #fff;
            font-weight: 100;
        }

#websiteHeaderNavigation .header-login_signup_col .header-new_app_copied_notification .new_app_notofication_link_to_app,
#websiteHeaderNavigation .header-login_signup_col .header-new_app_copied_notification a {
    color: #fff;
    text-decoration: underline;
}

.header-login_signup_col .header-signup_and_user_info_btn .header-new_app_copied_notification .header-new_app_copied_notification-arrow {
    position: absolute;
    bottom: 100%;
    left: 40%;
}

.header-login_signup_col .header-signup_and_user_info_btn .header-new_app_copied_notification .header-new_app_copied_notification_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}


.header-contact_us_link_col {
    margin: 0 46px;
}

    .header-contact_us_link_col .header-contact_us_link {
        color: #9e9e9e;
    }

        .header-contact_us_link_col .header-contact_us_link:hover {
            color: #039be5;
            cursor: pointer;
        }

.header-request_demo_btn_col {
}

    .header-request_demo_btn_col .header-request_demo_btn {
        white-space: nowrap;
        width: 155px;
        display: inline-block;
        line-height: 34px;
        border-radius: 17px;
        text-align: center;
        background: #039be5;
        color: #fff;
    }

        .header-request_demo_btn_col .header-request_demo_btn:hover {
            background-color: #0283dc;
        }


/*#header-js-navigation_box*/
.header-navigation_row {
}

    .header-navigation_row ul.root_menu_list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
        font-size: 0;
    }

        .header-navigation_row ul.root_menu_list li.root_menu_item {
            position: relative;
            display: inline-block;
            margin: 10px 0 0 0;
            padding: 0 15px 10px 15px;
            min-height: 22px;
            /*background: green;*/
        }

            .header-navigation_row ul.root_menu_list li.root_menu_item:last-child {
                margin-right: -15px;
            }

    .header-navigation_row li.root_menu_item .header-root_item_title {
        font-size: 14px;
        cursor: pointer;
        text-transform: uppercase;
        color: #212121;
    }

    .header-navigation_row ul.sub_menu_list {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 33px;
        left: -15px;
        z-index: 201;
        background: #ffffff;
        font-size: 14px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.25);
        display: none;
    }

    .header-navigation_row .root_menu_item:hover a.header-root_item_title,
    .header-navigation_row .root_menu_item:hover span.header-root_item_title {
        color: #039be5;
    }

    .header-navigation_row .root_menu_item span.header-root_item_title .header-submenu_arrow_marker {
        display: none;
    }

    .header-navigation_row .root_menu_item:hover ul.sub_menu_list {
        display: block;
    }

    .header-navigation_row .root_menu_item ul.sub_menu_list {
        padding: 8px 0;
    }

    .header-navigation_row ul.sub_menu_list li.sub_menu_item {
        text-align: left;
        margin: 6px 30px;
    }

        .header-navigation_row ul.sub_menu_list li.sub_menu_item a {
            text-align: left;
            white-space: nowrap;
            color: #212121;
            display: inline-block;
            padding: 8px 0;
        }

            .header-navigation_row ul.sub_menu_list li.sub_menu_item a:hover {
                color: #039be5;
            }

/*
    mobile menu elements
*/
.header-link_to_app_store_main_box {
    display: none;
}

    .header-link_to_app_store_main_box.active {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        margin: 0 auto;
        text-align: center;
        padding: 10px 80px 0;
        width: 80%;
        box-sizing: border-box;
        line-height: 1.2em;
    }

    .header-link_to_app_store_main_box .header-link_to_app {
        display: none;
        color: #212121;
        font-size: 14px;
    }

        .header-link_to_app_store_main_box .header-link_to_app.active {
            display: inline-block;
        }

        .header-link_to_app_store_main_box .header-link_to_app:hover {
            text-decoration: underline;
        }

    .header-link_to_app_store_main_box .header-link_to_app_platform_text {
        color: #039be5
    }


.header-mob-menu_btn_col {
    display: none;
    width: 40%;
    position: absolute;
    top: 0;
    left: 30px;
    padding-top: 26px;
}

#header-mob-menu_btn {
    width: 22px;
    height: 18px;
    display: inline-block;
}


#header-mob-aside_navigation {
    position: fixed;
    top: 0;
    left: -3000px;
    overflow-y: auto;
}

.header-mob-aside_navigation_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.25);
    z-index: 10;
}

.header-mob-menu_col {
    position: relative;
    z-index: 11;
    width: 60%;
    height: 100%;
    min-width: 270px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
    font-size: 16px;
    text-transform: uppercase;
    overflow-y: auto;
}

#header-mob-aside_navigation .header-request_demo_btn {
    background: #039be5;
    color: #fff;
    display: block;
    white-space: nowrap;
    line-height: 64px;
    padding-left: 15px;
}

#header-mob-aside_navigation .header-mob-contact_and_signup_login_logout_box {
    background-color: #f5f5f5;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#header-mob-aside_navigation .header-mob-signup_login_logout_box,
#header-mob-aside_navigation .header-mob-contact_us_link {
    line-height: 48px;
    white-space: nowrap;
}

#header-mob-aside_navigation .header-mob-signup_login_logout_box,
#header-mob-aside_navigation .header-mob-contact_us_link {
    color: #757575;
    position: relative;
}

#header-mob-aside_navigation .header-mob-signup_box,
#header-mob-aside_navigation .header-mob-item_divider,
#header-mob-aside_navigation .header-mob-login_box {
    color: inherit;
}



/*#header-mob-aside_navigation .header-mob-logined_user_email_link {
                width: 80%;
                color: #757575;
                overflow: hidden;
                text-overflow: ellipsis;
                text-transform: lowercase;
                display: inline-block;
                vertical-align: top;
            }*/

#header-mob-aside_navigation .header-mob-logined_user_account_link,
#header-mob-aside_navigation .header-mob-logined_user_my_apps_link {
    color: #757575;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
}

#header-mob-aside_navigation .header-mob-logout_btn {
    position: absolute;
    right: 15px;
    top: 9px;
    display: inline-block;
    width: 20px;
    height: 30px;
    background-image: url('/storage/images/website-header-footer-navigation/header/logout-icon.png');
    background-repeat: no-repeat;
}

#header-mob-aside_navigation .header-mob-signup_box {
}

#header-mob-aside_navigation .header-mob-item_divider {
}

#header-mob-aside_navigation .header-mob-login_box {
}



/*#header-mob-js-navigation_box {

    }*/
#header-mob-aside_navigation .header-mob-navigation_box {
    padding-left: 15px;
    background: #fff;
}

#header-mob-aside_navigation .root_menu_list {
    padding-top: 8px;
    padding-bottom: 80px;
}

#header-mob-aside_navigation .root_menu_item {
    box-sizing: border-box;
    margin-bottom: 0;
    line-height: 1.1em;
    position: relative;
}

    #header-mob-aside_navigation .root_menu_item:last-child {
        /*margin-bottom: 60px;*/
    }

#header-mob-aside_navigation a.header-root_item_title,
#header-mob-aside_navigation span.header-root_item_title {
    color: #212121;
    line-height: 48px;
    white-space: nowrap;
}

#header-mob-aside_navigation a.header-root_item_title {
}

#header-mob-aside_navigation span.header-root_item_title {
    position: relative;
}

#header-mob-aside_navigation .root_menu_item .header-submenu_arrow_marker {
    position: absolute;
    right: 15px;
    top: 24px;
    display: inline-block;
    width: 12px;
    height: 8px;
    background-image: url('../storage/images/website-header-footer-navigation/header/show-hide-submenu-arrow.png');
    background-repeat: no-repeat;
}

#header-mob-aside_navigation .root_menu_item.root_menu_item_with_dropdown_closed .header-submenu_arrow_marker {
    background-position: 0 -1px;
}

#header-mob-aside_navigation .root_menu_item.root_menu_item_with_dropdown_opened .header-submenu_arrow_marker {
    background-position: 0 -14px;
}

#header-mob-aside_navigation .root_menu_item.root_menu_item_with_dropdown_opened .header-root_item_title {
    color: #039be5;
}


#header-mob-aside_navigation .root_menu_item.root_menu_item_with_dropdown_closed .sub_menu_list {
    display: none;
}

#header-mob-aside_navigation .root_menu_item.root_menu_item_with_dropdown_opened .sub_menu_list {
    display: block;
}

#header-mob-aside_navigation .sub_menu_item {
    padding-left: 10px;
    line-height: 1em;
    margin-bottom: 0;
}

    #header-mob-aside_navigation .sub_menu_item a {
        color: #757575;
        text-transform: capitalize;
        line-height: 48px;
        white-space: nowrap;
    }

@media (max-width: 1220px) {
    .header-inner_container {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1024px) {
    .header-mob-new_app_copied_notification {
        display: none;
    }

        .header-mob-new_app_copied_notification.active {
            display: block;
            width: 100%;
            position: fixed;
            bottom: 0;
            left: 0;
            clear: both;
            background: #60c52d;
            padding: 25px 0;
            text-align: center;
            font-size: 18px;
            font-weight: 100;
            color: #fff;
            line-height: 1.3em;
        }

        .header-mob-new_app_copied_notification .header-new_app_copied_notification_text {
            margin-bottom: 10px;
        }

        .header-mob-new_app_copied_notification .new_app_notofication_link_to_app,
        .header-mob-new_app_copied_notification a {
            cursor: pointer;
            text-decoration: none;
            white-space: nowrap;
            width: 240px;
            line-height: 47px;
            display: inline-block;
        }

        .header-mob-new_app_copied_notification .header-new_app_copied_notification_close {
            position: absolute;
            top: 15px;
            right: 15px;
        }

    #websiteHeaderNavigation {
        overflow: hidden;
    }

    .header-inner_container {
        height: 70px;
    }

    .header-mob-menu_btn_col {
        display: block;
    }

    .header-logo_col {
        position: absolute;
        right: 20px;
        width: 40%;
        text-align: right;
        padding-top: 14px;
    }

    .header-nav_col {
        display: none;
    }

    .header-logo_and_brand_box {
        width: auto;
    }

        .header-logo_and_brand_box img {
            vertical-align: top;
            max-height: 44px;
        }

    .header-logo_title {
        display: none;
    }
}

@media (max-width: 979px) {
}

@media (max-width: 850px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}

@media (max-width: 480px) {
}

/* Portrait phones */
@media (max-width: 320px) {
}


/* .webinar*/
.webinar {
    font-family: 'Open Sans', sans-serif;
    display: none;
}

.webinar--active {
    display: block;
}

.webinar--minimized .webinar__join-workshop {
    display: grid;
}

.webinar--minimized .webinar__announcement {
    display: none;
}

/* .webinar__announcement*/
.webinar__announcement {
    align-items: center;
    justify-items: center;
    width: 100%;
    background-color: #01579B;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-items: center;
    font-family: 'Open Sans', sans-serif;
    padding: 45px;
    position: fixed;
    bottom: 0;
    z-index: 1;
}

@media (min-width: 1280px) {
    .webinar__announcement {
        grid-template-columns: repeat(4, max-content);
        margin: 0 auto;
        grid-gap: 40px;
        justify-content: center;
        align-items: center;
        justify-items: center;
        padding: 10px;
        z-index: 1;
    }
}

/* .webinar__join-workshop*/
.webinar__join-workshop {
    display: none;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    position: fixed;
    bottom: 0;
    right: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    width: 100%;
    background: #01579B;
    height: 60px;
    align-items: center;
    color: #fff;
    z-index: 1;
}

@media (min-width: 768px) {
    .webinar__join-workshop {
        width: 180px;
    }
}


/* .webinar__datetime*/
.webinar__datetime {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
}

@media (min-width: 1280px) {
    .webinar__datetime {
        grid-row: 1;
        grid-column: 2;
        font-size: 18px;
        margin-bottom: 0;
    }
}

/* .webinar__description*/
.webinar__description {
    color: #fff;
    margin-right: 20px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-bottom: 15px;
    max-width: 350px;
}

@media (min-width: 1280px) {
    .webinar__description {
        grid-row: 1;
        grid-column: 1;
        font-size: 18px;
        margin-bottom: 0;
        max-width: initial;
    }
}

.webinar__description--hightlight {
    font-weight: 700;
}



/* .webinar__subheader*/
.webinar__subheader {
    font-weight: 700;
}

/* .webinar__link */
.webinar__link {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    width: 168px;
    height: 40px;
    background: linear-gradient(180deg, #69D631 0%, #6DC145 100%);
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

@media (min-width: 1280px) {
    .webinar__link {
        grid-row: 1;
        grid-column: 3;
    }
}


/* .webinar__close*/
.webinar__close {
    border: none;
    background: none;
    cursor: pointer;
    justify-self: right;
    margin-top: -40px;
    margin-right: -30px;
    margin-bottom: 0px;
    display: grid;
    padding: 20px;
    align-items: center;
    justify-items: center;
}

@media (min-width: 1280px) {
    .webinar__close {
        margin: 0;
        position: absolute;
        padding: 20px;
        margin-right: 3px;
    }
}
