@charset "utf-8";


#main_wrapper_login {
    width: 100%;
    /* max-width:1366px; */
    display: block;
    margin: 0 auto;
    overflow-x: hidden;
    /*position: relative;*/
    /*height: 100vh;*/
}

    /*#main_wrapper_login footer {
        position: relative;
    }*/


    #main_wrapper_login header {
        background: #024d87;
        width: 100%;
        padding: 13px 0;
        border-bottom: 1px solid #000;
    }

        #main_wrapper_login header #logo {
            background: url("../images/logo_image.png") no-repeat;
            width: 215px;
            height: 46px;
            display: inline-block;
            margin: 0 16px 0 25px;
        }

        #main_wrapper_login header #heading_text {
            display: inline-block;
            padding: 10px 20px;
            color: #fff;
            vertical-align: top;
            font-size: 25px;
            border-left: 1px solid #35719f;
            font-family: Segoe UI;
        }

/* Side Navigation Menu CSS Starts */

.container {
    width: 100%;
    /*max-width:1280px;*/
    padding: 0;
    position: relative;
}

.side_navigation {
    width: 95px;
    background: #333333;
    float: left;
    height: 100%;
    /*min-height: 700px;*/
}


.side_nav_links {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .side_nav_links li {
        display: block;
        padding: 15px 5px;
        text-align: center;
        cursor: pointer;
    }

        .side_nav_links li span {
            display: inline-block;
        }

        .side_nav_links li a {
            display: block;
            font-family: Segoe UI;
            color: #c6c6c6;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
        }

        .side_nav_links li.active::before {
            content: "";
            width: 0;
            height: 0;
            border-right: 12px solid #eeeeee;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto 0;
        }

        .side_nav_links li:hover, .side_nav_links li.active {
            position: relative;
        }

            .side_nav_links li:hover a, .side_nav_links li.active a {
                color: #fff;
            }

        .side_nav_links li a:hover {
            text-decoration: none;
        }

/* Side Navigation Menu CSS Ends */

/* About Side Navigation Starts */
.about_side_navigation {
    width: 95px;
}

    .about_side_navigation .side_nav_links li {
        padding: 15px 20px;
        text-align: left;
        /*border-left: 2px solid transparent;*/
    }

        .about_side_navigation .side_nav_links li a {
            font-size: 16px;
            font-weight: normal;
        }

        .about_side_navigation .side_nav_links li.active, .about_side_navigation .side_nav_links li:hover {
            border-left: 2px solid #0370c0;
            background: #0370c0;
        }

/* About Side Navigation Ends */

.page_wrapper {
    width: calc(100% - 100px);
    min-width: 1160px;
    background: #eeeeee;
    padding: 20px;
    float: left;
    position: relative;
    left: 100px;
    min-height: calc(100vh - 170px);
}

.page_headings {
    font-family: Segoe UI;
    color: #000;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    cursor: default;
}

/* About Us Page CSS Starts */

#about_us_wrapper {
    width: calc(100% - 135px);
    min-width: 1040px;
    left: 0px;
}

#about_content {
    background: url(../images/background_image.png) no-repeat;
    /* display: flex; */
    align-items: center;
    width: 100%;
    background-size: cover;
    height: calc(100% - 136px);
    background-position: 0px -75px;
    position: relative;
}

.about_content_wrapper, .help_center_content_wrapper, .terms_content_wrapper {
    width: 98%;
    border: 1px solid #c6c6c6;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    background: #fff;
    padding: 15px;
    /*height: 380px;
    overflow-y: scroll;*/
}

#about_us_wrapper p {
    font-size: 16px;
    font-weight: normal;
    font-family: Segoe UI;
    color: #666;
}

/* About Us Page CSS Ends */
#helplogin_content {
    display: flex;
}

/* About Us Side Navigation Starts */
.terms_side_navigation {
    /*width:220px;*/
    width: 95px;
}

    .terms_side_navigation .side_nav_links li {
        padding: 15px 20px;
        text-align: left;
        /*border-left: 2px solid transparent;*/
    }

        .terms_side_navigation .side_nav_links li a {
            font-size: 16px;
            font-weight: normal;
        }

        .terms_side_navigation .side_nav_links li.active, .terms_side_navigation .side_nav_links li:hover {
            border-left: 2px solid #0370c0;
            background: #0370c0;
        }

/* User Agreement Page CSS Starts */

#user_agreement_wrapper {
    /*width: calc(100% - 220px);
    min-width: 1040px;
    left: 220px*/
    width: calc(100% - 135px);
    min-width: 1040px;
    left: 0px;
}

#user_agreement_wrapper p {
    font-size: 16px;
    font-weight: normal;
    font-family: Segoe UI;
    color: #666;
    margin-bottom: 20px;
}

    #user_agreement_wrapper p.user_agreement_headinglevel1 {
        font-weight: bold;
    }

    #user_agreement_wrapper p.user_agreement_headinglevel2 {
        margin-bottom: 0;
        font-weight: bold;
    }

        #user_agreement_wrapper p.user_agreement_headinglevel2 + p.user_agreement_headinglevel1 {
            margin-top: 20px;
        }

    #user_agreement_wrapper p:last-child {
        margin-bottom: 0;
    }

/* User Agreement Page CSS Ends */

/* Help Center Side Navigation Starts */
.help_center_side_navigation {
    /*width:220px;*/
    width: 95px;
}

    .help_center_side_navigation .side_nav_links li {
        padding: 15px 20px;
        text-align: left;
        /*border-left: 2px solid transparent;*/
    }

        .help_center_side_navigation .side_nav_links li a {
            font-size: 16px;
            font-weight: normal;
        }

        .help_center_side_navigation .side_nav_links li.active, .help_center_side_navigation .side_nav_links li:hover {
            border-left: 2px solid #0370c0;
            background: #0370c0;
        }

/* Help center Page CSS Starts */

#help_center_wrapper {
    width: calc(100% - 135px);
    min-width: 1040px;
    left: 0px;
}


.help_page_content_description p.user_agreement_headinglevel1 {
    font-weight: bold !important;
}

.help_page_content_description p.user_agreement_headinglevel2 {
    margin-bottom: 0;
    font-weight: bold;
}

.help_page_content_description ul li {
    font-family: Segoe UI;
    color: #666;
    font-size: 18px;
    font-weight: normal;
}

#help_center_page_searchbox {
    padding: 15px;
    background: #0370c0;
    border-bottom: 1px solid #c6c6c6;
}

    #help_center_page_searchbox p {
        font-family: Segoe UI;
        color: #fff;
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    #help_center_page_searchbox input#help_center_page_query {
        width: 100%;
        border: 1px solid #999;
        padding: 9px 32px 9px 8px;
        font-family: Segoe UI;
        font-size: 14px;
        color: #666666;
    }

    #help_center_page_searchbox #help_center_page_query_wrapper {
        position: relative;
    }

    #help_center_page_searchbox span#help_center_page_search_query {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        border-left: none;
        cursor: pointer;
    }

#help_center_content .help_page_content_heading {
    font-family: Segoe UI;
    color: #666;
    font-size: 22px;
    font-weight: normal;
    padding: 10px 15px 5px 15px;
    border-bottom: 1px solid #c6c6c6;
}

#help_center_content .help_page_content_description {
    padding: 15px 15px 0 15px;
}

    #help_center_content .help_page_content_description p {
        font-family: Segoe UI;
        color: #666;
        font-size: 18px;
        font-weight: normal;
    }

/* FAQ's Accordion CSS Starts */
#help_faqs_accordion.panel-group {
    margin: 10px 0;
}

    #help_faqs_accordion.panel-group .panel {
        box-shadow: none;
        border-radius: 0px;
        border: none;
    }

#help_faqs_accordion .panel-heading {
    background: #fff;
    display: flex;
}

#help_faqs_accordion.panel-group h4.panel-title > a {
    color: #666666;
    font-family: Segoe UI;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}

    #help_faqs_accordion.panel-group h4.panel-title > a:hover {
        color: #0370c0 !important;
        text-decoration: none;
    }

#help_faqs_accordion.panel-group .panel + .panel {
    margin-top: 0;
    border-top: none;
}

#help_faqs_accordion.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    padding: 0 15px 0 55px;
}

    #help_faqs_accordion.panel-group .panel-heading + .panel-collapse > .panel-body p {
        color: #000;
        font-family: Segoe UI;
        font-size: 16px;
        font-weight: 500;
    }

#help_faqs_accordion.panel-group .panel-heading .accordion-toggle:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/accordion_minus.html) no-repeat;
    position: relative;
    top: -2px;
    float: left;
    margin-right: 15px;
}

#help_faqs_accordion.panel-group .panel-heading .accordion-toggle.collapsed:before {
    background: url(../images/accordion_plus.html) no-repeat;
}

#help_faqs_accordion.panel-group .panel-heading .accordion-toggle.collapsed:hover:before {
    background: url(../images/accordion_plus_hover.html) no-repeat;
}

#help_faqs_accordion.panel-group .panel-heading .accordion-toggle:hover:before {
    background: url(../images/accordion_minus_hover.html) no-repeat;
}
/* FAQ's Accordion CSS Ends */

/* Help Center Page CSS Ends */


/*MEDIA QUERIES*/
/* About Us Page CSS Starts */

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .aboutUs_wrapper {
        position: absolute;
        display: initial;
    }

    #about_us_wrapper, #user_agreement_wrapper, #help_center_wrapper {
        width: auto;
        min-width: initial;
        /*left: 95px;*/
    }

    /*.about_content_wrapper, .terms_content_wrapper, .help_center_content_wrapper {
        width: 23%;
    }*/

    .about_side_navigation, .terms_side_navigation, .help_center_side_navigation {
        min-height: 786px;
    }
    .about_content_wrapper, .help_center_content_wrapper, .terms_content_wrapper{
            margin-bottom: 60px;
    }
    footer{
            position: fixed !important;
    }
     #main_wrapper_login footer #copyright {
        float: initial !important;
    }
     .about_content_wrapper, .help_center_content_wrapper, .terms_content_wrapper{
         width:100%;
     }
     #main_wrapper_login header #heading_text{
         font-size: 20px;
         margin-left: 10px;
     }
     #help_center_content .help_page_content_description p,.contactusdata > tbody > tr > td{
         font-size: 16px !important;
     }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .aboutUs_wrapper {
        position: absolute;
        display: initial;
    }

    #about_us_wrapper, #user_agreement_wrapper, #help_center_wrapper {
        width: 100%;
        min-width: 616px;
        left: 95px;
    }

    .about_content_wrapper, .terms_content_wrapper, .help_center_content_wrapper {
        width: 87%;
    }

    .about_side_navigation, .terms_side_navigation, .help_center_side_navigation {
        min-height: 786px;
    }
    #help_center_content .help_page_content_description p{
            font-size: 14px;
    }
    .helpcentercontainer footer #copyright{
            background: black;
    }
    .helpcentercontainer footer{
            position: fixed !important;
    }
    .helpcentercontainer #help_center_wrapper{
            margin-bottom: 20%;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .aboutUs_wrapper {
        position: absolute;
        display: initial;
    }

    #about_us_wrapper, #user_agreement_wrapper, #help_center_wrapper {
        width: 100%;
        min-width: 829px;
        left: 95px;
    }

    .about_content_wrapper, .terms_content_wrapper, .help_center_content_wrapper {
        width: 85%;
    }

    .about_side_navigation, .terms_side_navigation, .help_center_side_navigation {
        min-height: 786px;
    }
}

/* footer */

#main_wrapper_login footer #footer_links {
    display: inline-block;
    padding: 18px 5px;
}

    #main_wrapper_login footer #footer_links ul {
        margin: 0;
        padding: 0;
    }

        #main_wrapper_login footer #footer_links ul li {
            display: inline-block;
            padding: 0 15px;
            text-transform: Capitalize;
            border-right: 1px solid #fff;
        }

            #main_wrapper_login footer #footer_links ul li:last-child {
                border-right: none;
            }

            #main_wrapper_login footer #footer_links ul li a {
                color: #fff;
                text-decoration: none;
                font-family: Segoe UI;
                font-size: 14px;
            }

                #main_wrapper_login footer #footer_links ul li a:hover {
                    color: #0370c0;
                }

#main_wrapper_login footer #copyright {
    padding: 12px 10px;
    float: right;
    display: inline-block;
}

    #main_wrapper_login footer #copyright span:nth-child(2) {
        color: #666666;
        font-family: Segoe UI;
        font-size: 14px;
        padding: 0 10px;
        vertical-align: middle;
    }

    #main_wrapper_login footer #copyright span img {
        vertical-align: middle;
    }

#main_wrapper_login footer {
    background: #000;
    bottom: 0;
    left: 0;
    right: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family:'Segoe UI';
}

.employee_label {
    text-align: right;
    padding: 10px;
}
.contactusdata {
    width:100%
}
.contactusdata > tbody > tr > th:first-child {
    font-family: Segoe UI;
    color: #666;
    font-size: 20px;
    font-weight: bold;
    text-align:center;
    padding-bottom: 5px;
    border-bottom: 1px solid #c6c6c6;
}

.contactusdata > tbody > tr > td {
    text-align: left;
    padding: 8px 15px;
    font-family: Segoe UI;
    color: #666;
    font-size: 18px;
    font-weight: normal;
    width:50%;
}
.helpcenter_img{
    width:100%;
}

.blue_btn {
    font-family: Segoe UI;
    padding: 9px 25px;
    color: #fff;
    text-align: center;
    background: #0370c0;
    display: inline-block;
    font-size: 16px;
    margin-top: 8px;
    font-weight: bold;
    outline: 0;
    cursor: pointer;
    width: 100px;
}

    .blue_btn:hover {
        background: #024d87;
    }
    .padding_none {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
            .visible_md {
        display: block !important;
    }

    .hiddenfor_md {
        display: none !important;
    }
    }