html,
body,
.frame-picture {
  height: 100%;
}

body{
  background-color: #eee;
}

.navbar-nav .nav-item .nav-link {
  font-size: .8em;
}

.frame-picture {
  height: 75%;
}

.estilo-header {
  height: 130px
}

/* Adjustment for mobile devices*/
@media (min-width: 992px) and (max-width: 1200px) {
  .navbar-nav .nav-item .nav-link {
    font-size: .7em;
  }
}
@media (min-width: 776px) and (max-width: 992px) {
  .estilo-header {
    height: 90px;
  }
}

@media (max-width: 776px) {
  .frame-picture {
    height: 100%; 
  }
  .estilo-header {
    height: 60px;
  }
}

.carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.estilo-card {
  height: 500px;
}
.estilo-card2 {
  height: 238px;
}

@media (max-width: 992px) {
  .estilo-card {
    height: 250px;
  }
  .estilo-card2 {
    height: 250px;
  }
}

.inherited-link {
	color: inherit;
}
.inherited-link:hover{
	color: inherit;
}

.hoverable-link-green {
  color: #00C851;
}
.hoverable-link-green:hover{
  color: #007E33;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../font/gilroy/Gilroy-ExtraBold.otf');
}

.media {
  display: initial;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #00695c;
    background-color: #2BBBAD;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #00695c;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #00695c;
    border-top: none;
}

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Style the tab */
.tab-schedule {
    border: 1px solid #ffbb33;
    background-color: #FF8800;
}

/* Create an active/current tablink class */
.tab-schedule button.active {
    background-color: #FF8800;
}

/* Style the tab content */
.tabcontent-schedule {
    border: 1px solid #ffbb33;
}

#calendarIcon {
  position: relative;
  z-index: 1;
  left: -25px;
  top: 5px;
  color: #000;
  cursor: pointer;
  width: 0;
}