body{min-height: 100%;}
a{text-decoration: none;}
div.d{font-size:0.8rem;color:#0000aa;}
a.nav-link.active{color:#ff9933!important;font-weight: bold;}
a.btn{color:#0000aa;}
a.btn:hover{color:#ffaaaa!important;}
a.btn-primary,a.btn-success,a.btn-danger{color:#ffffff!important;}
.btn:hover{color:#ff9933!important;}
.sidebar-link{color:#ffffff!important;}
.sidebar-link:hover{color:#ff9933!important;}
.sidebar-link i.fa{width:16px;margin-right: 3px;}
.sidebar-item:hover{background:rgba(255,255,255,0.2);}
.sidebar-item.active{background:rgba(0,0,0,0.4);}
a.nav-link{cursor:hand;}
#sidebar{min-height: 100%;min-width:160px;}
.main{min-height: 100%;margin-left:160px;}
label{font-size: 0.6rem;font-weight: bold;color:#aaa;}
thead {font-size:smaller;}
td.plate, td.date, td.vehicle, thead td{white-space: nowrap;}
td.int, input.int, td.real, input.real, td.real4 {text-align: right!important;}
.tmgreen{color:#216e6d;}
.bggreen{background-color:#307565;}
.txtG1{color: #307565;}
.bgG1 {background-color: #307565;}
.bgSidebar, .bgOrange{background-color:#f5532e;color:white;}
.txtO1, .txtOrange{color: #e97131;}
.bgTopbar{background-color:#080260;color:white;}
.bgTopbar a{color:white;}
.txtNavy{color:#080260;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after{display: none;}
.hide{display: none;}
.tireInput label{color:#0000aa;}
.tireInput label span.pos{color:#aa0000;}
.fa-bars {    display: none;}
div.tagsinput{border-radius: 5px;padding:2px;}
span.tag{cursor:hand;font-size:0.8em;background-color: gold;white-space: nowrap;padding:0 2px;color:#888;}
div.tagsinput span.tag {font-size:0.9em;padding:1px;}
.tirepos{font-size:2rem;color:red;}
.blank .tirepos{color:#aaa;}
.blank .lthk{display:none;}
.tire-Record div.form{border:1px solid #dee2d6;border-top: 0px;padding:10px 15px;border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem;border-bottom:1px solid #dee2d6 !important;margin-bottom:20px;}
.nav-tabs .nav-link.active, .tab-pane{background-color: rgba(248,249,250,1);border-bottom:1px solid #f8f9fa;} /*border-bottom:none!important;}*/
.tab-content{border:1px solid var(--bs-border-color);border-top:none;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius); } 
input.date{width:100px!important;text-align:center;}
input.datetime{width:150px!important;}
option[value='']{color:#aaa;}
.dt-info,.dt-paginate{font-size:0.7rem;color:#666}
div.dt-search input{font-size:0.8rem!important;max-width:100px!important;}
.dt-paging-button .page-link{font-size:0.7rem;}
nav.report, .report .nav-link{font-size:0.8rem !important;line-height: 0.9;}
img.cat-icon{width:50px;}
input[readonly='readonly']{background:#eee;}
ol.service_item li{font-size:0.8rem!important;}
i.tire-trash:first-child{display:none;}
.files-attach{border:1px solid #ccc;padding:5px;vertical-align: top;}
.file-attach{display:inline-block;width:160px;height:190px;vertical-align: top;padding:5px;}
.file-attach img{margin:0;width:100%;max-width:150px;max-height:150px;vertical-align: top;}
.file-attach-name{font-size: 0.8rem;float:bottom;}
label.btn{font-size:0.7rem!important;}

.fc-day-past{background: #eeeeee;}
.fc-day-sun {        background-color: #ffebee;    }
.fc-day-sat {        background-color: #e3f2fd;    }
.fc-event.accident{background-color: #aa0000;border-color: #aa0000;}
.fc-event.insure_date{background-color: #3788d8;border-color: #3788d8;}
/*.fc-event.accident .fc-event-main .fc-event-main-frame .fc-event-title-container .fc-event-title::before{content:'\f5e1';font-family:"Font Awesome 7 Free";}*/
.fc-event.tax_date{background-color: #aa44aa;border-color: #aa44aa;}
.fc-event.prb_date{background-color: #008866;border-color: #008866;}
.fc-event.liability_date{background-color: #2255cc;border-color: #2255cc;}
.fc-event.pm{background-color: #ffaa00;border-color: #ffaa00;color:#0000aa;}
.fc-event.done{background:#008866;border:#008866;}
.fc-event.new{background:#ffaa00;border:#ffaa00;}
.fc-event.new.passed{background:#dc3545;border:#dc3545;}
.fc-day-other .fc-event{display:none;}
input:checked+.btn.ผิด{background-color:#dc3545!important;border-color:#dc3545!important;}

select.form-control::after {
  content: "▼"; /* Or use a custom SVG/icon for the arrow */
  position: absolute;
  top: 50%;
  right: 1rem; /* Adjust position as needed */
  transform: translateY(-50%);
  pointer-events: none; /* Prevent interaction with the arrow itself */
  color: #6c757d; /* Match Bootstrap's default text color or customize */
  font-size: 0.8rem; /* Adjust arrow size */
}
.bg-none{background: none;}
a.dash.active{font-weight: bolder;color:red;}
.plus20k, .plus2m{color:#cc0000;float:right;border:1px solid #cc0000;border-radius: 3px;padding:0 2px;}
.select2-container .select2-selection--single{height:32px;}
.select2-results__option{padding:2px!important;font-size:0.8rem;}
@media (max-width:768px) {
    *{font-size:0.9rem;}
    .sidebar-toggle {
       display: none;
    }
    .fa-bars {
        display: inline;
    }
    .main{margin-left:0;}
    div.fc-view-harness{height:550px!important;}
    .fc .fc-toolbar-title{font-size:1rem!important;}
    button.fc-button{font-size:0.7rem!important;}
    .fc-event-title{font-size:0.7rem!important;padding:1px!important;}
}
@media (display-mode: standalone) {
    body {
      background-color: #307565; /* Light grey background for standalone mode */
    }
  }