:root{--bg-my:#cfc}.bootstrap-select.show{z-index:1040}body{font-size:16px;font-family:Sarabun,'Bai Jamjuree','Open Sans',sans-serif;background-color:var(--bg-my)}.hide{display:none!important}.bold{font-weight:700}-ms-input-placeholder,::-webkit-input-placeholder,::placeholder{color:#999!important}.form-control-plaintext:focus{outline:0}.form-control:focus~.input-group-append .input-group-text{border-color:#b76631}.form-data.view-mode -ms-input-placeholder,.form-data.view-mode ::-webkit-input-placeholder,.form-data.view-mode ::placeholder{color:var(--danger)!important}label{color:#b76631!important}input.clockpicker+.input-group-append,input[data-type=datetime]+.input-group-append{cursor:pointer}input[data-type=number]{text-align:right}input[data-type=number]:placeholder-shown{text-align:left}.navbar-brand{font-size:1.75rem}.navbar-toggler{padding:4px 6px!important}.navbar-icon{font-size:20px}.badge{position:relative;left:-15px!important;top:-15px!important;font-size:.75rem}.manage-button-group.fixed-bottom{padding-top:10px!important;margin-bottom:0!important;border-top:#ccc 1px solid}.swal2-text-error{color:var(--danger);text-align:left}.col-template-val{margin:0 0 1em .5em}div.form-control.text-muted{background-color:transparent;border:none}.col-form-label:not(:empty)::after{content:' :'}.input-group .col-form-label{display:block;text-align:center;padding-right:15px}.input-group .col-form-label::after{content:''}.col-form-label.required::after{content:'  *:';color:red}.k-filter-menu-container .k-filter-help-text{margin-bottom:8px!important}.k-filter-menu-container label{display:block}.k-filter-menu-container label input[type=radio]{margin-right:5px!important}.k-grid{color:#000}.k-grid .k-header{background-color:transparent}.k-grid-header th.k-header{vertical-align:middle;text-align:center;cursor:default}.k-grid th input.k-checkbox+label.k-checkbox-label{margin-left:3px!important}.k-grid td input.k-checkbox+label.k-checkbox-label{margin-top:5px!important;margin-left:3px!important}.k-grid .k-grid-header thead th{text-align:center;vertical-align:middle}.k-grid td{text-overflow:unset}.k-grid .form-group{padding:0;margin:0}.k-grid .form-group .fv-plugins-icon{display:none!important}.k-grid .form-group .fv-plugins-message-container{text-align:left!important}.fixed-grid-header{top:0;position:fixed;width:auto;z-index:1}.fixed-scroll-footer2{top:auto!important;bottom:5px!important;position:fixed!important}.form-group .k-switch .k-switch-container .k-switch-handle{height:32px;width:32px}.form-group .k-switch .k-switch-label-off{right:16px}.form-group .k-switch .k-switch-label-on{left:16px}.form-group .k-switch-on .k-switch-handle{left:calc(100% - 32px)}.form-group .k-switch.k-switch-off .k-switch-label-off{color:#333}.fv-plugins-bootstrap .form-group.row .fv-plugins-icon{right:0!important;padding-top:3px}.fv-plugins-bootstrap .form-group.row .bootstrap-select~.fv-plugins-icon--invalid,.fv-plugins-bootstrap .form-group.row .bootstrap-select~.fv-plugins-icon--valid,.fv-plugins-bootstrap .form-group.row .datetimepicker~.fv-plugins-icon,.fv-plugins-bootstrap .form-group.row .has-append~.fv-plugins-icon{right:-35px!important}.has-append .form-control.is-invalid,.has-append .form-control.is-valid,.has-append .was-validated .form-control:invalid,.has-append .was-validated .form-control:valid{padding-right:.75rem!important}.form-control.is--valid,.form-control.is--valid:focus,.form-control.is-valid~.input-group-append .input-group-text,.was-validated .form-control:valid~.input-group-append .input-group-text{border-color:#22af47}.form-control.is--invalid,.form-control.is--invalid:focus,.form-control.is-invalid~.input-group-append .input-group-text,.was-validated .form-control:invalid~.input-group-append .input-group-text{border-color:#f95851}div.btn-command button{width:40px!important;margin-right:5px!important;padding:2px!important}div.btn-command button:last-child{margin-right:0!important}.k-upload{border:none;background-color:transparent}.k-upload .k-dropzone{padding:0;margin:0}.k-upload button.k-clear-selected,.k-upload button.k-upload-selected{display:none}.k-upload-button{width:150px;justify-content:left}.k-upload-button i.fv-plugins-icon{height:32px;line-height:32px}.bootstrap-select.show-tick.can-deselect .dropdown-menu .selected span.check-mark{display:none}.bootstrap-select .btn-light,.bootstrap-select .btn-light:hover{background-color:#fff}.btn.disabled{cursor:not-allowed}.chart-command{float:right}.btn-excel{padding:2px 6px!important}.btn-group-sm>.btn,.btn-sm{padding:.25rem .25rem;font-size:.75rem;line-height:1.25;border-radius:.2rem}.callout{padding:15px 5px 5px 10px;margin:10px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}.col .callout{margin:10px 5px}.callout.first{margin-top:0}.callout h4,.callout h5,.callout h6{margin-top:0;margin-bottom:5px;font-weight:500}.callout p:last-child{margin-bottom:0}.callout code{border-radius:3px}.callout+.bs-callout{margin-top:-5px}.callout-default{border-left-color:var(--default)}.callout-default h4,.callout-default h5,.callout-default h6{color:var(--default)}.callout-primary{border-left-color:var(--primary)}.callout-primary h4,.callout-primary h5,.callout-primary h6{color:var(--primary)}.callout-success{border-left-color:var(--success)}.callout-success h4,.callout-success h5,.callout-success h6{color:var(--success)}.callout-danger{border-left-color:var(--danger)}.callout-danger h4,.callout-danger h5,.callout-danger h6{color:var(--danger)}.callout-warning{border-left-color:var(--warning)}.callout-warning h4,.callout-warning h5,.callout-warning h6{color:var(--warning)}.callout-info{border-left-color:var(--infor)}.callout-info h4,.callout-info h5,.callout-info h6{color:var(--infor)}.callout-bdc{border-left-color:#29527a}.callout-bdc h4{color:#29527a}.fa-lg{font-size:1.25em}.countdown,.current-time{margin-top:5px;line-height:2.5rem;text-align:center;color:#fff;font-size:3rem;font-weight:700}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.long-text{display:inline-block;overflow-x:hidden;overflow-y:auto;padding:7px 0!important}.prospectus-wrapper{padding:7px 0!important}.btn-command .btn{width:45px}.btn-command .btn+.btn{margin-left:2px!important}@media (max-width:575px){.col-form-label{padding-left:0!important;padding-right:0!important}input[data-type=number]{text-align:left!important}}@media (min-width:576px){.col-form-label{text-align:left!important}}@media (min-width:768px){.col-form-label{text-align:right!important}}@media (min-width:1200px){.navbar-nav .nav-item .nav-link span{display:none}}@media (min-width:1690px){.navbar-nav .nav-item .nav-link span{display:block}}