body
{
}

.container
{
	width: 1500px;
}

header#navbar
{
	height:59px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1) !important;
	margin-bottom:0px;
	overflow:hidden;
}

header#navbar .navbar-brand
{
	padding-top:10px;
}

header#navbar .shop_logo
{
	width:50px;
	position:relative;
	top:-12px;
	display: inline-block;
}

header#navbar .shop_name
{
	display: inline-block;
	line-height:20px;
	color:#006699;
	padding-left:3px;
}

header#navbar .shop_name span.title
{
	margin-bottom:0px;
	border-bottom:0px;
	font-weight:bold;
	font-size:15pt;
}

header#navbar .shop_name span.poweredby
{
	font-size:10pt;
	display:block;
}

.links
{
	padding-top:12px;
	padding-right:15px;
}

.links button
{
	font-size:11.5pt;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
	margin-left:3px;
}

#mobile > button.btn.btn-info.history
{
	margin-left:3px;
}

.topboard
{
	text-align:center;
	background: #EDF3F4;
	color:#555;
	padding-top:20px;
}

.topboard .bar
{
	color:#777;
	background: #eee;
	padding:10px;
	margin-top:20px;
	font-size:13pt;
}

#vehpics, #vehpics_mobile
{
        width:250px;
        margin:0 auto;
	margin-bottom:20px;
	box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px 1px !important;
	margin-top:20px;
}

#vehpics img, #vehpics_mobile img
{
	max-height:150px;
	width: 100%;
	margin: 0 auto;
}

.carousel-control .fa-chevron-left
{
    	left: 50%;
    	margin-left: -10px;
	top:45%;
	position: absolute;
}

.carousel-control .fa-chevron-right
{
    	right: 50%;
    	margin-right: -10px;
	top:45%;
	position:absolute;
}

.carousel-indicators li, .carousel-indicators .active 
{
    	width: 10px;
    	height: 10px;
	margin:0px;
}

.carousel-indicators
{
	bottom:10px !important;
}

div.vehicle_name
{
	font-size:15pt;
	font-weight:bold;
	text-transform:uppercase;
}

div.stock_number
{
	font-size:11pt;
	font-weight:bold;
}

div.report_name
{
	font-size:13pt;
}

select.picksheet
{
	margin:0 auto;
	margin-bottom:10px;
	margin-top:10px;
	font-size:12pt;
	background:#fff;
}

.panel
{
	display: table;
	width:100%;
	border-radius:4px;
	overflow:hidden;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
	cursor:pointer;
}

.panel:hover
{
	-webkit-box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3) !important;
    	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3) !important;
}

.panel .count
{
	font-weight:bold;
	display: table-cell;
	vertical-align:middle;
	width:100%;
	font-size:29pt;
	height:50px;
}

.panel .count i.fa-user
{
	font-size:25pt;
}

.panel .count.blue, .icon.blue
{
	background-color: #67c2ef;
	color:#fff !important;
}

.panel .count.red, button.red, .icon.red
{
	background: linear-gradient(60deg, #ef5350, #e53935);
	color:#fff !important;
	border:1px solid red;
}

.panel .count.orange, button.orange, .icon.orange
{
	background: linear-gradient(60deg, #ffa726, #fb8c00);
	color:#fff !important;
	border:1px solid orange;
}

.panel .count.green, button.green, .icon.green
{
	background: linear-gradient(60deg, #66bb6a, #43a047);
	color:#fff !important;
	border:1px solid #66bb6a;
}

.panel .count.tire, .icon.tire
{
	background-color: rgba(0,0,0,0.4);
	color:#fff !important;
}

.panel .title
{
	border-bottom:0px;
	margin-bottom:0px;
	display: table-row;
	text-align:center;
	vertical-align:middle;
	font-size:14pt;
    background:#fff;
}

.panel .title span
{
	display: table-cell;
	text-align:center;
        vertical-align:middle;
	padding:10px 5px;
	font-size:13pt;
}

#databoard
{
	margin-top:40px;
	margin-bottom:50px;
}

.form-control
{
	border:1px solid #ccc !important;
}

#databoard label
{
	color:#9e9e9e;
	font-size:13pt;
	margin-bottom:15px;
	font-weight:400;
}

button.red, button.orange, button.green
{
	box-shadow: rgba(0, 0, 0, .25) 2px 0px 3px !important;
}

#databoard input, #databoard textarea
{
	font-size:13pt;
}

#databoard table td
{
	vertical-align:middle !important;
	font-size:12pt;
	text-align: left;
}

.attachments ul
{
	padding-left:0px;
	margin-left:0px;
}

.attachments ul li
{
	list-style: none;
	position: relative;
	float: left;
}

.attachments.tire-attachments ul li
{
	width: auto;
}

.attachments ul li img.thumbnail, div.pdf
{
	cursor: pointer;
	width:100px;
	height:100px;
	box-shadow: rgba(0, 0, 0, .25) 3px 3px 3px !important;
	border-radius:4px;
	padding:0px;
    margin-bottom:0px;
    text-align: center;
}

div.pdf
{
    border:1px solid #ccc;
}

div.pdf i 
{
    display: block;
    text-align: center;
    padding-top: 15%
}

.attachments li canvas
{
	position: absolute;
	width:100px !important;
        height:100px  !important;
	top:0px;
	left:0px;
}

.attachments li div.canvas-container
{
	position: absolute !important;
        width:100px !important;
        height:100px  !important;
        top:0px !important;
        left:0px !important;
}

.attachments li.video div.tag, .attachments .vv_tag
{
	/* width:auto; */
	top:40px;
	position:absolute;
	left:20%;
	text-align:center;
	z-index:5;
}

.attachments li.video div.tag span, .attachments .vv_tag span
{
	color:#fff;
	background: rgba(0,0,0,0.5);
	padding:0 10px;
	border:1px solid #000;
	border-radius:3px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
	display: inline-block;
}

div.recommendation
{
    font-style: italic;
}

div.rvh
{
	padding:4px;
	border:1px solid #ddd;
	border-radius:4px;
}

div.rvh table
{
	margin-bottom:0px;
}

div.rvh table th
{
	border-top:0px !important;
}

div.rvh table td
{
	vertical-align:middle !important;
}

.rvh label
{
	padding: 1px 5px !important;
    	color: #fff !important;
    	font-size: 11pt !important;
    	line-height: 5px;
}

.mobilervh .card 
{
	padding:0px !important
}

.mobilervh .card label
{
	display:block;
	padding:5px !important;
	border-radius:0px;
	margin-bottom:10px;
}

.mobilervh .card.warning
{
	border:1px solid orange;
}

.mobilervh .card.info
{
	border:1px solid #52b9e9;
}

.mobilervh .card.success
{
	border:1px solid #43c83c;
}

.mobilervh .card .details
{
	display:block;
        padding:5px;
}

.mobilervh .card .notes
{
	font-style:italic;
	display:block;
	padding:5px;
}

button.orange, button.red, button.green
{
	border-radius:3px;
	font-size:15pt;
}

.dvisheet .category.name
{
	font-weight:bold;
	color:#006699;
}

div.dvisheet .inspec.name
{
	font-weight:bold;
}

div.dvisheet .inspec.notes
{
	font-style:italic;
}

div.dvisheet
{
	/*border:1px solid #ddd;*/
	padding:5px;
	border-radius:5px;
}

div.dvisheet span.none
{
	display:block;
	text-align:center;
	padding:15px 0;
	font-size:12pt;
}

div.dvisheet table
{
	margin-bottom:0px;
}

div.dvisheet table tr.header td
{
	border-top:0px;
}

.hunter_history table th[data-show="0"]
{
	display: none;
}

.hunter_history table th, .groove_glove_history table th {
	font-weight : bold;
	font-size : 11pt;
}

.hunter_history table td span
{
	color : white;
	text-align: center;
	padding: 3px 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 10pt;
    display: list-item;
}

.groove_glove_history table td span.gg_td
{
	color : white;
	text-align: center !important;
	padding: 3px 5px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 10pt;
}

.hunter_history table td span[status]
{
	background-color : darkgray;
}

.hunter_history table td span[status="FAILED"]
{
	background-color : #fa3031;
}

.hunter_history table td span[status="PASSED"]
{
	background-color : #43c83c;
}

.hunter_history table td span[status="MARGINAL"]
{
	background-color : #f88529;
}

.groove_glove_history table[status="Orange"]
{
	background-color : #f88529;
}

.groove_glove_history table[status="Green"]
{
	background-color : #43c83c;
}

.groove_glove_history table[status="Red"]
{
	background-color : #fa3031;
}

.groove_glove_history table[status="Yellow"]
{
	background-color : #ffcc00;
}

.tire
{
	margin-bottom:30px;
}

.tire .psi, .tire .oe_td
{
	text-align:center;
	font-size:18px;
}

.tire .psi.front
{
	padding-top:75px;
}

.tire input
{
	border:0px !important;
	border-bottom:1px dotted #ddd !important;
	text-align:center;
	width:45px;
	color:#006699;
	font-weight:bold;
}

.tire input.oe, .tire input.actual
{
	width:100px;
	margin-bottom:20px;
}

.tire img
{
	width: 100%;
    	height: 100%;
    	max-width: 240px;
    	margin: 0 auto;
    	box-shadow: 0 8px 6px -6px #999 !important;
}

.tire img.rear
{
	transform: rotate(180deg);
    	-webkit-transform: rotate(180deg);
    	-o-transform: rotate(180deg);
    	-moz-transform: rotate(180deg);
}

.tire .tire_contanier
{
	position: relative;
}

.tire div.tag
{
	width:100%;
	bottom:30px;
	left:0px;
	bottom:20px;
	position:absolute;
}

.tire div.tag.rear
{
	top:20px;
	height: 0px;
}

.tire div.tag span
{
	background: rgba(0,0,0,0.5);
	color:#fff;
	padding:2px 10px;
	display: inline-block;
	border-radius:4px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
}

.tire .attachments ul li
{
	overflow: hidden;
}

.tire .attachments ul li img.thumbnail
{
	width:150px;
	height:150px;
}

.tire_image_tag
{
	position: absolute;
	bottom:0px;
	right:0px;
	z-index: 5;
    	background: rgba(0,0,0,0.5);
    	color: #fff;
    	padding: 0 5px;
	font-size:12pt;
	border-bottom-right-radius:4px;
}

/* MOBILE CSS */
header#mobile
{
	text-align:center;
	display:none;
	height: auto !important;
}

header#mobile .container
{
        background: #EDF3F4 !important;
        text-align:center;
        padding-top:10px;
	padding-bottom:20px;
	position: relative;
    	top: 0;
    	transition: background-color .3s, opacity .2s, visibility 0s;
    	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2) !important;
    	z-index: 10;
}

header#mobile img.logo
{
	height: 70px;
    	border-radius: 15px;
   	width: 70px;
    	margin-bottom: 10px;
}

header#mobile .shop_name
{
        font-size:16pt;
        color:#006699;
        font-weight:bold;
	padding-bottom:5px;
}

header#mobile .shop_name.nologo
{
	padding-top:20px;
}

header#mobile .phone_number
{
	font-size:13pt;
}

header#mobile .poweredby
{
	font-size:12pt;
	color:#777;
	padding-bottom:10px;
}

header#mobile .row
{
	margin-top:10px;
}

header#mobile .icons i.header-icon
{
	background:#006699;
	border-radius:100%;
	font-size:19pt;
	color:#fff;
	padding:10px 9px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
	font-weight:200;
	min-width:43px;
}

header#mobile .icons span
{
	display: block;
	padding-top:2px;
	color:#555;
	font-size: 10pt;
}

header#mobile .vehicle_name
{
	font-size:13pt;
	font-weight:bold;
	display:block;	
	margin-top:20px;
}

#mobileboard
{
	display:none;
}

#mobileboard ul:not(.rvh_mapping)
{
	padding-left:0px;
	margin-left:0px;
	width:100%;
	display:table;
	padding-top:30px;
}

#mobileboard ul:not(.rvh_mapping) li
{
	list-style:none;
	display:table;
	background: #EDF3F4;
	color:#555;
	max-height:46px;
	border-bottom: 1px solid #ddd;
	width:100%;
	cursor: pointer;
}

#mobileboard ul:not(.rvh_mapping) li.show
{
	display:table !important;
}

#mobileboard ul li:first-child
{
	border-top:1px solid #ddd;
	/*padding-top:3px;*/
}

#mobileboard ul li div.tabheader
{
	display: table-row;
	vertical-align:middle !important;
	border-bottom:1px solid #ddd;
	width:100%;
        cursor: pointer;
}

#mobileboard ul li div.tabheader div
{
        display: table-cell;
}

#mobileboard ul li div.tabheader div.icon
{
	font-size:20pt;
	text-align:center;
	width:12%;
	padding:10px 0;
}

#mobileboard ul li div.tabheader div.name
{
	font-size:13pt;
	vertical-align:middle !important;
	padding-left:15px;
	line-height:20px;
}

#mobileboard ul li div.tabheader div.count
{
	width:15%;
	text-align:center;
	font-size:18pt;
	color:#555 !important;
	font-weight:bold;
}

#mobileboard select.picksheet
{
	width:auto;
	margin-bottom:0px;
}

#mobileboard i.fa-tire
{
	font-weight:100;
}

#mobileboard li div.tabcontent
{
	display:block;
}

#mobileboard li.tabcontent
{
	background:#fff !important;
}

#mobileboard li .tire
{
	padding-top:10px;
}

#mobileboard li .tire div.tag
{
	bottom:5px;
	font-size:11pt;
}

#mobileboard li .tire div.tag.rear
{
	top:5px;
}

#mobileboard .tire input
{
	border-radius:0px;
}

#tab_tire .attachments ul
{
	padding-left:0px;
	margin-left:0px;
	padding-top:0px;
}

#tab_tire .attachments ul li
{
	width:auto;
	margin-bottom:20px;
}

#tab_tire .row.tire
{
	margin-top:10px !important;
}

li.tabcontent.collapse:not(.show)
{
	display: none !important;
}

li.collapsing
{
	transition: height 0.10s !important;
}

li.tabcontent.collapse.in
{
	display:table !important;
}

#mobileboard div.card
{
	/*box-shadow: 0 2px 4px 0 rgba(0,0,0,.1) !important;*/
	box-shadow: 0px 0px 4px 0 rgba(0,0,0,.1) !important;
	font-size:12pt;
	border-radius:3px;
	padding:5px;
	margin-bottom:10px;
	padding-left:10px;
}

.cardtitle
{
	color:#006699 !important;
	font-weight:bold;
	padding:15px 2px;
	font-size:12pt;
}

ul.attachments
{
	padding-left:0px;
	margin-left:0px;
	display:table-row;
	padding-top:0px !important;
}

ul.attachments li
{
	list-style:none;
	float: left;
	background:#fff !important;
	display:inline-block !important;
	position:relative;
	border:0px !important;
	max-height:none !important;
	margin-top:5px;
	margin-right:10px;
	width: 100%;
	min-width: 100px;
    	min-height: 100px;
    	border: 1px solid #ddd !important;
}

ul.attachments li:last-child
{
	margin-bottom:5px;
}

ul.attachments li img
{
	width:100px;
	height:100px;
	padding:0px;
    	box-shadow: rgba(0, 0, 0, .25) 3px 3px 3px !important;
	margin-bottom:0px;
	margin-right:3px;
	border:0px;
}

span.inspec.name
{
	font-weight:bold;
}

span.inspec.name span
{
	font-weight:600 !important;
}

span.inspec.notes
{
	padding-left:0px;
	padding-top:10px;
	display:inline-block;
	font-style:italic;
}

input[disabled], textarea[disabled]
{
	background:#fff !important;
	color:#555 !important;
	font-size:12pt;
}

.topclose
{
	right:10px;
	top:10px;
	position: absolute;
	z-index:1000;
}

.topclose button
{
	color:#ccc;
	background: transparent;
	font-size:18pt;
}

#showimg .modal-title
{
	color:#006699;
	font-weight:bold;
	padding:10px 0;
}

#showimg .modal-body .progress
{
	font-size:13pt;
	padding:20px 0;
	padding-bottom:40px;
}

#showimg .modal-body img
{
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3) !important;
}

.vv_tag 
{
	left:-2px;
}

.vv_tag span
{
	font-size:9.5pt;
	padding:0 2px !important;
	text-align: center;
    max-width: 8rem;
	z-index: 5;
}

.moto_vis
{
	left: 12px !important;
	text-align: inherit !important;
}

#greetings .modal-header
{
	background: linear-gradient(60deg, #2196F3, #52b9e9); 
	color:#fff; 
	min-height:100px; 
	padding-top:30px; 
	padding-bottom:20px;
	font-size:22pt;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3) !important;
	color:#fff;
	text-align:center;
}

#greetings .modal-header .modal-title
{
	color:#fff;
	font-size:24pt;
}

#greetings .modal-body
{
	font-size:14pt;
}

#greetings button
{
	margin-top:20px;
	font-size:14pt;
	margin-bottom:20px;
	background-color: #2196F3 !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
}

#signoff 
{
	padding-top:20px;
	margin-bottom:30px;
}

#signoff .signoffby
{
	text-align:center;
	padding-bottom:20px;
	font-size:12pt;
}

#signoff ul
{
	padding-left:0px;
	margin-left:0px;
}

#signoff ul li
{
	list-style: none;
	text-align:center;
	line-height:18px;
	margin-bottom:40px;
	float:left;
	width:50%;
}

#signoff img
{
	width:100px;
	height: 100px;
        border-radius:4px;
	box-shadow: rgba(0, 0, 0, .25) -1px 4px 3px !important;
}

#signoff div.tag
{
	width:100px;
	margin: 0 auto;
    	border: 1px solid #ddd;
    	height: 100px;
	border-radius:4px;
	box-shadow: rgba(0, 0, 0, .25) -1px 4px 3px !important;
	background: linear-gradient(#ffff 0%, #eee 50%);
}

#signoff div.tag span
{
	display: inline-block;
    	font-weight: bold;
   	color: #006699;
    	font-size: 15pt;
    	border-radius: 50%;
    	margin-top: 25px;
    	background: #fff;
    	padding: 12px 10px;
    	box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
    	font-family: monospace;
}

#signoff span.title
{
	display:block;
        font-size:10pt;	
	border-bottom:0px;
	padding-top:5px;
	margin-bottom:0px;
	padding-bottom:0px;	
}

#signoff span.name
{
	display:block;
	font-size:11pt;
	font-weight:bold;
	padding-top:15px;
}

input.pincode-input-text
{
	width: 10% !important;
	min-width: 40px !important;
	text-align: center !important;
	margin: 3px;
	display: inline-block;
}

.imgcontainer 
{
	position: relative;
	margin: 5px;
	display:inline-block;
	cursor:pointer;
}

.imgcontainer .canvas-container, .imgcontainer canvas
{
	position: absolute !important;
	top:0px !important;
	left:0px !important;
}

#showimg div.tag 
{
    	padding: 0 7px;
    	border: 1px solid #000;
    	color: #fff;
    	position: absolute;
    	background: rgba(0,0,0,0.5);
    	box-shadow: rgba(0,0,0,.25) 3px 3px 3px !important;
    	border-radius: 100%;
}

ul#imgnotes
{
	padding-left:0px;
	margin-lefT:0px;
	margin-top:20px;
}

ul#imgnotes li
{
	list-style:none;
}

.videotitle
{
    	position: absolute;
    	background: rgba(0,0,0,0.5);
    	color: #fff;
    	z-index: 5;
    	padding: 3px 10px;
    	left: 10px;
    	top: 5px;
	font-weight:bold;
}

.videoclose
{
	position: absolute;
        background: rgba(0,0,0,0.5);
        color: #fff;
        z-index: 5;
        padding: 3px 10px;
        right: 10px;
        top: 5px;
	font-size:17pt;
	cursor:pointer;
	border-radius:3px;
}

.videoclose:hover
{
	color:#006699;
}

.plyr audio, .plyr video {
	height: 500px !important;
}

#showimg .timestamp
{
	background: rgba(0,0,0,0.1);
	display:inline-block;
	position:absolute;
	bottom:5px;
	right:5px;
	color:#ff0;
	z-index:5;
	padding:0 2px;
	font-size:10pt;
}

td.inspec.notes
{
	width:70%;
}

.tire input[disabled] 
{
   	color: #006699 !important;
}

#mobileboard .imgcontainer.showenlarge:after, #databoard .imgcontainer.showenlarge:after
{
	font-family: "Font Awesome 5 Pro";
	content: "\f00e";
	position:absolute;
	font-weight:400;
	top:28px;
	left:30px;
	padding:10px;
	background:rgba(0,0,0,0.5);
	border:1px solid #000;
	color:#fff;
	font-size: 20pt;
    	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, .25) 3px 3px 3px !important;
}

#mobileboard .imgcontainer.showplay:after, #databoard .imgcontainer.showplay:after
{
	font-family: "Font Awesome 5 Pro";
	content: "\f144";
	position:absolute;
	font-weight:400;
	top:28px;
	left:30px;
	padding:10px;
	background:rgba(0,0,0,0.5);
	border:1px solid #000;
	color:#fff;
	font-size: 20pt;
    	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, .25) 3px 3px 3px !important;
}

span.note
{
	font-size:10pt;
	font-style:italic;
	display:block;
}

#autonettv .title
{
	border-bottom:0px !important;
}

#autonettv .modal-body > div {
	height: 200px;
}
.video-js .vjs-big-play-button {
	top: 30% !important;
	left: 45% !important;
}

a.kiosk
{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
	background: #f7f7f7;
	font-size: 10pt;
	/*margin-top:10px;*/
	background:#fff;
	margin-left:2px;
}

td.customer_approval span, span.customer_approval
{
        font-size:11pt;
        border:1px solid #ddd;
        padding: 0 5px;
    min-width: 110px;
    display: inline-block;
    text-align: center;
	text-transform:capitalize;
}

span.inspec.name span.customer_approval
{
	float: right;
	font-weight:500 !important;
}

td.customer_approval span[data-id=addressed], span.customer_approval[data-id=addressed]
{
	border:1px solid green;
	color: green;
	background-color: rgba(102,187,106, .2) !important;
}

td.customer_approval span[data-id=unaddressed], span.customer_approval[data-id=unaddressed]
{
		border:1px solid red;
		background-color: rgba(229,57,53, .1) !important;
}

ul.rvh_mapping
{
	padding-top:20px;
	padding-left:0px;
	margin-left:0px;
}

ul.rvh_mapping li:first-child
{
	padding-top:3px;
}

ul.rvh_mapping li
{
    /*margin: 1px 5px;*/
    margin-top:4px;
	border-bottom:1px solid #f5f5f5;
    font-size: 10pt !important;
    padding: 0 2px;
    padding-bottom:5px;
    display: table !important;
    border-radius: 2px;
    width: 100%;
    background: #fff !important;
    line-height: 20px;
}

ul.rvh_mapping li span.tag
{
	border: 1px solid #ddd;
	padding:0 3px;
	border:0px;
	font-weight:bold;
}

ul.rvh_mapping li span.notes
{
	font-style:italic;
}

ul.rvh_mapping li:first-child
{
	margin-left:0px;
}

table.rvh_mapping td
{
	font-size:11pt !important;
}

table.rvh_mapping td span.tag
{
	font-weight:bold;
}

.video .tag
{
	position:absolute !important;
	left:0px !important;
	width:100% !important;
}

#tab_tire table.multiaxle td
{
	font-size:10pt !important;
	padding-left:0px;
	padding-right:0px;
	border:0px;
	position:relative;
}

.desktop .multiaxle .tire-info-value, #tab_tire .tire-info-value
{
	font-size:15pt !important;
	color:#006699;
	font-weight:bold;
}

#tab_tire .multiaxle img
{
	box-shadow: 0 8px 6px -6px #999 !important;
}

#tab_tire .multiaxle .tag
{
	position:absolute;
	width:100%;
	top:35px;
	z-index:10;
}

#tab_tire .multiaxle .tag.rear
{
        position:absolute;
        width:100%;
        top:15px;
        z-index:10;
}

#tab_tire .multiaxle .tag span
{
	background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
	font-weight:bold;
}

.desktop .multiaxle .tag span
{
	background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
        font-weight:bold;
}

.desktop .multiaxle .tag span
{
        position:relative;
        top:100px;
        z-index:10;
}

.desktop .multiaxle .tag.rear span
{
        position:relative;
        top:40px;
        z-index:10;
}

.desktop .multiaxle img.tire
{
	margin-bottom:0px;
	box-shadow: 0 8px 6px -6px #999 !important;
}

.rvh.attachments ul li, #mobileborad .rvh.attachments ul li
{
	width:auto !important;
	background: none !important;
	border-bottom:0px !important;
}

.rvh.attachments ul li.video span
{
	padding:5px;
}

.wo-group
{
	font-weight:bold;
	color:#006699;
}

label.wo-status
{
	font-size:11pt !important;
}

.reports-menu i
{
	background:none;
	min-width:auto;
	font-size:12pt;
}

.reports-menu li a
{
	padding-left:35px;
	position:relative;
}

.reports-menu li:not(:last-child) a
{
	border-bottom:1px solid #ddd;
}

.reports-menu li a:before
{
    content: "\f08e";
    font-family: "Font Awesome 5 Pro";
    font-weight:400;
    position:absolute;
	left:10px;
	top:10px;	
	font-size:12pt;
}

.open .dropdown-menu.dropdown-menu-right:before {
    position: absolute;
    top: -7px;
    right: 18px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(255, 255, 255, 100%);
    content: '';
}

.dropdown-menu-right {
    right: 10px;
    left: auto;
}

.qc-notes
{
	font-style:italic;
	display:block;
	margin-top:5px;
}

button.qc-status
{
	min-width:42px;	
}

button.qc-status.na
{
	border:1px solid #006699;
	background:none;
	border-radius:3px;
	font-weight:bold;
}

li#tab_quality_control.collapse.in
{
	margin-top:20px;
}

.localHistory a.title 
{
    	color: #006699 !important;
    	text-decoration: none;
    	font-weight: bold !important;
    	display: inline-block;
    	border-bottom: none;
    	margin-bottom: 0px;
    	padding-bottom: 10px;
}

.localHistory[data-show="0"] .collapse
{
	padding-top:20px;
}

.localHistory[data-show="1"]
{
    margin-bottom:10px;
}

.localHistory[data-show="1"] .title
{
	padding-top:12px;
	padding-left:2px;
	font-size:14pt;
}

.localHistory a.title
{
	color: #006699;
    	text-decoration: none;
    	font-weight: bold;
    	line-height: 16px;
	display: inline-block;
	border-bottom:none;
	font-size:14pt;
	padding-top:10px;
}

.localHistory a.title i
{
	color: #ccc !important;
	font-size: 14pt !important;
    	display: inline-block;
    	padding-right: 10px;
}

.localHistory a.title span
{
	font-weight:bold;
}

.localHistory a.title span.mobile
{
	display: none;
}

.localHistory button.add
{
	font-weight: bold;
    	color: #006699;
    	border: 1px solid #efefef !important;
}

.localHistory .card 
{
	padding: 5px;
    	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
    	margin-bottom: 20px;
    	border-radius: 5px;
}

.localHistory .card table
{
	margin-bottom:0px;
}

.localHistory table th
{
        background: #f9f9f9;
}

.localHistory .card table th
{
	border:0px;
}

.localHistory table td
{
	vertical-align: middle !important;
	font-size:12pt;
}

.localHistory table td i:hover
{
	cursor: pointer;
	color:#006699;
}

.localHistory table td i
{
	color: #ccc;
}

.localHistory label
{
	min-width:24px;
	display: block;
	width: 140px;
	padding:5px !important;
}

.localHistory ul
{
	display: grid;
	table-layout: fixed;
	width: 100%;
	padding-top: 5px;
    	padding-left: 0px;
    	margin-left: 0px;
}

.localHistory ul li
{
	display: table-cell;
	text-align: left;
    	cursor: pointer;
    	vertical-align: middle;
	font-size:12pt;
}

.localHistory ul li:not(:last-child) 
{
    	/* border-right: 1px solid #ddd; */
}

.localHistory span.tag
{
	display:inline-block;
	width: 60px;
	font-weight:bold;
}

.localHistory div.ticket
{
	border : 1px solid lightgray;
	border-radius : 5px;
	text-align : center;
	margin : 5px;
	cursor : pointer;
	background : #f7f7f7;
}

.localHistory div.ticket table
{
	background-color: #fff;
}

.localHistory div.ticket:hover
{
	/* background-color: #f9f9f9; */
}

.localHistory div.ticket .ticket-title b
{
	font-size : 12pt;
	font-weight: bold;
	color : #006699;
	margin: 5px;
}

.localHistory div.ticket .ticket-title
{
	margin : 10px;
	text-align: left;
}

.localHistory div.ticket .ticket-title i.fa
{
	color : #006699;
	font-weight : bold;
	font-size : 14pt;
	margin-right: 15px;
}

.localHistory div.ticket .ticket-title span.title-info
{
	display: inline-block;
	padding: 0px 8px 0px 1px;
    font-size: 12pt;
    background: #f7f7f7;
    height: 25px;
}

.localHistory div.ticket .ticket-title span.title-info:not(:last-child)
{
	border-right : 1px solid #006699;
}

.localHistory .options
{
    margin: 0 auto;
    text-align: right;
}

.localHistory .tickets
{
	margin : 5px !important;
}

.localHistory ul.jobs li
{
	/* border: 1px solid lightgray; */
	border-radius: 5px;
    padding: 5px 15px;
    /* list-style: none; */
	margin: 3px;
	background: #fff;
}

.localHistory ul.items li{
	background-color: #f7f7f7;
}

.localHistory ul.jobs li b
{
	color : #006699;
}

.localHistory td div.col-md-4
{
	margin: 3px;
    border: 1px solid lightgray;
    border-radius: 5px;
    width: 32%;
    padding: 10px;
}

.localHistory .declined
{
	color: red;
	font-weight: bold;
	border: 1px solid red;
	padding: 3px;
	border-radius: 3px;
	font-size: 14px;
}

.motor-cycle img.tire
{
	margin-top:20px;
	width:120px;
	margin-bottom:0px;
}

.motor-cycle img.tire.rear
{
        margin-bottom:20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.motor-cycle .mc-tire-info-value
{
	display:block;
	font-size: 15pt !important;
    color: #006699;
    font-weight: bold;
}

.motor-cycle td
{
	text-align:center;
	position:relative;
	vertical-align:middle !important;
}

.motor-cycle span.tire_status
{
	position:absolute;
	width:98px;
	z-index:10;
	text-transform: uppercase;
	text-align: center;
}

.motor-cycle span.tire_status.front
{
	bottom:20%;
	margin-left: 12px;

}

.motor-cycle span.tire_status.rear
{
	top:20%;
	margin-left: 12px;
}

.motor-cycle span.tire_status span
{
	background:rgba(0,0,0,0.5);
	color:#fff;
	border-radius:4px;
	border:1px solid #000;
}

#tab_tire .tire_notes
{
	padding-left:25px;
	padding-right:25px;
}

span.red
{
	color:red;
}

label
{
	/*font-size: 1.5em;*/
}

.btn-other
{
	display:inline-block;
	margin-right:2px;
}

#mobile .btn.history
{
	display:none;
}

.deferred-services .job-name
{
	font-weight: bold;
	color: #006699;
}
.deferred-services .job-description
{
	font-size: 11pt;
}
.deferred-services th
{
	font-weight: bold;
	font-size: 12pt;
}
.deferred-services th i
{
	font-size: 10pt;
	font-weight: 400;
	font-style: italic;
}
.deferred-services tr.items-title th
{
	font-size: 11pt;
}
.deferred-services tr.items-title th:first-of-type
{
	width: 100px !important;
}
.deferred-services tr.items-title th:last-of-type
{
	width: 100px !important;
}
button.schedule
{
	width: 100%;
}
.deferred-services tr.items td
{
	font-size: 11pt !important;
}
button.schedule
{
	display: none;
}
.round {
    position: relative;
    top: -5px;
    width:30px;
    display: inline-block;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
.customer-info input
{
	pointer-events:none;
}
.customer-info label.form-label
{
	font-weight: bold !important;
	color: #006699 !important;
}
tr.items-title, tr.items
{
	display: none;
}
td.job
{
	cursor: pointer;
	border: none !important;
}

.rvh  .fa-file-pdf-o {
	color: #ccc;
    font-size: 35pt;
}

@media (max-width:991px)
{
	.localHistory td div.col-md-4
	{
		width : 100%;	
	}
}

@media (max-width:500px)
{
	.localHistory span.title-info
	{
		display: inline-block !important;
		border-right : none !important;
	}

	.localHistory .row 
	{
		margin: 0 !important;
	}

	.row.options
	{
		margin: 5px !important;
	}
}

@media (max-width: 1400px)
{
	.container
	{
		width: 95%;
	}
	#mvvideo
	{
		margin-top: 0px;
	}
}

@media (max-width: 1000px)
{
	[data-device="desktop"]
	{
		display: none;
	}
	
	[data-device="mobile"]
	{
		display: block !important;
	}
	
	#mobileboard ul li div.tabheader div.icon
	{
		width:10%;
	}
	
	#mobileboard ul li div.tabheader div.count
        {
                width:10%;
        }
	
	.plyr audio, .plyr video {
            height: 500px;
        }
}

@media (max-width: 700px)
{
	#mobileboard ul li div.tabheader div.icon
        {
                width:12%;
        }
	
	#mobileboard ul li div.tabheader div.count
	{
		width:12%;
	}
	
	#greetings .modal-header .modal-title
	{		
	        color:#fff;
        	font-size:18pt;
	}
	
	#greetings .modal-body
	{
		font-size:11pt;
	}
	
	#greetings .modal-body button
	{
		font-size:12pt;
		display:block;
		margin:0 auto;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.plyr audio, .plyr video {
	    height: 300px;
	}
	
	#mobileboard .tire div
	{
		font-size:12pt !important;
	}
	
	#mobileboard .tire .psi.lf, #mobileboard .tire .psi.lr
	{
		padding-right:0px;
	}
	
	#mobileboard .tire .psi.rf, #mobileboard .tire .psi.rr
        {
                padding-left:0px;
		}
		
	#mvvideo
	{
		margin-top: 30px;
	}
}

@media screen and (max-width: 1000px) {
	.hunter_history table thead, .groove_glove_history table thead {
	  display: none;
	}
	.hunter_history table td, .groove_glove_history table td {
	  display: flex;
	  flex-flow: wrap;
	}
	
	.hunter_history table td::before, .groove_glove_history table td::before {
	  content: attr(label);
	  font-weight: bold;
	  width: 120px;
	  min-width: 120px;
	}

	table.gg td::before {
		min-width: 0px;
		content: '';
		width: 0px;
	}

	table.gg {
		width: 60%;
	}

	table.gg td {
		display: inline-block;
   		width: 50%;
	}

}