.bg-dark {
  color: aliceblue;
}
.bg-light {
  background-color: white;
}

.card,
.modal {
  color: black;
}

.material-icons-verticle {
  vertical-align: middle;
}

.cursor-pointer {
  cursor: pointer;
}

.thumbnail_image_small {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  margin: 10px 0;
}
.thumbnail_image_small img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#job-edit-logo {
  height: 100px;
}

.jumbotron {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.disabled-row {
  color: rgb(119, 119, 119);
  background-color: #94b1ce;
}
/* 
.container {
    margin-left: .2rem !important;
} */

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
  margin-bottom: 0.5rem;
  display: none;
}

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

.loading {
  display: none;
  margin-bottom: 2rem;
}

.ratio-16-9,
.ratio-16-10,
.ratio-square {
  display: block;
  position: relative;
  width: 80%;
  height: 0;
}

.ratio-16-9 {
  padding-top: 56.25%; /* This is your aspect-ratio */
}

.ratio-16-10 {
  padding-top: 62.5%; /* This is your aspect-ratio */
}

.ratio-square {
  padding-top: 100%; /* This is your aspect-ratio */
}

.ratio-inner {
  display: block;
  position: absolute;

  left: 0;
  top: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  height: 75%;
}

#nycap-logo,
#garage-logo,
#job-logo {
  /* position: flex; */
  /* left: 30px;
  top: 70px; */
  width: 150px;
}

#nycap-logo-landing {
  width: 220px;
  padding-left: 30px;
}
#garage-logo-embed {
  width: 220px;
}
#champs-logo {
  width: 250px;
  padding-top: 20px;
}
#and1-logo {
  width: 250px;
}

#champs-logo-m {
  width: 200px;
}
#and1-logo-m {
  width: 180px;
  padding-top: 10px;
}
#garage-logo-m {
  width: 200px;
}
.logo-thumb {
  height: 30px;
}

.reg {
  border-radius: 50px;
  /* width: 60%; */
}
.signup {
  width: 40%;
}
.toc {
  width: 100%;
  height: 100px;
}

.embed-responsive {
  width: 100%;
}
#models-by {
  padding-left: 30px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  letter-spacing: 3px;
}

#models-by-m {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  letter-spacing: 3px;
}
#nycap-logo-landing-m {
  width: 150px;
}

.ar-button {
  border-radius: 50px;
  padding-left: 60px;
  padding-right: 60px;
}

#user_form {
  display: inline-block !important;
}
#thumb {
  background-color: red;
  display: block;
}
