/*----------------------------------------
SOBREESCRIBIENDO  LOS ESTILOS DE BOOTSTRAP
------------------------------------------*/
.bg-primary {
  background-color: #00BCE7 !important; }

.text-primary {
  color: #00BCE7 !important; }

.btn-primary {
  background-color: #00BCE7 !important;
  border-color: #006981 !important; }

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0092b4 !important; }

.btn-primary:active {
  background-color: #006981 !important;
  border-color: #003f4e !important; }

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 188, 231, 0.5) !important; }

/*--------------------------
GLOBALES
---------------------------*/
.text-blanco {
  color: white; }

.borde-circular {
  border-radius: 15px; }

.card:hover {
  box-shadow: 0 0 10px #0c0c0c3b; }

.bg-modal {
  background-image: url("../../images/body/imag_body.jpg"); }

.bg-header-modal {
  background: #0065A5; }

.text-header-modal {
  color: white; }

.div-accion {
  background: #00BCE7; }

.div-tabla {
  background: #00BCE7;
  overflow: auto; }

.titulo-accion {
  color: white; }

.columna-ancho {
  width: 20%; }

/*--------------------------
INDEX
---------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 13px;
  height: 100%; }

body {
  background-image: url("../../images/body/imag_body.jpg");
  height: 100%;
  color: #44484a;
  font-family: 'Open Sans', sans-serif; }

#pre_portada {
  height: 60px; }

.div-margen {
  height: 30px; }

#section_id {
  min-height: 100%;
  display: flex;
  align-items: center; }

#contenido {
  width: 100%; }

.btn-modal-siguiente {
  background: #0065A5;
  color: #fff;
  align-items: center;
  text-align: center;
  box-shadow: 0px 0px 15px #626567; }

.btn-modal-siguiente:hover {
  background: #00BCE7;
  color: #44484a; }

/*--------------------------
PORTADA
---------------------------*/
.bg-portada {
  background: black; }

.imag-portada {
  min-height: 450px;
  max-height: 450px;
  object-fit: cover;
  opacity: 0.6; }

.text-portada {
  color: #fff; }

.btn-portada {
  text-decoration: none;
  background: #00BCE7;
  color: #44484a;
  text-align: center;
  box-shadow: 0px 0px 15px #626567; }

.btn-portada:hover {
  background: #0065A5;
  color: #fff; }

/*--------------------------
NAVBAR
---------------------------*/
.navbar {
  box-shadow: 0 0 15px #0c0c0c3b; }

.nav-titulo {
  line-height: 60px;
  font-weight: bold;
  font-size: 25px;
  font-family: 'bodoni Mt black', sans-serif; }

.logo-nav {
  height: 60px;
  width: 60px;
  object-fit: cover; }

/*--------------------------
LOGIN
---------------------------*/
.btn-login {
  background: #00BCE7;
  color: #fff; }

.btn-login:hover {
  background: #fff;
  color: #44484a;
  box-shadow: 0px 0px 15px #00BCE7; }

.recuper-pass:hover {
  color: #00BCE7;
  cursor: pointer; }

/*--------------------------
PAG_INICIO
---------------------------*/
.text-titulo {
  color: #070707;
  font-weight: bold;
  font-size: 25px; }

.text-parrafo {
  color: #808080;
  font-size: 15px; }

.btn-modulo {
  background: #00BCE7;
  color: #fff; }

.btn-modulo:hover {
  background: #fff;
  color: #44484a;
  box-shadow: 0px 0px 15px #00BCE7; }

/*--------------------------
AFILIADOS
---------------------------*/
/*--------------------------
TURNOS RESERVADOS
---------------------------*/
/*--------------------------
SEGURIDAD
---------------------------*/
.tabla-personal {
  box-shadow: 0 0 15px #0c0c0c3b;
  max-height: 150px;
  overflow: auto; }

.select-personal:hover {
  background-color: blue;
  color: white; }

.span-personal:hover {
  color: white;
  cursor: pointer; }

/*--------------------------
FOOTER
---------------------------*/
.alt-foot {
  min-height: 150px; }

.ico-footer {
  color: #44484a;
  text-decoration: none;
  font-size: 25px; }

.link-footer {
  text-decoration: none; }

/*------------------------
SHOW DE LOS MEDIAS QUERIES
------------------------*/
@media print {
  .no-imprimir {
    display: none !important; }

  .tabla-reservado {
    min-height: 95%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; } }
@media (max-width: 768px) {
  .imag-portada {
    min-height: 250px;
    max-height: 250px; } }
@media (min-width: 768px) {
  html {
    font-size: 16px; }

  .text-titulo {
    font-size: 35px; }

  .text-parrafo {
    font-size: 25px; } }

/*# sourceMappingURL=estilos.css.map */