html
{
  scroll-behavior: smooth;
}

strong
{
  font-weight:700;
}

#new_job_table_main td, #new_job_table_main th
{
text-align:center;
}

.fixed_top
{
    background: black;
    width: 100%;
    padding: 5px;
    height: 98px;
    position: fixed;
    top: 0px;
    left: 0px;
z-index: 2;
}

.fixed_bottom
{
background: black;
    width: 100%;
    padding: 20px;
    height: 107px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    text-align: center;
    z-index: 5;
}



#thank_you
{

  display:none;
}
  .lds-hourglass {
  display: inline-block;

  width: 80px;
  height: 80px;
  
  display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  
   display:none;
  
}

.lds-hourglass:before {
content: "Updating form...(may take up to 10sec)";
    display: block;
    color: white;
    width: 300px;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;

}


.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}

#overlay
{
display:none;
position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.5);
  }


  .col-form-label {

    width:100%;
}

.form-control, select, input {

    background-color: #f5f5f5;
}



.separator
{
  border-top:1px solid black;
  margin-top:50px;
}


table td
{
  border:1px solid grey;
  padding:5px;
}



table thead
{
  text-align: center;
font-weight:600;
background:lightgrey;
}

.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #b42c89;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}


.accordion-button:not(.collapsed)::after {
    /* filter: invert(1); */
    filter: brightness(100);
}



#accordionExample
{
  margin-top:40px;
}







.red_input
{

  box-shadow: 1px 1px 4px 1px red;
}



h2, h3 {
  
    color: #b42c89;
    font-weight: 600;
        border-bottom: 1px solid black;
    padding: 5px;
}
}





.accordion-button
{
  cursor:pointer;
}


.accordion-body {
    padding: 5px;
}
ul {
  padding-left: 25px!important; 
}
@media(max-width:999px)
{

  .damage_images_wrapper img
  {

    width:100%!important;
  }

#moto_logo
{

  margin: auto!important;
    display: inline-block!important;
    width: 49%!important;
    object-fit: contain!important;
    height: auto!important;
}

#rac_logo
  {

    margin: auto!important;
    display: inline-block!important;
    width: 45%!important;
    object-fit: contain!important;
    padding-left: 17px!important;
}
  
#rac_logo
{

    margin: auto;
    display: inline-block;
    width: auto;
    height: 77px;
    position: fixed;
    bottom: -2px;
    width: 100%!important;
    left: 0px;
         background: #f85208;
    z-index: 10;
    padding: 5px;
}



#moto_logo
{
	    margin: auto;
    display: inline-block;
    width: 49%;
    object-fit: none;
    height: 90px;
    margin: auto;
    display: inline-block;
    width: auto;
    height: 77px;
    position: fixed;
    top: -2px;
    width: 100%!important;
    left: 0px;
    background: black;
    z-index: 10;
    padding: 10px;
    height: 76px!important;
}



#name_form_back, #name_form_front
{
  width:100%!important;
}



table input
{

    width: 75px;
}

#damage_image_wrapper img, #license_src, #license_src2, #rac_logo_footer
{
  width:100%!important;
  height:auto!important;
}


}

ul {
    padding-left: 10px;
}




#front,#left,#top,#right,#back,#interior
{
  width:49%;
  display:inline-block;
}

#front_return,#left_return,#top_return,#right_return,#back_return,#interior_return
{
  width:49%;
  display:inline-block;
}





@media(max-width:900px)
{
#front,#left,#top,#right,#back,#interior
{
  width:100%;
  display:block;
}

#front_return,#left_return,#top_return,#right_return,#back_return,#interior_return
{
  width:100%;
  display:block;
}


{
  width:100%;
}

#show_all
{
	margin-left: 0%!important;
	margin-right:0px;
  margin-top:50px;

}

#admin_form
{
  float:left!important;
}



#print
{
	position: absolute;
     top: 125px;
    right: 10px;
     padding-top: 0px!important;
}


#step
{
	width:100%;
}

#id
{
	    width: 160px;
}


}


table thead {
    text-align: center;
    font-weight: 600;
    background: #ef9161;
    color: white;
}



.damage_images_wrapper
{
  display:flex;
  flex-flow:row wrap;
}


.damage_images_wrapper img
{
  max-width:400px;
  padding:5px;
  cursor:zoom-in;
}





.container
{
margin-top: 50px;
    margin-bottom: 100px;
}

.main
{
margin-top: 112px;
margin-bottom: 86px;
}





#vrn
{

	    background-image: url('../reg_plate.png');
    text-transform: uppercase;
    background-size: contain;
    background-repeat: no-repeat;
    font-weight: 700;
    padding-left: 37px;
    font-size: 26px;
    background-color: white!important;
    border: none;
}