body { background: #F8F9FA; }
.bg-white { background-color: #fff; }
.log-head { border-bottom:1px solid #eee; }
.oblack { color:#444; }
label { font-size: 14px; color:#444; margin-bottom:4px;}
.field-group input,.field-group textarea,.field-group select,.search-box { width:100%; padding:6px 10px; border:1px solid #dfdfdf; }
.field-group input:hover,.field-group input:active,.field-group input:focus,.field-group textarea:hover, .field-group textarea:active, .field-group textarea:focus,.field-group select:hover,.field-group select:active,.field-group select:focus,.search-box:focus,.search-box:hover { border:1px solid #0074E8; }
.field-group { margin-top: 12px; }
.search-box { text-transform: uppercase; }
.search-bar { background: white; border: 1px solid #f1f1f1; padding:10px 0; box-shadow: 2px 2px 5px #eee;}
.err { color: #dc3545; font-size: 12px;  text-align: left; }
.btn { border-radius: 0px;  }
.cbtn { font-size: 14px; min-width: 90px; }
.ctbl {  color:#fff !important; }
.ex-sm { font-size: 12px; } 
.txt-gry { color:#a1a1a1; }
.dropdown-item:hover { background-color:#0074E8; color:#fff; }
/*.navbar { background:#232A37; }*/
.navbar .nav-link { color:#dddddd !important; font-size:14px; }
.navbar .navbar-brand { color:#fff; padding-top:1px; }
.vehicle { margin:10px; border:1px dashed #dfdfdf; padding:10px; }
.btn-warning,.btn-warning:hover,.btn-warning:focus,.btn-warning:active { color:#fff !important; outline: none; border:0px; }
.vechicle-logs { padding:10px 30px; margin-top:20px; border:1px dashed #dfdfdf; }
.vechicle-logs div {  font-size: 15px; color:#666; }
#capcls_button { font-size: 13px; color: #a2a2a2; }
.text-black { color:#222; }
.text-grey {  color:#a4a4a4; }
.text-blue { color:#0074E8}
.txt-orange,.text-orange { color:#F59100; }
.text-justify { text-align: justify; }
.text-purpal { color:#6200ea; }
.text-unique { color:#3F729B; }
.text-stylish { color:#4B515D; }
.text-special { color:#6A7A82; }
.main { min-height: 700px; }
.box { background: #fff; padding:0px; border: 1px solid #f1f1f1;  box-shadow: 2px 2px 5px #eee; }
.box-head { font-size: 16px; color: #23282d; padding: 5px 12px; border-bottom: 1px solid #eee; }
.box-body { padding: 5px 12px 7px 12px ; font-size: 14px; }
.box-body a { color:#0074E8; }
.box-body a:hover { text-decoration: none; }
.box-body p { margin:0px; }
.jgrid {  background: #fff; border-radius: 10px; box-shadow: 2px 2px 5px #eee; }
.jgrid table { width:100%;  }
.jgrid table.items th { background: #fff; text-align: center;  }
.jgrid table.items th a,.jgrid table.items th.ghdr { color: #848484; text-transform:uppercase; font-weight: 600;  padding:6px; font-size:14px; }
.jgrid table.items th a:hover { color: #0074E8;  }
.jgrid table.items td { border-bottom:1px solid #F5F5F5; }
.jgrid table.items .filters input { border:1px solid #eee; padding:4px 6px; margin-bottom: 5px; }
.jgrid table.items .filters input:hover,.jgrid table.items .filters input:focus { border:1px solid #0074E8; }
.jgrid table.items tr td { color:#7D7D7D }
.jgrid table.items tr.odd { background:#fff; }
.jgrid table.items tr.even { background:#fff; }
.jgrid table.items tr:hover.selected,.jgrid table.items tbody tr:hover,.jgrid table.items tr.selected { background: #F8F8F8 !important; }
.jgrid .summary { text-align: left; color:#7D7D7D; font-size: 14px; margin-top: 10px; }
.grid-view .pager { margin-top: 10px;  }
.grid-view .pager li a { padding: 6px 8px; }
.jgrid .button-column a { font-size: 18px; }
.jgrid .button-column { white-space: nowrap; }
.srt-ui { padding: 10px; border: 1px solid #dfdfdf; width: 100%; margin:auto; }
.srt-ui ul {padding: 6px; border: 1px solid #dfdfdf; min-height:200px; }
.srt-ui ul li { list-style-type: none; border: 1px solid #dfdfdf; background: #FAFAFA; padding: 5px; margin: 5px; cursor: move; font-size: 13px; }
.view-fld { color: #444; font-weight: 600; }
.dropdown-menu { margin-top:0px; border-radius: 0px; box-shadow: 2px 2px 4px #eee; background: #fdfdfd; }
.fix-srt { min-height:auto !important; border:1px dashed #dfdfdf !important; }
.fix-srt li { cursor: default !important; }
.full-loader { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(16, 16, 16, 0.5); z-index:1032; }
.full-loader img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width:40px; }
.c-sm { font-size: 10px; }
.chkbox { width:auto !important;  margin-right:10px; }
.strlo { text-transform: lowercase; }
.fsearch-box input { background:#fcfcfc;  }
.cmp-box { width: 100%; padding: 6px 10px; border:1px solid #dfdfdf; overflow: auto; border-top:0px; height:270px;  }
.cmp-blk { width:100%; border:1px solid #dfdfdf; margin-bottom:6px; }
.cmp-blk:hover { background:#F8F8F8; }
.cmp-chk { float:left; width:10%; padding:5px 5px;  border-right:1px solid #dfdfdf;}
.cmp-chk input { cursor:pointer; outline: none; }
.cmp-fnc { float:left; width:88%; text-align:justify; }
.cmp-fnc label { margin-bottom:0px; cursor:pointer; display:block; padding:5px 0 5px 10px; }
.clear { clear:both; }
.readonly { background:#eee; }
.msg-title { font-weight: 600; font-size: 15px; color: #444;  }
.msg-text { color:#555; } 
.msg { border-left: 3.5px solid #5080d8; padding: 4px 4px 4px 6px; margin: 8px 0 12px auto; background: #fcfcfc; border-bottom: 1px solid #fcfcfc; }
.msg-group { max-height: 500px; overflow: auto; }
.smry { background: #349746; color: #fff; padding:8px; }
.smry-row { border:1px dashed #fff; padding-top:5px; }
.nplate-cnt { background: #F9E22A; padding: 8px;}
.nplate { padding: 5px; border: 2px dashed #fff; font-size: 24px; font-weight: 600; }
.bb-cancel { border-left:3.5px solid #ff6171;  }
.bb-confirm { border-left:3.5px solid #28a745; }
.bb-waiting { border-left:3.5px solid #17a2b8; }
.bb-pending { border-left:3.5px solid #ffc107; }
.vkvc {  margin:12px 0px 0px 0px; border:1px solid #ebebeb; /*background: #fbfbfb;*/ padding:0px; } 
.vkj { margin-left: 0px; }
.hr { width: 100%; border-top: 1px solid #eee; margin:0px; }
.vk { font-weight: 600; color: #555; }
.vk,.vv { padding-top:4px; padding-bottom: 4px; font-size: 13px; }
.vkvc .hr:last-child { display:none; }
.grid-view { overflow: auto; }
.chaplt-cnt { background: #eee; padding: 8px; border: 1px solid #e2e2e2; }
.chaplt { padding: 5px; border: 2px solid #e2e2e2; font-size: 24px; font-weight: 600; color: #626262; background: #e2e2e2; }
.chaplt .smptx,.nplate .smptx { font-size:13px; }
.items .bld { font-weight:500; }
.items .hlt { color:#5080d8; }
.items { font-size:16px; padding:4px; font-weight:500; border-bottom: 1px solid #dcdcdc;}
.ui-state-active .hlt { color:#fff; font-weight:500; }
.footer { position:fixed; bottom: 0; left:0; width: 100%; background-color: #fff;     border-top: 1px solid #dedede; box-shadow: 0px -1px 4px #ddd; z-index:1;}
.cm { margin:10px auto 12px auto; } 
.history { position: fixed; top: 100px; right: 0; padding:6px 5px 6px 6px; background: #fff; border: 1px solid #f4f4f4; border-right: 1px solid #fff; border-radius: 15px 0px 0px 15px; box-shadow: 10px 0px 2px #dfdfdf; } 
.history .btn { box-shadow:none; background:#fff; }
.no-shadow  { box-shadow:none !important; }
.wait-blk { position: fixed; top: 150px; right: 0; padding:6px 5px 6px 6px; background: #fff; border: 1px solid #f4f4f4; border-right: 1px solid #fff; border-radius: 15px 0px 0px 15px; box-shadow: 10px 0px 2px #dfdfdf; } 
.wait-blk .btn { box-shadow:none; background:#fff; color:#222; }
.hist-blk { margin-bottom: 15px; padding:10px 10px 0px 10px; }
.hist-blk.hist-cnf { border:1px solid #28a745; border-left: 5px solid #28a745;  }
.hist-cnfclr { color:#28a745; }
.hist-canclr { color:#dc3545; }
.hist-blk.hist-can { border:1px solid #dc3545; border-left: 5px solid #dc3545;  }
.hist-cmp { font-weight: 600; font-size: 18px; margin-bottom: 5px; }
.hist-key { font-size: 13px; font-weight: 500; color:#5080d8; }
.hist-key { font-size: 13px;  }
.plt-cancel { background-color:#f04959 !important; }
.plt-cancel .chaplt { background: #e43d4d !important; color: #fff !important; border: 0 !important; }
.plt-confirm { background-color:#41c05e !important; }
.plt-confirm .chaplt { background: #30af4d !important; color: #fff !important; border: 0 !important; }
.fimg { width:100%; height:auto; border-radius:4px; }
.cstbl th { white-space: nowrap; }
.cjtbl th { font-size: 16px !important; color:#555 !important; }
.cjtbl th, .cjtbl td { text-align: center; padding: 4px; }
@media (max-width: 768px) {
    .sm-wf { width:100%; }
    .navbar-toggler { float: right;}
}

@media (min-width: 992px) { 
    .navbar { padding:0px 5px; }
    .navbar .nav-link:hover { background-color: #4E555F; color:#fff !important; }
}

@media (min-width:300px) and (max-width:767px) {
    .search-btn { margin-top: 5px; }
    .cm { margin:4px  auto; }
}

@media (max-width:1390px) and (min-width:769px) {
    .nav-item a { margin-top: 0px; }
    .nav-item a { font-size: 12px; }
}