* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat-light';
}

.left_sec {
    float: left;
    width: 40%;
    margin: 0;
    padding: 10px 0;
}

.right_sec {
    float: left;
    width: 60%;
    margin: 0;
    padding: 10px 0;
}

    .left_sec h1, .right_sec h2 {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        text-align: left;
        color: #333;
        font-size: 14px;
        font-family: 'Montserrat-light';
    }

    .right_sec h2 {
        color: #1b85ca;
    }

.policy_details {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.policy_data {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.resp_tables table.dataTable tbody td, .resp_tables table.dataTable tbody th, .resp_tables table.dataTable thead th {
    text-align: left;
}

.resp_tables #example_wrapper .dataTables_length, .resp_tables #example_wrapper .dataTables_filter, .resp_tables #example_wrapper .dataTables_info, .resp_tables #example_wrapper .dataTables_paginate, .resp_tables #example-1_wrapper .dataTables_length, .resp_tables #example-1_wrapper .dataTables_filter, .resp_tables #example-1_wrapper .dataTables_info, .resp_tables #example-1_wrapper .dataTables_paginate {
    display: none;
}

.resp_tables table thead tr th {
    background: #7c256a;
    color: #fff;
    font-weight: normal;
    font-family: 'Montserrat-light';
}

.resp_tables table.dataTable.display tbody tr.even, .resp_tables table.dataTable.stripe tbody tr.even {
    background-color: #f2f3f9;
}

.policy_data .resp_tables table.dataTable thead tr:first-child th:first-child {
    text-align: left !important;
    width: 50% !important;
}

ul.detials_list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

    ul.detials_list h1 {
        float: left;
        width: 100%;
        margin: 15px 0 0 0;
        padding: 0;
        font-size: 16px;
        font-family: 'Montserrat-light';
    }

    ul.detials_list li {
        float: left;
        width: 100%;
        margin: 0 0 0 15px;
        padding: 0;
        list-style-type: square;
        list-style-position: outside;
        font-size: 14px;
    }

.main_policy, .member_policy_details {
    float: left;
    width: 100%;
    margin: 25px 0 0 0;
    padding: 0;
}

    .main_policy h1 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 16px;
        text-align: center;
        color: #3162d0;
    }

    .main_policy p {
        float: left;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        font-size: 12px;
        text-align: center;
    }

    .main_policy .border_lft_right {
        float: left;
        width: 100%;
        border-right: 1px solid #333;
        border-left: 1px solid #333;
        text-align: center;
    }

.border_right {
    border-right: 1px solid #333;
    border-right: 1px solid #333;
    float: left;
    width: 100%;
}

.table_data {
    float: left;
    width: 100%;
    margin-top: 25px;
}


    .table_data tr td a {
        padding: 10px;
        margin: 0;
        color: #3162d0;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

        .table_data tr td a:hover,
        .table_data tr td a:focus {
            text-decoration: underline;
        }

        .table_data tr td a svg {
            margin: 0 5px 0 0;
            font-size: 12px;
        }

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: #333;
    font-size: 13px;
    display: none;
}

.hospitals_list, .hospitals_list1, .hospitals_listCovid {
    float: left;
    width: 100%;
    min-height: 200px;
    max-height: 332px;
    background: #fff;
    overflow-y: scroll !important;
    margin-top: 15px;
    margin: 0;
    padding: 0px;
}

.hp_bdr {
    border: 1px solid #ececec;
    padding: 15px;
    max-height: 367px;
}

.policy_year {
    padding: 0px;
    margin-bottom: -56px;
    float: left;
    margin-top: 15px;
}

.hospitals_list ul, .hospitals_list1 ul, .hospitals_listCovid ul {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

    .hospitals_list ul li, .hospitals_list1 ul li, .hospitals_listCovid ul li {
        float: left;
        width: 100%;
        margin: 0;
        padding: 1px 0;
        list-style: none;
    }

        .hospitals_list ul li.active a, .hospitals_list1 ul li.active a, .hospitals_listCovid ul li.active a {
            float: left;
            width: 100%;
            margin: 0;
            padding: 10px;
            background: #ecf5ff;
            border-left: 2px solid #047bf8;
        }

        .hospitals_list ul li a, .hospitals_list1 ul li a, .hospitals_listCovid ul li a {
            float: left;
            width: 100%;
            margin: 0;
            padding: 10px;
            text-decoration: none;
            border-left: 2px solid transparent;
        }

            .hospitals_list ul li a:hover, .hospitals_list1 ul li a:hover, .hospitals_listCovid ul li a:hover,
            .hospitals_list ul li a:focus, .hospitals_list1 ul li a:focus, .hospitals_listCovid ul li a:focus {
                float: left;
                width: 100%;
                margin: 0;
                padding: 10px;
                background: #ecf5ff;
                border-left: 2px solid #047bf8;
            }

            .hospitals_list ul li a h1, .hospitals_list1 ul li a h1, .hospitals_listCovid ul li a h1 {
                float: left;
                width: 100%;
                margin: 0;
                padding: 0 0 8px 0;
                color: #047bf8;
                font-size: 16px;
            }

                .hospitals_list ul li a h1 span, .hospitals_list1 ul li a h1 span, .hospitals_listCovid ul li a h1 span {
                    float: right;
                    color: #047bf8;
                }

            .hospitals_list ul li a p, .hospitals_list1 ul li a p, .hospitals_listCovid ul li a p {
                float: left;
                width: 100%;
                margin: 0;
                padding: 0;
                color: #8e8e8e;
                font-size: 13px;
                line-height: 19px;
            }


.nicescroll-cursors {
    background-color: transparent !important;
    border: none !important;
}

.map_view {
    float: left;
    width: 100%;
    margin-top: 85px;
}


.tab_content, .claimed_details {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .tab_content .nav-tabs {
        border-bottom: 2px solid #DDD;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-width: 0;
}

.nav-tabs > li > a {
    border: none;
/*    color: #FFF;*/
    padding-left: 18px;
}

    .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
        border: none;
        color: #4285F4 !important;
        background: transparent;
    }

    .nav-tabs > li > a::after {
        content: "";
        background: #4285F4;
        height: 0px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.tab-content {
    float: left;
    width: 100%;
          padding: 15px;
          
}

.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 2px 1px rgb(189, 189, 189);
    margin-bottom: 30px;
    margin-top: 20px;
    float: left;
    width: 100%;
}

    .card a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
        display: none;
    }

.tabs_menu {
    float: left;
    width: 100%;
}

    .tabs_menu .nav-tabs > li > a:hover {
        border-bottom: 1px solid #4285F4;
        color: #4285F4 !important;
    }

.tab-content .heading_title {
    margin: 5px 0 10px 0;
}

.home_banner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background-image: url("../images/home_banner.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 87vh;
    position: relative;
}

.home_overlay {
    position: absolute;
    background: rgba(51,56,75,0.8);
    top: 0;
    height: 100%;
    width: 100%;
}

.home_menu {
    float: left;
    width: 100%;
    margin: 4em 0 0 0;
    padding: 0;
    position: relative;
}



    .home_menu h1, .home_menu h2 {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        color: #fff;
        line-height: 35px;
    }

    .home_menu h3 {
        color: #333;
        font-size: 22px;
        padding-top: 12px;
    }

    .home_menu h1 {
        font-size: 35px;
    }

    .home_menu h2 {
        font-size: 20px;
        margin-top: 2px;
    }

.menu_section {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}




/* HR css */

.search_btn {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .search_btn button {
        margin: 0;
        padding: 10px 25px;
        background: #7c256a;
        color: #fff;
        float: left;
        border: none;
        text-align: center;
        font-size: 12px;
        outline: 0;
        border: 2px solid #7c256a;
    }

.employee_search {
    float: left;
    width: 100%;
}

.search_btn {
    float: left;
    width: 30%;
    margin-left: 20px;
}

.employee_search .input_form {
    width: 50%;
}

.select_year .btn {
    padding: 9px 12px;
}

.search_btn label {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 5px 0;
    font-size: 14px;
    color: #1b1e32;
}

.select_year .btn-default {
    color: #333;
    background-color: #fbfbfb;
    border: 2px solid #efefef;
    border-radius: 0;
}

.search_btn button:hover,
.search_btn button:focus {
    background: #2aa364;
    border: 2px solid #2aa364;
}





.claims_results {
    float: left;
    width: 100%;
}

.mar_top_15 {
    margin-top: 15px;
}


.resp_tables tr td ul {
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
}


    .resp_tables tr td ul li {
        margin: 0;
        padding: 2px 0;
        float: left;
        width: 51%;
        list-style: none;
    }

        .resp_tables tr td ul li span {
            margin: 0;
            padding: 0;
            float: right;
        }

.chequ_details {
    float: left;
    width: 100%;
}

.main_policy a:hover,
.main_policy a:focus {
    background: #2aa364;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #7c256a !important;
}

.main_policy a {
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 10px;
    background: #fff;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.member_list table.dataTable > tbody > tr.child span.dtr-title {
    float: left;
}

.member_list a {
    width: auto;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 14px !important;
    left: 5px !important;
    background-color: #3bb878 !important;
}

.member_list #example_wrapper .dataTables_length, .resp_tables #example_wrapper .dataTables_filter, .resp_tables #example_wrapper .dataTables_info, .resp_tables #example_wrapper .dataTables_paginate, .resp_tables #example-1_wrapper .dataTables_length, .resp_tables #example-1_wrapper .dataTables_filter, .resp_tables #example-1_wrapper .dataTables_info, .resp_tables #example-1_wrapper .dataTables_paginate {
    display: block;
}

.input_form .search_btn {
    float: left;
    width: auto;
    margin: 0;
}

.or {
    float: left;
    width: 20%;
}

    .or label {
        float: left;
        width: 100%;
    }

    .or span {
        float: left;
        width: 100%;
        margin-top: 16px;
        text-align: left;
        font-size: 20px;
        color: #292929;
    }

.or_select {
    float: left;
    width: 80%;
}


.dataTables_length .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.dataTables_length .btn-default {
    color: #333;
    background-color: #fbfbfb;
    border: 2px solid #efefef;
    border-radius: 0;
}

.dataTables_length ul li a {
    background: transparent;
}



.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em;
    border: 2px solid #efefef;
    padding: 5px 10px;
    width: 100%;
    position: relative;
}


@media (max-width:767px) {
    .employee_search .input_form {
        width: 100%;
    }

    .search_btn {
        width: 100%;
        margin: 15px 0 00;
    }

        .search_btn button {
            width: 100%;
        }

    .claim_reports_period h2 span.reports_heading, .claim_reports_period h2 span.reports_period {
        width: 50%;
        font-size: 13px;
    }

    .search_btn label {
        display: none;
    }

    .left_sec, .right_sec {
        width: 50%;
    }

    .main_policy .border_lft_right {
        margin: 20px 0;
        border: none;
    }

    .select_year .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        margin: 30px 0 0 0;
    }

    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100% !important;
    }

    .main_policy h1, .main_policy p {
        text-align: left;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 23px !important;
        left: 5px !important;
        background-color: #3bb878 !important;
    }

    .nav-tabs > li > a {
        font-size: 12px;
    }

    .heading_title h4 {
        font-size: 15px;
        line-height: 20px;
    }

    .main_policy a {
        margin: 0;
    }

    .member_margin_resp .border_lft_right {
        margin: 10px 0 !important;
    }

    .or label {
        display: none;
    }

    .or_select {
        width: 100%;
    }

    .or span {
        text-align: center;
    }

    .border_right {
        border: none;
    }

    .or {
        width: 100%;
    }

    .policy_tabs .active {
        border-bottom: 0px !important;
    }
}


.right_menu .navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.right_menu ul.navbar-nav li.active a, .right_menu ul.navbar-nav li.active a:focus, .right_menu ul.navbar-nav li.active a:hover {
    background: #7c256a;
    color: #fff;
}

@media (min-width:768px) and (max-width:1024px) {
    .nav > li > a {
        padding: 10px;
    }

    .main_menu .navbar-nav > li > a {
        font-size: 12px;
    }

    .left_sec, .right_sec {
        width: 45%;
        white-space: normal;
    }
}


/* model popup */

.matrix .heading_title {
    float: left;
    width: 100%;
    margin: 5px 0 20px 0;
}

    .matrix .heading_title h4 {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        color: #fff;
        line-height: 35px;
    }

.brd {
    margin: 5px auto 0 auto;
    background: #7dd0a5;
    width: 45px;
    height: 2px;
    display: block;
}

.policy_tabs .nav > li > a:focus, .nav > li > a:hover {
    background: transparent;
    border-bottom: 2px solid #fff;
    color: #fff;
}

.policy_info {
    float: left;
    width: 30%;
    margin-left: 30px;
}

.policy_info_bg {
    background: rgba(24, 87, 134, 0.5);
    float: left;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.policy_info h1 {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 5px 20px;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    border-bottom: 1px solid #fff;
}

.policy_info ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}

    .policy_info ul li {
        float: left;
        width: 100%;
        margin: 0;
        padding: 6px 20px;
        list-style: none;
        text-align: left;
    }

        .policy_info ul li a {
            float: left;
            width: 100%;
            background: #1b8aab;
            color: #fff;
            font-size: 14px;
            line-height: 14px;
            margin: 0;
            padding: 10px 0;
            text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            text-decoration: none;
        }

        .policy_info ul li h2 {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0;
            color: #fff;
            text-align: left;
            font-size: 13px;
            font-family: 'Montserrat-light';
        }

.mar-top-20 {
    margin-top: 20px;
}

.matrix h1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    font-size: 24px;
    color: #fff;
    line-height: 16px;
    border: none;
    text-align: center;
    font-family: 'Montserrat-light';
}

.matrix {
    float: left;
    width: 30%;
    margin-left: 30px;
    background: rgba(50,66,129,0.8);
    padding: 10px 0 0px 0;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 20px;
}

    .matrix .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
        float: left;
        width: 100%;
        padding-bottom: 30px;
    }

        .matrix .modal-content .modal-footer {
            display: none;
        }

        .matrix .modal-content .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
            display: none;
        }

    .matrix h1 img {
        width: 10px;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

.close {
    opacity: 1;
}

.matrix a {
    float: left;
    width: 100%;
    color: #fff;
    background: #1b8aab;
    padding: 10px;
    text-decoration: none;
    margin-top: 10px;
    font-family: 'Montserrat-light';
}

.matrix1 {
    text-decoration: underline !important;
    color: #1b8aab !important;
    background: none !important;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    float: left;
    width: 95%;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px;
    color: #fff;
}

.modal-body .resp_tables table thead tr th {
    background: #25a764;
}

.modal-body table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
    background: transparent;
    color: #333;
}

    .modal-body table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        color: #333;
    }

.modal-body table.dataTable.display tbody td, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.row-border tbody th {
    color: #333;
}

.modal-body .resp_tables table.dataTable.display tbody tr.even, .resp_tables table.dataTable.stripe tbody tr.even {
    background: transparent
}

.modal-body table.dataTable.display tbody tr.even:hover > .sorting_1,
.modal-body table.dataTable.display tbody tr.odd:hover > .sorting_1,
.modal-body table.dataTable.display tbody tr:hover > .sorting_1,
.modal-body table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1,
.modal-body table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
.modal-body table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background: #f3f3f3;
}

.modal-body table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
    background-color: #f9f9f9 !important;
    color: #333 !important;
}

.modal-header {
    padding: 5px !important;
    border-bottom: 1px solid #e5e5e5;
    background: #2694ce;
}

    .modal-header span {
        color: #fff;
        top: 14px;
        position: relative;
        right: 10px;
    }

.policy_info ul li span {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 5px 0 0 0;
    color: #fff;
    font-size: 16px;
    font-family: 'Montserrat-light';
    line-height: 20px;
}

.botom_btns {
    float: left;
    width: 100%;
}

    .botom_btns ul {
        width: 100%;
        margin: 0;
        display: block;
        padding: 0;
    }

        .botom_btns ul li {
            float: left;
            width: auto;
            list-style: none;
            margin: 0;
            padding: 0;
            width: 49%;
        }

            .botom_btns ul li a {
                padding: 12px 15px;
                color: #fff;
                float: left;
                font-size: 12px;
                text-decoration: none;
                float: left;
                width: 100%;
                text-align: center;
            }

                .botom_btns ul li a svg {
                    margin: 0 0 0 5px;
                }

            .botom_btns ul li.family_card a {
                background: rgba(0, 13,31,0.6);
            }

                .botom_btns ul li.family_card a:hover,
                .botom_btns ul li.family_card a:focus {
                    background: #192130;
                }

            .botom_btns ul li.enrollment a {
                background: rgba(249,38,98,0.5);
                -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
                -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
                animation-name: example;
                animation-duration: 1s;
                animation: example 1s infinite;
            }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {
        background-color: rgba(249,38,98,0.5);
    }

    to {
        background-color: rgba(219,243,19,0.8);
    }
}

/* Standard syntax */
@keyframes example {
    from {
        background-color: rgba(249,38,98,0.5);
    }

    to {
        background-color: rgba(172,185,78,0.8);
    }
}



.botom_btns ul li.enrollment a:hover,
.botom_btns ul li.enrollment a:focus {
    background: #7f8c28;
}

.home {
    float: left;
    width: 100%;
}

.table_data, .resp_tables {
    float: left;
    width: 100%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: #22a220;
}

.health_calculator {
    float: left;
    width: 100%;
    background: rgba(30,158,36,0.8);
    padding: 10px;
    margin-top: 20px;
}

    .health_calculator table.health_cal {
        border: 1px solid #fff;
    }

        .health_calculator table.health_cal tr td {
            width: 200px;
            vertical-align: middle;
            text-align: center;
            padding: 10px;
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff;
        }

            .health_calculator table.health_cal tr td a {
                color: #fff;
                text-decoration: none;
            }

        .health_calculator table.health_cal tr th {
            padding: 10px;
            text-align: center;
            color: #fff;
            border: 1px solid #fff;
        }

.gender {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.heading_brd {
    margin: 5px auto 0 auto;
    background: #7dd0a5;
    width: 45px;
    height: 2px;
    display: block;
}

.gender label {
    margin-right: 10px;
}

.gender .btn-default {
    color: #333;
    background-color: #fbfbfb;
    border: 2px solid #efefef;
    border-radius: 0;
}


.method_1 {
    float: left;
    width: 49%;
    border-right: 1px solid #ccc;
    padding: 0 20px;
}

.modal_fat_analysis .modal-title {
    float: left;
    width: auto;
}

.fat_analysis p {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #333;
}

.cal_data {
    float: left;
    width: 100%;
}

    .cal_data table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f9f9f9;
        color: #333;
    }

    .cal_data table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd {
        background-color: #f9f9f9;
        color: #333;
    }

    .cal_data .resp_tables table.dataTable.display tbody tr.even, .resp_tables table.dataTable.stripe tbody tr.even {
        background-color: #f2f3f9;
        color: #333;
    }

    .cal_data .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
        display: none;
    }

    .cal_data .resp_tables table thead tr th {
        background: #ccd4e7;
        color: #424242;
        font-weight: normal;
        font-family: 'Montserrat-light';
        text-align: center;
        border: 1px solid #9eabc3;
        font-weight: bold;
    }

    .cal_data table.dataTable.display tbody tr.even:hover > .sorting_1,
    .cal_data table.dataTable.display tbody tr.odd:hover > .sorting_1,
    .cal_data table.dataTable.display tbody tr:hover > .sorting_1,
    .cal_data table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1,
    .cal_data table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
    .cal_data table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background: #eaeaea;
    }

.surface_area {
    float: left;
    width: 100%;
}

.inputs {
    float: left;
    width: 100%;
    margin: 10px auto 0 auto;
}

    .inputs label {
        float: left;
        width: 100%;
    }

    .inputs input {
        float: left;
        width: 70%;
        padding: 8px;
        background: #fbfbfb;
        border: 2px solid #efefef;
        margin: 0 10px 0 0;
        outline: 0;
    }

.area {
    display: block;
    width: 400px;
    margin: 0 auto;
}

.inputs .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.inputs .btn-default {
    color: #333;
    background-color: #fbfbfb;
    border: 2px solid #efefef;
    border-radius: 0;
    padding: 8px 20px;
}

.calulator .modal-content {
    max-height: 550px;
    min-height: 100px;
    overflow-y: scroll;
}

.p_calculator .inputs input {
    width: 100%;
}

.p_calculator .area {
    width: 250px;
}

.cal_data table.dataTable thead tr:first-child th:first-child {
    text-align: center !important;
}

.cal_data {
    margin-top: 20px;
}

    .cal_data table.dataTable.display tbody tr.even > .sorting_1, .cal_data table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        color: #333;
    }

.method_2 {
    float: left;
    width: 49%;
    border-right: 1px solid #ccc;
    padding: 0 20px;
}

    .method_1 h1, .method_2 h1 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 10px 0;
        font-size: 15px;
        color: #333;
        text-align: center;
    }

.form-1 {
    float: left;
    width: 45%;
    position: relative;
    margin: 0 8px 10px 8px;
}

    .form-1 input {
        float: left;
        width: 100%;
        padding: 8px;
        background: #fbfbfb;
        border: 2px solid #efefef;
        margin: 0;
        outline: 0;
    }

    .form-1 span {
        position: absolute;
        right: 20px;
        top: 35px;
    }

.modal_fat_analysis .modal-body {
    position: relative;
    padding: 15px;
    background: #fff;
    float: left;
    border-radius: 5px;
}

.modal-footer {
    width: 100%;
}

.modal-body {
    height: 60vh;
    overflow-y: scroll
}

.modal-body1 {
    height: 46vh;
}

.modal-body2 {
    height: 70vh;
}

    .modal-body2 img {
        width: 530px;
    }

    .modal-body2 span {
        font-size: 40px;
        position: relative;
        bottom: -48px;
        margin-left: -170px;
    }

.modal_fat_analysis .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.close_btn {
    border: none;
    padding: 8px 15px;
    background: #f3214e;
    color: #fff;
}

    .close_btn:hover,
    .close_btn:focus {
        background: #de113d;
    }

.submit_btn {
    border: none;
    padding: 8px 15px;
    background: #7c256a;
    color: #fff;
}

    .submit_btn:hover,
    .submit_btn:focus {
        background: #199e59;
    }

.cal_btn {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 10px
}

    .cal_btn button {
        margin: 10px auto 0 auto;
        padding: 8px 20px;
        background: #7c256a;
        color: #fff;
        display: block;
        border: none;
        text-align: center;
        font-size: 12px;
        outline: 0;
        width: 100px;
    }

.form-1.result input {
    float: left;
    width: 100%;
    padding: 8px;
    background: #e2ffe1;
    border: 2px solid #c3e8c0;
    margin: 0;
    outline: 0;
    color: #4e9c74;
}

.whr_cal {
    width: 400px;
    display: block;
    margin: 20px auto 0 auto;
}

.whr_forms {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    position: relative;
}

    .whr_forms label {
        float: left;
        width: 20%;
        margin-right: 10px;
        margin-top: 10px;
    }

    .whr_forms input {
        padding: 8px;
        background: #fbfbfb;
        border: 2px solid #efefef;
        float: left;
        width: 75%;
        outline: 0;
    }

    .whr_forms .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 75%;
    }

.fat_analysis .surface_area .whr_cal .whr_forms h6 {
    position: absolute;
    top: 5px;
    right: 30px;
    font-size: 13px;
}

.whr_forms.result input {
    float: left;
    width: 75%;
    padding: 8px;
    background: #e2ffe1;
    border: 2px solid #c3e8c0;
    margin: 0;
    outline: 0;
    color: #4e9c74;
    outline: 0;
}

.whr_forms .btn-default {
    color: #333;
    background-color: #fbfbfb;
    border: 2px solid #efefef;
    border-radius: 0;
    outline: 0;
}

@media (max-width:767px) {

    .icon_menu ul li {
        width: 50%;
    }

    .icon_menu ul {
        padding: 0 0 15px 0;
    }

    .icon_menu {
        height: 81vh;
    }

    .left_lgo, .right_lgo {
        width: 70px;
    }

        .left_lgo img {
            margin-top: 10px;
        }

    .coverage_info {
        display: block;
        width: 100%;
        margin: 0;
    }

    .heading_title h4 {
        color: #333;
    }
    /*.resp_tables table thead tr th{
background: rgb(4, 167, 162);
}*/
    table.dataTable.display tbody tr.odd, table.dataTable.stripe tbody tr.odd,
    .resp_tables table.dataTable.display tbody tr.even, .resp_tables table.dataTable.stripe tbody tr.even {
        background: #fff;
        color: #333;
    }

    .policy_info {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 2px solid #333;
    }


        .policy_info h1 {
            color: #333;
            border-bottom: 1px solid #4a4a4a;
        }

        .policy_info ul li h2, .policy_info ul li span {
            color: #333;
        }

    .table_data tr td a {
        color: #7c256a;
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        color: #333;
    }

    table.dataTable.display tbody tr.even:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr:hover {
        background: #f1f1f1;
    }

        table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
            background: #ccc;
        }

    .botom_btns {
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }

    #sidebar {
        width: 220px;
    }

    /*Health Calculator*/
    .health_calculator {
        margin-top: 0;
    }

    .modal_fat_analysis .modal-body, .method_1, .form-1, .method_2, .area, .whr_cal {
        width: 100%;
    }

    .method_1, .method_2 {
        border: none;
    }

    .calulator .modal-content {
        max-height: 90vh;
        min-height: 100px;
    }

    .inputs input {
        width: 68%;
    }
}
/*.nav>li>a:focus, .nav>li>a:hover{
 background-color: #4285f4 !important;
        color:#fff !important;
}*/
a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    display: none !important;
}
/*.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
        background-color: #4285f4 !important;
        color:#fff !important;
}*/
@media (max-width:767px) {
    .policy_tabs .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
        color: #4285f4 !important;
    }

    table.dataTable tbody tr td span a {
        padding: 8px 0px;
    }

    .table_data {
        margin-top: 0;
    }

    .resp_tables tr td ul li {
        width: 100%;
    }

        table.dataTable > tbody > tr.child span.dtr-title, .resp_tables tr td ul li span {
            width: 50%;
            float: left;
        }
}

@media (min-width:768px) and (max-width:991px) {
    .coverage_info {
        width: 100%;
    }

    .icon_menu {
        height: 80vh;
    }

    .policy_info {
        border: 2px solid #333;
        margin-top: 20px;
    }

        .policy_info h1 {
            border-bottom: 2px solid #333;
            color: #333;
        }

        .policy_info ul li h2, .policy_info ul li span {
            color: #333;
        }



    /*Health Calculator*/

    .policy_info, .health_calculator {
        width: 48%;
    }

    .health_calculator {
        margin-left: 20px;
    }

    .form-1 {
        width: 95%;
    }
}



.policy_tabs {
    float: left;
    width: 100%;
}


    .policy_tabs .nav-tabs > li > a {
        border-radius: 0;
    }

    .policy_tabs a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
        display: none;
    }

    .policy_tabs .nav-tabs {
        border: none;
        margin: 0;
        padding: 0;
    }

        .policy_tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            border-width: 0;
        }

        .policy_tabs .nav-tabs > li > a {
            border: none;
            color: #fff;
            margin: 0;
            padding: 10px;
            font-size: 14px;
            text-align: left;
        }

.nav-tabs > li > a:hover {
    background: transparent !important;
}

.policy_tabs .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border-bottom: 2px solid #fff;
    color: #4285f4 !important;
    background: transparent;
}
    /*.policy_tabs .nav-tabs > li > a::after { content: ""; background: #ff03d2; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }*/
    .policy_tabs .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

.policy_tabs .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.policy_tabs .tab-pane {
    padding: 15px 0;
}

.policy_tabs .tab-content {
    padding: 0px;
    float: left;
    width: 100%;
}

.policy_tabs_content {
    float: left;
    width: 100%;
}

.policy_tabs {
    background: #324281;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
}


.escalation_matrix .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    display: none;
}

.escalation_matrix {
    float: left;
    width: 65%;
}

.con_matrix {
    float: left;
    width: 100%;
}


.popup .modal-body table.dataTable.display tbody td,
.popup .modal-body table.dataTable.display tbody th,
.popup .modal-body table.dataTable.row-border tbody td,
.popup .modal-body table.dataTable.row-border tbody th {
    color: #333;
    font-family: 'Montserrat-light';
    text-align: left;
}
/* model popup */


@media (max-width:767px) {
    .left_sec, .right_sec {
        width: 50%;
    }

    .card .nav > li > a {
        padding: 10px 6px;
    }

    .right_menu a {
        padding: 10px;
        font-size: 12px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #333;
    }

    .right_menu .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #5d88d8;
    }

    .menu nav ul li.dropdown a img {
        margin: 0;
    }

    .header_section .navbar-brand {
        padding: 0 15px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .main_policy a {
        color: #fff !important;
        background: #7c256a !important;
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #ffffff !important;
        text-decoration: none;
        background-color: #7c256a !important;
    }

    .navbar-collapse {
        position: fixed;
        width: 100%;
        z-index: 9;
        background-color: #ffffff;
        left: 10px;
        0;
    }
}

.order_pre_tab {
    float: left;
    background: #1b8aab;
    margin-top: 15px;
    width: 100%;
}

    .order_pre_tab a {
        float: left;
        color: #fff;
        padding: 15px 10px;
        text-decoration: none;
    }

order_pre_tab a:hover {
    color: #fff;
}

.emp_info {
    border: 1px solid #f2f3f9;
    padding: 10px;
}

.emp_info1 {
    border: 1px solid #f2f3f9;
    padding: 10px !important;
    width: 100%;
}

.emp_info2 {
    border: 1px solid #f2f3f9;
    padding: 3px !important;
}

.emp_but {
    border: 1px solid #f2f3f9 !important;
}

.emp_sub {
    margin-right: 4px !important;
}

.emp_info3 {
    border: 1px solid #f2f3f9;
    padding: 4px 8px 3px 8px !important;
}

.emp_info4 {
    border: 1px solid #f2f3f9;
    padding: 5px 9px !important;
}

.emp_info5 {
    border: 1px solid #f2f3f9;
    padding: 5px !important;
    width: 100% !important;
}

.parent_select {
    padding: 7px 18px;
    width: 100%;
    border-radius: 5px;
}

.enroll_Pb, .enroll_Pb:hover, .enroll_Pb:focus {
    width: 13%;
    background: #1b8aab;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}

.modal-body1 {
    margin-top: 0px !important;
    height: auto !important;
}

.table_data1 {
    margin-top: 0px !important;
}