/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */

.navbar-principal{
  max-height: 83vh;
}
main .container-fluid{
  margin-top: 105px;
}
#crudCotizacion{
  padding: 0 !important;
}
#crudCotizacion .modal-dialog{
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  top: auto;
  bottom: 0; margin: 0;
}
@media (max-width: 740px) {
  .full-page-intro {
    height: 1000px; } }

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 991px){
  .calculadoraMedicina{
    font-size: 10px;
  }
  main .container-fluid{
    margin-top: 80px;
  }
  .navbar-brand > img{
    height: 40px;
  } 
  .navbar-collapse br{
    display:none;
  }
  .navbar-collapse .nav-item{
    text-align: left !important;
  }
  .navbar-principal{
    overflow-y: auto;
  }
  .navbar-principal img{
    margin-right: 8px;
  }
  .navbar-barras{
    display:none;
  }
  .navbar-user{
    align-items: flex-end;
  }
  .navbar-user .dropdown-menu{
    top:auto; bottom: 100%;
  }
  .navbar-user .dropdown-item{
    padding: 3px 10px !important;
  }
  .navbar-user hr{
    margin: .2rem 0 !important;
  }
}
@media (max-width: 776px) {
  .carousel {
    height: 100%; 
  }
  
}

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  background-color: #1C2331; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; }