/*
Theme Name: bootstraptheme
Author: MS Sistemas
*/

body {padding-top: 4.4375rem;}

body.reservarUnidad {padding-top: 0rem;}
div.reservarUnidad {margin-bottom: 10rem; max-width: 960px;}

body.reservaExitosa {padding-top: 0rem;}
div.reservaExitosa {margin-bottom: 10rem; max-width: 960px;}

.linkVolverAtras a {font-weight: normal; color: #6c757d; cursor: pointer;}
.linkVolverAtras a:hover {color: #212529; text-decoration: none;}
.linkVolverAtras a:focus {color: #212529;}

.contenido {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.card-habitacion {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-color: #b7b7b7;
}

.barra-buscar {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

.text-titulo {color: #007791!important;}
.text-aviso {color: #ec5252!important;}

hr.separador{border-top:1px solid #ced4da;}

div.panel-conf{margin-bottom: 2rem;}
#formChkBox label{margin:0.25rem;}
#panelConf .custom-control-inline{margin-right:0;}

div.conf-tabla{margin-top:0;margin-bottom:1rem;}
a.link-conf-tabla{color:#212529;text-decoration:none;background-color:transparent;}
a.link-conf-tabla:hover{color:#0056b3;text-decoration:none;}
form.dropdown-conf-tabla{padding:0.25rem 1.5rem;white-space:nowrap;}

div.bg-queryBuilder{background-color:rgba(0, 0, 0, 0.05);}

/*Botón Aviso----------------------------------*/
.btn-aviso {
    color: #fff;
    background-color: #ec5252;
    border-color: #ec5252;
}

.btn-aviso:hover {
    color: #fff;
    background-color: #992337;
    border-color: transparent;
}

.btn-aviso:focus, .btn-aviso.focus {
    color: #fff;
    background-color: #992337;
    border-color: transparent;
    box-shadow: 0 0 0 0.2rem rgba(236, 82, 82, 0.5);
}
/*---------------------------------------------*/

/*Botón Título Outline-------------------------*/
.btn-outline-titulo {
    color: #007791;
    border-color: #007791;
}

.btn-outline-titulo:hover {
    color: #fff;
    background-color: #007791;
    border-color: transparent;
}

.btn-outline-titulo:focus, .btn-outline-titulo.focus {
    color: #fff;
    background-color: #007791;
    border-color: transparent;
    box-shadow: 0 0 0 0.2rem rgba(0, 119, 145, 0.5);
}
/*---------------------------------------------*/

.font-size-big {font-size: 4.5rem!important;}
.font-size-logo {font-size: 2rem!important;}
.font-size-logo-small {font-size: 1rem!important;}

.navbar-nav-logo {
    font-size: 1.3rem!important;
    padding-left: 0.25rem;
    padding-right: 0.25rem;  
}

.blockquote-big {
    margin-bottom: 1rem;
    font-size: 1.75rem;
}

.imagen-sobre-nosotros {
    height: 15rem;
    width: 15rem;
    border-radius: 1.25rem;
}

.panel-categorias ul {
    list-style: none;
    padding-left: 0;
}

/*Category Styles------------------------------*/
.cat-item a {color: #0c849d;}
.cat-item a:hover,
.cat-item a:focus {color: #0c849d;}
/*---------------------------------------------*/

/*Tag Styles-----------------------------------*/
.tag-item a {color: rgba(0,0,0,.5);}
.tag-item a:hover,
.tag-item a:focus {color: #ec5252;}

.tagcloud {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.tagcloud a {
    display: inline-block;
    background: #f4f4f4;
    font-size: .867rem!important;
    color: rgba(0,0,0,.5);
    padding: 3px 13px;
    border-radius: 2px;
    margin: 0 10px 10px 0;
}

.tagcloud a:hover,
.tagcloud a:focus {color:#fff; background:#ec5252; text-decoration: none;}
/*---------------------------------------------*/

/*Post Styles----------------------------------*/
.post-container {
    max-width: 900px;
}

.post-number p {
    color: #0c849d;
    text-align: center;
    font-size: 90%;
    margin-bottom: 0.5rem;
}

.post-title {
    color: #007791;
    font-size: 2.5rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.5rem;
}

.post-info {
    color: rgba(0,0,0,.5);
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    text-align: center;
}

a.post-autor {color: rgba(0,0,0,.5);}
a.post-autor:hover {color: #0c849d; text-decoration: none;}
a.post-autor:focus {color: #0c849d;}

.post-content p {
    font-size: 1.125rem;
    font-weight: 400;
}

.post-video {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    width: 100%;
    margin-bottom: 2.5rem;
}

.post-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;    
    width: 100%;
    height: 100%;
}
/*---------------------------------------------*/

/*Cita en Comillas-----------------------------*/
.cita {
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: 2.25rem;
    margin-right: 2.25rem;
}

.comilla-izq {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: rgba(236, 82, 82, 0.4)!important;
}

.cita-texto {
    text-align: center;
}

.comilla-der {
    margin-top: 0.125rem;
    margin-bottom: 0rem;
    color: rgba(236, 82, 82, 0.4)!important;
    text-align: right;
}
/*---------------------------------------------*/

/*Carousel-------------------------------------*/
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

/* Responsive CSS */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
/*---------------------------------------------*/

/*Footer styles--------------------------------*/
.footer-bottom {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #383838;
    color: #d7d7d7;
}
a.footer-bottom {font-weight: normal; color: #d7d7d7;}
a.footer-bottom:hover {color: #d7d7d7;}
a.footer-bottom:focus {color: #d7d7d7;}
/*---------------------------------------------*/

/*Error 404 - Page Not Found-------------------*/
body.error404-bg {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #f5f5f5;
}
/*---------------------------------------------*/

/*Search Box-----------------------------------*/
.sbox-box-container{padding:24px 12px;border-radius:8px;background-color:#f2f3f5;border:1px solid rgba(0,0,0,.125);box-shadow:0 4px 8px rgba(68,68,68,.2);}
.sbox-header-container{margin-bottom:20px}
.sbox-title-container{}
.sbox-subtitle-container{}
.inputWithIcon input[type=text]{padding-left:45px;}
.inputWithIcon{position:relative;}
.inputWithIcon i{position:absolute;left:0;top:34px;padding:10px 20px;color:#aaa;}
/*---------------------------------------------*/

/*Cards----------------------------------------*/
.card:hover{box-shadow:0 12px 20px rgba(68,68,68,0.2);}
a.card-link{color:inherit;text-decoration:none;}
a.card-link:hover{color:inherit;}
a.card-link:focus{color:inherit;}
/*---------------------------------------------*/

/*Aviso Errores--------------------------------*/
div.avisoError{width:100%;margin-top:0.25rem;font-size:80%;color:#dc3545;}
/*---------------------------------------------*/

/*Cinta Descuento------------------------------*/
.ribbon {
    display: block;
    position: relative;
    overflow: hidden;
}

.ribbon span.cinta-descuento {
    width: 150px;
    height: 34px;
    top: 20px;
    right: -40px;
    position: absolute;
    display: block;
    background: #007791;
    color: #333;
    font-family: arial;
    font-size: 18px;
    color:white;
    text-align: center;
    line-height: 34px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
/*---------------------------------------------*/

/*Input Tipo Number----------------------------*/
/*Oculto las flechas*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*---------------------------------------------*/

/*Tabla Reservas-------------------------------*/
tr.res-pendiente {background-color: rgba(248, 215, 218, 0.75);}
tr.res-pendiente:hover {background-color: rgba(248, 215, 218, 1);}

tr.res-confirmada {background-color: rgba(209, 231, 221, 0.75);}
tr.res-confirmada:hover {background-color: rgba(209, 231, 221, 1);}

tr.res-cancelada {background-color: rgba(149, 149, 149, 0.3);}
tr.res-cancelada:hover {background-color: rgba(149, 149, 149, 0.4);}

tr.res-expirada {background-color: rgba(0, 0, 0, 0.05);}
tr.res-expirada:hover {background-color: rgba(0, 0, 0, 0.1);}
/*---------------------------------------------*/

/*Ver Reserva----------------------------------*/
#estado.res-pendiente {background-color: rgba(248, 215, 218, 0.75)!important;}
#estado.res-confirmada {background-color: rgba(209, 231, 221, 0.75)!important;}
#estado.res-cancelada {background-color: rgba(149, 149, 149, 0.3)!important;}
#estado.res-expirada {background-color: rgba(0, 0, 0, 0.05)!important;}
/*---------------------------------------------*/

/*Calendario-----------------------------------*/
#divCalendario table {border: 1px solid #dee2e6;}
#divCalendario th {padding: 0.5rem 0!important;}
#divCalendario tr {border-bottom: 1px solid #dee2e6;}

#divCalendario td.res-pendiente {background-color: rgba(248, 215, 218, 0.75); border: 1px solid #dc3545;}
#divCalendario td.res-pendiente:hover {background-color: rgba(220, 53, 69, 0.5);}

#divCalendario td.res-confirmada {background-color: rgba(209, 231, 221, 0.75); border: 1px solid #28a745;}
#divCalendario td.res-confirmada:hover {background-color: rgba(40, 167, 69, 0.5);}

#divCalendario td.hab-disabled {background-color: #dee2e6;}

.calCellBorderTop {border-top: 1px solid #dee2e6;}
.calCellBorderLeft {border-left: 1px solid #dee2e6;}
.calDiaFinde {background-color: #e9ecef;}
.calFontRes {letter-spacing: normal;}

.calNombreTipoHab {
    background-color: rgb(35, 40, 45);
    color: rgb(238, 238, 238);
    padding: 4px 2px 4px 2px;
}

.calNumHab {
    background-color: rgb(35, 40, 45);
    color: rgb(238, 238, 238);
    padding: 4px 2px 4px 16px;
    min-width: 100px;	
}

a.calLinkRes {
    display: block;
    text-align: center!important;
    text-decoration: none;
    color: rgb(35, 40, 45);
}

.btn-change-month {
    color:#adb5bd;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-color:transparent;
    border:none;
    padding:0rem 0.75rem;
    font-size:1.2rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-change-month:hover {
    color:#212529;
    background-color:transparent;
    border:none;
}

.btn-change-month:focus {
    color: #212529;
    background-color:transparent;
    border:none;
    outline:none;
}

.btn-ver-disponibilidad {    
    color:#007bff;
    text-align:left;
    vertical-align:middle;
    cursor:pointer;    
    background-color:transparent;
    border:none;
    padding:0;
    font-size:1rem;
}

.btn-ver-disponibilidad:hover {
    color:#0056b3;
    text-decoration:underline;
    background-color:transparent;
    border:none;
}

.btn-ver-disponibilidad:focus {
    color:#0056b3;
    text-decoration:underline;
    background-color:transparent;
    border:none;
    outline:none;
}

#divCalendario td.hab-ocupada {background-color: #dee2e6;}
#divCalendario td.hab-libre {background-color: transparent;}
/*---------------------------------------------*/

/*Tooltips-------------------------------------*/
/* Prevent tooltip from being target for mouse events and avoid flickering */
.tooltip {pointer-events: none}
/*---------------------------------------------*/