body {
  background-color: whitesmoke;
}
tfoot {
  background-color: whitesmoke;
}
.tabs .tab a {
  color: rgb(38 166 154) !important;
}
.tabs .tab a:hover, 
.tabs .tab a.active {
  color: #f44335 !important;
}
.tabs .indicator {
  background-color: #f44335 !important;
}
.tabs .tab.disabled a, 
.tabs .tab.disabled a:hover {
  color: rgb(130 204 197) !important;
}

.principal-nav,
.principal-nav .icon-nav {
  height: 50px !important;
  line-height: 50px !important;
}

.navbar-fixed {
  height: 50px !important;
}

.brand-logo {
  margin-left: 10px;
  margin-top: 5px;
}

.brand-logo span {
  position: absolute;
  font-size: 20px;
  margin-top: -5px;
  margin-left: 10px;
}

.font-300 {
  font-weight: 300;
}

.br-5 {
  border-radius: 20px;
  overflow: hidden;
}

.br-1 {
  border-radius: 5px;
  overflow: hidden;
}

.padding-bg {
  padding: 20px 0px 20px 0px;
}

.card .card-action {
  background: transparent !important;
}

.carousel-fixed-background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 750px;
  top: 0px;
  z-index: -10;
}

.carousel-fixed-background-principal {
  background-image: url(../Imagenes/tim-gouw-69753-unsplash.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: absolute;
  width: 100%;
  height: 350px;
  top: 0px;
  z-index: -10;
}

.background-image-compra {
  background-image: url(../Imagenes/working-on-laptop-72p.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.novedades-index {
  background-image: url(../Imagenes/student-849825_1920.jpg);
  background-repeat: no-repeat, repeat;
  background-position: center;
  background-size: cover;
}

.enlaces img {
  width: 200px;
}

.card-content-mini {
  padding: 5px;
}

.subtitle {
  font-size: 10px;
  color: #585858;
}


/*tablas precios*/
.table-color th, .table-color td {
  text-transform: uppercase;
}
.table-color th {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  text-align: center;
}

.table-color thead td {
  border-radius: 0px;
  text-align: center;
  background-color: white;
}

.table-color tbody td {
  border-radius: 0px;
  text-align: center;
  background-color: white;
  border-left: 1px solid #e0e0e0;
}

.table-color tfoot td {
  text-align: center;
}



.interspersed-card .full-card {
  height: 300px;
}
.interspersed-card .full-card img {
  position: absolute;
  width: 200px;
}
.interspersed-card .full-card .info {
  padding-top: 40px;
}

.emergent-chat {
  position: fixed;
  width: 300px;
  height: 400px;
  bottom: 100px;
  right: 10px;
  z-index: 1000;
}

.emergent-chat .card {
  height: 100%;
}

.emergent-chat .card .circle {
  border-radius: 0px;
}

.emergent-chat .card .card-content {
  height: 50%;
  padding:10px;
}
.emergent-chat .card .message-area {
  height: 100% !important;
  border: 1px solid #eaeaea;
}
.emergent-chat .card .message-area:focus {
  border: 1px solid #eaeaea;
  box-shadow: none;
}

.collection-list span {
  margin-top: 0px;
  position: absolute;
  margin-left: 10px;
}

.card .card-title {
  font-size: 30px;
}
.card p {
  font-size: 16px;
  font-weight: 300;
}

.card-content-mini p {
  font-size: 12px;
  font-weight: 300;
}

.mt {
  margin-top: 50px;
}
.mb {
  margin-bottom: 50px;
}

@font-face {
  font-family: stitchSchool;
  src: url(../fonts/Stitch-n-School.ttf);
}

.stitch-school {
  font-family: stitchSchool;
}

p {
  text-align: justify;
}



.object-img {
  height: 200px;
  object-fit: contain;
}


.image-pagos img {
  width: 100px;
  height: 50px;
  object-fit: contain;
}

.material-tooltip {
  max-width: 200px;
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 0.5);
  z-index: 100000;
  top: 0px;
}

.loader .preloader-wrapper{
  margin-left: 50%;
  margin-top: 20%;
  left: -18px;
}

select{
  height: 32px !important;
  margin-bottom: 10px;
}

.input-field input {
  height: 32px !important;
  border: 1px solid #ccc !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  border-radius: 5px !important;
  /*padding-left: 10px !important;*/
}
.input-field i {
  margin-top: -7px !important;
}
/*.input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .autocomplete-content {
  margin-left: 2rem !important;
}*/
.input-field.col label {
  top: -0.5rem;
}

.input-field input:focus {
  border-bottom: 1px solid #ccc !important;
  box-shadow: none !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.img-left {
  margin-left: -100px;
}











/*
* media
*/
@media only screen and (min-width: 601px) {
  .carousel-fixed-background-principal {
    height: 400px;
  }
  .img-left {
    margin-left: -60px;
  }
}
/*
* large
*/
@media only screen and (min-width: 993px) {
  .carousel-fixed-background-principal {
    height: 500px;
  }
  .img-left {
    margin-left: -30px;
  }
}
/*
* xlarge
*/
@media only screen and (min-width: 1800px) {}