.clr_blue {
    color: #215D9E
}

.clr_pink {
    color: #ef2884
}

.clr_green {
    color: #215D9E
}

.clr_green2 {
    color: #00B5D4
}

html {
    font-size: 10px;
    height: 100%
}

body {
/*    font-family: "Spartan";*/
    font-family: "Outfit", sans-serif;

    font-weight: normal;
    font-weight: 500;
    font-size: 1.5rem;
    height: 100%;
/*    color: #344054*/
    color: #000;
}
.table{
    color: #000;
}

button, a, .trans3ms, .sideMenu_list > li > .dropdown .dropdown-toggle span, .sideMenu_list > li > a span {
    -webkit-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important
}

.fs_10 {
    font-size: 1rem
}

.fs_12 {
    font-size: 1.2rem
}

.fs_14 {
    font-size: 1.4rem
}

.fs_15 {
    font-size: 1.5rem !important
}

.fs_16 {
    font-size: 1.5rem !important
}

.bg_center {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.row:not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4) {
    margin-left: -1.2rem;
    margin-right: -1.2rem
}

.row:not(.gx-1):not(.gx-2):not(.gx-3):not(.gx-4) > * {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.container-fluid, .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.pageTitle {
    font-size: 2.4rem;
    font-weight: 500
}

.login_wrapper {
    min-height: 100vh;
}

.login_left {
    padding: 5% 1.5rem;
    background-position: left top !important;
    background-repeat: no-repeat !important;
    background-size: 30% !important
}

@media(max-width: 767px) {
    .login_left {
        background: transpraent
    }
}

.login_left .vector {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 30%
}

.login_form_wrap {
    z-index: 10;
    max-width: 43rem
}

.login_form_wrap input:not([type=checkbox]):not([type=radio]) {
    height: 5.2rem;
    background: rgba(48,52,77,.06);
    border-radius: 1.8rem;
    border: 0;
    font-size: 1.5rem;
    padding: 0 2.5rem
}

.login_form_wrap input:not([type=checkbox]):not([type=radio])::placeholder {
    color: #757575;
    opacity: 1
}

.login_form_wrap input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder {
    color: #757575
}

.login_form_wrap input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder {
    color: #757575
}

.login_form_wrap .tableFilters .select2-container .select2-selection--single, .login_form_wrap .tableFilters .select2-container .select2-selection--multiple {
    height: 5.2rem
}

.login_form_wrap .tableFilters .select2-container .select2-selection--single .select2-selection__rendered, .login_form_wrap .tableFilters .select2-container .select2-selection--multiple .select2-selection__rendered {
    line-height: 5rem
}

.login_form_wrap .tableFilters .select2-container .select2-selection--single .select2-selection__arrow, .login_form_wrap .tableFilters .select2-container .select2-selection--multiple .select2-selection__arrowv {
    height: 5rem
}

.loginTitle {
    font-size: 2.4rem;
    line-height: 1.5;
    color: #215D9E
}

.login_right .vector {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 50%;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.db_wrapper {
    min-height: 100%
}

.cst_checkbox:hover input ~ .checkmark {
    background-color: #ccc
}

.cst_checkbox input:checked ~ .checkmark {
    background-color: #00B5D4;
    border: 0 !important
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cst_checkbox {
    display: block;
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 0rem;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1.8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cst_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.cst_checkbox input:checked ~ .checkmark:after {
    display: block
}

.cst_checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.8rem;
    width: 1.8rem;
    background-color: rgba(0,0,0,0);
    border-radius: .3rem;
    border: .1rem solid #d0d5dd
}

.cst_checkbox .checkmark:after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 1.6rem;
    background-position: center
}

.btn_login_form {
    background-color: #00B5D4;
    color: #fff !important;
    height: 5.2rem;
    border-radius: 1.8rem;
    font-weight: 500
}

.btn_login_form:hover {
    background-color: #00B5D4
}

.sideMenu_wrapper {
    width: 32rem;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #00B5D4;
    overflow: auto;
    padding: 2.2rem 1.4rem;
    z-index: 10000
}
.clr_heading {
    color: #215D9E !important;
}
.clr_success {
    color: #039855 !important;
}
.clr_warning {
    color: #F79009 !important;
}
.clr_error {
    color: #D92D20 !important;
}
.sideMenu_list > li > .dropdown .dropdown-toggle, .sideMenu_list > li > a {
    font-size: 1.5rem;
    color: #fff !important;
    font-weight: 600;
    width: 100%;
    border: 0;
    padding: .5rem 1.5rem;
    height: 5.8rem;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    line-height: 1;
    border-radius: .5rem
}

.sideMenu_list > li > .dropdown .dropdown-toggle.show:after, .sideMenu_list > li > a.show:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sideMenu_list > li > .dropdown .dropdown-toggle.show, .sideMenu_list > li > .dropdown .dropdown-toggle:hover, .sideMenu_list > li > a.show, .sideMenu_list > li > a:hover {
    background-color: #215D9E
}

.sideMenu_list > li > .dropdown .dropdown-toggle svg, .sideMenu_list > li > a svg {
    min-height: 1.6rem;
    min-width: 1.6rem;
    max-height: 1.6rem;
    max-width: 1.6rem
}

.sideMenu_list > li > .dropdown .dropdown-toggle span, .sideMenu_list > li > a span {
    margin-left: 1.5rem
}

.sideMenu_list .dropdown-menu {
    background: rgba(0,0,0,0);
    border: 0;
    width: 100%;
    position: relative !important;
    padding: 0;
    top: auto !important;
    transform: translate(0) !important;
    padding-left: 3.1rem
}

.sideMenu_list .dropdown-menu a {
    font-size: 1.5rem;
    color: #fff !important;
    font-weight: 600;
    width: 100%;
    border: 0;
    padding: .5rem 1.5rem;
    height: 5.8rem;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    line-height: 1;
    border-radius: .5rem;
    background: rgba(0,0,0,0) !important
}

.sideMenu_list .dropdown-menu a:hover {
    color: #eef941 !important
}

.sideMenu_list .dropdown-toggle::after {
    margin-left: auto
}

.menuToggle_btn {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    border: 0;
    background-color: #215D9E;
    line-height: 1;
    position: fixed;
    left: 30.3rem;
    top: 5rem;
    z-index: 11000;
    outline: none
}

.menuToggle_btn svg {
    stroke: #fff
}

.sideMenu_logo {
    min-height: 9.4rem;
    max-height: 9.4rem;
    display: block;
    background: url("/includes/images/logo-white1.png") no-repeat;
    background-size: contain;
    background-position: left center
}

.sideMenu_logo img {
    opacity: 0;
    pointer-events: none
}

.db_content {
    padding-left: 7.5rem
}

.select2-container.select2-container--open {
    z-index: 1100
}

.graph_list_scoll_wrapper {
    min-height: 15rem
}

.graph_list_scoll_wrapper .graph_list {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto
}

@media(min-width: 768px) {
    .db_content {
        padding-left: 32rem
    }
}

.sidebar_inactive .menuToggle_btn {
    left: 2rem
}

.sidebar_inactive .sideMenu_wrapper {
    width: 7.6rem
}

.sidebar_inactive .sideMenu_logo {
    opacity: 0
}

.sidebar_inactive .sideMenu_list > li > .dropdown .dropdown-toggle span, .sidebar_inactive .sideMenu_list > li > a span {
    display: none;
    margin-left: 0
}

.sidebar_inactive .sideMenu_list .dropdown-toggle::after {
    display: none
}

.sidebar_inactive .menuToggle_btn {
    transform: rotate(180deg)
}

.sidebar_inactive .db_content {
    padding-left: 7.5rem
}

header {
    box-shadow: 0rem .4rem .4rem rgba(0,0,0,.25);
    margin-bottom: 6rem
}

.user_dropdown button {
    background-color: #00B5D4 !important;
    border-radius: 1.6rem;
    padding: .8rem;
    line-height: 1;
    text-align: left
}

.user_dropdown p {
    color: #fff;
    font-size: 1rem
}

.user_dropdown span {
    font-size: .7rem;
    color: rgba(255,255,255,.6)
}

.user_dropdown .dropdown-toggle::after {
    margin-left: 1rem;
    color: #fff
}

.header_user_avatar {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: #9664ff
}

.header_user_avatar img {
    width: 1.8rem;
    height: 1.8rem
}

.datepicker.dropdown-menu {
    font-size: 1rem
}

.table_user_avtar, .table_user_avtar img {
    max-width: 2.8rem;
    min-width: 2.8rem;
    max-height: 2.8rem;
    min-height: 2.8rem;
    border-radius: 50%;
    overflow: hidden
}

.tableFilters .input-group input {
    height: 3.4rem;
    border-radius: 3rem;
    box-shadow: none !important;
    outline: none !important;
    border-color: #d9d9d9 !important;
    font-size: 1.2rem
}

.tableFilters .input-group input::placeholder {
    color: #000;
    opacity: 1
}

.tableFilters .input-group input:-ms-input-placeholder {
    color: #000
}

.tableFilters .input-group input::-ms-input-placeholder {
    color: #000
}

.tableFilters .input-group .input-group-text {
    border-color: #d9d9d9 !important;
    border-radius: 3rem;
    background-color: rgba(0,0,0,0);
    padding: 0;
    width: 3.2rem
}

.tableFilters .input-group .input-group-text img {
    max-width: 2rem;
    display: block;
    margin: 0 auto
}

.tableFilters .select2-container {
    width: 100% !important
}

.tableFilters .select2-container .select2-selection--single, .tableFilters .select2-container .select2-selection--multiple {
    border-color: #d9d9d9 !important;
    border-radius: 1.8rem 1.8rem !important;
    height: 3.4rem;
    min-height: auto !important
}

.tableFilters .select2-container .select2-selection--single .select2-selection__rendered, .tableFilters .select2-container .select2-selection--multiple .select2-selection__rendered {
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.2rem;
    color: #000
}

.tableFilters .select2-container .select2-selection--single .select2-selection__rendered li, .tableFilters .select2-container .select2-selection--multiple .select2-selection__rendered li {
    line-height: 1;
    margin-top: 0 !important;
    line-height: 1.5;
    background: rgba(0,0,0,0) !important
}

.tableFilters .select2-container .select2-selection--single ul.select2-selection__rendered, .tableFilters .select2-container .select2-selection--multiple ul.select2-selection__rendered {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.tableFilters .select2-container .select2-selection--single .select2-selection__arrow, .tableFilters .select2-container .select2-selection--multiple .select2-selection__arrow {
    width: 3.2rem;
    height: 3.2rem;
    background: url("includes/images/arrow.svg") no-repeat;
    background-size: 2rem;
    background-position: center
}

.tableFilters .select2-container .select2-selection--single .select2-selection__arrow b, .tableFilters .select2-container .select2-selection--multiple .select2-selection__arrow b {
    display: none
}

.tableFilters .select2-container.select2-container--open .select2-selection--single, .tableFilters .select2-container.select2-container--open .select2-selection--multiple {
    border-radius: 1.8rem 1.8rem 0 0 !important
}

.tableFilters + .dataTables_wrapper .dataTables_filter {
    display: none !important
}

.switch {
    position: relative;
    display: inline-block;
    width: 5rem;
    height: 3rem
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 3.4rem
}

.slider:before {
    position: absolute;
    content: "";
    height: 2rem;
    width: 2rem;
    left: .4rem;
    bottom: .5rem;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

input:checked + .slider {
    background-color: #00B5D4
}

input:checked + .slider:before {
    -webkit-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    transform: translateX(2rem)
}

input:focus + .slider {
    box-shadow: 0 0 .1rem #00B5D4
}

.dataTable .dtr-details {
    width: 100%
}

.btn_export2 {
    font-size: 1.2rem;
    width: 100%;
    background-color: #215D9E !important;
    color: #fff !important;
    height: 3.2rem;
    border: 0;
    border-radius: 1.8rem
}

.btn_export2 svg {
    width: 1.4rem;
    height: auto
}

.btn_export {
    font-size: 1.2rem;
    width: 100%;
    background-color: rgba(0,0,0,0) !important;
    color: #00B5D4 !important;
    border: .1rem solid #00B5D4 !important;
    height: 3.2rem;
    border-radius: 1.8rem
}

.btn_export svg {
    width: 1.4rem;
    height: auto
}

.btn_top_solid {
    font-size: 1.2rem;
    width: 100%;
    background-color: #00B5D4 !important;
    color: #fff !important;
    border: 0 !important;
    height: 3.2rem;
    border-radius: 1.8rem
}

.pageFilterWrap .datePickerGroup .input-group-addon {
    height: 2.6rem;
    position: absolute;
    top: .1rem;
    right: .1rem;
    width: 2rem;
    z-index: 22
}

.pageFilterWrap .datePickerGroup .input-group-addon:after {
    content: "";
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
    border-style: solid;
    border-width: .5rem .4rem 0 .4rem;
    height: 0;
    left: 50%;
    margin-left: -0.4rem;
    margin-top: -0.2rem;
    position: absolute;
    top: 50%;
    width: 0
}

.pageFilterWrap .datePickerGroup input:focus + .input-group-addon {
    transform: rotate(180deg)
}

.pageFilterWrap .datePickerGroup input {
    background-color: #00B5D4;
    color: #fff;
    height: 2.8rem;
    outline: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: .5rem !important
}

.pageFilterWrap .datePickerGroup input::placeholder {
    color: #fff;
    opacity: 1
}

.pageFilterWrap .datePickerGroup input:-ms-input-placeholder {
    color: #fff
}

.pageFilterWrap .datePickerGroup input::-ms-input-placeholder {
    color: #fff
}

.pageFilterWrap > div {
    width: 100%;
    width: 13.4rem
}

.pageFilterWrap > div.sec2 {
    width: 26.8rem
}

.pageFilterWrap > div:last-child {
    margin: 0 !important
}

.pageFilterWrap > div select {
    width: 100%
}

.pageFilterWrap .select2-container {
    width: 100% !important
}

.pageFilterWrap .cst_dropdown + .select2-container .select2-selection--single, .pageFilterWrap .cst_dropdown + .select2-container .select2-selection--multiple {
    background-color: #00B5D4 !important;
    height: 2.8rem;
    border: 0 !important;
    outline: none !important
}

.pageFilterWrap .cst_dropdown + .select2-container .select2-selection--single .select2-selection__arrow b, .pageFilterWrap .cst_dropdown + .select2-container .select2-selection--multiple .select2-selection__arrow b {
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important
}

.pageFilterWrap .cst_dropdown + .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b, .pageFilterWrap .cst_dropdown + .select2-container.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0) !important
}

.pageFilterWrap .cst_dropdown + .select2-container .select2-selection__rendered {
    font-size: 1rem;
    color: #fff;
    line-height: 2.8rem
}

.headerFilterDropdown .select2-results__option, .headerFilterDropdown .select2-search__field {
    font-size: 1rem !important;
    outline: none !important
}

.headerFilterDropdown .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #00B5D4 !important
}

.db_count_sm {
    font-size: 2.6rem;
}
.db_count_sm_tile {

}
.db_count_card {
    border-radius: 1.4rem;
    overflow: hidden
}

.db_count_card .card-header {
    background-color: #ef2884;
    color: #fff;
    font-size: 2rem;
    line-height: 1.2
}

.db_count_card .symbol {
    font-weight: 900;
    font-size: 11.1rem;
    line-height: 100%;
    color: #000;
    -webkit-transform: rotate(-56.88deg);
    transform: rotate(-56.88deg);
    position: absolute;
    right: -12%;
    top: -42%;
    opacity: .2
}

.db_count_card_counter {
    background-color: #215D9E;
    border-radius: .8rem;
    color: #fff;
    padding: 1rem .7rem
}

.db_count_card_counter p {
    font-size: 1.1rem
}

.db_count_card_counter h3 {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1
}
.dct {
    font-size: 36px;
    font-weight: bold
}
.db_count_lg {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    min-height: 12.5rem;
    border-radius: 1.5rem
}

.db_count_lg p {
    color: #215D9E;
}
.db_count_lg .vector {
    position: absolute;
    left: 0;
    top: 0;
    width: 23%
}

.db_count_lg .arrow_vector {
    width: 4.2rem;
    width: 3.75rem;
    position: absolute;
    right: 1rem;
    top: 1rem
}

.db_count_lg b {
    font-size: 1.2rem
}

.db_count_lg h3 {
    font-size: 3.2rem
}

.db_count_lg h3 .count_small {
    font-size: .6em
}

.db_count_lg .days_list {
    font-size: .5rem
}

.text-secondary {
    color: #eef941 !important
}

.see_all_link {
    color: rgba(0,0,0,.5);
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none
}

.secTitle {
    font-size: 1.8rem;
    color: #000;
    font-weight: 600
}

.chartTableWrapper table {
    margin-bottom: 0
}

.chartTableWrapper th {
    text-transform: capitalize;
    background: #D9F4F9;
    border: none !important;
    font-size: 1.2rem;
    padding-top: .8rem;
    padding-bottom: .8rem
}

.chartTableWrapper th:first-child {
    border-radius: .5rem 0 0 .5rem !important;
    padding-left: 1.8rem
}

.chartTableWrapper th:last-child {
    border-radius: 0 .5rem .5rem 0 !important;
    padding-right: 0
}

.chartTableWrapper tbody {
    border-top: 0 !important
}

.chartTableWrapper td {
    font-size: 1.2rem;
    border: 0 !important;
    padding-top: .5rem;
    padding-bottom: .5rem;
    vertical-align: middle
}

.chartTableWrapper td:first-child {
    padding-left: 1.8rem
}

.chartTableWrapper td:last-child {
    padding-right: 0
}

.chartTableWrapper .table_chart_bar_outer {
    height: 1.5rem;
    background: #efefef;
    border-radius: .4rem;
    position: relative;
    min-width: 14rem
}

.chartTableWrapper .table_chart_bar_outer .table_chart_bar_inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: .4rem;
    background: #215D9E;
    max-width: 100%;
    width: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.chartTableWrapper tr.val_highlight td {
    color: #F38744
}

.chartTableWrapper tr.val_highlight .table_chart_bar_outer .table_chart_bar_inner {
    background: #F38744 !important
}

.sec_radius {
    border: .1rem solid #eaeaea;
    border-radius: 1.5rem;
    min-height: 100%
}

#extra_meals .chartTableWrapper .table_chart_bar_outer .table_chart_bar_inner {
    background-color: #215D9E
}

.meal_breakdown_tabs .nav-item:last-child {
    margin: 0 !important
}

.meal_breakdown_tabs .nav-link {
    border: .1rem solid #eaeaea;
    font-size: .9rem;
    color: #000
}

.meal_breakdown_tabs .nav-link.active {
    background-color: #ef2884;
    border-color: #ef2884
}

.checkIn_counts p {
    font-size: 1.4rem
}

.checkIn_counts h3 {
    font-size: 3.8rem;
    color: #215D9E
}

.checkIn_counts h3.count_denied {
    color: #F38744
}

.checkIn_counts h3.clr_blue {
    color: #215D9E
}

.checkIn_counts_sm p {
    font-size: 1rem
}

.checkIn_counts_sm h3 {
    font-size: 3rem
}

.arrivals_db_count {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1
}

.arrivals_db_count small {
    font-size: 1.6rem
}

.graph_list li {
    font-size: 1rem
}

.graph_list li:last-child {
    margin: 0 !important
}

.graph_list li span {
    min-width: 1.2rem;
    min-height: 1.2rem;
    max-width: 1.2rem;
    max-height: 1.2rem;
    border-radius: 50%;
    margin-right: .5rem
}

.delegation_chart {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    height: 100% !important;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    top: 0;
    z-index: 2
}

.delegation_chart + .ratio {
    pointer-events: none
}

.delegation_chart g[role=menuitem] {
    transform: translate(0, 0) !important
}

.delegation_chart .highcharts-container {
    height: 100% !important;
    width: 100% !important
}

.chartWrapper {
    padding-top: 100%;
    position: relative
}

.donut-inner {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    width: 60%;
    height: 60%;
    margin: 0 auto;
    right: 0;
    border-radius: 50%;
    border: .1rem dashed #dcdcdc
}

.donut-inner h3 {
    font-size: 1.8rem;
    color: #000
}

.donut-inner h3.small {
    font-size: 1.4rem
}

.donut-inner p {
    font-size: 1rem;
    color: #757575
}

.donut-inner p.small {
    font-size: .7rem
}

.semi_chart_inner {
    border: 0 !important;
    top: auto !important;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    bottom: 0
}

.semi_chart_inner h3 {
    font-size: 3.4rem;
    color: #215D9E
}

.semi_chart_inner p {
    font-size: 1.2rem
}

.semi_chart_inner_sm h3 {
    font-size: 2rem
}

.semi_chart_inner_sm p {
    font-size: 1rem
}

.barTable_wrap {
    background: url("includes/images/bar.svg");
    background-repeat: repeat
}

.barTable_wrap .table_chart_bar_outer {
    height: 2.4rem;
    border-radius: 0;
    background-color: #215D9E
}

.barTable_wrap .table_chart_bar_outer .table_chart_bar_inner {
    background-color: #00B5D4;
    border-radius: 0
}

.barTable_wrap td:first-child {
    background-color: #fff
}

.barTable_wrap td:last-child {
    padding-left: 0
}

.dataTables_wrapper {
    font-size: 1.2rem
}

.dataTables_wrapper > .row > .col-sm-12.col-md-6, .dataTables_wrapper > .row .col-sm-12.col-md-5, .dataTables_wrapper > .row .col-sm-12.col-md-7 {
    flex: 0 0 auto;
    width: 100%
}

.dataTables_wrapper th {
    background-color: #D9F4F9;
    padding: 1.5rem 1rem
}

.dataTables_wrapper th:first-child {
    border-radius: 2rem 0 0 0;
    overflow: hidden;
    padding: 1rem 1.5rem
}

.dataTables_wrapper th:last-child {
    border-radius: 0 2rem 0 0;
    overflow: hidden;
    padding: 1rem 1.5rem
}

.dataTables_wrapper td {
    padding: 1.5rem 1rem
}

.dataTables_wrapper td:first-child {
    padding: 1.5rem 1.5rem
}

.dataTables_wrapper td:last-child {
    padding: 1.5rem 1.5rem
}

.dataTables_wrapper .dropdown-toggle:after {
    display: none
}

.dataTables_wrapper .dataTables_info {
    text-align: center;
    transform: translateY(7rem)
}

.dataTables_wrapper .pagination {
    justify-content: center !important
}

.dataTables_wrapper .pagination li {
    margin: 0 .5rem
}

.dataTables_wrapper .pagination li a {
    width: 3.4rem;
    height: 3.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: none !important;
    color: #00B5D4;
    background-color: rgba(23,86,123,.1)
}

.dataTables_wrapper .pagination li.previous a {
    font-size: 0;
    background: url("includes/images/ArrowLeft.svg") rgba(23,86,123,.1) no-repeat;
    background-size: 1.6rem;
    background-position: center
}

.dataTables_wrapper .pagination li.next a {
    font-size: 0;
    background: url("includes/images/ArrowRight.svg") rgba(23,86,123,.1) no-repeat;
    background-size: 1.6rem;
    background-position: center
}

.dataTables_wrapper .pagination li.active a {
    background-color: #00B5D4;
    color: #fff
}

.dataTables_wrapper .dataTables_length {
    position: absolute;
    bottom: 4.5rem;
    right: 0
}

.dataTables_filter {
    margin-bottom: 2rem
}

.dataTables_filter label {
    display: block;
    width: 100 .dataTables_filter label;
    font-size: 0
}

.dataTables_filter label input {
    font-size: 1.2rem;
    display: block !important;
    width: 100% !important;
    height: 4rem;
    border-radius: 3rem;
    padding: 0 3.5rem 0 1.5rem;
    background: url("includes/images/search.svg") no-repeat;
    background-position: 97% center;
    background-size: 2.1rem;
    max-width: 25rem;
    margin-left: auto !important
}

.athlete_counter_box {
    border-radius: 1.5rem;
    background-color: #ECFDF3;
    height: 100%;
    min-height: 12.2rem;
    padding: .7rem;
    border: 0.5px solid rgba(0, 0, 0, 0.18)
}

.athlete_counter_box .ath_box_icon {
    position: absolute;
    right: .7rem;
    top: .7rem;
    width: 30%;
    max-height: 5rem
}

.athlete_counter_box .ath_box_title_top {
    max-width: 9rem;
    max-width: 67%;
    width: 100%
}

.athlete_box_count {
    font-size: 1.8rem
}

.athlete_box_count span {
    font-size: 1.8rem
}

.highcharts-a11y-proxy-button, .highcharts-button-symbol, .highcharts-button-box {
    display: none !important
}

.m-demo {
    border-radius: .5rem;
    box-shadow: 0 .1rem 1.5rem .1rem rgba(69,65,78,.04);
    background-color: #fff;
    border: none
}

.m-demo .m-demo__preview {
    border-radius: .5rem;
    box-shadow: 0 .1rem 1.5rem .1rem rgba(69,65,78,.04);
    background-color: #fff;
    border: none;
    background: #fff;
    padding: 3rem 0
}

.m-demo .m-demo__preview.m-demo__preview--btn .btn {
    margin-right: .5rem;
    margin-bottom: 1.5rem
}

.m-demo .m-demo__preview.m-demo__preview--badge .m-badge {
    margin-right: .5rem;
    margin-bottom: 1.5rem
}

.m-nav {
    padding: 0;
    margin: 0;
    list-style: none
}

.m-nav .m-nav__item {
    position: relative;
    display: block
}

.m-nav .m-nav__item .m-nav__link {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
    outline: none !important;
    vertical-align: middle;
    border-left: .5rem solid rgba(0,0,0,0);
    padding: .9rem 3.6rem
}

.m-nav .m-nav__item .m-nav__link .m-nav__link-text {
    color: #3f4047;
    font-weight: 400;
    font-size: 1.6rem
}

.m-nav .m-nav__item .m-nav__link:hover, .m-nav .m-nav__item .m-nav__link.active {
    text-decoration: none !important;
    background-color: #f9f9f9;
    color: #00B5D4;
    border-left: .5rem solid #00B5D4
}

.m-nav .m-nav__item .m-nav__link.active .m-nav__link-text {
    font-weight: bold
}

.m-nav .m-nav__section .m-nav__section-text {
    color: #c6c7cc;
    font-size: 1.6rem;
    font-weight: 500;
    padding-left: 1.6rem
}

.m-nav .m-nav__item:hover .quicklinks {
    display: block
}

.m-nav .m-nav__item > .m-nav__link .m-nav__link-text {
    color: #3f4047;
    font-weight: 400;
    font-size: 1.6rem
}

.m-nav .quicklinks {
    display: none;
    float: right;
    position: absolute;
    right: 3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-nav .quicklinks ul {
    padding: 0rem;
    list-style: none
}

.m-nav .quicklinks ul li {
    display: flex;
    padding: 0 .4rem
}

.m-nav .quicklinks ul li button {
    line-height: 1;
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important
}

.m-nav .quicklinks ul li button img {
    width: 1.4rem
}

.header_table {
    background: #e6ecf4;
    border-radius: .5rem .5rem 0 0;
    padding: 2rem;
    font-size: 1.8rem;
    color: #4a4a4a;
    font-weight: 500
}

.role_table th {
    vertical-align: bottom;
    border-bottom: .2rem solid #f4f5f8;
    font-weight: bold;
    font-size: 1.6rem;
    padding: .9rem;
    vertical-align: top
}

.role_table td {
    vertical-align: bottom;
    border-bottom: .2rem solid #f4f5f8;
    font-weight: 600;
    font-size: 1.6rem;
    padding: .9rem;
    vertical-align: top
}

.modal-content input.form-control {
    height: 4rem;
    border-radius: 2rem;
    font-size: 1.3rem;
    padding: 0 1.5rem
}

.file-upload .file-upload-select {
    display: block;
    border: .01rem solid #d9d9d9 !important;
    border-radius: 1.8rem 1.8rem !important;
    color: #000;
    cursor: pointer;
    text-align: left;
    background: rgba(0,0,0,0);
    overflow: hidden;
    position: relative;
    border-radius: .6rem;
    height: 5.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem
}

.file-upload .file-upload-select .file-select-button {
    padding: 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 5.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d9d9d9;
    color: #000
}

.file-upload .file-upload-select .file-select-name {
    display: inline-block;
    padding: 1rem
}

.file-upload .file-upload-select:hover .file-select-button {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.file-upload .file-upload-select input[type=file] {
    display: none
}

.titl_notif_icon svg {
    width: 2.4rem;
    height: 2.4rem
}

.email_tag {
    display: inline-block;
    padding: .5rem .8rem;
    margin: .5rem;
    background-color: #D9F4F9;
    border-radius: .5rem;
    position: relative
}

.email_tag .close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .8rem;
    cursor: pointer
}

.db_tile_wrap {
    border-radius: 1.6rem;
    padding: 1.593rem 3.28rem;
    min-height: 18rem
}

.db_tile_wrap .db_tile_title, .db_tile_wrap .db_tile_title_btm {
    font-size: 1.7452018182rem;
    color: #fff;
    font-weight: bold
}

.db_tile_wrap .db_title_count_top {
    font-size: 3.2710818182rem;
    color: #eef941
}

.db_tile_wrap .db_tile_title_btm {
    font-size: 2.062rem
}

.db_tile_wrap .db_title_count_btm {
    color: #eef941;
    font-weight: bold;
    font-size: 2.4369090909rem
}

.db_tile_wrap .db_title_count_btm span {
    font-size: 1.8745454545rem
}

.db_tile_wrap .db_tile_icon {
    width: 4.21rem;
    height: auto
}

.db_tile_wrap .db_tile_vector {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.db_tile_wrap_light {
    border: 1px solid rgba(0,0,0,.5)
}

.db_tile_wrap_light .db_tile_title {
    color: #000
}

.db_tile_wrap_light .db_title_count_top {
    color: #ef2884
}

.db_tile_wrap_light .totalScansCountWrap {
    width: 6.373rem
}

.db_tile_wrap_light .totalScansCountWrap .donut-inner {
    border: none !important
}

.db_tile_wrap_light .totalScansCountWrap .donut-inner h3 {
    font-size: 1.583rem;
    color: #F38744
}

.single-chart {
    width: 6.373rem;
    justify-content: space-around
}

.circular-chart {
    display: block;
    max-width: 100%
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8
}

.circle {
    fill: none;
    stroke-width: 3.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100
    }
}

.db_tile_icon_count .count_icon {
    width: 3.186rem;
    height: auto
}

.db_tile_icon_count .title {
    font-size: 1.031rem
}

.db_tile_icon_count .db_title_count_btm {
    font-size: 2.062rem
}

.db_tile_icon_count .db_title_count_btm span {
    font-size: 1.499rem
}

.bx-wrapper {
    padding: 0 !important;
    border: 0 !important;
    margin-bottom: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.bx-wrapper .bx-controls {
    display: none !important
}

.col_db_slider1 .bx-controls-direction a, .col_db_slider2 .bx-controls-direction a, .col_db_slider3 .bx-controls-direction a, .col_db_slider4 .bx-controls-direction a, .col_db_slider5 .bx-controls-direction a {
    width: 1.874rem;
    height: 1.874rem;
    border-radius: 50%;
    background-size: contain !important;
    background-position: center !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    -webkit-transform-origin: top center !important;
    -ms-transform-origin: top center !important;
    transform-origin: top center !important;
    margin-top: 0 !important
}

.col_db_slider1 .bx-controls-direction .bx-prev, .col_db_slider2 .bx-controls-direction .bx-prev, .col_db_slider3 .bx-controls-direction .bx-prev, .col_db_slider4 .bx-controls-direction .bx-prev, .col_db_slider5 .bx-controls-direction .bx-prev {
    -webkit-transform: rotate(180deg) translateY(-50%) !important;
    -ms-transform: rotate(180deg) translateY(-50%) !important;
    transform: rotate(180deg) translateY(-50%) !important
}

.col_db_slider1 .bx-controls-direction a {
    background: url("includes/images/arrow1.svg") no-repeat
}

.col_db_slider2 .bx-controls-direction a {
    background: url("includes/images/arrow2.svg") no-repeat
}

.col_db_slider3 .bx-controls-direction a {
    background: url("includes/images/arrow3.svg") no-repeat
}

.col_db_slider4 .bx-controls-direction a {
    background: url("includes/images/arrow4.svg") no-repeat
}

.col_db_slider5 .bx-controls-direction a {
    background: url("includes/images/arrow5.svg") no-repeat
}

.daterangepicker {
    z-index: 10000
}

@media(max-width: 991px) {
    html {
        font-size: 8px !important
    }

    .header_table {
        font-size: 1.6rem;
        padding: 1rem
    }

    .m-nav .m-nav__item .m-nav__link {
        padding: .9rem 2rem !important
    }

    .m-nav .m-nav__item .m-nav__link .m-nav__link-text {
        font-size: 1.4rem
    }

    .role_table td, .role_table th {
        padding: .5rem;
        font-size: 1.4rem
    }

    .db_tile_wrap {
        padding: 1.5rem 2rem
    }
}

.modal {
    z-index: 10001
}