@charset "utf-8";
/*Color Variables*/
/*#2B3536*/
/*f2f4f9*/
/*green*/
/*green hover*/
/*extra variable*/
/*border color*/
/*Assessment new color*/
/*Font Weight*/
/*New Line Height*/
/*-------------------------------------------------------------------------------------------------------------/*
                                              New Color Section
/*-------------------------------------------------------------------------------------------------------------/*

/*Text Color*/
/*Common*/
/*Shell*/
/*Common Areas*/
/*Core*/
/*CX*/
/*Assessment*/
/*EX*/
/*Connect*/
/*Others*/
/*Poll Theme*/
/* CSS Header Document */
/*for zarca .hdrwrapper min-width: 980px;*/
.fwb {
    font-family: Proxima N W01 Smbd;
}

.hdrwrapper {
    width: 100%;
    background-color: #3f51b5;
    color: #fff;
}

.initials {
    color: #192A4A;
    text-align: center;
    display: block;
    padding: 7px 0;
    font-family: Proxima N W01 Smbd;
    text-transform: uppercase;
    font-size: 12px;
}

.profile-pic .initials {
    padding: 10px 0;
    height: 36px;
    box-sizing: border-box;
}

.hdrwrapper .profile-pic {
    background-color: #62656B;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    overflow: hidden;
    width: 40px;
    display: inline-block;
    margin-right: 18px;
}

.profile-details {
    right: 22px;
    /*width: 125px;*/
    background-attachment: scroll;
    cursor: pointer;
    float: left;
    padding-top: 6px;
}

    .profile-details .profile-name {
        display: block;
        /*width: 105px;*/
        overflow: hidden;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
    }

    .profile-details .company-name {
        display: block;
        font-size: 12px;
    }

.hdrwrapper .fl {
    padding-left: 0px;
}

.hdrlogocont {
    margin: 12px 0 0 20px;
}

.hdrightCont {
    margin: 13px 0px 0 0;
}

.hdcallDiv span {
    font-family: Proxima N W01 Smbd;
    font-size: 13px;
}

.halfRule {
    background: rgba(255, 255, 255, 0.8);
    width: 1px;
    height: 13px;
    margin: 0 20px;
}

.fullRule {
    background: #454950;
    width: 0px;
    height: 60px;
    margin: -13px 20px 0;
    opacity: 1;
}

.dvUpgradetext {
    font-size: 14px;
    word-wrap: break-word;
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
}

    .dvUpgradetext span {
        font-family: Proxima N W01 Smbd;
        font-size: 14px;
    }

.UpgradeBtn {
    font-family: Proxima N W01 Smbd;
    border: none;
    font-size: 14px;
    color: #f5a623;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
    padding-left: 20px;
    padding-right: 15px;
    margin-left: 15px;
    height: 100%;
    border-right: 1px solid rgba(155, 155, 155, 0.25);
}

.valid-text .UpgradeBtn {
    font-family: Proxima N W01 Smbd;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    margin: 0px 0 0 7px;
    padding: 6px 5px;
    border: none;
    background: #ED5D2E;
    border-radius: 3px;
    width: 76px;
}

.activateBtn.next {
    font-family: Proxima N W01 Smbd;
    font-size: 11px;
    display: inline-block;
    margin: -6px 12px 0 0;
    padding: 5px 15px 7px;
    border-radius: 5px;
}

span.referAnchor {
    font: normal bold 13px/13px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}

.dvReferral {
    position: relative;
    margin: -3px 0 0 10px;
    cursor: pointer;
}

.dvSupport {
    position: relative;
    margin: -4px 0 0;
    cursor: pointer;
}

.SupportCont {
    cursor: default;
    border-radius: 5px;
    background-color: #ffffff;
    width: 194px;
    position: absolute;
    padding: 17px 15px 6px 15px;
    right: -55px;
    top: 35px;
    font-size: 12px;
    z-index: 100;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #b1bbc4;
}

.SupportArrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    position: relative;
    top: -37px;
    left: 137px;
    z-index: 100;
}

.Needtxt {
    color: #1f2532;
    padding-right: 5px;
}

.NeedNo {
    color: #1f2532;
    font-family: Proxima N W01 Smbd;
}

.dvReferral a {
    text-decoration: none;
}

.dvReferralTooltip {
    position: absolute;
    right: 82px;
    top: 39px;
    background: #423f40;
    color: #fff;
    width: 220px;
    padding: 17px;
    display: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 1000;
    opacity: 0.9;
}

.dvvideoTooltip {
    position: absolute;
    right: -22px;
    top: 39px;
    background: #423f40;
    color: #fff;
    width: 235px;
    padding: 17px;
    display: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 1000;
    opacity: 0.9;
}

.ReferrDarr {
    border-bottom: 10px solid #423f40;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    float: right;
    height: 0;
    position: relative;
    width: 0;
    margin-top: -27px;
    margin-right: 8px;
}

.dvvideoarr {
    border-bottom: 10px solid #423f40;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    float: right;
    height: 0;
    position: relative;
    width: 0;
    margin-top: -27px;
    margin-right: 8px;
}

.dvReferralCont {
    font: normal 400 13px/13px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    position: relative;
}

.referralText {
    font-size: 12px;
    color: #d0cfcf;
    margin: 7px 10px 8px 2px;
}

.usrhlpcont {
    float: right;
    position: relative;
    margin: 20px 0px 0 19px;
    background-image: url('../../ImagesNew/header/help-icn.svg');
    /*background-size: 25px 25px;*/
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.usrhlpconthovrimg {
    float: right;
    position: relative;
    /*background-image: url('../../ImagesNew/header/help-icnblu.svg');*/
    /*background-size: 25px 25px;*/
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.ddletstalk {
    background: url("../../ProductImages/Product_specifics/Product_Connect_logo.svg?k=1") no-repeat scroll transparent;
    vertical-align: middle;
    margin-right: 11px;
    background-size: 20px 20px;
    /* background-position: -1900px -8px; */
    display: inline-block;
    width: 23px;
    height: 20px;
    /* position: absolute; */
    left: 21px;
    top: -1px;
}

.dvvideo {
    float: right;
    position: relative;
    margin: 16px -4px 0 15px;
    height: 38px;
    background-image: url('../../ImagesNew/header/visualizations-icn.svg');
    /*background-size: 25px 31px;*/
    width: 25px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 3px 8px;
    right: 4px;
}

    .dvvideo + .fullRule {
        position: relative;
        right: 8px;
    }

.dvvideohovrimg {
    float: right;
    position: relative;
    margin: 7px 0 0 35px;
    height: 33px;
    background-image: url('../../ImagesNew/header/visualizations-icnblu.svg');
    background-size: 25px 25px;
    width: 25px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.usrhlpcont .usrhelpdropdowncont {
    position: absolute;
    z-index: 100;
    text-align: left;
    background-color: #fff;
    border: 1px solid #bdbcbc;
    width: 110px;
    right: 0;
    top: 35px;
    visibility: hidden;
}

.usrhlpcont img {
    cursor: pointer;
}

.usrhlpcont .usrhlp {
    vertical-align: top;
    cursor: pointer;
    background-position: -10px -1123px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(../../ImagesNew/sprites.png);
    background-color: transparent;
}

.usrhlpcont .usrhelpdropdowncont ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .usrhlpcont .usrhelpdropdowncont ul li {
        padding: 7px 11px;
        text-decoration: none;
        cursor: pointer;
    }

        .usrhlpcont .usrhelpdropdowncont ul li a {
            text-decoration: none;
            color: #5b5c5c;
        }

        .usrhlpcont .usrhelpdropdowncont ul li:hover {
            background-color: #f3f3f3;
        }

            .usrhlpcont .usrhelpdropdowncont ul li:hover a {
                text-decoration: underline;
            }

.hdrrghtcont {
    position: relative;
    margin: 9px 7px 0px 8px;
    padding-left: 10px;
    background-image: url("../../ImagesNew/home/home_sprite.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 55px -11px;
    cursor: pointer;
}

.uacont {
    display: inline-block;
    max-width: 150px;
    height: 35px;
    overflow: hidden;
    text-align: right;
}

    .uacont .usrname {
        display: inline-block;
        height: 15px;
        overflow: hidden;
    }

        .uacont .usrname span {
            font-size: 12px;
        }

        .uacont .usrname:hover {
            color: #1dc2b1;
        }

    .uacont .accname span {
        font-size: 11px;
        font-family: Proxima N W01 Smbd;
    }

.usrarr img {
    margin: 3px 0 0 5px;
    cursor: pointer;
}

.usractcont .usrarr {
    vertical-align: top;
    display: inline-block;
    margin-top: 0;
    cursor: pointer;
    font-size: 10px;
}

.hdrrghtcont .usrsett {
    margin-right: 5px;
    vertical-align: top;
    cursor: pointer;
    background-position: -10px -910px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(../../ImagesNew/sprites.png);
    background-color: transparent;
}

.hdrrghtcont .usrdropdowncont {
    position: absolute;
    z-index: 100;
    text-align: left;
    /*width: auto;*/
    top: 8px;
    right: -2px;
    visibility: visible !important;
    display: none;
    background-color: #ffffff;
    border-width: 1px 0 0 0;
    border-radius: 5px;
}

.usrdropdowncont .profile-pic {
    width: 50px;
    height: 50px;
    background-color: #cfd8dc;
}

    .usrdropdowncont .profile-pic .initials {
        font-size: 25px;
        padding: 18px 0px;
    }

.hdrrghtcont .ddarr {
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #bdbcbc;
    width: 0;
    margin-top: -10px;
    float: right;
    margin-right: 10px;
    position: relative;
}

    .hdrrghtcont .ddarr:after {
        border-top: 0;
        border-left: 10px solid transparent;
        content: " ";
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        width: 0;
        top: 1px;
        float: right;
        right: -10px;
        position: absolute;
        pointer-events: none;
    }

.hdrlogocont img {
    width: 105px;
    height: 18px;
}

.hdrwrapper.menus-wrapper {
    background-color: #1f2532;
    padding: 0;
}

.hdr {
    min-width: 999px;
    max-width: 1366px;
    width: auto;
    margin: 0 auto;
    height: 45px;
}

.hdrmenus {
    margin: 0px 0 0 0px;
    padding: 0;
}

    .hdrmenus li {
        list-style: none;
        float: left;
        /*border-right: 1px solid rgba(255, 255, 255, 0.8);
        border-right: 1px solid @color0a;*/
    }

        .hdrmenus li.act {
            cursor: default;
            background: #000000;
        }

        .hdrmenus li a {
            text-decoration: none;
            color: #ffffff;
            padding: 23px 20px 19px;
            display: block;
            font-size: 14px;
        }

        .hdrmenus li:hover li a,
        .hdrmenus li.act a {
            font-family: Proxima N W01 Smbd;
            color: #fff;
        }
/*ul.menu-outer > li.active > a, ul.menu-outer > li:hover > a {
    color: #fff;
    background-color: #000;
}*/
/*Left facing arrow*/
.ttdarr {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #CCCCCC;
    border-top: 10px solid transparent;
    float: right;
    height: 0;
    position: relative;
    width: 0;
    margin-top: -20px;
}

    .ttdarr:after {
        border-bottom: 10px solid transparent;
        border-right: 10px solid #ffffff;
        border-top: 10px solid transparent;
        content: " ";
        float: right;
        pointer-events: none;
        position: absolute;
        right: -12px;
        top: -10px;
        width: 0;
    }
/*Survey Tool Dropdown*/
.poll-icn {
    background-image: url(../../ImagesNew/header/icons-header.svg);
    background-position: 2px -585px;
    background-repeat: no-repeat;
}

.SurTool-icn {
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-position: 0px -263px;
    background-repeat: no-repeat;
}

.assessment-icn {
    background-image: url('../../ImagesNew/header/new_tool.svg');
    background-position: 0px -23px;
    background-size: 22px 94px;
    background-repeat: no-repeat;
}

.customer-icn {
    background-image: url('../../ImagesNew/header/new_tool.svg');
    background-position: 0px -82px;
    /*background-size: 22px 1135px;*/
    background-repeat: no-repeat;
}

.employee-icn {
    background: url('../../ImagesNew/EX/ex-logo.svg') no-repeat scroll;
    background-position: 0px 2px;
    background-size: 24px 14px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .employee-icn {
        background: url('../../ImagesNew/EX/ex-logo.svg') no-repeat scroll;
        background-position: 0px 4px !important;
        background-size: 24px 14px;
    }

    .hd-tool-logo {
        width: 29px !important;
        height: 22px !important;
        /*background-image: url('../../ImagesNew/header/icons-header.svg');*/
        display: inline-block;
        /*margin-right: 10px;*/
        /*background-position: 0px -263px;*/
        vertical-align: middle;
    }

    .navigation .survey-tool-drpdwn li:nth-child(5) a:before {
        background: url('../../ImagesNew/EX/Ex-Sprite.svg') no-repeat scroll;
        position: absolute;
        width: 22px;
        height: 22px;
        content: " ";
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-position: -2px -611px !important;
        background-size: 24px 650px;
    }
}

.navigation .tool.survey-tool a.SurTool-icn {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30px;
    /*background-position:-561px -23px;*/
}

.navigation .tool a.poll-icn {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30px;
    /*background-position: -494px -23px;*/
}

.navigation .tool a.assessment-icn {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 31px;
    /*background-position: -428px -23px;*/
}
/*.navigation .tool.survey-tool {
    width: 170px;
    padding: 22.5px 5px 22.5px 0px;
    background-image: url("../../ImagesNew/home/home_sprite.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position:145px -1px;
    cursor: pointer;
    float: right;
    position: absolute;
    left: 90px;
}*/
/*.navigation .tool.poll-tool {
    width: 170px;
    padding: 23px 5px 12px 0px;
    background-image: url("../../ImagesNew/home/home_sprite.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position:145px 0px;
    cursor: pointer;
    float: right;
    position: absolute;
    left: 92px;
}

.navigation .tool.assessment-tool {
    width: 170px;
    padding: 23px 5px 12px 0px;
    background-image: url("../../ImagesNew/home/home_sprite.svg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position:145px 0px;
    cursor: pointer;
    float: right;
    position: absolute;
    left: 90px;
}*/
/*.navigation .tool img {
    display: block;
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 5px;
}

.navigation .tool .caption {
    display: block;
    margin-left:35px;
    }*/
.navigation .survey-tool-drpdwn {
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 82px;
    top: 52px;
    /*visibility: hidden;*/
    width: 159px;
    z-index: 2000;
}

    .navigation .survey-tool-drpdwn:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        border: 1px solid rgba(0, 0, 0, 0.17);
        border-bottom: none;
        border-right: none;
        top: -6px;
        right: 27px;
        background-color: #ffffff;
        z-index: -1;
    }

.navigation .hd-cx-left .survey-tool-drpdwn:before {
    right: 42px;
}

.navigation .poll-tool + .survey-tool-drpdwn:before {
    right: 36px;
}

.navigation .assessment-tool + .survey-tool-drpdwn:before {
    right: 10px;
}

.navigation .survey-tool-drpdwn li a {
    border-radius: 7px 7px 0 0;
    display: block;
    padding: 12px;
    text-decoration: none;
    color: #4c5267;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 #ffffff;
}

.navigation .survey-tool-drpdwn li:hover {
    background-color: #cfd8dc;
}

    .navigation .survey-tool-drpdwn li:hover a {
        background-color: #cfd8dc;
        box-shadow: inset 0 1px 0 #cfd8dc;
        border-bottom: 1px solid #cfd8dc;
    }

.navigation .survey-tool-drpdwn li a span {
    padding-left: 25px;
}

.navigation .survey-tool-drpdwn li:nth-child(1) a:before {
    background-image: url(../../ImagesNew/header/icons-header.svg);
    position: absolute;
    width: 20px;
    height: 22px;
    content: " ";
    top: 10px;
    background-repeat: no-repeat;
    background-position: 0px -1140px;
    /*background-size: 20px 20px;*/
}

.navigation .survey-tool-drpdwn li:nth-child(2) a:before {
    background: url(../../ImagesNew/header/icons-header.svg) no-repeat scroll;
    position: absolute;
    width: 20px;
    height: 22px;
    content: " ";
    top: 50px;
    background-repeat: no-repeat;
    background-position: 4px -1159px;
    /*background-size: 20px 20px;*/
}

.navigation .survey-tool-drpdwn li:nth-child(3) a:before {
    background: url(../../ImagesNew/header/new_tool.svg) no-repeat scroll;
    position: absolute;
    width: 20px;
    height: 22px;
    content: " ";
    top: 91px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    /*background-size: 20px 20px;*/
}

.navigation .survey-tool-drpdwn li:nth-child(4) a:before {
    background: url(../../ImagesNew/header/new_tool.svg) no-repeat scroll;
    position: absolute;
    width: 20px;
    height: 22px;
    content: " ";
    /*top: 91px;*/
    background-repeat: no-repeat;
    background-position: 0px -53px;
    /*background-size: 20px 20px;*/
}

.navigation .survey-tool-drpdwn li:nth-child(5) a:before {
    background: url(../../ImagesNew/EX/Ex-Sprite.svg) no-repeat scroll;
    position: absolute;
    width: 22px;
    height: 22px;
    content: " ";
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-position: -2px -580px;
    background-size: 24px 650px;
}

.hdrrghtcontsetting {
    position: relative;
    float: right;
}

.sogologo {
    display: block;
    position: relative;
    top: 12px;
    margin-right: 17px;
    height: 35px;
    left: 12px;
}

.hdrrghtcontsetting .usrdropdowncont ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

    .hdrrghtcontsetting .usrdropdowncont ul li a {
        text-decoration: none;
        color: #4c5267;
    }

    .hdrrghtcontsetting .usrdropdowncont ul li:hover {
        background-color: #cfd8dc;
    }

        .hdrrghtcontsetting .usrdropdowncont ul li:hover .initials {
            color: #cfd8dc;
        }

    .hdrrghtcontsetting .usrdropdowncont ul li:first-child {
        padding: 12px 6px 12px 13px;
        cursor: pointer;
        color: #4c5267;
        border-bottom: 1px solid #e6e8ea;
    }

    .hdrrghtcontsetting .usrdropdowncont ul li:last-child {
        padding: 12px 6px 12px 50px;
        cursor: pointer;
        color: #4c5267;
        position: relative;
    }

.hdrrghtcontsetting .usrdropdowncont .ddmyacc {
    background: url("../../ImagesNew/sprites.png") no-repeat scroll 0 -780px transparent;
}

.hdrrghtcontsetting .usrdropdowncont li.setting {
    padding: 12px 6px 12px 50px;
    border-bottom: 1px solid #e6e8ea;
    position: relative;
    cursor: pointer;
    color: #4c5267;
}

.hdrrghtcontsetting .usrdropdowncont .ddsetting {
    background: url(../../ImagesNew/home/home_sprite.svg) no-repeat scroll transparent;
    color: #4c5267;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 35px;
    position: absolute;
    left: 20px;
    top: 15px;
    background-position: -66px -22px;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
}

.hdrrghtcontsetting .usrdropdowncont .needHelp,
.activate-acc,
.acc-help {
    padding: 12px 6px 12px 50px;
    color: #4c5267;
    border-bottom: 1px solid #e6e8ea;
    cursor: pointer;
    /*background: url("../../ImagesNew/header/call_icon_grey.svg") no-repeat scroll transparent;
    background-size: 12px 12px;
    background-position: 25px 14px;*/
}

    .hdrrghtcontsetting .usrdropdowncont .needHelp .needHelpicn {
        background: url(../../ImagesNew/home/home_sprite.svg) no-repeat scroll transparent;
        color: #4c5267;
        cursor: pointer;
        display: inline-block;
        width: 20px;
        height: 35px;
        position: absolute;
        left: 20px;
        background-position: -1863px -10px;
        top: 125px;
    }

.SogoAccType {
    padding: 12px 0px 12px 24px;
    color: #4c5267;
    border-bottom: 1px solid #e6e8ea;
    cursor: default;
    min-width: 300px;
    /*max-width:323px;*/
}

.hdrrghtcontsetting .usrdropdowncont ul li:hover .profile-pic {
    background-color: #fff;
}

.hdrrghtcontsetting .usrdropdowncont .ddlogout {
    background: url(../../ImagesNew/home/home_sprite.svg) no-repeat scroll transparent;
    color: #4c5267;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 35px;
    position: absolute;
    left: 20px;
    top: 17px;
    background-position: -33px -20px;
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

.hdrrghtcont .helpddarr {
    border-top: 0;
    border-left: 12px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 12px solid #bdbcbc;
    width: 0;
    margin-top: -12px;
    float: right;
    margin-right: -1px;
    position: relative;
}

    .hdrrghtcont .helpddarr:after {
        border-top: 0;
        border-left: 10px solid transparent;
        content: " ";
        border-right: 0px solid transparent;
        border-bottom: 10px solid #fff;
        width: 0;
        top: 2px;
        float: right;
        right: 1px;
        position: absolute;
        pointer-events: none;
    }
/*Footer*/
.ftrwrapper {
    height: 21px;
    color: #8993ad;
    font-size: 12px;
    border: 1px solid #e0e0df;
    background-color: #f9fafc;
    width: 100%;
    min-width: 1310px;
    max-width: 100%;
    position: relative;
    z-index: 116;
    display: none;
}

.ftrcontent {
    margin: 4px auto 0;
    min-width: 995px;
    max-width: 1356px;
    padding-left: 10px;
}

    .ftrcontent a {
        color: inherit;
        font-size: 12px;
    }

        .ftrcontent a:hover {
            color: #000000;
        }

ul.menu-outer > li.active div.SubHeaderArrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    top: 40px;
    left: 60px;
    display: none;
}

ul.menu-outer > li.active div.SubHeaderArrowRM {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    top: 40px;
    left: 50px;
    display: none;
}
/* CSS Sub Tabs to be included in Header.css*/
.sub-menu-section {
    background-color: #ffffff;
    border-bottom: 1px solid #d8d8d8;
}

#sub-tabs-top {
    clear: both;
    background-color: #ffffff;
    text-align: center;
}

    #sub-tabs-top ul {
        font-size: 11px;
        font-weight: 400;
        margin: 0 auto !important;
        padding: 0px 0 0 1px;
        list-style: none;
        height: 27px;
        display: inline-block;
    }

    #sub-tabs-top li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #sub-tabs-top ul:after {
        content: '';
        display: block;
        clear: both;
    }

    #sub-tabs-top a {
        float: left;
        color: #1f2532;
        display: block;
        padding: 8px 25px 4px 25px;
    }
        /* selected link */
        #sub-tabs-top a:active {
            color: #ffffff;
        }

        #sub-tabs-top a.active {
            border-bottom: 4px solid #fcaa00;
            font-family: Proxima N W01 Smbd;
        }
/*Question Manager tabs*/
#smtabs {
    list-style: none;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
    width: 450px;
}

.smtabsHeight {
    height: 39px;
}

#smtabs li {
    display: block;
    float: left;
    margin-right: 9px !important;
}

    #smtabs li,
    #smtabs li a,
    #smtabs li a:link,
    #smtabs li a:visited,
    #smtabs li a:hover {
        color: #90a4ae;
    }

        #smtabs li a {
            float: left;
            margin: 0;
        }

            #smtabs li a:link {
                text-decoration: none;
            }

            #smtabs li a:visited {
                text-decoration: none;
            }

            #smtabs li a:hover {
                text-decoration: underline;
            }

        #smtabs li.on {
            background-color: #4B8CCC;
            border: 1px solid #4B8CCC;
            color: #ffffff;
        }

            #smtabs li.on a:link {
                background-color: #4B8CCC;
                color: #ffffff;
                text-decoration: none;
            }

            #smtabs li.on a:visited {
                background-color: #4B8CCC;
                color: #ffffff;
                text-decoration: none;
            }

            #smtabs li.on a:hover {
                background-color: #4B8CCC;
                color: #ffffff;
                text-decoration: underline;
            }

.smtabsBar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #4B8CCC;
    border-color: #4B8CCC;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    padding: 4px 5px 0 1px;
    width: 99.57%;
}

#smtabs li .enhanced_off,
#smtabs li.enhanced_off a:link,
#smtabs li.enhanced_off a:visited,
#smtabs li.enhanced_off a:hover {
    background: url("sm/enhanced_off.png") no-repeat scroll right top transparent;
    border: 1px solid #4B8CCC;
    color: #4B8CCC;
    padding-right: 12px;
}

#smtabs li a,
#smtabs li a:link,
#smtabs li a:visited,
#smtabs li a:hover {
    border: 0px !important;
}

#smtabs li.enhanced_on,
#smtabs li.enhanced_on a:link,
#smtabs li.enhanced_on a:visited,
#smtabs li.enhanced_on a:hover {
    color: #1f2532;
    border-bottom: 3px solid #fcaa00;
}

    #smtabs li.enhanced_on,
    #smtabs li.enhanced_on a:link,
    #smtabs li.enhanced_on a:visited {
        text-decoration: none;
    }

        #smtabs li.enhanced_on a:hover {
            text-decoration: underline;
        }

.qm-tabs-level #smtabs li a {
    padding: 6px 13px;
    display: block;
}

#smtabs li a.e {
    padding-right: 27px;
    background: url(../../ImagesNew/general/btnenhanced.png) no-repeat right center transparent !important;
}
/*End Question Manager tabs*/
#z_h_dvUpgrade div {
    line-height: 13px;
}

.breadcrumbs > .brd {
    min-width: 1000px;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
}

.breadcrumbs {
    border-left: 1px solid #E0E0DF;
    border-right: 1px solid #E0E0DF;
    padding-left: 20px;
    background-color: #eceff1;
}

.bg-menu {
    max-width: none;
    position: relative;
}

.ActiveBrdcrumb {
    color: #78909c;
    font-family: Proxima N W01 Smbd;
}

.BrdcrumbImg {
    background: transparent url(../../ImagesNew/general/Right_Arrow_icon_purple_1.svg) right no-repeat;
    padding: 0 20px 0 20px;
    background-position: 20px 5px;
}

.InactiveBrdcrumb {
    color: #78909c;
}
/*Dummy use*/
/* namita */
#fixdiv #smtabs {
    width: 1150px;
    min-width: 1210px;
}

    #fixdiv #smtabs li a {
        padding: 12px 5px;
        display: block;
    }

        #fixdiv #smtabs li a.e {
            padding-right: 10px;
        }

    #fixdiv #smtabs:after {
        content: '';
        clear: both;
    }

.wizheaderborder {
    border-top: 1px solid #d8d8d8;
}
/* namita */
/*fixed header*/
.table_headerfixed {
    top: 0;
    z-index: 201;
}
/*Right Panel css from new_home.css*/
.SideNavDiv {
    /*background: rgba(0, 0, 0, 0.8);*/
    background-color: #fff;
    width: 280px;
    position: fixed;
    right: 0;
    top: 52px;
    box-sizing: content-box;
}

.SideNavDivAll {
    background: #3e424b;
    width: 300px;
    border-left: 1px solid #3e424b;
    position: fixed;
    right: -1px;
    /*changed to -1,on DJs request*/
    top: 52px;
    z-index: 1;
    box-sizing: content-box;
}

.SideNavDivAllFullBack {
    background: #3e424b;
    width: 300px;
    border-left: 1px solid #3e424b;
    position: fixed;
    right: 0px;
    top: 52px;
    z-index: 1;
    box-sizing: content-box;
}

.SideNavDivFullBack {
    background: #000000;
    width: 300px;
    border-left: 1px solid #a2a2a2;
    position: fixed;
    right: 0;
    top: 45px;
    box-sizing: content-box;
}

.ResBtnSection {
    padding: 24px 0px 24px 15px;
}

h2.SideNavDivHd {
    font-size: 14px;
    padding: 24px 25px 0px 15px;
    margin: 0;
    color: #201e1f;
}

.SideNavDivsubhd {
    font-size: 14px;
    padding: 0px 45px;
    margin: 0;
    color: #ffffff;
    display: none;
}

a.ResBtn {
    width: 90px;
    border-radius: 3px;
    background: #5b606a;
    color: #ffffff !important;
    font-size: 14px;
    padding: 0px 10px;
    margin: 0 18px 18px 0;
    display: block;
    text-decoration: none !important;
    text-align: center;
    box-sizing: content-box;
    height: 90px;
}

    a.ResBtn:hover {
        background: #201e1f;
    }

    a.ResBtn span {
        font-size: 12px;
        width: 80px;
        display: inline-block;
        line-height: 17px;
        margin: 5px auto 0px;
    }

a.contBtn:before {
    content: "";
    background-image: url(../../ImagesNew/home/magazines.png);
    /*background-position:-291px -15px;*/
    background-repeat: no-repeat;
    /*background-size: 23px 30px;*/
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 20px;
}

a.ManPrjBtn:before {
    content: "";
    background-image: url(../../ImagesNew/home/home_sprite.svg);
    background-position: -1760px -17px;
    background-repeat: no-repeat;
    /*background-size: 30px 27px;*/
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 10px;
}

a.Referbtn:before {
    content: "";
    background-image: url(../../ProductImages/Product_specifics/referralTabIcon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34px 29px;
    width: 40px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0px;
    margin-top: 24px;
}

a.SignupBtn:before {
    content: "";
    background-image: url(../../ImagesNew/home/help.png);
    /*background-position: -336px -15px;*/
    background-repeat: no-repeat;
    /*background-size: 25px 25px;*/
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 22px;
}

a.SignupBtn span {
    display: block;
    line-height: 16px;
}

a.callBtn:before {
    content: "";
    background-image: url(../../ImagesNew/home/home_sprite.svg);
    background-position: -1652px -15px;
    background-repeat: no-repeat;
    /*background-size: 25px 25px;*/
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 15px;
}

a.trningbtn:before {
    content: "";
    background-image: url(../../ImagesNew/home/page-1.png);
    /*background-position:-378px -15px;*/
    background-repeat: no-repeat;
    background-size: cover;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 15px;
}

a.supportbtn:before {
    content: "";
    background-image: url(../../ImagesNew/home/home_sprite.svg);
    background-position: -191px -15px;
    background-repeat: no-repeat;
    /*background-size: 25px 25px;*/
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 10px;
}

a.supportbtn span {
    display: block;
    line-height: 16px;
}

a.designBtn:before {
    content: "";
    background-image: url(../../ImagesNew/home/home_sprite.svg);
    background-position: -1705px -15px;
    background-repeat: no-repeat;
    /*background-size: 23px 30px;*/
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 10px;
}

a.sugg:before {
    content: "";
    background-image: url(../../ImagesNew/home/home_sprite.svg);
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: 25px 25px;*/
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 10px;
}

a.forum:before {
    content: "";
    background-image: url(../../ImagesNew/home/home_sprite.svg);
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: 25px 25px;*/
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 10px;
}

a.view-sample:before {
    content: "";
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-position: 5px -824px;
    background-repeat: no-repeat;
    /*background-size: 25px 25px;*/
    width: 28px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 9px;
}

.SideNavDivsubhdAll {
    font-size: 12px;
    padding: 0px 40px 20px 40px;
    margin: 0;
    color: #ffffff;
    line-height: 15px;
}

h2.SideNavDivHdAll {
    font-size: 14px;
    padding: 25px 40px;
    margin: 0;
    color: #ffffff;
}

.video-titleAll {
    font-size: 14px;
    font-family: Proxima N W01 Smbd;
    margin-left: 3px;
    padding-top: 4px;
    color: #eceff1;
    line-height: 15.4px;
    display: block;
}

.vertAdjAll {
    margin-bottom: 10px;
}

.videoDivcont {
    width: 216px;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 30px;
    font-size: 14px;
    /*font-family: @Semibold;*/
    font-family: Proxima N W01 Smbd;
    float: left;
    /*cursor: pointer;*/
    line-height: 20px;
    position: relative;
    text-align: left;
}

.videoDivAll .vertArrow {
    background-image: url(../../ImagesNew/home/video-img/btn__hover.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    width: 40px;
    z-index: 2;
    position: absolute;
    left: 10px;
    top: 115px;
}

.videoDivAll:hover .vertArrow {
    background-image: url(../../ImagesNew/home/video-img/btn__active.png);
}

.videoDivAll:hover img {
    outline: 0 none;
    border: 3px solid #4068b1;
    border-radius: 4px;
}

.videoDivAll img {
    outline: 0 none;
    border: 3px solid transparent;
    border-radius: 4px;
}

.video-subtitleAll {
    font-size: 12px;
    margin-left: 3px;
    color: #cfd8dc;
    width: 200px;
    line-height: 14px;
    padding-top: 5px;
}

.Seemore {
    border-top: 2px solid #AEB6D2;
}

.TrainingVedAll {
    float: right;
    padding: 5px 30px;
    background-color: #78c900;
    color: #ffffff;
    border-radius: 3px;
    margin: 24px 50px 24px 20px;
}

.HeaderVideoData {
    /*height: 350px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.oops {
    width: 170px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0px 40px 30px 40px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #bac8d3;
    padding: 23px 23px 19px 23px;
    box-sizing: content-box;
}

.uparrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -7px;
    left: 261px;
    display: none;
}

.oopshdr {
    font-size: 12px;
    color: #ffffff;
    padding-bottom: 26px;
}

.oopstxt {
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    padding-bottom: 15px;
}

.ContactSupport {
    padding: 5px 30px;
    background-color: #78c900;
    color: #ffffff;
    border-radius: 5px;
}

.uparrowAll {
    display: none;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    position: absolute;
    top: -7px;
    left: 226px;
}
/*Modal pop which opens through right panel only in sogo*/
.modalHolderDiv {
    display: none;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
}

.sdsHolderDiv {
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    font-family: Proxima N W01 Reg;
}

.modalHolderWrapper {
    background-color: #ffffff;
    /*width: 933px;*/
    z-index: 1002;
}

.projectHolderWrapper {
    background-color: #ffffff;
    width: 620px;
    padding: 30px 55px;
    z-index: 1002;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -365px;
    margin-top: -250px;
}

.modalOverlayDiv {
    display: none;
    background: #333;
    opacity: .8;
    filter: alpha(opacity=80);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.modalHeader {
    background: #4068b1;
    color: #ffffff;
    text-align: center;
    padding: 16px 35px 16px 25px;
    font-size: 18px;
}

.surveyFormLeft {
    width: 297px;
    height: 538px;
    border-right: 1px solid #a2a4a7;
    padding: 0px 57px 0 40px;
}

.surveyFormRight {
    width: 555px;
    padding: 0px 0 0;
    height: 538px;
}

.formsetmid {
    padding: 0 49px;
    margin: 30px 0 15px 0;
}

.sdsHolderDiv .surveyFormLeft .surveyFormHd {
    font-size: 25px;
    line-height: 25px;
    margin: 15px 0 13px;
    padding: 0;
    font-family: Proxima N W01 Smbd;
    color: #4b5267;
}

.sdsHolderDiv p {
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    padding: 0;
    color: #778a97;
    font-family: Proxima N W01 Smbd;
}

.sdsHolderDiv a.formlink {
    color: #000000;
    font-family: Proxima N W01 Smbd;
}

.sdsHolderDiv .surveyFormLeft p {
    margin-bottom: 11px;
}

.sdsHolderDiv .formSteps {
    margin: 0 6px 20px 0;
}

.sdsHolderDiv .surveyFormLeft .formSteps p {
    margin-bottom: 5px;
}

.sdsHolderDiv .surveyFormLeft .stepNo {
    display: inline-block;
    background: #4068b1;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #ffffff;
    border-radius: 20px;
    font-size: 14px;
}

.sdsHolderDiv .surveyFormLeft .formNotes {
    font-size: 12px;
    color: #000000;
    line-height: 15px;
    padding: 5px 0 0;
    margin: 0;
}

.sdsHolderDiv .surveyFormRight p {
    color: #333;
    font-family: Proxima N W01 Smbd;
    display: block;
    margin-bottom: 4px;
    line-height: 21px;
}

.sdsHolderDiv .surveyInput {
    width: 98%;
    /*border: 1px solid #a2a4a7;
    padding: 12px 5px;
    border-radius: 6px;
    margin: 0;
    font-size: 13px;*/
}

.selectWrap select {
    background: #ffffff;
    border: 1px solid #a2a4a7;
    border-radius: 6px;
    display: inline-block;
    font-size: 15px;
    line-heigth: 1.5em;
    padding: 4px 5px;
    margin: 0;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 120px;
    /*height: 35px;*/
}

::-ms-expand {
    display: none;
    text-indent: .01px;
}

.selectWrap select option {
    color: #8994ae;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 3px 5px;
}

.sdsHolderDiv .surveyInput.cal {
    width: 108px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: top;
    padding: 3px 5px;
}

input[type="file"] {
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font: inherit;
    color: inherit;
    box-sizing: border-box;
    margin: 0;
}

.fileUpload {
    display: inline-block;
    padding: 3px 0 0;
    width: 120px;
    height: 25px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 18px;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #78909c;
    border-color: #78909c;
    position: relative;
    overflow: hidden;
    margin: 0;
}

    .fileUpload.details {
        margin: 4px 14px 10px 22px;
    }

    .fileUpload.logo {
        margin: 4px 14px 10px 15px;
    }

    .fileUpload span {
        font-size: 15px;
    }

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.txt_specialnotes {
    border: 1px solid #8892ac;
    border-radius: 6px;
    margin: 0;
    padding: 0;
    outline: none;
}

.sdsHolderDiv .surveyFormRight p.notes {
    color: #b9c7d2;
    font-size: 15px;
}

.totaldiv {
    padding: 12px 0;
    text-align: center;
    margin: 10px 0px 12px -1px;
    display: block;
    background-color: orange;
}

    .totaldiv span.totaldivText {
        font-size: 15px;
        color: #ffffff;
        font-weight: 500;
    }

        .totaldiv span.totaldivText #spnTotal {
            font-size: 15px;
            color: #ffffff;
            font-family: Proxima N W01 Smbd;
        }

.SendBtns {
    padding: 0 60px;
    text-align: center;
    border-radius: 5px;
    outline: none;
    text-decoration: none;
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 400;
    border: 0 none;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
}

.inputwelcomeMsg {
    vertical-align: middle;
    padding: 5px;
    margin: 0px;
}

.sdsHolderDiv input.sds_mandatory {
    border: 1px solid red;
}

.sdsHolderDiv .astr {
    color: red;
    padding-left: 3px;
    font-size: 22px;
    position: relative;
    top: 3px;
}

.projectHolderWrapper p {
    font-size: 16px;
    font-weight: 400;
}

.navigation .header-bar {
    color: white;
    position: relative;
    height: 60px;
    background-color: #1f2532;
}
/*ul.menu-outer > li:first-child > a {
    border-left: 1px solid rgba(255, 255, 255, 0.8);
}*/
.rule1 {
    background: #454950 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 70px;
    width: 0px;
    opacity: 1;
}

.Upgradepos {
    position: absolute;
    top: 16px;
    right: 290px;
}

.fullRulpos {
    float: right;
    margin: 0 0px 0 0;
}

.info-left-panel {
    background: #46BDDA;
    height: 100%;
    width: 25%;
    padding: 160px 50px;
    text-align: center;
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.info-form {
    width: 545px;
    padding: 0 0 0 35px;
}

    .info-form input[type='text'].textfieldmedium,
    .info-form input[type='password'].textfieldmedium {
        margin: 0 !important;
        width: 350px !important;
    }

.bldg-img {
    width: 200px;
}

.nxt-btn {
    background: #1cd48a;
    width: 150px;
    text-align: center;
    border-radius: 3px;
    outline: none;
    text-decoration: none;
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 600;
    border: 0 none;
    cursor: pointer;
    padding: 8px 0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
    -webkit-appearance: none;
    font-family: Proxima N W01 Reg;
}

.bottom-space {
    height: 60px;
}

input[type='text'].text_mandatory,
input[type='password'].text_mandatory {
    border: 1px solid #F05A28 !important;
}

.ui-datepicker-trigger {
    width: 22px;
    height: 22px;
}

@media (max-width: 1024px) {
    ul.menu-outer > li > a {
        padding: 23px 10px 19px;
    }

    .navigation .header-bar {
        height: 60px;
    }

    .hdrightCont {
        margin: 13px 10px 0 0;
    }

    .usrhlpcont {
        margin: 19px 15px 0 15px;
    }
    /*.dvvideo {margin:15px 15px 0 0px;}*/
    .hdrmenus {
        margin: 0px 0 0 0px;
        padding: 0;
    }

    .rule1 {
        left: 46px;
    }

    .sogologo {
        margin-right: 17px;
        left: 0px;
    }

    .Upgradepos {
        display: none !important;
    }

    .fullRulpos {
        margin: 0;
    }

    .navigation .survey-tool-drpdwn {
        right: 260px;
    }

    .notificationWrapper {
        right: 165px;
    }

    .navigation .tool.survey-tool {
        left: 65px;
    }

    .fullRule.beforeTool {
        left: 245px;
    }

    .notificationIcon {
        background-position: 7px 4px !important;
    }
}

@media (max-width: 1200px) {
    /*.navigation .header-bar{height:60px;}
    .hdrmenus li a{padding:23px 20px 19.5px;}*/
    ul.menu-outer > li > a {
        padding: 23px 10px 19px;
    }

    .navigation .header-bar {
        height: 60px;
    }

    .hdrightCont {
        margin: 13px 10px 0 0;
    }

    .usrhlpcont {
        margin: 19px 15px 0 15px;
    }
    /*.dvvideo {margin:15px 15px 0 0px;}*/
    .hdrmenus {
        margin: 0px 0 0 0px;
        padding: 0;
    }

    .rule1 {
        left: 46px;
    }

    .sogologo {
        margin-right: 17px;
        left: 0px;
    }

    .Upgradepos {
        display: none !important;
    }

    .fullRulpos {
        margin: 0;
    }

    .navigation .survey-tool-drpdwn {
        right: 260px;
    }

    .notificationWrapper {
        right: 182px;
    }

    .navigation .tool.survey-tool {
        left: 65px;
    }

    .fullRule.beforeTool {
        left: 245px;
    }

    .notificationIcon {
        background-position: 7px 4px !important;
    }
}

@media (min-width: 1650px) {
    ul.menu-outer > li > a {
        padding: 21px 40px;
    }
}

.modalHome p {
    color: #50566a;
    font: 400 15px Proxima N W01 Reg;
    padding: 0px;
}

a.closebtnverify {
    background: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f4f4f4);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f4f4f4);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f4f4f4);
    background-image: -o-linear-gradient(top, #f5f5f5, #f4f4f4);
    background-image: linear-gradient(to bottom, #f5f5f5, #f4f4f4);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-weight: 400;
    font-size: 18px;
    color: #3d4d54;
    padding: 13px 15px;
    text-decoration: none;
    position: absolute;
    top: 0px;
    right: 0px;
}

.modalHome {
    background-color: #F4F4F4;
    border: 1px solid #DBDBDB;
    box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.6);
    display: none;
    padding: 30px 20px;
    text-align: center;
}

    .modalHome h2 {
        color: #F47732;
        font: 400 29px Proxima N W01 Reg;
        margin: 0;
    }

    .modalHome h5 {
        color: #3D4D54;
        display: inline-block;
        font: 600 17px Proxima N W01 Smbd;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .modalHome p.email {
        color: #F05A28;
        font: 400 20px Proxima N W01 Reg;
        margin: 0;
        padding: 10px 0 30px;
    }

    .modalHome p.emailHome {
        color: #F05A28;
        font: 400 20px Proxima N W01 Smbd;
        margin: 0;
        padding: 10px 0 0px;
        font-size: 13px;
    }

    .modalHome p.emailclk {
        color: #6E6E6E;
        font: 400 19px/28px Proxima N W01 Reg, sans-serif;
        margin: 0;
        padding: 0;
    }

    .modalHome a {
        color: #6E6E6E;
        font-weight: bold;
        text-decoration: underline;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 13px;
    }

input.buynowOk {
    background: none repeat scroll 0 0 #78c900;
    color: #FFFFFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin: 15px 0 3px;
    padding: 8px 25px;
    cursor: pointer;
}

.modal1 {
    background-color: #F4F4F4;
    border: 1px solid #DBDBDB;
    box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.6);
    display: none;
    padding: 30px 20px;
    text-align: center;
}

    .modal1 h2 {
        color: #F47732;
        font: 400 29px Proxima N W01 Reg;
        margin: 0;
    }

    .modal1 h5,
    .modal1 p.h5 {
        color: #3D4D54;
        display: inline-block;
        font: 600 17px 'open-sans', 'open-sans-n6', sans-serif;
        margin: 0;
        padding: 0;
        text-decoration: none;
    }

    .modal1 p.email {
        color: #F05A28;
        font: 400 20px Proxima N W01 Reg;
        margin: 0;
        padding: 10px 0 30px;
    }

    .modal1 p.emailHome {
        color: #F05A28;
        font: 600 20px Proxima N W01 Smbd;
        margin: 0;
        padding: 10px 0 0px;
        font-size: 13px;
    }

    .modal1 p.emailclk {
        color: #6E6E6E;
        font: 400 19px/28px Proxima N W01 Reg;
        margin: 0;
        padding: 0;
    }

    .modal1 p {
        color: #6E6E6E;
        font: 400 15px Proxima N W01 Reg;
        padding: 10px 0;
    }

#ActivationCaptcha .next {
    width: 80px;
    padding: 0 25px 0 25px;
    text-align: center;
    margin-right: 50px;
}

#ActivationCaptcha .back {
    width: 40px;
    padding: 0 25px 0 25px;
    text-align: center;
    margin-left: 50px;
}

.UpgradeBtn.ReferralBtn {
    background: url(../../ImagesNew/general/refer.svg) no-repeat;
    /*background-size: 22px;padding-left: 38px;margin-top: 3px;*/
    padding: 0px 44px;
    background-position-y: 7px;
}

.hd-refer-frnd {
    position: absolute;
    right: 12px;
    display: none;
    pointer-events: none;
}

.UpgradeBtn.ReferralBtn + .hd-refer-frnd {
    display: block;
}

.ReferModalContent .noteHeader {
    text-align: left;
    color: #4068b1;
    font-family: Proxima N W01 Smbd;
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 18px;
}

.ReferModalContent .noteFooter {
    text-align: left;
    width: 100%;
    font-family: Proxima N W01 Reg;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 30px;
}

    .ReferModalContent .noteFooter span.highlight {
        color: #4068b1;
        font-family: Proxima N W01 Reg;
        font-size: 15px;
    }

    .ReferModalContent .noteFooter .regular {
        float: left;
    }

.ReferModalContent .note {
    padding-bottom: 30px;
}

.ReferModalContent .ReferleftDiv,
.ReferModalContent .ReferrightDiv {
    margin: 30px 0 28px;
}

.Referral.fbcmodalHolder .fbcmodalFooter {
    display: none;
}

.ReferModalContent .referHead,
.referClose {
    display: none;
}

.ReferModalContent .fbcmodalBody .referFoooter {
    bottom: -25px;
}

.ReferralOptions .Email,
.ReferralOptions .Copy,
.ReferralOptions .Social {
    padding-left: 60px;
    padding-top: 20px;
}

.ReferralOptions .contacts,
.ReferralOptions .socialmedia {
    display: none;
}

.ReferralOptions .emailOption,
.ReferralOptions .socialmedia,
.ReferralOptions .copyText {
    padding-left: 90px;
    padding-top: 2px;
}

.ReferralOptions .FirstShow {
    padding-left: 22px;
}

.ReferralOptions .address {
    margin: 14px 0 14px 24px;
    width: 500px;
    height: 67px;
}

.ReferralOptions .contacts > img,
.socialmedia > img {
    padding-right: 25px;
}

.ReferralOptions .textarea-wrapper,
.ReferralOptions .contacts {
    padding: 10px 0 10px 23px;
}

.ReferralOptions .contacts,
.ReferralOptions .socialmedia {
    text-align: center;
    font-size: 12px;
}

    .ReferralOptions .contacts img {
        display: inline-block;
        text-align: center;
    }

.ReferralOptions .innerRadio {
    padding-bottom: 10px;
}

.ReferralOptions .boxes:hover div.circDiv,
.ReferralOptions .boxes.activebox div.circDiv {
    background: url(../../ProductImages/Product_specifics/checked_icon.svg) no-repeat scroll center center transparent;
    cursor: pointer;
}

.floatL {
    float: left;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.ReferralOptions .boxes:hover div.circDiv img,
.ReferralOptions .boxes.activebox div.circDiv img {
    opacity: 0;
    cursor: pointer;
    display: block;
}

.ReferralOptions .floatL.boxes {
    padding-right: 25px;
}

.copyButton {
    width: 80px;
    height: 26px;
    padding: 8px;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    position: relative;
    top: -7px;
    left: 3px;
    padding: 7px 13px;
    background-image: url(../../ProductImages/Product_specifics/copy_icon_normal.svg);
    background-repeat: no-repeat;
    background-size: 23px;
}
/*.ResBtn.Referbtn {width: 185px;background-color:#EB5C2F;margin-top: 35px;height:100px;display:none;}*/
/*.ResBtn.Referbtn:hover {background-color:#ce4115;}*/
/*.ResBtn.Referbtn span {width:95px;display: block;margin: 5px auto;}*/
/*.ResBtn.Referbtn span.largeRefer,*/
.ReferModalContent .whatweOffer {
    font-size: 15px;
}

.largeReferColor {
    font-size: 15px;
    background-color: #ED5D2E;
}

.ReferralOptions .commmonToolTip {
    background-color: #1f2532;
    border-radius: 8px;
    color: #fff;
    font-family: Proxima N W01 Reg;
    font-size: 13px;
    left: 29px;
    padding: 12px 15px;
    position: absolute;
    top: 27px;
    width: 365px;
    z-index: 7;
}

    .ReferralOptions .commmonToolTip .upArrow::after {
        border-color: currentcolor transparent #1f2532;
        border-style: none solid solid;
        border-width: 0 12px 12px;
        content: " ";
        float: left;
        margin-left: 97px;
        margin-top: -24px;
        position: relative;
        width: 0;
    }

    .ReferralOptions .commmonToolTip .headingIcon {
        background: rgba(0, 0, 0, 0) url("../../ImagesNew/general/what_is_piping.svg") no-repeat scroll center center;
        height: 25px;
        margin-right: 5px;
        position: relative;
        width: 25px;
    }

    .ReferralOptions .commmonToolTip .headingText {
        font-family: Proxima N W01 Smbd;
        font-size: 15px;
        padding-top: 4px;
    }

    .ReferralOptions .commmonToolTip .message {
        padding-top: 6px;
    }

.dvUpgradeDate .dvUpgradetext {
    font-size: 13px;
}

.dvUpgradeDate #upgradecta {
    display: none;
}

.ReferModalContent .newleft {
    text-align: left;
}

.Referral.fbcmodalHolder .fbcmodalDialog .fbcmodalBody {
    padding: 40px 50px;
}

.Referral .ReferleftDiv {
    width: 361px;
}

.referTxt p {
    margin-top: 5px;
}

.Referral .referFoooter .response-Msg {
    display: none;
}

.Referral .referFoooter {
    height: auto;
}

.Referral .ReferModalContent .ReferleftDiv,
.Referral .ReferModalContent .ReferrightDiv {
    margin: 40px 0 30px;
}

.Referral .referFoooter span {
    margin-top: 0px;
}

.Referral .referFoooter a {
    color: #b7b7b7;
    font-size: 12px;
}

.Referral .learnMore {
    position: relative;
    top: 5px;
}

.referSocialTY {
    font-size: 30px;
    text-align: center;
}

.socialMediaImg {
    background: url(../../ProductImages/Product_specifics/socialThankyou.svg) no-repeat;
    height: 320px;
    width: 320px;
    margin: 88px auto;
    background-size: 300px;
}

.sogo-load-inner {
    width: 100px;
    background: #f4da95;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4da95', endColorstr='#fff0ac');
    background: -webkit-gradient(linear, left top, left bottom, from(#f4da95), to(#fff0ac));
    background: -moz-linear-gradient(top, #f4da95, #fff0ac);
    -moz-border-radius: 0px 0px 6px 6px;
    webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    -moz-box-shadow: 0px 1px 2px #b4b4b4;
    -webkit-box-shadow: 0px 1px 2px #b4b4b4;
    box-shadow: 0px 1px 2px #b4b4b4;
    border: solid 1px #d6d4c5;
    text-align: center;
    margin: 0px auto;
    height: 30px;
    line-height: 30px;
    z-index: 1110;
}

.notificationWrapper {
    position: absolute;
    top: 30px;
    right: 170px;
    cursor: pointer;
}

.notificationIcon {
    background-image: url('../../ImagesNew/ic_bell.svg');
    background-repeat: no-repeat;
    background-size: 15px 18px;
    background-position: 0 4px;
    width: 20px;
    /*height: 27px;*/
}

.notificationNotified {
    background-image: url('../../ImagesNew/ic_bell_notified.svg');
    background-repeat: no-repeat;
    background-size: 15px 18px;
    background-position: 0 0;
    width: 20px;
    /*height: 18px;*/
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(-45deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(-45deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.notificationWindow {
    width: 300px;
    position: fixed;
    display: inline-block;
    top: 52px;
    right: 0px;
    background-color: #ffffff;
    z-index: 61;
    cursor: default;
    border-top: 1px solid #ffffff;
    color: #5c6069;
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
}

.Notification_settings {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: #ffffff;
    width: 261px;
    padding: 0px 20px;
    opacity: 0;
    z-index: 62;
}

.Notifset_title {
    text-align: left;
    color: #5c6069;
    font-family: Proxima N W01 Smbd;
    font-size: 16px;
    padding: 24px 15px 24px;
    border-bottom: 1px solid transparent;
    position: relative;
}

.Notif_title {
    text-align: left;
    color: #5c6069;
    font-size: 16px;
    font-family: Proxima N W01 Smbd;
    padding: 24px 15px 24px;
    border-bottom: 1px solid rgba(226, 221, 221, 0.48);
    position: relative;
}

.Notif_list,
.Notifset_chk {
    overflow: hidden;
    padding: 0px 20px;
    font-size: 12px;
}

div.Notifset_chk {
    padding-top: 15px;
    padding-bottom: 7px;
    padding: 0px 15px 0 15px;
}

.Notified {
    border-bottom: 1px solid rgba(226, 221, 221, 0.48);
    padding: 15px 0 15px 10px;
    color: #fff;
    position: relative;
}

.prev_notifi {
    font-size: 12px;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
    position: relative;
    background-color: #ffffff;
    border-top: 1px solid rgba(226, 221, 221, 0.48);
}

.icSettings {
    background-image: url('../../ImagesNew/ic_settings.svg');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 13px;
    right: 20px;
    display: inline-block;
    cursor: pointer;
}

.icarr {
    background-image: url('../../ImagesNew/ic_arrow.svg');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 15px;
    left: 0px;
    display: inline-block;
    cursor: pointer;
}

.icCross {
    background-image: url('../../ImagesNew/ic_close.svg');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 0 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 14px;
    cursor: pointer;
}

.icDismissAll {
    background-image: url('../../ImagesNew/ic_clear.svg');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    position: absolute;
    display: inline-block;
    left: 27px;
    top: 5px;
    cursor: pointer;
}

.NotificationCount {
    background-color: #81e01f;
    width: 14px;
    position: absolute;
    top: 0px;
    border-radius: 100%;
    left: 20px;
    text-align: center;
    font-size: 9px;
    border: 2px solid #20232a;
    box-sizing: content-box;
    font-family: Proxima N W01 Smbd;
    padding: 2px 1px;
    line-height: 1.1;
}

.connectArrow {
    position: absolute;
    top: 26px;
    left: 3px;
    display: none;
}

    .connectArrow:after {
        border-top: 0;
        border-left: 12px solid rgba(0, 0, 0, 0);
        border-right: 12px solid rgba(0, 0, 0, 0);
        border-bottom: 12px solid #1f2532;
        width: 0;
        margin-top: -2px;
        float: right;
        margin-right: 10px;
        position: relative;
        content: " ";
    }

.spDateTime {
    font-size: 10px;
    color: #b3b3b3;
    display: block;
    padding-bottom: 5px;
}

.spMessage {
    padding-bottom: 5px;
    display: block;
    font-size: 12px;
    font-family: Proxima N W01 Smbd;
}

    .spMessage.readNotification {
        font-family: Proxima N W01 Reg;
        color: #cac9c9;
    }

.spPreview {
    display: block;
    padding: 5px 35px;
    font-size: 12px;
}

    .spPreview a,
    .spPreview a:link,
    .spPreview a:visited,
    .spPreview a:active {
        font-size: 12px;
    }

.spButton {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .spButton a,
    .spButton a:link,
    .spButton a:visited,
    .spButton a:active {
        color: #fff;
        border: 1px solid #fff;
        padding: 4px 30px;
        border-radius: 4px;
        margin-right: 7px;
        font-size: 12px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .spButton a:hover {
            color: #000;
            background-color: #fff;
        }

.spNoNotifications {
    background-image: url('../../ImagesNew/ic_bell.svg');
    background-repeat: no-repeat;
    background-size: 150px 150px;
    background-position: center center;
    width: 150px;
    height: 150px;
    display: inline-block;
    text-align: center;
    opacity: 0.1;
}

.notificationWindow .nicescroll-rails-hr {
    display: none;
}

.notificationWindow .nicescroll-rails-vr {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0) !important;
}

    .notificationWindow .nicescroll-rails-vr .nicescroll-cursors {
        left: -1px;
    }

.nicescroll-rails-vr .nicescroll-cursors {
    width: 8px !important;
}

.ulnotificationList {
    padding: 0px;
    list-style-type: none;
    margin-top: 25px;
}

    .ulnotificationList > li {
        padding-bottom: 10px;
    }

        .ulnotificationList > li > input[type='checkbox'] + label:before {
            margin-right: 10px;
        }

        .ulnotificationList > li > input[type='checkbox'] + label {
            font-size: 12px;
        }

.prev_notifi > a:link,
.prev_notifi > a {
    color: #5c6069;
    font-size: 12px;
}

.beforeNotificationBell {
    position: relative;
    right: 65px;
}

.beforeTool {
    position: absolute;
    left: 265px;
}

#dvNotificationWindow > #dvNotificationPanelLoader {
    width: inherit;
    position: absolute;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

    #dvNotificationWindow > #dvNotificationPanelLoader > #dvNotificationPanelLoadingImg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50px;
        margin-left: -50px;
    }

.logo-tooltip {
    background: #000000;
    position: fixed;
    left: 58px;
    z-index: 166;
    top: 65px;
    color: #ffffff;
    padding: 20px;
    border-radius: 3px;
    display: none;
    width: 200px;
}

    .logo-tooltip::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 48%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }

    .logo-tooltip > p {
        margin: 0;
    }

    .logo-tooltip.active {
        display: block;
        transition: all 0.2s ease-in-out;
    }

.referTooltip {
    width: 183px;
    top: 72px;
    left: auto;
    right: 278px;
    padding: 10px 18px;
    font-size: 15px;
    font-family: Proxima N W01 Reg;
}

#popup-wrapper {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.popup-window {
    width: 45%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5px;
}

.popup-content {
    margin: 0;
    padding: 18px 30px 8px;
    background-color: #ffffff;
}

.popup-head {
    /*margin: 0;
    font-size: 18px;
    font-family: @semibold;
    color: #fff;
    text-align: center;
    background-color: @color14 ;
    padding: 16px 35px 16px 25px;*/
}

    .popup-head .initialbox {
        overflow: hidden;
    }

.popup-content p {
    margin: 0px 0px 12px;
    font-family: Proxima N W01 Reg;
    color: #555555;
    font-size: 14px;
    line-height: 1.4;
}

.check-content {
    margin: 10px 0;
}

.popup-lastsec {
    text-align: center;
}

    .popup-lastsec > div {
        display: inline-block;
        background-color: white;
        padding: 10px 0 15px 0;
    }

.ResBtn.callBtn {
    width: 219px;
    height: 56px;
    border-radius: 4px;
    /*background-color: #e4704b;*/
    background-color: rgba(131, 195, 64, 0.8);
}

    .ResBtn.callBtn span {
        margin-top: 20px;
    }

    .ResBtn.callBtn:hover {
        background-color: rgba(131, 195, 64, 0.8);
    }

.activateBtn.UpgradeBtn.Upgradepos {
    position: static;
    width: 160px;
    border-radius: 13px;
    background: url(../../ImagesNew/home/ico-_tick.svg) no-repeat #ff0000;
    background-size: 22px;
    background-position: 3px 3px;
    padding-left: 23px;
}

.ddHelp {
    background: url(../../ImagesNew/home/ico-_help.svg) no-repeat scroll transparent;
    cursor: pointer;
    width: 15px;
    height: 35px;
    position: absolute;
    left: 24px;
    top: 2px;
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    background-position: center;
}

.acc-help {
    position: relative;
}

.unverified-strip {
    width: 100%;
    height: 20px;
    color: #ffffff;
    background-color: #e4704b;
    z-index: 101;
    text-align: center;
    padding-top: 3px;
    font-family: Proxima N W01 Smbd;
}

    .unverified-strip a,
    .unverified-strip a:hover {
        color: #ffffff;
        text-decoration: underline !important;
        font-family: Proxima N W01 Smbd;
    }

    .unverified-strip .close {
        position: relative;
        right: -12.5%;
        font-weight: bold;
        font-size: 12px;
        cursor: pointer;
        top: 1px;
    }

.activate-acc {
    position: relative;
}

.ddVerify {
    background: url(../../ImagesNew/home/verify_icon.svg) no-repeat scroll transparent;
    cursor: pointer;
    width: 15px;
    height: 15px;
    /*position: absolute;
    left: 24px;
    top: 12px;*/
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
/*Package popup start css*/
p.per-amount {
    text-align: center;
    margin: 0;
}

.pro_plan_details .sogo-pricing-offer {
    margin-left: 0px;
    top: -10px;
    left: 0;
}

p a.per-amount,
p a.per-amount:hover {
    font-size: 14px;
    font-family: Proxima N W01 Reg;
    line-height: 21px;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    text-decoration: underline;
    text-transform: none;
}

.sogo-packplan {
    text-align: center;
}

.popup-inner p.amount {
    display: inline-block;
    line-height: 48px;
    color: #fff;
    margin: 0;
    padding: 0;
}

p.amount span.dollar {
    font-family: Proxima N W01 Reg;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    padding: 0;
    line-height: normal;
    color: #fff;
}

.bigprice {
    font-size: 28px;
    color: #fff;
    font-family: Proxima N W01 Smbd;
}

p.amount span.txtperiod {
    font-family: Proxima N W01 Smbd;
    font-size: 14px;
    display: inline-block;
    margin: 0;
    padding: 0 0 0 5px;
    line-height: 18px;
    position: relative;
    top: -9px;
    color: #fff;
}

.sogo-entplusplan {
    margin: 0 0 0 40px;
}

.cos_plan_name {
    display: inline-block;
}

a {
    text-decoration: none;
}

.promoter-list-sogo li {
    font-family: Proxima N W01 Smbd;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.8;
    letter-spacing: normal;
    color: #4a4a4a;
    list-style: square url(../../ProductImages/Product_specifics/Product-tick.png);
    margin-left: 6px;
    padding: 10px 0 1px 5px;
}

.popup {
    z-index: 99999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
}

.popup-inner {
    max-width: 700px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 3px;
}

.cos-pricing-head {
    margin-top: -1px;
}

.vc_col-sm-4 {
    width: 30%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.feature_details .span_12,
.headerDiv .span_12 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -moz-box;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: flex;
}

.signupEmail_cos::-ms-input-placeholder {
    font-style: italic;
}

.signupEmail_cos:empty:not(:focus) {
    font-style: italic;
}

.full-width-section .banner_corner {
    padding-left: 40px !important;
    padding-right: 280px !important;
}

div.slideVideo2 #play-banner-video-btn img.demo-fixture {
    height: auto;
    box-shadow: none;
    margin-left: 10px;
    vertical-align: text-bottom;
}
/*new pop up css*/
.popup-inner {
    line-height: 1.5;
}

.sogo-merge > label {
    font-family: Proxima N W01 Reg;
    font-size: 10px;
    padding-top: 0px;
    letter-spacing: 0.7px;
    color: #fff;
    cursor: auto;
}

.popup-inner .popup-close {
    top: -2px;
    right: -30px;
    color: #333;
}

.sogo-merge {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 10px;
}

    .sogo-merge .green-button {
        float: left;
        display: inline-block;
        margin: 0px 0 5px 16px;
        padding: 13px 20px 12px;
    }

.cos_pricing_detail {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.sogo_imglead {
    padding: 20px 20px 0;
    text-align: center;
}

a.sogo-anchor {
    background: transparent !important;
    color: #fff;
    font-family: Proxima N W01 Smbd;
    text-decoration: underline;
    font-size: 16px !important;
}

    a.sogo-anchor:hover {
        color: #fff;
    }

.try_now a.ent_free_trial {
    padding: 10px;
}

.sogo-downinfo {
    padding: 18px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -moz-box;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: flex;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.popup-inner .sogo-downinfo > img {
    float: none;
    padding: 0;
    margin-right: 10px;
}

.sogo-downinfo p {
    color: #fff;
    margin: 0;
    font-size: 14px;
    font-family: Proxima N W01 Smbd;
}

.sogo_plan_desc {
    border-bottom: 1px solid rgba(162, 162, 162, 0.4);
    padding-bottom: 15px;
}

.section .play-video-btn.play-video-imgbtn {
    padding-bottom: 0 !important;
    margin-top: 0px !important;
}

.plus_plan_details {
    background: #5abcbf;
}

.pro_plan_details {
    background: #5aabbf;
    position: relative;
}

.ent_plan_details {
    background: #5a99bf;
}

.cos_plan_name {
    text-align: center;
    font-size: 28px;
    font-family: Proxima N W01 Smbd;
    padding: 15px 0 0;
    margin: 0 5px 0 0;
    color: #fff;
    letter-spacing: 1px;
}

.try_now {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 10px;
}

.green-button {
    background-color: #83c340;
    border-radius: 2px;
    font-family: Proxima N W01 Smbd !important;
    font-size: 16px;
    padding: 10px 20px;
    color: #fff;
    outline: none;
    border: none;
    text-decoration: none;
}

.popup-close {
    width: 30px;
    height: 28px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(25%, -50%);
    transform: translate(50%, -50%);
    border-radius: 30px;
    background: #ECECEC;
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #71757D;
}

.clearfix:after {
    content: '';
    clear: both;
    display: block;
}

.green-button:hover {
    background-color: #74b431;
    color: #ffffff;
}

.try_now a {
    background: #83c340;
    border-color: #83c340;
    line-height: 1 !important;
    padding: 10px 20px;
    margin: 0 0 5px 0;
    display: inline-block;
    border-radius: 2px;
    /*width: 65%;*/
    letter-spacing: 0px;
    text-align: center !important;
    color: #fff !important;
    font-family: Proxima N W01 Smbd !important;
    text-decoration: none;
}

    .try_now a:hover {
        background: #74b431;
        border-color: #74b431;
        color: #fff !important;
    }

.promoter-list-sogo-popup {
    height: auto !important;
    padding-bottom: 18px;
    width: 74%;
    position: relative;
    min-height: 184px;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    margin: 0;
}

.popup-inner {
    max-width: 1100px;
    /*padding-top:20px;
  	padding-bottom:20px;
      padding-left: 20px;
    padding-right: 20px;*/
    top: 52%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    box-shadow: none;
    /*background-color:transparent;*/
}

    .popup-inner .promoter-list-sogo li {
        line-height: 1.0;
        padding: 8px 0 1px 5px;
        font-family: Proxima N W01 Reg;
        text-align: left;
    }

.try_now label {
    font-family: Proxima N W01 Reg;
    font-size: 10px;
    padding-top: 3px;
    letter-spacing: 0.7px;
}

.plus_plan_features {
    transition: box-shadow 1s;
    min-height: 290px;
    border-top: 0px;
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /*padding: 0px 13px 0 13px;*/
}

    .plus_plan_features:hover {
        box-shadow: 0 5px 15px 1px rgba(146, 146, 146, 0.5);
    }

cos_pricing_detail {
    border: 1px solid #e1e1e1;
    transition: box-shadow 1s;
}

.vc_responsive .wpb_row .feature_details .vc_col-sm-4,
.vc_responsive .wpb_row .popup-inner .vc_col-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.wpb_row .span_12 {
    z-index: initial;
}

.try_now .final-sogo-pricing-signup {
    font-size: 16px !important;
    font-weight: normal !important;
}

.popup-inner img.sogo-popimg {
    padding: 0;
    float: none;
    background-color: transparent;
    height: 45px;
}

.popup_content {
    height: 0;
}

.popup-inner img.help_cos_icon {
    float: initial;
    padding-bottom: 7px;
    padding-left: 0px;
}

.help_desc:hover .sogo-pricing-help-arrow,
.help_desc:hover .helpDescription {
    display: block;
}

.sogo-pricing-feature-head {
    font-family: Proxima N W01 Smbd;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #2d3e50;
    padding: 15px 0 0px 0;
    text-align: center;
    margin: -1px 0 0 0;
}

.popup {
    z-index: 101;
}
/*PRT 93474*/
.upgradePopupSogo {
    z-index: 9999999999;
}

.cos-pricing-head {
    font-family: Proxima N W01 Smbd;
    font-size: 22px;
    letter-spacing: 1px;
    color: #2d3e50;
    padding-top: 15px;
    margin-bottom: 3px;
    text-align: center;
}

.sogo_price_desc {
    font-size: 16px;
    line-height: 1.4;
    color: #2d3e50;
    text-align: center;
    font-family: Proxima N W01 Reg;
    margin: 0 0 0px 0;
}

.mobile_prop {
    display: none;
    padding: 3px 13px 0 17px;
    border: 1px solid #e1e1e1;
    margin-bottom: 4px;
    background: #fff;
}

    .mobile_prop .sogo_price_desc {
        margin: 0 0 8px 0;
    }

@media only screen and (max-width: 1199px) and (min-width: 960px) {
    .regular-checkbox input:checked + label {
        font-size: 15px;
    }

    a.sogo-anchor {
        font-size: 14px !important;
    }

    .regular-checkbox input + label {
        font-size: 15px;
    }

    .testimonial_video h2.inhead {
        padding: 20px 0 12px;
    }

    div.slideVideo2 #play-video-btn {
        padding-top: 25px;
    }

    .pro_plan_details .sogo-pricing-offer {
        margin-top: 0px !important;
        margin-left: 0px;
    }

    .or_keyword div.borderLines {
        margin: 14px 0 0;
        width: 36%;
    }

    .pos .sgupbg {
        padding: 25px 0 17px 25px;
    }

    .slideRight {
        padding-left: 35px;
    }

    .em-textinfo hr {
        margin: 8px auto 20px;
    }

    .full-width-section .banner_corner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .sogo-downinfo {
        padding: 18px 12px;
    }

    .promoter-list-sogo-popup {
        width: 75%;
    }

    .sogo-merge .green-button {
        padding: 13px 10px 12px;
        margin: 0px 0 5px 5px;
    }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .pro_plan_details .sogo-pricing-offer {
        display: none;
    }

    .full-width-section .banner_corner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .regular-checkbox input:checked + label {
        font-size: 14px;
    }

    #survey_sample_popup1 .popup-inner {
        max-width: 100%;
        width: 100%;
        padding: 25px 20px;
        top: 52%;
    }

    .pro_plan_details .sogo-pricing-offer {
        margin-top: 0px !important;
    }

    .plus_plan_features {
        min-height: 470px;
    }

    .helpDescription {
        left: 25px;
    }

    .slideRight {
        padding-left: 35px;
    }

    .help_ent_desc .sogo-pricing-help-arrow {
        left: 179px;
    }

    .help_pro_desc .sogo-pricing-help-arrow {
        left: 133px;
    }

    .help_plus_desc .sogo-pricing-help-arrow {
        left: 137px;
    }

    .sgupbg input.signupSubmit {
        width: 100%;
    }

    .cos_banner {
        width: 55%;
    }

    h2.sub_heading_1 {
        font-size: 18px;
    }

    .cos_form {
        width: 45%;
    }

    .pos .sgupbg {
        padding: 25px 5px 25px 25px;
    }

    .sgupbg input.signupEmail_cos {
        width: 85%;
    }

    .sgupbg .signupSubmit {
        width: 93%;
    }

    div.slideRight {
        padding-left: 23px;
        padding-top: 0px;
    }

    div.slideVideo2 #play-video-btn {
        padding-top: 0;
    }

    .em-textinfo hr {
        margin: 12px auto 15px;
    }

    .em-parainfo {
        font-size: 18px;
    }

    .testimonial_video h2.inhead {
        font-size: 32px;
        padding: 15px 0 0px;
    }

    .section .play-video-btn.play-video-imgbtn {
        width: 260px;
    }

    div.borderLines {
        width: 38%;
    }

    .sgupbg input.signupSubmit {
        font-size: 18px;
    }

    .plus_plan_features:hover {
        box-shadow: initial;
    }

    .try_now.try-ipad {
        padding-bottom: 57px;
    }

    .sogo_price_desc {
        font-size: 14px;
    }

    .sogo-merge .green-button {
        float: none;
        text-align: center;
        margin: 0;
    }

    a.sogo-anchor {
        font-size: 14px !important;
        display: block;
        margin-top: 10px;
    }

    .popup-inner .popup-close {
        top: 25px;
        right: 40px;
    }

    .sogo-downinfo {
        padding: 8px 10px;
        min-height: 45px;
    }

    .promoter-list-sogo-popup {
        min-height: 235px;
    }

    .sogo-downinfo p {
        line-height: 1.2;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .pro_plan_details .sogo-pricing-offer {
        margin-left: 0px;
        top: -4px;
    }

    .popup-inner img.sogo-popimg {
        height: 32px;
    }

    .mobile_prop .sogo_price_desc {
        margin: 0px 0 3px 0;
        font-family: Proxima N W01 Smbd;
    }

    .sogo-merge > label {
        font-size: 8px !important;
    }

    .popup-inner .popup-close {
        top: 10px;
        right: 20px;
    }

    .sogo_imglead {
        padding: 10px 20px 0;
    }

    .try_now a {
        margin: 0;
        padding: 7px 20px;
    }

    .sogo_price_desc {
        font-size: 14px !important;
    }

    a.sogo-anchor,
    .green-button,
    .try_now .final-sogo-pricing-signup {
        font-size: 14px !important;
    }

    .sogo-merge .green-button {
        margin: 0px 0 5px 25px;
        padding: 10px 8px;
    }

    .cos_pricing_detail {
        border-radius: unset;
    }

    #mobile-header {
        z-index: 90;
    }

    .regular-checkbox input:checked + label,
    .regular-checkbox input + label {
        font-size: 14px;
        padding-left: 28px;
    }
    /*.popup{top: 20px}*/
    .cos_plan_name {
        font-size: 20px;
        padding: 0px 0 0;
        margin: 0px;
    }

    .try_now {
        padding: 3px 0px 10px;
    }

    .sogo-merge {
        text-align: center;
        padding-bottom: 5px;
        padding-top: 3px;
    }

    .mobile_prop {
        display: block !important;
    }

    .feature_details,
    .help_desc {
        display: none !important;
    }

    #survey_sample_popup1 .popup-inner {
        max-width: 83%;
        padding: 10px 6px;
        top: 52%;
    }

    div.tp-bgimg.defaultimg {
        background-position: 50% 0px !important;
    }

    .section .play-video-btn.play-video-imgbtn {
        height: 260px;
        width: 260px;
        margin-top: 60px !important;
    }

    .testimonial_video h2.inhead {
        padding: 0px 0 12px;
        font-size: 32px;
    }

    .em-parainfo {
        font-size: 18px;
    }

    .vc_responsive .wpb_row > div > .survey_last_block {
        margin-bottom: 40px !important;
    }

    .vc_responsive .wpb_row > div > .em_cos_text {
        margin-bottom: 40px !important;
    }

    .rtwheadingfont {
        font-size: 25px;
        padding: 0 30px;
    }

    .Quickly-and-easily-c {
        padding: 0 30px;
    }

    .mobile_cos_margin {
        margin-top: 80px;
    }

    .sgupbg .fbandGoogleButtons {
        margin-left: 5px !important;
        margin-top: 0;
    }

    .wpb_wrapper .slideRight {
        padding-left: 0;
        padding-top: 0px;
    }

    .pos .sgupbg {
        padding: 25px 4px 25px 20px;
    }

    div.slideVideo2 #play-video-btn {
        padding-top: 20px;
    }

    .or_keyword div.borderLines {
        width: 39%;
    }

    .fbandGoogleButtons {
        width: 42%;
        margin: 0 12px 0 0px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .no_cc_text {
        margin-left: 26px;
    }

    .sgupbg input.signupEmail_cos {
        width: 86%;
    }

    .regular-checkbox input:checked + label,
    .regular-checkbox input + label {
        padding-left: 25px;
    }

    .pos .sgupbg {
        padding: 25px 4px 25px 18px;
    }

    .sgupbg .signupSubmit {
        width: 95%;
    }
}

@media only screen and (max-width: 374px) {
    .try_now {
        padding: 0px 0px 6px;
    }

    .sogo-merge {
        text-align: center;
        padding-bottom: 0px;
        padding-top: 2px;
    }

    .sogo_imglead {
        padding: 6px 20px 0;
    }

    .sogo-merge .green-button {
        margin: 0px 0 5px 4px;
        padding: 9px 8px;
    }
    /*.or_keyword div.borderLines {
        display: none;
}*/
}

.ca {
    clear: both;
}
/*.hdrmenus.poll-menu {
    left:50%;
    transform:translate(-50%,0);
}*/
/*New header*/
/*First Strip*/
.bor {
    border: 1px solid #000000;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear-fix:after {
    content: "";
    clear: both;
    display: block;
}

.bline {
    display: inline-block;
    overflow: hidden;
}

.mar-l.hd-btn {
    margin-left: 10px;
}

.mar-r.hd-btn {
    margin-right: 15px;
}

.mar-l {
    margin-left: 10px;
}

.mar-r {
    margin-right: 10px;
}

.hd-main-strip {
    width: 100%;
    padding-top: 10px;
    background-color: #20232a;
    display: flex;
    font-family: Proxima N W01 Smbd;
    max-height: 42px;
    box-sizing: content-box;
    position: relative;
}

.hd-main-left {
    width: 430px;
    max-width: 430px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    max-height: 42px;
    box-sizing: border-box;
}
/*.hd-main-left.hd-cx-left {
    width: 730px;
	max-width: 730px;
}*/
.hd-logo {
    padding: 0 18px;
}

.hd-logo-img {
    width: 40px;
    height: 32px;
    background-image: url('../../ProductImages/productHeaderLogo.svg?key=27112021');
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

.hd-drop-down {
    color: #fbfbfb;
    font-size: 14px;
    width: 170px;
    border-left: 1px solid rgba(155, 155, 155, 0.25);
    border-right: 1px solid rgba(155, 155, 155, 0.25);
    padding: 7.5px 0;
    text-align: center;
    cursor: pointer;
}

.hd-tool-logo {
    width: 26px;
    height: 20px;
    /*background-image: url('../../ImagesNew/header/icons-header.svg');*/
    display: inline-block;
    /*margin-right: 10px;*/
    /*background-position: 0px -263px;*/
    vertical-align: middle;
}

.hd-dd-icon {
    width: 15px;
    height: 20px;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.hd-sel-survey {
    height: 100%;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-repeat: no-repeat;
    background-position: 16px -183px;
    cursor: pointer;
    width: 52px;
    height: 32px;
}

.all-survey-tooltip {
    display: none;
    padding: 10px 20px;
    z-index: 100;
    box-sizing: content-box;
}

    .all-survey-tooltip.pipingToolTipRight .upArrow:after {
        margin-top: -22px;
    }

.hd-sel-survey:hover .all-survey-tooltip {
    display: block;
}

.hd-cx-dashboard {
    display: none;
}

.hd-main-left.hd-cx-left .hd-cx-dashboard {
    display: block;
    padding-left: 10px;
    line-height: 35px;
    border-left: 1px solid rgba(155, 155, 155, 0.25);
    cursor: pointer;
    width: 170px;
}

.hd-main-left.hd-ex-left .hd-ex-dashboard {
    display: block;
    padding-left: 10px;
    line-height: 35px;
    border-left: 1px solid rgba(155, 155, 155, 0.25);
    cursor: pointer;
}

.hd-main-left.hd-cx-left .hd-sel-survey {
    min-width: 145px;
    max-width: 145px;
    box-sizing: border-box;
}
/*.hd-main-left.hd-ex-left .hd-sel-survey {
    display: none;
}*/
.hd-ex-dashboard-label {
    display: inline-block;
    width: 24px;
    background-color: #3F70EC;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    font-family: Proxima N W01 reg;
}

.hd-cx-dashboard-label {
    display: inline-block;
    width: 24px;
    background-color: #3E7880;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    font-family: Proxima N W01 reg;
}

.hd-pulse-dashboard-label {
    display: inline-block;
    width: 30px;
    background-color: #f14516;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    font-family: Proxima N W01 reg;
}

.hd-pulse-dashboard-icon {
    background-image: url(../../ImagesNew/dm/ts-icons.svg);
    background-repeat: no-repeat;
    background-position: -645px 2px;
    cursor: pointer;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}

.hd-cx-dashboard-icon {
    background-image: url(../../ImagesNew/dm/ts-icons.svg);
    background-repeat: no-repeat;
    background-position: -645px 2px;
    cursor: pointer;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}

.hd-ex-dashboard-icon {
    background-image: url(../../ImagesNew/dm/ts-icons.svg);
    background-repeat: no-repeat;
    background-position: -645px 2px;
    cursor: pointer;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}

.hd-cx-dashboard-title,
.hd-ex-dashboard-title,
.hd-pulse-dashboard-title {
    color: #ffffff;
}

.hd-main-mid {
    flex-grow: 1;
    display: flex;
    max-height: 42px;
}

.hd-survey-title {
    text-align: center;
    background-color: #4f535c;
    color: #fbfbfb;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    flex-grow: 1;
    justify-content: center;
    position: relative;
    top: 15px;
    height: 27px;
    box-sizing: border-box;
}

.hd-title-wrap {
    display: flex;
    cursor: pointer;
    position: relative;
    top: 9px;
}

.hd-title-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-position: 3px -4px;
    background-repeat: no-repeat;
}

.hd-upgrade {
    font-size: 14px;
    color: #f5a623;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    /*min-width: 125px;*/
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.hd-upgrade-icon {
    /*width: 15px;
	height: 13px;*/
    background-image: url('../../ImagesNew/header/icons-header.svg');
    display: inline-block;
    background-position: 0px -160px;
    background-repeat: no-repeat;
}

.hd-main-right {
    min-width: 325px;
    max-width: 325px;
    /*padding-bottom: 10px;*/
    position: relative;
    top: -3px;
    height: 45px;
}

.hd-right-cont {
    display: flex;
    height: 100%;
}

.hd-first-opt {
    width: 40px;
    max-width: 45px;
    margin: 0px 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.hd-profile-dd {
    width: 61px;
    max-width: 61px;
    margin: 0px 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: flex;
}

    .hd-profile-dd.hd-active-opt, .hd-profile-dd.hd-active-opt:hover {
        background-color: #ffffff;
    }

.hd-profile-img {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    border-radius: 50%;
    background-color: #ECFDFA;
    margin-left: 5px;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid #20232a;
    -webkit-box-shadow: 0px 0px 1px 2px #0000005e;
    box-shadow: 0px 0px 1px 2px #0000005e;
}

.hd-profile-dd-icon {
    width: 15px;
    height: 15px;
    max-width: 15px;
    max-height: 15px;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-position: -9px -15px;
    margin-top: 9px;
}

.hd-first-opt:hover,
.hd-profile-dd:hover {
    background-color: rgba(236, 253, 250, 0.5);
    cursor: pointer;
}
/*.hd-first-opt:hover .hd-menu-items,
.hd-first-opt .hd-menu-items {
    filter: brightness(0) saturate(100%) invert(90%) sepia(24%) saturate(91%) hue-rotate(110deg) brightness(106%) contrast(98%);
}*/
.hd-notify {
    background-image: url('../../ImagesNew/notifications-material.svg');
    background-size: 15px;
    background-position: center 9px;
    background-repeat: no-repeat;
    position: relative;
}

.hd-visual {
    background-image: url('../../ImagesNew/header/visualizations-icn.svg');
    background-size: 17px;
    background-position: center 12px;
    background-repeat: no-repeat;
}

.hd-help {
    background-image: url('../../ImagesNew/header/help-icn.png');
    background-size: 17px;
    background-position: center 9px;
    background-repeat: no-repeat;
}

.hd-notify:hover .NotificationCount,
.hd-notify.hd-active-opt .NotificationCount {
    border: 2px solid #3e424b;
}
/*.hd-notify:hover, .hd-notify.hd-active-opt{
    background-image: url('../../ImagesNew/ic_bell_notified_hover.svg');
}*/
.hd-visual:hover,
.hd-visual.hd-active-opt {
    background-image: url('../../ImagesNew/header/visualizations-icn_hover.svg');
}

.hd-help:hover,
.hd-help.hd-active-opt {
    background-image: url('../../ImagesNew/header/help-icn_hover.svg');
}
/*First Strip End*/
/*Second Strip*/
.hd-second-strip {
    width: 100%;
    padding-top: 8px;
    background-color: #4f535c;
    box-sizing: border-box;
    font-family: Proxima N W01 Smbd;
    line-height: normal;
}
/*Menu list*/
.hd-menu-wrap {
    display: flex;
}

.survey-menu-wrap {
    display: flex;
}

a.hd-menu-items,
a:link.hd-menu-items,
a:visited.hd-menu-items,
a:active.hd-menu-items {
    display: inline-block;
    padding: 10px 20px 13px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    opacity: 1;
    cursor: pointer;
    margin-right: 5px;
    color: #fbfbfb;
    transition: 0.2s all ease-in-out;
    font-size: 14px;
    font-family: Proxima N W01 Smbd;
    line-height: 15px;
}

.hd-menu-text {
    display: inline-block;
}

a:hover.hd-menu-items:hover {
    background-color: #707685;
    color: #ffffff;
    opacity: 1;
}

a.hd-active.hd-menu-items {
    opacity: 1;
    color: #ffffff;
    background-color: #707685;
}
/*.hd-right-cont.fr .hd-utilities a.hd-menu-items {
    background-color: transparent;
    transition: none;
}*/
/*.hd-utilities a:hover.hd-menu-items:hover, .hd-utilities a.hd-active.hd-menu-items{
    background-color: #3e424b;
    transition: none;
    opacity: 1 !important;
}*/
/* Survey bank and create */
.hd-survey-bank,
.hd-create,
.hd-contact-list {
    padding: 6px 20px 8px 45px;
    font-size: 14px;
    cursor: pointer;
}

.hd-survey-bank {
    border-right: solid 1px #4f535c;
    background-repeat: no-repeat;
}

a.hd-create,
a:link.hd-create,
a:visited.hd-create,
a:active.hd-create,
a:hover.hd-create {
    color: #83c340;
    position: relative;
    border-radius: 3px;
}

    a.hd-create:before,
    a:link.hd-create:before,
    a:visited.hd-create:before,
    a:active.hd-create:before,
    a:hover.hd-create:before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        left: 20px;
        background-image: url('../../ImagesNew/header/icons-header.svg');
        background-repeat: no-repeat;
        background-position: 2px -142px;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(96deg) brightness(112%) contrast(101%);
    }

a.hd-contact-list,
a:link.hd-contact-list,
a:visited.hd-contact-list,
a:active.hd-contact-list,
a:hover.hd-contact-list {
    color: #ffffff;
    border-radius: 3px;
}

    a.hd-contact-list:after,
    a:link.hd-contact-list:after,
    a:visited.hd-contact-list:after,
    a:active.hd-contact-list:after,
    a:hover.hd-contact-list:after {
        content: '';
        position: absolute;
        background-image: url('../../ImagesNew/header/hd-contact-list.svg');
        background-repeat: no-repeat;
        background-position: 7px 0px;
        width: 22px;
        height: 18px;
        display: inline-block;
        top: 5px;
        left: 5px;
    }
/*Second Strip End*/
/*Third Strip*/
.hd-third-strip {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 20px 0px;
    background-color: #707685;
    position: relative;
    z-index: 200;
    top: 0px;
}
/*common class*/
.hd-btn {
    position: relative;
    border-radius: 0px;
    /*border: solid 1px #494e56;*/
    background-color: rgba(0, 0, 0, 0.2);
    color: #e1e4e6;
    margin-bottom: 13.5px;
    cursor: pointer;
    /*transition: all 0.2s ease-in-out, background-position 1ms, background-image 1ms;*/
    margin-left: 1px;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
    border: none !important;
    /*background-color: rgba(0, 0, 0, 0.2) !important;*/
}

.hd-btn:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
    /*color: #ffffff;*/
}
/*.hd-btn-active{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  height: 3px;
  width: 100%;
  opacity: 0;
}*/
.hd-active.hd-btn {
    /*background-color: #01aff9;*/
    color: #ffffff;
}

.hd-active .hd-btn-active {
    display: none !important;
    opacity: 1;
    cursor: default;
}
/*.non-hd-active .hd-btn-active{
  opacity: 0;
  animation: remUnderline 0.15s linear
}

@keyframes underline{
  0%    {width: 0;}
  100%  {width: 100%;}
}

@keyframes remUnderline{
  0%    {width: 100%;opacity: 1}
  100%  {width: 0; opacity: 0}
}*/
/*textual button*/
.hd-btn-text {
    font-family: Proxima N W01 Smbd;
    font-size: 13px;
    padding: 7.5px 13px 7.5px;
    display: inline-block;
}

.hd-third-strip .hd-upgrade-arrow .hd-btn-text {
    padding: 7.5px 27px 7.5px 13px;
}
/*image button*/
.hd-btn.hd-img-btn {
    position: relative;
    height: 30px;
    width: 48px;
}

    .hd-btn.hd-img-btn:before {
        content: "";
        display: inline-block;
        position: absolute;
        background-position: center 7px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-image: url('../../ImagesNew/header/icons-header.svg');
    }
/*Dropdown button*/
.hd-btn.hd-dd-btn .hd-btn-text {
    padding: 7.5px 5px 7.5px 13px;
}

.hd-btn.hd-dd-btn .hd-dd-img {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    background-position: -16px -19px;
}

.hd-btn.hd-dd-btn:hover .hd-dd-img,
.hd-btn.hd-dd-btn.hd-active .hd-dd-img {
    background-position: 0 -3px;
}

.hd-btn.hd-dd-btn {
    position: relative;
}

.hd-dropdown-content {
    display: none;
    position: absolute;
    top: 105%;
    min-width: 150px;
    max-width: 250px;
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.17);
    border-radius: 2px;
    box-shadow: 0 0 4px grey;
}

.hd-dropdown-row {
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    color: #5b5c5c;
    font-size: 14px;
}

    .hd-dropdown-row:hover {
        background-color: #cfd8dc;
    }

    .hd-dropdown-row.hd-dd-active,
    .hd-dropdown-row.hd-dd-active a {
        color: #000000;
        font-family: Proxima N W01 Smbd;
    }

    .hd-dropdown-row a {
        padding: 0 !important;
    }

.hd-show-dd.hd-dropdown-content {
    display: block;
}
/*Button type 2*/
.hd-btn-two {
    padding: 3px 0px 5px;
    color: #cad0d1;
    border-radius: 3px;
    cursor: pointer;
    display: none;
    transition: 0.2s all ease-in-out;
}

    .hd-btn-two .hd-btn-text {
        padding: 5.5px 10px 5.5px;
    }
    /*.hd-btn-two:hover {
    background-color: #ffffff;
    color: #272626;
}*/
    .hd-btn-two.hd-active {
        /*background-color: #ffffff;*/
        color: #272626;
    }

    .hd-btn-two a,
    .hd-btn-two a:link,
    .hd-btn-two a:visited,
    .hd-btn-two a:active {
        color: #9b9b9b;
    }

    .hd-btn-two:hover a,
    .hd-btn-two:hover a:link,
    .hd-btn-two:hover a:visited,
    .hd-btn-two:hover a:active {
        color: #272626;
    }
/*Button type 2 end*/
/*Text and image button*/
.hd-text-icon {
    width: 18px;
    height: 17px;
    display: inline-block;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    top: 6px;
    left: 8px;
}

.hd-Import.hd-text-icon {
    background-position: 3px -472px;
}

.hd-Export.hd-text-icon {
    background-image: url('../../ImagesNew/header/export-icon.svg');
    background-position: 0px -4px;
}

.hd-publish-icon.hd-text-icon {
    background-position: 4px -352px;
}

.hd-btn:hover .hd-publish-icon.hd-text-icon,
.hd-active.hd-btn .hd-publish-icon.hd-text-icon {
    background-image: url(../../ImagesNew/header/white-header-sprite.svg);
    background-position: 4px -134px;
}

.hd-btn:hover .hd-Import.hd-text-icon,
.hd-active.hd-btn .hd-Import.hd-text-icon {
    background-image: url(../../ImagesNew/header/import-icon-white.svg);
    background-position: 2px -1px;
}

.hd-btn:hover .hd-Export.hd-text-icon,
.hd-active.hd-btn .hd-Export.hd-text-icon {
    background-image: url('../../ImagesNew/header/export-icon.svg');
    background-position: 0px -28px;
}
/*Third Strip End*/
/*Profile pop up*/
.usraccdropdown {
    padding: 15px;
}

.popup-body {
    width: auto;
    min-width: 325px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
    font-family: Proxima N W01 Smbd;
    position: absolute;
    top: 57px;
    right: 10px;
    z-index: 1000;
    line-height: normal;
}

.popup-head {
    width: 100%;
    padding: 20px 25px;
    box-sizing: border-box;
    display: flex;
}

    .popup-head:hover {
        background-color: #cfd8dc;
    }

        .popup-head:hover .initials {
            background-color: #ffffff;
            color: #cfd8dc;
        }

        .popup-head:hover .popup-arr {
            background-color: #cfd8dc;
        }

.profile-pic {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #cfd8dc;
}

.profile-details {
    margin-left: 15px;
    max-width: 225px;
}

.profile-name {
    color: #4a4a4a;
    font-size: 18px;
    font-family: Proxima N W01 Smbd;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-info {
    color: #4a4a4a;
    font-size: 14px;
    font-family: Proxima N W01 Smbd;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-expiry {
    background-color: rgba(116, 201, 1, 0.76);
    padding: 1px 32px 1px 32px;
    cursor: default;
}

.valid-text,
.valid-date {
    font-size: 14px;
    color: #ffffff;
    font-family: Proxima N W01 Smbd;
    margin-top: 16px;
}

.valid-date {
    font-size: 20px;
    margin-top: 7px;
    margin-bottom: 19px;
}

.action-list {
    padding: 0;
}

.popup-action {
    padding: 15px 30px 15px;
    font-size: 14px;
    color: #4a4a4a;
    border-top: 1px solid #f7f7f7;
    cursor: pointer;
}

    .popup-action:hover {
        background-color: #cfd8dc;
    }

    .popup-action:first-child {
        border: none;
    }

.popup-rights {
    color: #9b9b9b;
    font-size: 13px;
    font-family: Proxima N W01 Reg;
    font-style: italic;
    padding: 15px 25px;
}

.popup-arr {
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    position: absolute;
    top: -4px;
    background-color: #ffffff;
    right: 26px;
}

.popup-classic {
    margin: 0;
    padding: 10px 5px 10px 25px;
    color: #ffffff;
    font-family: Proxima N W01 Smbd;
    background-color: rgba(227, 231, 234, 0.5);
    /* font-weight: bold; */
    color: #4a4a4a;
    border-top: 1px solid #e3e7ea;
}

.popup-opt-icn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 15px;
}

.popup-act-sett {
    background-position: 0 -993px;
}

.popup-logout {
    background-position: 0 -936px;
}

.popup-act-help {
    background-position: 0 -964px;
}
/*Profile pop up end*/
/*Upgrade icon*/
.hd-upgrade-arrow:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: -3px;
    top: -6px;
    background-image: url('../../ImagesNew/general/btnupgrade.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.disabled-tt-container.DMDisabledReminder .hd-upgrade-arrow:before {
    width: 13px;
    height: 16px;
    right: 10px;
    top: 7px;
}
/*Header tooltip*/
.hd-ts-tooltip {
    position: absolute;
    top: 40px;
    padding: 7px 15px;
    border-radius: 3px;
    background-color: #717374;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.26);
    font-size: 12px;
    color: #ffffff;
    font-family: Proxima N W01 Smbd;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
    display: none;
}

    .hd-ts-tooltip:after {
        content: " ";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translate(-50%, 0);
        border-width: 7px;
        border-style: solid;
        border-color: transparent transparent #717374 transparent;
    }

.hd-btn:hover .hd-ts-tooltip {
    display: block;
}
/*Header tooltip end*/
/*New header end*/
.survey-statusicon {
    cursor: pointer;
    width: 20px;
    height: 19px;
    border: 0px none;
}

img.edt {
    background-position: 0px 3px;
    background: url('../../ImagesNew/folder-menu/Edit.svg') no-repeat transparent;
}

img.act {
    background-position: 0px 3px;
    background: url('../../ImagesNew/folder-menu/Active.svg') no-repeat transparent;
}

img.exp {
    background-position: 0px 3px;
    background: url('../../ImagesNew/folder-menu/expired.svg') no-repeat transparent;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hdrrghtcontsetting .usrdropdowncont .ddsetting {
        background: url(../../ImagesNew/home/home_sprite.svg);
        left: 20px;
        top: 4px;
        width: 25px;
        background-position: -106px 63px;
        background-size: 3351px 95px;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .ddHelp {
        background: url(../../ImagesNew/home/ico-_help.svg);
        background-size: 30px 18px;
        background-position: center;
        background-repeat: no-repeat;
        width: 22px;
        left: 21px;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .hdrrghtcontsetting .usrdropdowncont .ddlogout {
        background: url(../../ImagesNew/home/home_sprite.svg);
        background-position: -45px 55px;
        background-size: 2900px 72px;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        top: 3px;
        width: 25px;
        left: 18px;
    }
}

@supports (-ms-ime-align: auto) {
    .hdrrghtcontsetting .usrdropdowncont .ddsetting {
        background: url(../../ImagesNew/home/home_sprite.svg);
        left: 19px;
        top: 4px;
        width: 25px;
        background-position: -106px 63px;
        background-size: 3351px 95px;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .ddHelp {
        background: url(../../ImagesNew/home/ico-_help.svg);
        background-size: 30px 18px;
        background-position: center;
        background-repeat: no-repeat;
        width: 22px;
        left: 21px;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .hdrrghtcontsetting .usrdropdowncont .ddlogout {
        background: url(../../ImagesNew/home/home_sprite.svg);
        background-position: -42px 65px;
        background-size: 2750px 90px;
        -ms-transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        top: 2px;
        width: 25px;
        left: 18px;
    }
}

.hd-utilities {
    padding: 0;
    width: 73px !important;
    max-width: 80px !important;
}

    .hd-utilities > a {
        /*padding-left: 40px !important;*/
        background-image: url(../../ImagesNew/header/Slide-utilities-normal.svg);
        background-position: 9px 8px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 1 !important;
        background-size: 55px 20px;
        height: 45px;
    }

        .hd-utilities > a:hover,
        .hd-utilities > a.hd-active {
            background-image: url(../../ImagesNew/header/Slide-utilities-hover.svg);
            background-position: 9px 8px;
            background-size: 55px 20px;
        }

.hd-survey-title-name {
    max-width: 700px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*#div_inner_Header{
    position: fixed;
    top: 0;
    width: 100%;
}
.fixedheader{
    min-height: 98px;
    margin-bottom: 57px;
}*/
/*Fix header with 2 strips*/
.fix-on-top #div_inner_Header {
    position: fixed;
    top: 0px !important;
}
/*Fix header with 2 strips*/
.fix-on-top #div_inner_Header {
    position: fixed;
    top: 0px !important;
}
/*Merging Buttons*/
.hd-merged-btn {
    width: 10px;
    height: 20px;
    display: none;
    cursor: pointer;
    background-image: url('../../imagesNew/RM/Omni/icon-tile-menu-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 5px;
    background-position: center;
}

.hd-list-item.hd-btn-two {
    float: none;
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    background-color: #ffffff;
}

    .hd-list-item.hd-btn-two .hd-btn-text {
        white-space: nowrap;
        color: #5b5c5c;
        font-size: 14px;
        font-family: Proxima N W01 Reg;
        box-sizing: border-box;
        width: 100%;
    }

    .hd-list-item.hd-btn-two:hover {
        background-color: #cfd8dc;
    }

        .hd-list-item.hd-btn-two:hover .hd-btn-text {
            color: #5b5c5c;
        }

    .hd-list-item.hd-btn-two.hd-active .hd-btn-text {
        color: #fff;
        font-family: Proxima N W01 Smbd;
    }

.hd-group.hd-relative-group {
    position: relative;
}

.hd-merge-wrap {
    display: block;
}

.hd-position-list.hd-merge-wrap {
    position: absolute;
    right: 10px;
    top: 30px;
}

.hd-merge-wrap.hd-hide {
    display: none;
}

.hd-plan-statement {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.bor-left-rad {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.bor-right-rad {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

@media screen and (max-width: 1020px) {
    .hd-survey-title-name {
        max-width: 365px;
    }
}

@media screen and (max-width: 1300px) {
    .hd-survey-title-name {
        max-width: 500px;
    }
}

@media screen and (max-width: 1200px) {
    .hd-survey-title-name {
        max-width: 400px;
    }
}

@media screen and (max-width: 1100px) {
    .hd-survey-title-name {
        max-width: 365px;
    }
}

#usrhelpdropdown {
    overflow: hidden;
}

a.suggestion-s:before {
    content: "";
    background-image: url(../../ImagesNew/home/home_sprite.svg);
    background-position: -143px -14px;
    background-repeat: no-repeat;
    width: 28px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 20px;
}
/*css for NRT: 70282 redesign Acc settings */
.notifyMiniIcons {
    background-image: url('../../ProductImages/Product_specifics/Product-branding-logo.svg?k=1');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
}

.notifyClearAll {
    position: absolute;
    top: 21px;
    right: 45px;
    background-position: 0 -1185px;
    cursor: pointer;
}

.notifySettings {
    position: absolute;
    top: 21px;
    right: 15px;
    background-position: 0 -1225px;
    cursor: pointer;
}

.notifyCrossBack {
    background-image: url(../../ImagesNew/ic_close.svg);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0px;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(478%) hue-rotate(184deg) brightness(94%) contrast(91%);
}

.notifyCheckHeader {
    color: rgba(92, 96, 105, 0.8);
    font-family: Proxima N W01 Smbd;
    font-size: 13px;
    padding: 25px 30px 0 0px;
    line-height: 1.3;
}

.ulNotifyCheckItem li {
    color: rgba(92, 96, 105, 0.9);
    line-height: 1.3;
    font-family: Proxima N W01 Smbd;
    position: relative;
}

.ulnotificationList.ulNotifyCheckItem > li > input[type='checkbox'] + label {
    font-size: 13px;
    padding: 0 30px 0 23px;
}

    .ulnotificationList.ulNotifyCheckItem > li > input[type='checkbox'] + label:before {
        position: absolute !important;
        left: 0px;
        top: 2px;
    }

.ulnotificationList.ulNotifyCheckItem > li > input[type="checkbox"]:checked + label > span {
    top: 5px;
    -ms-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

.Notification_settings.notifySettingChange {
    padding: 0px 0px;
}

.notificationMainWrap {
    padding: 0px 0px;
}

    .notificationMainWrap .spMessage {
        color: #5c6069;
        font-family: Proxima N W01 Smbd;
        display: inline-block;
        padding: 0 15px 10px 10px;
        max-width: 210px;
    }

        .notificationMainWrap .spMessage.readNotification {
            color: rgba(92, 96, 105, 0.8);
            font-family: Proxima N W01 Reg;
        }

.spMessage.readNotification .notificationHighlight,
.spMessage .notificationHighlight {
    color: #fff;
    font-family: Proxima N W01 Smbd;
}

.notificationMainWrap .spDateTime {
    color: rgba(92, 96, 105, 0.7);
    display: inline-block;
    padding: 0 0px 5px 35px;
}

.spButton a.notificationWhiteBtn {
    border: 1px solid rgba(92, 96, 105, 0.8);
    border-radius: 4px;
    color: #5c6069;
    line-height: normal;
    margin: 0px 12px 0 0;
    font-size: 12px;
    font-family: Proxima N W01 Smbd;
    padding: 5px 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.whiteAcceptBtn {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 5px 0 0;
}

    .whiteAcceptBtn:after {
        content: '';
        display: block;
        width: 3px;
        height: 8px;
        border: solid #5c6069;
        border-width: 0 1.3px 1.3px 0;
        transform: rotate(45deg);
        float: left;
        position: absolute;
        left: 3px;
        top: 0px;
    }

.whiteRejectBtn {
    position: relative;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin: 0 5px 0 0;
}

    .whiteRejectBtn::before,
    .whiteRejectBtn::after {
        position: absolute;
        content: '';
        width: 100%;
        top: 7px;
        left: 0;
        height: 1px;
        background-color: #5c6069;
    }

    .whiteRejectBtn::before {
        transform: rotate(45deg);
    }

    .whiteRejectBtn::after {
        transform: rotate(-45deg);
    }

.spButton a.notificationWhiteBtn:hover {
    color: #fff;
    background: #5c6069;
}

    .spButton a.notificationWhiteBtn:hover .whiteAcceptBtn:after {
        border: solid #fff;
        border-width: 0 1.3px 1.3px 0;
    }

    .spButton a.notificationWhiteBtn:hover .whiteRejectBtn::before,
    .spButton a.notificationWhiteBtn:hover .whiteRejectBtn::after {
        background-color: #fff;
    }

.notificationMainWrap .Notified:hover {
    background-color: rgba(92, 96, 105, 0.1);
}

.notificationMainWrap .icCross {
    display: none;
    right: 15px;
    top: 15px;
    filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(478%) hue-rotate(184deg) brightness(94%) contrast(91%);
}

.notificationMainWrap .Notified:hover .icCross {
    display: block;
}

.notificationMainWrap .Notified {
    border-bottom: none;
    padding: 15px;
}

.notificationMainWrap .spButton {
    padding-left: 35px;
}

.notificationMiniIcon {
    background-image: url('../../ProductImages/Product_specifics/Product-branding-logo.svg?k=1');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
}

.notification-response-tab {
    background-position: -2px -935px;
}

.notification-timer-tab {
    background-position: -2px -845px;
}

.notification-mail-tab {
    background-position: -2px -875px;
}

.notification-chat-tab {
    background-position: -2px -900px;
}

.notification-bell-tab {
    background-position: -2px -960px;
}

.notification-cross-tab {
    background-position: -2px -990px;
}

.notification-danger-tab {
    background-position: -2px -1020px;
}

.notification-like-tab {
    background-position: -2px -1048px;
}

.notification-shield-tab {
    background-position: -2px -1075px;
}

.notificationMainWrap .Notified:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid rgba(226, 221, 221, 0.48);
    height: 1px;
    width: 90%;
    left: 15px;
    bottom: 0;
}

.notificationMainWrap .Notified:last-child::after {
    display: none;
}

.notifySettingChange .Notifset_title:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid rgba(226, 221, 221, 0.48);
    height: 1px;
    width: 90%;
    left: 15px;
    bottom: 0;
}

a.hd-contact-list.active {
    position: relative;
    opacity: 1;
}

    a.hd-contact-list.active::before {
        content: '';
        display: block;
        position: absolute;
        top: -8px;
        left: 9px;
        height: 46px;
        width: 140px;
        background-color: rgba(188, 188, 188, 0.09);
    }

.hd-Dashboard-dd-img {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url('../../ImagesNew/header/icons-header.svg');
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    background-position: -16px -19px;
}

.hd-cx-dashboard {
    width: 100px !important;
    max-width: 100px;
    padding-left: 10px;
    cursor: pointer;
}

.hd-main-left.hd-cx-left {
    width: 450px;
    max-width: 450px;
}

.hd-main-left.hd-ex-left {
    width: 450px;
    max-width: 450px;
}

.hd-main-left.hd-cx-left.hd-ex-left {
    width: 620px;
    max-width: 620px;
}

#lnkEmployeeDirectory {
    width: 160px !important;
    max-width: 160px;
    font-size: 14px;
    padding-left: 5px !important;
}

.dd-ex-dashboard-label {
    display: inline-block;
    width: 24px;
    background-color: #3F70EC;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    font-family: Proxima N W01 reg;
}

.dd-cx-dashboard-label {
    display: inline-block;
    width: 24px;
    background-color: #3E7880;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #FBFBFB;
    font-size: 12px;
    font-family: Proxima N W01 reg;
}

.dd-pulse-dashboard-label {
    display: inline-block;
    width: 29px;
    background-color: #f14516;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #FBFBFB;
    font-size: 12px;
    font-family: Proxima N W01 reg;
}

.hd-cd-dashboard-label,
.dd-cd-dashboard-label {
    display: inline-block;
    width: 42px;
    background-color: #5C6069;
    padding: 0px 5px;
    text-align: center;
    border-radius: 9px;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    font-family: Proxima N W01 reg;
    cursor: pointer;
    margin: 4px 0 0;
}

.hd-cx-dashboard .hd-Dropdown-content-wrapper::before {
    content: "";
    position: absolute;
    left: 70px;
    top: -5px;
    width: 0 !important;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    transform: none !important;
    background: none !important;
}

.hd-Dropdown-content-wrapper {
    padding: 0 !important;
}

.hd-cx-dashboard .hd-Dropdown-content-wrapper li {
    opacity: 0.8;
}

    .hd-cx-dashboard .hd-Dropdown-content-wrapper li:hover {
        opacity: 1;
        background-color: rgba(197, 197, 197, 0.3);
        color: #1f2532;
    }

.hd-Dropdown-content-wrapper:hover {
    background-color: rgba(197, 197, 197, 0.2);
}

.emplogoNew {
    background-image: url(../../ImagesNew/EX/emp-directory.svg) !important;
    background-position: 5px 3px !important;
}

.hd-survey-title {
    padding: 0 10px;
}

.popup-opt-icn.organization-management {
    background-image: url('../../ImagesNew/header/organization-management.svg');
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.hd-sel-survey .plat_tooltip {
    white-space: nowrap;
    width: auto !important;
}

.hd-sel-survey {
    position: relative;
    padding: 0 0 0 50px;
    border-left: 1px solid rgba(155, 155, 155, 0.25);
    border-right: 1px solid rgba(155, 155, 155, 0.25);
    width: auto;
}

.all-projects {
    color: #fbfbfb;
    font-size: 14px;
    padding: 9px 20px 0 0;
    text-align: center;
    cursor: pointer;
}

.hd-btn.common-spell-check-btn {
    height: 30px;
    width: 48px;
    position: relative;
}

    .hd-btn.common-spell-check-btn:before {
        height: 30px;
        width: 48px;
        background-image: url('../../ImagesNew/header/phoenix-qm-header-icons.svg');
        background-position: 13px -18px;
        background-size: 42px;
        background-repeat: no-repeat;
    }

        .hd-btn.common-spell-check-btn:before.spellCheckBtn {
            background-position: 13px 8px;
        }
    /*.hd-btn.common-spell-check-btn:before.spellCheckBtn:hover,
.hd-btn.common-spell-check-btn:before.spellCheckBtn.hd-active {
    background-position: 13px -19px;
}*/
    .hd-btn.common-spell-check-btn.find-replace-btn:before {
        background-position: 16px -76px;
    }
/*.hd-btn.common-spell-check-btn:before.find-replace-btn:hover,
.hd-btn.common-spell-check-btn.find-replace-btn.hd-active:before {
    background-position: 16px -76px;
}*/
/*.mainLoader.allDashboardLoaderTop {
  top: 49px;
}*/
#usraccdropdown .popup-head {
    border-bottom: 2px solid rgba(116, 201, 1, 0.76);
    margin-bottom: -2px;
}

@media screen and (min-width: 900px) and (max-width: 1100px) {
    .hd-cx-dashboard-label {
        line-height: 16px;
    }
}

div#dvFilterManagerTab.hd-btn-two {
    padding: 3px 0 0;
}

div#dvFilterManagerTab .hd-btn-text {
    padding: 2px 10px 10px;
}
/*Header new Sogolytics*/
.hd-title-wrap {
    top: 0;
}

.hd-survey-title {
    top: 0;
    height: auto;
    background-color: transparent;
}

a.hd-menu-items,
a:link.hd-menu-items,
a:visited.hd-menu-items,
a:active.hd-menu-items {
    color: #20232a;
}
/*a.hd-contact-list, a:link.hd-contact-list, a:visited.hd-contact-list,
a:active.hd-contact-list, a:hover.hd-contact-list,*/
a.hd-create,
a:link.hd-create,
a:visited.hd-create,
a:active.hd-create,
a:hover.hd-create {
    color: #fff;
}

    a.hd-create:hover,
    a.hd-contact-list:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

.hd-main-strip.ConvertDD .oldHeader,
.hd-main-strip.ConvertDD .hasDD {
    display: none !important;
}

.hd-main-strip.ConvertDD .hd-main-DD {
    display: block;
    margin: 0 16px 0 0;
}
/*new Header DD*/
.hd-main-DD {
    height: 30px;
    width: 33px;
    background: #0cbcca;
    background: -webkit-linear-gradient(180deg, #0cbcc9 0%, #006259 100%);
    background: -moz-linear-gradient(180deg, #0cbcc9 0%, #006259 100%);
    background: linear-gradient(180deg, #0cbcc9 0%, #006259 100%);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    display: none;
    opacity: 0.6;
}

    .hd-main-DD:hover {
        opacity: 0.8;
    }

    .hd-main-DD.active {
        opacity: 1;
    }

.hd-main-DD-Wrapper .all-projects {
    color: #7D8393;
}

.hd-main-DD-Wrapper {
    position: absolute;
    padding: 8px 6px;
    background: #ffffff;
    color: #000000;
    border-radius: 3px;
    box-shadow: rgba(63, 8, 90, 0.42) 0px 4px 16px 0px;
    width: 160px;
    max-width: 160px;
    z-index: 1;
    top: 105%;
    left: 0px;
    display: none;
    box-shadow: 0 6px 10px -1px rgba(33, 30, 31, 0.26);
}

.hd-main-DD::before {
    content: "";
    display: inline-block;
    background-image: url('../../ImagesNew/header/hd-menu.svg');
    background-repeat: no-repeat;
    position: relative;
    /*background-position: -13px -18px;*/
    height: 15px;
    width: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(0) saturate(100%) invert(93%) sepia(9%) saturate(341%) hue-rotate(97deg) brightness(108%) contrast(98%);
}

.hd-main-DD-Options {
    padding: 5px 10px;
    border: none !important;
    box-sizing: border-box;
    color: #7d8393;
    padding-left: 45px;
    position: relative;
    border-radius: 3px;
}

    .hd-main-DD-Options:hover,
    .hd-main-DD-Options:hover > a > span,
    .hd-main-DD-Options.nested-main.active {
        background-color: #e3e7ea;
        color: #211e1f;
        cursor: pointer;
    }

        .hd-main-DD-Options:hover,
        .hd-main-DD-Options:hover a span {
            background-color: #F0F1F2;
        }

    .hd-main-DD-Options:not(:first-child),
    .hd-DDOption:not(:first-child) {
        margin-top: 2px;
    }

    .hd-main-DD-Options.goToHome {
        padding: 0;
    }

.hd-main-strip .hd-main-DD .hd-main-DD-Options:last-child {
    border-bottom: none;
}

.hd-main-DD-Options.goToHome span {
    line-height: 25px;
    padding: 5px 10px;
    padding-left: 45px;
}

.hd-main-DD-Options.all-projects {
    padding: 5px 10px 5px 45px;
}

.hd-main-DD-Options.goToHome a {
    color: #7d8393;
    font-family: Proxima N W01 Smbd;
}

.hd-main-strip.ConvertDD .hd-main-DD #lnkEmployeeDirectory.hd-main-DD-Options.hd-ex-dashboard {
    padding-left: 45px !important;
}

.hd-main-strip.ConvertDD .hd-main-DD .hd-main-DD-Wrapper .hd-main-DD-Options {
    line-height: 25px;
    text-align: left;
}

.hd-main-strip.ConvertDD .hd-main-DD .hd-main-DD-Options.headerDashboard.hd-sel-survey,
.hd-main-strip.ConvertDD .hd-main-DD .hd-main-DD-Options.hd-ex-dashboard {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    background-image: none;
}
/*Image for Header DD*/
.hd-main-DD-Options::before {
    content: "";
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 10px;
    background-repeat: no-repeat;
    /*filter: brightness(0) saturate(100%) invert(53%) sepia(6%) saturate(844%) hue-rotate(186deg) brightness(96%) contrast(88%);*/
}

.hd-main-DD-Options:hover:before,
.hd-main-DD-Options.nested-main.active:before {
    filter: brightness(0) saturate(100%) invert(7%) sepia(16%) saturate(308%) hue-rotate(289deg) brightness(92%) contrast(88%);
}

.hd-main-DD-Options.all-projects::before {
    content: "";
    /*background-image: url('../../ImagesNew/header/icons-header.svg');*/
    /*background-position: 7px -183px;*/
    background-image: url('../../ImagesNew/general/inner-all-project.svg?k=1');
    top: 9px;
    left: 15px;
}

.hd-main-DD-Options.EXDashboard::before,
.hd-main-DD-Options.CXDashboard::before,
.hd-main-DD-Options.PulseDashboard::before {
    content: "";
    background-image: url(../../ImagesNew/dm/ts-icons.svg);
    background-position: -643px 5px;
}

.hd-main-DD-Options.hd-ex-dashboard::before {
    content: "";
    background-image: url(../../ImagesNew/EX/emp-directory.svg);
    background-position: 6px 6px;
}

.hd-main-DD-Options.goToHome::before {
    content: "";
    background-image: url(../../ImagesNew/general/inner-home.svg);
    background-size: 16px;
    background-position: center;
}

.hd-main-strip.ConvertDD .hd-main-right,
.hd-main-strip.ConvertDD .hd-main-left.hd-cx-left.hd-cx-left.hd-ex-left {
    width: auto;
    min-width: auto;
}

.SideNavDiv.utilityPanel {
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
}

.hd-email-temp-btn {
    padding: 3px 3px 5px;
}

div#ButtonCover .ExtraXXfont {
    line-height: 21px;
}

.btn-quick-view.hollow-btn.center.email-preview-modal.PreviewD {
    color: #fff !important;
    border-width: 1px;
}

.hd-first-opt.hd-active-opt {
    background-color: #ffffff;
}
/*.hd-first-opt.hd-active-opt .hd-menu-items,
.hd-first-opt.hd-active-opt:hover .hd-menu-items {
    filter: brightness(0) saturate(100%) invert(7%) sepia(2%) saturate(2937%) hue-rotate(289deg) brightness(93%) contrast(87%);
}*/
.hd-first-opt.hd-notify.hd-active-opt,
.hd-first-opt.hd-notify.hd-active-opt:hover {
    background-image: url('../../ImagesNew/notifications-material-shell.svg');
}

.hd-utilities.hd-first-opt.hd-active-opt .hd-menu-items:hover,
.hd-utilities.hd-first-opt .hd-menu-items:hover {
    background-color: transparent;
    color: transparent;
}

.pt-step7 .all-projects.walkthrowclass {
    padding: 10px;
    display: flex;
    padding-right: 25px;
}

    .pt-step7 .all-projects.walkthrowclass .hd-main-DD {
        display: flex;
        margin-left: 18px;
        margin-top: 1px;
        margin-right: 1px;
    }

    .pt-step7 .all-projects.walkthrowclass .hd-logo {
        padding: 0;
    }

.pt-step7 .hd-sel-survey.tooltip_container.headerDashboard.width_set.oldHeader {
    padding: 0px 7px;
    background: none;
}

.pt-step7 .hd-main-DD-Options.headerDashboard.hd-sel-survey.all-projects::before {
    display: none;
}

.hd-profile-dd.hd-active-dd {
    background-color: #ffffff;
}

    .hd-profile-dd.hd-active-dd .hd-profile-dd-icon,
    .hd-profile-dd.hd-active-opt .hd-profile-dd-icon, .hd-profile-dd.hd-active-opt:hover .hd-profile-dd-icon {
        filter: invert(1);
    }

.EmailTemplateButton {
    min-width: 164px !important;
    max-width: 164px !important;
}
/*New header Options*/

.newHeaderOptions {
    display: flex;
    height: 100%;
    align-items: center;
}

.hd-options a, .hd-options a:link, .hd-options a:visited {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 0 10px 0 0;
    margin: 0 8px 0 0;
    cursor: pointer;
}

.hd-options.active > a {
    color: #02BECC;
}

.hd-options.active a {
    position: relative;
}

.hd-options.active::after,
.hd-options.activeDash::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    /*top: 30px;*/
    /*bottom: -8px;*/
    bottom: -1px;
    left: 0;
    background-color: #00A8B9;
}

.newHeaderOptions .hd-logo {
    padding: 0 15px;
}

:not(.hasDD.upgrade).hd-options.hasDD > a > span {
    width: 6px;
    height: 6px;
    border: solid #fff;
    transform: rotate(-135deg);
    display: inline-block;
    border-width: 2px 0 0 2px;
    margin: 0px 0px 2px 4px;
}

:not(.hasDD.upgrade).hd-options.hasDD.active > a > span,
:not(.hasDD.upgrade).hd-options.hasDD.activeDash > a > span,
.hd-options.hasDD > a.active span {
    border: solid #02BECC;
    border-width: 2px 0 0 2px;
}

:not(.hasDD.upgrade).hd-options.hasDD.active > a > span {
    margin: 0 0 -2px 4px;
    transform: rotate(45deg);
}

.hd-DDWrapper {
    position: absolute;
    top: 47px;
    left: 0;
    padding: 6px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #DEE0E4;
    box-shadow: 0 10px 26px 0 RGBA(63, 78, 90, 0.14);
    display: none;
}

.hd-DDOption {
    border-radius: 6px;
    cursor: pointer;
}

    .hd-DDOption a, .hd-DDOption a:link, .hd-DDOption a:visited {
        color: #20232A;
        margin: 0;
        white-space: nowrap;
        padding: 10px 14px 10px 38px;
        color: #20232A;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        height: 35px;
    }

.hd-options.hasDD {
    position: relative;
    padding: 0 24px;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.hd-options.hasDD {
    margin: 4px 0 0;
}

    .hd-options.hasDD > a {
        min-width: 93px;
        max-width: 100px;
        padding: 0;
        vertical-align: middle;
        margin: 0;
    }

.hd-DDOption:hover {
    background-color: #F0F1F2;
}

.hd-DDOption a::before {
    content: "";
    height: 30px;
    width: 30px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    background-repeat: no-repeat;
    /*background-image: url(../../ImagesNew/general/directory-icon.svg);*/
    background-size: 12px;
    background-position: 13px 6px;
}

.hd-options > a.active {
    color: #00c0ce !important;
    font-family: Proxima N W01 Reg;
    background: none;
    font-weight: 400;
}

.hd-main-left.hd-cx-left .hd-main-DD {
    margin: 0 16px 0 0;
}

.hd-option-img {
    height: 12px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: -1px;
}

    .hd-option-img.all-project-img {
        background-image: url('../../ImagesNew/general/all-project.svg?k=1')
    }

    .hd-option-img.directory-img {
        background-image: url('../../ImagesNew/general/directory-dd.svg');
    }

    .hd-option-img.dashboard-img {
        background-image: url('../../ImagesNew/general/dashboard-transparent-dd.svg');
    }
/*.dashboards .hd-DDOption.cx-DD a::before {	
    background-image: url('../../ImagesNew/general/dashboard-hover-dd.svg')	
}*/
.dashboards .hd-DDOption.cx-DD a::before,
.nested-child .hd-DDOption.cx-DD a::before {
    background-image: url('../../ImagesNew/general/cx-dd.svg')
}

.dashboards .hd-DDOption.ex-DD a::before,
.nested-child .hd-DDOption.ex-DD a::before {
    background-image: url('../../ImagesNew/general/ex-dd.svg?k=1')
}

.dashboards .hd-DDOption.custom-DD a::before,
.nested-child .hd-DDOption.custom-DD a::before {
    background-image: url('../../ImagesNew/general/custom-dashboard-dd.svg')
}

#lnkEmployeeDirectory {
    display: none !important;
}

.hd-main-left .hd-cx-dashboard {
    display: none !important;
}
/*.hd-sel-survey {	
    background-image: url('../../ImagesNew/general/all-project.svg')	
}*/
.hd-sel-survey {
    padding: 0 24px;
    background-image: none !important;
    border: 0;
    min-width: auto !important;
    max-width: unset !important;
    /*margin: 4px 0 0;*/
    display: flex !important;
    align-items: center;
}

    .hd-sel-survey:not(.ConvertDD .hd-sel-survey) {
        margin: 4px 0 0 0;
    }

.all-projects {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.hover-tt-parent .plat_tooltip.plat_white:after {
    content: "";
    border: solid transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: #fff;
    left: -12px;
    top: 10px;
    border-width: 7px;
    position: absolute;
}

.hover-tt-parent:hover .customDDTT {
    display: block !important;
}

.create-directory.hd-DDOption a:before,
.nested-child .create-directory.hd-DDOption a:before {
    background-image: url(../../ImagesNew/SM/al_add_green.svg);
    filter: brightness(0) saturate(100%) invert(10%) sepia(9%) saturate(1252%) hue-rotate(184deg) brightness(96%) contrast(90%);
    top: 5px;
}

.dashboards.hasDD:hover .hd-option-img.dashboard-img,
.dashboards.hasDD.active .hd-option-img.dashboard-img,
.dashboards.hasDD.activeDash .hd-option-img.dashboard-img {
    background-image: url('../../ImagesNew/general/dashboard-hover-dd.svg');
}

.directories.hasDD:hover .hd-option-img.directory-img,
.directories.hasDD.active .hd-option-img.directory-img,
.directories.hasDD.activeDash .hd-option-img.directory-img {
    background-image: url('../../ImagesNew/general/directory-hover-dd.svg');
}

.hd-sel-survey:hover .hd-option-img.all-project-img,
.hd-sel-survey.active .hd-option-img.all-project-img {
    background-image: url('../../ImagesNew/general/all-project-active.svg?k=1');
}

.hd-options.hasDD:hover div + a,
.hd-sel-survey:hover .all-projects {
    color: #02BECC;
}

:not(.hasDD.upgrade).hd-options.hasDD:hover div + a span {
    border-color: #02BECC;
}

.hd-DDWrapper:not(.dashboards .hd-DDWrapper, .nested-dashboard .hd-DDWrapper):before {
    content: '';
    position: absolute;
    display: block;
    bottom: 46px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #CCCED4;
    opacity: 0;
}

.hd-DDOption.customer-directory-op a:before {
    background-image: url('../../ImagesNew/general/customer-dir.svg');
}

.hd-DDOption.employee-directory-op a:before {
    background-image: url('../../ImagesNew/general/employee-dir.svg');
}

.hd-DDOption.custom-directory-op a:before {
    background-image: url('../../ImagesNew/general/custom-dir.svg');
}

.hd-DDWrapper-scrollable > div > a:before {
    background-position: center;
    background-size: unset;
    top: 2px;
    left: 2px;
}

.hd-options.hasDD:hover:before,
.hd-sel-survey:hover:not(.ConvertDD .hd-sel-survey):before,
.hd-sel-survey.active:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius: 3px;
    /* top: 30px; */
    /*bottom: -8px;*/
    bottom: -1px;
    left: 0;
    background-color: #00A8B9;
}

.hd-sel-survey.active:before {
    height: 4px;
}

.hd-options.hasDD > div + a {
    color: #F0F1F2;
    font-family: Proxima N W01 Smbd;
}

.hd-options.hasDD {
    height: 46px;
}

:not(.upgrade).hd-options.hasDD:hover,
.hd-sel-survey:not(.ConvertDD .hd-sel-survey):hover {
    background-color: rgba(255,255,255,0.1);
}

.hd-options.hasDD.active > div + a,
.hd-options.hasDD.activeDash > div + a,
.hd-sel-survey.active .all-projects {
    color: #02BECC;
}

.hd-sel-survey {
    height: 46px;
}

    .hd-sel-survey .all-projects {
        color: #F0F1F2;
        min-width: 72px;
        max-width: 72px;
    }

.hc-main-panel.AllProjectFromHome {
    display: none !Important;
}

.nested-main:not(.upgrade) .nested-arrow {
    content: "";
    width: 6px;
    height: 6px;
    border: solid #211E1F;
    transform: rotate(315deg);
    display: inline-block;
    border-width: 0px 1px 1px 0px;
    margin: 0px 0px 2px 6px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.nested-child .hd-DDOption a,
.nested-child .hd-DDOption a:link,
.nested-child .hd-DDOption a:visited,
.hd-DDWrapper-scrollable .hd-DDOption a,
.hd-DDWrapper-scrollable .hd-DDOption a:link,
.hd-DDWrapper-scrollable .hd-DDOption a:visited {
    display: block;
}

.hd-DDWrapper.nested-child {
    left: 105%;
    top: 0;
}

.nested-main::before {
    top: 11px;
    left: 17px;
}

.nested-main.nested-directory.hd-main-DD-Options::before {
    background-image: url('../../ImagesNew/general/inner-directory.svg')
}

.nested-main.nested-directory.hd-main-DD-Options.active::before {
    background-image: url('../../ImagesNew/general/inner-directory-active.svg')
}

.nested-main.nested-dashboard.hd-main-DD-Options::before {
    background-image: url('../../ImagesNew/general/inner-dashboard.svg')
}

.nested-main.nested-dashboard.hd-main-DD-Options.active::before {
    background-image: url('../../ImagesNew/general/inner-dashboard-active.svg')
}

.ConvertDD .hd-main-DD-Wrapper .hd-main-DD-Options.nested-main.active {
    background-color: #E7E8EA;
    color: #211E1F;
}

.nested-dashboard.upgrade:after,
.nested-directory.upgrade:after {
    content: "";
    background-image: url('../../ImagesNew/general/btnupgrade.png');
    display: inline-block;
    height: 14px;
    width: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
}

.upgrade-icon {
    display: none;
}

.hasDD.upgrade .upgrade-icon {
    /* content: ""; */
    background-image: url(../../ImagesNew/general/btnupgrade.png);
    display: inline-block;
    height: 14px;
    width: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: text-bottom;
    margin-left: 5px;
}

.hd-main-mid .hd-survey-title {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
}

.custom-directory-op > a {
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.ConvertDD .hasDD {
    display: none;
}*/
.help-center.AllProjectFromHome {
    display: none;
}

.customer-directory-main + div + div + .nicescroll-rails,
.hd-DDWrapper-scrollable + div + div + .nicescroll-rails {
    left: 96% !important;
    margin: 0 !important;
}

.customer-directory-main + div + div + .nicescroll-rails-vr .nicescroll-cursors,
.hd-DDWrapper-scrollable + div + div + .nicescroll-rails-vr .nicescroll-cursors {
    width: 8px !important;
}

.ConvertDD .hd-main-DD-Wrapper .hd-main-DD-Options a span,
.ConvertDD .hd-main-DD-Wrapper .hd-main-DD-Options {
    font-family: Proxima N W01 Reg;
    color: #20232A;
}

    .ConvertDD .hd-main-DD-Wrapper .hd-main-DD-Options:hover a span,
    .ConvertDD .hd-main-DD-Wrapper .hd-main-DD-Options:hover {
        color: #211E1F;
    }

#div_inner_Header .hd-main-strip .hd-main-left > .hd-logo {
    border-right: 1px solid rgba(155, 155, 155, 0.25);
    margin-right: 8px;
}

.menu-section + .hd-main-strip :not(.hasDD.upgrade).hd-options.hasDD > a > span {
    margin: 0 0 2px 8px;
}

.menu-section + .hd-main-strip :not(.hasDD.upgrade).hd-options.hasDD.active > a > span {
    margin: 0 0 -2px 8px;
}

/*.menu-section + .hd-main-strip :not(.hasDD.upgrade)#divDirectory a > span {
    margin: 0 0 2px 8px;
}*/
.ConvertDD .hd-main-DD-Wrapper .hd-main-DD-Options,
.ConvertDD .hd-main-DD-Wrapper .hd-main-DD-Options a span {
    border-radius: 6px;
}

#div_inner_Header .hd-main-strip.ConvertDD .hd-main-left > .hd-logo {
    border: none;
    margin: 0;
}

.hd-DDWrapper-scrollable {
    margin-bottom: 6px;
    padding: 0 6px 0 6px;
}

.hd-DDWrapper.onlyOneOption .customer-directory-main {
    margin: 0 !important;
}

.hd-DDWrapper.onlyOneOption:before {
    opacity: 0;
}

.disabled-tt-container.CreateADirectory {
    display: block;
    cursor: default;
}

    .disabled-tt-container.CreateADirectory .disabled_TT.bottomright {
        left: 105%;
        top: -28px !important;
    }

        .disabled-tt-container.CreateADirectory .disabled_TT.bottomright::after {
            left: -0.4rem;
            transform: rotate(-90deg);
            top: 3rem;
        }

/*Resource Hub*/

.resourceHubCont {
    position: fixed;
    right: 0;
    top: 52px;
    height: calc(100vh - 52px);
    background-color: #ffffff;
    width: 280px;
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    display: none;
    z-index: 1011;
}

.resourcePanelHeader {
    margin: 24px 0;
    padding: 0 8px 0 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.resourcePanelTitle {
    font-size: 16px;
    font-family: Proxima N W01 Smbd;
    color: #20232a;
}

.resourcePanelBody {
    padding: 0 20px;
}

.resourceOption {
    margin-bottom: 30px;
}

.resourceOptionTitle {
    color: #7D8393;
    font-size: 12px;
    font-family: Proxima N W01 Reg;
}

.resourceSubOptions {
    margin-bottom: 16px;
}

.resourceSubOption {
    margin: 8px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    cursor: pointer;
}

.resourceIcon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #20232a;
    margin: 0 6px 0 0;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
    opacity: 0.6;
    background-image: url("../../ImagesNew/Resources/templateBank.svg");
}

.resourceName {
    font-size: 14px;
    font-family: Proxima N W01 Reg;
    line-height: 20px;
}

.resourceSubOption:hover .resourceIcon {
    opacity: 1;
}

.resourceSubOption:hover .resourceName {
    font-family: Proxima N W01 Smbd;
}

.questionBank {
    background-image: url("../../ImagesNew/Resources/questionBank.svg");
    background-size: 18px;
}

.answerBank {
    background-image: url("../../ImagesNew/Resources/answerBank.svg");
}

.invitationTemplate {
    background-image: url("../../ImagesNew/Resources/invitationTemplate.svg");
    background-size: 18px;
}

.contactList {
    background-image: url("../../ImagesNew/Resources/contactList.svg");
}

.emailedReport {
    background-image: url("../../ImagesNew/Resources/emailedReport.svg");
    background-size: 18px;
}

.savedReport {
    background-image: url("../../ImagesNew/Resources/savedReport.svg");
    background-size: 20px;
}

.filterManager {
    background-image: url("../../ImagesNew/Resources/filterManager.svg");
    background-size: 18px;
}

.fileLibrary {
    background-image: url("../../ImagesNew/Resources/fileLibrary.svg");
}

.sharedDashboard {
    background-image: url("../../ImagesNew/Resources/sharedDashboard.svg");
    background-size: 20px;
}

.resourcePanelClose {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    right: 10px;
    top: 23px;
    background-image: url(../../ImagesNew/general/Close_grey.svg);
    background-position: -4px -5px;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.resource-hub-icon {
    background-image: url("../../ImagesNew/Resources/resource-hub.svg");
    height: 32px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: 8px 7px;
}

.hd-ResourceHub:hover .resource-hub-icon,
.hd-ResourceHub.active .resource-hub-icon {
    background-image: url("../../ImagesNew/Resources/resource-hub-hover.svg");
}

.hd-RightBtn, .hd-first-opt.hd-notify {
    position: relative;
}

    .hd-RightBtn.active, .hd-RightBtn:hover, .hd-first-opt:hover,
    .hd-utilities.hd-RightBtn.hd-active-opt, .hd-active-opt.hd-notify,
    .hd-profile-dd.hd-active-dd, .hd-profile-dd.hd-active-opt, .hd-profile-dd.hd-active-opt:hover,
    .hd-utilities.hd-first-opt.hd-active-opt,
    .hd-utilities > a.hd-active.hd-menu-items, .hd-utilities.hd-first-opt .hd-menu-items.hd-active:hover {
        background-color: rgba(255, 255, 255, 0.10);
    }

        .hd-RightBtn:hover::after, .hd-RightBtn.active::after,
        .hd-first-opt.hd-notify:hover::after, .hd-RightBtn.hd-active-opt::after,
        .hd-first-opt.hd-notify.hd-active-opt::after, .hd-profile-dd.hd-active-dd::after,
        .hd-profile-dd.hd-active-opt::after, .hd-utilities.hd-first-opt:hover::after,
        .hd-utilities.hd-first-opt.hd-active-opt::after {
            content: "";
            width: 100%;
            height: 2px;
            background-color: #00A8B9;
            top: calc(100% - 2px);
            position: absolute;
            left: 0;
        }

.hd-utilities.hd-RightBtn > a.hd-menu-items:before,
.hd-utilities > a.hd-menu-items:before {
    content: "";
    background-image: url("../../ImagesNew/Resources/utilities.svg") !important;
    background-repeat: no-repeat;
    background-position: 2px 2px !important;
    filter: none;
}

.hd-utilities.hd-RightBtn:hover > a.hd-menu-items:before,
.hd-utilities.hd-RightBtn.hd-active-opt > a.hd-menu-items:before,
.hd-utilities:hover > a.hd-menu-items:before, .hd-utilities.hd-first-opt.hd-active-opt > a.hd-menu-items:before {
    content: "";
    background-image: url("../../ImagesNew/Resources/utilities-hover.svg") !important;
    filter: none;
}

.hd-utilities.hd-RightBtn,
.hd-utilities.hd-first-opt.hd-active-opt,
.hd-utilities.hd-first-opt {
    top: 0 !important;
}

.hd-RightBtn.active:hover::after, .hd-RightBtn.active::after,
.hd-RightBtn.hd-active-opt::after, .hd-RightBtn.hd-active-opt:hover::after,
.hd-first-opt.hd-notify.hd-active-opt::after, .hd-profile-dd.hd-active-dd::after,
.hd-utilities.hd-first-opt.hd-active-opt::after {
    height: 4px;
    top: calc(100% - 4px);
}

.NotificationCount {
    background-color: #98E8F0;
    border-color: #202329;
}

.hd-first-opt.hd-notify {
    background-image: url("../../ImagesNew/Resources/notification.svg");
    background-size: 26px;
    background-position: 12px 0;
}

    .hd-first-opt.hd-notify.hd-active-opt, .hd-first-opt.hd-notify.hd-active-opt:hover,
    .hd-first-opt.hd-notify:hover {
        background-image: url("../../ImagesNew/Resources/notification-hover.svg");
    }

.hd-profile-dd.hd-active-dd .hd-profile-dd-icon,
.hd-profile-dd.hd-active-opt .hd-profile-dd-icon,
.hd-profile-dd.hd-active-opt:hover .hd-profile-dd-icon {
    filter: none;
}

.hd-profile-dd.hd-active-dd,
.hd-profile-dd.hd-active-opt, .hd-utilities.hd-first-opt {
    position: relative;
}

.dvinfoTitle.resourceHubMod, .pageDescription.resourceHubMod {
    font-family: Proxima N W01 Reg;
    font-size: 18px;
    color: #4c5267;
    width: calc(100% - 200px);
    margin: 0 100px;
    text-align: left !important;
    padding-left: 0;
    box-sizing: border-box;
}

.resourceSubOption .upgradeIcon {
    background-image: url('../../ImagesNew/general/btnupgrade.png');
    height: 20px;
    width: 20px;
    margin-left: 10px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    display: none;
}

.upgradeEnabled .upgradeIcon {
    display: inline-block;
}

/*Download manager css start here*/
.download-manager-icon {
    background-image: url("../../ImagesNew/download-manager.svg");
    height: 32px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: 8px 7px;
}


/*
div#hdr_downloadmanager.active::before {
    width: 100%;
    position: absolute;
    content: "";
    width: 100%;
    background: #DDD;
    bottom: -100%;
    left: 0;
    height: 100%;
    animation: downloadingCount 0.5s linear alternate infinite;
}

@keyframes downloadingCount {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 0;
    }
}*/
.download-icon-link {
    background-image: url("../../ImagesNew/download-manager-btn.svg");
    height: 24px;
    width: 20px;
    background-repeat: no-repeat;
    display: block;
    background-size: 20px;
    margin-left: 5px;
}

.flexdownloadManager {
    display: flex;
    align-items: center;
}

.hd-DownloadManager:hover .download-manager-icon,
.hd-DownloadManager.active .download-manager-icon {
    background-image: url("../../ImagesNew/download-manager-hover.svg");
}

.download-panel-right {
    position: fixed;
    right: 0;
    top: 52px;
    height: calc(100vh - 52px);
    background-color: #ffffff;
    width: 490px;
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14);
    display: none;
    z-index: 1011;
}
/*.download-panel-right.active-download-manager {
    display: block;
    right: 0;
    transition: all 0.3s ease-in-out;
}*/
/*.downloadManagerMainWrapper {
    min-width: 43rem;
    max-width: 43rem;
    overflow: hidden;
    margin-left: 4%;
}*/

.downloadManagerMainWrapper .dowloadManageHead {
    padding: 24px 12px 10px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*height: 34px;
    background: #f9fafc;
    border-bottom: 1px solid #bdc0c778;*/
}

.downloadManagerMainWrapper .dowloadManageHead .headManageName {
    font-size: 16px;
    font-family: Proxima N W01 Smbd;
    color: #20232a;
}

.downloadManagerMainWrapper .dowloadManageHead .headManageIconCLose {
    cursor: pointer;
}

.downloadManagerMainWrapper .dowloadManageHead .headManageIconCLose .mat-font-icon:after {
    font-size: 1.8rem;
    color: #f0f1f2;
}

.downloadManagerMainWrapper .dowloadManageBody {
    padding: 8px 0px 6px 12px;
}

.downloadManagerMainWrapper .dowloadManageBody .clear-download-list {
    text-align: right;
    margin-bottom: 5px;
    padding-right: 15px;
}

.downloadManagerMainWrapper .dowloadManageBody .clear-download-list span {
    font-family: Proxima N W01 Reg, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #000;
    cursor: pointer;
    padding: 0;
    border-bottom: 1px solid #121212;
    line-height: normal;
}

.downloadManagerMainWrapper .dowloadManageBody .no-record-found.no_data_found {
    padding: 4rem 0 2rem;
    width: 100%;
    text-align: center;
    border: none;
}

.downloadManagerMainWrapper .dowloadManageBody .no-record-found.no_data_found .NoRecordImg {
    width: 102px;
    height: 92px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto 30px;
    background-image: url(../../ImagesNew/no-project-found.svg);
}

.downloadManagerMainWrapper .dowloadManageBody .bodyHeadMain {
    font-size: 13px;
    line-height: 18px;
    color: #7d8393;
    font-family: Proxima N W01 Reg;
}

.downloadManagerMainWrapper .dowloadManageBody .no-record-found.no_data_found .NoRecordTitle {
    font-size: 16px;
    font-family: Proxima N W01 Smbd,sans-serif;
    margin: 0 0 8px;
    color: #33353a;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox {
    padding: 12px 0;
    position: relative;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox.scrolledActive::before {
    content: "";
    height: 20px;
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));
    width: 100%;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 9;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .ngx_customScrollBar {
    max-height: 460px;
    min-height: 115px;
    z-index: 2;
    width: 100%;
}


.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 10px 0px 12px 0px;
    border: 1px solid #f0f1f2;
    border-radius: 3px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 10px;
    margin-right: 5px;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain.activeAnimation {
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    transform: translateX(-100%);
    border-color: #991b1b;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain:hover {
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain:hover .delete-manage-file-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .delete-manage-file-btn {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .delete-manage-file-btn .mat-font-icon::after {
    line-height: normal;
    position: relative;
    top: 1px;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .delete-manage-file-btn:hover {
    background: #fee2e2;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .delete-manage-file-btn:hover .mat-font-icon::after {
    color: #991b1b; 
}

    .downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downlaod-iconDiv {
        width: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 6px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downlaod-iconDiv .mat-file-img-icon {
    width: 20px;
    height: 20px;
}

    .downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv {
        width: 340px;
        border-left: 1px solid #f0f1f2;
        padding-left: 16px;
    }

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .download-file-data {
    margin: 8px 0;
    font-family: Proxima N W01 Light, sans-serif;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .download-file-data span {
    margin-right: 10px;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .download-file-data .download-file-type,
.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .download-file-data .download-file-date,
.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .download-file-data .download-file-size {
    color: #7d8393;
    font-size: 12px;
    font-family: Proxima N W01 Light, sans-serif;
}
.download-file-type {
    background-color: #e5e7eb;
    color: #6b7280;
    font-size: 12px;
    font-family: var(--light, sans-serif); /* replaced $light with fallback */
    padding: 5px 8px;
    border-radius: 12px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right:0px !important;
}
    .download-file-type .tooltip-moduleid {
        position:relative;
        margin-right: 0px !important;
    }
        .download-file-type .tooltip-moduleid .tooltip_info-icon:hover ~ .custom-tooltip-ui {
            display:block
        }

        .download-file-type .tooltip-moduleid .custom-tooltip-ui {
            background: #fff;
            position: absolute;
            display: none;
            top: -8px;
            right: 20px;
            border-radius: 3px;
            padding: 12px 8px;
            box-shadow: 0 9px 21px #2a2d312e;
            min-width: 260px;
            z-index: 1;
        }

            .download-file-type .tooltip-moduleid .custom-tooltip-ui span.tt_tooltip_text {
                white-space: nowrap;
                font-weight: 600;
            }
        .download-file-type .tooltip-moduleid .tooltip_container.tooltip_info {
            margin-right: 0px !important;
            height: 12px;
            width: 12px;
            filter: invert(0.5);
            margin-left: 3px;
        }
        .download-file-type .tooltip-moduleid .tt_tooltip_text {
            color: #20232a;
        }
.download-file-type .tooltip-moduleid {
    display: inline-flex;
    align-items: center;
    margin-left: 0px;
}

        .download-file-type .tooltip-moduleid .TooltipContainerFont:hover {
            font-variation-settings: "FILL" 1;
        }

        .download-file-type .tooltip-moduleid .TooltipContainerFont.mat-font-icon {
            color: #6b7280;
            position: relative;
            top: 1.5px;
        }

            .download-file-type .tooltip-moduleid .TooltipContainerFont.mat-font-icon::after {
                font-size: 12px;
                color: #6b7280;
                line-height: normal;
                filter: none;
                position: relative;
                top: -1px;
            }

        .download-file-type .tooltip-moduleid ui-cc-tooltip .TooltipContainer.mat-font-icon {
            color: #6b7280;
            position: relative;
            top: 2px;
        }

            .download-file-type .tooltip-moduleid ui-cc-tooltip .TooltipContainer.mat-font-icon::after {
                font-size: 12px;
                color: #6b7280;
                line-height: normal;
                filter: none;
                position: relative;
                top: -1px;
            }

        .download-file-type .tooltip-moduleid ui-cc-tooltip .tooltip-content {
            background-color: #ffffff;
            color: #20232a;
            box-shadow: 0 9px 21px 0 rgba(42, 45, 49, 0.18);
            border-radius: 3px;
            padding: 15px;
            font-size: 13px;
            line-height: 1.4;
            max-width: 250px;
            border: none;
        }

        .download-file-type .tooltip-moduleid ui-cc-tooltip .tooltip-arrow {
            border-color: #ffffff transparent transparent transparent;
        }

        .download-file-type .tooltip-moduleid ui-cc-tooltip .mat-tooltip {
            background-color: #ffffff !important;
            color: #20232a !important;
            box-shadow: 0 9px 21px 0 rgba(42, 45, 49, 0.18) !important;
            border-radius: 3px !important;
            padding: 15px !important;
            font-size: 13px !important;
        }
    .downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .download-file-name {
        color: #20232a;
        font-family: Proxima N W01 Smbd, sans-serif;
        width: 90%;
        font-size: 14px;
        padding-right: 10px;
        cursor: default;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .file-downlaoder-loader {
    width: 90%;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .file-downlaoder-loader .file-downlaoder-loader-bar {
    height: 4px;
    background: #e3e7ea;
    width: 100%;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox {
    max-height: 460px;
    min-height: 115px;
    z-index: 2;
    width: 100%;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .file-downlaoder-loader .file-downlaoder-loader-bar .loadingSTyle {
    width: 80px;
    background: #4068b1;
    height: 4px;
    display: block;
    position: relative;
    -webkit-animation: download-loader 1.5s linear infinite;
    animation: download-loader 1.5s linear infinite;
    left: -30%;
}

@-webkit-keyframes download-loader {
    0% {
        left: -30%;
    }

    100% {
        left: 100%;
    }
}

@keyframes download-loader {
    0% {
        left: -30%;
    }

    100% {
        left: 100%;
    }
}

.loaderTableDownload {
    background-size: cover;
    margin-left: 2px;
    width: 15px;
    height: 16px;
    opacity: 1;
    background-image: url(../../ImagesNew/download_loader.gif);
    margin-right: 8px;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .downloadTextDiv .file-downlaoder-loader .downloadingText {
    font-size: 14px;
    line-height: 1.6rem;
    color: #7d8393;
    padding: 5px 0px;
    text-align: left;
    animation: downloadTextAnimate 0.8s ease-in-out alternate-reverse infinite;
    opacity: 1;
    font-family: Proxima N W01 Light, sans-serif;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .file-downlaoder-button {
    margin-top: 10px;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .file-downlaoder-button .download-FileManage-Button a {
    padding: 4px 8px;
    border-radius: 3px;
    border: 1px solid #e7e8ea;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 90px;
    height: 20px;
    line-height: normal;
    min-width: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #20232a;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .file-downlaoder-button .download-FileManage-Button a .mat-download-icon::after {
    color: #20232a;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .file-downlaoder-button .download-FileManage-Button a:hover {
    background: #e7e8ea;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.downloadManagerMainWrapper .dowloadManageBody .dowloadManageBox .manageDownloadMain .file-downlaoder-button .download-FileManage-Button a.itemCancelled {
    padding: 0;
    border: 0;
    font-family: Proxima N W01 Smbd, sans-serif;
    display: block;
    text-align: left;
    cursor: default;
    background: none;
}

.downloadManagerMainWrapper::after {
    display: none;
}

.downloadScrollManager {
    padding-right: 10px;
}

div#downloadActiveStatus {
    position: fixed;
    z-index: 8;
    top: 40%;
    right: 10%;
    /* transform: translateX(-55%);
    left: 55%;*/
    background: #3e788030;
    width: 80px;
    height: 80px;
    display: none;
    border-radius: 50px;
    opacity: 0;
}

#downloadActiveStatus.showDownloadProcessData {
    display: block;
    animation: downloadActivateData 0.5s forwards ease-in-out;
}

span.download-load-complete {
    background-image: url("../../ImagesNew/download-manager-hover.svg");
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: 48px;
}

.delete-download-icon {
    width: 20px;
    height: 25px;
    background-image: url(../../ImagesNew/delete-download.svg);
    background-size: 20px 25px;
}

.delete-download-icon:hover {
    background-image: url(../../ImagesNew/delete-download-hover.svg);
}

.cancel-download-icon {
    width: 20px;
    height: 25px;
    background-image: url(../../ImagesNew/cancel-download.svg);
    background-size: 20px 25px;
}

    .cancel-download-icon:hover {
        background-image: url(../../ImagesNew/cancel-download-hover.svg);
    }

@keyframes downloadActivateData {
    0% {
        opacity: 1;
    }

    100% {
        top: 0%;
        opacity: 0;
    }
}

.downlaod-iconDiv .export-item-icon {
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    vertical-align: middle;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

.downlaod-iconDiv .export-item-icon.em-excel {
    background-image: url(../../ImagesNew/em/EM-Excel.svg);
}

.downlaod-iconDiv .export-item-icon.em-csv {
    background-image: url(../../ImagesNew/em/EM-CSV.svg);
}

.downlaod-iconDiv .export-item-icon.em-xml {
    background-image: url(../../ImagesNew/em/EM-XML.svg);
}

.downlaod-iconDiv .export-item-icon.em-spss {
    background-image: url(../../ImagesNew/em/EM-SPSS.svg);
}

.downlaod-iconDiv .export-item-icon.em-access {
    background-image: url(../../ImagesNew/em/EM-Access.svg);
}

.downlaod-iconDiv .export-item-icon.em-word {
    background-image: url(../../ImagesNew/em/EM-Word.svg);
}

.downlaod-iconDiv .export-item-icon.em-html {
    background-image: url(../../ImagesNew/em/EM-HTML.svg);
}

.downlaod-iconDiv .export-item-icon.em-pdf {
    background-image: url(../../ImagesNew/em/EM-PDF.svg);
}

.downlaod-iconDiv .export-item-icon.em-image {
    background-image: url(../../ImagesNew/em/EM-IMAGE.svg);
}
.downlaod-iconDiv .export-item-icon.em-json {
        background-image: url(../../ImagesNew/em/EM-JSON.svg);
}
    .downlaod-iconDiv .export-item-icon.em-product {
        background-image: url(../../ImagesNew/em/product-icon-1.svg);
    }

.closeBtnDownload {
    background-image: url(../../ImagesNew/general/Close_grey.svg);
    width: 20px;
    display: block;
    height: 20px;
    background-size: 28px 28px;
    position: relative;
    top: -4px;
    left: -4px;
}

.table-ghost-loader-download.table-top-GL {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 200;
    padding-bottom: 15px;
    top: 0 !important;
}

.table-ghost-loader-download.table-top-GL table {
    border: 0.1rem solid #eee;
}

.table-ghost-loader-download.table-top-GL table td {
    padding: 14px 10px;
    border-top: 0;
}

.table-ghost-loader-download.table-top-GL table td .SL-CXTab {
    width: 100%;
    margin: 4px 0;
}

.table-ghost-loader-download.table-top-GL table td .SL-CXTab.file-name-loader, .table-ghost-loader-download.table-top-GL table td .SL-CXTab .file-download-loader {
    width: 120px;
    margin: 4px 0;
}

.table-ghost-loader-download.table-top-GL table th {
    padding: 1.4rem 2rem;
}

.table-ghost-loader-download.table-top-GL table th .SL-CXTab {
    width: 100%;
}


/*Dashboard sub menu list*/
.dashboard-sub-menus.hd-DDWrapper-submenu {
    position: absolute;
    top: -6px;
    left: 103%;
    padding: 6px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #DEE0E4;
    box-shadow: 0 10px 26px 0 RGBA(63, 78, 90, 0.14);
    display: none;
}
.hd-DDOption.showSubMenuView:hover .dashboard-sub-menus.hd-DDWrapper-submenu {
    display: block;
}
.sub-menu-link {
    color: #20232A;
    margin: 0;
    white-space: nowrap;
    padding: 8px 12px;
    color: #20232A;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    border-radius: 6px !important;
    align-items: center;
    line-height: normal;
}
    .sub-menu-link:hover {
        background-color: #F0F1F2;
       
    }
.hd-DDOption a > span.clickedItem {
    display: block;
    padding: 10px 14px 10px 38px;
}

.hd-DDOption.showSubMenuView a {
    padding: 0;
}

.hd-DDOption.showSubMenuView:after {
    content: "";
    position: absolute;
    right: -6px;
    width: 8%;
    top:0;
    height: 100%;
}
.sub-menu-name-dashboard:hover {
    background: #F0F1F2;
    border-radius: 6px;
}
.hd-DDOption.showSubMenuView {
    position: relative;
}
.sub-menu-name-dashboard.active .sub-menu-link {
    background-color: #F0F1F2 !important;
    font-family: Proxima N W01 smbd !important;
}
.hd-DDOption.showSubMenuView .clickedItem, .sub-menu-name-dashboard span {
    background-color: transparent !important;
}
span.clickedItem span.nested-arrow {
    border-radius: 0 !important;
    background-color: transparent;
    content: "";
    width: 6px;
    height: 6px;
    border: solid #211E1F;
    transform: rotate(315deg);
    display: inline-block;
    border-width: 0px 1px 1px 0px;
    margin: 0px 0px 2px 6px;
    position: absolute;
    top: 15px;
    right: 15px;
}


.hd-DDOption.showSubMenuView:hover span.clickedItem:after {
    opacity: 1;
}

.hd-DDOption a > span.clickedItem:after {
    content: "";
    background: rgba(151, 151, 151, .26);
    width: 1px;
    height: 100%;
    position: absolute;
    right: 35px;
    top: 0;
    opacity: 0;
}

/*US_31679*/
#upgradeFrameModalView {
    height: auto !important;
    width: 100% !important;
}

.newTheme .hc-tile-text {
    font-family: Proxima N W01 Reg;
    color: #20232a;
}

.newTheme .hc-tile-arrow,
.newTheme .hc-mp-tile:hover .hc-tile-arrow {
    color: #20232a;
}

    .newTheme .hc-tile-arrow::after {
        display: none;
    }

.newTheme .hc-mp-contents {
    height: 85vh !important;
}

    .newTheme .hc-mp-contents.progressBarPresent {
        height: calc(100% - 220px) !important;
    }

.hc-gs-progressWrapper {
    padding: 6px 4px;
    border-radius: 28px;
    height: 34px;
    box-sizing: border-box;
    width: 34px;
    background: #fff;
    color: #fff;
    font-family: 'Proxima N W01 Smbd';
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin-left: 26px;
    position: relative;
    margin-top: 10px;
    position: fixed;
    bottom: 70px;
    right: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    display: flex;
    white-space: nowrap;
    border: 1px solid #11182717;
    display: none;
    overflow: hidden;
}

    .hc-gs-progressWrapper:hover {
        width: 285px;
        background: #111827;
        padding: 6px 28px;
    }

    .hc-gs-progressWrapper:hover .progress-circle .circle::after,
    .hc-gs-progressWrapper:hover .progress-circle .circle {
        background: #111827;
    }

    .hc-gs-progressWrapper:hover .progress-accordianArrow,
    .hc-gs-progressWrapper.active .progress-accordianArrow {
        display: flex;
    }

    .hc-gs-progressWrapper.active .progress-circle .circle::after,
    .hc-gs-progressWrapper.active .progress-circle .circle {
        background: #fff;
    }

    .hc-gs-progressWrapper.active,
    .hc-gs-progressWrapper.active:hover {
        display: flex;
        border-radius: 0;
        border-top: 0;
        color: #20232a;
        background: #fff;
        width: 285px;
        padding: 6px 28px;
        border-radius: 0 0 6px 6px;
        overflow: visible;
        border: 1px solid #211e1f42;
        height: 50px;
        border-top: 0;
    }

.progress-circle {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

    .progress-circle .circle {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        .progress-circle .circle::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        .progress-circle .circle::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 18px;
            height: 18px;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            background: #fff;
        }

.progress-accordianArrow {
    width: 7px;
    height: 7px;
    background-color: transparent;
    border-width: 3px 3px 0 0;
    border-color: #fff;
    border-radius: 0px 2px 0px 0px;
    border-style: solid;
    transform: rotate(135deg);
    position: absolute;
    right: 22px;
    top: 10px;
    z-index: 1;
    display: none;
}

.hc-gs-progressWrapper.active .progress-accordianArrow {
    transform: rotate(-45deg);
    top: 21px;
    border-color: #211E1F;
}

.gettingStarted-Details {
    position: absolute;
    background: #fff;
    width: 285.5px;
    border: 1px solid #211e1f42;
    height: 450px;
    bottom: 100%;
    left: -1px;
    display: none;
    box-sizing: border-box;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}

.hc-gs-progressWrapper.active .gettingStarted-Details {
    display: block;
}

.newTheme .bannerDivWrapper {
    background-image: none;
    background-color: #E6FDFF;
}

.newTheme .bannerDivLeft p {
    color: #7D8393;
}

.newTheme .bannerDivLeft p.hdLeft {
    color: #20232A
}

.newTheme .hc-one-call {
    padding: 10px 20px;
    height: 40px;
    box-sizing: border-box;
}

.newTheme .hc-details-cont .hc-detail-title,
.newTheme .hc-details-cont .hc-progress-cont,
.newTheme .hc-details-cont .hc-prog-text {
    display: none;
}

.newTheme .hc-details-cont:hover {
    background-color: #ffffff
}

.newTheme .hc-progress-details {
    display: flex;
    align-items: center;
    color: #111827;
    font-family: Proxima N W01 Smbd;
    line-height: 20px;
    padding: 16px 20px 16px 16px;
    border: 1px solid #111827;
    border-radius: 7px;
    pointer-events: all;
    cursor: pointer;
    position: relative;
}

    .newTheme .hc-progress-details:hover {
        box-shadow: 0px 2px 4px -2px rgba(0, 98, 89, 0.10), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    }

.newTheme .hc-prog-number {
    margin-bottom: 0;
    margin-left: 2px;
    color: #111827;
}

.newTheme .hc-details-cont {
    cursor: default;
}

.hc-progress-details::after {
    content: "";
    width: 6px;
    height: 6px;
    background-color: transparent;
    border-width: 3px 3px 0 0;
    border-color: #111827;
    border-radius: 0px 2px 0px 0px;
    border-style: solid;
    transform: rotate(45deg);
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 1;
}

.newTheme .gs-panel .hc-panel-iframe-title {
    color: #20232a;
}

.newTheme .gs-panel .hc-close {
    display: none;
}

.newTheme .gs-panel .hc-panel-btn-wrapper {
    padding: 0 0px 0 48px;
}

.newTheme .gs-panel .hc-panel-back-btn {
    background-image: url(../../ImagesNew/SM/back-arrow.svg);
    width: 30px;
    height: 30px;
    top: -3px;
    filter: brightness(0) saturate(100%) invert(8%) sepia(12%) saturate(1087%) hue-rotate(183deg) brightness(97%) contrast(87%);
}

/*.newTheme .hc-banner {
    background-image: url(../../ImagesNew/general/help-centre.svg?k=1);
    background-position: center 7px;
    background-size: 165px;
}*/

/*.newTheme .hc-banner-title {
    display: none;
}*/

.search-directory-cont {
    position: relative;
    width: 100%;
    display: flex;
    padding: 6px 6px 0 6px;
    box-sizing: border-box;
}

.search-directory-cont .search-icon {
    background-image: url('../../images/search_box_icon.svg');
    height: 16px;
    width: 16px;
    min-width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 12px;
    left: 16px;
}

.search-directory-cont .dir-close-icon {
    background-image: url('../../ImagesNew/general/Close_Black.svg') !important;
    height: 16px;
    width: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 14px;
    background-size: 30px;
    background-position: -5px -5px;
}

.search-directory-cont input[type=text].search-directory-input {
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    border-radius: 0;
    margin-bottom: 6px;
    padding: 6px 30px 6px 36px;
    height: 30px;
    box-sizing: border-box;
}

.no-dir-found {
    padding: 10px;
    font-family: 'Proxima N W01 Reg';
}

.hd-DDOption.create-directory {
    position: relative;
}

.directory-tooltip.tooltip_container {
    position: static;
    cursor: pointer;
}

.directory-tooltip-cont:hover::before {
    content: "Click here to learn more about Directories.";
    width: auto;
    padding: 15px;
    white-space: nowrap;
    position: absolute;
    bottom: 45px;
    left: -120px;
    background-color: #ffffff;
    box-shadow: 0 9px 21px 0 rgba(42, 45, 49, 0.18);
    border-radius: 3px;
    z-index: 101;
    font-family: 'Proxima N W01 Reg';
    line-height: 20px;
}


.directory-tooltip-cont:hover:after {
    content: "";
    position: absolute;
    top: -3px;
    right: 21px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    transform: rotate(180deg);
    z-index: 101;
}

/*getting started with directory css starts*/
#gettingStartedModal.fbcmodalHolderDirectory {
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
}
#gettingStartedModal.fbcmodalHolderDirectory .modalDialogDirectory {
    height: auto;
    width: 65vw;
    max-width: 1000px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 6px;
    background: #fff;
    position: relative;
    z-index: 1;
    background-color: #fff;
    -ms-transition: all 0.2s ease-in 0s;
    transition: all 0.2sease-in 0s;
    left: 50%;
    top: 50%;
}

#gettingStartedModal .modalBodyDirectory {
    padding: 0;
    overflow: hidden;
    max-height: 800px !important;
    min-height: unset !important;
    height: auto;
    text-align: left;
    font-family: "Proxima N W01 Reg";
    position: relative;
    -webkit-overflow-scrolling: touch;
    -ms-transition: all 0.2s ease-in 0s;
    transition: all 0.2sease-in 0s;
}

#gettingStartedModal .modalFooter {
    text-align: center;
    padding: 16px 0;
    background-color: #fff;
    border-top: 1px solid #F0F1F2;
    border-radius: 0 0 6px 6px;
}

#gettingStartedModal .modalFooter .button {
    min-width: 240px;
    background-color: #5c6069;
}

#gettingStartedModal .modalFooter .button:hover {
    background-color: #211e1f;
}

.startedModalHeader {
    padding: 15px 30px 18px 30px;
}

.starting-heading {
    font-family: "Proxima N W01 Smbd";
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 24px;
}

.starting-desc {
    line-height: 20px;
}

.starting-body {
    padding: 15px 30px 20px 30px;
    background-color: #F9FAFC;
    overflow-y: auto;
    max-height: calc(100vh - 350px) !important;
}

.feature-head {
    font-size: 16px;
    line-height: 18px;
    font-family: "Proxima N W01 Smbd";
    margin-bottom: 10px;
    color: #7d8393;
}

.starting-box-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 16px 22px;
}

.starting-box {
    padding: 12px 12px 12px 16px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #e7e8ea;
    background: linear-gradient(177deg, #fff 2.94%, #f5f5f5 97.32%);
    box-shadow: 0px 3px 5px 0px rgba(193, 193, 193, 0.1);
    box-sizing: border-box;
    display: flex;
}

.starting-box.box2 {
    grid-column-start: 1;
    grid-row-start: 2;
}

.starting-box.box3 {
    grid-column-start: 1;
    grid-row-start: 3;
}

.starting-box.box4 {
    grid-column-start: 2;
    grid-row-start: 1;
}

.starting-box.box5 {
    grid-column-start: 2;
    grid-row-start: 2;
}

.starting-box.box6 {
    grid-row-start: 3;
}

.boxIconClass {
    height: 32px;
    min-height: 32px;
    width: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: 30px;
    position: relative;
    top: -3px;
}

.contact-management {
    background-image: url('../../ImagesNew/general/contact-management.svg');
}

.dynamic-piping {
    background-image: url('../../ImagesNew/general/demographics.svg');
}

.simplified-project {
    background-image: url('../../ImagesNew/general/publish-outline.svg');
}

.enrich-responses {
    background-image: url('../../ImagesNew/general/unique-links.svg');
}

.activities-started {
    background-image: url('../../ImagesNew/general/activities.svg');
}

.enhanced-reporting {
    background-image: url('../../ImagesNew/general/graph-trend.svg');
}

.boxTitle {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 6px;
}

.boxDescription {
    font-size: 14px;
    line-height: 20px;
    color: #7d8393;
}

/*gettign started with directory css ends*/
.hd-options.directories .hd-DDWrapper,
.hd-main-DD-Options.nested-directory .hd-DDWrapper {
    min-width: 305px;
    box-sizing: border-box;
    padding: 0;
}

.create-directory-cont {
    display: flex;
    width: 100%;
    background-color: #F5F5F5;
    position: relative;
    padding: 3px 3px 4px 3px;
    box-sizing: border-box;
    align-items: center;
    height: 48px;
    border-radius: 0 0 3px 3px;
}

.create-directory-cont .disabled-tt-container.CreateADirectory {
    display: block;
    cursor: default;
    width: 100%;
}

.directory-tooltip-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 13px 18px;
    border-radius: 6px;
    height: 42px;
    position: relative;
    top: 1px;
}

.directory-tooltip-cont:hover {
    background-color: #E7E8EA;
}

.create-directory-cont .hd-DDOption.create-directory {
    position: relative;
    top: 1px;
    width: 100%;
    margin-right: 4px;
}

.create-directory-cont .hd-DDOption.create-directory:hover {
   background-color: #E7E8EA;
}

.create-directory-cont .hd-DDOption.create-directory a {
    padding: 13px 14px 13px 38px;
    height: 42px;
}

.create-directory-cont .create-directory.hd-DDOption a:before,
.create-directory-cont .nested-child .create-directory.hd-DDOption a:before {
    top: 8px;
}


.create-directory-cont .disabled-tt-container.CreateADirectory .disabled_TT.bottomright {
    left: -2px;
    top: -70px !important;
}

.create-directory-cont .disabled-tt-container.CreateADirectory .disabled_TT.bottomright::after {
    left: 20px;
    transform: rotate(180deg);
    top: 66px;
}


.linline-loader {
    display: inline-block;
    vertical-align: middle;
}
.linline-loader .line {
margin: 0 3px;
width: 2px;
height: 12px;
}
.download-FileManage-Button.download-loading-state a {
    background: #e7e8ea !important;
    pointer-events:none;
}
.clsdownloadToolTip-CXDashboard, .clsdownloadToolTip-EXDashboard, .clsdownloadToolTip-Reports, .clsdownloadToolTip-Design, .clsdownloadToolTip-Directory, .clsdownloadToolTip-Distribute, .clsdownloadToolTip-CustomDashboard {
    white-space: nowrap;
    right:0px !important;
    transform: translateX(22px);
}
    .clsdownloadToolTip-CXDashboard.plat_tooltip.topleft::after,
    .clsdownloadToolTip-EXDashboard.plat_tooltip.topleft::after, 
    .clsdownloadToolTip-Reports.plat_tooltip.topleft::after, 
    .clsdownloadToolTip-Design.plat_tooltip.topleft::after,
    .clsdownloadToolTip-Directory.plat_tooltip.topleft::after, 
    .clsdownloadToolTip-Distribute.plat_tooltip.topleft::after, 
    .clsdownloadToolTip-CustomDashboard.plat_tooltip.topleft::after {
        display: none;
    }
    .clsdownloadToolTip-CXDashboard, .clsdownloadToolTip-EXDashboard {
    width: 290px !important;
}
.clsdownloadToolTip-Reports {
    width: 310px !important;
}
.clsdownloadToolTip-Design, .clsdownloadToolTip-Directory, .clsdownloadToolTip-Distribute, .clsdownloadToolTip-CustomDashboard {
    width: 325px !important
}
.tooltip-moduleid:hover::before {
    animation:showArrow 0.2s ease-in-out forwards;
}

@keyframes showArrow {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.tooltip-moduleid::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    background: #fff;
    transition: all 1s ease-in-out;
    top: 16px;
    left: 2px;
    opacity: 0;
    display: block;
    transform: rotate(140deg);
    z-index: 1;
}
div#hdr_downloadmanager.activeDownload::before {
    width: 100%;
    position: absolute;
    content: "";
    background-image: url('../../ImagesNew/wave-big.svg');
    bottom: -60%;
    left: 0;
    height: 100%;
    animation: fillWave-new 10s linear forwards, moveWave-new 15s linear infinite;
    z-index: 0;
    background-size: cover;
    opacity: 0.15;
    background-position: 0 0;
}

@keyframes fillWave-new {
    0% {
        bottom: -60%;
    }

    50% {
        bottom: -20%;
    }
    /* smoother rise */
    100% {
        bottom: -2%;
    }
}

@keyframes moveWave-new {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 300px 0;
    }
    /* longer loop for smoother flow */
}
/* After layer */
div#hdr_downloadmanager.activeDownload::after {
    width: 100%;
    position: absolute;
    content: "";
    background-image: url('../../ImagesNew/wave-big.svg');
    bottom: -78%;
    left: 0;
    height: 100%;
    animation: fillWave 12s linear forwards, moveWave 18s linear infinite;
    z-index: 0;
    background-size: cover;
    background-position: 0 0;
    opacity: 0.12;
    /*    transform: translate(2px, 8px);*/
}

@keyframes fillWave {
    0% {
        bottom: -78%;
    }

    50% {
        bottom: -20%;
    }

    100% {
        bottom: -2%;
    }
}

@keyframes moveWave {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 300px 0;
    }
    /* slower drift */
}
/* Optional extra wave layer for depth */
.hd-DownloadManager.activeDownload .activeDownloadVisible {
    display: block;
    animation: fillWave_bg 14s linear forwards, moveWave-bg 20s linear infinite;
    opacity: 0.1;
    /*    transform: translate(-2px, 6px);*/
    z-index: 0;
}

@keyframes fillWave_bg {
    0% {
        bottom: -80%;
    }

    50% {
        bottom: -20%;
    }

    100% {
        bottom: -2%;
    }
}

@keyframes moveWave-bg {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 300px 0;
    }
}

div#hdr_downloadmanager.activeDownload .download-manager-icon {
    position: relative;
    z-index: 1;
}


.hd-DownloadManager.activeDownload {
    overflow: hidden;
    position: relative;
}

.activeDownloadVisible {
    width: 100%;
    background-image: url('../../ImagesNew/wave-big.svg');
    bottom: -80%;
    left: 0;
    height: 100%;
    position: absolute;
    display: none;
    background-size: cover;
}


.dowloadManageBox .manageDownloadMain.newDownload {
    border-color: #20232a;
    box-shadow: 0 0 0 1px rgba(32, 35, 42, 0.3);
    background: rgba(32, 35, 42, 0.02);
    transition: all 0.3s ease-in-out;
    animation: borderBlink 1.5s ease-in-out alternate-reverse infinite;
}

@keyframes borderBlink {
    0% {
        border-color: #20232a;
        box-shadow: 0 0 0 1px rgba(32, 35, 42, 0.3);
    }

    50% {
        border-color: transparent;
        box-shadow: 0 0 0 1px transparent;
    }

    100% {
        border-color: #20232a;
        box-shadow: 0 0 0 1px rgba(32, 35, 42, 0.3);
    }

}
.download-active-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #20232a;
    background: #22c55e;
    position: absolute;
    top: -3px;
    right: -3px;
    display: none; /* Hidden by default */
}

    .download-active-indicator.activeIndicate {
        display: block; /* Show only when activeIndicate class is present */
        animation: downloadActiveIndicate 0.8s alternate-reverse ease-in-out infinite;
    }

/* Hide dot when wave animation is active */
.hd-DownloadManager.activeDownload .download-active-indicator {
    display: none !important;
}

@keyframes downloadActiveIndicate {
    0% {
        transform: scale(0.4);
    }

    100% {
        transform: scale(1);
    }
}