:root {
    --crediapp-primary: #365791;
    --crediapp-secondary: #3D62A4;
    --crediapp-gold: #EABA4D;
    --bs-primary-active: #365791;
    --bs-primary-verylight: #fafaff;
}

body {
    background: #F0F0F0;
}

/* CREDIAPP BASE THEME MOD */
.btn-primary,
.form-check-primary .form-check-input:checked,
.btn.btn-light-primary:hover:not(.btn-active),
.badge-primary,
.active > .page-link,
.page-link.active{
    background-color: var(--crediapp-secondary)!important;
}
.btn.btn-primary:hover{
    background-color: var(--crediapp-primary)!important;
}
#kt_app_header.app-header{
    background-color: var(--crediapp-primary)!important;
    box-shadow: var(--bs-menu-dropdown-box-shadow);
}
#kt_app_header .menu-lg-down-accordion .menu-title{
    color: #fff!important;
}
#kt_app_header .app-navbar-item .btn.btn-active-light i{
    color: var(--bs-white);
}
#kt_app_header .app-navbar-item .btn.btn-active-light:hover,
#kt_app_header .app-navbar-item .btn.btn-active-light.show {
    background-color: #0000002b!important;
}
#kt_app_header .menu-item > .menu-sub-lg-dropdown .app-navbar-item .btn.btn-active-light:hover i,
#kt_app_header .menu-item > .menu-sub-lg-dropdown .app-navbar-item .btn.btn-active-light.show i {
    color: var(--bs-white);
}
#kt_app_header .menu-item > .menu-sub-lg-dropdown
/*,
#kt_app_header .app-navbar-item > .menu-sub-dropdown*/{
    background-color: var(--crediapp-secondary);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/*#kt_app_header .menu-sub-dropdown{
    background-color: var(--crediapp-secondary);
}
#kt_app_header .menu-sub-dropdown,
#kt_app_header .menu-sub-dropdown a,
#kt_app_header .menu-sub-dropdown .text-muted{
    color: var(--bs-white) !important;
}*/
/*#kt_app_header .drawer,*/
#kt_app_header .menu-item > .menu-sub-lg-dropdown .menu-state-bg .menu-item > .menu-link:hover,
#kt_app_header .menu-item > .menu-sub-lg-dropdown .menu-state-bg .menu-item.show > .menu-link{
    background-color: var(--crediapp-primary) !important;
}
#kt_app_header .app-header-menu .menu .menu-item .menu-link .menu-icon i{
    color: var(--bs-white) !important;
}
#kt_app_header .app-header-menu .menu .menu-item .menu-link:hover .menu-icon i,
#kt_app_header .app-header-menu .menu .menu-item .menu-link:hover .menu-title{
    color: var(--crediapp-gold)!important;
}
/*#kt_app_header .menu-sub-dropdown .separator{
    border-color: var(--bs-text-muted);
}
#kt_app_header .menu-sub-dropdown .form-control,
#kt_app_header .menu-sub-dropdown .label
{
    color: var(--bs-white);
}
#kt_app_header .menu-sub-dropdown .menu-link > .menu-title > .bg-light{
    background-color: var(--bs-text-muted) !important;
    color: var(--bs-black);
}*/
.z-index-2{
    z-index: 2;
}

#kt_app_header .app-navbar-item > .menu-sub-dropdown .custom-dropdown-header{
    position: relative;
    z-index: 1;
    height: 112px;
}

#kt_app_header .app-navbar-item > .menu-sub-dropdown .custom-dropdown-header .custom-dropdown-header-icon-position{
    position: absolute;
    top: 23px;
    right: 15px;
    z-index: 2;
}
#kt_app_header .app-navbar-item > .menu-sub-dropdown .custom-dropdown-header .custom-dropdown-header-bg{
    position: absolute;
    background-size: cover;
    background-position: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 112px;
    opacity: .8;
    z-index: 1;
    background-image: linear-gradient(180deg,#365791,#2f376c);
}

/* CREDIAPP BASE THEME MOD END */

/* DARK THEME MODE */

:root[data-bs-theme=dark] table.table.inner-table > tbody > tr.selected-row,
:root[data-bs-theme=dark] table.table.inner-table > tbody > tr.selected-row td {
    background-color: #1a1a1a;
}

:root[data-bs-theme=dark] .text-black{
    color: gray!important;
}
:root[data-bs-theme=dark] .form-check-label{
    color: gray!important;
}
:root[data-bs-theme=dark] div.sticky-button-container.sticky{
    background-color: var(--bs-card-bg)!important;
}
:root[data-bs-theme=dark] .jstree-default .jstree-hovered, :root[data-bs-theme=dark] .jstree-default .jstree-clicked{
    background: var(--bs-primary);
}

/* DARK THEME MODE END */
/* LIGHT THEME MODE */
:root[data-bs-theme=light] body.contrast-mode .form-control{
    background-color: var(--bs-primary-verylight)!important;
    border: 1px solid var(--bs-gray-400);
}
/* LIGHT THEME MODE END*/
/* CONTRAST THEME MODE */
body.contrast-mode .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    background-color: inherit!important;
}
body.contrast-mode .card,
body.contrast-mode .form-check-input{
    border: 1px solid var(--bs-gray-400);
}
body.contrast-mode .card .card-header,
body.contrast-mode .modal-header{
    border-bottom: 1px solid var(--bs-gray-400);
}
body.contrast-mode .modal-footer{
    border-top: 1px solid var(--bs-gray-400);
}
body.contrast-mode .border-gray-300{
    border-color: var(--bs-gray-400) !important;
}
body.contrast-mode .tox .tox-edit-area__iframe{
    background-color: var(--bs-primary-verylight)!important;
}
/* CONTRAST THEME MODE END */

.form-check-label{
    color: var(--bs-black);
}

#linkModal .modal-dialog,
#linkModal2 .modal-dialog,
#linkModal3 .modal-dialog {
    max-width: 100%;
    width: 768px;
}
@media (min-width: 576px) {
    #linkModal.full-width .modal-dialog:not(.base-width),
    #linkModal2.full-width .modal-dialog:not(.base-width),
    #linkModal3.full-width .modal-dialog:not(.base-width) {
        width: 90%;
    }
}

@media (max-width: 576px) {
    #kt_app_content_container{
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .w-xs-100{
        width: 100vw !important;
        right: 3px !important;

    }
}

div.sticky-button-container.sticky {
    background-color: var(--bs-white);
    padding: 26px 29px 23px 29px;
    box-shadow: var(--bs-app-header-minimize-box-shadow);
    border-bottom: 1px solid var(--bs-card-border-color);
}

.form-floating > label{
    padding: 0.8rem 1rem;
}

.form-floating > .form-control.h-auto > .form-check:first-child{
    margin-top: 0!important;
}

.form-floating .form-select{
    padding: 1.75rem 3rem 0.35rem 1rem!important;
}

.form-floating .float-label{
    z-index: 6;
}
.form-floating input:focus{
    z-index: 1!important;
}

.fv-plugins-message-container.invalid-feedback,
.fv-plugins-message-container.valid-feedback{
    position: absolute;
}

.invalid-feedback{
    margin-top: 0;
    font-size: 11px;
}

.table.gs-9 td:first-child, .table.gs-9 th:first-child {
    padding-left: 2.25rem !important;
}

table.table.inner-table > tbody > tr.selected-row,
table.table.inner-table > tbody > tr.selected-row td {
    background-color: #f9f9f9;
}
.hidden-iframe {
    border: none;
    width: 100%;
    height: 100%;
    display: block;
}

.alert.alert-gray {
    color: var(--bs-gray-500);
    border-color: var(--bs-gray-500);
    background-color: var(--bs-gray-100);
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline{
    display: inline-block!important;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice{
    margin-bottom: 0;
}
.form-floating .form-select.select2-selection--multiple{
    padding: 1.6rem 3rem 0.2rem 1rem !important;
}

/* MEDIA QUERIES BELOW */
@media (max-width: 768px) {
    .modal-dialog-scrollable {
        height: calc(100% - 168px) !important;
    }
}

/* Needed formats, that missing from Metronic CSS */
.text-justify {
    text-align: justify !important;
}

.font-weight-bold{
    font-weight: bold!important;
}

.disabled-input {
    pointer-events: none;
    opacity: 0.5;
}

.w-160px {
    width: 160px !important;
}
.h-160px {
    height: 160px !important;
}

.mh-210px {
    max-height: 210px !important;
}

.border-bottom-light {
    border-bottom: 1px dashed #CCCCCC !important;
}

.copy-button {
    border: 1px solid rgb(219, 223, 233) !important;
    border-top-right-radius: 0.475rem !important;
    border-bottom-right-radius: 0.475rem !important;
}

.modal-backdrop.show.second-modal-backdrop {
    z-index: 1060;
}
.second-modal {
    z-index: 1070;
}

.required:after {
    inset: unset !important;
    content: '*' !important;
}

.text-brown {
    color: #9a878c !important;
}

.timeline-label.with-full-date .timeline-label {
    width: 140px;
}
.timeline-label.with-full-date:before,
.timeline-label.with-full-date .timeline-label:before {
    left: 141px;
}
.form-floating.form-check-inline {
    width: 100% !important;
}

.btn.btn-active-light-primary.selected,
.btn.btn-active-light-primary.selected:hover {
    background-color: #056ee9 !important;
}
.btn.btn-active-light-primary.selected h2 {
    color: #ffffff !important;
}

.ml-auto{
    margin-left: auto;
}

.swal2-container {
    z-index: 2000 !important;
}

/***** START OF HORIZONTAL TIMELINE *****/
.timeline-horizontal {
    clear: both;
}
.timeline-horizontal .timeline-horizontal-item {
    float: left;
    position: relative;
}
.timeline-horizontal .timeline-horizontal-item:not(.done) {
    opacity: 0.5;
}
.timeline-horizontal .timeline-horizontal-item:not(:first-of-type) {
    margin-left: 5px;
}
.timeline-horizontal .timeline-horizontal-item .timeline-horizontal-label .arrow.not-done {
    opacity: 0.5;
}
/***** END OF HORIZONTAL TIMELINE *****/

input[type="number"]::-webkit-inner-spin-button {
    height: 48px;
    position:absolute;
    top:0;
    right:0;
}

.p-5-10 {
    padding: 5px 10px;
}

textarea.form-control {
    /*height: auto !important;*/
}

.hovering-zoom {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hovering-zoom:hover {
    -webkit-transform: scale(1.05); /* Safari and Chrome */
    -moz-transform: scale(1.05); /* Firefox */
    -ms-transform: scale(1.05); /* IE 9 */
    -o-transform: scale(1.05); /* Opera */
    transform: scale(1.05);
}

label.d-none + .form-switch, .form-check-inline:not(.form-floating) {
    padding-top: 0.427rem;
}
.form-check-inline.form-floating .form-check-inline {
    padding-top: 0 !important;
}

.second-backdrop {
    z-index: 1065;
}