body, html {
    font-family: 'Maven Pro', sans-serif;
}

:root, [data-bs-theme=light] {
    /* --bs-app-bg-color: #F8F1ED; */
    /* --bs-app-header-sticky-bg-color: #023530; */
    --bs-body-font-family: 'Maven Pro', sans-serif;
    /* --bs-component-active-bg: #165B48; */
    /* --bs-primary: #023530; */
    /* --bs-text-primary: #3D8458; */
    /* --bs-primary-active: #3D8458; */
}

.hide {
    display: none !important;
}

/* .app-header .app-container {
    background-color: var(--bs-primary);
} */

/* .menu-item.here.menu-here-bg {
    background-color: var(--bs-primary-active);
} */

/* @media (min-width: 992px) {
    .menu-sub.menu-sub-lg-down-accordion.menu-sub-lg-dropdown {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
} */

/* Datatable */
.datatable-tools:not(.datatable-footer) {
    display: flex;
    padding: 2.25rem;
    background-color: #F9F9F9;
}
div.dataTables_wrapper div.dataTables_length {
    float: left;
    padding: 0px;
}
div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
div.DTTT_container {
    position: relative;
    float: right;
}
.pr15 {
    padding-right: 15px;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}
.dataTables_filter {
    float: right;
    padding: 0px !important;
}
.dataTables_wrapper .form-control.form-control-solid,
.dataTables_wrapper .form-select.form-select-solid {
    background-color: #FFFFFF;
    border-color: var(--bs-gray-300);
    font-size: 1.1rem;
}
.datatable-tools.datatable-footer {
    margin: 6px 30px !important;
}
div.dataTables_wrapper div.dataTables_info {
    padding: 0;
    padding-top: 0.65em;
}
div.dataTables_wrapper div.dataTables_paginate {
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate .pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}
table.dataTable thead tr {
    color: var(--bs-text-gray-400) !important;
    text-transform: uppercase !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-size: .95rem !important;
}
table.dataTable thead th {
    border-top: 1px solid #f2f2f2;
    padding: 0.75rem 0.75rem;
}
table.dataTable thead th:first-child {
    padding-left: 30px !important;
}
table.dataTable thead th:last-child {
    padding-right: 30px !important;
}
table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px dashed #f2f2f2;
    background-color: #ffffff;
    padding: .75rem .75rem;
}
table.dataTable.display tbody th:first-child, table.dataTable.display tbody td:first-child {
    padding-left: 30px;
}
table.dataTable.display tbody th:last-child, table.dataTable.display tbody td:last-child {
    padding-right: 30px;
}
.dataTables_wrapper .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: 7px 10px !important;
    margin-left: 10px;
    background: #fff;
    border: 1px solid var(--bs-gray-300) !important;
}
table.dataTable.no-footer {
    border-bottom: 1px dashed #f2f2f2;
}
table.dataTable tbody {
    color: var(--bs-text-gray-600)!important;
    font-weight: 500!important;
}
td.option a, .action-option {
    cursor: pointer;
    min-width: 28px;
    background: #fff;
    color: #a1a3a5;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px;
    padding: 2px 0 2.5px 0;
    border: 1px solid #e2e7f1;
    font-size: 14px;
}
td.option a.delete:hover {
    background: #FD397A;
    color: #fff;
    border: 1px solid #FD397A;
}
td.option a:hover, .action-option:hover {
    background: #0ABB87;
    color: #fff;
    border: 1px solid #0ABB87;
}
.icon-16 {
    width: 16px;
    height: 16px;
}

/* width properties */
.w60 {
    width: 60px;
}
.w100 {
    width: 100px;
}
.w120 {
    width: 120px;
}
.w150 {
    width: 150px;
}
.w200 {
    width: 200px;
}

@media (min-width: 992px) {
    :root {
        --bs-app-toolbar-height: 60px;
    }
    .app-header-menu .menu>.menu-item {
        margin-right: 1.3rem !important;
    }
}

.notifiction_on {
    --bs-bg-rgb-color: var(--bs-success-rgb);
    background-color: var(--bs-success)!important;

    animation: hithere 1s ease infinite;
}
.notifiction_on i {
    color: darkgreen !important;
}

@keyframes hithere {
    30% { transform: scale(1.2); }
    40%, 60% { transform: rotate(-20deg) scale(1.2); }
    50% { transform: rotate(20deg) scale(1.2); }
    70% { transform: rotate(0deg) scale(1.2); }
    100% { transform: scale(1); }
}

/* diamond */
.bg-ranking-1 {
    background-color: #8a8395 !important;
}
/* platinum */
.bg-ranking-2 {
    background-color: #698289 !important;
}
/* gold */
.bg-ranking-3 {
    background-color: #e0b648 !important;
}
/* silver */
.bg-ranking-4 {
    background-color: #cacacc !important;
}
/* bronze */
.bg-ranking-5 {
    background-color: #ad713f !important;
}