body {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 16px !important;
}

body[data-kt-drawer="on"] {
    overflow: hidden;
}

[data-bs-theme=light] {
    --bs-primary: #0b7835;
    --bs-primary-dark: #61b143;
    --bs-primary-darker: #055022;
    --bs-primary-soft: #82c13f;
    --bs-primary-active: #055022;
    --bs-primary-light: #e0ffc3;
    --bs-primary-inverse: #ffffff;
    --bs-primary-clarity: rgba(134, 167, 252, 0.2);
    /*--bs-primary-rgb: 27,132,255;*/
    --bs-primary-rgb: 52, 14, 192;
    --bs-menu-link-color-hover: #0b7835;
    --bs-menu-link-color-active: #0b7835;
    --bs-menu-link-bg-color-active: #eef3ff;
    --bs-component-hover-color: #055022;
    --bs-light-active: #055022;

    --bs-menu-link-bg-color-hover: #ffe7d1;

    --bs-text-primary: #0b7835;
    --bs-text-primary-soft: #61b143;
    --bs-text-primary-dark: #61b143;
    --bs-text-primary-darker: #055022;


    --bs-secondary: #2e3192;
    --bs-secondary-dark: #575aaf;
    --bs-secondary-darker: #2e306c;
    --bs-secondary-soft: #7d7fb8;
    --bs-secondary-active: #2e306c;
    --bs-secondary-light: #c8cafa;
    --bs-secondary-inverse: #ffffff;

    --bs-secondary-clarity: rgba(255, 180, 114, 0.2);
    /*--bs-primary-rgb: 27,132,255;*/
    --bs---bs-secondary-clarity-rgb: 255, 152, 67;

    --bs-text-secondary: #2e3192;
    --bs-text-secondary-soft: #7d7fb8;
    --bs-text-secondary-dark: #7d7fb8;
    --bs-text-secondary-darker: #2e306c;

    /*--bs-secondary: #F1F1F4;*/
    /*--bs-secondary-active: #C4CADA;*/
    /*--bs-secondary-light: #F9F9F9;*/
    /*--bs-secondary-inverse: #252F4A;*/
    /*--bs-secondary-clarity: rgba(249, 249, 249, 0.2);*/
    /*--bs-secondary-rgb: 241, 241, 244;*/



    /*--bs-success: #17C653;*/
    --bs-success-soft: #67ff9c;
    --bs-info: #7239EA;
    /* --bs-info: #00B3F9; */
    --bs-warning: #F6C000;
    --bs-danger: #F8285A;
    --bs-dark: #1E2129;

    /*--bs-success-active: #04B440;*/
    --bs-info-active: #5014D0;
    /* --bs-info-active: #00A5C6; */
    --bs-warning-active: #DEAD00;
    --bs-danger-active: #D81A48;
    --bs-dark-active: #111318;
    --bs-success-light: #DFFFEA;
    --bs-info-light: #F8F5FF;
    --bs-warning-light: #FFF8DD;
    --bs-danger-light: #FFEEF3;
    --bs-dark-light: #F9F9F9;
    --bs-light-light: #ffffff;
    --bs-light-inverse: #252F4A;
    --bs-success-inverse: #ffffff;
    --bs-info-inverse: #ffffff;
    --bs-warning-inverse: #ffffff;
    --bs-danger-inverse: #ffffff;
    --bs-dark-inverse: #ffffff;
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-info-clarity: rgba(114, 57, 234, 0.2);
    --bs-warning-clarity: rgba(246, 192, 0, 0.2);
    --bs-danger-clarity: rgba(248, 40, 90, 0.2);
    --bs-dark-clarity: rgba(30, 33, 41, 0.2);
    --bs-light-clarity: rgba(255, 255, 255, 0.2);
    --bs-light-rgb: 249, 249, 249;
    --bs-success-rgb: 23, 198, 83;
    --bs-info-rgb: 114, 57, 234;
    --bs-warning-rgb: 246, 192, 0;
    --bs-danger-rgb: 248, 40, 90;
    --bs-dark-rgb: 30, 33, 41;
    --bs-text-white: #ffffff;

    /*--bs-green: #85A746;*/
    --bs-green-dark: #3E9561;
    /*--bs-blue: #00B3F9;*/
    --bs-blue-dark: #00A5C6;


    --bs-page-bg: #F7F7F7;
    --bs-app-blank-bg: #F7F7F7;
    --bs-toolbar-bg-color: #F7F7F7;

    --bs-success: #50cd89;
    --bs-success-active: #47be7d;
    --bs-success-clarity: rgba(23, 198, 83, 0.2);
    --bs-text-success: #50cd89;
    /*--bs-menu-link-bg-color-hover: #e8ffe2;*/

    --bs-blockui-overlay-bg: rgba(0, 0, 0, 0.56);
    --bs-component-active-bg: var(--bs-secondary);

}

.bg-primary-darker {
    background-color: var(--bs-primary-darker) !important;
}

.text-primary-darker {
    color: var(--bs-text-primary-darker) !important;
}

.bg-green {
    background-color: var(--bs-green) !important;
}

.text-green {
    color: var(--bs-green) !important;
}

.border-green {
    --bs-border-opacity: 1;
    border-color: var(--bs-green) !important;
}

.badge-green {
    color: var(--bs-warning-inverse);
    background-color: var(--bs-green)
}

.badge-green.badge-outline {
    border: 1px solid var(--bs-green);
    background-color: transparent;
    color: var(--bs-green)
}

.badge-light-green {
    background-color: var(--bs-warning-light);
    color: var(--bs-green)
}

.btn-green-dark {
    color: var(--bs-info-inverse);
    border-color: var(--bs-green-dark);
    background-color: var(--bs-green-dark) !important;
}


.btn.btn-green-dark:active:not(.btn-active),
.btn.btn-green-dark:focus:not(.btn-active),
.btn.btn-green-dark:hover:not(.btn-active),
.show > .btn.btn-green-dark {
    color: var(--bs-info-inverse);
    border-color: var(--bs-green);
    background-color: var(--bs-green) !important;
}


.bg-green-dark {
    background-color: var(--bs-green-dark) !important;
}

.border-green-dark {
    --bs-border-opacity: 1;
    border-color: var(--bs-green-dark) !important;
}

.text-green-dark {
    color: var(--bs-green-dark) !important;
}


.badge-green-dark {
    color: var(--bs-warning-inverse);
    background-color: var(--bs-green-dark);
}

.badge-green-dark.badge-outline {
    border: 1px solid var(--bs-green);
    background-color: transparent;
    color: var(--bs-green-dark);
}

.badge-light-green-dark {
    background-color: var(--bs-warning-light);
    color: var(--bs-green-dark);
}


.btn.btn-green {
    color: var(--bs-info-inverse);
    border-color: var(--bs-green);
    background-color: var(--bs-green) !important;
}


.btn.btn-green:active:not(.btn-active),
.btn.btn-green:focus:not(.btn-active),
.btn.btn-green:hover:not(.btn-active),
.show > .btn.btn-green {
    color: var(--bs-info-inverse);
    border-color: var(--bs-green-dark);
    background-color: var(--bs-green-dark) !important;
}

.bg-blue {
    background-color: var(--bs-blue) !important;
}

.text-blue {
    color: var(--bs-blue) !important;
}

.border-blue {
    --bs-border-opacity: 1;
    border-color: var(--bs-blue) !important;
}

.bg-blue-dark {
    background-color: var(--bs-blue-dark) !important;
}

.text-blue-dark {
    color: var(--bs-blue-dark) !important;
}

.border-blue-dark {
    --bs-border-opacity: 1;
    border-color: var(--bs-blue-dark) !important;
}

.bg-pink {
    background-color: var(--bs-pink) !important;
}

.text-pink {
    color: var(--bs-pink) !important;
}


.border-pink {
    --bs-border-opacity: 1;
    border-color: var(--bs-pink) !important;
}


.bg-orange {
    background-color: var(--bs-orange) !important;
}

.text-orange {
    color: var(--bs-orange) !important;
}


.table {
    --bs-table-border-color: initial;
}


.app-sidebar .app-sidebar-logo {
    border-bottom: 1px solid #e7e7e7 !important;
}

div.image-input {
    background-image: url("/_src/ui/media/svg/avatars/blank.svg") !important;
}

div.image-input.attach {
    background-image: url("/_src/ui/media/svg/shapes/abstract-5.svg") !important;
    background-size: cover;
}


select.selected-center + span.select2-container .select2-selection {
    justify-content: center;
}

table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px #e7d27c69 !important;
}

.image-input-wrapper {
    border-width: 2px !important;
    border-color: var(--bs-gray-400) !important;
    border-style: solid !important;
    box-shadow: none !important;
    /*background-color: white;*/
}

.image-input.image-input-outline .image-input-wrapper {
    background-size: contain;
    background-position: center;
}

img.image-cover {
    object-fit: contain;
    object-position: center;
    background-color: white;
}

.text-primary-soft {
    color: var(--bs-text-primary-soft) !important;
}

.bg-primary-soft {
    background-color: var(--bs-primary-soft) !important;
}


.text-primary-dark {
    color: var(--bs-text-primary-dark) !important;
}

.bg-primary-dark {
    background-color: var(--bs-primary-dark) !important;
}

.text-gray-dark {
    color: var(--bs-gray-dark) !important;
}

.bg-gray-dark {
    background-color: var(--bs-gray-dark) !important;
}

.bg-success-soft {
    background-color: var(--bs-success-soft) !important;
}

.border-primary-soft {
    --bs-border-opacity: 1;
    border-color: var(--bs-primary-soft) !important;
}

.border-primary-dark {
    --bs-border-opacity: 1;
    border-color: var(--bs-primary-dark) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary {
    --bs-btn-color: #17C653;
    --bs-btn-border-color: #17C653;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #17C653;
    --bs-btn-hover-border-color: #17C653;
    --bs-btn-focus-shadow-rgb: 23, 198, 83;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: #17C653;
    --bs-btn-active-border-color: #17C653;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #17C653;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #17C653;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #F1F1F4;
    --bs-btn-hover-border-color: var(--bs-secondary-darker);
    --bs-btn-focus-shadow-rgb: 241, 241, 244;
    --bs-btn-active-color: var(--bs-secondary-darker);
    --bs-btn-active-bg: #F1F1F4;
    --bs-btn-active-border-color: var(--bs-secondary-darker);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-secondary-soft);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-secondary-soft);
    --bs-gradient: none
}

.btn.btn-outline.btn-outline-secondary {
    color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    background-color: transparent;
}

.btn.btn-outline.btn-outline-secondary .svg-icon,
.btn.btn-outline.btn-outline-secondary i {
    color: var(--bs-text-secondary);
}

.btn-check:active + .btn.btn-outline.btn-outline-secondary,
.btn-check:checked + .btn.btn-outline.btn-outline-secondary,
.btn.btn-outline.btn-outline-secondary.active,
.btn.btn-outline.btn-outline-secondary.show,
.btn.btn-outline.btn-outline-secondary:active:not(.btn-active),
.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active),
.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active),
.show > .btn.btn-outline.btn-outline-secondary {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary-dark) !important;
}

.text-secondary-dark {
    color: var(--bs-text-secondary-dark);
}

.text-secondary-darker {
    color: var(--bs-text-secondary-darker) !important;
}

.btn-check:active + .btn.btn-outline.btn-outline-light,
.btn-check:checked + .btn.btn-outline.btn-outline-light,
.btn.btn-outline.btn-outline-light.active,
.btn.btn-outline.btn-outline-light.show,
.btn.btn-outline.btn-outline-light:active:not(.btn-active),
.btn.btn-outline.btn-outline-light:focus:not(.btn-active),
.btn.btn-outline.btn-outline-light:hover:not(.btn-active),
.show > .btn.btn-outline.btn-outline-light {
    color: var(--bs-primary-active);
    border-color: var(--bs-light);
    background-color: var(--bs-light-light) !important;
}

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

i.bi,
i[class*=" fa-"],
i[class*=" fonticon-"],
i[class*=" la-"],
i[class^=fa-],
i[class^=fonticon-],
i[class^=la-] {
    line-height: 1;
    font-size: 1rem;
    color: var(--bs-text-muted);
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: var(--bs-secondary-soft);
    color: var(--bs-text-white);
}

.pagination {

    --bs-component-active-bg: var(--bs-primary-active);
    --bs-component-hover-color: var(--bs-primary-soft);
    --bs-component-hover-bg: #F9F9F9;
    --bs-component-checked-color: #ffffff;
    --bs-component-checked-bg: var(--bs-primary-active);

}

.btn-check:active + .btn.btn-light,
.btn-check:checked + .btn.btn-light,
.btn.btn-light.active,
.btn.btn-light.show,
.btn.btn-light:active:not(.btn-active),
.btn.btn-light:focus:not(.btn-active),
.btn.btn-light:hover:not(.btn-active),
.show > .btn.btn-light {
    color: var(--bs-text-white);
}

.menu-state-title-primary .menu-item.show > .menu-link .menu-title {
    color: var(--bs-primary-darker);
}

.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon,
.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon,
.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon i {
    color: var(--bs-primary-darker);
}

.form-control:focus {
    /*color: var(--bs-text-primary);*/
    background-color: var(--bs-body-bg);
    border-color: var(--bs-secondary-soft);
    outline: 0;
    box-shadow: false, 0 0 0 .25rem rgba(52, 14, 192, .25);
}


@media (max-width:767.98px) {
    .d-sm-none {
        display: none !important;
    }

    div.swal2-bottom > .swal2-popup.swal2-toast {
        margin-bottom: 10rem;
    }

    .swal2-title {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* .modal-dialog {
        top: 10%;
    }

    .modal-dialog-scrollable .modal-content {
        max-height: 95% !important;
    } */

}

.fv-plugins-bootstrap5-row-invalid .select2-selection,
.fv-plugins-bootstrap5-row-invalid .form-control {
    border-color: var(--bs-form-invalid-border-color);
}

.fv-plugins-bootstrap5-row-valid .select2-selection {
    border-color: var(--bs-form-valid-border-color);
}

body.body-member header > nav.navbar {
    position: fixed;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    /*width: 100%;*/
    border: 1px solid var(--bs-primary);
    height: 5rem;
    max-height: 5rem;
}

body.body-member header > nav.navbar > .container .logo {
    height: 4.2rem;
    max-height: 4.2rem;
}

body.body-member footer > nav.navbar {
    position: fixed;
    z-index: 100000;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    height: 5rem;
    max-height: 5rem;
}

body.body-member footer > nav.navbar .container {
    display: table;
}

body.body-member footer > nav.navbar .container > .menu-bar .menu-item > i {
    font-size: 3rem !important;
}

body.body-member .member-container {
    /* background-color: #555; */
    background-color: var(--bs-gray-dark) !important;
    padding: 6rem 10px 5rem 10px;
    width: 100%;
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
    /* margin: 0 auto; */
}

.card-footer.bg-gray-dark {
    background-color: var(--bs-gray-200);
}

.notification-caption {
    /*    --max-lines: 3;*/
    /*    --lh: 1.4rem;*/
    /*    position: relative;*/
    /*    max-height: calc(var(--lh) * var(--max-lines));*/
    /*    overflow: hidden;*/
    /*    padding-right: 1rem;*/
    font-stretch: expanded;
    /*text-indent: 1.4rem !important;*/
    /*    text-overflow: ellipsis;*/
}

/*.notification-caption::before {*/
/*    position: absolute;*/
/*    content: "...";*/
/*    bottom: 0;*/
/*    right: 0;*/
/*}*/

.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}

.tns .tns-nav {
    padding-top: 0;
    padding-bottom: 0.5rem;
}

.announce-caption {
    text-overflow: ellipsis;
    overflow: hidden;
    --max-lines: 5;
    --lh: 1.49rem;
    max-height: calc(var(--lh) * var(--max-lines));
    /*white-space: nowrap;*/
    /*word-wrap: break-word;*/
}

.project-cover-image {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


.indent-20px {
    text-indent: 20px !important;
}

.text-justify {
    text-align: justify !important;
}

.table tbody td,
.table thead th {
    padding: .5rem .5rem !important;
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.w-init {
    width: initial !important;
}

.select2-container--bootstrap5 .select2-selection--single {
    justify-content: center;
}


.input-group > .select2-container--bootstrap5 {
    width: auto !important;
    flex: 1 1 auto !important;
}


.select2-container .select2-selection--single .select2-selection__clear {
    right: 12px;
    background-color: red !important;
}

.footer {
    background-color: var(--bs-light-light);
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1510px;
    }
}

@media (min-width: 992px) {
    .header {
        height: 95px;
    }

    .header-fixed[data-kt-sticky-header=on] .header {
        height: 95px;
    }

}

.toolbar {
    margin-bottom: 0;
}

table.dataTable tfoot td,
table.dataTable tfoot th,
table.dataTable thead td,
table.dataTable thead th {
    /* text-align: center !important; */
    font-weight: bold !important;
    /* background-color: var(--bs-table-border-color); */
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
}

.dataTables_wrapper .dataTables_info {
    float: left;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
}

.swal2-popup {
    padding: .5rem;
}

p {
    margin-bottom: .5rem;
}

a[data-lightbox][href=""] {
    pointer-events: none;
    color: var(--bs-gray-400);
}

.form-control:disabled,
.form-select:disabled {
    color: var(--bs-gray-dark);
}

.ql-editor {
    font-family: Sarabun, sans-serif;
    min-height: 20rem;
}

/* START :: LIGHTBOX CUSTOM */
.lightboxOverlay {
    height: 100vh;
    width: 100vw;
}

.lightbox {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: center;
}

.lightbox .lb-outerContainer {
    position: static;
}

.lightbox .lb-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lightbox .lb-nav a.lb-next {
    width: 10rem;
    height: 10rem;
    opacity: 1;
}

.lightbox .lb-nav a.lb-prev {
    width: 10rem;
    height: 10rem;
    opacity: 1;
}

.lightbox .lb-dataContainer {
    position: absolute;
    top: 0;
    width: 100vw !important;
    padding: 1rem;
    z-index: 10;
}

/* END :: LIGHTBOX CUSTOM */

.form-check-input {
    border-color: darkgray;
    background-color: white;
}

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-link {
    color: var(---bs-nav-tabs-link-active-color);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    font-weight: bold;
    /* font-size: 1.25rem; */
}

.bubble {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fixed-bottom-right {
    position: fixed;
    bottom: 7rem;
    right: 1.5rem;
}

.custom-list {
    padding: 0;
    margin: 0;
}

.custom-list li {
    display: flex;
    gap: .5rem;
}

.v-align-top {
    vertical-align: top;
}

.ellipsis-2line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h-4rem {
    height: 4rem;
}

.blockui .blockui-overlay {
    position: fixed;
    z-index: var(--bs-toast-zindex);
}

.blockui .blockui-overlay .spinner-border {
    width: 4rem;
    height: 4rem;
    border-width: 9px;
}

.blockui .blockui-message {
    flex-direction: column;
    gap: .5rem;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: var(--bs-component-active-bg);
    color: var(--bs-component-active-color);
    border-color: transparent;
}


.div-map-location {
    height: 500px;
}

.modal + .modal {
    --bs-backdrop-zindex: 1057;
    z-index: 1057;
}

.modal-backdrop + .modal-backdrop {
    --bs-backdrop-zindex: 1056;
}

.carousel-item {
    transition: transform .6s ease-in-out !important;
}

.rounded {
    border-radius: 0.625rem !important;
}

.toast-container {
    z-index: 10001 !important;
}

.toast {
    font-size: 1rem;
}

.swal2-popup {
    width: 36em;
}

.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder,
.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered {
    color: var(--bs-gray-dark) !important;
}

.form-select {
    padding: .775rem 1.7rem .775rem 1rem;
    background-position: right 0.3rem center;
}

.draggable-zone .draggable {
    cursor: grab;
}

.draggable-zone .draggable.draggable-source--is-dragging {
    cursor: grabbing;
}

img.symbol.symbol-50px {
    width: 50px;
    height: 50px;
}

.select2-selection__rendered {
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width: 576px) {
    .modal-xxl {
        --bs-modal-width: 95%;
    }
}

@media (min-width: 992px) {
    .modal-xxl {
        --bs-modal-width: 1000px;
    }
}

@media (min-width: 1200px) {
    .modal-xxl {
        --bs-modal-width: 1394px;
    }
}

@media (max-width: 991.98px) {

    .header .header-menu-container,
    .header .separator {
        display: initial !important;
    }

    .header-tablet-and-mobile-fixed .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 97;
        height: auto;
        min-height: 90px;
        /*box-shadow: var(--bs-header-tablet-and-mobile-fixed-box-shadow);*/
    }

    .header-tablet-and-mobile-fixed #kt_content {
        margin-top: 50px;
    }

}

@media (max-width: 991.98px) {
    .h-4rem {
        height: 4.4rem;
    }

    .header-tablet-and-mobile-fixed[data-kt-sticky-header=on] .header {
        min-height: 65px;
        height: auto;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: none;
         padding: 0 4px;
    }
}

.white-space-nowrap{
    white-space: nowrap;
}