body{font-family: 'Montserrat', sans-serif;overflow-x: hidden;font-size: 16px;line-height: 20px;color: #333;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(212,212,212,1) 100%); height: 100vh;background-attachment: fixed; padding-bottom: 30px !important;}
html {font-family: 'Montserrat', sans-serif;}     
button, input, optgroup, select, textarea{font-family: 'Montserrat', sans-serif;}
h1, h2, h3{font-family: 'Montserrat', sans-serif;}
a{color: #111;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
a:hover {color: #1b3665;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all
 0.3s ease-in; opacity:0.8;}

.link_blue{color: #0c80fe !important; text-decoration: underline !important; cursor: pointer;}

.btn{font-size:16px;text-transform: uppercase;text-decoration: none !important; text-transform: uppercase;-webkit-filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));
filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));}
.btn:hover, .btn a:hover{text-decoration: none !important;}
.btn .fa{font-size:20px;}
 
/*.home_page{height: 100vh;display: flex;align-items: center;justify-content: center;}*/
.home_page{margin-top: 100px;}
.home_page .overlay{background:rgba(0,0,0,0.5);}
.home_page h1{font-size:42px;}
.has-search .form-control{padding-left: 36px;border: solid 1px #c8c8c8; background:#fff; color:#333;border-radius: 12px;}
.has-search .form-control-feedback {position: absolute;z-index: 2;display: block;width: 2.375rem;height: 2.375rem;line-height: 2.375rem;text-align: center;pointer-events: none;color: #aaa;}
.has-search .form-control:focus{border: solid 1px #c8c8c8;}
.home_page .fa{font-size:22px;}
.form-control:focus{outline:0;border: none;box-shadow: none;}

.header_bg{background:rgba(15, 58, 100, 0.9); padding:15px;}
.box_bg{background:rgba(27,54,101,1); padding:15px;width: 100%;display: table;}
.box_bg .border-bottom{border-bottom:2px solid #fff !important;}
.box_bg a{color: #fff;}
.box_bg a:hover{color: #72c6f9;}
.box_bg .form-control{background:transparent; border:none; color:#fff;}
.box_bg select.form-control{background:transparent; border:none; color:#fff;}
.box_bg select.form-control option{color:#000;}
.box_bg .form-control::placeholder {color: #93c8e8;opacity: 1;}
.box_bg .form-control:-ms-input-placeholder {color: #93c8e8;}
.box_bg .form-control::-ms-input-placeholder {color: #93c8e8;}

/*Vehicle Image Placeholder */
.profile_img{
  max-width: 100%;
  height: auto;
  /*max-height: 150px;*/
  width: auto\9; /* ie8 */
  border-radius: 2%;
}

/*Go to Top*/
#goto_top{z-index: 999;display: none;position: fixed;right: 10px;bottom: 10px;width: 40px;height: 40px;border: none;text-align: center; background:#b70001;color: #fff;line-height: 40px;}
#goto_top:hover{background:#920001;}

.custom-switch .custom-control-label::before {width: 38px;border-radius: 100px !important;height: 26px;top: 3px;background: #fff;}
.custom-switch .custom-control-label::after {width: calc(24px - 4px);height: calc(24px - 4px); border-radius:50%;}

/*Radio buttons on Add Car Page  */
.custom-control-input:checked ~ .custom-control-label::before {border: solid 1px #fff;background-color: #06d226;}
.custom-control-input.red:checked ~ .custom-control-label.red::before {border: solid 1px #fff;background-color: #f00;}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: none;
}
.round {position: relative;}
.round label {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 28px;left: 0;position: absolute;top: 5px;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;}

.text_break{text-decoration: line-through;}

.radio_custom ul{margin:0px; padding:0px;}
.radio_custom ul li{
color: #fff;
display: block;
position: relative;
float: left;
width: 100%;
border-bottom: solid 1px #4f7ca8;
height: 50px
}

.radio_custom ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.radio_custom ul li label{
display: block;
position: relative;
font-size: 18px;
padding: 10px 0 10px 60px;
margin: 0px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}

.radio_custom ul li:hover label{
	color: #FFFFFF;
}

.radio_custom ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #fff;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 10px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.radio_custom ul li:hover .check {
  border: 5px solid #FFFFFF;
}

.radio_custom ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 10px;
width: 10px;
top: 3px;
left: 3px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}
.radio_custom input[type=radio]:checked ~ .check {
  border: 5px solid #0DFF92;
}
.radio_custom input[type=radio]:checked ~ .check::before{
  background: #0DFF92;
}.radio_custom input[type=radio]:checked ~ label{
  color: #0DFF92;
}

/*Side Menu*/
.side_menu{width: 100%; padding: 0px; margin: 0px; display:none; position: relative;}
.side_menu .navbar-collapse {background: #1b3665;position: absolute;z-index: 99;width: calc(100% - 30px);left: 15px;padding: 0 15px 15px 15px;box-sizing: border-box;top: 0px;}
.side_menu .navbar-nav{width: 95%; display: block;margin: 0px;position: relative;z-index: 99;padding: 10px 0;}
.side_menu .navbar-nav .nav-item{margin-bottom: 5px;}
.side_menu .navbar-nav .nav-link{background: #f4f4f4;border-radius: 2px; font-size: 14px; color: #1b3665; font-weight: 600; padding: 7px 20px 7px 10px;min-height: 34px; position: relative;align-items: center !important; display:flex;}
.side_menu .navbar-nav .nav-link:after{font-family: 'FontAwesome'; content: "\f105";position: absolute;right: 10px;font-size: 22px;transform: translateY(-50%);top: 50%;}
.side_menu .navbar-nav .nav-item:hover .nav-link, .side_menu .navbar-nav .nav-item.active .nav-link{background: #0783ce;color: #fff;}
.side_menu .navbar-nav .nav-item .icon{width: 20px;height: 20px;display: inline-block;margin: 0 5px 0 0; padding: 0; background: url(../images/menu_icon.png) no-repeat 0 0;transform: translateY(-50%);top: 50%;left:10px;position: absolute;}
.side_menu .navbar-nav .nav-item .nav-link .icon.faq{background-position: 0 0;}
.side_menu .navbar-nav .nav-item:hover .nav-link .icon.faq, .side_menu .navbar-nav .nav-item.active .nav-link .icon.faq{background-position: -20px 0;}
.navbar-toggler:focus, .navbar-toggler:hover {text-decoration: none;outline: 0;}
.side_menu .navbar-collapse{background: transparent;position: relative;top: 0;padding: 0;max-height: 100%;overflow-y: inherit; z-index: 1;}
.side_menu .navbar-toggler{color: #046187;border: none;font-size: 28px;position: absolute;top: 0;right: 0;}
.side_menu{display: block;display: block;position: absolute;left: 0;right: 0;top: 48px;margin: auto;z-index: 99;background: #1b3665;width: 92%;max-width: 571px;}
.benu_bar_icon{position: absolute;right: 22px;top: 12px;}
.fl-right{float:right;}
.fl-left{float:left;}
.container__input:not(:placeholder-shown) + .container__label {
    color:#69b1db;
    transform: translate(0, -10%);
    opacity: 1;
}

.container__label {
    /* Position the label */
    left: 8px;
    position: absolute;
    top: 0;

    /* Hide it by default */
    opacity: 0;
    transition: all 200ms;
}

.container__input_register:not(:placeholder-shown) + .container__label_register {
    color:#69b1db;
    transform: translate(0, -40%);
    opacity: 1;
    margin-left: 18px;
}

.container__label_register {
    /* Position the label */
    left: 8px;
    position: absolute;
    top: 0;

    /* Hide it by default */
    opacity: 0;
    transition: all 200ms;
}

.top_header{border-radius: 0px 0px 6px 6px !important;}
.top_header .logo{max-height: 37px; max-width: 100%;}
.rounded {border-radius:6px !important;}

/*Non-selected radio button on Add Car page  */
.custom-control-label::before {
  left: -1.7rem; 
  top: 2px;
  width: 18px;
  height: 18px;
  background-color: transparent; /*Bckgrd of non-selected button  */
  border: #fff solid 2px;      /*White border of non-selected button */
  border-radius: 50% !important;
}

/*Radio button on Add Car page  */
.custom-control-label::after {
  top: 5px;
  left: -1.7rem; 
  width: 18px;
  height: 18px;
}
.add_car .custom-control-label::before {
  border-radius: 100px !important;
}
/* Vital Specs button - Status Page */
.btn-info{
  background-color: rgb(134, 223, 250);
  filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
  border-radius: 10px;
  color: #000;
  font-size: 16px;
}
.btn-success .fa{vertical-align: middle;}
/* End Vital Specs button - Status Page */

/* Activity button - Status Page */
.btn-success{
  background-color: rgb(8, 175, 22);
  filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
  border-radius: 10px;
  color: #000;
  font-size: 16px;
}
.btn-success .fa{vertical-align: middle;}
/* End Activity button - Status Page */

/* Reminder button - Status Page */
.btn-warning{
background: rgba(255,204,0,1);
/*-webkit-filter: drop-shadow(0px 1px 1px rgba(0,0,2,0.5));*/
filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
border-radius: 10px;
color: #000;
font-size: 16px;
}
.btn-warning .fa{vertical-align: middle;}
/* End Reminder button - Status Page */

/* Issues button - Status Page */
.btn-danger{
  background-color: rgb(220, 20, 20);
  filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));
  border-radius: 10px;
  color: #000;
  font-size: 16px;
}
.btn-danger .fa{vertical-align: middle;}
/* End Issues button - Status Page */

.btn_gray{
background: #e2e2e2;
border-radius: 8px;
-webkit-filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));
filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));
color: #777;
font-size: 16px;
text-transform: capitalize;
}
.btn_gray .fa{vertical-align: middle;color: #000;}


input:focus{box-shadow: none; outline: none;}

.login_page .custom-control-label::before {border-radius: 0 !important;}
.login_page .custom-control-label::after {top: 1px;}