/**General Styling**/
.loader {
  border: 10px solid #f3f3f3; /* Light grey */
  border-top: 10px solid #0d6efd; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

nav, footer{
  background-color: #0b0e41 !important;
}

main{
  background-color: #dee2e6;
  max-width: 1400px;
  padding-top: 2em;
  padding-bottom: 2em;

}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px;
  left: 0;
  right: 0;
  text-align: center;
  align-items: center;
  line-height: 30px;
  
}

img {
  object-fit: contain;
}

footer a{
  text-decoration:none; 
  color:inherit;
}

footer a:hover{
  color:#90e093;
}

body {
  background-color: #dee2e6;
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.container-fluid .card{
  background-color: #dee2e6;
}


.border-light {
  border-color: lightgray !important;
}

.summary-card{
  min-height: 46px;
  justify-content: center;
}

#home_logo:before{
  width: 0;
  height: 0;
  visibility: hidden;
  content: url('/images/Icons/Home_Hover.png');
}

#home_logo:hover{
  content: url('/images/Icons/Home_Hover.png');
}

#about_logo:before{
  width: 0;
  height: 0;
  visibility: hidden;
  content: url('/images/Icons/Info_Hover.png');
}

#about_logo:hover{
  content: url('/images/Icons/Info_Hover.png');
}

#account_logo::before{
  width: 0;
  height: 0;
  visibility: hidden;
  content: url('/images/Icons/Account_Hover.png');
}

#account_logo:hover{
  content: url('/images/Icons/Account_Hover.png');
}

.btn-primary:hover{
  background-color: #084298;
}

#welcome_text_mobile{
  display: none;
}

/**Media query for desktop**/
@media (max-width: 1399.98px) {
  #welcome_text_mobile{
    display: none;
  }

  body {
    padding: 50px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  }
  
  
  .container-fluid h3{
    margin: 0;
  }
  
  
  
  img {
    object-fit: contain;
  }

  /*
  main.container-fluid{
    padding-right: calc(var(--bs-gutter-x) * 2.5);
    padding-left: calc(var(--bs-gutter-x) * 2.5);
  }
  */

  #home_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Home_Hover.png');
  }

  #home_logo:hover{
    content: url('/images/Icons/Home_Hover.png');
  }
  
  #about_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Info_Hover.png');
  }

  #about_logo:hover{
    content: url('/images/Icons/Info_Hover.png');
  }
  
  #account_logo::before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Account_Hover.png');
  }

  #account_logo:hover{
    content: url('/images/Icons/Account_Hover.png');
  }
}

@media (max-width: 1199.98px) {
  body{
    padding: 20px;
}

  #welcome_text_mobile{
    display: none;
  }

  #home_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Home_Hover.png');
  }

  #home_logo:hover{
    content: url('/images/Icons/Home_Hover.png');
  }
  
  #about_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Info_Hover.png');
  }

  #about_logo:hover{
    content: url('/images/Icons/Info_Hover.png');
  }
  
  #account_logo::before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Account_Hover.png');
  }

  #account_logo:hover{
    content: url('/images/Icons/Account_Hover.png');
  }
}

@media (max-width: 991.98px) { 
  body{
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

  #welcome_text_mobile{
    display: none;
  }

  #home_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Home_Hover.png');
  }

  #home_logo:hover{
    content: url('/images/Icons/Home_Hover.png');
  }
  
  #about_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Info_Hover.png');
  }

  #about_logo:hover{
    content: url('/images/Icons/Info_Hover.png');
  }
  
  #account_logo::before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Account_Hover.png');
  }

  #account_logo:hover{
    content: url('/images/Icons/Account_Hover.png');
  }
}

@media (max-width: 767.98px) {
  body{
    padding: 10px;
    padding-top: 50px;
}

  main.container-fluid{
    padding-right: calc(var(--bs-gutter-x) * 0);
    padding-left: calc(var(--bs-gutter-x) * 0);
  }

  #home_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Home_Hover.png');
  }

  #home_logo:hover{
    content: url('/images/Icons/Home_Hover.png');
  }
  
  #about_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Info_Hover.png');
  }

  #about_logo:hover{
    content: url('/images/Icons/Info_Hover.png');
  }
  
  #account_logo::before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Account_Hover.png');
  }

  #account_logo:hover{
    content: url('/images/Icons/Account_Hover.png');
  }
  
  #search_VIN_img{
    height: 50vw;
  }

  #search_license_plate_img{
    height: 50vw;
  }

  #create_spif_img{
    height: 50vw;
  }

  main{
    background-color: #dee2e6;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

  .steps{
    display: inline-block !important;
}

.mobile-stepper{
  margin-top: 1.5em;
}

#back_button{
  position: absolute;
  top: 5%;
  right: 5%;
}

#welcome_text{
  display: none;
}

#welcome_text_mobile{
  display: block;
  font-size: 1rem;
}

nav{
  display: block !important;
}
}

/** Media query for mobile device */
@media (max-width: 575.98px) {
  body{
    padding: 10px;
    padding-top: 50px;
}

  main.container-fluid{
    padding-right: calc(var(--bs-gutter-x) * 0);
    padding-left: calc(var(--bs-gutter-x) * 0);
  }

  #home_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Home_Hover.png');
  }

  #home_logo:hover{
    content: url('/images/Icons/Home_Hover.png');
  }
  
  #about_logo:before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Info_Hover.png');
  }

  #about_logo:hover{
    content: url('/images/Icons/Info_Hover.png');
  }
  
  #account_logo::before{
    width: 0;
    height: 0;
    visibility: hidden;
    content: url('/images/Icons/Account_Hover.png');
  }

  #account_logo:hover{
    content: url('/images/Icons/Account_Hover.png');
  }
  
  #search_VIN_img{
    height: 50vw;
  }

  #search_license_plate_img{
    height: 50vw;
  }

  #create_spif_img{
    height: 50vw;
  }

  main{
    background-color: #dee2e6;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

  .steps{
    display: inline-block !important;
}

.mobile-stepper{
  margin-top: 1.5em;
}

#back_button{
  position: absolute;
  top: 5%;
  right: 5%;
}

#welcome_text{
  display: none;
}

#welcome_text_mobile{
  display: block;
  font-size: 0.9rem;
}

nav{
  display: block !important;
}


}