﻿html:not([data-theme=dark]) {
    --kt-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --kt-app-header-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --kt-app-header-base-border-bottom: rgba(82, 63, 105, 0.05);
}

    @media (min-width: 992px) {
        .app-header {
            box-shadow: var(--bs-app-header-minimize-box-shadow);
        }
    }

[data-bs-theme=dark] [data-kt-app-layout=dark-sidebar] .app-sidebar {
    border-left: 1px solid #121212;
    box-shadow: var(--bs-app-header-minimize-box-shadow);
    background:#000;
}


    table .BasicDatatable th, table.BasicDatatableSort0 th {
    border-bottom-width: 3px;
}

label{
    margin-bottom: 5px;
}
.here {
}
.form-check-input {
    border-width: 2px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    position: absolute;
    padding-left: 0;
    cursor: pointer;
    right: 0px;
    left: 0px;
    border: 0;
}

.btn-block {
    display: block!important;
}

.dataTables_info {
    font-size: .9rem;
    line-height: 35px;
}

.btn i {
    font-size: 1.3rem;
}

.text-0 {
    color: var(--bs-text-primary) !important;
}
.text-1 {
    color: var(--bs-text-success) !important;
}
.text-2 {
    color: var(--bs-text-danger) !important;
}
/*table.dataTable td, table.dataTable th {
    vertical-align: middle;
}
*/
/*@import url('https://fonts.googleapis.com/css2?family=Changa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');

body, html {
    font-family: 'Tajawal', Inter,Helvetica,sans-serif;
    font-size: .93rem !important;
}
*/
:root {
    --primary: #3E97FF;
    --secondary: #DBDFE9;
    --success: #75CC68;
    --info: #7239EA;
    --warning: #E78B2F;
    --danger: #F1416C;
    --dark: #071437;
    --bs-timeline-icon-size: 38px;
}

.symbol .symbol-label,
.symbol > img,
.card,
.btn,
.form-control {
    border-radius: 0.5rem;
}


table .BasicDatatable th, table.BasicDatatableSort0 th {
    border-bottom-width: 3px;
}

mr-3 {
    margin-right: 3px !important;
}

.mr-7 {
    margin-right: 7px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.left-10 {
    left: 10px !important;
}

.btn.btn-icon.btn-title {
    height: calc(1.2em + 1.55rem + 2px);
    width: calc(1.2em + 1.55rem + 2px);
}

.dataTables_length .form-select.form-select-solid,
.dataTables_filter .form-control.form-control-solid {
    border-color: var(--bs-gray-300);
}

.here {
}

@media (max-width: 992px) {
    .hidden-xs {
        display: none;
    }

    .afs-sm-2x {
        font-size: 2rem !important;
    }

    .afs-sm-2-5x {
        font-size: 2.5rem !important;
    }

    .afs-sm-3x {
        font-size: 3rem !important;
    }
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 0px;
    padding-left: 0px;
}


.svg-icon svg {
    height: 1.5rem;
    width: 1.5rem;
}

    .svg-icon svg g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
        fill: #B5B5C3;
    }

    .svg-icon svg:hover g [fill] {
        -webkit-transition: fill 0.3s ease;
        transition: fill 0.3s ease;
    }

.svg-icon.svg-icon-white svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #ffffff !important;
}

.svg-icon.svg-icon-white svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-white svg path {
    fill: #ffffff !important;
}

.svg-icon.svg-icon-primary svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: var(--primary) !important;
}

.svg-icon.svg-icon-primary svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-primary svg path {
    fill: var(--primary) !important;
}

.svg-icon.svg-icon-secondary svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32 !important;
}

.svg-icon.svg-icon-secondary svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-secondary svg path {
    fill: #181C32 !important;
}

.svg-icon.svg-icon-success svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: var(--success) !important;
}

.svg-icon.svg-icon-success svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-success svg path {
    fill: var(--success) !important;
}

.svg-icon.svg-icon-info svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: var(--info) !important;
}

.svg-icon.svg-icon-info svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-info svg path {
    fill: var(--info) !important;
}

.svg-icon.svg-icon-warning svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: var(--warning) !important;
}

.svg-icon.svg-icon-warning svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-warning svg path {
    fill: var(--warning) !important;
}

.svg-icon.svg-icon-danger svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: var(--danger) !important;
}

.svg-icon.svg-icon-danger svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-danger svg path {
    fill: var(--danger) !important;
}

.svg-icon.svg-icon-light svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #F3F6F9 !important;
}

.svg-icon.svg-icon-light svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-light svg path {
    fill: #F3F6F9 !important;
}

.svg-icon.svg-icon-dark svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #181C32 !important;
}

.svg-icon.svg-icon-dark svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark svg path {
    fill: #181C32 !important;
}

.svg-icon.svg-icon-dark-75 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #3F4254 !important;
}

.svg-icon.svg-icon-dark-75 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-75 svg path {
    fill: #3F4254 !important;
}

.svg-icon.svg-icon-dark-65 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #5E6278 !important;
}

.svg-icon.svg-icon-dark-65 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-65 svg path {
    fill: #5E6278 !important;
}

.svg-icon.svg-icon-dark-50 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #7E8299 !important;
}

.svg-icon.svg-icon-dark-50 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-50 svg path {
    fill: #7E8299 !important;
}

.svg-icon.svg-icon-dark-25 svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #D1D3E0 !important;
}

.svg-icon.svg-icon-dark-25 svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-dark-25 svg path {
    fill: #D1D3E0 !important;
}

.svg-icon.svg-icon-muted svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #B5B5C3 !important;
}

.svg-icon.svg-icon-muted svg:hover g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}

.svg-icon.svg-logo-muted svg path {
    fill: #B5B5C3 !important;
}

.svg-icon.svg-icon-sm svg {
    height: 1.25rem !important;
    width: 1.25rem !important;
}

.svg-icon.svg-icon-md svg {
    height: 1.5rem !important;
    width: 1.5rem !important;
}

.svg-icon.svg-icon-lg svg {
    height: 1.75rem !important;
    width: 1.75rem !important;
}

.svg-icon.svg-icon-xl svg {
    height: 2rem !important;
    width: 2rem !important;
}

.svg-icon.svg-icon-xxl svg {
    height: 2.25rem !important;
    width: 2.25rem !important;
}

.svg-icon.svg-icon-1x svg {
    height: 1rem !important;
    width: 1rem !important;
}

.svg-icon.svg-icon-2x svg {
    height: 2rem !important;
    width: 2rem !important;
}

.svg-icon.svg-icon-3x svg {
    height: 3rem !important;
    width: 3rem !important;
}

.svg-icon.svg-icon-4x svg {
    height: 4rem !important;
    width: 4rem !important;
}

.svg-icon.svg-icon-5x svg {
    height: 5rem !important;
    width: 5rem !important;
}

.svg-icon.svg-icon-6x svg {
    height: 6rem !important;
    width: 6rem !important;
}

.svg-icon.svg-icon-7x svg {
    height: 7rem !important;
    width: 7rem !important;
}

.svg-icon.svg-icon-8x svg {
    height: 8rem !important;
    width: 8rem !important;
}

.svg-icon.svg-icon-9x svg {
    height: 9rem !important;
    width: 9rem !important;
}

.svg-icon.svg-icon-10x svg {
    height: 10rem !important;
    width: 10rem !important;
}

.svg-icon.svg-icon-full svg {
    height: 100% !important;
    width: 100% !important;
}

@media (min-width: 576px) {
    .svg-icon.svg-icon-sm-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-sm-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-sm-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-sm-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-sm-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-sm-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-sm-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-sm-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-sm-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-sm-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-sm-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-sm-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-sm-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-sm-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-sm-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-sm-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .svg-icon.svg-icon-md-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-md-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-md-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-md-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-md-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-md-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-md-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-md-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-md-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-md-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-md-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-md-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-md-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-md-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-md-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-md-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .svg-icon.svg-icon-lg-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-lg-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-lg-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-lg-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-lg-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-lg-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-lg-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-lg-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-lg-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-lg-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-lg-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-lg-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-lg-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-lg-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-lg-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-lg-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .svg-icon.svg-icon-xl-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-xl-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-xl-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-xl-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xl-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-xl-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-xl-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xl-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-xl-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-xl-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-xl-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-xl-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-xl-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-xl-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-xl-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-xl-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

@media (min-width: 1400px) {
    .svg-icon.svg-icon-xxl-sm svg {
        height: 1.25rem !important;
        width: 1.25rem !important;
    }

    .svg-icon.svg-icon-xxl-md svg {
        height: 1.5rem !important;
        width: 1.5rem !important;
    }

    .svg-icon.svg-icon-xxl-lg svg {
        height: 1.75rem !important;
        width: 1.75rem !important;
    }

    .svg-icon.svg-icon-xxl-xl svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xxl-xxl svg {
        height: 2.25rem !important;
        width: 2.25rem !important;
    }

    .svg-icon.svg-icon-xxl-1x svg {
        height: 1rem !important;
        width: 1rem !important;
    }

    .svg-icon.svg-icon-xxl-2x svg {
        height: 2rem !important;
        width: 2rem !important;
    }

    .svg-icon.svg-icon-xxl-3x svg {
        height: 3rem !important;
        width: 3rem !important;
    }

    .svg-icon.svg-icon-xxl-4x svg {
        height: 4rem !important;
        width: 4rem !important;
    }

    .svg-icon.svg-icon-xxl-5x svg {
        height: 5rem !important;
        width: 5rem !important;
    }

    .svg-icon.svg-icon-xxl-6x svg {
        height: 6rem !important;
        width: 6rem !important;
    }

    .svg-icon.svg-icon-xxl-7x svg {
        height: 7rem !important;
        width: 7rem !important;
    }

    .svg-icon.svg-icon-xxl-8x svg {
        height: 8rem !important;
        width: 8rem !important;
    }

    .svg-icon.svg-icon-xxl-9x svg {
        height: 9rem !important;
        width: 9rem !important;
    }

    .svg-icon.svg-icon-xxl-10x svg {
        height: 10rem !important;
        width: 10rem !important;
    }

    .svg-icon.svg-icon-xxl-full svg {
        height: 100% !important;
        width: 100% !important;
    }
}

.svg-icon.svg-icon-flip svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.svg.svg-fill-white {
    fill: #ffffff !important;
}

.svg.svg-fill-light-white {
    fill: #ffffff !important;
}

.svg.svg-fill-primary {
    fill: var(--primary) !important;
}

.svg.svg-fill-light-primary {
    fill: #E1F0FF !important;
}

.svg.svg-fill-secondary {
    fill: #181C32 !important;
}

.svg.svg-fill-light-secondary {
    fill: #EBEDF3 !important;
}

.svg.svg-fill-success {
    fill: var(--success) !important;
}

.svg.svg-fill-light-success {
    fill: #C9F7F5 !important;
}

.svg.svg-fill-info {
    fill: var(--info) !important;
}

.svg.svg-fill-light-info {
    fill: #EEE5FF !important;
}

.svg.svg-fill-warning {
    fill: var(--warning) !important;
}

.svg.svg-fill-light-warning {
    fill: #FFF4DE !important;
}

.svg.svg-fill-danger {
    fill: var(--danger) !important;
}

.svg.svg-fill-light-danger {
    fill: #FFE2E5 !important;
}

.svg.svg-fill-light {
    fill: #F3F6F9 !important;
}

.svg.svg-fill-light-light {
    fill: #F3F6F9 !important;
}

.svg.svg-fill-dark {
    fill: #181C32 !important;
}

.svg.svg-fill-light-dark {
    fill: #D1D3E0 !important;
}

.svg.svg-fill-dark-75 {
    fill: #3F4254 !important;
}

.svg.svg-fill-light-dark-75 {
    fill: !important;
}

.svg.svg-fill-dark-65 {
    fill: #5E6278 !important;
}

.svg.svg-fill-light-dark-65 {
    fill: !important;
}

.svg.svg-fill-dark-50 {
    fill: #7E8299 !important;
}

.svg.svg-fill-light-dark-50 {
    fill: !important;
}

.svg.svg-fill-dark-25 {
    fill: #D1D3E0 !important;
}

.svg.svg-fill-light-dark-25 {
    fill: !important;
}

.svg.svg-fill-muted {
    fill: #B5B5C3 !important;
}

.svg.svg-fill-light-muted {
    fill: !important;
}


.symbol.symbol-primary .symbol-label {
    background-color: #3699FF;
    color: #FFFFFF;
}

.symbol.symbol-light-primary .symbol-label {
    background-color: #E1F0FF;
    color: #3699FF;
}

.symbol.symbol-secondary .symbol-label {
    background-color: #E4E6EF;
    color: #3F4254;
}

.symbol.symbol-light-secondary .symbol-label {
    background-color: #EBEDF3;
    color: #E4E6EF;
}

.symbol.symbol-success .symbol-label {
    background-color: #1BC5BD;
    color: #ffffff;
}

.symbol.symbol-light-success .symbol-label {
    background-color: #C9F7F5;
    color: #1BC5BD;
}

.symbol.symbol-info .symbol-label {
    background-color: #8950FC;
    color: #ffffff;
}

.symbol.symbol-light-info .symbol-label {
    background-color: #EEE5FF;
    color: #8950FC;
}

.symbol.symbol-warning .symbol-label {
    background-color: #FFA800;
    color: #ffffff;
}

.symbol.symbol-light-warning .symbol-label {
    background-color: #FFF4DE;
    color: #FFA800;
}

.symbol.symbol-danger .symbol-label {
    background-color: #F64E60;
    color: #ffffff;
}

.symbol.symbol-light-danger .symbol-label {
    background-color: #FFE2E5;
    color: #F64E60;
}

.symbol.symbol-light .symbol-label {
    background-color: #F3F6F9;
    color: #7E8299;
}

.symbol.symbol-light-light .symbol-label {
    background-color: #F3F6F9;
    color: #F3F6F9;
}

.symbol.symbol-dark .symbol-label {
    background-color: #181C32;
    color: #ffffff;
}

.symbol.symbol-light-dark .symbol-label {
    background-color: #D1D3E0;
    color: #181C32;
}

.symbol.symbol-white .symbol-label {
    background-color: #ffffff;
    color: #3F4254;
}

.symbol.symbol-light-white .symbol-label {
    background-color: #ffffff;
    color: #ffffff;
}


/*table.dataTable td, table.dataTable th {
    vertical-align: middle;
}

@media (max-width: 767.98px) {
    .paginate_button.page-item,
    .hidden-sm, .hidden-xs {
        display: none;
    }

        .paginate_button.page-item.previous,
        .paginate_button.page-item.next {
            display: block;
        }

    .dataTables_info {
        font-size: .8rem;
        line-height: 2.7rem;
    }
}
*/

