@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=ec4c17d7-a5e5-4b95-b775-5082827a5e76");

@font-face {
    font-family: "HelveticaNeueW01-75Bold";
    src: url("../HelveticaFont/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src: url("../HelveticaFont/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("../HelveticaFont/Fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("../HelveticaFont/Fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("../HelveticaFont/Fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

@font-face {
    font-family: "Helvetica W01 Light";
    src: url("../HelveticaFont/Fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix");
    src: url("../HelveticaFont/Fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("eot"),url("../HelveticaFont/Fonts/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"),url("../HelveticaFont/Fonts/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"),url("../HelveticaFont/Fonts/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg");
}

body {
    font-family: Helvetica W01 Light;
    font-size: 14px; /*16px;*/
    background: -moz-linear-gradient(top, rgba(41,137,216,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(41,137,216,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(41,137,216,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2989d8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    /*min-height: 900px;*/
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.maf-title-16 {
    font-family: "HelveticaNeueW01-75Bold";
    font-size: 16px;
}

.header {
    width: 960px;
    padding-bottom: 0;
    margin: 0 0 0 0;
    height: 133px;
    background-image: url(../../Images/MDL-Header.jpg);
    background-size: 960px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.page_header_line {
    margin-top: 5px;
    height: 4px;
    background-color: #FED18B;
    width: 100%;
}

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/
.sidebar1 {
    float: left;
    width: 200px;
    padding-bottom: 10px;
    background-color: #ccc;
    min-height: 600px; /***** NEED TO CONFIRM WITH SRIKANTH */
}

.content_100_perc {
    width: 100%;
    float: left;
    background-color: #e3e3e3;
}

    .content_100_perc ul, .content_100_perc ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    }

.content {
    width: 760px;
    float: left;
    background-color: #e3e3e3;
}
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    }

.msg-form-grid-section .header {
    height: auto;
    width: 100%;
    background-color: rgb(0,26,71);
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-family: "HelveticaNeueW01-75Bold";
}

.msg-form-grid-section .content {
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    padding-top: 10px;
}

.msg-form-grid-section .section {
    margin-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}

ul.msg-form-grid-section-list {
    list-style-type: circle;
    margin: 0;
    padding-left: 30px;
}

.maf-imp-msg-form-container {
    font-size: 14px;
}
/******  BUTTON:START ***********/
.btn_plzwait {
    display: none;
}

.btnSignatureAcceptDisable {
    color: #ffffff;
    background-color: gray; /*#dddddd*/
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    padding: 5px 15px 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btnSignatureAcceptEnable {
    color: #ffffff;
    background-color: #989898;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    padding: 5px 15px 5px 15px;
    background-image: linear-gradient(to bottom, #989898, #1E1E1E);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.menurow .btn {
    width: 350px;
    color: #ffffff;
    background-color: #5B74A8;
    vertical-align: middle;
    cursor: pointer;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    padding: 17px 17px 17px 17px;
    background-image: linear-gradient(to bottom, #29447E, #5B74A8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.menurow .btn-disabled {
    width: 350px;
    color: #ffffff;
    background-color: gray; /*#dddddd*/
    vertical-align: middle;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    padding: 17px 17px 17px 17px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.menurow .btn:hover {
    background-color: #29447E;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    background-image: none;
    /*-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 0px rgba(68,93,142,1), 0px 2px 25px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 2px 0px rgba(68,93,142,1), 0px 2px 25px rgba(0,0,0,.9);
    box-shadow: 0px 2px 0px rgba(68,93,142,1), 0px 2px 25px rgba(0,0,0,.9);
    text-align: center;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

/******* BUTTON: END ***********/

/******  LINKBUTTON ***********/

.linkbtn {
    color: #006dcc;
    font-size: large;
    font-weight: bold;
}

.clearfloat {
    /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.adobe p {
    font-size: 12px;
    line-height: 1.2em;
    padding: 10px 15px 50px 15px;
    font-weight: 600;
}

.adobe img {
    padding-left: 10px;
}
/*Backgrounds */

/* ~~ The footer ~~ */

.sidebar {
    width: 30px;
    background-color: #ccc;
}

.menuItemHover {
    display: block;
}

.CCInfo {
    color: #ffffff;
    background-color: #989898;
}


/* Login page anchor tag: Start */

.login-a a {
    color: #42413c;
    text-decoration: underline;
}

    .login-a a:hover {
        text-decoration: none;
    }

/* Login page anchor tag: End */

/* CUSTOM PAGER STYLE: START */

.data-pager-container-top {
    width: 100%;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
}

.data-pager-container {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.pager-gotoddl-caption, .pager_search_result {
    font-weight: bold;
    font-size: 0.9em;
}

.PagerNormal {
    font: 9pt Verdana;
    border: solid 1px #778899;
    padding: 1px 4px;
    text-decoration: none;
    background-color: #e4e7ee;
    margin: 0 1px 0 1px;
}

.AjaxHoverMenu {
    color: White;
    background-color: #676767;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}


.PagerNormal:hover {
    background-color: #cfd1dc;
}

.PagerCurrent {
    font: 9pt Verdana;
    color: White;
    border: solid 1px #393f4f;
    padding: 1px 4px;
    background-color: #3f4a67;
    margin: 0 1px 0 1px;
}
/* CUSTOM PAGER STYLE: END */

/* LIST VIEW STYLE: START */

.listview {
    border: 1px solid #333;
    border-collapse: collapse;
    border-spacing: 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .listview th {
        background-color: #989898;
        height: 30px;
        font-size: 0.9em;
        border: 1px solid #393f4f;
        color: #ffffff;
        text-align: center;
    }

        .listview th:first-child {
            border-top-left-radius: 10px;
        }

        .listview th:last-child {
            border-top-right-radius: 10px;
        }

    .listview tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .listview tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

    .listview tr:hover td {
        background-color: #cfd1dc;
    }

    .listview th a {
        color: #ffffff;
    }

    .listview td {
        background-color: #e4e7ee;
        height: 20px;
        font-size: 0.9em;
        border: 1px solid #393f4f;
        padding: 3px;
    }

        .listview td a {
            color: #0044cc;
            font-weight: bold;
        }


.listviewReasons {
    border: 1px solid #333;
    border-collapse: collapse;
    border-spacing: 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .listviewReasons th {
        background-color: #989898;
        height: 30px;
        font-size: 0.9em;
        border: 1px solid #393f4f;
        color: #ffffff;
    }

        .listviewReasons th:first-child {
            border-top-left-radius: 10px;
        }

        .listviewReasons th:last-child {
            border-top-right-radius: 10px;
        }

    .listviewReasons tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .listviewReasons tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

    .listviewReasons tr:hover td {
        background-color: #cfd1dc;
    }

    .listviewReasons th a {
        color: #ffffff;
    }

    .listviewReasons td {
        height: 20px;
        font-size: 12px;
        border: 1px solid #393f4f;
        padding: 3px;
    }

.listview td a {
    color: #0044cc;
    font-weight: bold;
}

.gridview {
    border: 1px solid #333;
    border-collapse: collapse;
    border-spacing: 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .gridview th {
        background-color: #989898;
        height: 30px;
        font-size: 0.9em;
        border: 1px solid #393f4f;
        color: #ffffff;
        text-align: center;
    }

    .gridview tr:hover td {
        background-color: #cfd1dc;
    }

    .gridview th:first-child {
        border-top-left-radius: 10px;
    }

    .gridview th:last-child {
        border-top-right-radius: 10px;
    }

    .gridview tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .gridview tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

    .gridview th a {
        color: #ffffff;
    }

    .gridview td {
        background-color: #e4e7ee;
        height: 20px;
        font-size: 0.9em;
        border: 1px solid #393f4f;
        padding: 3px;
    }

        .gridview td a {
            color: #0044cc;
            font-weight: bold;
        }

.gridviewPager {
    font-family: Arial;
    font-size: 10pt;
    border-style: none;
    text-align: center;
}
/* LIST VIEW STYLE: END */
/* START: Section Control Css */
.section {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
    border-color: #1A1A1A;
}

.section-header {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #D5F5E3;
    border-color: #D5F5E3;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}

.section-content {
    padding: 10px;
}

.newsection {
}

.newsection-header {
}

.newsection-content {
}

/* END: Section Control Css */

/*CUSTOM MODAL DIALOG: START*/
.dialog-overlay {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 200;
    background-color: black;
    background: rgba(0,0,0, 0.7);
}

.dialog-content {
    background: rgba(255, 255, 255, 1);
    width: 300px;
    margin: 100px auto;
    background-color: #fff;
    border: 1px solid #000;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 201;
    margin-top: -150px;
    width: 400px;
    margin-left: -200px;
    height: 300px;
    border-radius: 5px;
}

.dialog-header {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    background-color: #1A1A1A;
    border-color: #1A1A1A;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}

.dialog-headertext {
    padding-left: 5px;
}

.text_BoldLabel {
    padding-right: 6px;
}

.dialog-content_body {
    padding: 5px;
    overflow: auto;
}
/*MODAL DIALOG: END*/

/*PAGE CSS: START*/
.black_row_color {
    background-color: #676767;
    height: 1px;
}

.section_separation {
    height: 10px;
}

.blank_row {
    height: 5px;
}

.paddingleft {
    padding-left: 5px;
}

.paddingright {
    padding-right: 5px;
}

.main_table /*TODO: Check weather we need it or not */ {
    width: 100%;
    padding: 5px;
}

.error-message {
    color: red;
    font-size: 14px;
    font-family: Arial;
}

.status-message {
    color: red;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
}

.success-message {
    color: green;
    font-size: 12px;
}

.watermark {
    color: gray !important;
    text-align: center;
    font-style: italic;
}

.hint-message {
    color: red;
    font-size: 12px;
    font-family: Arial;
}

.field-message {
    color: #303737;
    font-size: 14px;
    font-family: Arial;
}

.mdl-num-header {
    font-size: 22px;
    font-weight: bold;
}

.back_button_container {
    margin-bottom: 5px;
    padding-left: 5px;
}

.incomplete_msg, .incomplete_optional_msg, .not_signed_msg, .locked_msg, .complete_msg, .signed_msg {
    font-weight: bold;
    font-size: 16px;
}

.incomplete_msg, .incomplete_optional_msg, .not_signed_msg, .locked_msg {
    color: red;
}

.complete_msg, .signed_msg {
    color: green;
    font-weight: bold;
}


.tab_completed {
    /*border-top: 5px solid #00CC00 !important;*/
    border-left: 8px solid #00CC00 !important;
    /*border-right: 5px solid #00CC00 !important;*/
}

.tab_incompleted, .tab_locked {
    /*border-top: 5px solid red !important;*/
    border-left: 8px solid red !important;
    /*border-right: 5px solid red !important;*/
}

.tab_optional {
    border-left: 8px solid orange !important;
}

/*PAGE CSS: END*/

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=60);
    opacity: 0.8;
}


.modalPopup-text {
    display: block;
    color: #000;
    background-color: #fff;
    padding: 10px;
    text-align: justify;
}

.modalPopup-header {
    background-color: #BACCB3;
    color: black;
    font-weight: bold;
}

.modalPopup {
    z-index: 101;
    width: 100%;
    *width: auto; /*This is for IE7*/
    margin: 0 auto;
    position: fixed;
    *position: relative; /*This is for IE7*/
    left: 0px;
}

.tableCellSpacingClass, .tableCellSpacingClass-no-bg, .tableCellSpacingClassWithPadding, .tableCellSpacingClassPadding {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    width: 100%;
}

.tableCellSpacingClass, .tableCellSpacingClassWithPadding {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .tableCellSpacingClass td, .tableCellSpacingClass-no-bg td {
        padding: 0;
    }

    .tableCellSpacingClass th, .tableCellSpacingClass-no-bg th {
        padding: 0;
    }

    .tableCellSpacingClassWithPadding td {
        padding-right: 8px;
    }

.tableCellSpacingClassPadding td {
    padding: 5px;
}

/************START: CALENDAR*******************************/
.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: white;
    color: black;
}

.MyCalendar .ajax__calendar_header {
    border: 1px solid #646464;
    background-color: Silver;
    color: black;
}

.MyCalendar .ajax__calendar_footer {
    background-color: Silver;
}

.MyCalendar .ajax__calendar_body {
    background-color: White;
}

.MyCalendar .ajax__calendar_title {
    width: 140px;
    margin: auto;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: red;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: Purple;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: white;
    font-weight: bold;
    background-color: black;
}

/************END: CALENDAR*******************************/

/******  TAB:START ***********/

.tabpanel {
    padding-left: 5px;
    padding-right: 5px;
}

    .tabpanel .tabButtons input {
        width: 110px;
    }

    .tabpanel .tabButtons .btn {
        color: #ffffff;
        background-color: #1E1E1E;
        vertical-align: middle;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        border: 0;
        padding: 5px 0px 5px 0px;
        /*background-image: linear-gradient(to bottom, #075383, #043452);
         background-image: linear-gradient(to bottom, #989898, #1E1E1E);*/
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-bottomright: 0px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 110px;
    }

    .tabpanel .tabButtons .btn-disabled {
        color: #ffffff;
        background-color: gray; /*#dddddd*/
        vertical-align: middle;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        border: 0;
        padding: 5px 0px 5px 0px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .tabpanel .tabButtons .btn:hover {
        background-color: #989898;
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        background-image: none;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }


    .tabpanel .tabButtons .btn-selected {
        color: #ffffff;
        background-color: #989898;
        vertical-align: middle;
        cursor: pointer;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        border: 0;
        padding: 5px 0px 5px 0px;
        /*background-image: linear-gradient(to bottom, #075383, #989898);*/
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        width: 110px;
    }


/*input[disabled="disabled"],input[disabled],*/
input[type=submit][disabled=disabled], input[type="submit"][disabled="disabled"], button[disabled="disabled"], input[type="submit"]:disabled, button:disabled {
    color: #ffffff !important;
    background-color: gray !important;
    cursor: default;
}

.tabpanel .seperator {
    height: 3px;
    background-color: #989898;
}

.tabpanel .tabbody {
    padding: 5px;
    background-color: #fff;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/******* TAB: END ***********/

/******* NEW LOGIN LAYOUT: START ***********/

.blue-header {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: 10px;
    background-color: #16345C;
    color: white;
    font-weight: bold;
    font-size: 19px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.login_panel_container {
    width: 100%;
    height: 355px;
    *height: 375px;
    text-align: center;
    vertical-align: middle;
}


.login_panel {
    height: 45%;
    width: 50%;
    margin-left: 25%;
    *margin-left: 1%;
    margin-top: 1%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.login_mdl_container {
    text-align: center !important;
}

.reg_user_container .btn {
    height: 40px !important;
}

.login_panel_container .btn {
    border: 1px solid #555C6C;
    /*background: rgba(74,150,212,1);*/
    background: #989898 !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    padding: 5px 15px 5px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.login_panel_container .btn_plzwait {
    color: #ffffff;
    background-color: gray; /*#dddddd*/
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    padding: 5px 15px 5px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
}


.hiddencol {
    display: none;
}

/******* NEW LOGIN LAYOUT: END ***********/

/************NEW LAYOUT 01-24-2014: START */

.maincontent {
    background-color: #EAEFF5;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.blue-main-header {
    border: 1px solid black;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    /*margin-right: 10px;*/
    background: url(../../Images/master-header-bg.png) repeat;
    color: white;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.light-blue-header {
    border: 1px solid #878C91;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: 10px;
    background-color: #548BD4;
    color: white;
    font-weight: bold;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
}

.blue-master-header {
    border-bottom: 1px solid black;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    vertical-align: middle;
    height: 27px;
    background: url(../../Images/master-header-bg.png) repeat;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 5px;
}

    .blue-master-header a {
        text-decoration: none;
        color: #ffffff;
    }

.pnlMenus {
    background-color: #5A5C6C;
    background-image: url('../../Obout/EasyMenu/Styles/BG1/bg2.gif');
    background-repeat: repeat-x;
}

.pdf-viewer {
    position: relative;
}


.if-pdf-viewer {
    background-image: url('../../Images/en/if-load.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

/**START: Password Hint**/
#container {
    position: relative;
}

#pswd_info {
    position: absolute;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
}

.CurPWD {
    top: -60px;
}

.NewPWD {
    top: -35px;
}

.ConPWD {
    top: 0px;
}

#pswd_info h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-family: Arial;
}

#pswd_info::before {
    content: "\25C0";
    position: absolute;
    top: 45%;
    left: -12px;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

.invalid {
    background: url(../../Images/invalid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 20px;
    font-size: 12px;
    font-family: Arial;
    color: #ec3f41;
}

.valid {
    background: url(../../Images/valid.png) no-repeat 0 50%;
    padding-left: 22px;
    font-size: 12px;
    font-family: Arial;
    line-height: 20px;
    color: #3a7d34;
}

.info {
    padding-left: 6px;
    font-size: 12px;
    font-family: Arial;
    line-height: 20px;
    color: black;
    font-weight: normal;
}

#pswd_info {
    display: none;
}
/**END: Password Hint**/

/**START: Password Hint -- Pop-Up**/
#containerPopUp {
    position: relative;
}

#pswd_infoPopUp {
    position: absolute;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
}

.CurPWDPopUp {
    top: -60px;
}

.NewPWDPopUp {
    top: -35px;
}

.ConPWDPopUp {
    top: 0px;
}

#pswd_infoPopUp h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
    font-family: Arial;
}

#pswd_infoPopUp ::before {
    content: "\25C0";
    position: absolute;
    top: 45%;
    left: -12px;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

#pswd_infoPopUp {
    display: none;
}
/**END: Password Hint**/


/******* TAB: END ***********/
/************NEW LAYOUT 01-24-2014: END */

/* Start tooltip layout 01-19-2015 */

/* NPPTestWorkSheet added 01-14-2022 */
.npp-tws-tooltip {
    display: inline-block;
    margin-left: 5px;
    margin-top: 2px;
}

.npp-tws-tooltip-AfterText {
    display: inline-block;
    margin-left: 274px;
    margin-top: 39px;
}

.npp-tws-tooltip-ACSScore {
    display: inline-block;
    margin-left: -18px;
    /* margin-right: 26px; */
    margin-top: 0px;
}

.tooltip {
    outline: none;
    opacity: 1;
}

    .tooltip strong {
        line-height: 30px;
    }

    .tooltip:hover {
        text-decoration: none;
    }

    .tooltip span {
        z-index: 99;
        display: none;
        padding: 14px 10px;
        margin-top: 20px;
        margin-left: 0px;
        width: 250px;
        line-height: 16px;
    }

    .tooltip:hover span {
        display: inline;
        position: absolute;
        border: 1px solid #000000;
        color: #000000;
        background: #F5F5F5;
    }

    .tooltip span {
        border-radius: 15px;
        box-shadow: 0px 0px 12px 3px #666;
        opacity: 1;
    }

.npp-tooltip {
    position: relative;
    display: inline;
}

    .npp-tooltip > i {
        font-size: 14px;
    }

.npp-tooltip-text {
    display: none;
    position: absolute;
    top: 15px;
    left: 20px;
    border: 1px solid #000000;
    color: #000000;
    background: #F5F5F5;
    border-radius: 6px;
    padding: 15px;
    z-index: 1;
    font-family: Helvetica W01 Light;
    font-size: 12px;
    text-align: left;
    box-shadow: 0px 0px 12px 3px #666;
    opacity: 1;
}

body > .npp-tooltip-text:hover {
    display: block !important;
}
/*.npp-tooltip:hover .npp-tooltip-text{
    display:block;
}*/
/* Start cc help */
.tooltipCCV {
    outline: none;
}

    .tooltipCCV strong {
        line-height: 30px;
    }

    .tooltipCCV:hover {
        text-decoration: none;
    }

    .tooltipCCV span {
        z-index: 99;
        display: none;
        padding: 14px 10px;
        margin-top: 25px;
        margin-left: -185px;
        width: 335px;
        line-height: 16px;
    }

    .tooltipCCV:hover span {
        display: inline;
        position: absolute;
        border: 1px solid #000000;
        color: #000000;
        background: #F5F5F5;
    }

    .tooltipCCV span {
        border-radius: 15px;
        box-shadow: 0px 0px 12px 3px #666;
        opacity: 1;
    }

.pos {
    /*font-weight: bold;*/
    display: inline;
    position: relative;
    text-decoration: none;
}
/* End tooltip layout */


/**START: Password Hint on Request Access**/

.ConPWDLGN {
    top: 455px;
}

.NewPWDLGN {
    top: 430px;
}

#container {
    position: relative;
}

#lgn_info {
    position: absolute;
    line-height: 30px;
    text-decoration: none;
    padding: 14px 10px;
    margin-top: 20px;
    margin-left: 0px;
    width: 250px;
    line-height: 16px;
    position: absolute;
    border: 1px solid #000000;
    color: #000000;
    background: #F5F5F5;
    border-radius: 15px;
    box-shadow: 0px 0px 12px 3px #666;
    opacity: 1;
    display: none;
}



/**END: Password Hint on Request Access**/

.IE8Fix {
    z-index: 999;
}

/* Auto Extender Styles */
.AutoExtender {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    border: solid 1px #006699;
    line-height: 20px;
    padding: 1px;
    background-color: White;
    max-height: inherit;
}

.AutoExtenderList {
    border-bottom: dotted 1px #006699;
    cursor: pointer;
    color: black;
}

.AutoExtenderHighlight {
    color: White;
    background-color: #006699;
    cursor: pointer;
}

#divwidth {
    width: 150px !important;
}

    #divwidth div {
        width: 150px !important;
    }

#crumbs {
    text-align: center;
}

    #crumbs ul {
        list-style: none;
        display: inline-table;
    }

        #crumbs ul li {
            display: inline;
        }

            #crumbs ul li a {
                /*display: block;*/
                float: left;
                height: 25px;
                width: 60px;
                background: #989898;
                text-align: center;
                padding-top: 5px;
                padding-left: 10px;
                position: relative;
                margin: 0 2px 0 0;
                color: #fff;
                border-top-right-radius: 2.5px;
                border-bottom-right-radius: 2.5px;
            }

                #crumbs ul li a:after {
                    content: " ";
                    border-top: 15px solid transparent;
                    border-bottom: 15px solid transparent;
                    border-left: 15px solid #989898;
                    position: absolute;
                    right: -14px;
                    top: 0;
                    z-index: 1;
                }

                #crumbs ul li a:before {
                    content: " ";
                    border-top: 15px solid transparent;
                    border-bottom: 15px solid transparent;
                    border-left: 15px solid #d4f2ff;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            #crumbs ul li:first-child a {
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
                /**/
            }


                #crumbs ul li:first-child a:before {
                    display: none;
                }

            #crumbs ul li:last-child a {
                padding-right: 10px;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }

                #crumbs ul li:last-child a:after {
                    display: none;
                }

            #crumbs ul li a:hover {
                background: #1E1E1E;
            }

                #crumbs ul li a:hover:after {
                    border-left-color: #1E1E1E;
                }

            #crumbs ul li a.crumbsSelected {
                background: #1E1E1E;
                text-decoration: none;
                cursor: default;
            }

                #crumbs ul li a.crumbsSelected:after {
                    border-left-color: #1E1E1E;
                }

.watermarked {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #777;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input.textbox, textarea {
    color: black;
    /*padding: 5px;*/
    overflow: auto;
    /*background: #C9C9C9; 
    background: -webkit-linear-gradient(#C9C9C9, #F7F7F7); 
    background: -o-linear-gradient(#C9C9C9, #F7F7F7); 
    background: -moz-linear-gradient(#C9C9C9, #F7F7F7); 
    background: linear-gradient(to bottom, #C9C9C9, #F7F7F7); */
    border-left: solid 1px #688DA6;
    border-top: solid 1px #688DA6;
    border-right: solid 1px #688DA6;
    border-bottom: solid 1px #688DA6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 18px;
    /*box-shadow: 2px 2px #888888;*/
}

    input.textbox:focus, textarea:focus {
        border-color: #646464;
        outline: none;
        /*background-color:#ffcf03;*/
    }

.panel {
    /*border: solid 1px black;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.Homelinkbtn {
    color: #006dcc;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

input:not([type="submit"])[disabled="disabled"] {
    color: black;
    overflow: auto;
    background: #F5F5F5;
    box-shadow: 0px 0px #888888;
}

input:not([type="submit"])[readonly='readonly'] {
    color: black;
    overflow: auto;
    background: #F5F5F5;
    height: 18px;
    box-shadow: 0px 0px #888888;
}

textarea[disabled="disabled"] {
    color: black;
    overflow: auto;
    background: #F5F5F5;
    height: 18px;
    box-shadow: 0px 0px #888888;
}

select[disabled="disabled"] {
    color: black;
    overflow: auto;
    background: #F5F5F5;
    box-shadow: 0px 0px #888888;
}


input.textboxNumeric {
    color: black;
    /*padding: 5px;*/
    overflow: auto;
    background: #C9C9C9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#C9C9C9, #F7F7F7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C9C9C9, #F7F7F7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C9C9C9, #F7F7F7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #C9C9C9, #F7F7F7); /* Standard syntax */
    border-left: solid 1px #688DA6;
    border-top: solid 1px #688DA6;
    border-right: solid 1px #688DA6;
    border-bottom: solid 1px #688DA6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 18px;
    box-shadow: 2px 2px #888888;
    text-align: center;
}

    input.textboxNumeric:focus {
        border-color: #646464;
        outline: none;
        /*background-color:#ffcf03;*/
    }


.Hide {
    display: none;
}


.repeater td {
    background-color: #e4e7ee;
    /*height: 100px;*/
    font-size: 0.99em;
    border: 0px;
}

.checkBoxListWrap td {
    border: 1px solid black;
    /*vertical-align: top;*/
    background-color: #e4e7ee;
    /*height: 20px;*/
    font-size: 1em;
    border: 0px;
}

.checkBoxListWrap label {
    position: relative;
    float: left;
    padding-left: 25px;
    margin-top: -20px;
    /*top: -20px;*/
    width: 280px;
    /*height:12px;*/
    line-height: normal;
}

.olclass {
    padding-left: 40px;
}


.olliclass {
    list-style-type: inherit;
}

.ulclass {
    padding-left: 40px;
}

.ulliclass {
    list-style-type: disc;
}

.dialog-header-NewStyle {
    background-color: #0088cc;
    color: #ffffff;
    width: 100%;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    height: 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    text-align: left;
}

.dialog-content-NewStyle {
    background-color: white;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-left: 5px;
}


.closeLinkbutton {
    text-decoration: none;
    color: white;
}

.labelTabs {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}

    .labelTabs:before {
        font-family: fontawesome;
        font-weight: normal;
        margin-right: 10px;
    }


    .labelTabs:hover {
        color: #888;
        cursor: pointer;
    }

.sectionTabs {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}

input:checked + .labelTabs {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
}

input:checked + .sectionTabs {
    display: block;
}

.navbar-inverse {
    background-color: #1F5D2D;
    border-color: #1F5D2D;
    border-radius: 0px;
    font-size: 16px;
    margin-top: 10px;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus,
        .navbar-inverse .navbar-nav > .open > a,
        .navbar-inverse .navbar-nav > .open > a:hover,
        .navbar-inverse .navbar-nav > .open > a:focus,
        .navbar-inverse .navbar-nav > .active > a,
        .navbar-inverse .navbar-nav > .active > a:focus,
        .navbar-inverse .navbar-nav > .active > a:hover {
            background-color: #821E1E;
        }

.modal-header {
    background-color: #C9C9C9;
    color: #000;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.required-label:before {
    content: "*";
    color: red;
}
/*@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}*/
@media (min-width: 1200px) {
    /* .container {
        width: 960px;
    }*/
}

.row label {
    padding-top: 5px;
}

.phone-number .col-md-3::after {
    content: "-";
    position: absolute;
    right: 5px;
    color: black;
    border: 0px solid;
    top: 5px;
}

.phone-number .col-md-4 {
    width: 30%;
}

.phone-number .col-md-3, .phone-number .col-md-4 {
    padding-left: 0;
}

input[type='checkbox'], input[type='radio'] {
    padding: 0px 5px !important;
}

.page {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
    border-color: #fff;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.page-title {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #601817;
    border-bottom: solid 1px #d9534f;
    padding-bottom: 20px;
}

.card {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.card-header {
    background-color: #D5F5E3 !important;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.card-headerBS {
    background-color: #1C2759 !important;
    text-align: center;
    padding: 5px 5px 5px 5px;
    font-family: HelveticaNeueW01-75Bold;
    font-weight: normal;
    font-size: 18px;
    /*height: 35px;*/
    color: white
}

.List-ViewBSHdr {
    background-color: #1C2759 !important;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: white
}

    .List-ViewBSHdr th {
        color: #fff
    }

.card-title {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 5px 10px 0px;
    border-bottom: solid 1px #888888;
}

.card-body {
    /*  margin-top: 0px;
    margin-bottom: 10px;*/
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}

.table > thead > tr > th {
    background-color: #1C2759;
    text-align: center;
    color: #fff;
}

#container-wrapper {
    border: solid 1px #1F5D2D;
}

footer {
    border-top: solid 1px #1F5D2D;
    bottom: 0;
    left: 0;
    right: 0;
    height: 35px;
    text-align: center;
    color: #000;
}

    footer p {
        padding: 10.5px;
        margin: 0px;
        line-height: 100%;
    }

.cardbox {
    box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}

    .cardbox:hover {
        box-shadow: 8px 8px 16px 8px rgba(0,0,0,0.2);
        text-decoration: none;
    }

    .cardbox h5 {
        font-size: 19px;
        line-height: 1.375em;
        color: #000;
        margin-bottom: 20px;
    }

    .cardbox p {
        font-size: 14px;
    }

.details-button {
    /*box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.2);*/
    transition: 0.3s;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}

    .details-button:hover {
        box-shadow: 8px 8px 16px 8px rgba(0,0,0,0.2);
    }

img.expand {
    width: 65.740em;
    height: 85.00em;
}

/* Style the tab */
.tab {
    float: left;
    width: 150px;
    height: auto;
    padding-top: 39px;
}

.tabs_c {
    background-color: #f1f1f1;
    padding-left: 2px;
}

/* Style the buttons inside the tab */
.tablinks {
    display: block;
    background-color: #f1f1f1;
    color: black;
    padding: 6px 0px 6px 2px;
    width: 100%;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid black;
}

    /* Change background color of buttons on hover */
    .tablinks:hover, .tablinks.active {
        background-color: #821E1E;
        color: #fff;
        text-decoration: none;
    }

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 930px;
    height: auto;
}

.tooltip_p {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip_p .tooltip_p_text {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -60px;
    }

        .tooltip_p .tooltip_p_text::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    .tooltip_p:hover .tooltip_p_text {
        visibility: visible;
    }

.btn_p {
    color: #ffffff;
    background-color: #601817;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    padding: 7px 15px;
    background-image: linear-gradient(to bottom, #601817, #821E1E);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

    .btn_p:hover {
        color: #ffffff;
        background-color: #821E1E;
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        background-image: none;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

.btn_success {
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    text-decoration: none;
}

    .btn_success:focus,
    .btn_success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn_success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.navbar-brand-centered {
    position: absolute;
    left: 50%;
    display: block;
    text-align: center;
    background-color: transparent;
}

    .navbar-brand-centered h3 {
        margin: 0;
        margin-left: -30px;
        margin-top: -2px;
    }

.voffset {
    margin-top: 2px;
}

.voffset1 {
    margin-top: 5px;
}

.voffset2 {
    margin-top: 10px;
}

.voffset3 {
    margin-top: 15px;
}

.voffset4 {
    margin-top: 30px;
}

.voffset5 {
    margin-top: 40px;
}

.voffset6 {
    margin-top: 60px;
}

.voffset7 {
    margin-top: 80px;
}

.voffset8 {
    margin-top: 100px;
}

.voffset9 {
    margin-top: 150px;
}

.dd-form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.fs-dd-form-control {
    width: 100%;
    padding: 2px 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.logo-small {
    color: #f4511e;
    font-size: 50px;
}

.fa-spin {
    -webkit-transform-origin: 50% calc(50% - .5px);
    transform-origin: 50% calc(50% - .5px);
}

.navbar-login {
    width: 305px;
    padding: 10px;
    padding-bottom: 0px;
}

.navbar-login-session {
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.icon-size {
    font-size: 87px;
}

.navbar-nav {
    padding: 0px -15px !important;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color: #fff;
    cursor: pointer;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.header-icon-span {
    font-size: 32px;
    text-align: center;
    display: inline-block;
    padding: 10px 10px;
}

.header-text-span {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
}

@media (max-width: 575.98px) {
    .icon-size {
        font-size: 45px;
    }

    .header-icon-span {
        font-size: 24px;
        padding: 4px 4px;
    }

    .header-text-span {
        font-size: 16px;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .icon-size {
        font-size: 47px;
    }

    .header-icon-span {
        font-size: 26px;
        padding: 4px 4px;
    }

    .header-text-span {
        font-size: 18px;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-login {
        width: 305px;
        padding: 10px;
        padding-bottom: 0px;
        color: #fff;
    }

    .header-icon-span {
        font-size: 28px;
        padding: 6px 6px;
    }

    .header-text-span {
        font-size: 20px;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .icon-size {
        font-size: 67px;
    }

    .header-icon-span {
        font-size: 30px;
        padding: 6px 6px;
    }

    .header-text-span {
        font-size: 20px;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (min-width: 1200px) {
    .header-icon-span {
        font-size: 32px;
        padding: 8px 8px;
    }

    .header-text-span {
        font-size: 22px;
    }
}

.environmentmsg {
    width: 100%;
    font-weight: normal;
    color: red;
    font-family: 'HelveticaNeueW01-75Bold';
    /*position: absolute;
    left: 0;
    top: 10px;*/
}

.maintable {
    background-image: url(../Images/en/Oval.jpg) !important;
    background-position: right top;
    background-color: #ffffff;
    background-repeat: no-repeat;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
    zoom: 1;
    /*filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=3, Color='#19000000'), progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=5, Color='#19000000'), progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=7, Color='#19000000'), progid:DXImageTransform.Microsoft.dropshadow(OffX=7, OffY=9, Color='#19000000');*/
}

.banner-container {
    position: relative;
    text-align: center;
    color: white;
    background-color: #1C2759;
    border-radius: 15px;
}

.acct-cont-q {
    font-size: 18px;
}

.acct-cont-a {
    font-size: 18px;
}

body.my-login-page {
    background-color: #f7f9fb;
    font-size: 14px;
}

.my-login-page .brand {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin: 40px auto;
    box-shadow: 0 0 40px rgba(0,0,0,.05);
}

    .my-login-page .brand img {
        width: 100%;
    }

.my-login-page .card- fmv {
    width: 400px;
}

.my-login-page .card {
    border-color: transparent;
    box-shadow: 0 0 40px rgba(0,0,0,.05);
}

    .my-login-page .card.fat {
        padding: 10px;
    }

    .my-login-page .card .card-title {
        margin-bottom: 30px;
    }

.my-login-page .form-control {
    border-width: 2.3px;
}

.my-login-page .form-group label {
    width: 100%;
}

.my-login-page .btn.btn-block {
    padding: 12px 10px;
}

.my-login-page .margin-top20 {
    margin-top: 20px;
}

.my-login-page .no-margin {
    margin: 0;
}

.my-login-page .footer {
    margin: 40px 0;
    color: #888;
    text-align: center;
}

fieldset.sectioncontrol-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0.25rem !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.sectioncontrol-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}



#radioBtn .notActive {
    color: #3276b1;
    background-color: #fff;
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 0;
    /*border-bottom: 1px solid #eee;*/
}

h1, h2, h3, h4 {
    color: rgb(49,133,155);
}

h1 {
    font-size: 42px;
    color: #fff;
}

h2 {
    font-size: 30px;
    color: rgb(0, 139,172);
}

h3 {
    font-size: 24px;
    color: #0066CC;
    font-weight: bold;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

/*////////// updated css /////////////////////*/
.main-bg {
    /*background-image: url(../Images/en/Oval.jpg) !important;*/
    background-position: right top;
    background-repeat: no-repeat;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.5);
    margin-bottom: 30px;
    background-color: #ffffff;
}

.main-bg-inner {
    /*padding-right: 1.25rem !important;*/
    background-color: #fff;
}

.maf-page-content {
    border: 1px solid #1C2759;
    border-radius: 15px;
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-header {
    border-bottom: none;
    position: relative;
    color: #001F5B
}

.maf-page-header-back-btn {
    position: absolute;
    left: 0;
}

.maf-page-content > div {
    width: 100%;
}

.maf-home-section {
    width: 100%;
}

.maf-home-section-inner {
    /* padding: 0 15px 15px;*/
}
/*/////// text styles ////////*/
.maf-para {
    /*font-family: HelveticaNeueW01-75Bold;*/
    font-weight: normal;
    font-size: 14px;
    /*text-align:justify;*/
}

.click-here-text {
    font-weight: normal;
    font-size: 14px;
}

.text-font13 {
    font-family: 'Helvetica W01 Light';
    font-weight: normal;
    font-size: 13px;
    text-align: justify;
}

.npp-at-the-rate-symbol {
    font-size: 14px;
    display: inline;
    position: relative;
    top: 3px;
}

.cdr-license-trademark {
    font-size: 1.2rem;
    display: inline;
    position: relative;
    bottom: 20px;
}

.npp-at-rate-block .tooltip {
    left: calc(50% - 18px);
    display: inline-block;
    width: 250px;
}

    .npp-at-rate-block .tooltip .tooltiptext {
        position: relative;
        top: -92px;
        width: 250px;
        left: 70px;
    }

    .npp-at-rate-block .tooltip:hover .tooltiptext {
        display: inline-block;
    }

.maf-query {
    width: 100%;
    display: flex;
}

.maf-query-star {
    width: 10px;
}

.maf-query-text {
    width: calc(100% - 10px);
    font-family: "HelveticaNeueW01-75Bold";
}

.maf-default-bold {
    font-family: "HelveticaNeueW01-75Bold";
}
/*ErrorMessageLabel => font - 16, light, red*/
.maf-error-msg-label {
    color: #ff0000;
}

.npp-certify-finding-para {
    text-align: left;
}
/*/////// End text styles ////////*/
/*////// button ////////*/
.btn {
    font-family: "HelveticaNeueW01-75Bold";
}

btn-info .btn-steps-primary {
    font-size: 1.21rem;
}

.btn:focus,
.btn-info:active:focus,
.btn-primary:focus,
.btn-primary:active:focus {
    box-shadow: 0 0 0 0.15rem rgb(11 172 204 / 50%);
}

.maf-btn {
    margin: 0 5px;
}

    .maf-btn i {
        margin-right: 5px;
    }

.maf-btn-primary {
    color: #fff;
    background-color: #1C2759;
    border-color: #1C2759;
}

.maf-btn-secondary {
    color: #1C2759;
    background-color: #fff;
    border-color: #1C2759;
}

.maf-btn-primary:focus,
.maf-btn-primary:active,
.maf-btn-primary:hover {
    box-shadow: none;
    background-color: #1C2759;
}

.maf-btn-secondary:hover {
    color: #fff;
    background-color: #1C2759;
}

.maf-btn-primary.btn-primary:disabled,
.maf-btn-primary.btn-primary.disabled {
    color: rgba(255,255,255, .4);
    /*background-color: #1C2759;
    border-color: #1c2759;*/
    border-color: gray;
    opacity: 1;
}

.maf-btn-bold {
    font-family: 'HelveticaNeueW01-75Bold';
}
/*////// End button ////////*/
/*////// Form  ////////*/
.maf-form-side-header,
.maf-form-side-header * {
    font-family: 'HelveticaNeueW01-75Bold';
    font-size: 16px;
    color: #001F5B
}

.maf-field-msg {
    line-height: 14px;
    font-size: 13px;
    font-family: "Helvetica W01 Light"
}

.maf-col-form-label {
    font-family: 'HelveticaNeueW01-75Bold';
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

.maf-col-form-spellcheck {
    display: flex;
}

.maf-col-form-label-spellcheck {
    width: calc(100% - 100px);
}

.maf-col-form-value-spellcheck {
    width: 100px;
}

.maf-form-label-one-line {
    line-height: 30px;
    font-family: 'HelveticaNeueW01-75Bold';
    font-size: 1rem;
}

.maf-error-msg-label {
    font-family: "Helvetica W01 Light";
    font-size: 13px;
    color: #ff0000;
}

.asterisk {
    color: #ff0000;
}

a.input-group-text {
    text-decoration: none;
    color: #001F5B
}

.maf-form-align-label {
    text-align: right;
    font-family: 'HelveticaNeueW01-75Bold';
}

.maf-form-align-value {
    text-align: left;
}

.pnl-examp-info-popup .maf-btns-block {
    text-align: left;
}
/*.maf-form-phone-after{position:relative;}
.maf-form-phone-after .form-control::after {
    content: "----------";
    position: absolute;
}*/
.form-control-max-width {
    max-width: 300px;
    width: 100%;
}
/*////// End Form  ////////*/
/*////// table  ////////*/
/*/// grid classes ///*/
.border-bottom-left-radius {
    border-bottom-left-radius: 8px !important;
}

.border-bottom-right-radius {
    border-bottom-right-radius: 8px !important;
}

.border-top-right-radius {
    border-top-right-radius: 8px !important;
}

.border-top-left-radius {
    border-top-left-radius: 8px !important;
}

.maf-card-table {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.625rem;
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
    overflow: hidden;
}

    .maf-card-table table {
        margin-bottom: 0;
    }

        .maf-card-table table tr:last-child td:first-child {
            border-bottom-left-radius: .625rem;
        }

.maf-table-pagination-inner {
    margin-top: 10px;
}

.maf-table-pagination .PagerCurrent {
    font: 12px Verdana;
    color: #fff;
    border: solid 1px #393f4f;
    border-radius: 2px;
    padding: 6px 8px;
    background-color: #3f4a67;
    margin: 0 1px 0 1px;
}

.maf-default-table th {
    background-color: #1C2759;
    color: #fff;
    text-align: center;
}

.maf-default-table td > *,
.maf-default-table td {
    color: #212529
}

    .maf-default-table td a {
        color: #1C2759;
        text-decoration: none;
    }

        .maf-default-table td a:hover {
            color: #1C2759;
            text-decoration: underline;
        }

        .maf-default-table td a i {
            color: #0d6efd
        }

.maf-card-table-res {
    padding: 0;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.625rem;
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
}

.maf-card-data-table-res {
    padding: 0;
    box-shadow: none;
}

    .maf-card-data-table-res table,
    .maf-card-table-res table {
        margin-bottom: 0;
    }

        .maf-card-table-res table > thead > tr > th {
            background-color: #1C2759;
            border-color: #1C2759;
            color: #fff;
        }
/*////// End table  ////////*/
.navbar.maf-nav-bar {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 5px;
    background: rgb(0,26,71);
    background: linear-gradient(180deg, rgba(0,26,71,1) 0%, rgba(0,35,99,1) 50%, rgba(0,26,71,1) 100%);
    border-radius: 4px;
    background-image: none;
    background-color: rgb(0,26,71);
}
/*.maf-nav-bar-menu{
    width:100%;
}
.maf-nav-bar-menu .navbar-nav{
    justify-content: space-between
}*/
.js-navbar-collapse .nav-item {
    /*font-weight:bold;*/
    background: rgb(0,26,71);
    background: linear-gradient(180deg, rgba(0,26,71,1) 0%, rgba(0,35,99,1) 50%, rgba(0,26,71,1) 100%);
    /*//////////*/
    background-image: none;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

    .js-navbar-collapse .nav-item:hover,
    .js-navbar-collapse .nav-item.active {
        background-color: #29447E; /*#fff;*/
        background: rgb(19,69,156);
        background: linear-gradient(180deg, rgba(19,69,156,1) 0%, rgba(24,88,201,1) 25%, rgba(26,95,215,1) 50%, rgba(24,88,201,1) 75%, rgba(19,69,156,1) 100%);
        /*///// orange active and hover on menu /////*/
        background-color: transparent;
        background-image: none;
    }

    .js-navbar-collapse .nav-item.active {
        background-color: transparent;
    }

    .js-navbar-collapse .nav-item .nav-link {
        font-weight: 700;
        font-size: 1rem;
        padding-bottom: 0.4rem;
        padding-top: 0.4rem;
        /*/////////////*/
        border-radius: 4px;
        margin: 0 2px;
        transition: all .1s;
    }

    .js-navbar-collapse .nav-item:hover .nav-link,
    .js-navbar-collapse .nav-item.active .nav-link {
        color: #1C2759 !important;
        background-color: #fed18b;
    }



.maf-player-search {
    padding: 10px 24px;
}

.maf-section {
    margin-bottom: 20px;
}

    .maf-section .section {
        height: 100%;
        padding-bottom: 10px;
        border-radius: 10px;
    }

    .maf-section .header {
        width: 100%;
        height: auto;
        text-align: center;
        background-color: #1c2759;
        font-weight: 700;
        color: #fff;
        line-height: 37px;
        height: 37px;
        font-size: 18px;
        border-radius: 10px 10px 0 0;
        font-family: HelveticaNeueW01-75Bold;
        font-weight: normal;
    }

    .maf-section .content {
        width: 100%;
        padding: 10px 12px;
        background-color: #fff;
        /*color: #000000;*/
        /*font-size:16px;*/
        /*line-height:24px;*/
        /*font-weight:400;*/
        margin-bottom: 2px;
        border-radius: 0 0 10px 10px;
    }

.maf-header-block {
    margin-bottom: 10px;
}

.maf-header-block-inner {
}

.maf-header-block .header {
    width: 100%;
    padding: 5px;
    height: auto;
    text-align: center;
    background-color: #1c2759;
    font-weight: normal;
    color: #fff;
    /*line-height: 37px;*/
    min-height: 27px;
    font-size: 18px;
    border-radius: 10px 10px 0 0;
    font-family: 'HelveticaNeueW01-75Bold';
}

.maf-header-block .section {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px 12px;
    background-color: #fff;
    color: black /*#001F5B;*/;
    /*font-size: 16px;*/
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 2px;
    border: none;
    /*border-radius: 10px;*/
}

.maf-header-block .content {
    width: 100%;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    border: 1px solid #1c2759;
}

.spanFontBold {
    font-family: HelveticaNeueW01-75Bold;
    font-weight: normal;
}
/*sub header block*/
.maf-sub-header-block .section {
    border: none;
    padding: 0;
}

.maf-date-control {
    position: relative;
}

    .maf-date-control td {
        width: 100%;
    }

    .maf-date-control input[type=text] {
        display: block;
        width: 100% !important;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .maf-date-control input[type=image] {
        position: absolute;
        top: 12px;
        right: 23px;
    }

.maf-player-search-form .form-label {
    font-family: HelveticaNeueW01-75Bold;
    font-size: 13px;
    line-height: 30px;
}

.card .maf-player-search-table {
    margin-bottom: 0;
}

.maf-player-search-table th {
    background-color: #1c2759;
}

    .maf-player-search-table th span {
        display: block;
        text-align: center;
    }

/* Neuropsychologist Locator header style */
h4.np-locator-header {
    color: rgba(29,39,88,1.00);
    font-family: 'HelveticaNeueW01-75Bold';
    font-weight: normal;
}

.contact-admin-info {
    font-family: 'HelveticaNeueW01-75Bold';
    font-weight: normal;
    font-size: 0.875rem;
}

.exam-np-page-header {
    color: #001F5B;
    margin: 15px 0;
}

/* maf portal upload docs */
.maf-upload-doc-neurosyc {
    width: 100%;
    display: flex;
}

.maf-upload-doc-neurosyc-text {
    width: auto;
    display: flex;
    font-family: HelveticaNeueW01-75Bold
}

.maf-upload-doc-neurosyc-table {
    display: flex;
    margin-left: 15px;
}

    .maf-upload-doc-neurosyc-table table {
        margin-top: -7px;
        margin-left: 5px;
        width: 110px;
    }

        .maf-upload-doc-neurosyc-table table td input[type='radio'] {
            margin-right: 5px;
        }

.maf-upload-check-para {
    display: flex;
}

.maf-upload-check {
    width: 35px;
    padding-right: 10px;
    text-align: right;
}

.maf-upload-check-para .maf-para {
    width: calc(100% - 40px)
}

.maf-upload-info {
    display: flex
}

.maf-upload-info-label {
    width: 60%;
    text-align: right;
    font-family: HelveticaNeueW01-75Bold
}

.maf-upload-info-data {
    width: 40%;
}

.maf-upload-info-column-1 .maf-upload-info-label {
    width: 50%;
    text-align: right;
}

.maf-upload-info-column-1 .maf-upload-info-data {
    width: 50%;
}

.maf-upload-info-column-1 {
}
/* maf portal upload docs */
/*///////////// Qualifying Diagnosis  //////////////*/
.maf-upload-doc-qual-diag .que-dia-cell {
    padding-bottom: 0;
}

.que-dia-cell {
    padding-left: 20px;
}

    .que-dia-cell input[type=checkbox] {
        margin-right: 10px;
    }

    .que-dia-cell select.form-select {
        display: inline-block
    }
/*///////////// End Qualifying Diagnosis  //////////////*/
/*///////////// Examining neuropsychologist  //////////////*/
.maf-exam-neuro-map {
    border-top: 1px solid #ccc;
}
/*///////////// End examining neuropsychologist  //////////////*/
/*//////// maf modal popup //////////*/
.maf-modal-popup {
    width: 600px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #001f5b;
}

.maf-modal-popup-inner {
}

.maf-modal-popup .modalPopup-header {
    background-color: #001F5B;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
}

.maf-modal-popup-close-icon {
    position: absolute;
    right: 20px;
}

.maf-modal-popup .maf-modal-content {
    margin: 10px 25px 0;
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.maf-modal-popup .maf-modal-footer {
    padding: 20px 25px 25px 0;
}

.maf-upload-doc-modal-popup {
    width: 850px
}

.contact-claims-administrator-popup {
    width: 850px;
}

.phys-info-popup {
    width: 650px;
}

.pnl-report-upload-doc-popup {
    width: 900px;
}

.pnl-examp-info-popup {
    width: 850px;
}

.upload-prelim-doc-modal-popup {
    width: 700px;
}

/*//////// end maf modal popup //////////*/
/*//////// end mile-150 warning //////////*/
.maf-mail-150-modal-popup .modalPopup-header {
}

.maf-modal-popup-close {
    position: absolute;
    right: 15px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

    .maf-modal-popup-close:hover {
        color: #fff;
        text-decoration: none;
    }

    .maf-modal-popup-close i {
    }

.maf-mail-150-modal-popup .maf-para {
    margin-bottom: 0;
}
/*//////// maf appointment list page //////////*/
.maf-add-app-list-date-control {
    height: 40px;
}
/*////////end  maf appointment list page //////////*/
/*//////// maf accordian  //////////*/
.maf-accordion-header {
    display: flex;
    cursor: pointer;
    font-family: HelveticaNeueW01-75Bold;
    font-weight: normal;
}

.maf-accordion-header-title {
    width: calc(100% - 60px);
    margin-left: 30px;
}

.maf-accordion-header-icon {
    width: 30px;
    text-align: center;
}

    .maf-accordion-header-icon i {
        font-size: .9rem;
        transform: rotate(0deg);
        transition: transform .2s linear;
    }

        .maf-accordion-header-icon i.fa-rotate-180 {
            transform: rotate(180deg);
            transition: transform .2s linear;
        }

/*//////// end maf accordian  //////////*/
/*//////// card reference Material  //////////*/
.card-headerBS-2 {
    background-color: #FAA61A !important
}

.card-ref-mat {
    display: flex;
}

.card-ref-mat-num {
    width: 25px;
}

.card-ref-mat-text {
    width: calc(100% - 25px);
}
/*//////// end card reference Material  //////////*/
.home-container {
}

.home-message-block {
    position: absolute;
    top: -55px;
    width: 100%;
    text-align: center;
}

.home-msg-space {
    margin-top: 60px;
    position: relative;
}

.maf-home-top-msg /*span, .maf-home-top-msg a, .lnk-text-style a */ {
    margin-bottom: 0;
    color: red;
    font-family: HelveticaNeueW01-75Bold;
    font-weight: normal;
}

    .maf-home-top-msg a {
        color: red;
        font-size: 18px;
    }
/*/////////////// npp player info banner   //////////////////////*/
.card-headerBS-title {
    width: calc(100% - 44px);
    margin-left: 20px;
}

.card-headerBS-icon {
    width: 24px;
    position: relative;
    right: 30px;
}

.npp-player-info-bnr {
}

.npp-player-info {
    display: flex;
}

.npp-player-info-label {
    width: 45%;
    text-align: right;
    font-family: HelveticaNeueW01-75Bold
}

.npp-player-info-value {
    width: calc(55% - 5px);
    margin-left: 5px;
    text-align: left;
}

.npp-exam-guide-btn-block {
    font-family: HelveticaNeueW01-75Bold
}

.btn-npp-cnt-claim-admin {
    float: right;
}

.exam-checklist {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

    .exam-checklist .btn {
        font-family: HelveticaNeueW01-75Bold;
        width: 100px;
    }

.exam-checklist-label {
    width: calc(100% - 110px);
    display: inline-block;
    text-align: left;
    margin-right: 10px;
    font-family: HelveticaNeueW01-75Bold;
}

.npp-report-btns {
    margin-top: 5px;
}

.npp-report-left-btns {
    text-align: left;
}

.npp-report-right-btns {
    text-align: right;
}

.npp-report-btns .btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.npp-examp-guide-page-btns {
}

.npp-examp-guide-page-btns-left {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.npp-examp-guide-page-btns-right {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*.maf-view-doc-table,*/
.maf-table-qns {
    width: 100%;
}

    .maf-table-qns th {
        width: 14%
    }

.maf-view-doc-table th:last-child {
    width: 100px;
}

.npp-cf-exam-details .npp-player-info .npp-player-info-label,
.npp-cf-exam-details .npp-player-info .npp-player-info-value {
    width: calc(55% - 3px);
}

.npp-exam-guide-checklist-card .npp-exam-guide-box {
    border: 1px solid #ddd;
    border-radius: 4px;
    border-left-width: 40px;
    border-left-color: #1C2759;
    border-left-color: rgba(254,209,139,1);
}

.npp-exam-guide-box {
    /*border-color: rgb(28 39 89 / 30%) !important;*/
    transition: all .12s;
}

    .npp-exam-guide-box:hover {
        box-shadow: 0 2px 5px rgba(0,0,0,.4);
        border-left-color: #1C2759;
    }

.npp-exam-guide-box-btn {
    justify-content: end;
}

.npp-exam-guide-box {
    /*border-color: rgb(254 209 139 / 80%) !important;*/
    /*background-color: #f2f2f2;*/
    /*background-color: rgb(254 209 139 / 20%);*/
    /*box-shadow: 0 2px 5px rgb(254 209 139 / 50%);*/
    transition: all .15s;
}
/*.npp-exam-guide-box .exam-checklist .btn {
    font-family: HelveticaNeueW01-75Bold;
    width: 100px;
    background-color: rgb(254 209 139 / 100%) !important;
    width: 100px;
    border-color: rgb(242 180 84);
    color: #1c2759 !important;
}
.npp-exam-guide-box .exam-checklist .btn:focus{
    box-shadow:0 0 0 0.2rem rgb(254 209 139 / 30%)
}*/
.exam-checklist-bar-title {
    font-family: HelveticaNeueW01-75Bold;
    font-size: 20px;
    color: #1c2759
}

.npp-exam-guide-box .exam-checklist .col-md-12:nth-child(1) span {
    color: #1c2759
}

.npp-exam-guide-box:hover {
    /*box-shadow: 0 2px 5px rgb(254 209 139 / 50%);*/
    /*background-image: linear-gradient(180deg, rgba(254,209,139,0.1) 0%, rgba(254,209,139,0.4) 100%);*/
}

.demo-exam-guide-cards-section > div {
    display: flex;
}

.demo-exam-guide-cards-section .card {
    width: 100%;
    background-color: #f9f9f9;
    /*background-image: radial-gradient(rgba(254,209,139,0.1), rgba(254,209,139,0.4));*/
    box-shadow: 0 30px 30px -25px rgb(0 0 0 / 40%);
    border-top: 5px solid rgba(254,209,139,1);
    transition: all .15s;
}

    .demo-exam-guide-cards-section .card:hover {
        box-shadow: 0 30px 40px -20px rgb(0 0 0 / 40%);
        /*transform:scale(1.01);*/
    }

.demo-exam-guide-cards-section .btn {
    color: White;
    background-color: #1C2759;
    min-width: 100px;
}

.demo-exam-guide-cards-section .card-title {
    color: #1c2759;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 20px;
    font-weight: 400;
    border-bottom-color: rgba(254,209,139,1)
}

.demo-exam-guide-cards-section .card-text {
    height: 49px;
}
/*/////////////// end npp player info banner   //////////////////////*/
/*//////////////// npl send mail dialog ///////////////////*/
.pnl-send-mail-dialog {
    width: 720px;
}

    .pnl-send-mail-dialog .modalPopup-text {
        padding: 10px 25px;
    }

.pnl-send-email-label {
    text-align: right;
}

.pnl-send-email-textarea {
    width: 92%;
}

.pnl-send-email-spellcheck {
    width: 92%;
    text-align: right;
    position: relative;
}

    .pnl-send-email-spellcheck > span {
        font-size: 14px;
    }
/*//////////////// end  npl send mail dialog ///////////////////*/
/*/////////////////// master page styles //////////////////*/
.environmentmsg {
    font-size: 13px;
}

.npp-devlopment-text {
    text-align: center;
}

.npp-admin-logout-actions {
    text-align: right;
}
/*/////////////////// end master page styles //////////////////*/
/*////////////// card label and value ///////////////////*/

.maf-card-info {
    display: flex;
}

    .maf-card-info .maf-card-label,
    .maf-card-info .maf-card-value {
        padding-left: 5px;
        padding-right: 5px;
    }

.maf-card-label {
    width: 45%;
    text-align: right;
    font-family: "HelveticaNeueW01-75Bold";
}

.maf-card-value {
    width: calc(55% - 5px);
    margin-left: 5px;
    text-align: left;
}
/*////////////// end card label and value ///////////////////*/
.maf-all-exams-grid {
    width: 100%;
}

.npp-deviation-radio-template {
    width: 300px;
    float: right;
}

    .npp-deviation-radio-template td label {
        padding-top: 0;
    }

.maf-all-exams-grid td .dtr-details .dtr-title {
    display: block;
}

.maf-all-exams-grid td .dtr-details .dtr-data {
    display: block;
}
/*///////////////// NPP PrepfrExam form cards /////////////////*/
.prep-appt-exam {
    font-size: 14px;
}

.form-card-tabs {
    display: flex;
    margin: 20px auto;
    justify-content: center;
}

.form-card-tabs {
}

.form-card-btn {
    padding: 1rem 1.5rem;
    margin: 0 50px 5px 0;
    font-size: 1.30rem;
    font-family: "HelveticaNeueW01-75Bold";
}

    .form-card-btn.btn-secondary {
        color: #fff;
        background-color: #9C9C9C;
        border-color: #9C9C9C;
    }
        /*.form-card-btn.btn-secondary:hover{
    color: #fff;
    background-color: #B7B7B7;
    border-color: #B7B7B7;
}*/
        .form-card-btn.btn-secondary:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, .4);
        }

    .form-card-btn.btn-success:focus {
        box-shadow: 0 0 0 0.2rem rgb(11 172 204 / 50%)
    }

    .form-card-btn.btn-secondary:hover,
    .form-card-btn.btn-success {
        color: #fff;
        background-color: #1C2759;
        border-color: #1C2759;
    }

        .form-card-btn.btn-success:hover {
            color: #fff;
            background-color: rgba(28, 39, 89, .9);
            border-color: rgba(28, 39, 89, .9);
        }

.form-card-title-one {
    margin: 0
}

.form-card-title-two {
    margin: 0;
}

.form-card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.form-card-dynamic {
    display: flex;
    flex-direction: column;
    min-width: 140px;
    width: 250px;
    height: 250px;
    margin: 20px;
    border: 2px solid gray;
    padding: 3px;
    box-shadow: 0.3rem 0.3rem 0.2rem rgb(0 0 0 / 20%);
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 1.21rem;
    font-family: inherit;
    line-height: 1.2;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
    border: 1px solid #ddd;
    border-top: 3px solid #fed18b;
    box-shadow: 0 30px 30px -25px rgb(0 0 0 / 40%);
    padding: 0 5px;
    transition: all .2s;
}

    .form-card-dynamic:hover {
        box-shadow: 0 30px 40px -20px rgba(0,0,0,.4);
    }

    .form-card-dynamic a {
        color: #1D2758;
        text-decoration: none;
        background-color: transparent;
        border: none;
        font-size: 1.21rem;
        font-weight: 700;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        -webkit-text-decoration-skip: objects;
    }

        .form-card-dynamic a:hover {
            box-shadow: none;
            text-decoration: underline;
        }

.form-card-text-block {
    display: flex;
    flex-direction: column;
    min-width: 140px;
    width: 202px;
    height: 250px;
    margin: 20px;
    justify-content: center;
}

.form-card-hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.form-card-inner-header {
    font-size: 18px;
    color: #222;
}

.form-card-content {
    display: none;
}
/*///////////////// end form cards /////////////////*/
/*///////////////// CDR Work sheet /////////////////*/
.cdr-work-sheet-panel2 table {
    margin-left: 15px;
}

.cdr-worksheet-panel4-table {
    width: 430px;
    float: right;
}

    .cdr-worksheet-panel4-table td > * {
        float: left;
    }

    .cdr-worksheet-panel4-table td > label {
        width: calc(100% - 20px);
        margin-left: 5px;
    }

    .cdr-worksheet-panel4-table td > input {
        margin-top: 11px;
    }

.cdr-query-label > :first-child {
    padding-left: 10px;
}

.maf-query-options-block {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.maf-query-label {
    width: 65%;
    padding-left: 10px;
}

.maf-query-options {
    width: 35%;
}

.maf-query-options-table {
}

/*///////////////// end CDR Work shet /////////////////*/
/*///////////////// CDR assessment /////////////////*/
.cdrassess-form-fun-imp .form-control-max-width {
}

.title-v-center {
    display: flex;
    align-items: center;
}

.cdr-ass-pnl-sec1 .radioclass {
    display: inline-block;
}

/*///////////////// end CDR assessment /////////////////*/
/*///////////////// view document table /////////////////*/
.view-doc-dropdown-form {
    display: flex;
}

.view-doc-dropdown-label {
    text-align: left;
    width: auto;
    margin-top: 5px;
}

.view-doc-dropdown {
    width: 300px;
}
/*///////////////// end view document table /////////////////*/
/*///////////////// home page 3 boxes  /////////////////*/
.maf-home-rounded-btns {
    text-align: center
}

    .maf-home-rounded-btns .btnBSYellow {
        text-align: center;
        width: 195px !important;
        height: 195px;
        border-radius: 50%;
        border: 5px solid #f2c784;
        line-height: 1.5rem;
        transition: all .2s;
    }

/**/
.home-action-card {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 400px;
    min-height: 100px;
    margin-bottom: 10px;
}

.home-action-card-body {
    overflow: auto;
    height: 150px;
}

.card-header-trans-btn {
    background-color: transparent;
    border: none;
    color: #fff;
}

.maf-home-toast-block-anchor {
    text-decoration: none;
}

.maf-home-toast-block {
    display: flex;
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
    border-radius: 10px;
    border: 1px solid #e7e5e5;
    transition: all .2s ease-in-out;
    min-height: 150px;
}

.maf-home-toast-icon {
    background-color: #f2c784; /*#001F5B;*/
    width: 70px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 10px 0 0 10px;
}

    .maf-home-toast-icon i {
        color: #001F5B; /*#fff;*/
        font-size: 2rem;
        transition: all .2s ease-in-out;
    }

.maf-home-toast-block:hover .maf-home-toast-icon {
    background-color: #001F5B; /*#fed18b;*/
}

.maf-home-toast-block:hover {
    box-shadow: 8px 8px 8px 8px rgb(0 0 0 / 20%)
}

    .maf-home-toast-block:hover i {
        color: #fff /*#001F5B*/ /*#fed18b*/;
    }

.maf-home-toast-block .card-header-trans-btn {
    text-decoration: none;
}

.maf-home-toast-content {
    width: calc(100% - 70px);
    padding: 15px;
}

.maf-home-toast-title {
    color: #001F5B;
    font-size: 1.4rem;
    font-weight: 600;
}

    .maf-home-toast-title .card-header-trans-btn {
        color: #001F5B;
        font-size: 1.4rem;
        font-weight: 600;
        text-align: left;
        text-decoration: none;
        margin-bottom: 0;
    }

.maf-home-toast-msg {
    text-align: justify;
    /*font-size: 14px;*/
    text-decoration: none;
    color: #212529
}
/*///////////////// end home page 3 boxes  /////////////////*/
/*///////////////// certify findings  /////////////////*/
.npp-diag-date-form [class^="col-"],
.npp-diag-date-form [class*=" col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
/*///////////////// end certify findings  /////////////////*/


/*////////////////// Data Table icons styles /////////////////////*/
.maf-data-table {
    border-radius: 8px;
}

.maf-card-data-table-res {
    border: none;
}

.maf-view-doc-table {
    width: inherit !important
}

.maf-data-tabletable.dataTable.no-footer {
    border-bottom-color: #ccc;
}

.maf-data-table thead th:first-child {
    border-top-left-radius: 8px;
}

.maf-data-table thead th:last-child {
    border-top-right-radius: 8px;
}

.maf-data-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.maf-data-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.maf-data-table-wrapper div.dataTables_wrapper div.dataTables_length,
.maf-data-table-wrapper div.dataTables_wrapper div.dataTables_info {
    text-align: left;
}

.maf-data-table-wrapper div.dataTables_wrapper div.dataTables_filter label {
    margin-right: 5px;
}

.maf-data-table-wrapper div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
}

.maf-data-table-wrapper div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
}
/*
table.dataTable thead .sorting {
    background-image: url(../App_Themes/images/sort_both.png) !important;
}
table.dataTable thead .sorting.sorting_asc {
    background-image: url(../App_Themes/images/sort_asc.png) !important;
}
table.dataTable thead .sorting.sorting_desc {
    background-image: url(../App_Themes/images/sort_desc.png) !important;
}

.dataTables_length,
.dataTables_filter{
    margin-bottom:10px;
}
.dataTables_paginate {
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background-color:#1C2759;
    color:#fff !important;
    border-color:#1C2759;
    background-image:none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #1C2759;
    color: #fff !important;
    border-color: #1C2759;
    background-image: none;
}*/
/*////////////////// End Data Table icons styles /////////////////////*/
/*////////////////// map styles /////////////////////*/
.bsn-map-address {
    height: 500px !important;
    overflow-y: auto;
    width: 325px;
    margin: 0 auto;
}

.bsn-map-locator {
    height: 97% !important;
    width: 100%;
}

.bsn-map-address-card {
    border: 1px solid #ddd;
    box-shadow: 0 0px 5px rgb(0 0 0 / 40%);
    margin-bottom: 10px
}
/*////////////////// End map styles /////////////////////*/
/*////////// end updated css /////////////////////*/
.radioclass input {
    margin: 0px 5px;
}


.border-md-right {
    border-right: 1px solid silver;
}



.btnBSYellow {
    color: black;
    background-color: #f2c784;
    vertical-align: middle;
    cursor: pointer;
    font-size: 20px;
    line-height: 55px;
    text-align: center;
    border: 1px;
    /*border-style:solid;*/
    padding: 10px 25px 10px 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 12px;
    white-space: normal;
    font-family: HelveticaNeueW01-75Bold;
}

    .btnBSYellow:hover {
        background: #f5bd3a;
    }

@media (min-width: 992px) and (max-width: 1999px) {
    .environmentmsg {
        font-size: 14px;
    }

    legend.sectioncontrol-border {
        font-size: 1.0em !important;
    }
}

@media (max-width: 1366px) {
    .js-navbar-collapse .nav-item .nav-link {
        font-size: 0.875rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*.environmentmsg {
        font-size: 12px;
    }*/

    legend.sectioncontrol-border {
        font-size: 0.95em !important;
    }
}

@media (max-width: 992px) {
    .maf-nav-bar > div {
        padding-left: 0;
        padding-right: 0;
    }

    .maf-nav-bar .navbar-toggler:focus {
        box-shadow: none;
    }

    .js-navbar-collapse .nav-item,
    .js-navbar-collapse .nav-item:hover,
    .js-navbar-collapse .nav-item.active {
        background-image: none;
    }

        .js-navbar-collapse .nav-item:hover,
        .js-navbar-collapse .nav-item.active {
            background-color: #29447E;
        }

    .js-navbar-collapse .nav-item {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 5px;
    }

        .js-navbar-collapse .nav-item .nav-link {
            padding-top: 0.9rem;
            padding-bottom: 0.9rem;
            padding-left: 15px;
        }

    .pnl-report-upload-doc-popup {
        width: 95%;
    }

    .pnl-examp-info-popup {
        width: 90%;
    }

    .maf-upload-doc-modal-popup,
    .contact-claims-administrator-popup {
        width: 750px;
    }

    .view-doc-dropdown-label {
        width: calc(100% - 300px);
    }

    .home-action-card {
        height: auto;
    }

    .home-action-card-body {
        height: auto;
    }
}

@media (max-width: 767px) {
    /* .environmentmsg {
        font-size: 10px;
    }*/
    .maf-page-content .page-header .page_header {
        display: block;
        margin-top: 25px;
    }

    legend.sectioncontrol-border {
        font-size: 0.85em !important;
    }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 14px;
    }

    .border-md-right {
        border-right: none;
    }

    .npp-examp-guide-page-btns-left,
    .npp-examp-guide-page-btns-right,
    .npp-report-left-btns,
    .npp-report-right-btns {
        text-align: center;
    }

    .pnl-send-mail-dialog {
        width: 80%;
    }

    .maf-form-align-label,
    .pnl-send-email-label {
        text-align: left;
    }

    .pnl-send-email-textarea,
    .pnl-send-email-spellcheck {
        width: 100%;
    }

    .certify-finding-card .maf-form-align-label,
    .certify-finding-card .pnl-send-email-label {
        text-align: right;
    }

    .pnl-send-email-spellcheck > span {
        position: relative;
        top: 32px;
    }

    .npp-devlopment-text {
        text-align: left;
    }

    .pnl-examp-info-popup .maf-btns-block {
        text-align: center;
    }

    .maf-all-exams-grid {
        width: 680px;
    }

    .phys-info-popup {
        width: 80%;
    }

    .maf-player-search-form .maf-form-align-label,
    .maf-appt-search-form .maf-form-align-label,
    .phys-info-popup-form .maf-form-align-label {
        text-align: right;
    }

    .form-card-tabs {
        flex-direction: column;
    }

        .form-card-tabs .form-card-btn {
            width: 100%;
            margin-bottom: 10px;
        }

    .cdr-worksheet-panel4-table {
        width: calc(100% - 10px);
        padding: 0 5px;
    }

    .maf-query-options-block {
        flex-direction: column;
    }

    .maf-query-label,
    .maf-query-options {
        width: 100%;
    }

    .view-doc-dropdown-label,
    .view-doc-dropdown {
        width: 100%
    }

    .maf-modal-popup {
        width: 90%;
    }

    .maf-data-table-wrapper div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
        padding-right: 0
    }

    .maf-data-table-wrapper div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
        padding-left: 0;
    }

        .maf-data-table-wrapper div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child .dataTables_filter {
            text-align: left;
        }
}

@media (max-width: 576px) {
    /*.npp-player-info-label,
    .npp-player-info-value {
        text-align: center
    }*/

    .npp-exam-guide-btn-block {
        text-align: center;
    }

        .npp-exam-guide-btn-block .btn {
            float: none;
            margin-top: 10px;
        }

    .pnl-send-mail-dialog {
        width: 90%;
    }

    .npp-devlopment-text {
        text-align: center;
    }

    .certify-finding-card .maf-form-align-label,
    .certify-finding-card .pnl-send-email-label {
        text-align: left;
    }

    .npp-admin-logout-actions {
        text-align: center;
    }

    .pnl-report-upload-doc-popup,
    .pnl-examp-info-popup {
        width: 90%;
    }

    .maf-view-doc-table,
    .maf-table-qns {
        width: 575px;
    }

    .npp-deviation-radio-template {
        float: left;
    }

    .phys-info-popup {
        width: 90%;
    }

    .maf-player-search-form .maf-form-align-label,
    .maf-appt-search-form .maf-form-align-label,
    .phys-info-popup-form .maf-form-align-label {
        text-align: left;
    }

    .cdrassess-form-fun-imp .form-control-max-width {
        max-width: 100%;
    }

    .btn-import-assess-cdr-form {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .maf-upload-doc-neurosyc {
        flex-direction: column;
    }

    .maf-upload-doc-neurosyc-table {
        margin-left: 0;
    }

    .bsn-map-address {
        width: 100%
    }

    .npp-add-new-corbo-evidence-btns {
        text-align: center;
    }
}

@media screen and (max-width: 360px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 14px;
    }

    h5 {
        font-size: 12px;
    }

    .npp-deviation-radio-template {
        width: 230px;
    }
}

@media (min-width: 1200px) {
    .environmentmsg {
        font-size: 16px;
    }
}

/*----------------------------Exam Guide design-------------------------------*/
.npp-ExamGuide-toast-block-anchor {
    text-decoration: none;
}

.npp-ExamGuide-toast-block {
    display: flex;
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
    border-radius: 10px;
    border: 1px solid #e7e5e5;
    transition: all .2s ease-in-out;
    min-height: 80px;
}

.npp-ExamGuide-toast-icon {
    background-color: #f2c784; /*#001F5B;*/
    width: 100px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 10px 0 0 10px;
}

    .npp-ExamGuide-toast-icon i {
        color: #001F5B; /*#fff;*/
        font-size: 2rem;
        transition: all .2s ease-in-out;
    }

.npp-ExamGuide-toast-block:hover .npp-ExamGuide-toast-icon {
    background-color: #001F5B; /*#fed18b;*/
}

.npp-ExamGuide-toast-block:hover {
    box-shadow: 8px 8px 8px 8px rgb(0 0 0 / 20%)
}

    .npp-ExamGuide-toast-block:hover i {
        color: #fff /*#001F5B*/ /*#fed18b*/;
    }

.npp-ExamGuide-toast-block .card-header-trans-btn {
    text-decoration: none;
}

.npp-ExamGuide-toast-content {
    width: calc(100% - 80px);
    padding: 1px;
}

.npp-ExamGuide-toast-title {
    color: #001F5B;
    font-size: 1.4rem;
    font-weight: 600;
}

    .npp-ExamGuide-toast-title .card-header-trans-btn {
        color: #001F5B;
        font-size: 1.4rem;
        font-weight: 600;
        text-align: left;
        text-decoration: none;
        margin-bottom: 0;
    }

.npp-ExamGuide-toast-msg {
    text-align: justify;
    font-size: 14px;
    text-decoration: none;
    color: #212529
}
/*-------------------------------------------------------------------*/
.npp-ExamGuide-toast-dsn2-block-anchor {
    text-decoration: none;
}

.npp-ExamGuide-toast-dsn2-block {
    display: flex;
    /*box-shadow: 0 10px 20px rgb(0 0 0 / 20%);*/
    border-radius: 0px; /*10px;*/
    border: 1px solid #e7e5e5;
    transition: all .2s ease-in-out;
    min-height: 80px;
}

.npp-ExamGuide-toast-dsn2-icon {
    background-color: #f2c784; /*#001F5B;*/
    width: 50px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 0px; /*10px 0 0 10px;*/
    /* transition: width 1s;*/
}

    .npp-ExamGuide-toast-dsn2-icon i {
        color: #001F5B; /*#fff;*/
        font-size: 1.5rem;
        /*transition: font-size 1s;*/
    }

.npp-ExamGuide-toast-dsn2-block:hover .npp-ExamGuide-toast-dsn2-icon {
    background-color: #001F5B; /*#fed18b;*/
    width: 100px;
}


.npp-ExamGuide-toast-dsn2-block:hover {
    box-shadow: 8px 8px 8px 8px rgb(0 0 0 / 20%)
}

    .npp-ExamGuide-toast-dsn2-block:hover i {
        color: #fff /*#001F5B*/ /*#fed18b*/;
        font-size: 2rem;
    }

.npp-ExamGuide-toast-dsn2-block .card-header-trans-btn {
    text-decoration: none;
}

.npp-ExamGuide-toast-dsn2-content {
    width: calc(100% - 80px);
    padding: 1px;
}

.npp-ExamGuide-toast-dsn2-title {
    color: #001F5B;
    font-size: 1.4rem;
    font-weight: 600;
}

    .npp-ExamGuide-toast-dsn2-title .card-header-trans-btn {
        color: #001F5B;
        font-size: 1.4rem;
        font-weight: 600;
        text-align: left;
        text-decoration: none;
        margin-bottom: 0;
    }

.npp-ExamGuide-toast-dsn2-msg {
    text-align: justify;
    font-size: 14px;
    text-decoration: none;
    color: #212529
}

.BAPAdmin-form-align-label {
    text-align: right;
    font-family: 'HelveticaNeueW01-75Bold';
    margin-right: 0px;
}



/*location selctor*/

.location-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}

.top-location-search {
    flex: 1;
    margin-right: 10px;
}

    .top-location-search .form-control {
        padding-left: 40px;
        background: rgba(46, 55, 164, 0.05);
        border-radius: 12px;
        border: 0;
    }

.add-search a {
    background: rgba(46, 55, 164, 0.05);
    border-radius: 12px;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    color: #2E37A4;
    text-decoration: none;
}

.location-search-result .search-item {
    border: none;
    border-bottom: 1px solid lightgray;
}

    .location-search-result .search-item:hover {
        cursor: pointer;
        background-color: rgb(216, 240, 255);
        border-radius: 10px;
    }

.personal-info {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

    .personal-info li .title {
        color: #515365;
        float: left;
        font-weight: 500;
        margin-right: 30px;
        width: 15%;
        font-size: 14px;
    }

    .personal-info li .text {
        color: #888da8;
        display: block;
        overflow: hidden;
        font-size: 14px;
    }

.profile-info-right {
    border-left: 2px dashed #ccc;
}

.profile-info-left h3 {
    font-size: 20px;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important;
}

.info-msg {
    margin-top: 30px;
    font-weight: bold;
    background-color: #fed18b;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}

.profile-description-msg {
    background-color: rgba(46, 55, 164, 0.05);
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 0px;
}

.selected-location-item {
    border: none;
    background: rgba(46, 55, 164, 0.05);
    border-radius: 20px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delete-selection {
    cursor: pointer;
}

.btn-next-location-selection {
    margin-left: 20px;
}

.btn-back {
    margin-left: 20px;
}

.search-input-group {
    position: relative;
}

    .search-input-group .search-icon-btn {
        position: absolute;
        right: 0;
    }

.page-link.active {
    color: White;
    background-color: #1C2759;
}

.locator-selection-cointainer {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
}

.btn-selection {
    position: relative;
}

    .btn-selection .btn-delete {
        display: flex;
        justify-content: center;
        text-decoration: none;
        position: absolute;
        left: 0;
        right: 0;
    }

    .btn-selection .btn-delete .delete-text {
        margin-right: 5px;
        color: #ffff;
        display: none;
    }

    .btn-selection .btn-delete i {
    color: #ffff;
    display: none;
    }

    .btn-selection:hover .btn-delete .delete-text {
        display: block;
    }

    .btn-selection:hover .btn-delete i {
        display: block;
    }
    .btn-selection:hover .phy-name {
        color: #dc3545;
    }

    .btn-selection:hover {
        background-color: #dc3545;
        border-color: #dc3545;
    }

.text-white {
    color: #fff;
}