body{
    font-family: 'IBM Plex Sans Thai', sans-serif;
}
.swal2-title, .swal2-html-container {
    font-family: 'IBM Plex Sans Thai', sans-serif;
}
.app-brand-text.demo {
    font-size: 1.75rem;
    letter-spacing: -0.5px;
    text-transform: unset;
}

input[type=text]:read-only:not(.bp-datepicker),
input[type=text]:read-only:focus,
textarea:read-only,
textarea:read-only:focus,
button:disabled,
button[disabled],
input[type=text]:disabled,
input[type=date]:disabled{
    background: #eceef1 !important;
}

.flatpickr-input:disabled+input {
    background: #eceef1 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    cursor: pointer;
    /* height: 1.1875rem; */
    position: relative;
    width: auto;
    padding: 0px;
    /* font-size: 15px; */
    margin-top: 0px;
    /* line-height: 11px; */
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1em;
}

[medq][hoverCursor]:hover{
    cursor: pointer;
}

[medq][hoverBackground]:hover{
    background-color: rgba(67, 89, 113, 0.04)
}

[medq][selected]{
    background-color: #6a6cff26;
}

/* .form-select.flatpickr-input + input[readonly]{
    background-color: #fff !important;
} */


.loader {
    display: inline-block;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

.loadersmall {
    display: inline-block;
    border: 5px solid #f3f3f3;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.offcanvas.offcanvas-end {
    border-left: 1px solid #d9dee3;
}