:root {
    --bg-color: #E9E9E9;
    /*--bg-color: #E9E9E9;*/
    --nca-bg-primary: #424242; /*Dark Grey*/
    /*--nca-bg-primary: #046348;*/ /*Dark Green*/
}

@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 */
.nca-bg-primary {
    background-color: var(--nca-bg-primary) !important;
}

.smart-text-primary {
    color: #009639 !important;
}

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

.smart-bg-y{
    background-color: #FFD300 !important;
}

.test span, .test span i{
    color: #009639 !important;
}

.test1 span, .test1 span i{
    color: white !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-smart-primary {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: #009639;
    --bs-btn-border-color: #009639;
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: rgba(0, 150, 57, 0.93);
    --bs-btn-hover-border-color: rgba(0, 150, 57, 0.93);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #009639;
    --bs-btn-active-border-color: #009639;
}

.btn-back {
    --bs-btn-font-weight: 500;
    --bs-btn-color: #3E93D4;
    --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 textarea {*/
/*    min-height: 25vh;*/
/*}*/
.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: 78vh;
}
.vh-58{
    height: 63vh;
}
.vh-56{
    height: 54vh;
}
.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;
}

.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
    color: var(--bs-gray-700);
    font-weight: 500;
    font-family: inherit !important;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    outline: 0;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
.dz-preview img.object-fit-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.dz-preview {
    width: 500px;
    height: 300px;
}

.dz-image {
    width: auto !important;
    height: auto !important;
}

#audio_upload .dz-preview{
    height: auto!important;
}
.edit.dropzone .dz-preview {
    max-width: 300px;
    height: auto;
}
.edit.dropzone .dz-preview .dz-image img{
    max-width: 300px;
    height: auto;
}

/*overwrite color of arrow dropdown menu of the side bar*/
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #ffffff; /*custom color on active*/
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e")
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.show > .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e);
    mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #ffffff; /*Custom color here on show*/
    -webkit-mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e);
    mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-gray-700);
    -webkit-mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e);
    mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e);
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: #ffffff !important;
    -webkit-mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e);
    mask-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-gray-700%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e);
}

.ck-content .text-tiny {
    font-size: 0.7em;
}

.ck-content .text-small {
    font-size: 0.85em;
}

.ck-content .text-big {
    font-size: 1.4em;
}

.ck-content .text-huge {
    font-size: 1.8em;
}

.bg-yellow{
    background-color: #ffff99 !important;
}
.bg-blank-gray{
    background-color: #808080 !important;
}
.bg-total{
    background-color: #92d050 !important;
}
.bg-slight-gray{
    background-color: #c0c0c0 !important;
}
.bg-green{
    background-color: #92d050 !important;
}