a {
    color: #06A3DA;
}

.scrolltop,
.scrolltop:hover {
    background-color: #06A3DA;
}

.scrolltop {
    border-radius: 100%;
}

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

.swal2-popup {
    border-radius: 30px;
}

.btn,
a.btn {
    transition: all .3s ease-in-out;
}

.btn-check:checked + .btn.btn-light, 
.btn-check:active + .btn.btn-light, 
.btn.btn-light:focus:not(.btn-active), 
.btn.btn-light:hover:not(.btn-active), 
.btn.btn-light:active:not(.btn-active), 
.btn.btn-light.active, .btn.btn-light.show, 
.show > .btn.btn-light {
    color: #fff;
    background-color: #06A3DA!important;
}

.btn-check:checked + .btn.btn-light i, 
.btn-check:checked + .btn.btn-light .svg-icon, 
.btn-check:active + .btn.btn-light i, 
.btn-check:active + .btn.btn-light .svg-icon, 
.btn.btn-light:focus:not(.btn-active) i, 
.btn.btn-light:focus:not(.btn-active) .svg-icon, 
.btn.btn-light:hover:not(.btn-active) i, 
.btn.btn-light:hover:not(.btn-active) .svg-icon, 
.btn.btn-light:active:not(.btn-active) i, 
.btn.btn-light:active:not(.btn-active) .svg-icon, 
.btn.btn-light.active i, 
.btn.btn-light.active .svg-icon, 
.btn.btn-light.show i, 
.btn.btn-light.show .svg-icon, 
.show > .btn.btn-light i, 
.show > .btn.btn-light .svg-icon {
    color: #fff;
}

.btn.menu-icon i {
    transition: all .3s ease-in-out;
}

.btn.btn-gray {
    background-color: #d9d9d9;
}

.btn.btn-gray .menu-icon i {
    color: var(--bs-body-color);
    transition: all .3s ease-in-out;
}

.btn.btn-gray:hover {
    color: #fff;
    background-color: #06A3DA;
}

.btn.btn-gray:hover .menu-icon i {
    color: #fff;
}

.btn.btn-light-primary {
    background-color: #d5eff7;
    color: #06A3DA;
}

.btn.btn-light-primary i,
.btn.btn-light-primary .svg-icon {
    color: #06A3DA;
}

.btn.btn-light-primary .svg-icon {
    color: #06A3DA;
}

.btn-check:checked + .btn.btn-light-primary, 
.btn-check:active + .btn.btn-light-primary, 
.btn.btn-light-primary:focus:not(.btn-active), 
.btn.btn-light-primary:hover:not(.btn-active), 
.btn.btn-light-primary:active:not(.btn-active), 
.btn.btn-light-primary.active, 
.btn.btn-light-primary.show, 
.show > .btn.btn-light-primary {
    background-color: #06A3DA!important;
    color: #fff!important;
}

.btn-check:checked + .btn.btn-primary,
.btn-check:active + .btn.btn-primary,
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active,
.btn.btn-primary.show,
.show > .btn.btn-primary {
    border-color: #06A3DA!important;
    background-color: #06A3DA!important;
}

.btn.btn-primary {
    background-color: #06A3DA!important;
}

.btn:hover {
    background-color: #0076a2;
}

.btn-check:checked + .btn.btn-primary,
.btn-check:active + .btn.btn-primary,
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary.active,
.btn.btn-primary.show,
.show > .btn.btn-primary {
    background-color: #0076a2!important;
}

.btn-check:checked + .btn.btn-active-color-primary, 
.btn-check:active + .btn.btn-active-color-primary, 
.btn.btn-active-color-primary:focus:not(.btn-active), 
.btn.btn-active-color-primary:hover:not(.btn-active), 
.btn.btn-active-color-primary:active:not(.btn-active), 
.btn.btn-active-color-primary.active, 
.btn.btn-active-color-primary.show, 
.show > .btn.btn-active-color-primary {
    color: #06A3DA;
}

.btn-check:checked + .btn.btn-active-color-primary i, 
.btn-check:checked + .btn.btn-active-color-primary .svg-icon, 
.btn-check:active + .btn.btn-active-color-primary i, 
.btn-check:active + .btn.btn-active-color-primary .svg-icon, 
.btn.btn-active-color-primary:focus:not(.btn-active) i, 
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, 
.btn.btn-active-color-primary:hover:not(.btn-active) i, 
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, 
.btn.btn-active-color-primary:active:not(.btn-active) i, 
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, 
.btn.btn-active-color-primary.active i, 
.btn.btn-active-color-primary.active .svg-icon, 
.btn.btn-active-color-primary.show i, 
.btn.btn-active-color-primary.show .svg-icon, 
.show > .btn.btn-active-color-primary i, 
.show > .btn.btn-active-color-primary .svg-icon {
    color: #06A3DA;
}

.btn-check:checked + .btn.btn-active-light-primary, 
.btn-check:active + .btn.btn-active-light-primary, 
.btn.btn-active-light-primary:focus:not(.btn-active), 
.btn.btn-active-light-primary:hover:not(.btn-active), 
.btn.btn-active-light-primary:active:not(.btn-active), 
.btn.btn-active-light-primary.active, 
.btn.btn-active-light-primary.show, 
.show > .btn.btn-active-light-primary {
    color: #06A3DA;
    background-color: #d5eff7 !important;
}

.btn-check:checked + .btn.btn-active-light-primary i, 
.btn-check:checked + .btn.btn-active-light-primary .svg-icon, 
.btn-check:active + .btn.btn-active-light-primary i, 
.btn-check:active + .btn.btn-active-light-primary .svg-icon, 
.btn.btn-active-light-primary:focus:not(.btn-active) i, 
.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, 
.btn.btn-active-light-primary:hover:not(.btn-active) i, 
.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, 
.btn.btn-active-light-primary:active:not(.btn-active) i, 
.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, 
.btn.btn-active-light-primary.active i, 
.btn.btn-active-light-primary.active .svg-icon, 
.btn.btn-active-light-primary.show i, 
.btn.btn-active-light-primary.show .svg-icon, 
.show > .btn.btn-active-light-primary i, 
.show > .btn.btn-active-light-primary .svg-icon {
    color: #06A3DA;
}

.select2-container--bootstrap5 .select2-selection__clear:hover {
    background-color: #06A3DA !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, 
.menu-state-primary .menu-item.hover.here > .menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, 
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after,
.menu-state-primary .menu-item.here .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-color: #06A3DA;
}

.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon-primary .menu-item.hover.here > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item.hover.here > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.menu-state-icon-primary .menu-item.hover.here > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon-primary .menu-item.here .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item.here .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i,
.menu-state-icon-primary .menu-item.here .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #06A3DA;
}

.menu-state-primary .menu-item.here > .menu-link,
.menu-state-primary .menu-item.here > .menu-link .menu-title {
    color: #06A3DA;
}

/*.menu-state-primary .menu-item.here > .menu-link .menu-arrow:after {}*/


.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), 
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active).here, 
.menu-state-primary .menu-item.hover.here > .menu-link:not(.disabled):not(.active):not(.here), 
.menu-state-primary .menu-item.hover.here > .menu-link:not(.disabled):not(.active).here, 
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active).here,
.menu-state-primary .menu-item.here .menu-link:hover:not(.disabled):not(.active):not(.here),
.menu-state-primary .menu-item.here .menu-link:hover:not(.disabled):not(.active).here {
    color: #06A3DA;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #06A3DA;
}

.menu-state-primary .menu-item.hover.here > .menu-link:not(.disabled):not(.active).here,
.menu-state-primary .menu-item.here .menu-link:hover:not(.disabled):not(.active).here {
    color: #06A3DA;
}

.tooltip .tooltip-inner {
    text-align: left;
    border-radius: 20px;
}

.tooltip .custom-tooltip-list h5,
.tooltip .custom-tooltip-list h6 {
    margin: 0;
}

.tooltip .custom-tooltip-list h5 {
    font-size: 1.075rem;
    font-weight: 600;
}

.tooltip .custom-tooltip-list h6 {
    font-size: 0.85rem;
    color: #8C91A4;
    font-weight: 500;
}

.tooltip .custom-tooltip-list h6 + h5 {
    margin-top: 0.3rem;
}

.tooltip .custom-tooltip-list h5 sup,
.tooltip .custom-tooltip-list h5 sub {
    color: #8C91A4;
}

.tooltip .custom-tooltip-list h6 sup,
.tooltip .custom-tooltip-list h6 sub {
    color: #8C91A4;
}

#video-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
}

.video-inside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.login-image-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    /* background-color: #fff; */
    background-color: #000000;
}

.login-image-bg .bg-image {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-image-bg .bolt {
    --bolt: rgba(0, 0, 0, 0.15);
    --bolt-bg: rgb(242, 222, 16);
    --bolt-bg2: #ed1c25;
    position: absolute;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
/*    animation: float 1s ease-in-out infinite;*/
/*    animation: swingingLight 2s infinite;*/
}

.login-image-bg .bolt .lightning {
    position: absolute;
    width: 10vh;
    background:#fff;
    top: 50%;
    left: 50%;
    margin-left: -5vh;
    border-radius: 50%;
    z-index: -10;
/*    animation: lightning2 2s ease-in-out alternate infinite, swingingLight 2s infinite;*/
}

.login-image-bg .bolt.bolt-1 {
    top: -14rem;
    right: -7rem;
}

.login-image-bg .bolt.bolt-2 {
    bottom: -8rem;
    left: -3rem;
}

.login-image-bg .bolt .bolt-in {
    display: block;
    position: relative;
}

.login-image-bg .bolt .bolt-in span {
    display: block;
    width: 25rem;
    height: 42rem;
    background: var(--bolt-bg);
/*    clip-path: polygon(80% 0%, 80% 0, 60% 45%, 90% 45%, 20% 100%, 40% 57%, 10% 57%);*/
    clip-path: polygon(40% 0%, 70% 0, 42% 47%, 84% 37%, 30% 100%, 50% 57%, 10% 67%);

/*    clip-path: polygon(56% 0, 36% 39%, 65% 26%, 38% 100%, 48% 44%, 20% 55%, 40% 0);*/

}

.login-image-bg .bolt.bolt-1 .bolt-in {
    animation: lightningShadow 3s linear 0s infinite alternate forwards;
}

.login-image-bg .bolt.bolt-2 .bolt-in {
    animation: lightningShadow2 3s linear 0s infinite alternate forwards;
}

.login-image-bg .bolt.bolt-1 .bolt-in span {
    animation: lightningBg 3s linear 0s infinite alternate forwards;
}

.login-image-bg .bolt.bolt-2 .bolt-in span {
    width: 15rem;
    height: 22rem;
    animation: lightningBg2 3s linear 0s infinite alternate forwards;
}

.custom-login-container {
    height: 100%;
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.custom-login {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /*justify-content: space-between;*/
    justify-content: center;
    align-items: center;
    transition: all 0.6s ease-in-out;
}

.custom-login .custom-logo {
    position: absolute;
    top: 20px;
    bottom: initial;
    left: 20px;
    right: initial;
}

.custom-login .custom-logo img {
    height: 36px;
}

.custom-login .custom-title {
    text-align: center;
    /*margin-top: 14rem;*/
}

.custom-login .custom-title h5,
.custom-login .custom-title h6 {
    margin: 0;
}

.custom-login .custom-title h6 + h5 {
    margin-top: 0.5rem;
}

.custom-login .custom-title h5 {
    font-size: 2.5rem;
    /* color: #071437; */
    color: #fff;
}

.custom-login .custom-title h6 {
    font-size: 1.7rem;
    /* color: #B5B5C3; */
    color: #7baed8;
}

.custom-login .custom-input {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15rem;
}

.custom-register .custom-input {
    margin-top: 8rem;
}

.custom-login .custom-input.custom-login-glass {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-in-out;
    pointer-events: none;
}

.custom-login.custom-login-glass.show .custom-input {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.custom-login .custom-input .custom-form-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.custom-login .custom-input .login-form {
    padding: 0;
    background-color: transparent;
    max-width: 420px;
    width: 100%;
    animation: zoomIn 1s ease forwards;
}

.custom-login .custom-input .login-form .form-control {
    /* color: #071437; */
    color: #fff;
    box-shadow: none;
    /* background-color: #f1f1f4; */
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.custom-login .custom-input .login-form .form-control:-internal-autofill-selected,
.custom-login .custom-input .login-form .form-control:-webkit-autofill,
.custom-login .custom-input .login-form .form-control:-webkit-autofill:hover, 
.custom-login .custom-input .login-form .form-control:-webkit-autofill:focus {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 30px 30px rgba(0, 0, 0, 0.3);
}

.custom-login .custom-input .login-form .form-control ~ label {
    /* color: #B5B5C3; */
    color: #cfcfcf;
}

.custom-login .custom-input .login-form .button-area .btn {
    color: #fff;
    border-radius: 20px;
}

.custom-login .custom-input .login-form + .remember-forgot {
    margin-top: 2rem;
}

.custom-login .custom-input .form-floating {
    position: relative;
}

.custom-login .custom-input .custom-forgot {
    color: #06A3DA;
}

.custom-login .form-floating > .form-control:focus ~ label::after, 
.custom-login .form-floating > .form-control:not(:placeholder-shown) ~ label::after, 
.custom-login .form-floating > .form-control-plaintext ~ label::after, 
.custom-login .form-floating > .form-select ~ label::after {
    background-color: transparent;
}

.custom-login .invalid-feedback {
    font-size: 0.8rem;
    color: #ff7373;
    margin: 0;
    position: absolute;
    top: 50%;
    bottom: initial;
    left: initial;
    right: initial;
    text-align: right;
    padding-right: 3rem;
    padding-left: 10rem;
    transform: translate(0, -50%);
    pointer-events: none;
}

.custom-login .custom-input .remember-forgot {
    width: 100%;
}

.custom-login .custom-input .remember-forgot .form-check {
    cursor: pointer;
}

.custom-login .custom-input .remember-forgot .form-check .form-check-input {
    cursor: pointer;
    /* background-color: #f1f1f4; */
    background-color: rgba(0, 0, 0, 0.2);
    border-color: transparent;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.custom-login .custom-input .remember-forgot .form-check .form-check-input:checked {
    background-color: #06A3DA;
    border-color: #06A3DA;
}

.custom-login .custom-input .remember-forgot .form-check .form-check-label {
    /* color: #B5B5C3; */
    color: #cfcfcf;
}

.text-hover-primary:hover,
.text-hover-primary:hover i {
    color: #06A3DA!important;
}

.menu-sub-dropdown {
    border-radius: 20px;
}

.page-link.active,
.active > .page-link {
    background-color: #06A3DA;
}

.page-link:hover {
    color: #06A3DA;
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    color: #06A3DA;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: #06A3DA;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    background-color: #06A3DA;
}

.flatpickr-calendar {
    border-radius: 30px;
}

.flatpickr-day.selected, 
.flatpickr-day.startRange, 
.flatpickr-day.endRange, 
.flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, 
.flatpickr-day.endRange.inRange, 
.flatpickr-day.selected:focus, 
.flatpickr-day.startRange:focus, 
.flatpickr-day.endRange:focus, 
.flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, 
.flatpickr-day.endRange:hover, 
.flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.startRange.prevMonthDay, 
.flatpickr-day.endRange.prevMonthDay, 
.flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, 
.flatpickr-day.endRange.nextMonthDay {
    background-color: #06A3DA;
}

.flatpickr-day.inRange, 
.flatpickr-day.prevMonthDay.inRange, 
.flatpickr-day.nextMonthDay.inRange, 
.flatpickr-day.today.inRange, 
.flatpickr-day.prevMonthDay.today.inRange, 
.flatpickr-day.nextMonthDay.today.inRange, 
.flatpickr-day:hover, 
.flatpickr-day.prevMonthDay:hover, 
.flatpickr-day.nextMonthDay:hover, 
.flatpickr-day:focus, 
.flatpickr-day.prevMonthDay:focus, 
.flatpickr-day.nextMonthDay:focus {
    color: #06A3DA;
}

.modal .modal-content {
    border-radius: 30px;
}

.custom-app-header {
    height: auto;
    background-color: #fff;
    transition: all .3s ease-in-out;
}

.custom-app-header .app-container {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 30px!important;
    transition: all .3s ease-in-out;
}

.custom-app-header .logo-primary {
    height: 36px;
    transition: all .3s ease-in-out;
}

.title-header {
    margin-left: 10px;
}

.title-header h1 {
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: 1pt;
    color: #03aeef;
    margin: 0;
    transition: all .3s ease-in-out;
}

.title-header h5 {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5pt;
    font-weight: 800;
    color: #0083b5;
    margin: 0;
    transition: all .3s ease-in-out;
}

.header-title-area .app-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
}

.custom-app-sidebar {
    position: relative; /* Prevent empty ruleset warning */
    /* Placeholder for future custom sidebar styles */
    /*background-color: rgba(255,255,255,0.6);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);*/
}

.header-title-area .custom-datetime {
    text-align: right;
}

.header-title-area .custom-datetime + .breadcrumb{
    margin-top: 2px;
}

.header-title-area .custom-datetime h6 {
    font-size: 0.7rem;
    color: #747a8d;
    margin: 0;
    font-weight: 400;
}

.header-title-area .custom-datetime h5 {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 0;
}

.header-title-area .custom-datetime h6 + h5 {
    margin-top: 2px;
}

.header-title-area .custom-datebreadcrumb .breadcrumb a {
    color: #747a8d;
    font-weight: 600;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-app-header .custom-nav-profile {
    text-align: right;
}

.custom-app-header .custom-nav-profile h5 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-app-header .custom-nav-profile h6 {
    font-size: 0.9rem;
    font-weight: 400;
    color: #747a8d;
    margin: 0;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-app-header .custom-nav-profile h5 + h6 {
    margin-top: 2px;
}

body[data-kt-scrolltop*="on"] .custom-app-header {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    background-color: rgba(255,255,255,0.6);
    background-color: #fff;
}

body[data-kt-scrolltop*="on"] .custom-app-header .app-container {
    padding-top: 8px;
    padding-bottom: 8px;
}

/*body[data-kt-scrolltop*="on"] .custom-app-header .logo-primary {
   height: 40px;
}*/

/*body[data-kt-scrolltop*="on"] .title-header h1 {
    font-size: 1.7rem;
}

body[data-kt-scrolltop*="on"] .title-header h5 {
    font-size: 0.7rem;
}*/

.custom-form-select .select2-selection {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.custom-form-select .select2-selection.select2-selection--clearable {
    padding-right: 5rem;
}

.custom-form-select .select2-selection.form-select-solid {
    background-color: #fff;
}

.card {
    border-radius: 30px;
    overflow: hidden;
}

.card .custom-form-select .select2-selection.form-select-solid {
    background-color: #f1f1f4;
}

.custom-form-input .form-control {
    font-size: 1rem;
    font-weight: 600;
    background-color: #fff;
    border-color: #f1f1f4;
}

.custom-large-text {
    text-align: center;
}

.custom-large-text h3 {
    font-size: 2rem;
    font-weight: 600;
    /*color: #03aeef;*/
    display: inline-block;
    padding: 8px 16px;
    color: #fff;
    background-color: #03aeef;
    border-radius: 10px;
}

.custom-large-text h5 {
    font-size: 1.1rem;
    margin: 0;
}

.table:not(.table-bordered).table-rounded {
    overflow: hidden;
}

.table.table-rounded thead {
    background-color: #6b6b6b;
    color: #fff;
}

.table.table-rounded thead th {
    font-size: 1.1rem;
    font-weight: 600;
    text-align: left;
    text-transform: initial;
    border: 1px solid #7f7f7f;
    vertical-align: middle;
}

.custom-table .table:not(.table-bordered) > :not(:last-child) > :last-child > * {
    border-bottom-color: #7f7f7f;
}

table.dataTable tfoot tr>.dtfc-fixed-left, 
table.dataTable tfoot tr>.dtfc-fixed-right {
    background-color: #D5EEF7;
}

/*.table.table-rounded thead th:last-child {
    border-right: 0;
}*/

.table.table-rounded tfoot th {
    text-align: left;
/*    border-right: 1px solid #b5e2f2;*/
    border: 1px solid #b5e2f2;
}

/* Removed empty ruleset: .table.table-rounded tfoot th:last-child */

.table.table-rounded thead th[rowspan*="2"],
.table.table-rounded thead th[rowspan*="3"],
.table.table-rounded thead th[rowspan*="4"] {
    border-right: 1px solid #F1F1F4;
}

.table.table-rounded thead th[colspan*="2"],
.table.table-rounded thead th[colspan*="3"],
.table.table-rounded thead th[colspan*="4"],
.table.table-rounded thead th[colspan*="5"],
.table.table-rounded thead th[colspan*="6"],
.table.table-rounded thead th[colspan*="7"] {
    border-bottom: 1px solid #F1F1F4;
}

.table.table-rounded thead th .dt-column-title {
    color: #fff;
}

.table.table-rounded tbody td {
/*    border-right: 1px solid #F1F1F4;*/
    border: 1px solid #F1F1F4;
}

.table.table-rounded tbody tr:nth-of-type(2n+1) td {
    border-color: #e5e5e5;
}

/*.table.table-rounded tbody tr:nth-of-type(2n+1) td:last-child {
    border: 0;
}*/

.table.gs-7 th:last-child,
.table.gs-7 td:last-child {
    padding-right: 0;
}

.table.gs-7 th:first-child,
.table.gs-7 td:first-child {
    padding-left: 0.75rem;
}

table.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    /*box-shadow: inset 0 0 0 9999px rgba(0,0,0 , 0.05);*/
    background-color: #F1F1F4;
    box-shadow: none!important;
}

.custom-table .table {
    text-align: left;
    margin: 0;
}

.custom-table .custom-action-button {
    background-color: #6b6b6b;
    color: #fff;
}

.custom-table .custom-action-button i {
    color: #fff;
    padding: 0;
}

/*.custom-table .table th:first-child,
.custom-table .table td:first-child,*/
.custom-table .table:not(.table-bordered) th:first-child,
.custom-table .table:not(.table-bordered) td:first-child {
    padding-left: 1rem;
    border-left: 0;
}

.custom-table .table:not(.table-bordered) th:last-child,
.custom-table .table:not(.table-bordered) td:last-child {
    padding-right: 1rem;
    border-right: 0;
}

.custom-table .table-responsive {
    /* border: 1px solid #F1F1F4; */
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    /*overflow: hidden;*/
}

.custom-table .table-responsive .dataTables_scrollBody {
    border-left: 0 !important;
}

.custom-table .table-responsive + .row {
    margin: 0;
    margin-top: 1rem!important;
}

.custom-table .table-responsive + .row [class*="col-"] {
    padding: 0!important;
}

.custom-table .table-responsive + .row [class*="col-"] + [class*="col-"] {
    margin-top: 1rem;
}

.custom-table .dataTables_wrapper .dataTables_length + .dataTables_info {
    margin-left: 8px;
}

.custom-table .dataTables_wrapper .dataTables_info {
    padding-top: 0;
    color: #8C91A4;
    text-align: left;
}

.custom-table .paging-table {
    position: relative;
    z-index: 0;
}

.custom-table .table-responsive + .paging-table {
    margin-top: 1rem;
}

.custom-table .table th,
.custom-table .table td {
    white-space: nowrap;
}

.custom-table .table th {
    color: #fff !important;
}

/* Removed empty ruleset: .custom-table .table th:last-child */

.custom-table .table td {
    vertical-align: middle;
    padding: 0.75rem 1rem;
}

.custom-table .table td .form-group .form-control,
.custom-table .table td .form-group .form-select {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    min-width: 100px;
}

.custom-table .table td .form-group [aria-disabled="true"],
.custom-table .table td .form-group [disabled="disabled"],
.custom-table .table td .form-group .form-control[readonly],
.custom-table .table td .form-group [readonly],
.custom-table .table td .form-group [readonly="readonly"] {
    background-color: #cacaca;
    cursor: not-allowed;
}

.custom-table .table td .form-group .form-select.select2-selection--clearable {
    padding-right: 5rem;
}

.custom-table .table td .form-group .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered, 
.custom-table .table td .form-group .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder,
.custom-table .table td .form-group .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: var(--bs-gray-600)!important;
}


.custom-table .table .text-with-icon-right {
    position: relative;
    padding-right: 20px;
}

.custom-table .table .text-with-icon-right .menu-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    bottom: initial;
    left: initial;
    right: 0;
    transform: translate(0, -50%);
}

.custom-table .table .text-with-icon-right .menu-icon i {
    display: block;
}

.custom-table .table h5 {
    font-size: 1.05rem;
    margin: 0;
}

.custom-table .table .gray-text,
.custom-table .table h5.gray-text,
.custom-table .table h5 .gray-text {
    color: #8C91A4;
}

.custom-table .table h5 sup,
.custom-table .table h5 sub {
    color: #8C91A4;
}

.custom-table .table h5 sub {
    bottom: 0;
}

.custom-table .table h6 {
    font-size: 0.9rem;
    margin: 0;
    color: #8C91A4;
}

.custom-table .table h5 + h6 {
    margin-top: 4px;
}

.custom-table .table tfoot tr {
    background-color: #D5EEF7;
}

.custom-table .table tfoot td {
    border: 1px solid #b4e2f1;
}

.custom-table .table tfoot h5,
.custom-table .table tfoot h5 sup,
.custom-table .table tfoot h5 sub {
    color: #06A3DA;
}

.custom-table .paging-table .showing-area .dataTables_length + .dataTables_info {
    margin-left: 8px;
}

.custom-table .paging-table .showing-area + .paging-area {
    margin-top: 8px;
}

.custom-table .paging-table .showing-area .dataTables_info {
    line-height: 1.2;
}

.custom-table .paging-table .showing-area .dataTables_length .form-select {
    cursor: pointer;
}

.custom-table .badge {
    font-size: 0.95rem;
    padding: 0.6rem 1rem;
    border-radius: 30px;
}

.custom-table .badge.badge-success .ki-duotone, 
.custom-table .badge.badge-success .ki-outline,
.custom-table .badge.badge-success .ki-solid {
    color: #fff;
}

.custom-table .badge + h6 {
    margin-top: 4px;
}

.custom-table .table-responsive .table {
    overflow: initial;
    border: 0;
    border-radius: 0;
}

.custom-table.sticky-last .table th:last-child,
.custom-table.sticky-last .table td:last-child {
    position: sticky;
    right: 0;
    z-index: 1;
}

.custom-table.sticky-last .table th:last-child:before,
.custom-table.sticky-last .table td:last-child:before {
    content: "\00a0";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-left: 1px solid #F1F1F4;
}

.custom-table.sticky-last .table th:last-child:before {
    background: #6b6b6b;
}

.custom-table.sticky-last .table td:last-child:before {
    background: #fff;
}

.custom-table.sticky-last .table tr:nth-of-type(2n+1) td:last-child:before  {
    background: #F1F1F4;
}

.custom-table.sticky-before-last .table th:nth-last-child(2),
.custom-table.sticky-before-last .table td:nth-last-child(2) {
    position: sticky;
    right: 96px;
}

.custom-table.sticky-before-last .table th:nth-last-child(2):before,
.custom-table.sticky-before-last .table td:nth-last-child(2):before {
    content: "\00a0";
    display: block;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-left: 1px solid #F1F1F4;
}

.custom-table.sticky-before-last .table th:nth-last-child(2):before {
    background: #6b6b6b;
}

.custom-table.sticky-before-last .table td:nth-last-child(2):before {
    background: #fff;
}

.custom-table.sticky-before-last .table tr:nth-of-type(2n+1) td:nth-last-child(2):before {
    background: #F1F1F4;
}

.custom-table .table .action-table .btn i {
    font-size: 1.6rem;
    padding: 0;
    color: #06A3DA;
}

.custom-table .table .action-table .btn:disabled,
.custom-table .table .action-table .btn.disabled {
    background-color: transparent;
}

.custom-table .table .action-table .btn:disabled i,
.custom-table .table .action-table .btn.disabled i {
    color: #8C91A4;
}

.custom-table .table .action-table .btn:hover {
    background-color: #06A3DA;
}

.custom-table .table .action-table .btn:hover i {
    color: #fff;
}

.custom-table .form-check-custom {
    justify-content: center;
}

.custom-table .form-check-custom .form-check-input {
    background-color: #d5d5d5;
    border: 0;
    cursor: pointer;
}

.form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: #d5d5d5;
}

.custom-table .form-check-custom .form-check-input:checked,
.custom-table .form-check-custom .form-check-input:active {
    background-color: #06A3DA;
    color: #fff;
}

.custom-table .dataTables_wrapper .table .has-checkbox {
/*    padding-right: 26px;*/
    /*padding-right: 40px;
    padding-left: 40px !important;*/
    padding-right: 26px;
    padding-left: 26px !important;
    min-width: 30px;
}

.custom-table .custom-progress .progress-info {
    width: 100%;
}

.custom-table .custom-progress .progress-info + .progress-area {
    margin-top: 6px;
}

.custom-table .custom-progress .progress-area {
    width: 100%;
    background-color: #d5d5d5;
    border-radius: 10px;
}

.custom-table .custom-progress .progress-area .progress-count {
    height: 5px;
    background-color: #06A3DA;
}

.custom-table .list-with-image .image-area .pic-image {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
}

.custom-table .list-with-image .image-area .pic-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.custom-table .list-with-image .image-area + .text-area {
    margin-left: 0.75rem;
}

.custom-table table.dataTable thead tr > .dtfc-fixed-left, 
.custom-table table.dataTable thead tr > .dtfc-fixed-right {
    background-color: #6b6b6b;
}

.custom-table table.dataTable thead>tr>td.sorting, 
.custom-table table.dataTable thead>tr>td.sorting_asc, 
.custom-table table.dataTable thead>tr>td.sorting_asc_disabled, 
.custom-table table.dataTable thead>tr>td.sorting_desc, 
.custom-table table.dataTable thead>tr>td.sorting_desc_disabled, 
.custom-table table.dataTable thead>tr>th.sorting, 
.custom-table table.dataTable thead>tr>th.sorting_asc, 
.custom-table table.dataTable thead>tr>th.sorting_asc_disabled, 
.custom-table table.dataTable thead>tr>th.sorting_desc, 
.custom-table table.dataTable thead>tr>th.sorting_desc_disabled {
    padding-right: 26px!important;
}

#data-cloned + .custom-section-modal,
.custom-section-modal + .custom-section-modal {
    margin-top: 2rem;
}

.custom-section-modal .custom-detail-control .form-group .form-control {
    background-color: #f1f1f4;
    border: 0;
}

.custom-section-modal .custom-detail-control .form-group textarea.form-control {
    min-height: 120px;
    resize: none;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper {
    position: relative;
    width: 100%;
    margin: 5px 0;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .form-check-custom {
    position: absolute;
    top: 50%;
    bottom: initial;
    left: 1rem;
    right: initial;
    overflow: hidden;
    white-space: nowrap;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 100%;
    transform: translate(0, -50%);
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .title-desc {
    padding: 1rem 3rem 1rem 4rem;
    background-color: #f1f1f4;
    cursor: pointer;
    border-radius: 30px;
    transition: all .3s ease-in-out;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .icon-check {
    color: #06A3DA;
    display: flex;
    margin: 0;
    position: absolute;
    top: 50%;
    bottom: initial;
    left: 1rem;
    right: initial;
    width: 30px;
    height: 30px;
    text-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(0, -50%);
    transition: all .3s ease-in-out;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .icon-check i {
    color: #06A3DA;
    width: 100%;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .title-desc h5,
.custom-check-card .custom-check-card-list .custom-button-wrapper .title-desc h6 {
    margin: 0;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .title-desc h5 {
    font-size: 1rem;
    color: var(--bs-stepper-label-title-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .title-desc h6 {
    font-size: 0.85rem;
    font-weight: normal;
    color: #99A1B7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .title-desc h5 + h6 {
    margin-top: 4px;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .form-check-custom:checked {
    border-color: #06A3DA;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .form-check-custom:checked ~ .title-desc {
    background-color: #06A3DA;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .form-check-custom:checked ~ .title-desc h5 {
    color: #fff;
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .form-check-custom:checked ~ .title-desc h6 {
    color: rgba(255, 255, 255, 0.7);
}

.custom-check-card .custom-check-card-list .custom-button-wrapper .form-check-custom:checked ~ .title-desc .icon-check {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
}

/*.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item .stepper-icon {
    width: 30px;
    height: 30px;
    background-color: #06A3DA;
    margin: 0;
    border-radius: 100%;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.current .stepper-icon {
    background-color: #fff;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.completed .stepper-icon {
    background-color: #fff;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.completed .stepper-icon .stepper-check {
    color: #06A3DA;
}*/









/* Removed empty ruleset: .custom-multiple-filter */

.custom-multiple-filter .custom-form-select {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}

.custom-multiple-filter .custom-form-select .filter-list {
    flex-wrap: wrap;
}

.custom-multiple-filter .custom-form-select .custom-full-width {
    width: 100%;
}

.custom-app-sidebar {
    width: auto;
    left: 10px;
    background-color: transparent;
}

[data-kt-app-sidebar-fixed=true] .custom-app-sidebar {
    position: fixed;
    width: auto;
    left: 0;
    top: 10px;
    bottom: 10px;
    border-radius: 30px;
}

[data-kt-app-sidebar-fixed=true] .custom-app-sidebar.drawer-on {
    left: 10px;
}

[data-kt-app-sidebar-fixed=true] .app-sidebar-menu {
    border-radius: 30px;
    overflow: initial;
}

[data-kt-app-sidebar-fixed=true] .custom-app-sidebar:hover .app-sidebar-menu {
    overflow-y: scroll;
}

.custom-app-sidebar .app-sidebar-menu .menu > .menu-item > .menu-link {
    width: auto;
    padding: 0 10px;
    border-radius: 30px;
}

.custom-app-sidebar .app-sidebar-menu .menu > .menu-item > .menu-link.with-badge {
    position: relative;
}

.custom-app-sidebar .app-sidebar-menu .menu {
    text-align: left;
    justify-content: start;
    align-items: start;
    padding: 10px;
}

.custom-app-sidebar .app-sidebar-menu .menu > .menu-item {
    display: block;
    width: 100%;
    padding: 0;
}

.custom-app-sidebar .app-sidebar-menu .menu .menu-link.active {
    background-color: #06A3DA;
    color: #fff;
    border-radius: 30px;
}

.menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #fff;
}

.menu-state-primary .menu-item .menu-link.active .menu-title {
    color: #fff;
}

.custom-app-sidebar .app-sidebar-menu .menu .menu-link.active .ki-outline {
    font-family: "keenicons-solid" !important;
    color: #fff;
}

.custom-app-sidebar .app-sidebar-menu .menu-link .menu-icon {
    margin: 0;
}


.custom-app-sidebar .app-sidebar-menu .menu-link.active .menu-icon {
    color: #fff;
}

/* Header Badge Styling */
.app-navbar-item .btn-icon .badge-circle {
    min-width: 18px;
    min-height: 18px;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
    top: 2px !important;
    right: 2px !important;
}

/* Badge dropdown items styling */
.menu-sub-dropdown .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Smooth badge transition */
.badge-circle {
    transition: transform 0.2s ease;
}

.btn-icon:hover .badge-circle {
    transform: scale(1.1);
}


/* Header Badge Styling */
.app-navbar-item .btn-icon .badge-circle {
    min-width: 18px;
    min-height: 18px;
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
    top: 2px !important;
    right: 2px !important;
}

/* Badge dropdown items styling */
.menu-sub-dropdown .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Smooth badge transition */
.badge-circle {
    transition: transform 0.2s ease;
}

.btn-icon:hover .badge-circle {
    transform: scale(1.1);
}

.custom-app-sidebar .app-sidebar-menu .menu > .menu-item > .menu-link .menu-icon i {
    font-size: 1.5rem;
}

.custom-app-sidebar .app-sidebar-menu .menu > .menu-item > .menu-link.active .menu-title,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item > .menu-link.active .menu-icon,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item > .menu-link.active .menu-icon .svg-icon,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item > .menu-link.active .menu-icon i {
    color: #fff;
}

.custom-app-sidebar .app-sidebar-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon,
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #06A3DA;
}

.custom-app-sidebar .app-sidebar-menu .menu > .menu-item.here > .menu-link .menu-icon, 
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item.here > .menu-link .menu-icon .svg-icon, 
.custom-app-sidebar .app-sidebar-menu .menu > .menu-item.here > .menu-link .menu-icon i {
    color: #06A3DA;
}

.custom-app-sidebar .app-sidebar-menu .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.custom-app-sidebar .app-sidebar-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #06A3DA;
}

.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), 
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #06A3DA;
    background-color: #d5eff7;
}

.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, 
.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, 
.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, 
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, 
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, 
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #06A3DA;
}

.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, 
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #06A3DA;
}

.custom-app-sidebar .custom-nav-profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    background-color: #F5F5F5;
    border-radius: 30px;
}

.custom-app-sidebar .custom-nav-profile .user-image {
    border-radius: 100%;
}

.custom-app-sidebar .custom-nav-profile .user-image img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}

.custom-app-sidebar .custom-nav-profile .user-menu + .user-info {
    margin: 0 10px;
}

.custom-app-sidebar .custom-nav-profile .user-info h5 {
    font-size: 1.075rem;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.custom-app-sidebar .custom-nav-profile .user-info h5 + h6 {
    margin-top: 2px;
}

.custom-app-sidebar .custom-nav-profile .user-info h6 {
    font-size: 0.9rem;
    margin: 0;
    color: #A1A5B7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown {
    border-radius: 20px;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .menu-item {
    padding: 0;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .menu-item .menu-content {
    padding: 0 0 10px;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .menu-item .avatar-image {
    margin-right: 10px;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .menu-item .avatar-image img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .menu-item .avatar-title,
.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .menu-item .avatar-mail {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .menu-item a {
    justify-content: flex-start;
}

.custom-app-sidebar .custom-nav-profile .user-menu .custom-dropdown .separator {
    width: 100%;
}

.custom-app-sidebar .app-sidebar-menu .menu-sub-accordion .list-submenu {
    margin: 0;
    list-style: none;
    padding-left: 1rem;
}

.custom-app-sidebar .app-sidebar-menu .menu-sub-accordion .list-submenu .menu-title {
    font-size: 1rem;
}

.attention-notification .attention-card {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #1BC5BD;
    margin: 5px 0;
    border-radius: 30px;
}

.attention-notification .attention-card h3 {
    font-size: 2.2rem;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

.attention-notification .attention-card h5 {
    font-size: 1.2rem;
    color: #fff;
    margin: 0;
}

.attention-notification .attention-card a {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.attention-notification .attention-card h5 + a {
    margin-top: 6px;
}

.attention-notification .attention-card .number-info + .detail-info {
    padding-top: 6px;
}

.attention-notification .attention-card .detail-info {
    width: 100%;
}

.attention-notification .attention-card .nav-arrow {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 4px;
    transition: all .3s ease-in-out;
}

.attention-notification .attention-card a:hover .nav-arrow {
    margin-left: 10px;
}

.attention-notification .attention-card .nav-arrow i {
    font-size: 1.2rem;
    color: #fff;
}

.attention-notification + .custom-breadcrumb,
.attention-notification + .custom-section {
    margin-top: 3rem;
}

.custom-breadcrumb .divider-bullet {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 10px;
}

.custom-breadcrumb + .custom-form-section,
.custom-breadcrumb + .custom-section {
    margin-top: 2rem;
}

.custom-breadcrumb span.item-breadcrumb {
    color: #B5B5C3;
}

.custom-breadcrumb span.item-breadcrumb.active {
    color: #06A3DA;
}

.custom-form {
    margin-bottom: 2em;
}

.custom-form.upload-container {
    margin-bottom: 0;
}

.custom-form.upload-container .form-group input[type="file" i]::file-selector-button {
    background-color: #6b6b6b;
    color: #fff;
}

.custom-form.upload-container .custom-file-upload .list-card + .list-card {
    margin-top: 1rem;
}

.custom-form.upload-container .custom-file-upload .custom-file-upload-list {
    position: relative;
    padding: 1.5rem 2rem 2rem;
    background-color: #F1F1F4;
    border-radius: 20px;
}

.custom-form.upload-container .custom-file-upload .custom-file-upload-wrapper > .row > [class*="col-"] + [class*="col-"] {
    margin-top: 1rem;
}

.custom-form.upload-container .custom-file-upload .custom-file-upload-button {
    position: absolute;
    top: -1rem;
    bottom: initial;
    left: initial;
    right: -1rem;
}

.custom-form.upload-container .custom-file-upload .custom-file-upload-button .btn {
    border-radius: 100%;
}

.custom-form.upload-container .custom-file-upload .list-card .form-control {
    background-color: #fff;
}

.custom-form.upload-container .custom-file-upload .button-area {
    margin-top: 2rem;
}

.custom-form .form-control,
.custom-form-input .form-control {
    background-color: #f1f1f4;
}

.custom-form .form-control {
    border-color: #f1f1f4;
}

.custom-form .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, 
.custom-form .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid,
.custom-form-select .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, 
.custom-form-select .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid,
.custom-form-input .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, 
.custom-form-input .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid,
.custom-form-select .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, 
.custom-form-select .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
    background-color: #fafafa;
}

.card .custom-form .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, 
.card .custom-form .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid, 
.card .custom-form-select .select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, 
.card .custom-form-select .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
    background-color: #eee;
}

.custom-form .select2-container--bootstrap5 .form-select,
.custom-form .select2-container--bootstrap5.select2-container--disabled .form-select,
.custom-form-input .select2-container--bootstrap5 .form-select,
.custom-form-input .select2-container--bootstrap5.select2-container--disabled .form-select{
    border-color: #f1f1f4;
    background-color: #f1f1f4;
}

.custom-form .form-group [aria-disabled="true"],
.custom-form .form-group [disabled="disabled"],
.custom-form .form-group .form-control[readonly],
.custom-form .form-group [readonly],
.custom-form .form-group [readonly="readonly"],
.custom-form-input .form-group [aria-disabled="true"],
.custom-form-input .form-group [disabled="disabled"],
.custom-form-input .form-group .form-control[readonly],
.custom-form-input .form-group [readonly],
.custom-form-input .form-group [readonly="readonly"] {
    background-color: #e1e1e1;
    cursor: not-allowed;
}

.custom-form .form-group .form-control.date-flatpickr,
.custom-form-input .form-group .form-control.date-flatpickr {
    background-color: #f1f1f4;
    cursor: pointer;
}

.custom-form .select2-container--bootstrap5 .form-select.select2-selection--clearable,
.custom-form-input .select2-container--bootstrap5 .form-select.select2-selection--clearable {
    padding-right: 5rem;
}

.custom-form .fv-plugins-message-container.valid-feedback,
.custom-form .fv-plugins-message-container.invalid-feedback,
.custom-form-input .fv-plugins-message-container.valid-feedback,
.custom-form-input .fv-plugins-message-container.invalid-feedback {
    font-size: 0.9rem;
    margin-top: 0;
    position: absolute;
    top: initial;
    bottom: 120%;
    left: initial;
    right: 0;
    width: auto;
}

.custom-form .input-group-text,
.custom-form-input .input-group-text {
    border-color: #f1f1f4;
    background-color: #6b6b6b;
    color: #fff !important;
}

.custom-form .input-group-text i {
    color: #fff !important;
}

.custom-form .form-group + .form-group {
    margin-top: 1rem;
}

.custom-form > .row > [class*="col-"] + [class*="col-"] {
    margin-top: 1rem;
}

.card .card-header .row.no-gutters {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.card .card-header .card-title {
    font-size: 1.5rem;
    font-weight: 800;
    width: 100%;
    margin: 0;
}

.card .card-header .card-title .card-label {
    font-size: 1rem;
    margin-top: 4px;
    color: #B5B5C3;
}

.card .form-select.form-select-solid {
    background-color: #f1f1f4;
}

.card .card-title + .card-toolbar.custom-card-toolbar {
    margin-top: 1rem;
}

.card .card-toolbar.custom-card-toolbar {
    margin: 0;
    width: 100%;
}

.card .card-toolbar.custom-card-toolbar .search-area {
    width: 100%;
}

.card .card-toolbar.custom-card-toolbar .search-area + .button-area {
    margin-top: 5px;
}

.card .card-toolbar.custom-card-toolbar .button-area {
    width: 100%;
}

.card .card-toolbar.custom-card-toolbar .button-area .row {
    margin: 0 -5px;
}

.card .card-toolbar.custom-card-toolbar .button-area .row > [class*="col-"] {
    padding: 5px;
}

.custom-section.sticky-action-button {
    position: sticky;
    z-index: 99;
    bottom: 0;
    padding: 10px 0;
/*    background-color: #f1f1f4;*/
}

.custom-section.sticky-action-button .card .card-body {
    padding: 1.25rem 1.5rem;
}

.custom-section-inside .card-header .custom-card-toolbar .menu-icon i,
.custom-section-inside .card-header .custom-card-toolbar .menu-icon svg {
    font-size: 1.2rem;
    vertical-align: middle;
    height: 1.35rem;
    display: inline-block;
}

.custom-section-inside .form-action-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.custom-section-inside .form-action-button .form-action-group {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.custom-section-inside .form-action-button .form-action-group li + li {
    margin-left: 1rem;
}

.custom-section-inside.custom-chart-area .custom-chart-section.full-height {
    height: 100%;
}

.custom-section-inside.custom-chart-area .custom-chart-section .highcharts-figure {
    margin: 0;
}

.custom-section-inside.custom-chart-area .custom-chart-section.full-height .highcharts-figure {
    height: 100%;
}

.custom-section-inside.custom-chart-area .custom-chart-section .highcharts-item {
    height: 300px;
}

.custom-section-inside.custom-chart-area .custom-chart-section .highcharts-item.height-400 {
    height: 400px;
}

.custom-section-inside.custom-chart-area .custom-chart-section .highcharts-item .highcharts-grid-line {
    stroke: #e6e6e6;
    stroke-dasharray: 2, 2;
}

.custom-section-inside.custom-chart-area .custom-chart-section .highcharts-item.half-chart {
    height: 200px;
}

.custom-section-inside.custom-chart-area .custom-chart-section.full-height .highcharts-item {
    height: 100%;
}

.custom-section-inside.container-chart .chart-double .chart-list {
    margin: 0.5rem 0;
}

.custom-section-inside.container-chart .chart-double .chart-list + .chart-list {
    margin-top: 3rem;
}

.custom-section-inside.container-chart .chart-double .chart-list .highcharts-label text {
    text-decoration: none!important;
    color: rgba(0, 0, 0, 50%)!important;
    fill: rgba(0, 0, 0, 50%)!important;
}

.custom-section-inside.container-chart .chart-double .chart-list .highcharts-button-normal text,
.custom-section-inside.container-chart .chart-double .chart-list .highcharts-button-hover text {
    color: #06A3DA!important;
    fill: #06A3DA!important;
}

.card .card-toolbar.custom-card-toolbar .toolbar-list .btn {
    width: 100%;
}

.card .custom-card-toolbar .toolbar-list.search-input .form-group {
    position: relative;
}

.card .custom-card-toolbar .toolbar-list.search-input .form-group i {
    pointer-events: none;
    color: #a8aab1;
}

.card .custom-card-toolbar .toolbar-list.search-input .form-control {
    padding: 0.85rem 2rem 0.85rem 3rem;
}

/*.card .custom-card-toolbar .toolbar-list + .toolbar-list {
    margin-left: 1rem;
}*/

.custom-card-toolbar .menu-sub-dropdown {
    border-radius: 30px;
}

.custom-card-toolbar .menu-sub-dropdown .sub-label {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.3pt;
    color: #B5B5C3;
    padding: 1.5rem 1.5rem 1rem;
    margin: 0;
}

.custom-card-toolbar .menu-sub-dropdown .custom-form-dropdown {
    padding: 1rem 1.5rem 1.5rem;
}

.custom-card-toolbar .menu-sub-dropdown .form-control {
    background-color: #f1f1f4;
}

.custom-card-toolbar .menu-sub-dropdown .form-label {
    color: #B5B5C3;
    font-size: 1rem;
}

.custom-card-toolbar .menu-sub-dropdown .form-group + .form-group {
    margin-top: 1rem;
}

.custom-card-toolbar .menu-sub-dropdown .col-style .form-group + .form-group {
    margin-top: 0;
}

.card .card-toolbar.custom-card-toolbar .search-area + .button-area .row.col-style {
    justify-content: flex-start;
}

.custom-card-toolbar .menu-sub-dropdown .custom-form-dropdown .separator {
    margin: 1.2rem 0;
}

.custom-card-toolbar .menu-sub-dropdown .custom-radio-check .form-check-label {
    padding: 10px;
    border: 1px solid transparent;
}

.custom-card-toolbar .menu-sub-dropdown .custom-radio-check li {
    margin: 5px 0;
    padding: 0 5px;
}

.custom-card-toolbar .menu-sub-dropdown .custom-radio-check .form-check-input:checked + .form-check-label {
    background-color: #ceebf5;
    border: 1px solid #08a3da;
    color: #08a3da;
}

.custom-card.custom-color.bg-red {
    background-color: #FF5E5E;
}

.custom-card.custom-color.bg-green {
    background-color: #50CD89;
}

.custom-card.custom-color.bg-blue {
    background-color: #3E97FF;
}

.custom-card.custom-color.bg-orange {
    background-color: #FFA240;
}

.custom-card.custom-color.bg-lightblue {
    background-color: #3EC5FF;
}

.custom-card.custom-color.bg-tosca {
    background-color: #50CDBA;
}

.custom-card.custom-color.bg-purple {
    background-color: #7239EA;
}

.custom-card.custom-color.bg-pink {
    background-color: #F141CB;
}

.custom-card.custom-color .card-header .card-title {
    color: #fff;
}

.custom-card.custom-color .card-header .card-title .card-label  {
    color: #ECECEC;
}

.custom-card.custom-color .attention-info .attention-list h3 {
    color: #fff;
}

.custom-card.custom-color .attention-info .attention-list h5 {
    color: #ECECEC;
}

.card > .card-header:not(.flex-nowrap),
.card .card-header,
.custom-card .card-header {
    padding: 2rem 1.5rem 0;
}

.card .card-body,
.custom-card .card-body {
    padding: 1.25rem 1.5rem 2rem;
}

.custom-form-section + .custom-section,
.custom-section + .custom-section {
    margin-top: 4rem;
}

.custom-section .attention-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.custom-section .attention-info .attention-list-wrapper {
    width: 100%;
}

.custom-section .attention-info .attention-list {
    text-align: center;
}

.custom-section .attention-info .attention-list + .attention-list {
    margin-top: 20px;
}

.custom-section .attention-info .attention-list + .custom-tablist {
    margin-top: 30px;
}

.custom-section .attention-info .attention-list h3 {
    font-size: 2.4rem;
    font-weight: 800;
    margin: 0;
    color: #03aeef;
}

.custom-section .attention-info .attention-list h5 {
    font-size: 1rem;
    color: #99A1B7;
    margin: 0;
}

.custom-section .attention-info .attention-list h6 {
    font-size: 1.1rem;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

.custom-section .attention-info .attention-list h3 + h5 {
    margin-top: 4px;
}

.title-section-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.title-section-area + .custom-section-inside {
    margin: 2rem 0 0;
}

.title-section-area .title-withsub .title-section {
    font-size: 1.8rem;
    font-weight: 800;
    margin: 0;
}

.title-section-area .title-withsub .subtitle-section {
    font-size: 1.2rem;
    color: #B5B5C3;
    margin: 0;
    display: block;
    margin-top: 6px;
}

.title-section-area .title-withsub .title-section + .subtitle-section {
    margin-top: 6px;
}

.title-section-area .title-section-filter .custom-form-select .select2-selection.form-select-solid {
    padding: 1rem 5rem 1rem 1rem;
}

.custom-section-inside > .row > [class*="col-"] {
    margin: 0.5rem 0;
}

.custom-section-inside > .row > [class*="col-"] + [class*="col-"] {
    margin-top: 3rem;
}

.custom-tablist .tablist-group .tablist-item {
    flex-wrap: wrap;
}

.custom-tablist .tablist-group .badge-item {
    font-size: 0.9rem;
    line-height: 100%;
    font-weight: 600;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 20px;
}

.custom-tablist .tablist-group .badge-item.bg-green {
    color: #00682f;
    background-color: #8FE6B6;
}

.custom-tablist .tablist-group .badge-item.bg-yellow {
    color: #7e6301;
    background-color: #F4DA7D;
}

.custom-tablist .tablist-group .badge-item.bg-red {
    color: #860021;
    background-color: #FFA4BA;
}

.custom-tablist .tablist-group .tablist-item h5 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    width: 100%;
}

.custom-tablist .tablist-group .tablist-item h5 sup,
.custom-tablist .tablist-group .tablist-item h5 sub {
    color: #8C91A4;
}

.custom-tablist .tablist-group .tablist-item h6 {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
    color: #B5B5C3;
    width: 100%;
}

.custom-tablist .tablist-group .tablist-item h5 + h6 {
    margin-top: 4px;
}

.custom-table-tablist .row > [class*="col-"] + [class*="col-"] {
    margin-top: 0;
}

.custom-table-tablist .custom-filter-tablist .filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.custom-table-tablist .filter-list-style + .filter-dropdown-tablist {
    margin-top: 1rem;
}

.filter-list-style ul {
    padding: 0;
    margin: -3px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.filter-list-style ul li {
    margin: 3px;
}

.filter-list-style .form-check {
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.filter-dropdown-tablist .custom-form-select {
    width: 100%;
}

.filter-dropdown-tablist .filter-list {
    width: 100%;
}

.filter-list-style .form-check .form-check-input {
    display: none;
}

.filter-list-style .form-check .form-check-label {
    width: 100%;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 16px;
    color: #7E8299;
    background-color: #f1f1f4;
    border-radius: 10px;
    transition: all .2s ease-in-out;
}

.filter-list-style .form-check .form-check-input:checked + .form-check-label {
    background-color: #06A3DA;
    color: #fff;
}

.custom-table-tablist .custom-filter-tablist + .custom-content-tablist {
    margin-top: 2.5rem;
}

.custom-detail-section {
    margin-bottom: 1rem;
}

.custom-detail-section .custom-detail-group .custom-detail-list + .custom-detail-list {
    margin-top: 1.6rem;
}

.custom-detail-section .custom-detail-control .detail-label {
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #8C91A4;
    display: block;
    margin: 0 0 6px;
}

.custom-detail-section .custom-detail-control h5 {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0;
}

.custom-detail-section .custom-detail-control h5 sup,
.custom-detail-section .custom-detail-control h5 sub {
    color: #8C91A4;
}

.custom-detail-section .custom-detail-control .menu-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.custom-detail-section .custom-detail-control .menu-icon i {
    color: var(--bs-heading-color);
    font-size: 1.5rem;
}

.custom-detail-section .custom-detail-control a .menu-icon i {
    color: #06A3DA;
}

.custom-detail-section .custom-detail-control .menu-hover {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .2s ease-in-out;
}

.custom-detail-section .custom-detail-control a:hover .menu-hover {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
    margin-left: 4px;
}

.custom-detail-section .custom-detail-control .menu-hover i {
    font-size: 1.5rem;
    color: #06A3DA;
}

.custom-detail-section .custom-detail-control .badge {
    font-size: 1.1rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
}

.custom-detail-section .custom-symbol-thumb .custom-symbol-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0.75rem 0;
    border: 1px solid #F1F1F4;
    padding: 1rem 1.2rem 1.2rem;
    background-color: #fff;
    border-radius: 30px;
}

/*.custom-detail-section .custom-symbol-thumb > [class*="col-"] + [class*="col-"] .custom-symbol-wrapper:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    bottom: initial;
    left: initial;
    right: 100%;
    width: 1.7rem;
    height: 1px;
    background-color: #F1F1F4;
}*/

.custom-detail-section .custom-symbol-thumb .symbol-area + .desc-area {
    padding-left: 0.75rem;
}

.custom-detail-section .custom-symbol-thumb .symbol-area {
    width: 40px;
}

.custom-detail-section .custom-symbol-thumb .symbol-area .symbol {
    margin-top: 0.5rem;
}

.custom-detail-section .custom-symbol-thumb .desc-area {
    width: calc(100% - 40px);
}

.custom-detail-section .custom-symbol-thumb .desc-area .time-desc + h5 {
    margin-top: 2px;
}

.custom-detail-section .custom-symbol-thumb .desc-area .time-desc {
    color: #99A1B7;
    font-size: 0.9rem;
}

.custom-detail-section .custom-symbol-thumb .desc-area h5 + h6 {
    margin-top: 4px;
}

.custom-detail-section .custom-symbol-thumb .desc-area h5 {
    font-size: 1.1rem;
}

.custom-detail-section .custom-symbol-thumb .desc-area h6 {
    font-size: 1rem;
    font-weight: normal;
    color: #8C91A4;
    margin: 0;
}

.custom-detail-section .custom-symbol-thumb .desc-area h6 span {
    color: var(--bs-heading-color);
}

.custom-section-step .card .custom-form {
    margin: 0;
}

.custom-section-step .card .card-body {
    padding: 1.75rem 2rem 2.5rem;
}

.custom-step-form .stepper .stepper-nav-wrapper + .stepper-form-wrapper {
    margin-top: 2rem;
}

.custom-step-form .stepper .stepper-form-wrapper .form-area + .stepper-button-area {
    margin-top: 2rem;
}

.custom-step-form .stepper .stepper-form-wrapper .form-group-list + .form-group-list,
.custom-step-form .stepper .stepper-form-wrapper .form-group-list + .form-table-list,
.custom-step-form .stepper .stepper-form-wrapper .form-group-list + .form-attachment-list,
.custom-step-form .stepper .stepper-form-wrapper .form-table-list + .form-table-list,
.custom-step-form .stepper .stepper-form-wrapper .form-table-list + .form-group-list,
.custom-step-form .stepper .stepper-form-wrapper .form-table-list + .form-attachment-list,
.custom-step-form .stepper .stepper-form-wrapper .form-attachment-list + .form-attachment-list,
.custom-step-form .stepper .stepper-form-wrapper .form-attachment-list + .form-group-list,
.custom-step-form .stepper .stepper-form-wrapper .form-attachment-list + .form-table-list {
    margin-top: 2rem;
}

.custom-step-form .stepper .stepper-form-wrapper .form-header-info-table + .form-table,
.custom-step-form .stepper .stepper-form-wrapper .form-header-info-table + .form-attachment {
    margin-top: 1rem;
}

.custom-step-form .stepper .stepper-form-wrapper .subheader-list h3 {
    margin: 0;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav {
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item {
    padding: 0.75rem 1.75rem 0.75rem 1rem;
    background-color: #f1f1f4;
    margin: 5px;
    border-radius: 30px;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.current {
    background-color: #06A3DA;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item .stepper-icon {
    width: 30px;
    height: 30px;
    background-color: #06A3DA;
    margin: 0;
    border-radius: 100%;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.current .stepper-icon {
    background-color: #fff;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.completed .stepper-icon {
    background-color: #fff;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.completed .stepper-icon .stepper-check {
    color: #06A3DA;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item .stepper-icon + .stepper-label {
    margin-left: 0.75rem;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item .stepper-icon .stepper-number {
    color: #fff;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.current .stepper-icon .stepper-number {
    color: #06A3DA;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item .stepper-title {
    font-size: 1rem;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.current .stepper-title {
    color: #fff;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item .stepper-desc {
    font-size: 0.85rem;
}

.custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item.current .stepper-desc {
    color: rgba(255, 255, 255, 0.7);
}

.badge.color-red {
    color: #F1416C;
    background-color: #FFC7D8;
}

.badge.color-yellow {
    color: #9a7800;
    background-color: #F8E6A2;
}

.badge.color-green {
    color: #009142;
    background-color: #baebd0;
}

.badge.color-blue {
    color: #0182af;
    background-color: #bae6f3;
}

.badge.color-purple {
    color: #7239EA;
    background-color: #ddd4f3;
}

.badge.color-pink {
    color: #d700a8;
    background-color: #fac5ee;
}

.custom-error-page {
    height: 100%;
}

.custom-error-page .error-page-container {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.custom-error-page .error-page-wrapper {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.custom-error-page .error-info {
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0 16px;
}

.custom-error-page .error-code {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1pt;
    font-weight: 900;
    color: #B5B5C3;
    margin: 0;
    /*position: absolute;
    z-index: 1;
    top: initial;
    bottom: 2rem;
    left: 50%;
    right: initial;
    transform: translate(-50%, 0);*/
}

.custom-error-page .error-info h3 {
    font-size: 6rem;
    font-weight: 900;
    margin: 0;
}

.custom-error-page .error-info h6 {
    font-size: 1.4rem;
    margin: 0;
}

.custom-error-page .error-info h3 + h6 {
    margin-top: 1rem;
}

.custom-error-page .error-info h6 + .btn {
    margin-top: 2rem;
}

.custom-error-page .bolt {
    --bolt: rgba(0, 0, 0, 0.15);
    --bolt-bg: rgb(242, 222, 16);
    --bolt-bg2: #ed1c25;
    position: absolute;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
/*    animation: float 1s ease-in-out infinite;*/
/*    animation: swingingLight 2s infinite;*/
}

.custom-error-page .bolt .lightning {
    position: absolute;
    width: 10vh;
    background:#fff;
    top: 50%;
    left: 50%;
    margin-left: -5vh;
    border-radius: 50%;
    z-index: -10;
/*    animation: lightning2 2s ease-in-out alternate infinite, swingingLight 2s infinite;*/
}

.custom-error-page .bolt.bolt-1 {
    top: -14rem;
    right: -7rem;
}

.custom-error-page .bolt.bolt-2 {
    bottom: -8rem;
    left: -3rem;
}

.custom-error-page .bolt .bolt-in {
    display: block;
    position: relative;
}

.custom-error-page .bolt .bolt-in span {
    display: block;
    width: 25rem;
    height: 42rem;
    background: var(--bolt-bg);
/*    clip-path: polygon(80% 0%, 80% 0, 60% 45%, 90% 45%, 20% 100%, 40% 57%, 10% 57%);*/
    clip-path: polygon(40% 0%, 70% 0, 42% 47%, 84% 37%, 30% 100%, 50% 57%, 10% 67%);

/*    clip-path: polygon(56% 0, 36% 39%, 65% 26%, 38% 100%, 48% 44%, 20% 55%, 40% 0);*/

}

.custom-error-page .bolt.bolt-1 .bolt-in {
    animation: lightningShadow 3s linear 0s infinite alternate forwards;
}

.custom-error-page .bolt.bolt-2 .bolt-in {
    animation: lightningShadow2 3s linear 0s infinite alternate forwards;
}

.custom-error-page .bolt.bolt-1 .bolt-in span {
    animation: lightningBg 3s linear 0s infinite alternate forwards;
}

.custom-error-page .bolt.bolt-2 .bolt-in span {
    width: 15rem;
    height: 22rem;
    animation: lightningBg2 3s linear 0s infinite alternate forwards;
}

.custom-symbol {
    padding: 0.8rem;
}

.custom-symbol i {
    vertical-align: middle;
}

.custom-symbol.bg-light-success {
    border: 2px solid var(--bs-text-success);
}

.custom-symbol.bg-light-info {
    border: 2px solid var(--bs-text-info);
}

.custom-symbol.bg-light-primary {
    border: 2px solid var(--bs-text-primary);
}

.custom-symbol.bg-light-warning {
    border: 2px solid var(--bs-text-warning);
}

.custom-symbol.bg-light-danger {
    border: 2px solid var(--bs-text-danger);
}

.custom-align-middle {
    vertical-align: middle !important;
}

.bg-light-gray {
    background-color: #F1F1F4;
}

.timeline-item .timeline-label {
    min-width: 100px;
}

.timeline-item .timeline-label:before {
    /* width: 2px;
    background-color: #cccccc;
    top: 20px;
    left: 110%;
    right: initial; */
    display: none;
}

.timeline .timeline-content {
    margin-bottom: 0;
    position: relative;
}

.timeline .timeline-item:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 2px;
    background-color: #cccccc;
    top: 20px;
    left: 108px;
    right: initial;
    bottom: 0;
}

.timeline.custom-full-border .timeline-item:before {
    top: 0;
}

.timeline .timeline-content + .timeline-content {
    padding-top: 1.5rem;
}

.timeline .timeline-item + .timeline-item {
    padding-top: 1.5rem;
}

.timeline .timeline-badge {
    z-index: 1;
}

.timeline .timeline-badge.bg-white {
    background-color: #ffffff;
}

.timeline.custom-full-border .timeline-item:last-child::before {
    bottom: 70%;
}

.card.bg-light-gray .timeline .timeline-badge {
    background-color: #F1F1F4;
}

.card.bg-light-info .timeline .timeline-badge {
    background-color: var(--bs-info-light);
}



@keyframes lightningBg {
    from{
        background: #f1f1f6;
    }
    to{
        background: var(--bolt-bg);
    }
}

@keyframes lightningBg2 {
    from{
        background: var(--bolt-bg);
    }
    to{
        background: #f1f1f6;
    }
}

@keyframes lightningShadow {
    from{
        filter: drop-shadow(0px 0px 0px var(--bolt-bg));
    }
    to{
        filter: drop-shadow(0px 0px 20px var(--bolt-bg2));
    }
}

@keyframes lightningShadow2 {
    from{
        filter: drop-shadow(0px 0px 20px var(--bolt-bg2));
    }
    to{
        filter: drop-shadow(0px 0px 0px var(--bolt-bg));
    }
}


/*===================== MEDIA QUERY =====================*/

@media screen and (min-width: 767px) {
    .timeline .timeline-item:before {
        left: 111px;
    }

    .custom-login-container {
        padding: 0;
    }

    /*.custom-login .custom-logo {
        position: relative;
        top: 0;
    }*/

    /*.custom-login .custom-title {
        margin-top: 13rem;
    }*/

    .custom-login .custom-input {
        width: 60%;
        /*margin-bottom: 12rem;*/
    }

    .custom-login .custom-input .remember-forgot {
        max-width: 420px;
    }

    .custom-multiple-filter .custom-form-select .filter-list {
        padding: 5px;
    }

    .custom-table-tablist .filter-dropdown-tablist {
        width: 40%;
    }

    .custom-table-tablist .custom-filter-tablist .filter-wrapper {
        justify-content: space-between;
    }

    .custom-table-tablist .filter-list-style + .filter-dropdown-tablist {
        margin-top: 0;
    }

    .filter-list-style ul {
        margin: -5px;
    }

    .filter-list-style ul li {
        margin: 5px;
    }

    .title-section-area .title-section-filter .custom-form-select {
        text-align: right;
    }

    .custom-form > .row > [class*="col-"] + [class*="col-"] {
        margin-top: 0;
    }

    .custom-section-inside > .row > [class*="col-"] {
        margin: 1rem 0;
    }

    .custom-section-inside > .row > [class*="col-"] + [class*="col-"] {
        margin-top: 1rem;
    }

    .card > .card-header:not(.flex-nowrap),
    .card .card-header,
    .custom-card .card-header {
        padding: 2rem 2rem 0;
    }

    .card .card-body,
    .custom-card .card-body {
        padding: 1.25rem 2rem 2rem;
    }

    .custom-table .paging-table .showing-area + .paging-area{
        margin-top: 0;
    }

    .custom-table.mobile-optimised .table tbody td.check-absolute-mobile .form-check-label {
        display: none;
    }

    .card .card-toolbar.custom-card-toolbar .search-area + .button-area {
        margin-top: 0;
        flex: 0 0 50%;
    }
    
    .card .card-toolbar.custom-card-toolbar .search-area + .button-area .row {
        justify-content: flex-end;
    }

    .card .card-toolbar.custom-card-toolbar .search-area {
        flex: 0 0 50%;
    }

    .card .card-toolbar.custom-card-toolbar .search-area .custom-form-input {
        padding-right: 10px;
    }

    .custom-table .dataTables_wrapper .table-responsive + .row [class*="col-"] + [class*="col-"] {
        margin-top: 0;
    }

    .custom-table .table h5 + h6 {
        margin-top: 2px;
    }

    .custom-table .list-with-image .image-area .pic-image {
        width: 50px;
        height: 50px;
    }

    .custom-section.sticky-action-button .card .card-body {
        padding: 1.25rem 2rem;
    }

    .custom-form.upload-container .custom-file-upload .custom-file-upload-wrapper > .row > [class*="col-"] + [class*="col-"] {
        margin-top: 0;
    }

    .custom-detail-section .custom-detail-group .custom-detail-list {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .custom-detail-section .custom-detail-group .custom-detail-list + .custom-detail-list {
        margin-top: 0;
    }

    .custom-section-inside.container-chart .chart-double .chart-list {
        margin: 1rem 0;
    }

    .custom-section-inside.container-chart .chart-double .chart-list + .chart-list {
        margin-top: 1rem;
    }

    .custom-form .form-group {
        padding-top: calc(var(--bs-gutter-x) * 0.5);
        padding-bottom: calc(var(--bs-gutter-x) * 0.5);
    }

    .custom-form .form-group + .form-group {
        margin-top: 0;
    }

    .custom-step-form .stepper .stepper-nav-wrapper .stepper-nav {
        justify-content: start;
    }

    .custom-step-form .stepper .stepper-nav-wrapper .stepper-nav .stepper-item .stepper-icon {
        width: 40px;
        height: 40px;
    }

    /*.custom-step-form .custom-form .form-group {
        padding-top: calc(var(--bs-gutter-x) * 0.5);
        padding-bottom: calc(var(--bs-gutter-x) * 0.5);
    }

    .custom-step-form .custom-form .form-group + .form-group {
        margin-top: 0;
    }*/

    .header-title-area .custom-datetime h6 {
        font-size: 0.9em;
    }

    /* .timeline-item .timeline-label {
        min-width: 140px;
    } */

}

@media screen and (min-width: 992px) {
    .custom-app-header .app-header-logo {
        width: auto;
    }

    .custom-app-header .logo-primary {
        height: 40px;
    }

    .custom-app-header .app-header-logo + .header-title-area {
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px solid #D9DCE4;
    }

    .custom-login .custom-logo + .custom-title,
    .custom-login .custom-title + .custom-logo,
    .custom-login .custom-logo + .custom-input {
        margin-top: 3rem;
    }

    .custom-login .custom-title + .custom-input {
        margin-top: 20rem;
    }

    .custom-register .custom-title + .custom-input {
        margin-top: 10rem;
    }

    /* .custom-login .custom-logo {
        position: relative;
        top: 0;
        left: 0;
    } */

    .custom-login .custom-logo img {
        height: 40px;
    }

    .custom-login .custom-input {
        margin-top: 0;
    }

    .title-header h1 {
        font-size: 1.9rem;
    }

    .title-header h5 {
        font-size: 0.8rem;
    }
    
    .custom-app-header-wrapper .app-title {
        font-size: 1.1rem;
    }

    .custom-app-header-wrapper .custom-datebreadcrumb .breadcrumb a {
        max-width: 200px;
    }

    body[data-kt-scrolltop*="on"] .custom-app-header .logo-primary {
       height: 36px;
    }

    /*body[data-kt-scrolltop*="on"] .title-header h1 {
        font-size: 2rem;
    }

    body[data-kt-scrolltop*="on"] .title-header h5 {
        font-size: 0.8rem;
    }*/

    .custom-large-text h3 {
        font-size: 2.2rem;
        /*color: #03aeef;*/
    }

    .custom-large-text h5 {
        font-size: 1.2rem;
    }

    .custom-app-sidebar {
        left: 30px;
        top: initial;
        bottom: initial;
    }

    .custom-app-sidebar ~ .custom-backdrop-desktop {
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0.4);
        transition: all .2s ease-in-out;
    }

    [data-kt-app-sidebar-fixed=true] .custom-app-sidebar {
        left: 30px;
        top: 30px;
        bottom: 30px;
    }

    [data-kt-app-sidebar-fixed=true] .app-wrapper {
        margin-left: 140px;
    }

    .custom-app-sidebar .custom-sidebar-list .menu-sub-accordion {
        height: 0;
        overflow: hidden;
        transition: height 0.3s ease;
    }

    .custom-app-sidebar:hover .custom-sidebar-list .menu-sub-accordion {
        height: auto;
    }

    .custom-app-sidebar .app-sidebar-menu .menu {
        background-color: #fff;
        border-radius: 30px;
    }

    .custom-app-sidebar .app-sidebar-menu .menu-link .menu-icon {
        /*padding: 0 20px;*/
        transition: all .2s ease-in-out;
    }

    /* Removed empty ruleset: .custom-app-sidebar:hover .app-sidebar-menu .menu-link .menu-icon */

    .custom-app-sidebar .app-sidebar-menu .menu-link .menu-title {
        text-indent: -6666em;
        margin-left: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        display: none;
        transition: all .2s ease-in-out;
    }

    .custom-app-sidebar:hover .app-sidebar-menu .menu-link .menu-title {
        text-indent: initial;
        margin-left: 0.5rem;
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
        display: flex;
    }

    .custom-app-sidebar .app-sidebar-menu .menu-sub-accordion .menu-icon {
        display: none;
    }

    .custom-app-sidebar:hover .app-sidebar-menu .menu-sub-accordion .menu-icon {
        display: flex;
    }

    .custom-app-sidebar .app-sidebar-menu .menu-link .menu-arrow {
        display: none;
    }

    .custom-app-sidebar:hover .app-sidebar-menu .menu-link .menu-arrow {
        display: flex;
    }

    .custom-app-sidebar:hover ~ .custom-backdrop-desktop {
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
    }

    .custom-app-sidebar .custom-nav-profile .user-mail {
        color: #06A3DA;
    }

    .custom-app-sidebar .custom-nav-profile .user-menu + .user-info {
        margin: 0;
    }

    .custom-app-sidebar .custom-nav-profile .user-info h5,
    .custom-app-sidebar .custom-nav-profile .user-info h6 {
        text-indent: -6666em;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: all .2s ease-in-out;
    }

    .custom-app-sidebar:hover .custom-nav-profile .user-info h5,
    .custom-app-sidebar:hover .custom-nav-profile .user-info h6 {
        text-indent: initial;
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
    }

    .custom-app-sidebar:hover .custom-nav-profile .user-menu + .user-info {
        margin: 0 10px;
    }

    .custom-app-sidebar .app-sidebar-menu .menu-sub-accordion .list-submenu {
        padding-left: 1rem;
    }

    /*.custom-section-inside .card-header .card-title {
        max-width: initial;
        flex: 0 0 40%;
        margin: 0;
    }

    .custom-section-inside .card-header .custom-card-toolbar {
        flex: 0 0 60%;
        justify-content: flex-end;
    }

    .custom-section-inside .card-header .custom-card-toolbar .row {
        width: 100%;
    }*/
}

@media screen and (min-width: 1100px) {
    .card .card-toolbar.custom-card-toolbar {
        justify-content: space-between;
    }

    .card .card-toolbar.custom-card-toolbar .search-area {
        width: auto;
        flex: 0 0 40%;
    }
}

@media screen and (min-width: 1200px) {
    .custom-section-inside > .row > [class*="col-"] {
        margin: 0;
    }

    .custom-section-inside > .row > [class*="col-"] + [class*="col-"] {
        margin: 0;
    }

    .custom-section-inside.container-chart .chart-double .chart-list {
        margin: 0;
    }

    .custom-section-inside.container-chart .chart-double .chart-list + .chart-list {
        margin-top: 2rem;
    }
}

@media screen and (min-width: 1600px) {
    .custom-login .custom-title + .custom-input {
        margin-top: 25rem;
    }

    .custom-register .custom-title + .custom-input {
        margin-top: 15rem;
    }
}

@media screen and (max-width: 1100px) {
    .custom-table .table-responsive tr .dtfc-fixed-left,
    .custom-table .table-responsive tr .dtfc-fixed-right {
        position: relative !important;
    }

    .custom-table .table-responsive tr .dtfc-fixed-left {
        left: 0 !important;
    }

    .custom-table .table-responsive tr .dtfc-fixed-right {
        right: 0 !important;
    }
}

@media screen and (max-width: 992px) {
    .app-wrapper {
        padding-top: 2.5rem;
    }

    .custom-app-header .app-container {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    .custom-app-header .custom-drawer:hover {
        background-color: #d5eff7;
    }

    .custom-app-header .custom-drawer + .logo-image {
        margin-left: 4px;
    }

    [data-kt-app-sidebar-fixed=true] .custom-app-sidebar {
        background-color: #fff;
        border-radius: 30px;
    }

    .custom-app-sidebar .app-sidebar-menu .menu {
        box-shadow: none !important;
    }

    .custom-app-sidebar .app-sidebar-menu .menu-link .menu-icon + .menu-title {
        margin-left: 0.5rem;
    }

    .custom-app-sidebar .app-sidebar-menu .menu-link .menu-title {
        padding-right: 10px;
    }

    .card-header .custom-action-button-group {
        margin-top: 1.3rem;
        justify-content: flex-start !important;
    }

    .card-body .custom-action-button-group {
        margin-top: 1.3rem;
        justify-content: flex-start !important;
    }

    .card-body .custom-action-button-group .btn-group {
        width: 100%;
    }

    .row.custom-margin-mobile [class*="col-"] + [class*="col-"] {
        margin-top: 1.25rem;
    }

    /* .card-body .custom-action-button-group span {
        vertical-align: middle;
    } */
}

@media screen and (max-width: 932px) and (orientation: landscape) {
    /*.custom-login-container {
        height: auto;
    }*/

    .custom-login .custom-title {
        margin-top: 0;
    }

    .custom-login .custom-input {
        margin-top: 2rem;
    }

    .custom-login .custom-logo img {
        height: 30px;
    }
    
    .custom-login .custom-title + .custom-input {
        margin-top: 3rem;
    }
}

@media screen and (max-width: 767px) {
    .custom-app-header .app-container {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }

    .custom-app-header .custom-nav-profile h5 {
        max-width: 150px;
    }

    .custom-app-header .custom-nav-profile h6 {
        max-width: 150px;
    }

    .custom-app-header .custom-nav-profile {
        display: none;
    }

    .custom-form-select {
        width: 100%;
        flex-wrap: wrap;
    }

    .card .custom-form-input {
        width: 100%;
    }

    .custom-multiple-filter .custom-form-select .filter-list + .filter-list {
        margin-top: 6px;
    }

    .title-section-area .title-withsub + .title-section-filter {
        margin-top: 10px;
    }

    .title-section-area .title-section-filter {
        width: 100%;
    }

    .title-section-area .title-section-filter .custom-form-select .filter-list {
        width: 100%;
    }

    .custom-table-tablist .filter-dropdown-tablist {
        width: 100%;
    }

    .custom-table-tablist .filter-dropdown-tablist .filter-list {
        width: 100%;
    }

    .custom-table.mobile-optimised .table:not(.table-bordered) th:first-child,
    .custom-table.mobile-optimised .table:not(.table-bordered) td:first-child {
        padding-left: 0;
    }

    .custom-table.mobile-optimised .table:not(.table-bordered) th:last-child,
    .custom-table.mobile-optimised .table:not(.table-bordered) td:last-child {
        padding-right: 0;
    }

    .custom-table.mobile-optimised .table-responsive {
        border: 0;
        border-radius: 0;
    }

    .custom-table.mobile-optimised .table {
        word-wrap: break-word;
    }

    .custom-table.mobile-optimised .table thead {
        position: absolute;
        left: -999em;
        top: -999em;
    }

    .custom-table.mobile-optimised .table td,
    .custom-table.mobile-optimised .table tfoot th {
        display: block;
        float: left;/* ie9 and under hack */
        width: 100%;
        clear: both;
        background-color: transparent !important;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 0 !important;
        white-space: initial;
    }

    .custom-table.mobile-optimised .table td + td,
    .custom-table.mobile-optimised .table tfoot th + th {
        margin-top: 1.6rem;
    }

    .custom-table.mobile-optimised .table td,
    .custom-table.mobile-optimised .table th {
        text-align: left!important;
    }

    .custom-table.mobile-optimised .table tbody, 
    .custom-table.mobile-optimised .table tfoot, 
    .custom-table.mobile-optimised .table tr {
        display: block
    }

    .custom-table.mobile-optimised .table tfoot th:before,
    .custom-table.mobile-optimised .table td:before {
        content: attr(data-th);
        font-size: 0.75rem;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        color: #8C91A4;
        display: block;
        margin: 0 0 4px;
    }

    .custom-table.mobile-optimised .table tbody tr,
    .custom-table.mobile-optimised .table tfoot tr {
        position: relative;
        float: left;
        width: 100%;
        background-color: #F1F1F4;
        padding: 20px 15px;
        border-radius: 20px;
        overflow: hidden;
    }

    .custom-table.mobile-optimised .table tbody tr + tr,
    .custom-table.mobile-optimised .table tfoot tr + tr {
        margin-top: 16px;
    }

    .custom-table.mobile-optimised .table tfoot tr {
        margin-top: 16px;
        background-color: #D5EEF7;
    }

    .custom-table.mobile-optimised .table .action-table .btn {
        background-color: #06A3DA;
        color: #fff;
    }

    .custom-table.mobile-optimised .table .action-table .btn i {
        color: #fff;
    }

    .custom-table.mobile-optimised .table .action-table .btn:disabled,
    .custom-table.mobile-optimised .table .action-table .btn.disabled {
        background-color: #dadada;
    }

    .custom-table .table .action-table .btn:disabled i,
    .custom-table .table .action-table .btn.disabled i {
        color: #8C91A4;
    }

    .custom-table.mobile-optimised .table tbody td.check-absolute-mobile {
        position: absolute!important;
        z-index: 2;
        top: 0;
        bottom: 80%;
        right: 0;
        left: 0!important;
        width: auto;
    }

    .custom-table.mobile-optimised .table tbody td.check-absolute-mobile .form-check-custom {
        justify-content: flex-end;
    }

    .custom-table.mobile-optimised .table tbody td.check-absolute-mobile:before {
        display: none;
    }

    .custom-table.mobile-optimised .table tbody td.check-absolute-mobile .form-check-input {
        width: 44px;
        height: 44px;
        border-bottom-left-radius: 20px;
        background-size: 40% 40%;
    }

    .custom-table.mobile-optimised .table tbody td.check-absolute-mobile .form-check-label {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .custom-table .table td .form-group .form-control,
    .custom-table .table td .form-group .form-select {
        background-color: #fff;
        border-color: #fff;
    }

    .custom-table .table td .form-group [aria-disabled="true"],
    .custom-table .table td .form-group [disabled="disabled"],
    .custom-table .table td .form-group .form-control[readonly],
    .custom-table .table td .form-group [readonly],
    .custom-table .table td .form-group [readonly="readonly"] {
        background-color: #cacaca;
        border-color: #cacaca;
    }

    /*.custom-error-page .bolt.bolt-1 {
        top: 50%;
        left: 50%;
        right: initial;
        transform: translate(-50%, -50%);
    }*/

    /*.custom-error-page .bolt.bolt-2 {
        left: -3rem;
    }*/

    .card-body .custom-action-button-group {
        flex-wrap: wrap;
    }

    .card-body .custom-action-button-group .action-button-list {
        width: 50%;
        flex: 0 0 50%;
        padding: 5px;
    }

    .card-body .custom-action-button-group .action-button-list .btn {
        width: 100%;
    }
}

@media screen and (max-width: 380px) {
    /*.custom-login .custom-title {
        margin-top: 8rem;
    }*/

    /* Removed empty ruleset: .custom-login .custom-input */

    .custom-login .custom-input {
        margin-top: 8rem;
    }

    .custom-register .custom-input {
        margin-top: 3rem;
    }
}

@media screen and (max-width: 330px) {
    /*.custom-login .custom-title {
        margin-top: 9rem;
    }*/

    .custom-login .custom-title h6 {
        font-size: 1.4rem;
    }

    .custom-login .custom-title h5 {
        font-size: 2.1rem;
    }

    /* Removed empty ruleset: .custom-login .custom-input */
}

.txt-one-line {
    white-space: normal;
    display: box;
    display:-moz-box;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.txt-two-line {
    white-space: normal;
    display: box;
    display:-moz-box;
    display:-webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-200px {
    width: 200px;
}

.w-500px {
    width: 400px;
}

/* Custom utility classes for KRS PO Linking */
.w-120px {
    width: 120px;
}

.mw-400px {
    max-width: 400px;
}

.mh-600px {
    max-height: 600px;
}

.overflow-auto {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.w-15px {
    width: 15px !important;
}

.h-15px {
    height: 15px !important;
}

.h-10px {
    height: 10px;
}
/* ========================================
   INVOICE KENDARAAN WIZARD STEPPER
   ======================================== */

/* Horizontal Stepper Layout */
.stepper.stepper-pills .stepper-nav {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.stepper.stepper-pills .stepper-item {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}

.stepper.stepper-pills .stepper-item .stepper-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

/* Connecting line between steps */
.stepper.stepper-pills .stepper-nav::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 10%;
    right: 10%;
    height: 2px;
    background-color: #e4e6ef;
    z-index: 1;
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    position: relative;
    z-index: 2;
    background-color: #e4e6ef;
}

.stepper.stepper-pills .stepper-item.current .stepper-icon,
.stepper.stepper-pills .stepper-item.completed .stepper-icon {
    background-color: #009ef7;
    color: white;
}

.stepper.stepper-pills .stepper-item .stepper-title {
    white-space: nowrap;
    font-size: 0.85rem;
}

/* Variance row styling for preview table */
.variance-high {
    background-color: #fff5f8 !important;
}

.variance-medium {
    background-color: #fff8dd !important;
}

.variance-low {
    background-color: #f1faff !important;
}
/* Timeline History Scrollable */
.timeline-scrollable {
    max-height: 350px;
    overflow-y: auto;
}

/* ========================================
   Kontrak Laksda - Modal Items Table
   ======================================== */
/* Force table to respect column widths */
#modal_kontrak_items .table {
    table-layout: fixed !important;
    width: 100% !important;
}

/* Set specific widths for each column */
#modal_kontrak_items .table thead th:nth-child(1),
#modal_kontrak_items .table tbody td:nth-child(1) {
    width: 50px !important;
    max-width: 50px !important;
}

#modal_kontrak_items .table thead th:nth-child(2),
#modal_kontrak_items .table tbody td:nth-child(2) {
    width: 200px !important;
    max-width: 200px !important;
}

#modal_kontrak_items .table thead th:nth-child(3),
#modal_kontrak_items .table tbody td:nth-child(3) {
    width: 220px !important;
    max-width: 220px !important;
}

#modal_kontrak_items .table thead th:nth-child(4),
#modal_kontrak_items .table tbody td:nth-child(4) {
    width: 250px !important;
    max-width: 250px !important;
}

#modal_kontrak_items .table thead th:nth-child(5),
#modal_kontrak_items .table tbody td:nth-child(5) {
    width: 90px !important;
    max-width: 90px !important;
}

#modal_kontrak_items .table thead th:nth-child(6),
#modal_kontrak_items .table tbody td:nth-child(6) {
    width: 100px !important;
    max-width: 100px !important;
}

#modal_kontrak_items .table thead th:nth-child(7),
#modal_kontrak_items .table tbody td:nth-child(7) {
    width: 100px !important;
    max-width: 100px !important;
}

/* Line clamp for Tipe & Spek column */
.line-clamp-3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    line-height: 1.5 !important;
    max-height: 4.5em !important;
    cursor: help !important;
}

/* Ensure all table cells wrap text properly */
#modal_kontrak_items .table td {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    vertical-align: top !important;
}

/* ========================================
   Kontrak Laksda Detail - PO Absorption Table
   ======================================== */
/* Fixed sticky column for Subtotal */
#po_absorption_table {
    position: relative;
}

#po_absorption_table .sticky-subtotal {
    position: sticky !important;
    right: 0;
    z-index: 2;
    box-shadow: -3px 0 8px rgba(0, 0, 0, 0.08);
}

/* Header sticky column */
#po_absorption_table thead th.sticky-subtotal {
    background-color: #f5f8fa !important;
    border-left: 1px solid #e4e6ef;
}

/* Body sticky column - preserve striped background */
#po_absorption_table tbody tr td.sticky-subtotal {
    background-color: #ffffff !important;
    border-left: 1px solid #e4e6ef;
}

#po_absorption_table tbody tr:nth-child(even) td.sticky-subtotal {
    background-color: #f9f9f9 !important;
}

#po_absorption_table tbody tr:hover td.sticky-subtotal {
    background-color: #f5f8fa !important;
}

/* Footer sticky column */
#po_absorption_table tfoot tr td.sticky-subtotal {
    background-color: #f5f8fa !important;
    border-left: 1px solid #e4e6ef;
}

/* Legacy sticky-col class support */
.sticky-col {
    position: sticky;
    right: 0;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0,0,0,0.1);
    z-index: 1;
}

tbody tr:hover .sticky-col {
    background-color: #f5f8fa;
}

/* ========================================
   Kontrak Laksda Detail - Contract Assets Table
   ======================================== */
/* Tipe & Spek column with word wrapping */
.kontrak-detail-tipe-spek {
    max-width: 250px;
}

.kontrak-detail-tipe-spek .text-muted {
    white-space: normal;
    word-wrap: break-word;
}

/* Uraian Aset column with word wrapping */
.kontrak-detail-uraian {
    max-width: 300px;
}

.kontrak-detail-uraian .text-gray-800 {
    white-space: normal;
    word-wrap: break-word;
}