/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@100;200;300;400;500;600;700;800;900&display=swap');
body, * {
    font-family: "Noto Sans Thai Looped", sans-serif;
}
input, select, textarea, button, .form-control, .btn {
    font-size: inherit;
}
:is(.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6) {
    font-family: "Noto Sans Thai", sans-serif;
}
/* .app-menu {
    background-color: gray;
} */
table th {
    background-color: #eee !important;
}
/*table *, label, input, select, button, p, li {*/
table, label, input, select, textarea, button, p, li, span.select2 {
    font-size: 1rem !important;
}
/* span.select2 span.select2_selection--single
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.5rem 0.9rem !important;
} */
/* span.select2 span.select2_selection__rendered,  */
/* .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 0.5rem 0.9rem !important;
    background-color: yellow !important;
} */
table .badge {
    font-size: 0.8rem !important;
}
span.logo-lg img {
    margin-right: 1.05rem;
    vertical-align: middle;
}
span.logo-lg h4 {
    font-size: 1.5rem;
    color: var(--vz-secondary);
}
.navbar-menu .navbar-nav .nav-link,
.navbar-menu .navbar-nav .nav-sm .nav-link,
.navbar-menu .navbar-nav .menu-title {
    font-family: "Noto Sans Thai", sans-serif;
}
.navbar-menu .navbar-nav .menu-title {
    margin-top: 1rem;
    font-size: 0.9rem;
    /* border-top: 1px solid rgb(61, 69, 130); */
}
.card-header {
    /* background-color: var(--vz-light); */
    /* background-color: var(--vz-vertical-menu-item-bg); */
    background-color: var(--vz-gray-600);
}
.card-header * {
    color: #fff;
}
.card-title {
    font-size: 1.2rem;
}
.card-body {
    /* background-color: var(--vz-light); */
    /* background-color: var(--vz-vertical-menu-item-bg); */
    /* background-color: var(--vz-secondary); */
}
label.fcp-required::after {
    content: '*';
    padding-left: 0.5rem;
    color: #bbb;
}
input:read-only {
    background-color: var(--vz-gray-200);
}
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}
.modal-content {
    border: none;
    border-radius: 1rem;
}
.modal-header {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.modal-header,
.modal-dialog:not(.modal-dialog-scrollable) .modal-header {
    background-color: #eee;
    padding: var(--vz-modal-header-padding);
}

/* div.modal-header .btn-close {
    color: red;
    background-image: none;
    font-size: 1rem;
    font-weight: bold;
} */
.small, small {
    font-size: 0.8rem;
}
table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_desc::before, table.dataTable > thead .sorting_asc_disabled::before, table.dataTable > thead .sorting_desc_disabled::before,
table.dataTable>thead .sorting:before,table.dataTable>thead .sorting_asc:before,table.dataTable>thead .sorting_desc:before,table.dataTable>thead .sorting_asc_disabled:before,table.dataTable>thead .sorting_desc_disabled:before {
    position: absolute;
    display: block;
    right: 0;
    bottom: 50%;
    content: "▲"/"";
}
table.dataTable > thead .sorting::after, table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_asc_disabled::after, table.dataTable > thead .sorting_desc_disabled::after,
table.dataTable>thead .sorting:after,table.dataTable>thead .sorting_asc:after,table.dataTable>thead .sorting_desc:after,table.dataTable>thead .sorting_asc_disabled:after,table.dataTable>thead .sorting_desc_disabled:after {
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    content: "▼"/"";
}
table.dataTable tbody td {
    vertical-align: top;
}
.dataTables_processing.card {
    background-color: var(--vz-danger);
    color: #fff;
}

.fcp-inprogress {
    color: lightgray !important;
}
.fc-daygrid-more-link.fc-more-link {
    font-size: 0.8rem !important;
}
td.fcp-td-group {
    background-color: #fafafa !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
    color: var(--vz-body-color);
}