:root{--bs-border-color:#c2cfd6;--bs-font-sans-serif:"Roboto","Noto Sans","Liberation Sans",Arial,sans-serif;}
body{background:#edf2f9 url('../images/dots.png');}
[v-cloak]{display:none;}
p,td,th{font-size:.88rem;}
.input-group-text{font-size:.875rem;color:#3e515b;background-color:#f0f3f5;}
body.login{background:#e4e5e6 url('../images/dots.png');display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:92vh;}
body.login p.alert{display:none;}
body.login .card{border:1px solid #c2cfd6;}
#showpword:focus-visible{outline:none;}
.form-control{font-size:.875rem;color:#333;}
.form-control:focus,.form-select:focus{box-shadow:none;background-color:#ffc;}
.form-floating > input:focus + label:after{background:#ffc !important;}
.form-check-input:focus{box-shadow:none;}
.btn:focus,.btn:active,.btn:active:focus{box-shadow:none;}
.btn:active,.btn:active:focus{box-shadow:none;box-shadow:inset 0 0 100px 100px rgba(255, 255, 255, 0.1);}
td.py-1 .btn-sm{--bs-btn-padding-y:.15rem;}
table.table-clickable tbody tr{cursor:pointer;}
.clickablebox{cursor:pointer;}
.form-control.with-icon, .input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0;}
.input-group-text{padding-top:0.7em;}
.page-link:focus{box-shadow:none;}

#sidebarMenu{background:#222e3c;}
.sidebar{position:fixed;top:0;bottom:0;left:0;box-shadow:inset -1px 0 0 rgba(0, 0, 0, .1);width:16.25rem;}
.nav-item.active{border-left:3px solid #3b7ddd;background:#24364c;position:relative;}
.nav-item.active::after{content:"";position:absolute;right:0;top:35%;width:0;height:0;
	border-top:8px solid transparent;
	border-right: 10px solid #edf2f9;
	border-bottom:8px solid transparent;}
.nav-link{color:#e9ecef;font-size:0.9em;line-height:220%;}
.nav-link:hover{color:#fff;background:#000;}
#offcanvas{width:16.25rem;}
#offcanvas .nav-link{color:inherit;}
#offcanvas .nav-link:hover{color:#000;}
#offcanvas .bg-dark .nav-link:hover{color:#fff;}
.card{color:#697a8d;}
.card-title{font-size:1.1rem;}
.card-text{font-size:0.875rem;}
.card-tag{position:absolute;right:0;top:-10px;border-radius:50rem 0 0 50rem;}
.card-top-corner{position:absolute;right:5px;top:5px;background:rgba(255,255,255,0.5);border-radius:50%;padding:0 0.17rem;color:#000;}
.card-top-corner:hover{background:#fff;}
#vehiclephoto{aspect-ratio:16/9;}
#customerphoto{aspect-ratio:3/4;}
.table-sm td,.table-sm th{font-size:.875rem;}

@media (min-width:992px){ main{margin-left:17rem;} }
@media screen{ header{box-shadow:0 0 0.375rem 0.25rem rgb(161 172 184 / 15%);} }
@media print {
.print-border-0{border:0 none;}
}