@font-face {
    font-family: 'Phetsarath_OT';
    src: url('fonts/phetsarath_ot.eot');
    src: url('fonts/phetsarath_ot.eot?#iefix') format('embedded-opentype'),
    url('fonts/phetsarath_ot.woff2') format('woff2'),
    url('fonts/phetsarath_ot.woff') format('woff'),
    url('fonts/phetsarath_ot.ttf') format('truetype'),
    url('fonts/phetsarath_ot.svg#Phetsarath_OT') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0E80-0EFF;
}

@font-face {
    font-family: 'Noto Sans Lao Med';
    src: url('fonts/NotoSansLao-Medium.eot');
    src: url('fonts/NotoSansLao-Medium.eot?') format('embedded-opentype'),
    url('fonts/NotoSansLao-Medium.woff2') format('woff2'),
    url('fonts/NotoSansLao-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    unicode-range: U+0E80-0EFF;
}

@font-face {
    font-family: 'Noto Sans Lao SemBd';
    src: url('fonts/NotoSansLao-SemiBold.eot');
    src: url('fonts/NotoSansLao-SemiBold.eot?') format('embedded-opentype'),
    url('fonts/NotoSansLao-SemiBold.woff2') format('woff2'),
    url('fonts/NotoSansLao-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    unicode-range: U+0E80-0EFF;
}

@font-face {
    font-family: 'Noto Sans Lao';
    src: url('fonts/NotoSansLao-Bold.eot');
    src: url('fonts/NotoSansLao-Bold.eot?') format('embedded-opentype'),
    url('fonts/NotoSansLao-Bold.woff2') format('woff2'),
    url('fonts/NotoSansLao-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    unicode-range: U+0E80-0EFF;
}

@font-face {
    font-family: 'Noto Sans Lao';
    src: url('fonts/NotoSansLao-Regular.eot');
    src: url('fonts/NotoSansLao-Regular.eot?') format('embedded-opentype'),
    url('fonts/NotoSansLao-Regular.woff2') format('woff2'),
    url('fonts/NotoSansLao-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0E80-0EFF;
}

* {
    font-family: "Noto Sans Lao", 'Arial';
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Arial', "Noto Sans Lao";
}

.text-green {
    color: #00652e;
}

.text-yellow {
    color: #f0b41d;
}

.sidebar-menu .submenu li a {
    font-family: 'Arial', "Noto Sans Lao";
    font-size: 12px;
}

.custom-file-input:focus, .custom-select:focus, .form-control:focus {
    border-color: #28a745;
}

.error {
    color: red;
    font-style: italic;
}

.h4, .h5, .page-header h4 {
    font-family: 'Arial', "Noto Sans Lao";
}

/*Loading */
#loading {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff url("images/circular_loading_yellow.svg") no-repeat center center;
    z-index: 999;

}

element.style {
}

.custom-file-input, .custom-file-label, .custom-select, .form-control {
    font-family: 'Arial', "Noto Sans Lao";
    height: 35px;

}

.wizard-content .wizard > .steps > ul > li.done .step {
    background-color: #00652e;
    border-color: #f0b41d;
}

.wizard-content .wizard > .actions > ul > li > a {
    background-color: #00652e;

}

.wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
    border-color: #00652e;
    color: #00652e;
}

.wizard-content .wizard.wizard-circle > .steps > ul > li:after, .wizard-content .wizard.wizard-circle > .steps > ul > li:before {
    background-color: #f0b41d;
}

.wizard-content .wizard > .steps > ul > li.current .step {
    border-color: #f0b41d;
    background-color: #fff;
    color: #f0b41d;
}

.wizard-content .wizard.wizard-circle > .steps > ul > li.current:after, .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after, .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: rgba(24, 31, 72, .3);
}

.form-group > label {
    font-weight: 700;
}

fieldset.scheduler-border {
    border: solid 1px #DDD !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    width: inherit; /* Or auto */
    padding: 0 10px; /* To give a bit of padding on the left and right */
    border-bottom: none;
    color: green;
    font-weight: bold;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #fffcf2;
}

.table td {
    padding: 0.5rem;
}

.btn {
    font-family: 'Inter', sans-serif, 'Noto Sans Lao';

}

.custom-control-label::before {
    border: 2px solid #00652e;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00652e;
    background-color: red;
}

textarea.form-control {
    height: 100px;
}

.dropdown-item {

    font-family: 'Inter', sans-serif, 'Noto Sans Lao';
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00652e;
}

.bootstrap-select .dropdown-menu li .dropdown-item.active:hover, .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #00652e;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00652e;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #f0b41d;
}

.table td {
    padding: 0.2rem;
}

.apexcharts-svg * {
    font-family: 'Noto Sans Lao', sans-serif !important;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin-top: 5px;
}

.table thead th {
    font-size: 12px;;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.select2-container .select2-selection--single {
    height: 35px;
}