@font-face {
    font-family: "futura";
    src: url("./FuturaStdBook.otf");
}

* {
    font-family: "futura";
}

body {
    background: #c8d8e2;
    background-image: url("./background.jpeg");
    background-size: cover;
     overflow-y: auto;
}

body {
  overflow: auto;
  scrollbar-width: none;       /* Firefox */
}

body::-webkit-scrollbar {
  display: none;               /* Chrome, Safari, Edge */
}

/* reemplace */

.columnBlockLayout {
    background: #a08e3394;
    padding: .5rem;
    border-radius: .5vh;
    border: .1vh solid #a08e33;
    margin-bottom: 10vh;
    
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color: #a08e3394;
    color: #00253e;
  }
  
.crmEntityFormView,
.entitylist {
    background: transparent;
    color: #00253e;
    border: 1px solid transparent;
  }


.crmEntityFormView label {
    background: transparent;
    color: #00253e;
}


/* end*/
.form-control:focus  {
    box-shadow: 0 0 2px 1px #a08e33 !important;
    border: .1vh solid #a08e33;
}

.navbar {
    font-family: "futura";
}

.divider-vertical {
    display: none;
}

.container .custom-container {
    width: 100%;
}

.fa-solid {
    font-size: 50px;
    color: #001D30;
}

.nav-item {
    transition: transform 0.3s ease-in-out;
}

.nav-item:hover {
    background: transparent !important;
    background-color: transparent !important;
    transform: scale(1.2);
  
}

.nav-item a {
    background: transparent;
    background-color: transparent;
}



/*imformation*/

.text-danger {
    color: #aa182c;
}


/*footer*/

.footer-bottom {
    background:  #001D30;
    height: 40px !important;

}

.footer {
    background:  #001D30;
    font-size: 8px;
}


.nav-item .weblink {
    padding: 0 !important;
} 


@media (max-width: 768px) { /* Solo afecta a móviles */
    .mb-custom {
      margin-bottom: 150px; /* Ajusta según lo que necesites */
    }
  }

  @media (max-width: 768px) { /* Solo en móviles */
    .footer {
      height: 20px; /* Altura fija */
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      overflow: hidden;
      font-size: 8px; /* Texto pequeño */
    }
  
    .footer small {
      font-size: 10px; /* Texto más pequeño en móvil */
    }
  }
  
  @media (min-width: 769px) { /* Solo en escritorio */
    .footer {
      height: auto;
      padding: 2px 0;
      font-size: 10px; /* Texto más grande en escritorio */
    }
  
    .footer small {
      font-size: 10px; /* Ajusta el tamaño para que sea más visible en escritorio */
    }
  }