/**********************
    Fonts Mixins
 **********************/
/**********************
    // Fonts Mixins
 **********************/
html, body {
  min-height: 100%;
  margin: 0; }

body {
  padding-bottom:30px;
  background: white;
  background: linear-gradient(180deg, white 0%, #ffadc4 100%);
  font-family: futura-pt,sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #312977;
  font-size: 1rem; }

h1 {
  font-family: futura-pt-bold,sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 15px auto; }

.space25 {
  width: 100%;
  height: 25px; }

form {
  margin: 30px 0; }
  form label {
    font-size: 24px; }
  form .form-control {
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #50bdc9; }

h3 {
  background-color: #50bdc9;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin: 0 auto;
  padding: 5px 20px;
  text-align: center; }

.btn-vnstat {
  font-family: futura-pt-bold,sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #50bdc9;
  border-radius: 20px;
  color: #312977;
  font-size: 22px;
  margin: 15px 0 30px 0;
  padding: 5px 30px; }

.btn-vnstat-rev {
  font-family: futura-pt-bold,sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #312977;
  border-radius: 20px;
  color: #50bdc9;
  font-size: 22px;
  margin: 15px 0 30px 0;
  padding: 5px 30px; }

#msj_rsp, #msj_rsp2 {
  color: #990000;
  font-weight: bold;
  text-align: center; }

#msj_rspInfo {
  color: blue;
  font-weight: bold;
  text-align: center; }

.marginIcons {
  margin: 10px 0; }

.titulo-seccion {
  background: #9c3d9f;
  background: linear-gradient(45deg, #9c3d9f 0%, #c63cc4 100%);
  color: #50bdc9;
  font-size: 40px;
  font-weight: bold;
  padding: 10px 0; }
  .titulo-seccion img {
    margin-right: 10px;
    max-height: 60px; }

.zona-texto {
  background-color: #fff;
  font-size: 22px;
  line-height: 24px;
  text-align: justify;
  border-radius: 10px;
  padding: 5px 20px; }

@media (min-width: 900px) {
  .zona-texto {
    font-size: 26px;
    line-height: 30px; } }
.nav-item {
  font-size: 1.2rem; }

.bg-light {
  background-color: transparent !important; }

/**********************
  // Sidebar Style
 **********************/
.wrapper {
  display: flex;
  width: 100%;
  align-items: stretch; }

#sidebar {
  min-width: 250px;
  max-width: 250px;
  background: #fff;
  color: #fff;
  transition: all 0.3s;
  border-right: 4px solid #312977; }

#sidebar.active {
  margin-left: -250px; }

#sidebar .sidebar-header {
  padding: 20px;
  background: #fff; }

#sidebar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid #fff; }

#sidebar ul p {
  color: #fff;
  padding: 10px; }

#sidebar ul li a {
  padding: 10px 30px;
  font-size: 1.2em;
  display: block;
  color: #312977; }

#sidebar ul li.active {
  color: #fff;
  background: #312977;
  text-decoration: none; }
  #sidebar ul li.active a {
    color: #fff; }

#sidebar ul li a:hover {
  color: #fff;
  background: #312977;
  text-decoration: none; }

a[data-toggle="collapse"] {
  position: relative; }

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%); }

ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: #6d7fcc; }

ul.CTAs {
  padding: 20px; }

ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px; }

a.download {
  background: #fff;
  color: #7386D5; }

a.article,
a.article:hover {
  background: #6d7fcc !important;
  color: #fff !important; }

/**********************
  // Content Style
 **********************/
#content {
  width: 100%;
  min-height: 100vh;
  transition: all 0.3s; }

/**********************
  // Media Queries
 **********************/
@media (max-width: 768px) {
  #sidebar {
    margin-left: 0; }

  #sidebar.active {
    margin-left: -250px; }

  #sidebarCollapse span {
    display: none; } }
.historial-content {
  padding-bottom: 30px; }
  .historial-content h2 {
    border-bottom: 2px solid #312977; }

.asistencia p {
  font-size: 1.8rem; }

.col-form-label, .form-check-label {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-left: 15px;
  margin-right: 15px; }

.form-check {
  margin-right: 15px; }

.form-check-label {
  padding-left: 10px;
  margin: 10px 0; }

.form-group {
  margin-bottom: 0.8rem; }

input[type=radio], input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin-top: 16px; }

.custom-control-label::before {
  background-color: darkorange; }

p.user-data {
  display: inline-block;
  border-bottom: 2px solid #50bdc9; }

.detalle-cita {
  text-align: center;
  font-size: 1.5rem; }

ul.list-horarios {
  list-style: none;
  padding: 0;
  color: #ccc; }
  ul.list-horarios a {
    color: #312977;
    padding: 0 10px;
    text-decoration: none; }
  ul.list-horarios a:hover, ul.list-horarios .horario-seleccionado {
    color: #50bdc9;
    border: 1px solid #50bdc9;
    text-decoration: none; }

.hora-cita {
  color: #50bdc9;
  font-size: 2rem;
  font-weight: bold; }

#msj_rspInfo {
  color: blue;
  font-weight: bold;
  text-align: center; }

.required-txt {
  border-bottom: 2px solid #ff0000 !important; }

.footer {
  background-color: #ffb5ca;
  padding: 8px 0; }

.footer a {
  color: inherit; }

.cuestionario-paciente {
  display: none;
  padding: 10px 20px;
  border: 2px solid #50bdc9;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; }
  .cuestionario-paciente .form-group {
    margin-bottom: 0; }
  .cuestionario-paciente .space25 {
    width: 100%;
    height: 15px; }
  .cuestionario-paciente .form-check-label {
    padding-left: 10px;
    margin: 0; }
  .cuestionario-paciente input[type=radio], .cuestionario-paciente input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-top: 8px; }
  .cuestionario-paciente .form-check {
    margin-left: 25px; }

.btn-citas-logout {
  font-family: futura-pt,sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #312977;
  border-radius: 20px;
  color: #50bdc9;
  font-size: 14px;
  margin: 15px 0 30px 0;
  padding: 5px 20px; }

.cursor-link {
  cursor: pointer;
}
.zona_recup {
  display: none;
}



/*
Futura PT Bold Oblique
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: italic;
 */

/*# sourceMappingURL=webapp.style.v1_0.css.map */