.clr_blue {
    color: #16b798
}

.clr_pink {
    color: #bc1f68
}

.clr_green {
    color: #00b49f
}

.clr_green2 {
    color: #17567b
}

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

body {
    font-family: "Spartan";
    font-weight: normal;
    font-weight: 500;
    font-size: 1.5rem;
    height: 100%;
    color: #344054
}

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: 100%
}

.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: #16b798
}

.login_right .vector {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 50%
}

.db_wrapper {
    min-height: 100%
}

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

.cst_checkbox input:checked ~ .checkmark {
    background-color: #18a388;
    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: #18a388;
    color: #fff !important;
    height: 5.2rem;
    border-radius: 1.8rem;
    font-weight: 500
}

    .btn_login_form:hover {
        background-color: #16b798
    }

.sideMenu_wrapper {
    width: 32rem;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #17567b;
    overflow: auto;
    padding: 2.2rem 1.4rem;
    z-index: 10000
}

.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: #00b49f
    }

    .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: #00b49f;
    line-height: 1;
    position: fixed;
    left: 30.3rem;
    top: 5rem;
    z-index: 11000;
    outline: none
}

    .menuToggle_btn svg {
        stroke: #fff
    }

.sideMenu_logo {
    min-height: 7.4rem;
    max-height: 7.4rem;
    display: block;
    background: url("includes/images/evento-logo.svg") 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: #17567b !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: #17567b
}

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

input:focus + .slider {
    box-shadow: 0 0 .1rem #17567b
}

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

.btn_export2 {
    font-size: 1.2rem;
    width: 100%;
    background-color: #00b49f !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: #17567b !important;
    border: .1rem solid #17567b !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: #17567b !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: #17567b;
    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: #17567b !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: #17567b !important
}

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

    .db_count_card .card-header {
        background-color: #bc1f68;
        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;
        display:none !important;
    }

.db_count_card_counter {
    background-color: #16b798;
    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
    }

.db_count_lg {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    min-height: 12.5rem;
    border-radius: 1.5rem
}

    .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: rgba(92,27,198,.15);
    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: #16b798;
        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: #e0000f
}

.chartTableWrapper tr.val_highlight .table_chart_bar_outer .table_chart_bar_inner {
    background: #e0000f !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: #00b49f
}

.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: #bc1f68;
        border-color: #bc1f68
    }

.checkIn_counts p {
    font-size: 1.4rem
}

.checkIn_counts h3 {
    font-size: 3.8rem;
    color: #00b49f
}

    .checkIn_counts h3.count_denied {
        color: #e0000f
    }

    .checkIn_counts h3.clr_blue {
        color: #16b798
    }

.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: #00b49f
    }

    .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: #00b49f
    }

        .barTable_wrap .table_chart_bar_outer .table_chart_bar_inner {
            background-color: #17567b;
            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: rgba(92,27,198,.15);
        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: #17567b;
                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: #17567b;
                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: rgba(0,180,159,.1);
    height: 100%;
    min-height: 12.2rem;
    padding: .7rem
}

    .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: 2.4rem
}

    .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: #17567b;
                border-left: .5rem solid #17567b
            }

                .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: rgba(92,27,198,.15);
    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;
        display: none !important;
    }

.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: #bc1f68
    }

    .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: #e0000f
            }

.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
}