@charset "UTF-8";
/* CSS Document */
/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
  background: #fff !important;
}

.bg-dark {
	background-color: #2267EC !important;
}

.navbar {
    box-shadow: 0px 6px 9px #2267EC80;
	z-index: 2 !important;
}

.display-3 {
	font-size: 2.25rem !important;
	font-weight: 400 !important;
	color: #383838 !important;
}

.display-2 {
	font-size: 1.625rem !important;
	font-weight: 300 !important;
	color: #383838 !important;
}

p {
	color: #383838 !important;
	font-weight: 300 !important;
	line-height: 1.375rem !important;
}


.step-preheader {
	text-tranform: uppercase;
	color: #2267EC !important;
	font-size: 1rem;
}

.hover:hover {background: #ccf2f6; border-radius: 5px; opacity: 0.6;}

#myDIV, .checkbox-answer {display: none;}

#myDIV {
margin-top:-20px; border: 3px solid #7AF4B2;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px; padding-bottom: 20px;
}

.card {
	/*box-shadow: 0px 6px 28px 0px rgba(34, 103, 236, 0.15);
	-webkit-box-shadow: 0px 6px 28px 0px rgba(34, 103, 236, 0.15);*/
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.05);
	border: 1px solid #f1f1f1;
	margin: 1rem 0 !important;
	border-radius: 5px !important;
	/*background-image: url("../img/waves.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;*/
}

.card-footer {
	border-bottom-left-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

.efile-card {background: #6200EE!important;}

.custom-file-control:invalid, .form-control:invalid {
    background-image: linear-gradient(0deg,#2267EC 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0) !important;
}

hr {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    border: 0;
    border-top: 0px solid rgba(0,0,0,.1) !important;
}

.btn-raised {
	padding: 1.15rem 3rem !important;
	background: #2267EC !important;
	border-color: #2267EC !important;
	color: #fff !important;
	box-shadow: 0px 6px 28px 0px rgba(34, 103, 236, 0.50) !important;
	-webkit-box-shadow: 0px 6px 28px 0px rgba(34, 103, 236, 0.50) !important;
}

.btn-add {
	border-radius: 20rem!important;
    background: #EAEAEA !important;
    padding: 1rem 0rem !important;
    width: 100% !important;
    max-width: 250px !important;
    box-shadow: none !important;
    color: #2267EC !important;
}

.btn-dashboard-outlined {
	border-radius: 20rem!important;
    background: #EAEAEA !important;
    padding: 1rem 0rem !important;
    width: 100% !important;
    max-width: 250px !important;
    box-shadow: none !important;
    color: #2267EC !important;
	border: 1px solid #2267EC !important;
}

.btn-efile {
	border-radius: 20rem!important;
    background: #FFCE00 !important;
    padding: 1rem 0rem !important;
    width: 100% !important;
    max-width: 250px !important;
    box-shadow: none !important;
    color: #6200EE !important;
}

.btn {
	color: #2267EC;
	border-radius: .25rem;
}

.btn.btn-primary {
    color: #2267EC !important;
    border: 1px solid #2267EC !important;
}

a.tooltip-icon {
	line-height: 1.5rem;
    max-height: 1.5rem;
    min-width: 1.5rem;
    text-align: center;
    background: #666;
    color: #fff;
    display: inline-block;
    border-radius: 200px;
    cursor: pointer;
    margin: 10px;
    text-decoration: none;
	font-family: 'Roboto Slab' !important;
}

.bs-stepper-content {
	padding: 0px !important;
}

.bs-stepper-header {
	border-bottom: 1px solid #E0E0E0 !important;
	padding-top: 2.5rem !important;
}

.jumbotron {background: #fff !important;}

.bs-stepper .step-trigger:hover {background-color: none !important;}
.bs-stepper .step-trigger {
	font-weight: 400 !important;
}

.form-control.is-invalid, .is-invalid.custom-file-control, .was-validated .custom-file-control:invalid, .was-validated .form-control:invalid {
	border-bottom: 1px solid red !important;
	background-image: none !important;
}

.form-control.is-valid, .is-valid.custom-file-control, .was-validated .custom-file-control:valid, .was-validated .form-control:valid {
		border-bottom: 1px solid grey !important;
}

select.form-control, .is-focused select.form-control, .is-filled select.form-control {
	padding-right: calc(1.5em + .875rem) !important;
    background-image: url("../img/select-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: 100% calc(.375em + .21875rem) !important;
    background-size: calc(.75em + .4375rem) calc(.75em + .4375rem) !important;
	border-bottom: 1px solid grey;
}

input#VIN {
	font-family: 'Roboto Mono', monospace !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
}

.input_icon {
	position:absolute; 
	right: 0; 
	top: 0;
	height: 60px;
	padding: 10px;
}

.custom-file-control:disabled, .custom-file-control[disabled], .disabled.custom-file-control, .form-control.disabled, .form-control:disabled, .form-control[disabled], fieldset[disabled][disabled] .custom-file-control, fieldset[disabled][disabled] .form-control {
    border-radius: 3px !important;
    padding: 0 10px !important;
}

.custom-file-control:disabled, .custom-file-control[readonly], .form-control:disabled, .form-control[readonly] {
    background-color: #f5f5f5 !important;
}

.update_card {
	background: #DCECF7 !important;
	box-shadow: 0px 6px 28px 0px rgba(34, 103, 236, 0.15) !important;
	-webkit-box-shadow: 0px 6px 28px 0px rgba(34, 103, 236, 0.15) !important;
}

.update_card #fleetcard_edit {display: none;}

.fleet_select {
	background-image: url("../img/blue-checkmark.png") !important;
    background-position: 20px center !important;
    background-repeat: no-repeat !important;
	background-size: 50px !important;
}

.fleet_highlight {
	background-color: #ccf2f6 !important;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.05) !important;
	background-image: url("../img/green-checkmark.png") !important;
    background-position: 20px center;
    background-repeat: no-repeat !important;
	background-size: 50px !important;
}

.fleet_highlight .custom-file-control:disabled, .fleet_highlight .custom-file-control[readonly], .fleet_highlight .form-control:disabled, .fleet_highlight .form-control[readonly] {
    background-color: transparent !important;
}

.fleet {background: none; border-radius: 5px !important;}

img.title-icon {width:100%; max-width: 65px;}

.cursor {cursor: pointer;}

.passed .bs-stepper-circle {
    background-image: url(../img/white-checkmark.png);
	background-color: #007bff;
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat;
}

.parallax {
  /* The image used */
  background-image: url("../img/main-hero-bg.jpg");

  /* Set a specific height */
  min-height: 150px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-table {max-width: 1.5rem !important; height: auto;}

.note-icon {max-width: 30px;}

.table > tbody > tr > td, .table > tbody > tr > th {
     vertical-align: middle;
}

.card-container {
	padding-top:25px; z-index:1!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	    border-color: #2267EC !important;
		border-width: 3px !important;
}

.nav-tabs .nav-link {border-bottom: 1px solid rgba(0,0,0,.26)!important;}

.bmd-form-group .bmd-label-static, .bmd-form-group.is-filled .bmd-label-floating, .bmd-form-group .is-filled .bmd-label-floating, .bmd-form-group.is-focused .bmd-label-floating, .bmd-form-group .is-focused .bmd-label-floating {
    top: .75rem !important;
    font-size: .85rem !important;
}

[class*=" bmd-label"], [class^=bmd-label] {
    color: rgba(0,0,0,.46) !important;
}

.bmd-form-group .bmd-help {
    font-size: .85rem !important;
}

.invalid-feedback {
	font-size: 90% !important;
}

@media (max-width: 768px) {
	.fleet_highlight, .fleet_select {background-position: center 20px !important;}
	.card-container {padding-top:20px !important;}
}

@media (min-width: 576px) {
	.jumbotron {
    padding: 1.75rem !important;
}
}

@media (max-width: 576px) {
	.bs-stepper .step-trigger {font-size:0.75rem !important;}
	.bs-stepper-label {margin:0px !important;}
	.fleet .bmd-form-group {padding-top: 1.2rem !important;}
	.fleet .bmd-form-group .bmd-label-static {top: 0rem !important;}
	.fleet .form-group {margin-bottom: 0.5rem !important;}
	.fleet .bmd-form-group .checkbox label, .fleet .bmd-form-group .radio label, .fleet .bmd-form-group .switch label, .fleet .bmd-form-group label.checkbox-inline, .fleet .bmd-form-group label.radio-inline {line-height: 1 !important;}
	.display-3 {font-size: 2rem !important;}
	.display-2 {font-size: 1.5rem !important;}
}

@media (max-width: 520px) {
.bs-stepper .step-trigger {padding:0px !important}
.bs-stepper-header {margin:0px !important}
}