html {
  scroll-behavior: smooth;
}
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
footer{
	text-align: center;
	padding-top: 10px;
	color: #1b6b30;
  background-color: #fedb03;
  font-weight: bold;
}

footer a{
	color: #1b6b30;
}

footer a:hover{
	color: #29ab4b;
}

footer h5{
  letter-spacing:2px;
  color: #1b6b30;
}

/*--------------------------------------------------------------
Botones y fondos
--------------------------------------------------------------*/
.btn-success:hover{
  background-color: #1b6b30;
}

.btn-outline-dark:hover{
  background-color: #1b6b30;
}

.fondo_blanco{
  background-color: rgb(255, 255, 255, 0.8) !important;
}

.fondo_blanco_tabla{
  background-color: rgb(255, 255, 255, 0.9) !important;
}

.page-link, .page-link:hover{
  color: #28a745;
}
.page-item.active .page-link{
  background-color: #28a745;
  border-color: green;
}

/*--------------------------------------------------------------
NAVBAR
--------------------------------------------------------------*/
#mi_navbar{
  background-color: #fedb03;
}

#mi_navbar a{
  color: #1b6b30;
  font-weight: bold;
}

.dropdown-menu{
  background-color: #ffe961;
  text-decoration: none !important;
}

.dropdown-item:hover{
  background-color: #ffee85;
}

.nav_activo{
  text-decoration: underline;
  text-decoration-thickness: 3px;
}

/*------------FONDO--------------*/
#container_tabla{
	background-image: url('/assets/img/fondos/verde1.jpg');
	background-size: cover;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*------------TABLAS--------------*/
.table-responsive{
	background-color: white;
	padding: 30px;
}

/*--------------------------------------------------------------
WHATSAPP
--------------------------------------------------------------*/
#wpp-button{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	border-radius:50px;
	text-align:center;
    font-size:35px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

#wpp-button i{
	padding-top: 12px;
}

#wpp-button a{
	color:#FFF;
}

#wpp-button a:hover{
	color:#FFF;
	font-size:37px;
}

#boton-estilo a{
	color: white;
}

/*--------------------------------------------------------------
GALERIA
--------------------------------------------------------------*/
.thumb{
    margin: 0px;
    padding: 0px;
}
   

img.zoomsm{
  width: 100%;
  height: 250px;
  object-fit:cover;
  padding: 3px;
}

img.zoommd {
  width: 100%;
  height: 300px;
  object-fit:cover;
  padding: 3px;
}

img.zoomlg{
  width: 100%;
  height: 500px;
  object-fit:cover;
  padding: 3px;
}


/*--------------------------------------------------------------
# inicio
--------------------------------------------------------------*/

#bienvenido {
  width: 100%;
  height: 80vh;
  /*background: url("/assets/img/logo.jpg") center center;
  background-size: cover;*/
  background-color: #fedb03;
  position: relative;
  padding: 0;
  color: #1b6b30;
}


#iniciocabaña {
  width: 100%;
  height: 60vh;
    background: url("/assets/img/test5.jpg") center center;
  background-size: cover;
  position: relative;
  padding: 0;
  color: white;
  font-size: 34px;
  transition: all ease-in-out 0.2s;
}

#iniciocabaña:hover{
 font-size: 40px;
 transition: all ease-in-out 0.2s;
}

#inicioguarderia{
  width: 100%;
  height: 60vh;
  background: url("/assets/img/galeria2/Comprimidos/Guarderia/14.jpg") center center;
  /*background: url("/assets/img/22222.jpg") center center;*/
  background-size: cover;
  position: relative;
  padding: 0;
  color: white;
  font-size: 34px;
  transition: all ease-in-out 0.2s;
}

#inicioguarderia:hover{
 font-size: 40px;
 transition: all ease-in-out 0.2s;
}

#iniciogaleria{
  width: 100%;
  height: 60vh;
  background: url("/assets/img/iniciogaleria.jpg") center center;
  background-size: cover;
  position: relative;
  padding: 0;
  color: white;
  font-size: 34px;
  transition: all ease-in-out 0.2s;
}

#iniciogaleria:hover{
 font-size: 40px;
 transition: all ease-in-out 0.2s;
}


/*aplica el filtro a el de cabañas*/
#iniciocabaña .container {
  z-index: 2;
}
#iniciocabaña:before {
  content: "";
  background: rgba(56, 64, 70, 0.2);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#inicioguarderia .container {
  z-index: 2;
}
#inicioguarderia:before {
  content: "";
  background: rgba(56, 64, 70, 0.2);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}



/*--------------------------------------------------------------
Cabañas
--------------------------------------------------------------*/

.infoscroll i{
  font-size: 21px;
  color:green;
}


.icono_comodidades{
  width: 35px;
  height: 35px;
}

/*--------------------------------------------------------------
Guarderia
--------------------------------------------------------------*/

.disponible {
  background: rgb(17,155,140);
  background: linear-gradient(0deg, rgba(17,155,140,1) 0%, rgba(51,231,125,1) 100%);
  color: white;
  font-family: 'Open Sans', sans-serif;
}


.ocupado {
  background: rgb(153,33,33);
  background: linear-gradient(0deg, rgba(153,33,33,1) 0%, rgba(246,164,164,1) 100%);
  color: white;
  font-family: 'Open Sans', sans-serif;
}

.cuadro-admin {
  background: rgb(255,219,0);
  background: linear-gradient(0deg, rgba(255,219,0,1) 0%, rgba(255,246,189,1) 100%);
}

.baja{
  background: rgb(85,85,85);
  background: linear-gradient(0deg, rgba(85,85,85,1) 0%, rgba(221,221,221,1) 75%);
  color: white;
  font-family: 'Open Sans', sans-serif;
}

.ok{
  font-size: 24px;
  color: #00802b;
}

.x{
  font-size: 24px; color: #ff1a1a
 }


.cuadro-guard{
  height: 200px;
  padding-top: 5px;
}


/*--------------------------------------------------------------
Fullcalendar
--------------------------------------------------------------*/
.fc{
  background-color: white;
}

.rectangle {
  height: 20px;
  width: 40px;
  background-color: #ffb3b3;
  padding: 0;
  margin: 0;
}

/*etiqueta fullcalendar*/
 .fc-event-title{
  /*font-weight: bold;*/
 }

/*numero y nombre de dia*/
.fc-daygrid-day-number:hover,
.fc-col-header-cell-cushion:hover{
  text-decoration: none !important;
}

/*botones anterior y siguiente*/
.fc-prev-button,
.fc-next-button{
  background-color: #4d4d4d !important;
  border-color: #4d4d4d !important;
}
.fc-prev-button:hover,
.fc-prev-button:active,
.fc-next-button:hover,
.fc-next-button:active{
  background-color: #a6a6a6 !important;
  border-color: #a6a6a6 !important;
}

/*boton hoy*/
.fc-today-button{
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/*cuadro dia de hoy*/
.fc-day-today{
  background-color: #d7e9fa !important;
}

/*----------------GALERIA 2------------------------*/

.gallery-title
{
    font-size: 36px;
    color: #1b6b30;
    text-align: center;
    font-weight: 500;
    margin-bottom: 50px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    /*border-bottom: 1px solid #5e5e5e;*/
}

.btn-outline-dark:active .filter-button:active
{
    background-color: red !important; 
    color: white;
}

.border-2 {
    border-width:2px !important;
}