:root {
    --bg-color: #E9E9E9;
}

@font-face {
    font-family: Krasar-regular;
    src: url(../../../../fonts/Krasar/Krasar-Regular.ttf);
}
@font-face {
    font-family: Krasar-light;
    src: url(/public/fonts/Krasar/Krasar-Light.ttf);
}
@font-face {
    font-family: Krasar-bold;
    src: url(/public/fonts/Krasar/Krasar-Bold.ttf);
}
body {
    font-family: Krasar-regular, sans-serif;
}

/* primary color */
.ccf-bg-primary {
    background-color: #023E8A !important;
}

.ccf-bg-light-primary {
    background-color: rgba(2, 62, 138, 0.19) !important;
}

.ccf-bg-opacity-50 {
    background-color: rgba(2, 62, 138, 0.50) !important;
}

.ccf-text-primary {
    color: #023E8A !important;
}

.ccf-text-red {
    color: #ed1c24 !important;
}

.smart-text-secondary {
    color: #A7D3B2 !important;
}

.ccf-bg-active-menu{
    background-color: #00B4D8 !important;
}

.test span, .test span i{
    color: #ed1c24 !important;
    font-weight: bold;
}

.test1 span, .test1 span i{
    color: white !important;
}

.a-hover{
    background-color: transparent;
}
.a-hover:hover{
    background-color: #1F5F9E !important;
}


.shadow-green {
    --bs-card-box-shadow: 0px 4px 12px 0px rgba(0, 150, 57, 0.13);
}

.rounded-4px {
    border-radius: 0.25rem;
}

.pad-l-r-0 {
    padding-right: 0!important;
    padding-left: 0!important;
}

.bg-card {
    background-color: #f8f4f4 !important;
}

i.bi, i[class*=" fa-"], i[class*=" fonticon-"], i[class*=" la-"], i[class^=fa-], i[class^=fonticon-], i[class^=la-] {
    line-height: 1;
    font-size: 1rem;
    color: white;
}

/* Custom Card Header Height */
.min-height-50px {
    min-height: 50px !important;
}

.btn-smart-yellow {
    background-color: #FFD300 !important;
    color: white;
}

.btn-smart-success {
    background-color: #009639 !important;
    color: black;
}

.w-xl-90 {
    width: 90% !important
}

/* Custom Button */
.btn-add{
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #f1416c;
    --bs-btn-border-color: #f1416c;
    --bs-btn-border-radius: 2rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(121, 6, 34, 0.71);
    --bs-btn-hover-border-color: rgba(241, 65, 108, 0.71);
    --bs-btn-focus-shadow-rgb: rgb(140, 42, 197);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgb(75, 152, 126);
    --bs-btn-active-border-color: rgba(241, 65, 108, 0.84);
}
.btn-bd-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #f1416c;
    --bs-btn-border-color: #f1416c;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(121, 6, 34, 0.71);
    --bs-btn-hover-border-color: rgba(241, 65, 108, 0.71);
    --bs-btn-focus-shadow-rgb: rgb(140, 42, 197);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: rgb(75, 152, 126);
    --bs-btn-active-border-color: rgba(241, 65, 108, 0.84);
}

.btn-ccf-primary {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #023E8A;
    --bs-btn-border-color: #023E8A;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(2, 62, 138, 0.93);
    --bs-btn-hover-border-color: rgba(2, 62, 138, 0.93);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #023E8A;
    --bs-btn-active-border-color: #023E8A;
}

.btn-ccf-primary:disabled{
    background-color: rgba(2, 62, 138, 0.62);
    color: white;
}

.btn-back {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #70757E;
    --bs-btn-border-color: #70757E;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #787a81;
    --bs-btn-hover-border-color: #787a81;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #70757E;
    --bs-btn-active-border-color: #70757E;
}

.btn-view {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #009198;
    --bs-btn-border-color: #009198;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #0ba896;
    --bs-btn-hover-border-color: #0ba896;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #009198;
    --bs-btn-active-border-color: #009198;
}

.btn-edit {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #236dc2;
    --bs-btn-border-color: #236dc2;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #3882d7;
    --bs-btn-hover-border-color: #3882d7;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #236dc2;
    --bs-btn-active-border-color: #236dc2;
}

.btn-delete {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #F94144;
    --bs-btn-border-color: #F94144;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #f8595c;
    --bs-btn-hover-border-color: #f8595c;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #F94144;
    --bs-btn-active-border-color: #F94144;
}

.btn-print {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #00956b;
    --bs-btn-border-color: #00956b;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #03a174;
    --bs-btn-hover-border-color: #03a174;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #00956b;
    --bs-btn-active-border-color: #00956b;
}
/* Custom switch color of not checked */
.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: #c7c4c4;
}
/* Custom pagination */
.pagination-hover {
    --bs-pagination-hover-color: #009639 !important;
}
.active > .pag1 {
    background-color: #009639 !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: #eceff1;
    border-bottom: 1px solid #ddd !important;
}

/* ============Scroll bar=============== */
/*#kt_app_sidebar_menu_scroll::-webkit-scrollbar {
    width: 0.5rem;
    background-color: #eaeaea!important;
    border-radius: 0.5rem;
}*/
#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb {
    background-color: rgba(122, 122, 122, 0.3) !important;
    border-radius: 0.5rem;
}
#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(155, 155, 155, 0.3) !important;
}


.user-profile {
    display: block !important;
}

.text-active {
    color: #9FC9E9 !important;
}
.bg-content {
    background-color: var(--bg-color);
}
.input-custom .form-control,
.input-custom .form-select{
    border-radius: 30px;
    box-shadow: 2px 2px 5px -2px #d5d4d4 inset;
}
.input-custom .form-select {
    --bs-form-select-bg-img: url(../../../../icons_custom/svgs/dropdown-custom.svg);
    display: block;
    width: 100%;
    padding: 0.775rem 3rem 0.775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    /*background-color: var(--bs-body-bg);*/
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 32px 24px;
    border: 1px solid var(--bs-gray-300);
    box-shadow: false;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none;
}

.hover-bg-grey:hover{
    background-color: var(--bs-gray-300);
    color: red;
    cursor: pointer;
}
.vh-80 {
    height: 80vh;
}
.vh-58{
    height: 63vh;
}
.vh-56{
    height: 57vh;
}
.content_list{
    cursor: pointer;
}
a.content_list{
    color: var(--bs-dark);
}
.content_list:hover{
    border-color: var(--bs-dark)!important;
}

.image-input-wrapper {
    background-image: url(../../../../icons_custom/dummy_icons/blank.svg);
    /*background-image: url(../../../../uploads/chapters/6530a4e02ace7-1697686752.jpg);*/
}
.w-90{
    width: 90%;
}
.description  img{
    max-width: 500px;
    width: 500px;
    height: auto;
}

/* custom font weight */
/*.menu-item{*/
/*    font-family: Krasar-bold,sans-serif;*/
/*}*/

.badge-ccf-primary {
    color: var(--bs-primary-inverse);
    background-color: #023E8A;
}

/* custom loader style */
#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(224, 218, 218, 0.75);
    z-index: 99999;
}