/***********************************/
/******** RESET ESTILOS GENERALES ********/
/***********************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-family: 'Open Sans', sans-serif;
  color: #2e2e2e;
  height: fill-available;
  height: -webkit-fill-available; }

body {
  width: 100%;
  background-color: #F1F5FB;
  min-height: 100vh;
  min-height: fill-available;
  min-height: -webkit-fill-available; }

h1, h2, h3, h4, h5, h6, p, a, label {
  margin: 0;
  padding: 0; }

a {
  cursor: pointer;
  text-decoration: none;
  color: #2e2e2e; }

a:hover {
  color: #2e2e2e;
  text-decoration: none; }

ul, ol {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }

img {
  width: 100%; }

/************************************/
/***** ESTILOS VISTAS SECCIONES *****/
/************************************/
/* PALETA DE COLORES */
/* SHADOWS */
/**************************/
/***** MATERIAL ICONS *****/
/**************************/
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 48; }

.mw-100 {
  font-variation-settings: "FILL" 0, "wght" 100, "GRAD" 0, "opsz" 48; }

.mw-400 {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48; }

.mw-700 {
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 48; }

.mf-100 {
  font-variation-settings: "FILL" 1, "wght" 100, "GRAD" 0, "opsz" 48; }

.mf-200 {
  font-variation-settings: "FILL" 1, "wght" 200, "GRAD" 0, "opsz" 48; }

.mf-400 {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48; }

.mf-700 {
  font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48; }

.material-symbols-outlined {
  font-size: 18px; }

/* 
    end material icons
*/
.ficha {
  background: white;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  border-radius: 5px;
  border: solid thin rgba(0, 0, 0, 0.1);
  padding: 12px 20px;
  margin-bottom: 20px; }

.text-muted {
  font-size: 13px;
  font-weight: bold; }

button:focus {
  outline: 0 !important; }

.text-justify {
  text-align: justify; }

form button {
  width: 110px; }

.form-check-input:disabled {
  opacity: 1; }

.boton {
  background: #3398b4;
  color: white;
  padding: 3px 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.boton2 {
  background: white;
  color: gray;
  padding: 3px 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  font-size: 13px;
  text-transform: uppercase; }

/* MODALES */
.modal-header {
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); }

.modal-title {
  font-size: 16px;
  text-align: center;
  margin: 0 auto; }

.modal-header i {
  color: #FE5754;
  font-size: 11px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  cursor: pointer; }

#tabla-lista {
  border-spacing: 2px 15px;
  border-collapse: separate;
  background-color: transparent;
  border: none; }

#tabla-lista tbody tr {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px; }

#tabla-lista tbody tr:nth-child(even) td:first-child {
  border-left: solid 4px #1BC5BD; }

#tabla-lista tbody tr:nth-child(odd) td:first-child {
  border-left: solid 4px #223C7F; }

#tabla-lista tbody td {
  vertical-align: middle;
  padding: 8px 10px; }

table.dataTable thead th, table.dataTable thead td {
  padding: 0;
  border-bottom: none; }

/* TABLAS */
div.dtfc-left-top-blocker, div.dtfc-right-top-blocker {
  background-color: transparent; }

table.dataTable thead th, table.dataTable thead td {
  border-bottom: none; }

table.dataTable.no-footer {
  border-bottom: none; }

.dataTables_scrollHeadInner {
  padding-top: 8px; }

div#tabla_wrapper {
  border-top: solid thin lightgray; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0; }

/* GENERALES LOGIN */
.login-body {
  background-color: transparent;
  display: flex; }

/*********************
    COL IZQQUIERDA
*********************/
.login-wrap .col-izquierda {
  background: url("../img/crosfit.jpg") no-repeat center center;
  background-size: cover;
  position: relative; }

.login-wrap .col-izquierda .logo {
  width: 74px;
  position: absolute;
  left: 10px;
  top: 10px; }

.login-wrap .col-izquierda span {
  color: #BCBDC3;
  font-size: 18px;
  font-weight: bold;
  line-height: 1; }

.login-wrap .col-izquierda .slogan {
  position: relative;
  text-transform: uppercase; }

.slogan::before,
.slogan::after {
  position: absolute;
  width: 56px;
  height: 23px;
  content: ' '; }

.slogan::before {
  top: -12px;
  left: -10px;
  border-top: solid 4px #3398b4;
  border-left: solid 4px #3398b4;
  border-radius: 5px; }

.slogan::after {
  bottom: -12px;
  right: -10px;
  border-bottom: solid 4px #3398b4;
  border-right: solid 4px #3398b4;
  border-radius: 5px; }

/* COPY STYLES  */
.login-wrap .col-izquierda p {
  position: absolute;
  bottom: 14px;
  color: #BCBDC3;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  left: 0; }

.login-wrap .img-personas {
  width: 50%;
  min-width: 300px; }

/*******************
    COL DERECHA
*******************/
.login-wrap .col-derecha {
  position: relative;
  background: white;
  z-index: 0; }

/* TITULO AND LOGOS STYLES */
.login-wrap .col-derecha .logo-mobile {
  z-index: 100; }

.login-wrap .col-derecha .logo {
  width: 150px;
  background: white; }

.login-wrap .col-derecha .titulo h4 {
  font-size: 20px; }

.login-wrap .col-derecha .titulo p {
  color: #BCBDC3;
  font-weight: bold;
  font-size: 13px; }

.login-wrap .img-fondo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  max-width: 400px; }

/* FORM STYLES */
.login-wrap .form-wrap {
  max-width: 310px;
  margin: 0 auto;
  z-index: 100; }

.login-wrap .input-wrap {
  position: relative; }

.login-wrap .input-wrap i {
  position: absolute;
  top: -11px;
  left: 0;
  background: white;
  color: #57ACE9;
  font-size: 14px;
  padding: 18px;
  border-radius: 50px;
  box-shadow: 0px 6px 10px 0px rgba(47, 51, 102, 0.75); }

.login-wrap .input-wrap input {
  width: 100%;
  border: none;
  border-radius: 50px;
  padding: 4px 0 4px 62px;
  box-shadow: 0px 6px 10px 0px rgba(47, 51, 102, 0.75);
  transition: all ease .2s; }

.login-wrap .input-wrap input::-webkit-input-placeholder {
  font-size: 13px;
  line-height: 3; }

.login-wrap .input-wrap input:focus {
  color: #212529;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0px 6px 10px 0px rgba(87, 172, 233, 0.75); }

.login-wrap .input-wrap input:focus-visible + i {
  color: limegreen;
  opacity: 1; }

.login-wrap .btn-enviar {
  margin: 50px auto 50px auto;
  width: 180px;
  background-color: #0393EE;
  color: white;
  border: none;
  padding: 3px 40px;
  border-radius: 50px;
  box-shadow: 0px 6px 10px 0px rgba(47, 51, 102, 0.75);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(47, 51, 102, 0.75);
  -moz-box-shadow: 0px 6px 10px 0px rgba(47, 51, 102, 0.75);
  transition: all ease-in .2s; }

.login-wrap .btn-enviar:hover {
  background: white;
  color: #0393EE;
  box-shadow: 0px 6px 10px 0px rgba(87, 172, 233, 0.75);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(87, 172, 233, 0.75);
  -moz-box-shadow: 0px 6px 10px 0px rgba(87, 172, 233, 0.75); }

.login-wrap .btn-enviar i {
  margin-left: -20px;
  opacity: 0;
  transition: all ease-in .2s; }

.login-wrap .btn-enviar:hover i {
  margin-left: 10px;
  opacity: 1; }

/* SIGENOS STYLES */
.login-wrap .siguenos {
  font-size: 12px;
  font-weight: bold;
  margin-top: 40px; }

.login-wrap .siguenos span {
  border: solid thin lightgray;
  width: 30px;
  margin: 0 5px;
  color: #6c757d; }

.login-wrap .siguenos-iconos i {
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 2.6;
  font-size: 20px;
  transition: all ease .2s; }

.login-wrap .siguenos-iconos i:hover {
  border-radius: 5px;
  box-shadow: 0px 0px 3px 3px rgba(43, 40, 40, 0.32);
  -webkit-box-shadow: 0px 0px 3px 3px rgba(43, 40, 40, 0.32);
  -moz-box-shadow: 0px 0px 3px 3px rgba(43, 40, 40, 0.32); }

.login-wrap .siguenos-iconos .fa-chrome {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent; }

.login-wrap .siguenos-iconos .fa-facebook-f {
  color: #1877F2; }

/* COPY COL DERECHA */
.login-wrap .copy-mobile {
  font-size: 12px;
  font-weight: bold; }

/* OLVIDE CONTRASENA */
.btn-opcion {
  cursor: pointer;
  width: fit-content;
  margin: 0 auto;
  font-size: 14px;
  color: grey; }

.btn-opcion:hover {
  color: #0393EE;
  font-weight: bold; }

@media (min-width: 768px) {
  /* GENERALES LOGIN */
  .login-body {
    background-image: url("../img/fondoWeb.png");
    background-color: #F1F5FB; }

  .login-wrap .col-derecha .logo-mobile {
    padding-top: 100px; }

  /* IMG FIGURAS DE FONDO COL DERECHA */
  .login-wrap .img-fondo {
    max-width: 250px;
    z-index: -1; }

  .login-wrap .img-fondo-uno {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -10;
    max-width: 283px; } }
/* GENERALES PANEL MODULOS */
.modulos-wrap {
  background: #F1F5FB; }

/*********************
    COL IZQUIERDA
*********************/
/* BIENVENIDO */
.modulos-wrap .bienvenido {
  padding: 0 20px;
  max-width: 250px;
  margin: 0 auto; }

.modulos-wrap .col-izquierda span {
  color: #3398b4;
  font-weight: bold; }

.modulos-wrap .col-izquierda h4 {
  color: #555555;
  font-weight: bold; }

.modulos-wrap .col-izquierda hr {
  opacity: .1; }

.modulos-wrap .col-izquierda p {
  color: #6F6F70; }

/*********************
    COL DERECHA
*********************/
.modulos-wrap .select-modulo-titulo p {
  background: white;
  font-weight: bold;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); }

@media (min-width: 992px) {
  .pag-modulos {
    background: white; }

  .modulos-wrap {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); }

  /* PANEL MODULOS TOP BAR */
  .pag-modulos .modulos-wrap .top-bar {
    background-color: white;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); }

  .pag-modulos .modulos-wrap .top-bar img {
    width: 90px; }

  .pag-modulos .sesion {
    float: right;
    cursor: pointer;
    margin-top: 7px; }

  .pag-modulos .sesion:hover {
    color: #ed254e;
    font-weight: bold; }

  .pag-modulos .sesion span {
    font-size: 25px; }

  .modulos-wrap .select-modulo-titulo p {
    background: lightblue; } }
.body-admin-panel {
  display: flex; }

.adminPanel {
  position: relative; }

/* ---------------- */
/* FICHAS ITEM MENU */
/* ---------------- */
.item-ficha-menu {
  background-color: white;
  padding: 50px 15px;
  position: relative;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  cursor: pointer; }

.item-ficha-menu:hover {
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); }

.item-ficha-menu h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold; }

.item-ficha-menu h4 i {
  font-size: 16px;
  color: #ffc107; }

.item-ficha-menu .enter-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #c6c6c6 !important; }

/* ---------------- */
/* FICHAS ITEM MENU */
/* ---------------- */
.sideNav .side-row {
  display: none !important; }

.sideNav .rowJS {
  display: flex !important; }

.sideNav {
  position: absolute;
  top: 60px;
  left: 0;
  margin-left: -120%;
  transition: all ease .3s;
  z-index: 10; }

.sideNavJs {
  margin-left: 0;
  width: 100%;
  min-height: calc(100% - 60px); }

.sideNav .container {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding-top: 1px;
  height: 100%; }

.sideNav .select-modulo-titulo p {
  background: white; }

@media (min-width: 992px) {
  .sideNav {
    height: calc(100vh - 78px); } }
/* -------------- */
/*     TOP BAR    */
/* -------------- */
.top-bar-info-wrap {
  padding: 10px 20px 10px 10px; }

.top-bar-adminpanel i {
  color: #3398b4; }

.top-bar-adminpanel .btn-sidenav {
  cursor: pointer;
  font-size: 25px; }

.top-bar-adminpanel .btn-sidenav:hover {
  color: #ed254e; }

.top-bar-adminpanel .menu-texto {
  font-weight: bold;
  font-size: 14px; }

.top-bar-adminpanel .nombre-texto {
  font-weight: bold;
  font-size: 14px; }

.top-bar-adminpanel .icono {
  width: 42px;
  margin-left: auto;
  cursor: pointer;
  padding: 2px;
  border: solid 2px #3398b4;
  border-radius: 6px; }

.top-bar-adminpanel .icono:hover {
  border: solid 2px #ed254e; }

.top-bar-adminpanel .dropdown-toggle::after {
  margin-left: 7px;
  vertical-align: 0; }

.top-bar-adminpanel .dropdown-menu {
  padding: 10px 10px; }

.top-bar-adminpanel .dropdown-item:hover {
  background-color: transparent; }

.top-bar-adminpanel .dropdown-menu span {
  font-size: 14px;
  color: gray; }

.top-bar-adminpanel .salir, .ajustes {
  flex: 1;
  display: flex;
  align-items: center;
  height: 86px;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  color: white;
  border-radius: 5px;
  cursor: pointer; }

.top-bar-adminpanel .ajustes i, .salir i {
  color: white;
  margin-right: 8px; }

.top-bar-adminpanel .ajustes {
  margin-right: 10px;
  background-color: cornflowerblue;
  border: solid 2px cornflowerblue;
  transition: all ease .2s; }

.top-bar-adminpanel .ajustes:hover {
  background-color: white;
  color: cornflowerblue; }

.top-bar-adminpanel .ajustes:hover i {
  color: cornflowerblue; }

.top-bar-adminpanel .salir {
  margin-left: 10px;
  background-color: #3398b4;
  border: solid 2px #3398b4;
  transition: all ease .2s; }

.top-bar-adminpanel .salir:hover {
  background-color: white;
  color: #3398b4; }

.top-bar-adminpanel .salir:hover i {
  color: #3398b4; }

.top-bar-adminpanel .dropdown-menu .linea {
  border-left: dashed 1px #2f3366;
  height: 50px; }

/* --------------------------- */
/*     TOP BAR BOTTOM LEVEL    */
/* --------------------------- */
.top-bar-adminpanel .top-bar-bottom-level {
  border-top: solid thin lightgray;
  border-bottom: solid thin lightgray;
  padding: 10px 0; }

.top-bar-adminpanel .modulo-activo {
  font-weight: bold;
  font-size: 14px; }

.top-bar-adminpanel .modulo-activo span {
  background: #3398b4;
  color: white;
  padding: 3px 15px;
  border-radius: 5px; }

.top-bar-adminpanel .top-bar-bottom-level .mensajes, .citas {
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  color: gray;
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 5px;
  cursor: pointer; }

.top-bar-adminpanel .top-bar-bottom-level span i {
  color: gray; }

/* HISTORIA CLINICA */
/* #historia-lista-familiares {
    border-spacing: 2px 15px;
    border-collapse: separate;
    margin-bottom: 1rem;
    background-color: transparent;
}
#historia-lista-familiares tbody td {
    vertical-align: middle;
}
#historia-lista-familiares tbody tr {
    box-shadow: $box-shadow2;
    border-radius: 5px;
} */
.parentezco-icono img {
  width: 32px;
  cursor: pointer;
  padding: 2px;
  border: solid 2px #3398b4;
  border-radius: 6px;
  margin-right: 10px; }

.sexo-icono i {
  font-size: 34px; }

.masculino {
  color: lightskyblue; }

.femenino {
  color: hotpink; }

.historia-clinica span {
  width: fit-content; }

/* ---------------------------------------------- */
/* MODAL AGREGAR FAMILIAR CON SU HISTORIA CLINICA */
/* ---------------------------------------------- */
.agregar-historia-familiar .casilla i {
  color: #3398b4;
  font-weight: bold;
  font-size: 20px; }

.agregar-historia-familiar .asterisco i {
  color: #3398b4; }

.agregar-historia-familiar .form-check {
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 36px;
  display: flex;
  align-items: center;
  border-right: solid 3px #3398b4;
  border-left: solid 3px #3398b4; }

.agregar-historia-familiar .form-check-input[type=checkbox] {
  margin-left: -14px;
  margin-right: 10px;
  margin-top: 0; }

.agregar-historia-familiar .input-text {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border: none;
  height: 36px;
  border-right: solid 3px #3398b4;
  border-left: solid 3px #3398b4; }

.agregar-historia-familiar .sexo {
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 36px;
  padding-left: 10px;
  border-right: solid 3px #3398b4;
  border-left: solid 3px #3398b4; }

.agregar-historia-familiar .sexo p {
  margin-top: 2px; }

.agregar-historia-familiar .sexo input {
  margin-top: 8px; }

.agregar-historia-familiar .sexo i {
  font-size: 22px;
  margin-top: 4px; }

.agregar-historia-familiar .icono-sexo {
  color: lightskyblue; }

.agregar-historia-familiar .icono-sexo:first-child {
  color: hotpink; }

/* ---------------------------------------------- */
/* MODAL AGREGAR FAMILIAR CON SU HISTORIA CLINICA */
/* ---------------------------------------------- */
.historia-clinica .historia-clinica-tabla {
  margin-top: -11px !important; }

.historia-clinica .historia-clinica-tabla {
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); }

.historia-tabla-wrap {
  padding: 28px 0; }

.historia-clinica .historia-clinica-tabla .fa-person-dress {
  color: hotpink;
  font-size: 18px; }

.historia-clinica .historia-clinica-tabla .fa-person {
  color: lightskyblue;
  font-size: 18px; }

.historia-clinica .historia-clinica-tabla tr {
  font-size: 12px; }

.historia-tabla-wrap table.table-bordered.dataTable th, table.table-bordered.dataTable td {
  border-bottom-width: 0; }

.historia-tabla-wrap table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: solid thin lightgray; }

.historia-tabla-wrap thead th {
  text-align: center !important; }

.historia-tabla-wrap thead th:first-child {
  text-align: left !important; }

.historia-tabla-wrap tbody td {
  text-align: center; }

.historia-tabla-wrap tbody td:first-child {
  text-align: left; }

table.stripe.row-border.order-column.nowrap.table-bordered.align-middle.historia-clinica-tabla.m-0.dataTable.no-footer {
  border-color: lightgray; }

.dtfh-floatingparent.dtfh-floatingparenthead {
  top: -7px !important;
  font-size: 12px;
  font-weight: bold;
  color: #3398b4; }

th.sorting.dtfc-fixed-left {
  padding: 14px 0; }

@media (min-width: 992px) {
  .historia-tabla-wrap table {
    table-layout: fixed;
    width: 100% !important; } }
/* ----------------------------------- */
/* MODAL AGREGAR FAMILIAR OBLIGATORIOS */
/* ----------------------------------- */
.obligatorios {
  padding: 20px 10px;
  /* box-shadow: 0 2px 10px rgb(0 0 0 / 10%);  */ }

.obligatorios .familiar {
  padding: 5px 10px; }

.obligatorios .familiar img {
  width: 60px;
  box-shadow: 0 2px 10px RGB(0 0 0/10%);
  padding: 5px;
  border-radius: 10px;
  border: solid 2px lavender; }

/*        MIS ESTUDIOS      */
.btn-guardar-estudios {
  width: 100%;
  border: none; }

.btn-guardar-estudios i {
  margin-top: -3px; }

#formFileSm {
  width: 5px;
  height: 5px;
  position: absolute;
  z-index: -1;
  margin-top: 4px;
  left: 98px;
  opacity: 0; }

@media (min-width: 768px) {
  .btn-guardar-estudios {
    width: 146px !important;
    border: none; } }
#tablaGraficaRSR tr {
  text-align: center; }

#tablaGraficaRSR tr {
  font-size: 12px; }

#tablaGraficaDxaColumna tr {
  text-align: center; }

#tablaGraficaDxaColumna tr {
  font-size: 12px; }

#tablaGraficaFST tr {
  text-align: center; }

#tablaGraficaFST tr {
  font-size: 12px; }

/* generar cita */
.textAreaCita {
  position: absolute;
  margin: 4px 0 0 0;
  color: #2860A7; }

#modal-agenda-cita .textarea {
  padding-left: 95px;
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0; }

#modal-agenda-cita .textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both;
  min-height: 35px;
  line-height: 20px; }

#modal-agenda-cita .form-control:focus {
  border-bottom: solid thin #3398b4;
  box-shadow: none; }

#modal-agenda-cita .selectHorario i {
  color: #2860A7; }

#modal-agenda-cita .horaCita {
  background: #cce0fb;
  border-color: #cce0fb;
  color: #2e2e2e;
  font-weight: 400;
  width: 145px;
  margin: 10px 0;
  padding: 15px 0; }

#modal-agenda-cita .activeHora {
  background-color: #2860A7;
  color: white;
  box-shadow: 0px 6px 10px 0px rgba(47, 51, 102, 0.75);
  border: none; }

#modal-agenda-cita .alertaCita i {
  border: solid thin orange;
  border-radius: 50px;
  padding: 5px;
  color: orange;
  margin-right: 10px; }

@media (min-width: 992px) {
  #modal-agenda-cita .horaCita {
    width: 110px; } }
@media (min-width: 1200px) {
  #modal-agenda-cita .horaCita {
    width: 200px; } }
/*        MIS RECETAS      */
.modal-mostrar-receta .modal-body {
  background: #F1F5FB; }

.modal-mostrar-receta .modal-body i {
  font-size: 25px; }

.modal-mostrar-receta .info-general .row {
  background: white;
  padding-top: 15px;
  padding-bottom: 15px;
  box-shadow: 0px 0px 8px 0px rgba(191, 190, 190, 0.75);
  border-radius: 5px;
  margin-top: 16px; }

.modal-mostrar-receta .info-general .info {
  display: flex; }

.modal-mostrar-receta .info-general span {
  color: #3398b4;
  font-weight: bold; }

.modal-mostrar-receta .informacion-medica-seccion {
  box-shadow: 0px 0px 8px 0px rgba(191, 190, 190, 0.75);
  padding: 10px 10px;
  background: white;
  border-radius: 5px;
  height: 100%; }

.modal-mostrar-receta .informacion-medica .alergias i {
  font-size: 18px;
  color: #ed254e; }

.modal-mostrar-receta .informacion-medica .alergias hr {
  margin: 5px 0;
  border-color: gray; }

.receta-medica-wrap .logo-fondo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  opacity: .12; }

.recetaMedica {
  border: solid 5px #3398b4;
  padding: 50px 15px; }

.receta-medica {
  background: white;
  border-radius: 5px;
  box-shadow: 0px 0px 8px 0px rgba(191, 190, 190, 0.75);
  min-width: 100%; }

.receta-medica .logo-uni {
  width: 100px; }

.receta-medica .logo-access {
  width: 80px; }

.receta-medica .datos-doctor {
  border-left: solid #3398b4;
  margin-left: 20px;
  padding-left: 15px; }

.receta-medica .datos-doctor p {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #228492; }

.receta-medica .datos-doctor p:first-child {
  color: #4472c4;
  font-weight: bold;
  font-size: 16px; }

.receta-medica .paciente p:first-child {
  flex: 1;
  margin-right: 40px; }

.receta-medica .paciente p span {
  border-bottom: solid thin lightgray;
  width: 100%; }

/* .receta-medica .lista-medicamentos .medicamento p:last-child {
    padding-left: 20px;
} */
.receta-medica .lista-medicamentos .medicamento i {
  color: #3398b4;
  font-size: 10px !important;
  margin-right: 10px; }

.receta-medica .firma-medico {
  margin-top: 100px; }

.receta-medica .firma-medico p {
  border-top: solid thin lightgray;
  padding-top: 8px;
  width: 185px;
  text-align: center;
  margin: 0 auto; }

.receta-medica .footer {
  font-size: 14px;
  background: #3398b4;
  color: white;
  padding: 15px; }

/*        MIS RECADOS      */
.agregar-recado {
  width: fit-content;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); }

/* #tabla-lista-recados { 
    border-spacing: 2px 15px;
    border-collapse: separate;
    margin-bottom: 1rem;
    background-color: transparent;
}
#tabla-lista-recados tbody td {
    vertical-align: middle;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
    border-radius: 5px;
    margin: 0 15px;
}
#tabla-lista-recados tbody tr {
    border-radius: 5px;
} */
#tabla-lista-recados {
  border-spacing: 2px 15px;
  border-collapse: separate;
  background-color: transparent;
  border: none; }

#tabla-lista-recados tbody tr {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px; }

#tabla-lista-recados tbody tr:nth-child(even) td:first-child {
  border-left: solid 4px #1BC5BD; }

#tabla-lista-recados tbody tr:nth-child(odd) td:first-child {
  border-left: solid 4px #223C7F; }

#tabla-lista-recados tbody td {
  vertical-align: middle;
  padding: 8px 10px; }

#tabla-lista-recados span {
  width: fit-content;
  font-size: 13px;
  color: gray; }

#tabla-lista-recados .btn {
  padding: 0 5px; }

#tabla-lista-recados .mensaje {
  cursor: pointer;
  width: 350px; }

#tabla-lista-recados .icono img {
  width: 35px;
  border: solid 2px #3398b4;
  border-radius: 50px;
  padding: 2px; }

#tabla-lista-recados .icono .Enviado {
  background: #EEEB8D;
  color: midnightblue;
  padding: 2px 10px;
  border-radius: 50px;
  font-size: 13px; }

#tabla-lista-recados .icono .Contestado {
  background: #BAD6F0;
  color: midnightblue;
  padding: 2px 10px;
  border-radius: 50px;
  font-size: 13px; }

#tabla-lista-recados .icono i {
  font-size: 8px; }

#tabla-lista-recados .icono .circle-2 {
  font-size: 6px;
  opacity: .6; }

#tabla-lista-recados .icono .circle-3 {
  font-size: 4px;
  opacity: .3; }

/* AGREGAR MENSAJE MODAL */
#modal-agregar-mensaje span i {
  color: #3398b4;
  font-size: 25px; }

/* MENSAJES MODAL */
.modal-mostrar-mensaje .mensaje-paciente img {
  width: 35px;
  border: solid 2px #3398b4;
  border-radius: 50px;
  padding: 2px; }

.modal-mostrar-mensaje .mensaje-paciente {
  width: calc(100% - 43px); }

.modal-mostrar-mensaje .mensaje-paciente p {
  background: #4C546C;
  color: #ABB3CB;
  margin-left: 10px;
  border-radius: 0 15px 15px 15px;
  padding: 15px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available; }

.modal-mostrar-mensaje .mensaje-doctor img {
  width: 35px;
  border: solid 2px #3398b4;
  border-radius: 50px;
  padding: 2px; }

.modal-mostrar-mensaje .mensaje-doctor {
  width: calc(100% - 43px);
  margin-left: auto; }

.modal-mostrar-mensaje .mensaje-doctor p {
  background: #03F6E4;
  color: #283052;
  margin-right: 10px;
  border-radius: 15px 0 15px 15px;
  padding: 15px;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available; }

.nutricion-box h4 {
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  background: white;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  color: #2e2e2e; }

.nutricion-box .icono-steps {
  font-size: 30px;
  color: #D60090; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 770px) {
  .nutricion-box {
    margin-bottom: 0px; }

  .nutricion-box h4 {
    padding: 30px 0;
    cursor: pointer; } }
@media (min-width: 992px) {
  .nutricion-box h4 {
    font-size: 16px; } }
.recomendaciones img {
  width: 40px;
  background: hotpink;
  /* mediumaquamarine */
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px; }

.recomendaciones .titulo p {
  line-height: 1.1; }

.antropometricos img {
  width: 40px;
  background: #5491F5;
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px; }

.antropometricos .titulo p {
  line-height: 1.1; }

.antropometricos .btn-historial {
  background: #5491F5;
  color: white;
  padding: 3px 30px;
  cursor: pointer;
  border-radius: 5px; }

.nutricion-antropometricos .info-paciente img {
  background: #5491F5;
  width: 100px;
  border-radius: 5px;
  padding: 10px; }

.nutricion-antropometricos .info-paciente p {
  line-height: 1; }

.nutricion-antropometricos .datos-wrap {
  opacity: 1;
  color: #6c757d !important;
  font-weight: 300; }

.nutricion-antropometricos .dato {
  padding: 6px 0 6px 15px;
  width: 100%;
  max-width: 300px; }

.nutricion-antropometricos .dato__uno {
  background: #F1F5FB;
  border: solid rgba(0, 0, 0, 0.1) 1px;
  min-width: 0px;
  font-weight: 600;
  font-size: 14px; }

.nutricion-antropometricos .dato__dos {
  background: white;
  border-right: solid rgba(0, 0, 0, 0.1) 1px;
  border-top: solid rgba(0, 0, 0, 0.1) 1px;
  border-bottom: solid rgba(0, 0, 0, 0.1) 1px;
  max-width: 80px;
  padding-left: 0;
  text-align: center;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }

.nutricion-antropometricos .dato__dos input {
  width: 100%;
  padding-left: 14px;
  /* text-align: left; */
  border: none; }

.nutricion-antropometricos .dato__dos span {
  position: absolute;
  right: 10px; }

.nutricion-antropometricos .dato__tres {
  background: #F1F5FB;
  max-width: 40px;
  padding-left: 0;
  border-right: solid rgba(0, 0, 0, 0.1) 1px;
  border-top: solid rgba(0, 0, 0, 0.1) 1px;
  border-bottom: solid rgba(0, 0, 0, 0.1) 1px;
  color: #D60090;
  /* #3398b4; */ }

/* *:focus {
    outline: none;
} */
.nutricion-antropometricos input[type="text"]:focus {
  outline: none; }

.dieteticos img {
  width: 40px;
  background: #b6d4fe;
  /* mediumaquamarine */
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px; }

.dieteticos .btn-nuevoPlan {
  background: #b6d4fe;
  color: #084298;
  padding: 3px 30px;
  cursor: pointer;
  border-radius: 5px; }

.dieteticos .titulo p {
  line-height: 1.1; }

.plan-wrap .tiempo-comida {
  width: 100%; }

/* .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
}
.botonesTiempoEditar button {
    width: 110px;
} */
.titulo {
  color: #2e2e2e; }

.titulo span {
  color: #D60090; }

.alimento {
  margin-left: 10px; }

.alimento-wrap span {
  color: darkcyan; }

.cuestionarios-header img {
  width: 40px;
  background: #b6d4fe;
  /* mediumaquamarine */
  padding: 5px;
  border-radius: 5px;
  margin-right: 5px; }

.cuestionarios-header .titulo p {
  line-height: 1.1; }

form .linea {
  width: 34px;
  padding: 0.1rem 0.5rem;
  border: none;
  border-bottom: solid thin gray;
  border-radius: 0px;
  text-align: center; }

.valida-error {
  color: #842029;
  background: #F8D7DA;
  width: fit-content;
  padding: 3px 10px;
  border-radius: 5px;
  margin-left: 44px; }

.form-control:disabled, .form-control[readonly] {
  background-color: none;
  opacity: 1; }

.frecuenciaConsumo-wrap .nav-pills .nav-link {
  border-radius: 50px; }

.cuestionarioActividadWrap .btn-nuevoCuestionario, .cuestionarioFrecuenciadWrap .btn-nuevoCuestionario {
  cursor: pointer;
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
  padding: 4px 20px;
  border-radius: 5px; }

.cuestionarioActividadWrap .btn-cerrarCuestionario {
  cursor: pointer;
  background: gray;
  color: white;
  padding: 4px 20px;
  border-radius: 5px; }

/* clases para botones llenos o vacios */
.llenado {
  color: #0f5132 !important;
  background-color: #d1e7dd !important; }

.vacio {
  color: #842029 !important;
  background-color: #f8d7da !important; }

.check {
  display: block !important; }

.uncheck {
  display: none !important; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #0d6efd !important; }

.botonesFrecuencia .nav-pills .nav-link {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  justify-content: center; }

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