:root {
  --main-color: #32CACD;
}
/* Underline styles */
 #main a {
  display: block;
  position: relative;
}

/* Fade in */
#main a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.15em;
  background-color: var(--main-color);
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}
#main a:hover::after,
#main a:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
}

/* Slide in */
#main li a {
  overflow: hidden;
}

#main li a::after {
  opacity :1;
  transform: translate3d(-100%, 0, 0);
}

#main li a:hover::after,
#main li a:focus::after{
  transform: translate3d(0, 0, 0);
}

.links {
  display: inline-block;
}
.cascading-right {
      margin-right: -50px;
    }

    @media (max-width: 991.98px) {
      .cascading-right {
        margin-right: 0;
      }
    }

    @media (max-width: 767px) {
      section.container {
          min-height: calc(100vh - 100px); /* Adjusted height */
          margin-bottom: 0;
      }
  }

  .alert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

.footer{
  position:absolute;
  margin-bottom:0px;
  font-size: small;
}


input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none;
  margin: 0; 
}
.btn-temperatura-concreto{
width: 90px;
height: 65px;
padding: 0px!important;
}

.volumen_pedido{
background-color: #dcdee0;
}

.centrado-vertical{
display: flex;
align-items: center;
justify-content: center;
}

.materiales{
background-color: #cfe2f3;
display: flex;
align-items: center;
justify-content: center;
}

.temperatura_pedido{
background-color: #ffff00;
}

.tabla-cantidad-materiales th, .tabla-cantidad-materiales td {
border: 2px solid black;
}

.ancho-columna{
width: 12.5%;
}

.centrado{
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.remision-preview {
      font-family:Arial;
      font-size:11px;
    }
    .negrita{font-weight: bold;}
    .terminos{font-size:13px;}
    .remision{color:red;}
    .borde{border: 1px solid black;padding-left: 1em;}
    .direccion{font-size:9.5px;}


.justify-end {
  display: flex;
  justify-content: flex-end;
}