/*
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');

:root {
    --fcp-logo-color-1: #767172;
    --fcp-logo-color-2: #8497B0;
    --fcp-th-background-color: #d8d8d8;
    /* --fcp-th-background-color: var(--vz-vertical-menu-bg);
    --fcp-td-total-background-color: #f7f7f7;
    --fcp-td-grand-total-background-color: #f1f1f1; */
}

body {
    font-family: "Noto Sans Thai Looped", sans-serif;
    font-size: 1rem;
}
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: #d8d8d8;
} */
[data-bs-theme=light] table th {
    background-color: var(--vz-gray-400) !important;
    line-height: 1.5rem;
}
[data-bs-theme=dark] table th {
    background-color: var(--vz-gray-700) !important;
    line-height: 1.5rem;
}
/*table *, label, input, select, button, p, li {*/
/*table, label, input, select, textarea, button, p, li, span.select2 {*/
/* table, label, input, select, textarea, button, p, li, span.select2 { */
table, label, input, select, textarea, button, .dropdown-menu li, .modal-body p, span.select2 {
    font-size: 1rem !important;
}
table .badge {
    font-size: 0.8rem !important;
}
[data-bs-theme='light'] table tr:hover {
    background-color: var(--vz-gray-100);
}
[data-bs-theme='dark'] table tr:hover {
    background-color: var(--vz-gray-800);
}
table p {
    margin-bottom: 0;
}
table hr {
    opacity: 0.1;
    margin: 1rem 0;
}
th {
    text-align: center;
}
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 {
    top: 0.4rem;
}
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 {
    top: 1.3rem !important;
}
label {
    font-weight: normal;
}
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); */
}
[data-bs-theme=light] #page-topbar {
    background-color: var(--vz-gray-400);
}
[data-bs-theme=dark] #page-topbar {
    background-color: var(--vz-gray-800);
}


/* [data-bs-theme=dark] .page-title-box  {
    background-color: #222;
} */

[data-bs-theme=light] .card {
    background-color: var(--vz-gray-100);
}
[data-bs-theme=dark] .card {
    background-color: var(--vz-gray-800);
}
[data-bs-theme=light] .card-header {
    background-color: var(--vz-gray-700);
}
[data-bs-theme=dark] .card-header {
    background-color: var(--vz-gray-900);
}

.card-header * {
    color: #fff;
}
.fcp-card-header-secondary {
    background-color: var(--vz-gray-500) !important;
}
.card-title {
    font-size: 1.2rem;
}
.accordion .accordion-body {
    color: var(--vz-card-color);
}
[data-bs-theme=light] input:read-only:not([type=checkbox]):not([type=radio]) {
    background-color: var(--vz-gray-200);
}
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem !important;
}
.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);
}
[data-bs-theme=dark] .modal-header,
[data-bs-theme=dark] .modal-dialog:not(.modal-dialog-scrollable) .modal-header {
    background-color: #111;
}


/* div.modal-header .btn-close {
    color: red;
    background-image: none;
    font-size: 1rem;
    font-weight: bold;
} */
.small, small {
    font-size: 0.8rem;
}
#back-to-top {
    bottom: 36px;
    right: 36px;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    margin-top: 0.25rem;
}
.breadcrumb-item a {
    color: var(--vz-secondary);
}
.breadcrumb-item.active a {
    color: var(--vz-body-color);
}

/* DataTables */
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-dt-buttons-container .dt-buttons {
    /* display: inline-block !important;
    background-color: red;; */
    width: 100%;
}
.dt-buttons {
    display: inline-block !important;
    float: none !important;
    text-align: right !important;
}
#datatables-buttons button, #datatables-buttons a.btn {
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;

}

/* fullcalendar */
.fc-daygrid-more-link.fc-more-link {
    font-size: 0.8rem !important;
}

/* select2 */
.select2-dropdown,
.select2-container .select2-selection--single, 
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container .select2-selection--multiple, 
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: var(--vz-input-bg-custom) !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--vz-body-bg) !important;
    color: var(--vz-body-color) !important;
}
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: var(--vz-input-bg-custom) !important;
    color: var(--vz-body-color) !important;
}


/* 4cplus.org */
.fcp-required::after {
    content: '*';
    padding-left: 0.5rem;
    color: #bbb;
}
[data-bs-theme=light] .fcp-inprogress {
    color: dimgray !important;
}
[data-bs-theme=dark] .fcp-inprogress {
    color: dimgray !important;
}
span.fcp-span-no-data-found {
    opacity: 0.5;
    font-weight: normal;
    font-style: italic;
}
span.fcp-span-remark {
    opacity: 0.65;
    font-weight: normal;
    font-style: italic;
    font-size: 95%;
}
hr.fcp-hr {
    opacity: 0.1;
}
[data-bs-theme=light] table th.fcp-th-title {
    background-color: var(--vz-gray-500) !important;
}
[data-bs-theme=light] table td.fcp-td-total {
    background-color: var(--vz-gray-100);
}
[data-bs-theme=light] table td.fcp-td-grand-total {
    background-color: var(--vz-gray-300);
    font-weight: bold;
}
[data-bs-theme=dark] table th.fcp-th-title {
    background-color: var(--vz-gray-900) !important;
}
[data-bs-theme=dark] table td.fcp-td-total {
    background-color: var(--vz-gray-900);
}
[data-bs-theme=dark] table td.fcp-td-grand-total {
    background-color: var(--vz-gray-900);
    font-weight: bold;
}