.container {
	width: 95%;
	overflow-x: hidden;
}

.page_title {
	display: inline;
}

select.sheet {
	display:inline;
}

ul {
	list-style-type: none;
}

.cus_name {
	float: left;
	font-size:13pt;
	text-align: left;
}

.report {
	margin-top:4px;
}

.report .btn {
	font-size:11pt;
}

textarea.insp_details, input.insp_details {
	color: #0088cc;
	border:none !important;
	width:100%; 
}

textarea.insp_details:hover, input.insp_details:hover {
	/*border-bottom: 1px solid #e9e9e9 !important;*/
}

textarea.insp_details {
	padding:0px;
	font-size:12pt;
}

input.info {
	border: 0px !important;
}

select.inspec {
	font-size:11pt;
	width: auto;
}

.center {
	text-align:center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.report_status {
	color: green;
	font-weight: bold;
}

/* Typeahead */
input.tt-hint {
	border: none !important;
}

.vehicle_picture {
    /*border: 1px solid #CCC;*/
    background-color: #FFF;
    padding: 4px;
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .15) !important;
    border-radius: 5px;
	cursor: pointer;
}

.vehicle_picture {
    	position: relative;
	//width: 100%;
	border: 1px dashed #e9e9e9;
}

.vehicle_picture img {
	display:block;
	margin:auto;
}

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

.carousel-control.left, .carousel-control.right {
    background-image: none;
    background:none;
}

.carousel .carousel-inner img
{
        width:100%;
}

.vehicle_picture .upload_progress
{
	position:absolute; 
	padding:2px; 
	font-size:12pt; 
	right:0px; 
	top:0px; 
	z-index:5;
}

.veh_pic_tag {
	position:absolute; 
	bottom:4px; 
	background:rgba(0,0,0,0.5); 
	color:#fff;
	z-index:1;
	width:98%;
	font-size:13pt; 
	text-align:center;
	text-transform:uppercase; 
	font-weight:bold;
}

.carousel-indicators {
	z-index: 1;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}

.vehicle_picture .tools {
	position:absolute; 
	bottom:30px; 
	z-index:1003; 
	width:100%;
}

.vehicle_picture .tools  button {
	background:rgba(82, 185, 233, 0.8) !important;
}

.image {
  opacity: 1;
  display: block;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 12pt;
  font-weight:bold;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.vehicle_picture:hover .image {
  opacity: 0.3;
}

.vehicle_picture:hover .middle {
  opacity: 1;
}

.middle.show {
	opacity: 1 !important;
}

.text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

img.editable-click {
    border: 1px dotted #BBB;
    border-radius: 5px;
}

.veh-info-striped {
    border: 1px solid #DCEBF7;
}
.veh-info {
    font-size: 11pt;
    display: table;
    width: 100%;
	table-layout: fixed;
	border-radius:5px;
}

.veh-info-row {
    display: table-row;
}

.veh-info-striped .veh-info-name {
    	color: #336199;
    	background-color: #EDF3F4;
    	border-top: 1px solid #F7FBFF;
	width:15%;
}
.veh-info-name {
    text-align: right;
    padding: 6px 10px 6px 4px;
    font-weight: 400;
    color: #667E99;
    background-color: transparent;
    width: 110px;
    vertical-align: middle;
}
.veh-info-name, .veh-info-value {
    display: table-cell;
    border-top: 1px dotted #D5E4F1;
	font-size:12pt;
}

.veh-info-value {
	vertical-align:middle;
	color: #0088cc;
}

.veh-info-row:first-child .veh-info-name, .veh-info-row:first-child .veh-info-value {
    border-top: none;
}

.veh-info-value.tags {
	border-top: none;
}

.veh-info-striped .veh-info-value {
    border-top: 1px dotted #DCEBF7;
    padding-left: 12px;
}

.veh-info-value.tags {
	border-top: 1px dotted #DCEBF7;
    padding-left: 12px;
}

.veh-info-value {
    padding: 6px 4px 6px 6px;
}

.veh-info-value.tags {
	padding: 6px 4px 6px 12px;
}

.veh-info-name, .veh-info-value {
    display: table-cell;
    border-top: 1px dotted #D5E4F1;
}

.veh-info-value.tags {
	display: table-cell;
    border-top: 1px dotted #D5E4F1;
}

.veh-info.top_details
{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-color: #fff;
}

.veh-info.bottom_notes
{
        border-top-left-radius: 0;
        border-top-right-radius: 0px;
}

.separator {
    width: 100%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.separator:after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}

.load_sheet {
	cursor:pointer;
}

.insp_sheet_status {
	font-weight:bold; 
	text-align:left; 
	color:#5cb85c; 
	margin-bottom:10px;
}

.item_status .btn {
	font-size:11pt;
        min-width:44px;
        min-height:30px;
	border: 1px solid #e9e9e9 !important;
}

.insp_sheet_status.warning {
	color: #f88529;
}

.insp_sheet_status .fa-exclamation {
	padding-left:15px;
}

.overview_filter .btn, .item_status .btn {
        font-size:11pt;
        min-width:44px;
        min-height:30px;
        border: 1px solid #52b9e9 !important;
	background: #fff;
}

.overview_filter .btn.active i {
	color: #fff;
}

.overview_filter .btn.active {
    	border: 1px solid #269abc !important;
}

.insp_filter .btn {
	font-size:11pt;
	min-width:44px;
	min-height:30px;
	background: #fff;
}

.insp_filter i {
        margin:3.5px 5px;
        color: #555;
}

.insp_filter {
	color: #555 !important;
	border-radius:5px;
}

.insp_filter .btn {
	border: 1px solid #e9e9e9 !important;
	border-radius:4px;
}

.insp_filter.all .btn {
	border: 1px solid #52b9e9 !important;
}

.insp_filter.green .btn {
	border: 1px solid #43c83c !important;
}

.insp_filter.orange .btn {
	border: 1px solid #f88529 !important;
}

.insp_filter.red .btn {
	border: 1px solid #fa3031 !important;
}

.insp_filter .btn-all.active, .insp_filter .btn-all.active .all {
	background: #52b9e9; 
	color: #fff !important;
	border: 1px solid #52b9e9 !important;
}

.insp_filter .btn-green.active, .insp_filter .btn-green.active .green {
	background: #43c83c;
	color: #fff !important;
}

.insp_filter .btn-approvals.active, .insp_filter .btn-approvals.active .green {
        background: #43c83c;
        color: #fff !important;
}

.insp_filter .btn-red.active, .insp_filter .btn-red.active .red {
	background: #fa3031;
	color: #fff !important;
}

.insp_filter .btn-orange.active, .insp_filter .btn-orange.active .orange {
	background: #f88529;
	color: #fff !important;
}

.insp_filter .btn-na.active, .insp_filter .btn-na.active .na {
	background: #888;
	color: #fff !important;
}

.insp_filter .btn-approved.active {
	background: #43c83c;
}

.insp_filter .btn.active i {
	color: #fff !important;
}

.insp_filter .btn.active {
	color:#fff;
}

.filter_hide {
	display: none !important;
}

.table_insp {
	margin-top:20px;
	font-size:12pt;
	/*border:1px solid #DCEBF7;*/
}

.table_insp .category {
	color: #006699;
	font-size:13pt;
	font-weight:bold;
	text-transform: uppercase;
}

tr.item td {
	padding-top:14px !important;
}

tr.item td.status {
	padding-top:8px !important;
}

td.attachment i {
	font-size:22pt;
	color: #999999;
}

th {
	font-weight: bold;
    	color: #006699;
	color: #336199;
    	background-color: #f9f9f9;
    	border-top: 1px solid #F7FBFF;	
}

td.category {
	background-color: #f9f9f9;
}

.item_status .btn {
	margin:0px 7px;
	padding:4px 5px;
	min-width:40px;
	background: #fff;
}

.item_status i {
	color: #efefef;
	font-size:19pt;
}

.item_status i:hover {
	color: #999;
}

.item_status .green {
	border: 2px solid #009900 !important;
}

.item_status .orange {
        border: 2px solid #FF9900 !important;
}

.item_status .red {
	border: 2px solid #FF3300 !important;
}

/* QC - not_avaiable */
.item_status .na {
        border: 2px solid #888 !important;
	color: #e9e9e9;
	font-weight:bold;
	font-size:12pt;
	min-height:37px;
}

.item_status .na:hover {
	color: #555;
        font-weight:700;
}
.item_status .na.active {
	color: #555;
	font-weight:700;
}

.item_status .btn.active {
	background: #fff;
}

.item_status .btn.active i {
	color: #999999;
}

.onoffswitch-label {
    border-radius: 5px;
}

.onoffswitch-inner:before {
    background-color: #43c83c;
}

.ace-thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ace-thumbnails>li {
    float: left;
    overflow: hidden;
    margin: 2px;
}
.ace-thumbnails>li, .ace-thumbnails>li>:first-child {
    display: block;
    position: relative;
}

.ace-thumbnails>li, .ace-thumbnails>li>:first-child {
    display: block;
    position: relative;
}
a:hover, a:focus, a:active {
    outline: 0;
}
a:hover {
    color: #888;
    text-decoration: none;
}

.ace-thumbnails>li>:first-child>.text {
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.ace-thumbnails>li>.tools, .ace-thumbnails>li>:first-child>.text {
    position: absolute;
    text-align: center;
    background-color: rgba(0, 0, 0, .55);
}

.ace-thumbnails>li .tags {
    display: inline-block;
    position: absolute;
    bottom: 6px;
    right: 5px;
    overflow: visible;
    direction: rtl;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    background-color: transparent;
    border-width: 0;
    vertical-align: inherit;
}
.tags {
    display: inline-block;
    padding: 4px 6px;
    color: #777;
    vertical-align: middle;
    background-color: #FFF;
    /*border: 1px solid #D5D5D5;*/
}

.ace-thumbnails>li .tags>.label-holder {
    opacity: .92;
    filter: alpha(opacity=92);
    display: table;
    margin: 1px 0 0;
    direction: ltr;
    text-align: left;
}

.label {
    font-weight: 400;
    padding: 3px 6px !important;
    font-size: 13px;
}
.label {
    line-height: 0.9;
    height: 20px;
}
.label {
    color: #FFF;
    display: inline-block;
}

.ace-thumbnails>li>.tools.tools-top {
    width: auto;
    height: 28px;
    left: 0;
    right: 0;
    top: -30px;
    bottom: auto;

	    border-top-right-radius: 4px;
	    border-top-left-radius: 4px;
}
.ace-thumbnails>li>.tools {
    top: 0;
    bottom: 0;
    left: -30px;
    width: 24px;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.ace-thumbnails>li>.tools, .ace-thumbnails>li>:first-child>.text {
    position: absolute;
    text-align: center;
    background-color: rgba(0, 0, 0, .55);
}

img {
    vertical-align: middle;
}

.ace-thumbnails>li>.in.tools.tools-top {
    bottom: auto;
    top: 0;
}
.ace-thumbnails>li:focus>.tools.tools-top {
    bottom: auto;
    top: 0;
}

.ace-thumbnails>li>.in.tools {
    left: 0;
    right: 0;
}

.ace-thumbnails>li .tools.tools-bottom>a, .ace-thumbnails>li .tools.tools-top>a {
    display: inline-block;
}
.ace-thumbnails>li>.tools>a>i, .ace-thumbnails>li>:first-child .inner a i{
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 0 4px;
}

.ace-thumbnails>li>.tools>a {	
	color:#fff;
}

#autosave {
	display: none;
	position:absolute;
 	top:60px; 
	left:50%;
	z-index:5;
}

#autosave .message {
	background:#f9edbe; 
	box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important; 
	border:1px solid #f0c36d; 
	color: #222;
	padding:1px 15px; 
	border-radius:4px; 
	font-size:95%; 
	font-weight:bold;
	z-index:5;
}

.isheet {
	padding-top:10px;
    	font-size: 11pt;
    	display: table;
    	width: 100%;
    	table-layout: fixed;
}

.isheet.list {
	border-radius:15px;
}

.irow {
    	display: table-row;
	border-right: 1px solid #ddd;
}

.icell {
    	display: table-cell;
}

.section .title {
        white-space: nowrap;
        font-weight: bold;
        margin-left:10px;
}

.browser.item .icell {
	padding: 10px 0px;
	border-top: 1px solid #ddd;
	vertical-align: middle;
	font-size:13pt;
	color: #555;
	font-weight:bold;
}

.browser.item .icell.id {
	font-weight: normal;
}

.browser.section .icell {
        padding: 8px 0px;
        background: #f9f9f9;
        border-top: 1px solid #ddd;
}

.table.section .icell {
	margin-left: 0px;
}

.tablet.section .icell .title {
	text-transform:uppercase;
	border:1px solid #006699; 
	padding:3px;
	color:#fff;
	background: #006699; 
	border-radius:4px;
	margin-left: 0px;
}


.icell.attachment i {
	font-size:19pt;
	color: #999;
}

.icell.attachment i {
        cursor: pointer;
}

.icell.attachment:hover i {
        color: #52b9e9;
}

.attachment i.fa-circle-o-notch {
	font-size:26pt;
	color: #52b9e9 !important;
}

.attachment i.fa-video-camera {
	padding:0 2px; 
	border:1px solid #999; 
	border-radius:5px;
}

.attachment i.fa-video-camera.restrict {
	color: #e9e9e9;
}

.attachment .upload_percentage {
	font-size:9pt;
	position: absolute;
    	left: 10% !important;
	color: #52b9e9 !important;
	display:none;
	top: 28%;
    	font-size: 9pt;
}

.tablet .attachment .upload_percentage {
    top: 5px !important;
    left:9% !important;
}

.isheet {
	padding:0px 10px;
	margin-top:30px !important; 
	border-right:1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.irow.header {
	font-weight:bold;
	font-size:12pt;
	background: #EDF3F4;
	color: #336199;
}

.irow.tablet {
	display: none;
}

.irow.browser {
	display: table-row;
}

.ro_time {
	position:relative; 
	top:-10px; 
	color:#006699; 
	padding:0 3px;
	border:1px solid #006699; 
	border-radius:4px;
}

.editable-empty {
    	color: #0088cc;
	font-style:italic !important;
	border-bottom: dashed 1px #0088cc !important;
}

.fixed {
        top:0;
        position:fixed;
        width:auto;
        display:none;
        border:none;
        background:#ddd;
        z-index:1020;
        margin-top:0px;
}

.scrollMore{
  margin-top:600px;
}

.up{
  cursor:pointer;
}


.isheet.fixed {
	margin-top: 0px !important;
	background: rgba(220,220,220,0.9);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
        box-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
        max-width: 100%;
        width: 100%;
}

.isheet .bar {
	padding:10px 0px;
}

.isheet .bar .section {
	display:inline;
	color: #006699;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #006698;
    	padding:2px;
    	border-radius: 4px;
	margin-left:0px;	
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

.header .bar button {
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
	font-size:11pt;
}

.chat-title h4 {
    font-weight: normal;
    font-size: 13pt;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.customer_name {
    	color: #006699;
    	font-weight: bold;
	text-transform: uppercase;
}

.vehicle_info {
    color: #555;
    font-size: 10pt;
}

.topclose {
    top: -30px;
    left: 25px;
    position: relative;
    cursor: pointer;
}

.topclose i {
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 100%;
    font-size: 14pt;
    background: #aaa;
    color: #fff;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2) !important;
}

.item_status .btn {
	border-radius: 5px;
}

.thumbnail {
	margin-bottom:0px;
	width:100px;
	height:100px;
}

.irow.attachments .icell {
        padding-left:10px;
}

.attachments .col-md-2 {
	padding:5px;
}

div.restrict {
	border-top: 2px solid #e9e9e9;
    	width: 35px;
    	top: -10px;
    	left: -44px;
    	position: relative;
	display: inline-block;
	-moz-transform: rotate(145deg);  
       -o-transform: rotate(145deg);  
  -webkit-transform: rotate(145deg);  
      -ms-transform: rotate(145deg);  
          transform: rotate(138deg); 
}

.tools.tools-top {
	position: absolute;
    text-align: center;
    background-color: rgba(0, 0, 0, .55);
}

.tools.tools-top>a {
    display: inline-block;
}

.tools.tools-top {
    width: auto;
    height: 28px;
    left: 0;
    right: 0;
    top: -30px;
    bottom: auto;
}

.in.tools.tools-top {
    bottom: auto;
    top: 0;
}

.in.tools {
    left: 0;
    right: 0;
}

.ace-thumbnails li {
	box-shadow: rgba(0, 0, 0, .25) 3px 3px 3px !important;
	border-radius: 4px;
}

.ace-thumbnails img {
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 4px;
}

.report_title {
	border-bottom: 1px solid #c3c4c4; 
	padding:15px 0px;
}

.verticalbar {
	display: none;
	position: fixed; 
	top: 10%; 
	width: 66px; 
	left:-20px;
}

.verticalbar li.active a {
	color:#fff;
}

/** OVERVIEW CSS **/
.ov-card-stats .ov-card-header {
    float: left;
    text-align: center;
	color: #fff;
}

.ov-card.orange .ov-card-header {
    background: linear-gradient(60deg, #ffa726, #fb8c00);
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;
}

.ov-card.green .ov-card-header {
    background: linear-gradient(60deg, #66bb6a, #43a047);
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;
}

.ov-card.red .ov-card-header {
    background: linear-gradient(60deg, #ef5350, #e53935);
    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;
}

.ov-card.blue .ov-card-header {
    background: linear-gradient(60deg, #26c6da, #00acc1);
    box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;
}

.ov-card-footer.red {
	border-top:1px solid #e53935;
}

.ov-card .ov-card-header {
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
    margin: -20px 15px 0;
    border-radius: 3px;
    padding: 15px;
    width:55px;	
    background-color: #999999;
}

.ov-card {
    	display: inline-block;
    	position: relative;
    	width: 100%;
    	margin: 25px 0;
    	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14) !important;
   	border-radius: 3px;
    	color: rgba(0,0,0, 0.87);
    	background: #EDF3F4;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2) !important;
}


.ov-card.green {
        border:1px solid #43a047;
}

.ov-card.orange {
        border:1px solid #fb8c00;
}

.ov-card.red {
        border:1px solid #e53935;
}


.ov-card-stats .ov-card-content {
    text-align: right;
    padding-top: 10px;
}
.ov-card .ov-card-content {
    padding: 15px 20px;
	font-size:11pt;
}

.ov-card .ov-card-footer {
    margin: 0 20px 10px;
    padding-top: 10px;
	min-height:43px;
}

.ov-card.green .ov-card-footer {
	border-top:1px solid #43a047;
}

.ov-card.orange .ov-card-footer {
        border-top:1px solid #fb8c00;
}

.ov-card.red .ov-card-footer {
        border-top:1px solid #e53935;
}

.ov-card i.header {
	font-size:24pt;
}

.ov-card-content .item_status {
	padding-right:0px;
}

.ov-card .category {
	color: #006699;
	font-weight: bold;
}

.ov-card .btn-default {
	border: 1px solid #555 !important;
	color: #555;
	font-weight: bold;
}

.ov-card .btn-default i {
	font-size:11pt;
	font-weight: normal;
	color: #555;
}

.ov-card .ov-card-footer .stats {
    line-height: 22px;
    color: #999999;
    font-size: 12pt;
}

.trWrap {
	display:none;
}

.item_status.header .tooltip.in, .leftTimeline .tooltip.in {
	position:absolute;
}

.leftTimeline ul {
    line-height: 40px;
    text-align: center;
    margin: 10px 0!important;
    color: #cdcdcd;
    font-size: 16px;
    z-index: 1;
}

.leftTimeline ul li:first-child {
    padding-top: 10px;
    border-top-left-radius: 1.5em;
    border-top-right-radius: 1.5em;
}

.leftTimeline ul li {
    cursor: pointer;
    list-style: none;
    line-height: 40px;
    text-align: center;
    position: relative;
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    color: #c1c1c1;
}

.leftTimeline ul li:last-child {
    border-bottom: 1px solid #e6e6e6;
    border-bottom-left-radius: 1.5em;
    border-bottom-right-radius: 1.5em;
    padding-bottom: 10px;
}

.leftTimeline ul li:last-child:hover {
	background: #9a9a9a;
}

.leftTimeline ul li:hover, .leftTimeline ul li:focus {
	background: #9a9a9a !important;
    color: #fff;
    border-color: #9a9a9a;
}

.leftTimeline ul li.active {
    	background: #9a9a9a !important;
    	color: #fff;
    	border-color: #9a9a9a;
	box-shadow: inset 0 0 10px #555 !important;
}

.leftTimeline ul li:hover .trWrap {
	display:block;
}

.leftTimeline ul li .trWrap {
    display: table;
    position: absolute;
    min-height: 50px;
    top: -1px;
    opacity: 0;
    visibility: hidden;
    left: 0;
    width: 290px;
    transition: left .5s,opacity .3s,visibility .3s;
    z-index: -1;
    background: #d1d3d4;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.overlayThumbnail img {
    height: inherit;
    border: #ccc 2px solid;
    box-sizing: border-box;
	max-height:72px; 
	max-width:72px;
	min-width:72px;
	margin-right: 5px;
	cursor: pointer;
}

.overlayThumbnail.active img {
	border: 2px solid #006699;
}

.overlayThumbnail:hover img {
	border: 2px solid #006699;
}

.btn-group-vertical .btn {
	text-align: left;
	margin-top:1px !important;
}

.btn-group > .btn {
	z-index:0 !important;
}

.modal-image-marker .modal-footer {
	border-top: none;
}

.clearfloat {
    background: none;
    clear: both;
    height: 0;
    overflow: hidden;
}

.mCSB_draggerRail{width:20px;}	

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:#777;
}

.panel {
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 8px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
/*    background-color: #efefef;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #efefef)) !important;
    background-image: -webkit-linear-gradient(top, #fefefe, #efefef) !important;
    background-image: -moz-linear-gradient(top, #fefefe, #efefef) !important;
    background-image: -ms-linear-gradient(top, #fefefe, #efefef) !important;
    background-image: -o-linear-gradient(top, #fefefe, #efefef) !important;
    background-image: linear, top, bottom, #fefefe, #efefef !important;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
*/
    box-shadow: rgba(0, 0, 0, .25) 3px 3px 3px !important;
}

.closemodal {
	cursor: pointer;
}

.inspec_item_name {
	color: #006699; 
	font-size:12pt; 
	font-weight:bold;
	text-transform: uppercase;
}

.stats {
	cursor: pointer;
}

.attachments img.marked {
        height:75px;
        width:75px;
        position:absolute;
        top:40px;
        left:40px;
        background:none;
        cursor:pointer;
}

.attachments img.play {
        height:75px;
        width:75px;
        position:absolute;
        top:40px;
        left:40px;
        background:none;
        cursor:pointer;
}

.vjs-mouse.vjs-playlist {
	border-radius: 5px;
	min-width: 240px; 
}

.runtime {
    position: absolute;
    top: 3px;
    left: 2px;
    color: #fff;
    background: rgba(0,0,0, 0.5);
    padding: 0 2px;
    border-radius: 3px;
}

.loadingimg {
	font-size:14pt;
}

.video_modal_close {
	background:none; 
	color:#555; 
	border:1px solid #555 !important; 
	border-radius:5px;
	font-size:13pt;
	padding:4px;
	margin-top:3px;
}

.section .title {
	padding:30px 0px; 
	font-weight:bold; 
	font-size:14pt; 
	background:#fff;
}

body.modal-open {
	position: fixed;
	height: 100%;
	overflow: hidden;
}

span.marker_message {
	background: #f9edbe;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    	border: 1px solid #f0c36d;
    	color: #222;
    	padding: 1px 15px;
    	border-radius: 4px;
    	font-size: 95%;
    	font-weight: bold;
    	z-index: 5;
}

.editable-click, a.editable-click, a.editable-click:hover {
    word-break: break-all;
}

.char_count {
	display:block;
}

.insp_filter .btn, .overview_filter .btn {
        min-height:30px;
	font-size:12pt;
}

.label-report {
	font-size:11pt;
}

.carousel-control .glyphicon
{
        border-radius:5px;
}

.topclose_marker, .topclose {
	cursor: pointer;
}

.video_note {
        font-style:italic;
        font-size:12px;
        display:block;
}

.vv_note {
    font-style: italic;
    font-size: 12px;
    display: block;
}

.icell.status_header {
	width:15%;
}

.attachment.video, .attachment.image {
	position: relative;
}

div.vv
{
	line-height:1.2em;
}

a.vv_note,a.vv_note:link,a.vv_note:active 
{
	cursor: pointer;
        color:#555;
        text-decoration:none;
}

.virtual_vehicle .preview 
{
	position: relative;
}

.virtual_vehicle img.banner 
{
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.15) !important; 
	max-width:130px; 
	border-radius:5px; 
	border:1px solid #ddd;
	min-width:130px;
	min-height:130px;
}

.virtual_vehicle img.play {
	position:absolute; 
	display:block; 
	top:35px;
	cursor:pointer;
	left:31px; 
	width:70px;
}

.virtual_vehicle .loading {
        position:absolute;
        display:block;
        top:52px;
        cursor:pointer;
	background: rgba(0,0,0,0.3);
	text-align:center;
	color:#fff;	
        width:130px;
}

.virtual_vehicle .close_video span {
	border: 1px solid #999;
	border-radius:5px;
	padding:3px;
	cursor:pointer;
}

.virtual_vehicle .close_video span:hover {
        border: 1px solid #ddd;
	background: #ddd;
	color:#fff;
        border-radius:5px;
        padding:3px;
}

.virtual_vehicle .btn-group .btn {
	margin: 0 !important;
	background:#fff;
}

.virtual_vehicle .btn-group .btn.active {
	background: #52b9e9;
	border: 1px solid #22b9e9 !important;
	color:#fff !important;
}

li.vv {
	position: relative;
	text-align:center;
}

.vv_image {
	position: relative;
	text-align:center;
	width:150px;
        height: 150px;
}

.vv_image img {
	width:150px;
        height: 150px;
}

.vv_vendor {
	position: absolute;
	display: block;
	cursor: pointer;
	bottom:0%;
	color:#fff;
	width:150px;
	background: rgba(0,0,0,0.5);
	padding:0 10px;
}

.vv:hover .vv_vendor {
	background: rgba(0, 102, 153, 0.5);
}

.vv_vendor:hover {
	background: rgba(0, 102, 153, 0.5);
}

.expand i
{
	z-index:5; 
	color:#ccc; 
	font-size:45px; 
	margin:auto;
}

.expand i:hover
{
	color: #006699;
}

#imagemodal .top_close i
{
	background:rgba(0,0,0,0.3); padding:1px; color:#fff; border-radius:5px; font-size:20pt;
}

#imagemodal .top_close i:hover
{
	background: #006699;
	color:#ddd;
}

.section .item_status .btn
{
	font-weight:bold !important;
	color:#000 !important;
	font-size:13pt !important;
}

.section .ov
{
	font-weight: bold;
	color:#000;
}

.popover {
    box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
}

.item_notes .popover
{
	width:400px;
	z-index:2;
}

.item_notes .popover-content .editable-buttons
{
	display: inline-block;
	padding-left:3px;
}

.item_notes .popover div.editable-input
{
	width:100% !important;
}

.item_notes .popover input
{
	width:100% !important;
}
.item_notes .popover .twitter-typeahead
{
	width:100% !important;
}

.item_notes .popover .editable-submit
{
	width:49%;
}

.item_notes .popover .editable-cancel
{
	width: 49%;
	border:1px solid #ddd !important;
}

.rvh
{
	margin: 25px 0;
	margin-bottom:15px;
}

.rvh_section label
{
        min-width:75px;
        margin-top:5px;
}

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

.rvh_section td.delete
{
        cursor: pointer;
}

.rvh_section td.delete:hover i
{
	color:#006699;
}

.rvh_section .popover
{
	min-width:200px;
}

.rvh_section label
{
	cursor: pointer;
}

.rvh_section .item_status .green.unchecked i:hover
{
	color:#efefef !important;
}

.popover .popclose {
    border: 1px solid #efefef !important;
    margin-bottom: 10px;
    width: 49%;
    float: right;
}

.popover input, .popover select, .popover textarea 
{
    	margin-bottom: 10px;
}

.rvh_section td.details .popover
{
        min-width:450px !important;
}

.rvh_details, .rvh_notes
{
	cursor: pointer;
}

.add_notes
{
	color:#0088cc;
	font-style: italic;
	border-bottom: dashed 1px #0088cc;
}

.itemnotes.popover, .privnotes.popover
{
	width:auto;
	max-width:none;
}

.itemnotes.popover .buttons, .privnotes.popover .buttons
{
	position: absolute;
    	top: 4px;
    	right: 15px;
}

.itemnotes.popover .buttons .btn, .privnotes.popover .buttons .btn
{
	width: 70px;
}

.itemnotes.popover .buttons .btn:not(:last-child), .privnotes.popover .buttons .btn:not(:last-child)
{
	margin-right:5px;
}

.itemnotes.popover .btn.closepop, .privnotes.popover .btn.closepop
{
	background:#ddd;
}

.itemnotes.popover textarea
{
	padding-right:10px;
}

.itemnotes i.clearnote, .privnotes i.clearnote
{
	position: absolute;
	color:#efefef;
	background:#ddd;
	border-radius:150%;
	opacity: 0.8;
	right: 20px;
	padding: 1px 2px;
	top:50%;
	cursor: pointer;
}

.itemnotes i.clearnote:hover, .privnotes i.clearnote:hover
{
        color:#fff;
        background:#ccc;
}

.popover.itemnotes textarea, .popover.privnotes textarea
{
	width:500px;
}

ul.typeahead
{
	margin-left:0px;
	padding-left:0px;
	background:#fff;
	width:500px;
	position: absolute;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.2);
	display: none;
}

ul.typeahead li
{
	padding-left:10px;
	padding-top:10px;
	//border-top:1px solid #ddd;
	font-size:13px;
	padding: 3px 20px;
	cursor:pointer;
}

ul.typeahead li.wrap
{
	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
	margin-bottom:0px;
}

ul.typeahead li:first-child
{
	border-top:none;
}

ul.typeahead li.active
{
	color: #fff;
    	background-color: #0081c2;
}

a.recommendation
{
	color: #0088cc;
	border-bottom: dashed 1px #0088cc;
}

a.recommendation.emptytext:after
{
	content: "Add notes";
	color: #0088cc;
    	font-style: italic;
    	border-bottom: dashed 1px #0088cc;
}

a.recommendation.edittext:after
{
        content: "Edit notes";
        color: #0088cc;
        font-style: italic;
        border-bottom: dashed 1px #0088cc;
}

span.private_notes
{
	border-right: 1px solid #aaa;
	margin-right: 10px;
        padding-right: 5px;
}

span.private_notes.shownote
{
	border-right:none;
	display: block;
	  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

span.private_notes i
{
	cursor: pointer;
}

span.private_notes i:hover
{
	color:#006699;
}

span.private_notes i.active
{
	font-weight:bold;
	color:#006699;
	//color:#e85f60;
}

span.private_notes.shownote i.active
{
	color:#555;
	font-weight:normal;
}

span.private_notes.shownote i
{
        margin-right:0px;
        padding-right:0px;
}

.popover i.fa-eye-slash
{
	border-right:none;
	margin-right:5px;
	padding-right:0px;
}


span.private_notes .notes
{
        display: none;
}

span.private_notes.shownote .notes
{
	display: inline-block;
}

.card span.add_private_notes 
{
    	display: inline-block;
    	padding-bottom: 15px;
	cursor: pointer;
	border-right:0px;
}

.card span.add_private_notes i.active
{
	color:#555;
}

.card span.add_private_notes.emptytext:after
{
	content: "Click here to add private notes";
	cursor: pointer;
}

.card span.add_private_notes .notes
{
	display: inline-block;
	color:#555;
}

span.customer_notes
{
	width:90%;
	display: inline-block;
}

span.customer_notes.shownote
{
	width: 100%;
}


body.modal-open {
    position: absolute !important;
}

.browser.privatenotes .icell
{
	border-top:0px;
}

span.inspec_name
{
	font-weight:bold;
}

.browser div.vv
{
	display:inline-block;
}

.browser div.vv .vv_note
{
	display: inline-block;
    	padding: 0px 5px;
    	border: 1px solid #efefef;
    	border-radius: 4px;
    	margin-right: 5px;
	cursor:pointer;
}

.browser span.add_private_notes
{
	font-style: italic;
    	font-size: 12px;
    	display: inline-block;
	padding:1px 2px;
	border:1px solid #efefef;
	border-radius:4px;
	line-height:1.5em;
	cursor: pointer;
}

.browser div.vv .vv_note:hover, .browser span.add_private_notes:hover
{
	border:1px solid #006699;
	color:#006699;
}

@media(min-width:1300px) {
	.ov-card p.category {
		font-size:12pt;
		text-transform: uppercase;
	}
}

@media(max-width: 1100px) {
        .veh-info-striped .veh-info-name {
            width: 20%;
        }
        .container {
            width: 98%;
        }
	.verticalbar {
		left: -40px;
	}
	
	.fixed .bar .btn {
		font-size:12pt;
	}
	.vehicle_info .details .veh-info-name, .vehicle_info .details .veh-info-value {
		font-size:12pt;
	}
	.veh-info-value.tags {
		font-size:12pt;
	}

	.label-report {
		font-size:11pt;
	}
	
	.btn.email, .btn.text, .btn.pdf {
		font-size:12pt;
	}
	.tire_section_toggle {
		font-size:15pt;
		font-weight:bold;
	}
	
	.tire_section, .tire_section .form-control {
		font-size:12pt;
	}
	
	.icell.status_header {
                width:17%;
        }
	.attachment.video .upload_percentage {
                top: 35%;
        }
	
	.attaachment.image .upload_percentage {
                top: 33%;
        }
	
	.browser span.add_private_notes, .browser div.vv .vv_note
        {
                font-size:10pt;
                line-height:1.8em
	}
}

@media(max-width: 900px) {
	.container {
		width:	100% !important;
	}
	.isheet {
        	padding:0px;
		border:none;
	}
	.irow.browser {
		display: none;
	}
	.irow.tablet {
		display: table-row;
	}
	.isheet.fixed {
		margin-top:61px !important;
		padding-right:10px;
	}
	.isheet.fixed .section {
	        margin-left: 7px !important;
	}
	.isheet.fixed button {
        	font-size:11pt;
	}
	.verticalbar {
		display:none;
	}
	.browser {
                display:none;
        }
        .veh-info-striped .veh-info-name {
            width: 25%;
        }
	.ace-thumbnails img.marked {
	    height: 75px;
	    width: 75px;
	    position: absolute;
	    top: 40px;
	    left: 40px;
	    background: none;
	    cursor: pointer;
	}
	.video_playlist {
        	display:none;
	}
	
	.tire_section_toggle {
		font-size:16pt;
		font-weight:bold;
	}
	.tablet .title {
		font-size:15pt !important;
	}
	.item_notes .popover
	{
	        width:auto;
        	z-index:10000;
	}
	
	.item_notes .popover div.control-group, .item_notes .popover div.editable-input
	{
        	width:auto !important;
	}
	.item_notes .popover input
	{
        	width:auto !important;
	}
	.item_notes .popover .twitter-typeahead
	{
 	       width:auto !important;
	}
	.popover.itemnotes textarea, ul.typeahead
	{
        	width:300px;
	}

	.popover.itemnotes textarea, .popover.privnotes textarea {
        	width: 300px;
	}
}

@media(max-width: 500px) {
.video_playlist {
	display:none;
}
.sheet_icon.fa-exclamation {
	display: none;
}

.sheet_icon {
	margin-top:10px;
}

.tire img {
	display:none;
}

.tire_tag, .tire .tireattachment {
	position: relative !important;
	display: block;
	left:0% !important;
	z-index:0 !important;
	margin:0 auto;
	margin-top:8px;
	padding:4px;
}

.tireattachment .fa-camera {
	position:relative;
	display:block;
}

.fixed .bar .section {
	display:none;
}

.isheet .bar {
        padding:2px 4px;
}

select.bgred {
	background:red !important;
	color:#fff;
}

select.bgorange {
	background:orange !important;
        color:#fff;
}

.vehicle_picture .tools, .carousel-indicators {
    z-index: 1 !important;
}

.editable-empty {
        color: #0088cc;
        font-style:italic !important;
        border-bottom: dashed 1px #0088cc !important;
}

select {
    width: 70%;
    margin-top: 5px;
}

.fixed .bar .btn {
    font-size: 12pt;
        padding:3px;
}

.tablet .attachment .upload_percentage {
    left: 22% !important;
}

.item_notes .popover
{
        width:auto;
        z-index:1;
}

.popover.itemnotes textarea, ul.typeahead
{
	width:300px;
}

.popover.itemnotes textarea, .popover.privnotes textarea {
    	width: 300px;
}

table.dvisheets td.large
{
	display: none;
}

}

.sms_note {
	font-style: italic;
    font-size: 12px;
    display: block;
}

.item_status .btn i {
    color: #efefef;
    font-size: 19pt;
    font-weight: 900;
}

.fa-check-square-o:before {
    content: "\f14a";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.timer.start
{
	width:100%;
	border-color:#006699;
	background:#fff;
}

.ct
{
	text-align:center;	
}

.timertools .completed, .timertools span.technician
{	
	font-size:10pt;
	display:block;
	text-align:center;
}

.tools button.completed
{
	width:100%;
}

button.start {
    color: #006699;
    border: 1px solid #ddd !important;
    background: #fff;
    margin: 0 auto;
    width: 100%;
}

button.completed
{
	width:100%;
}

span.parts_labor
{
	display:block;
}

span.parts_labor span
{
	font-size:9pt;
	cursor:pointer;
}

i.fa-atme-video:after
{
        content: "\f03d";
        color:#999;
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 9pt;
    position: absolute;
    margin-left: 2px;
    margin-top: -3px;
    vertical-align: middle;
}

i.fa
{
	font-weight:300;
}