body {
    background: #fafafa;
    font-family: 'Open Sans', sans-serif;
}
.mm-slideout { 
    background: #fafafa;
}
.beginning-wrapper {
    height: calc(125vh - 185px);
    margin-top: 1px;
    padding: 0;
}
.parsley-error {
    border-color: #ef5350 !important;
}
.parsley-errors-list > li {
    font-size: 12px;
    list-style: none;
    color: #f6504d;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

/*CONTAINER LEFT CSS*/
.container-left {
    background: #fafafa;
    height: 100%;
    padding: 5% 0;
}
.container-left-hijo {
    padding: 0;
}
.container-right
{
    /*background: #fff;
    height: 100%;
    padding: 0;
    overflow-y:auto; */
}
.container-titulo-registro {
    padding-left: 0;
    padding-top: 20px;
    margin-left: -38%;
    position: absolute;
}
.titulo-registro span {
    font-size: 24px;
    background: #fff;
    color: #616161;
    width: auto;
    margin-left: -390px;
    padding: 5px 25px 5px 405px;
    font-weight: 600;
}
.registro-beneficios-titulo {
    font-size: 14px;
    padding: 15px 0 30px 0;
    font-weight: 600;
}
.registro-beneficios-hijo {
    font-size: 14px;
    padding: 0 0 20px 15px;
    display: flex;
}
.icono-ok-circled {
    padding-right: 5px;
    color: #0096CB;
    font-size: 20px;
    position: relative;
    bottom: 5px;
}
.img-boy img {
    position: absolute;
    right: 200px;
    bottom: -242px;
    height: 283px;
}

.texto-rojo{
	color: #E74C3C;
}

/*CONTAINER RIGHT*/
.container-formulario-registro {
    color: #616161;
    background-color: #fff;
    padding: 0;
}
#Correo {
    padding: 6px 12px;
}
.formulario-hijo:last-child {
    padding: 0px 30px;
}
.formulario-header-titulo1 {
    font-size: 18px;
    color: #616161;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
    padding: 20px 30px 0 30px;
}
.formulario-header-titulo2 {
    font-size: 12px;
    padding: 0 30px 25px 30px;
}
.formulario-header-titulo3 {
    font-size: 18px;
    color: #616161;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0 30px;
   margin-top:25px;
}
.underline, .underline:hover {
    color: #616161;
}
.input-titulo {
    font-size: 16px;
}
.input-titulo-radio {
    font-size: 16px;
    padding-bottom: 10px;
}
.container-radio {
    display: block;
    position: relative;
    float: left;
    width: 50%;
}
.container-radio input[type=radio] {
    position: absolute;
    z-index: 10;
    opacity: 0;
    width: 55%;
    cursor: pointer;
}
.container-radio input[type=radio]:checked ~ .check {
    border: 1px solid #616161;
}
#radio-hombre
{
    width: 85%;
    height: 23px;
    left: -8px;
}
#radio-mujer
{
    left: -6px;
    height: 23px;
    width: 70%;
}
.texto-radio {
    display: block;
    position: relative;
    height: 25px;
    z-index: 9;
    -webkit-transition: all 0.25s linear;
    padding-top: 2px;
}
.container-radio .check {
    display: block;
    position: absolute;
    border: 1px solid #616161;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 3px;
    left: -5px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.container-radio input[type=radio]:checked ~ .check::before{
  background: #0074D9;
}
.container-radio .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 5px;
    width: 5px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
.parsley-errors-list {
    margin-bottom: 0;
    padding-left: 0;
}
.form-control {
    height: 40px;
    border-radius: 0;
    font-size: 14px;
}
.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}
.formulario-hijo-nieto {
    padding-bottom: 15px;
}
.formulario-footer-titulo1 {
    font-size: 10px;
}
.formulario-footer-titulo2 {
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: center;
    border-top: 1px solid #f1f1f1;
}
#promociones-chk
{
    margin-top: 20px;
    padding: 0 30px;
}
.contenedor-fechaNac {
    display: inline-flex;
}
.contenedor-fechaNac div:nth-child(1),
.contenedor-fechaNac div:nth-child(2) {
    margin-right: 15px;
}
/*#Fecha {
    cursor: pointer;
}*/
.opcional {
    color: #999;
}
.icono-down-open {
    right: 15px;
    top: 25px;
    color: #616161;
    font-size: 1em;
}
.icono-formulario {
    left: 15px;
    top: 25px;
    color: #ccc;
    font-size: 1em;
    }
#Btn-Registrar, #Btn-Registrar:visited, #Btn-Registrar:focus,
#Btn-Registrar:active, #Btn-Registrar:hover
{
    width: 45%;
    color: #E5E5E4;
    background-color: #fff;
    border: 2px solid #E5E5E4;
    font-weight: bold;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    cursor: default;
    margin: 0 auto;
}
.Btn-RegistrarActivo
{
    color: #fff !important;
    background-color: #0074D9 !important;
    border: 2px solid #0074D9 !important;
    cursor:  pointer !important;
}
.Btn-RegistrarActivo:hover
{
    /*color: #fff !important;*/
    background-color: #0066BF !important;
    /*border-color: #0074D9 !important;*/
}
.Btn-RegistrarActivo:active
{
    /*color: #fff !important;*/
    background-color: #0088ff !important;
    /*border-color: #0080AD !important;*/
}
#Btn-Continuar 
{
    width: 45%;
    color: #fff;
    background-color: #0074D9;
    border: 2px solid #0074D9;
    font-weight: bold;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    margin: 0 auto;
}
 #Btn-Continuar
 {
    margin-bottom: 15px;
 }

.Btn-Continuar:hover
{
    /*color: #fff !important;*/
    background-color: #0066BF !important;
    /*border-color: #0074D9 !important;*/
}
.Btn-Continuar:active
{
    /*color: #fff !important;*/
    background-color: #0088ff !important;
    /*border-color: #0080AD !important;*/
}
#seperacion
{
    margin:20px 15px;
}
.container-btn-registrar {
    padding: 0;
}
#Btn-Registrar:focus {
    outline: 0;
}
.formulario-hijo:last-child .formulario-hijo-nieto:last-child {
    text-align: center;
    outline: 0;
    border: 1px solid #616161;
    border-radius: 0;
    background-color: #fff;
    color: #616161;
    font-weight: 600;
    width: 80%;
    padding: 6px;
    display: block;
    margin: 0 auto;
    transition: all .3s;
}
.formulario-hijo:last-child:hover .formulario-hijo-nieto:last-child:hover 
{
    border: 1px solid #0096CB;
    color:#0096CB;
}
.container-btn-ingresar {
    padding:0;
}
.Btn-Ingresar {
    color: #616161;
    font-weight: 600;
    padding: 0;
    margin-bottom: 15px;
}
.Btn-Ingresar label
{
    cursor: pointer;
    display: block;
    font-weight: normal;
    text-align: center;
    height: 40px;
}
.Btn-Ingresar a
{
    color:#616161;
}
.Btn-Ingresar:active {
    /*box-shadow: inset 0 3px 5px rgba(0,0,0,.125);*/
}
.Btn-Ingresar:hover, .Btn-Ingresar:focus {
    color: #616161;
    text-decoration: none;
    outline: 0;
}
.spinner {
  /*margin: 100px auto 0;
  width: 70px;*/
  /*text-align: center;*/
    position: absolute;
    right: 165px;
    top: 12px;
    display: none;
}
.spinnercontCita {
  /*margin: 100px auto 0;
  width: 70px;*/
  /*text-align: center;*/
    position: absolute;
    right: 12px;
    top: 35px;
    display: none;
}
.spinner_registro
{
    position: absolute;
    right: 148px;
    top: 12px;
    display: none;
}
.spinner_clinica
{
    position: absolute;
    right: 18px;
    top: 290px;
    display: none;
}
.spinner_estudios
{
    position: absolute;
    right: 13px;
    top: 15px;
    display: none;
}
.spinner_confirmacion
{
    position: absolute;
    right: 20px;
    top: 172px;
    display: none;
}
.spinner > div,  .spinnercontCita > div,  .spinner_registro > div, .spinner_clinica > div, .spinner_estudios > div, .spinner_confirmacion > div {
  width: 8px;
  height: 8px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1, .spinnercontCita .bounce1, .spinner_registro .bounce1, .spinner_clinica .bounce1, .spinner_estudios .bounce1, .spinner_confirmacion .bounce1{
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2, .spinnercontCita .bounce2, .spinner_registro .bounce2, .spinner_clinica .bounce2, .spinner_estudios .bounce2, .spinner_confirmacion .bounce2{
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*FOOTER*/
.footer {
    background: #fff;
    border-top: 1px solid #d1d1d1;
    position: relative;
    bottom: 0;
    height: 40px;
    line-height: 40px;
}
.footer p {
    color: #93928c;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    .img-boy {
        display: none;
    }
}
@media (max-width: 991px) {
    .registro-beneficios 
    {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .registro-beneficios-hijo {
        height: 60px;
    }
    .input-titulo-radio {
        padding-left: 0;
    }
    .container-radio {
        /*margin-left: 20%*/
    }
    .container-radio {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .formulario-hijo .col-xs-12:first-child {
        padding-bottom: 15px;
    }
    .container-btn-registrar {
        display: block;
        /*float: none;*/
        margin: 0 auto;
    }
    .registro-beneficios-hijos {
        font-size: 12px;
        padding: 0 0
    }
    .Btn-Ingresar {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .spinner {
        right: 85px;
        top: 40px;
    }
}
@media (max-width: 740px) {
    .registro-beneficios {
        padding: 0;
    }
}
@media (max-width: 710px) {
    .registro-beneficios-hijo {
        padding: 0 0 15px 15px;
    }
    .registro-beneficios-hijo p {
        font-size: 12px;
    }
}
@media (max-width: 628px) {
    .registro-beneficios-hijo {
        padding: 0 0 15px 5px;
    }
}
@media (max-width: 500px) {
    .registro-beneficios-hijo p {
        font-size: 10px;
    }

}

@media (max-height: 860px){
    .footer{
        position: relative;
    }
}

@media (max-width: 450px) {
    .container-btn-registrar,
    .Btn-Ingresar {
        width: 94%;
    }
}
@media (max-width: 424px) {
    .formulario-footer-titulo2 {
        font-size: 11px;
    }
    .container-left-hijo {
        padding: 0;
    }
    .registro-beneficios-hijo {
        padding: 0 0 15px 0;
    }
    .icono-ok-circled {
        padding-right: 0;
    }
    .spinner {
        right: 23%;
    }
}
@media (max-width: 400px) {
    .spinner {
        right: 21%;
    }
}
@media (max-width: 370px) {
    .spinner {
        right: 18%;
    }
    .contenedor-fechaNac div:nth-child(1),
    .contenedor-fechaNac div:nth-child(2) {
        margin-right: 5px;
    }
}
@media (max-width: 350px) {
    .contenedor-fechaNac div select {
        padding-right: 0;
    }
    .contenedor-fechaNac div:nth-child(1),
    .contenedor-fechaNac div:nth-child(2) {
        margin-right: 20px;
    }
}
@media (max-width: 340px) {
    .spinner {
        right: 15%;
    }
    .contenedor-fechaNac div:nth-child(1),
    .contenedor-fechaNac div:nth-child(2) {
        margin-right: 15px;
    }
}
@media (max-width: 330px) {
    .contenedor-fechaNac div:nth-child(1),
    .contenedor-fechaNac div:nth-child(2) {
        margin-right: 10px;
    }
}
@media (max-width: 320px) {
    .contenedor-fechaNac div:nth-child(1),
    .contenedor-fechaNac div:nth-child(2) {
        margin-right: 5px;
    }
}
@media (max-width: 639px){
    .titulo-registro span{
        margin-left: 0px;
        padding: 0px;
    }
    #titulo-registro-registrate
    {
        text-align: center;
    }
}
/*----------Línea del Tiempo----------*/

.PacDatosTimelineDivs
{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #e5e5e4;
    margin-top: 35px;
}
#PacDatosTimelineCont a:first-child
{
    cursor: default;
}
.PacDatosTimelineDivs p
{
    margin-bottom: 10px;
    margin-top: 20px;
}
.PacDatosTimelineDivsInnactive
{
    pointer-events: none;
}
.PacDatosTimeline:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #e5e5e4;
}
.PacDatosTimeline:after
{
    content: "";
    position: absolute;
    top: -8px;
    left: 87px;
    border: 8px solid #e5e5e4;
    border-radius: 100%;
}
.PacDatosTimelineActive:before
{
    background-color: #2CBB73;
}
.PacDatosTimelineActive:after
{
    border-color: #2CBB73;
}
.PacDatosTimelineActive span
{
    position: absolute;
    top: -7px;
    color: #fff;
    z-index: 2;
    font-size: 10px;
    left: 88px;
}
#PacDatosCont
{
    background: #fff;
    height: 85px;
}
#PacDatosCont .container
{
    padding-left: 0px;
    padding-right: 0px;
}
#separador
{
    border-top: none;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
    margin-top: 0;
    margin-bottom: 0;
    min-height: 1px;
    position: relative;
}

/*CLASES*/
/*.verde
{
    color:#2CBB73;
}*/
/*MEDIA*/
/*@media (max-width: 1670px)
{
    .container-left
    {
        padding: 1% 0;
    }
    .container-right
    {
        padding: 0;
    }
    .registro-beneficios-hijo 
    {
        padding: 0 0 10px 15px;
    }
    .registro-beneficios-titulo 
    {
        padding: 15px 0 15px 15px;
    }
    .formulario-header-titulo1, .formulario-header-titulo3
    {
        margin-bottom: 5px;
        margin-top: 30px;
    }
    .formulario-header-titulo2 
    {
        padding: 10px 30px 25px 30px;
    }
}
@media (max-width: 1279px)
{
    .PacDatosTimelineDivs
    {
        font-size: 11px;
    }
}
@media (max-width: 1023px)
{
    .beginning-wrapper
    {
        height: initial;
    }
    .container-left     
    {
        padding: 5% 0;
    }
    .container-right
    {
        padding:0 60px;
    }
}
#Btn-Continuar, #contenedorLogin
{
    display: none;
}
*/
#main
{
    background: #fff;
    color: #616161;
    height: calc(100vh - 126px);
    overflow-y:auto; 
}
.mainCita
{
    overflow-y:hidden !important;
    height: auto !important;
    padding-bottom: 20px;
}
#main #titulo-main h4
{
    color:#616161;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 15px;
}
#main .rectangulo p
{
    margin:0;
    font-weight: 600;
}
#main .rectangulo #precio-texto
{
    color: #FF5C17;
}
#main .rectangulo #eliminar-texto
{
    color: #0074D9;
    font-weight: 400;
}
#eliminar-texto span
{
    cursor: pointer;
}
#main .rectangulo label
{
    font-weight: 400;
    margin:0;
}
#main .rectangulo select
{
    color: #0074D9;
    padding: 8px 5px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    outline:0;
    border: 1px solid #E5E5E4;
    cursor: pointer;
}
.inputsHora .form-control[disabled]
{
    background-color: #fff;
    opacity: 1;
    cursor: not-allowed !important;
}
#main .rectangulo select::-ms-expand 
{
    display: none;
}
.ui-datepicker .ui-datepicker-header
{
    border-radius: 0 !important;
    border: 1px solid #0074D9;
    background: #0074D9;
    color: #fff;
}
#main .rectangulo i
{
    color: #0074D9;
    font-size:14px;
    position: absolute;
    right: 5px;
    top: 50%;
    pointer-events: none
}
#boton
{
    /*border-top: 1px solid #ccc;*/
    padding: 20px 15px;
    padding-bottom: 15px;
}
#lnkEstyPaquetes, #lnkEstyPaquetes:hover
{
    width: 230px;
    color: #0074D9;
    border: 2px solid #0074D9;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 10px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

#lnkEstyPaquetes:hover,
#lnkEstyPaquetes:active {
    background-color: #0074D9;
    color: #fff;
}

#HazCitaEnc
{
    margin-left: 15px;
}
#CitaBtnContinuar, #CitaBtnContinuar:visited, #CitaBtnContinuar:focus,
#CitaBtnContinuar:active, #CitaBtnContinuar:hover
{
    width: 237px;
    color: #E5E5E4;
    background-color: #fff;
    border: 2px solid #E5E5E4;
    font-weight: bold;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    cursor: default;
    float: right;
}
.CitaBtnContinuarActivo
{
    color: #fff !important;
    background-color: #0074D9 !important;
    border: 2px solid #0074D9 !important;
    cursor:  pointer !important;
}
.CitaBtnContinuarActivo:hover
{
     /*color: #fff !important;*/
    background-color: #0066BF !important;
    /*border-color: #0074D9 !important;*/
}
.CitaBtnContinuarActivo:active
{
    /*color: #fff !important;*/
    background-color: #0088FF !important;
    /*border-color: #0080AD !important;*/
}
.citaImgsInd
{
    height: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-right: 15px;
    width: 60px;
}
.confImgsInd
{
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-right: 0px;
}
.citaImgsIndBgdensitometria
{
    background-image: url("../images/DensitometriaBg2.png");
}
.citaImgsIndBglaboratorio
{
    background-image: url("../images/LaboratorioBg2.png");
}
.citaImgsIndBgmastografia
{
    background-image: url("../images/MastografiaBg2.png");
}
.citaImgsIndBgnutricion
{
    background-image: url("../images/NutricionBg2.png");
}
.citaImgsIndBgpapanicolaou
{
    background-image: url("../images/PapanicolauBg2.png");
}
.citaImgsIndBgrayosx
{
    background-image: url("../images/RayosXBg2.png");
}
.citaImgsIndBgresonanciamagnetica
{
    background-image: url("../images/ResonanciaMagneticaBg2.png");
}
.citaImgsIndBgtomografia
{
    background-image: url("../images/TomografiaBg2.png");
}
.citaImgsIndBgultrasonido
{
    background-image: url("../images/UltrasonidoBg2.png");
}
.citaImgsIndBgelectrocardiograma
{
    background-image: url("../images/ElectrocardiogramaBg2.png");
}
.citaImgsIndBgultrasonido4d
{
    background-image: url("../images/UltrasonidoBg2.png");
}
/*CLASES*/
.verde
{
    color:#2CBB73;
}
#cita
{
    padding-left: 35px;
}
.citaCant
{
    font-weight: initial !important;
}
.rectangulo
{
    /*background: #fafafa;*/
    padding: 3% 0;
    border-bottom: 1px solid #ccc;
}
.rectangulo:nth-child(odd)
{
    background-color: #fafafa;
}
.reset-p
{
    padding-left: 0 !important;
    padding-right: 0 !important;    
}
.reset-p-i
{
    padding-left: 0 !important;
}
.reset-p-r
{
    padding-right: 0 !important;
}
.fechasHorasInputs
{
    float: right;
    margin-bottom: 30px;
}
.fechasHorasInputs:last-child
{
    margin-bottom: 0px;
}
.fechas-disponibles
{
    color: #0074D9;
    border: 1px solid #E5E5E4;
    cursor: pointer;
}
#bodyTuCita
{
    background-color: #fff;
}
/*Modificaciones JC*/
.formulario-hijo:nth-child(3),
.formulario-hijo:nth-child(4),
.formulario-hijo:nth-child(5),
.formulario-hijo:nth-child(6) {
    padding-bottom: 15px;
}
.container-btn-registrar input {
    width: 100%;
}
.btn-naranja {
    width: 100%;
    color: #fff !important;
    background-color: #FF5C0E !important;
    border: 1px solid #FF5C0E !important;
    font-weight: bold;
    padding: 8px 12px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}
.btn-cancelar {
    width: 100%;
    color: #616161 !important;
    background-color: #FAFAFA !important;
    /* border: 1px solid #FAFAFA !important; */
    /* border-color: #FAFAFA !important; */
    border-color: #adadad !important;
    font-weight: bold;
    padding: 8px 12px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
}
.EliminaEstudio p {
    font-weight: normal !important;
}
#cambiaClinica2 {
    padding: 15px 0;
    background: #FCF7E8;
}
#cambiaClinica2 .col-xs-6:first-child {
    padding: 0 7.5px 0 0;
}
#cambiaClinica2 .col-xs-6:last-child {
    padding: 0 0 0 7.5px;
}
.EliminaEstudio div span:first-child {
    padding: 0 7.5px 0 0;
}
.EliminaEstudio div span:last-child {
    padding: 0 0 0 7.5px;
}
/*Fin modificacines JC*/

/*MEDIA*/
@media (max-width: 1670px)
{
    .container-left
    {
        padding: 1% 0;
    }
    .container-right
    {
        /*padding: 1% 0;*/
    }
    .registro-beneficios-hijo 
    {
        padding: 0 0 10px 15px;
    }
    .registro-beneficios-titulo 
    {
        padding: 15px 0 15px 0;
    }
    .formulario-header-titulo1, .formulario-header-titulo3
    {
        margin-bottom: 20px;
        margin-top: 25px;
    }
    .formulario-header-titulo2 
    {
        padding: 0 30px 30px 30px;
    }
}
@media (max-width: 1279px)
{
    .PacDatosTimelineDivs
    {
        font-size: 11px;
    }
}
@media (max-width: 1023px)
{
    .beginning-wrapper
    {
        height: initial;
    }
    .container-left     
    {
        padding: 5% 0;
    }
    .container-right
    {
        padding:  0 60px;
    }
}
#Btn-Continuar, #contenedorLogin
{
    display: none;
}
@media (max-width: 767px)
{
	.container-right
    {
        padding:  0;
    }
	
    #main 
    {
        height: calc(100vh - 89px);
    }
    #main .container
    {
        padding-left: 0;
        padding-right: 0;
    }
    #main #titulo-main h4 
    {
        font-size: 16px;
    }
    #titulo-main + .col-xs-12
    {
        /*padding-left: 0;
        padding-right: 0;*/
    }
    #cantidad, #cita 
    {
        font-size: 12px;
    }
    #boton a
    {
        /* float: none; */
        margin: 10px auto;
    }
    #main .rectangulo p, #main .rectangulo label, #main .rectangulo select, .hora-seleccionada,
    .rectangulo .contanier-horarios-disponibles li, #main .rectangulo i, .fechas-disponibles
    {
        font-size: 12px;
    }
    #main .rectangulo select
    {
        padding: 5px 3px;
    }
    .reset-p-r 
    {
        /*padding: 0 !important;*/
    }
    .btn-naranja,
    .btn-cancelar {
        width: 95%;
    }
    .cambiaClinica p {
        padding: 0 5px;
    }

    #CitaBtnContinuar, #CitaBtnContinuar:visited, #CitaBtnContinuar:focus,
    #CitaBtnContinuar:active, #CitaBtnContinuar:hover {
        width: 100%;
    }

    #lnkEstyPaquetes, #lnkEstyPaquetes:hover
    {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 637px) {
    .EliminaEstudio p {
        margin-top: 10px;
    }
    #ResumenContEstPaq {
        margin-bottom: 30px;
    }
    .ResumenEstPaqDescr {
        height: 100% !important;
    }
}
@media (max-width: 479px)
{
    #titulo-main
    {
        padding-left: 0;
        padding-right: 0;
    }
    #cantidad
    {
        padding-left: 0;
    }
    .rectangulo .col-xs-6:first-child
    {
        padding-left: 5px;
        padding-right: 0;
    }
    .rectangulo .col-xs-6:last-child
    {
        padding-left: 0;
        padding-right:5px; 
    }
    #main .rectangulo i
    {
        font-size: 10px;
        right: 8px;
        top: 55%;
    }
    #CitaBtnContinuar {
        width: 100%;
    }
}
@media (max-width: 370px)
{
    .fechas-disponibles, #main .rectangulo select, .hora-seleccionada, .rectangulo .contanier-horarios-disponibles li
    {
        font-size: 9px !important;
    }
    .reset-p:first-child {
        width: 40%;
    }
    .rectangulo .col-xs-6:first-child
    {
        width: 40%;
    }
    .rectangulo .col-xs-6:nth-child(2)
    {
        width: 60%;
    }
}
@media (max-width: 1200px)
{
    #container-radio-mujer
    {
        width: 51%;
    }
}
#main .container
{
    padding-left: 0px;
    padding-right: 0px;
}
/*Codigo JC*/
@media (max-width: 1199px) {
    .PacDatosTimelineActive span {
        left: 72px;
    }
    .PacDatosTimeline:after {
        left: 70px;
    }
    #cita {
        padding-left: 20px;
    }
    .fechasHorasInputs:last-child {
        padding: 0;
    }
    #main .rectangulo select {
        padding: 6px 12px;
    }
}
@media (max-width: 991px) {
    .PacDatosTimelineDivs p {
        margin-bottom: 0;
        margin-top: 15px;
    }
    .PacDatosTimelineDivs {
        margin-top: 30px;
    }
    #ContPedido {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .PacDatosTimeline:after {
        left: 55px;
    }
    .PacDatosTimelineActive span {
        left: 57px;
    }
}
@media (max-width: 614px) {
    .PacDatosTimelineDivs p {
        display: none;
    }
    .PacDatosTimeline:after {
        left: 45px;
    }
    .PacDatosTimelineActive span {
        left: 46px;
    }
}
@media (max-width: 520px) {
    .PacDatosTimeline:after {
        left: 35px;
    }
    .PacDatosTimelineActive span {
        left: 36px;
    }
}
@media (max-width: 414px) {
    .PacDatosTimelineDivs {
        margin-top: 42px;
    }
    .PacDatosTimeline:after {
        left: 25px;
    }
    .PacDatosTimelineActive span {
        left: 26px;
    }
    .rectangulo .col-xs-6:nth-child(2),
    .inputsFecha,
    .inputsHora {
        padding: 0;
    }
    .container-btn-registrar {
        padding: 0 15px;
    }
    #Btn-Continuar,
    .container-btn-registrar,
    #Btn-Registrar {
        width: 100%;
    }
    .Btn-Ingresar,
    .formulario-hijo:last-child .formulario-hijo-nieto:last-child {
        width: 100%;
    }
}
@media (max-width: 392px) {
    #main .rectangulo i {
        top: 62%;
    }
}
@media (max-width: 375px) {
    .PacDatosTimeline:after {
        left: 22px;
    }
    .PacDatosTimelineActive span {
        left: 23px;
    }
}
@media (max-width: 320px) {
    .PacDatosTimeline:after {
        left: 17px;
    }
    .PacDatosTimelineActive span {
        left: 18px;
    }
}
/*End JC*/


/* Diseño la lucha */
/* #main-nav li a, #main-nav li a:link, #main-nav li a:visited, #main-nav ul li, #show-nav-menu i, #secciones .info-banners a{
    color: #E5BCC8 !important;
} */

#secciones .info-banners a:hover{
    color: #D8B0BB !important;
}

#secciones .info-banners a:active{
    color: #F4C8D5 !important;
}

.lila, .gris, .magenta, #main .hr-titulo, #utilidades-home a, #servicios-home .item a, nav li a span:before{
  background-color: #E5BCC8 !important;
}

#utilidades-home a:hover{
    background-color: #D8B0BB !important;
}

#utilidades-home a:active{
    background-color: #F4C8D5 !important;
}

#secciones section .secciones:first-child {
    /* background: #FFFFFF !important;
    color: #C78E9E !important; */
    background: #FFFFFF !important;
    color: #e5e5e5 !important;
    border: 2px solid #e5e5e5 !important;
}
#secciones section .secciones:nth-child(2) {
    background: #D09DAB !important;
    color: #FFF !important;
}
#secciones section .secciones:nth-child(3) {
    background: #D8ACB8  !important;
    color: #FFF !important;
}
#secciones section .secciones:last-child {
    background: #E5BCC8 !important;
    color: #FFF !important;
}

#secciones section .secciones:first-child:hover {
    /* color: #A76C7C !important;
    border: 2px solid #A76C7C !important; */
    color: #e5e5e5 !important;
    border: 2px solid #e5e5e5 !important;
}

#secciones section .secciones:nth-child(2):hover{
    background-color: #BE8C99 !important; 
} 

#secciones section .secciones:nth-child(3):hover{
    background: #C496A2 !important;
}

#secciones section .secciones:last-child:hover{
    background-color: #D0A6B2 !important;
}

#secciones section .secciones:first-child:active {
    color: #E8A5B8 !important;
    border: 2px solid #E8A5B8 !important;
}

#secciones section .secciones:nth-child(2):active{
    background: #E6A8B9 !important;
}

#secciones section .secciones:nth-child(3):active{
    background: #EDC1CD !important;
}

#secciones section .secciones:last-child:active{
    background: #FAC4D4 !important;
}

#footer-servicios {
    /* background: #FAC4D4 !important; */
}
#footer .icono-angle-up {
    /* color: #fff !important; */
}
#footer {
    /* background: #F3BDCA !important; */
}