body {
    overflow-y: auto;
    overflow-x: hidden;
    /*background-color: #efefef !important;*/
    background-color: #FFFFFF !important;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: auto; /* para evitar rebote */
}

#main {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/*---Container Principal---*/
.container-fluid {
    /*height: 100%;*/
    overflow: auto;
    /*margin-bottom: 30px;*/
}

.backgroud-page {
    background: #FFFFFF !important;
}
/*---------Pre-Header---------*/
#preHeaderNoMov {
    height: 40px;
    background: #001e34;
    display: none;
}

    #preHeaderNoMov .col-xs-12 {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #preHeaderNoMov a {
        text-decoration: none;
        color: white;
        display: inline-block;
        padding-top: 12px;
        font-size: 13px;
        position: relative;
        /*right: -67%;*/
        float: right;
        right: 90px;
    }

        #preHeaderNoMov a span {
            color: #feb832;
            margin-right: 9px;
        }

#NoMenu picture {
    display: block;
    height: 200px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}

#banner-titulo {
    background: rgba(255,255,255,.7);
    bottom: 100px;
    left: 0;
    padding: 5px 10px;
    position: absolute;
}

    #banner-titulo h1 {
        color: #014461;
        font-size: 40px;
        margin: 0;
    }

#biblioteca {
    background: rgba(255,255,255,.7);
    border-radius: 5px;
    bottom: 35px;
    position: absolute;
    right: 0;
    width: 500px;
}

    #biblioteca .icono-angle-down {
        display: none;
        bottom: -13px;
        position: absolute;
    }

#biblioteca-esp.active i, #biblioteca-eng.active i {
    display: block;
}

#biblioteca .nav-pills > li.active > a, #biblioteca .nav-pills > li.active > a:focus, #biblioteca .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #014461;
}

#biblioteca > div {
    padding: 3%;
}

#biblioteca-lan {
    display: flex;
    justify-content: space-between;
}

#biblioteca-esp, #biblioteca-eng {
    background: #fff;
    border: 1px solid #014461;
    border-radius: 5px;
    display: flex;
    height: 65px;
    justify-content: space-around;
    width: 50%;
}

#biblioteca-esp {
    margin-right: 5px;
}

#biblioteca-eng {
    margin-left: 5px;
}

    #biblioteca-esp i, #biblioteca-eng i {
        display: block;
        font-size: 35px;
        margin: 0 auto;
        text-align: center;
    }

    #biblioteca-esp a, #biblioteca-eng a {
        color: #014461;
        font-size: 15px;
        font-weight: 600;
        position: static;
        display: flex;
        justify-content: space-around;
        padding: 0;
        width: 100%;
        height: 100%;
        align-items: center;
    }

        #biblioteca-esp a div, #biblioteca-eng a div {
            padding: 0 11px 15px 13px;
        }

#biblioteca h4 {
    color: #014461;
    font-weight: 600;
    margin: 0 0 10px;
}

#biblioteca p {
    margin: 0;
}

#ModalCitaPrevia .modal-dialog {
    width: 660px;
}

.guardando {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2722228c;
    backdrop-filter: saturate(180%) blur(4px);
    background-color: rgba(255,255,255,0.7);
    z-index: 999999;
    text-align: center;
    transition: all .3s ease-in;
    visibility: hidden;
}

    .guardando img {
        top: calc(50% - 75px);
        position: fixed;
        left: calc(50% - 75px);
        z-index: 9999;
        width: 150px;
    }

.iniciandosesion {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #2722228c;
    backdrop-filter: saturate(180%) blur(4px);
    background-color: rgba(255,255,255,0.7);
    z-index: 999999;
    text-align: center;
    transition: all .3s ease-in;
    visibility: hidden;
}

    .iniciandosesion img {
        top: calc(50% - 75px);
        position: fixed;
        left: calc(50% - 75px);
        z-index: 9999;
        width: 150px;
    }

.BtnAgregarRecepcionista {
    margin-top: 33px;
    margin-right: 10px;
    float: right;
}

    .BtnAgregarRecepcionista a {
        /*background-color:#12455e;*/
        background-color: #ffffff;
        border: 2px solid #2B557D;
        border-radius: 4px;
        font: normal normal bold 16px/18px Open Sans;
        color: #2B557D;
        padding: 9px 38px;
    }

        .BtnAgregarRecepcionista a:hover {
            background-color: #FFFFFF;
            border: 2px solid #1B3146;
            border-radius: 4px;
            font: normal normal bold 16px/18px Open Sans;
            color: #1B3146;
        }

.headerOrdenEstudios button {
    opacity: 100;
}

.headerOrdenEstudios svg {
}

.headerReceta button {
    opacity: 100;
}

#PacConsSeccRev {
    width: 100%;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}
.container-padre-banner {
    background-color: #fafbfc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.contenedorBannerCortesias {
    gap: 12px;
    padding: 12px 24px;
    width: 100%;
}

.contenedorBannerResultados {
    background-color: #efefef;
    gap: 12px;
    padding-left: 18px;
    /*margin-left: 360px;*/
    padding-top: 24px;
    width: 71%;
}

.TituloResultados {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 32px;
}

/*.PacExpAccPac {
    width: 61%;
    margin-left: 390px;
}*/

/*.ConsResultDivsInfo .ConsResultDivsInfo1 {
    width: 30%;
    vertical-align: top;
    text-align: center;
}*/

.ConsResultDivsInfo {
    display: flex;
}

.ConsResultDivContResp {
    display: flex;
}

.ConsResultDivsInfo2 {
    display: flex;
    flex-direction: column;
}

.ConsResultDivsInfo4 {
    display: flex;
    margin-left: auto;
}

/*.ConsResultDivsInfoCont {
    padding-top: 30px !important;
    margin-left: 12px !important;
}*/

/*Estilos boton resultados de estudios Consulta*/
#ConsResultBtn {
    background-color: #FFFFFF;
    border: 1px solid #0074D9;
    color: #0074D9;
}

#ConsResultBtn:hover {
    border: 2px solid #0074D9;
    color: #0074D9;
}

#ConsResultBtn:focus {
    border: 2px solid #004480;
    color: #0074D9;
}

#ConsResultBtn:active {
    border: 2px solid var(--general-link, #0074D9);
    color: #0074D9;
}

#ConsResultBtn:disabled {
    border: 1px solid #A9AEB3;
    color: #A9AEB3;
}
/*Estilos boton resultados de estudios Consulta*/

/*Estilos boton Diagnostico Presuntivo*/
#BtnAgregarDiagnostico:focus, #BtnAgregarDiagnostico:active {
    outline: none !important;
    box-shadow: none !important;
}

#BtnAgregarDiagnostico {
    background-color: #FFFFFF;
    border: 1px solid #0074D9;
    color: #0074D9;
}

#BtnAgregarDiagnostico:hover {
    border: 2px solid #0074D9;
    color: #0074D9;
}

#BtnAgregarDiagnostico:focus {
    border: 2px solid #004480;
    color: #0074D9;
}

#BtnAgregarDiagnostico:active {
    border: 2px solid #0074D9;
    color: #0074D9;
}

#BtnAgregarDiagnostico:disabled {
    border: 1px solid #A9AEB3;
    color: #A9AEB3;
}
/*Estilos boton Diagnostico Presuntivo*/

#div_PacCurp {
    position: relative
}

#PacConsSeccDiagMedicsBuscarDiv {
    font-size: 16px;
}
/* APARTADO RECUPERAR CONTRASEÑA*/
#Regresar_Inicio {
    color: #004480;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

#enlaceCorreo {
    height: 22px;
    font-size: 16px;
    font-weight: 700;
    color: #43474A;
    margin-bottom: 4px;
}

#codigoEnviado {
    font-size: 16px;
    font-weight: normal;
    height: 22px;
    color: #585C61;
}

#cambiarCorreo {
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #0074D9;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 32px;
    font-size: 14px;
}

.estiloCodigo {
    /*display: block !important;
    height: 32px !important;
    justify-content: center !important;
    font-size: 14px !important;
    align-items: center !important;
    gap: 8px !important;   
    text-decoration: none !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;*/
}

.contraRestablecida {
    font-size: 20px;
    font-family: var(--font-family-title, Montserrat);
    color: #2E3133;
    font-weight: 700 !important;
    margin: 0px;
    margin-bottom: 8px;
}

#regreso_Inicio_sesion {
    margin-bottom: -46px;
    margin-top: 32px;
    margin-left: 200px;
}

.recuperarContra {
    font-size: 23px;
    font-family: var(--font-family-title, Montserrat);
    color: #2E3133;
    font-weight: 700 !important;
}

.verifiqueCorreo {
    font-size: 23px;
    font-family: var(--font-family-title, Montserrat);
    color: #2E3133;
    font-weight: 700 !important;
    margin-bottom: 8px;
    margin-top: 0px;
}

#div_titulo_correo {
    margin-top: 8px !important;
    font-family: 'Montserrat';
}

.contraseñaA {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #585C61 !important;
    margin-bottom: 24px;
}

.primerRadio {
    display: flex;
    align-items: center;
    height: 19px;
    gap: 6px;
}

.estiloRadios {
    display: flex;
    align-items: center;
    height: 19px;
    gap: 6px;
    margin-top: 12px;
}

.estiloContras {
    font-size: 14px;
    width: 100%;
    height: 48px!important;
    padding-left: 10px;
    color: #AFAFAF;
    border-radius: 4px;
    border: 1px solid rgba(210, 212, 215, 1);
    outline: none;
}

#contra_olvidada_ {
    color: #43474A;
    font-size: 14px;
    font-weight: 700;
    margin-top: 1px;
}

#recupEnviar {
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    color: #FFFFFF;
    background-color: #0074D9 !important;
    border-radius: 4px;
    border: none;
    flex: 1;
    height: 40px !important;
    margin-top: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

#recupEnviar:hover {
    text-decoration: none;
    background-color: #004480 !important;
}

#recupEnviar:active {
    border-radius: var(--radius-alias-radius-s, 4px);
    border-top: 1px solid var(--primary-alias-primary-darker, #003666);
    border-right: 1px solid var(--primary-alias-primary-darker, #003666);
    border-left: 1px solid var(--primary-alias-primary-darker, #003666);
    background: linear-gradient(0deg, var(--primary-alias-primary-darker, #003666) -12.5%, var(--primary-alias-primary-darker, #003666) 100%) !important;
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.43) inset;
}

#recupEnviar:focus {
    outline: none !important;
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    border: 1px solid #004480;
    background: var(--primary-alias-primary, #0074D9) !important;
    text-decoration: none;
    outline: none;
}

#recupEnviar:disabled {
    background-color: #A9AEB3 !important;
}

#ContraRestablecidaIniciar {
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    background: var(--primary-alias-primary, #0074D9) !important;
    border: none;
    color: white;
}

#ContraRestablecidaIniciar:hover {
    text-decoration: none;
    background-color: #004480 !important;
}

#ContraRestablecidaIniciar:active {
    border-radius: var(--radius-alias-radius-s, 4px);
    border-top: 1px solid var(--primary-alias-primary-darker, #003666);
    border-right: 1px solid var(--primary-alias-primary-darker, #003666);
    border-left: 1px solid var(--primary-alias-primary-darker, #003666);
    background: linear-gradient(0deg, var(--primary-alias-primary-darker, #003666) -12.5%, var(--primary-alias-primary-darker, #003666) 100%) !important;
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.43) inset;
}

#ContraRestablecidaIniciar:focus {
    outline: none !important;
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    border: 1px solid #004480;
    background: var(--primary-alias-primary, #0074D9) !important;
    text-decoration: none;
    outline: none;
}

#ContraRestablecidaIniciar:disabled {
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    background: var(--general-bg-disbale, #A9AEB3) !important;
    border-color: #A9AEB3 !important;
}

#cambiar-contraseña {
    width: 100%;
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    background: var(--primary-alias-primary, #0074D9) !important;
    border: none;
    color: white;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

#cambiar-contraseña:hover {
    text-decoration: none;
    background-color: #004480 !important;
}

#cambiar-contraseña:active {
    border-radius: var(--radius-alias-radius-s, 4px);
    border-top: 1px solid var(--primary-alias-primary-darker, #003666);
    border-right: 1px solid var(--primary-alias-primary-darker, #003666);
    border-left: 1px solid var(--primary-alias-primary-darker, #003666);
    background: linear-gradient(0deg, var(--primary-alias-primary-darker, #003666) -12.5%, var(--primary-alias-primary-darker, #003666) 100%) !important;
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.43) inset;
}

#cambiar-contraseña:focus {
    outline: none !important;
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    border: 1px solid #004480;
    background: var(--primary-alias-primary, #0074D9) !important;
    text-decoration: none;
    outline: none;
}

#cambiar-contraseña:disabled {
    border-radius: var(--radius-alias-radius-s, 4px) !important;
    background: var(--general-bg-disbale, #A9AEB3) !important;
    border-color: #A9AEB3 !important;
}

#recupCorreo {
    font-size: 14px;
    color: #43474A;
    border-radius: 4px;
    border: 1px solid var(--Input-Text-Status-Default-stroke, #D2D4D7);
    padding: 12px 16px;
}

    #recupCorreo:-webkit-autofill,
    #recupCorreo:-webkit-autofill:hover,
    #recupCorreo:-webkit-autofill:focus,
    #recupCorreo:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
        -webkit-text-fill-color: #43474A !important;
    }

#lbl_correo {
    position: absolute;
    left: 12px;
    top: 14px;
    color: #81888F;
    font-size: 14px;
    transition: 0.2s ease all;
    pointer-events: none;
    background: white;
    padding: 0 4px;
    font-weight: normal;
}

.label_flotante:not(:placeholder-shown) + #lbl_correo {
    top: -8px;
    /*left: 28px !important;*/
    font-size: 14px;
    color: #81888F;
    display: block !important;
}

#div_correo {
    position: relative !important;
}

.es-corecto {
    border: 1px solid #118D57 !important;
}
.has-error_ {
    border-color: #AC1C10 !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.075);
}

#CorreoNoValido_ {
    font-size: 11px;
    color: #AC1C10 !important;
    margin-left: 16px;
    text-align: start;
    display: none;
}

.Codigo {
    font-size: 14px;
    color: #81888F;
    border-radius: 4px;
    border: 1px solid var(--Input-Text-Status-Default-stroke, #D2D4D7);
    padding: 12px 15px;
    outline: none;
    font-size: 20px;
    font-weight: 700;
    color: #43474A;
    margin-right: 8px;
}

.space_codigo {
    width: 42px;/*Antes 7% No Cabian los numeros*/
    height: 48px;
    margin-bottom: 32px;
}

.contraseña_codigo {
    gap: 4px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.toggle-password {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    margin-top: 6px;
}

.no_checked {
    accent-color: #AC1C10; /* Rojo */
}

input[type="radio"].inactivo {
    pointer-events: none;
}

.inicial input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    border: 2px solid #EEF0F2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer; 
    background-color: #EEF0F2;
    border-color: #EEF0F2;
    accent-color: #EEF0F2;
    margin-bottom: 4px;
}

input[type="radio"]:focus {
    outline: none;
    box-shadow: none;
}

.valid input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    border: 2px solid #EEF0F2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #118D57;
    border-color: #EEF0F2;
    accent-color: #118D57;
    margin-bottom: 4px;
}

.invalid input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    border: 2px solid #EEF0F2;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: #AC1C10;
    border-color: #EEF0F2;
    accent-color: #AC1C10;
    margin-bottom: 4px;
}

.div_ocultar {
    display: none !important;
}

.div_mostrar {
    display: block !important;
}

/* APARTADO CODIGO --> toast */
/* Contenedor del toast */
.toast {
    display: grid;
    grid-template-columns: auto 1fr auto;
    /*width: 447px;*/
    width: 449px;
    /*height: 69px;*/
    /*height: 71px;*/
    top: -20px;
    right: 8px;
    gap: 12px;
    align-items: start;
    min-width: 240px;
    max-width: 520px;
    padding: 12px 14px;
    background: #ECF3F9;
    color: #004085;
    border: 1px solid #A3CDF1;
    padding: var(--spacing-alias-spacing-m, 12px) var(--spacing-alias-spacing-l, 16px);
    border-radius: 8px;
    box-shadow: 0 0 2px 0 var(--Dropshadow-Dropdown-Stroke, rgba(145, 158, 171, 0.24)), -20px 20px 40px -4px var(--Dropshadow-Dropdown-Shadow, rgba(145, 158, 171, 0.24));
    opacity: 1;
    transform: translateY(-20px);
    /*transition: opacity 0.3s ease, transform 0.3s ease;*/
    display: none;
}

/* contenedor para mostrar el toast en esquina superior derecha */
.toast-area {
    position: absolute;
    inset: -17px 10px auto auto; /* top-right */
    z-index: 1000;
}

/* icono circular */
.toast__icon {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--icon-bg);
    color: var(--info-border);
    flex: 0 0 auto;
    /*margin-top: 2px;*/
}

.toast__icon svg {
    width: 18px;
    height: 18px;
}

/* texto */
.toast__title {
    font-weight: 700 !important;
    margin: 0;
    font-size: 16px !important;
    line-height: 1.2;
    color: #43474A !important;
}

.toast__desc {
    margin: 2px 0 0 0;
    color: #585C61 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    opacity: .9;
}

/* botón cerrar */
.toast__close {
    appearance: none;
    border: 0;
    background: transparent;
    color: #577b98;
    padding: 5px;
    /*margin-left: 8px;*/
    border-radius: 6px;
    cursor: pointer;
}
/*.toast__close:hover{ background: rgba(43,127,195,.1); }*/
/*.toast__close:focus{ outline: 2px solid rgba(43,127,195,.35); outline-offset: 2px; }*/

.toast__content {
    text-align: start;
    margin-top: 4px;
}

/* Estado visible */
.toast.show {
    opacity: 1;
    transform: translateY(0);
}

/*@keyframes slideIn {
    from {
        transform: translateY(-6px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}*/

/* Botón de cerrar */
.toast button {
    background: transparent;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #004085;
}

.toast_rojo {
    display: grid;
    grid-template-columns: auto 1fr auto;
    width: 449px;
    /*height: 71px;*/
    top: -20px;
    right: 8px;
    gap: 12px;
    align-items: start;
    min-width: 240px;
    max-width: 520px;
    padding: 12px 14px;
    background: #FFDDD6;
    color: #585C61;
    border: 1px solid #AC1C10;
    padding: var(--spacing-alias-spacing-m, 12px) var(--spacing-alias-spacing-l, 16px);
    border-radius: 8px;
    box-shadow: 0 0 2px 0 var(--Dropshadow-Dropdown-Stroke, rgba(145, 158, 171, 0.24)), -20px 20px 40px -4px var(--Dropshadow-Dropdown-Shadow, rgba(145, 158, 171, 0.24));
    opacity: 1;
    transform: translateY(-20px);
    /*transition: opacity 0.3s ease, transform 0.3s ease;*/
    display: none;
}
.toast-rojo-area {
    position: absolute;
    inset: -17px 10px auto auto; /* top-right */ 
    z-index: 1000;
}

.codigo-es {
    border: 1px solid #0074D9 !important;
    background: #ECF3F9;
}

.codigo-corecto {
    border: 1px solid #118D57 !important;
    background: #D3FCD2;
}

.codigo-erroneo {
    border: 1px solid #AC1C10 !important;
    background: #FFDDD6;
}

/* APARTADO CODIGO */

/*LOADER*/
/* Contenedor del loader */
.loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 720px;
    height: 308px;
    gap: 32px;
    background: white;
    padding: 24px 24px;
    /*border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
}

/* Cada punto */
.dot {
    width: 22px;
    height: 22px;
    background-color: #1a3d7c; /* azul */
    border-radius: 50%;
    animation: bounce 0.6s infinite alternate;
}

/* Animaciones con delay */
.dot:nth-child(1) {
    animation-delay: 0s;
}

.dot:nth-child(2) {
    animation-delay: 0.2s;
}

.dot:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes bounce {
    from {
        transform: translateY(0);
        opacity: 0.5;
    }

    to {
        transform: translateY(-10px);
        opacity: 1;
    }
}

/*LOADER*/

/* APARTADO RECUPERAR CONTRASEÑA*/

@media only screen and (min-width: 768px) {
    #preHeaderNoMov {
        display: block;
    }
}
/*------Header---*/
.header {
    height: 60px;
    box-shadow: 2px 2px 1px #fafafa;
}

    .header img, #headerNoMov img {
        width: 70%;
        margin-left: 20px;
        /*max-width: 160px;*/ /*Para evitar que se estire tiene que estar en px (% es del Container)*/
        /*height: 47%;
    max-height: 58px;*/
        /*position: relative;*/
        /*top: 11px;*/
    }

#headerNoMov {
    height: 83px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    /*box-shadow: 2px 2px 1px #fafafa;*/
    position: relative;
    z-index: 1;
}

    #headerNoMov .col-sm-12 {
        height: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #headerNoMov img {
        margin-left: 0;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        /*height: 100%;*/
    }

@media only screen and (min-width: 1280px) {
    #headerNoMov img {
        max-width: 240px;
    }

    #PacConsSeccContDiv1 {
        padding-left: 54px;
    }

    #PacConsCont {
        padding-right: 60px;
    }

    #PacConsCont hr {
        width: 105% !important;
    }

    #contenedorBtnFinalizar {
        padding-right: 0px;
    }

    #contenedorPerfil {
        padding-left: 60px !important;
    }
}

.headerNoMovIcons {
    display: inline-block;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #777779;
}

    .headerNoMovIcons a {
        text-decoration: none;
        color: #777779;
    }

.dropdown:hover .MenuTxt {
    color: #F15C23;
    border-bottom: 1px solid #F15C23;
    transition-delay: 50ms;
}

#iconospace {
    margin-left: 4px;
}

.icono-medicos:before {
    position: relative;
    top: -1px;
}

.footerLnk0 {
    margin-top: 44px;
}

#SubTPag {
    position: absolute;
    top: -40px;
    right: 0px;
    font-weight: bold;
    color: #45718c;
}

#NoMenu {
    position: relative;
}

#DpdownHeader3 {
    left: 2px;
}

#input_buscar {
    position: relative;
    display: inline;
    left: 10px;
    margin-right: 10px;
}

#input_buscarTxt {
    padding-left: 20px;
    border: 0;
    width: 70px;
}

#input_buscarImg {
    position: absolute;
    left: -8px;
    top: 0;
}

#MovLoginCont {
    cursor: pointer;
}

#MovLogin a {
    color: white;
    font-size: 12px;
    font-weight: initial;
}

#noMovUsuarioImg {
    color: white;
    margin-top: 10px !important;
}

#div_password {
    position: relative;
}

.icono_ver {
    position: absolute;
    top: 56%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.icono_ocultar_pass {
    position: absolute;
    top: 56%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.show-icon-password {
    display: flex;
}

.hide-icon-password {
    display: none;
}

.icono_ver_contra {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #preHeaderNoMov a {
        right: 100px;
    }

    #MovLoginCont {
        top: -61px;
    }

    #PacConsSeccContDiv5 {
        width: 75%;
    }

    #contenedorBtnFinalizar {
        padding-right: 0px;
        /*padding-right: 15px;*/
        width: 89.5%;
    }

    #contenedorPerfil {
        padding-left: 15px !important;
    }

    #PacConsBtnRegresar {
        width: 110%;
    }

    #PacConsBtnFinalizar {
        width: 200%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #preHeaderNoMov a {
        right: 100px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #preHeaderNoMov a {
        right: 88px;
    }
    .contenedorBannerResultados {
        background-color: #efefef;
        gap: 12px;
        padding-left: 18px;
        margin-left: 360px;
        padding-top: 24px;
        width: 62.5%;
    }

    .TituloResultados {
        font-family: 'Montserrat';
        font-weight: bold;
        font-size: 32px;
    }

    .ConsResultDivsInfo {
        display: flex;
    }

    .ConsResultDivContResp {
        display: flex;
    }

    .ConsResultDivsInfo2 {
        display: flex;
        flex-direction: column;
    }

    .ConsResultDivsInfo4 {
        display: flex;
        margin-left: auto;
    }
}
/*-----------------Imagen Principal--------------------*/
.main_image {
    /*height: 315px;*/
    /*background-image: url("../Images/Bienvenidos.JPG");
    background-size: cover;
    background-position: center;*/
    position: relative; /*Para que sea padre de SD Box*/
    z-index: 0;
}

#VideoCol {
    padding-left: 0;
    padding-right: 0;
}

#video-wrapper {
    /*width: 100% !important;
    height: auto;*/
    /*width: inherit !important;
    height: 315px !important;*/
    /*position: absolute;*/
    /*object-fit: cover;
    width:100%;
    height:100%;*/
    /*top:0;
    left:0;*/
    /*height: 100%;
    width: 100%;*/
    /*display: inline-flex;*/
}

#videoSD {
    /*height: auto;
    width: 100%;*/
    width: 100% !important;
    height: auto;
}

.contenedor-video {
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 63%;
    height: 0;
    overflow: hidden;
    position: relative;
    /*margin:1em 0;*/
    background-color: black;
}

    .contenedor-video video {
        position: absolute;
        /*width:100%;
    height:100%;*/
        top: -10%;
        left: 0;
    }

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .contenedor-video {
        padding-bottom: 55%;
    }
}

@media only screen and (min-width: 1280px) {
    #headerNoMov {
        height: 120px;
    }

    .contenedor-video {
        padding-bottom: 35%;
    }
}

#Bienvenida {
    position: absolute;
    color: #fff;
    text-shadow: 3px 3px 3px #777779;
    font-size: 36px;
    font-weight: bold;
    left: 50%;
    /*top: 200px;*/
    top: 37%;
    -webkit-transform: translateX(-50%); /*Alinea Horizontalmente*/
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

#SDBox {
    position: absolute;
    width: 175px;
    height: 40px;
    text-align: center; /*Alinea Horizontalmente Texto*/
    margin: 0 auto; /*Alinea Horizontalmente*/
    left: 0;
    right: 0;
    top: 65%; /*Mueve Verticalmente*/
    border: 2px solid white;
    font-size: 11px;
    font-weight: bold;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
}

    #SDBox a {
        color: white;
        text-decoration: none;
        font-size: 9px;
        font-weight: bold;
        line-height: 39px; /*Mueve Verticalmente Texto*/
    }

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #Bienvenida {
        font-size: 76px;
        top: 37%;
    }

    #SDBox {
        width: 365px;
        height: 60px;
        top: 65%;
    }

        #SDBox a {
            font-size: 17px;
            line-height: 61px;
        }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #Bienvenida {
        font-size: 86px;
        top: 38%;
    }

    #SDBox {
        width: 398px;
        height: 65px;
        top: 66%;
    }

        #SDBox a {
            font-size: 18px;
            line-height: 64px;
        }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #Bienvenida {
        font-size: 86px;
        top: 41%;
    }

    #SDBox {
        width: 398px;
        height: 65px;
        top: 66%;
    }

        #SDBox a {
            font-size: 18px;
            line-height: 64px;
        }

    .contenedorBannerResultados {
        background-color: #efefef;
        gap: 12px;
        padding-left: 18px;
        margin-left: 360px;
        padding-top: 24px;
        width: 62.5%;
    }

    .TituloResultados {
        font-family: 'Montserrat';
        font-weight: bold;
        font-size: 32px;
    }
}

@media only screen and (min-width: 1920px) {
    #Bienvenida {
        font-size: 86px;
        top: 47%;
    }

    #SDBox {
        width: 398px;
        height: 65px;
        top: 66%;
    }

        #SDBox a {
            font-size: 18px;
            line-height: 64px;
        }
}

#DefCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#DefaultCarrusel {
    margin-left: -15px;
    margin-right: -15px;
}

.DefaultCarruselImg {
    height: 214px;
    background-position: 10%;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-left: 15px;
}

.DefaultCarruselTxt {
    position: relative;
    top: 130px;
    margin-right: 15%;
    float: right;
}

    .DefaultCarruselTxt p {
        background: rgba(255,255,255,.7);
        display: table;
        color: #13465f;
        font-size: 15px;
        font-weight: 400;
        line-height: 17px;
        margin-bottom: 5px;
        padding: 5px;
        /*text-shadow: 2px 2px 3px #777779;*/
        word-wrap: break-word;
        float: right;
        clear: both;
        /*text-align: right;*/
    }

.DefaultCarruselBtn {
    clear: both;
    position: relative;
    top: 140px;
    margin-right: 15%;
    text-align: right;
}

    .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover, .DefaultCarruselBtn div:active {
        background: #12455e !important;
        border-color: #12455e !important;
        border-radius: 0;
        color: white !important;
        font-size: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 18px;
        padding-right: 18px;
    }

#DefaultCarruselImg1 {
    background-image: url("../Images/Banner_EquipoMedicos.png");
}

#DefaultCarruselImg2 {
    background-image: url("../Images/Banner_HistorialMedico.png");
}

#DefaultCarruselImg3 {
    background-image: url("../Images/Banner_Citas.png");
    background-position: 30%;
}

#DefaultCarruselIndicadores {
    bottom: 10px;
    z-index: 15;
}

@media only screen and (min-width: 320px) and (max-width: 486px) {
    .DefaultCarruselTxt p {
        font-size: 15px;
    }

    .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover, .DefaultCarruselBtn div:active {
        font-size: 9px;
    }

    #PacConsSeccDiagMedicsBuscarDiv {
        font-size: 14px;
    }

    .contenedorBannerCortesias {
        padding:24px 32px;
    }

    .contenedorBannerResultados {
        background-color: #efefef;
        gap: 12px;
        /*padding-left: 18px;*/
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 24px;
        width: 100%;
    }

    .TituloResultados {
        font-family: 'Montserrat';
        font-weight: bold;
        font-size: 23px;
    }

    .ConsResultDivsInfo {
        /*width: 97.5%;
        font-size: 0px;
        padding-bottom: 15px;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        border-radius: 8px;
        margin-top: 16px;
        margin-left: 5px;*/
        display: flex;
        flex-wrap: wrap;
    }

    #ConsResultInput {
        width: 120% !important;
    }

    #ConsResultBtn {
        width: 99% !important;
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .SubtituloCortesias {
        font-size:18px !important;
        font-weight: 600;
        color: #43474A !important;
    } 
    .contenedorBannerCortesias {
        padding: 32px 24px 24px 24px !important;
    }
}

@media only screen and (max-width: 480px) {
    .TituloCortesias {
        font-size: 23px !important;
        margin-top: 0;
    }

    .SubtituloCortesias {
        color: #585C61 !important;
        font-weight: 400 !important;
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 769px) {
    .contenedorBannerCortesias {
        gap: 12px;
        padding: 32px 60px 24px 60px !important;
    }

    .TituloResultados {
        font-family: 'Montserrat';
        font-weight: bold;
        font-size: 32px;
    }
}

@media only screen and (min-width: 487px) and (max-width: 671px) {
    .DefaultCarruselTxt p {
        margin-left: 130px;
        font-size: 17px;
    }

    .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover, .DefaultCarruselBtn div:active {
        font-size: 11px;
    }
}

@media only screen and (min-width: 672px) and (max-width: 767px) {
    .DefaultCarruselTxt p {
        margin-left: 200px;
        font-size: 22px;
    }

    .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover, .DefaultCarruselBtn div:active {
        font-size: 11px;
    }

    .contenedorBannerCortesias {
        padding-left: 15px;
        padding-top: 24px;
    }

    .TituloResultados {
        font-family: 'Montserrat';
        font-weight: bold;
        font-size: 32px;
    }

    #ConsResultInput {
        width: 263% !important;
    }
}

@media only screen and (max-width: 767px) {
    .DefaultCarruselTxt {
        top: 80px;
    }

    .DefaultCarruselBtn {
        top: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .DefaultCarruselImg {
        height: 370px;
    }

    .DefaultCarruselTxt {
        top: 140px;
    }

        .DefaultCarruselTxt p {
            font-size: 28px;
            margin-left: 198px;
            line-height: 30px;
        }

    .DefaultCarruselBtn {
        top: 170px;
    }

        .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover {
            font-size: 13px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 27px;
            padding-right: 27px;
        }
    #ConsResultBtn {
        top: 182px;
        left: 928px;
        width: 140px !important;
        height: 40px;
        border-radius: 4px;
        font: normal normal bold 16px Open Sans;
        background-color: #FFFFFF;
    }

    #PacExpsConsResult1 .ConsResultDivs:nth-child(3) {
        padding-left: 90px;
    }
}

@media only screen and (min-width: 1280px) {
    .DefaultCarruselImg {
        height: 450px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    .DefaultCarruselTxt {
        top: 155px
        ;
    }

        .DefaultCarruselTxt p {
            font-size: 40px;
            margin-left: 224px;
            line-height: 40px;
        }

    .DefaultCarruselBtn {
        top: 200px;
    }

        .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover {
            font-size: 16px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 40px;
            padding-right: 40px;
        }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    .DefaultCarruselTxt {
        top: 155px;
    }

        .DefaultCarruselTxt p {
            font-size: 50px;
            /*margin-left: 315px;*/
            line-height: 40px;
        }

    .DefaultCarruselBtn {
        top: 200px;
    }

        .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover {
            font-size: 16px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 40px;
            padding-right: 40px;
        }
}

@media only screen and (min-width: 1920px) {
    .DefaultCarruselImg {
        height: 575px;
    }

    .DefaultCarruselTxt {
        top: 195px;
    }

        .DefaultCarruselTxt p {
            font-size: 51px;
            margin-left: 304px;
            line-height: 50px;
        }

    .DefaultCarruselBtn {
        top: 250px;
    }

        .DefaultCarruselBtn div, .DefaultCarruselBtn div:hover {
            font-size: 14px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 50px;
            padding-right: 50px;
        }
}

/*--------------Links--------------*/
.lnks_cont {
    /*border-bottom: 1px solid gray;*/
    background: #014461;
}

.lnks_cont_col {
    align-items: center;
    height: 200px;
    position: relative;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.lnksCaption {
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
    position: relative;
    /*bottom: 20px;
    left: 39%;*/
    margin: auto;
    font-size: 16px;
    font-weight: 600;
    /*Nulifica el del serv*/
    line-height: 1.4;
}

.lnksCaption2 {
    height: 42px;
}

.lnks_cont_col p {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    /*top: 55px;*/
    font-size: 14px;
    line-height: 1.5;
}

@media only screen and (min-width: 768px) {
    .lnks_cont_col p {
        font-size: 14px;
    }
}

.lnks_cont a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    width: 100%;
}

    .lnks_cont a i {
        font-size: 50px;
    }

.ContGrayBar {
    text-align: center;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.graybar {
    text-align: center;
}

.graybar2 {
    padding-left: 0;
    padding-right: 0;
}

.graybar div {
    width: 100%;
    height: 1px;
    display: inline-block;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px darkgray;
}

/*-------------Notas de Interés---------------------------*/
.greenbar {
    height: 16px;
    background: #12455e;
    margin-left: -15px;
    margin-right: -15px;
}

.lnkGral {
    /*width: auto;*/
    height: 304px;
    background-size: cover;
    background-position: 40%;
    /*text-shadow: 2px 1px 1px #777779;*/
    /*filter: brightness(80%);*/
    font-size: 13px;
    position: relative;
    margin-bottom: 16px;
    text-align: right;
}

.lnkClickarea:hover .lnkGral::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
}

#lnkGralBgNotes {
    background-image: url("../Images/BannerEducPaciente.JPG");
}

#lnkGralBgNews {
    float: right; /*Funciona con el 49% col-sm-6*/
    background-image: url("../Images/Resultados.JPG");
}

#lnkGralBgGaz {
    float: right;
    background-image: url("../Images/gaceta.JPG");
}

    #lnkGralBgGaz:hover #GacetaBoton {
        /*display: block;*/
    }

    #lnkGralBgGaz:hover #lnkGralTextoGaz, .lnkGral:hover .lnkGralTexto {
        bottom: 70px;
        transition: all .3s;
    }

#lnkGralBgEst {
    background-image: url("../Images/estadisticas.JPG");
    background-position: center 40%;
}

/*@media only screen and (min-width: 0px) and (max-width: 767px)
{
    #lnkGralTextoEst
    {
        top: 200px;
    }
}*/

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    /*#lnkGralTextoEst
    {
        top: 200px;
    }*/
    .lnksClickCont {
        padding-left: 10px;
        padding-right: 10px;
    }

        .lnksClickCont .col-sm-6 {
            width: 49%;
        }

    .lnks_cont {
        margin: 30px 0px;
    }
}

@media only screen and (min-width: 1280px) {
    .lnkGral {
        height: 387px;
    }
    /*#lnkGralTextoEst
    {
        top: 227px;
    }*/
    .lnksClickCont {
        padding-left: 15px;
        padding-right: 15px;
    }

        .lnksClickCont .col-lg-4 {
            width: 32%;
        }

        .lnksClickCont .col-lg-6 {
            width: 49%;
        }

    #lnkGralBgNews {
        float: right;
        /*left: 2%;*/
    }

    #lnkGralBgGaz {
        float: right;
    }

    .lnks_cont {
        margin: 0 -15px 30px;
    }
}

.lnkClickarea {
    width: 100%;
    height: 100%;
    color: white;
    display: block;
    position: relative;
}

    .lnkClickarea:hover {
        text-decoration: none;
        color: white;
    }

.lnkGralTexto {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    /*margin-right: 15px;*/
    right: 15px;
}

    .lnkGralTexto h4 {
        background: rgba(255,255,255,.8);
        display: initial;
        color: #13465f;
        padding: 5px;
        font-size: 22px;
        line-height: 50px;
        font-weight: 800;
        padding: 5px;
        margin-bottom: 10px;
    }

    .lnkGralTexto p {
        background: rgba(255,255,255,.7);
        display: block;
        color: #001e34;
        font-weight: 600;
        padding: 5px;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 0;
        /*text-shadow: 2px 2px 3px #777779;*/
        word-wrap: break-word;
    }

@media only screen and (min-width: 1050px) and (max-width: 1302px) {
    .lnkGralTexto h4 {
        font-size: 19px;
    }

    .lnkGralTexto p {
        font-size: 12px;
    }

    #lnkGralTextoInd2 {
        left: 327px !important;
    }

    #lnkGralTextoEduc2 {
        left: 151px !important;
    }

    #lnkGralTextoPGaceta {
        left: 83px !important;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1049px) {
    .lnkGralTexto h4 {
        font-size: 18px;
    }

    .lnkGralTexto p {
        font-size: 11px;
    }

    #lnkGralTextoInd2 {
        left: 300px !important;
    }

    #lnkGralTextoEduc2 {
        left: 138px !important;
    }

    #lnkGralTextoPGaceta {
        left: 81px !important;
    }
}

@media only screen and (min-width: 827px) and (max-width: 900px) {
    .lnkGralTexto h4 {
        font-size: 17px;
    }

    .lnkGralTexto p {
        font-size: 10px;
    }

    #lnkGralTextoInd2 {
        left: 273px !important;
    }

    #lnkGralTextoEduc2 {
        left: 127px !important;
    }

    #lnkGralTextoPGaceta {
        left: 79px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 826px) {
    .lnkGralTexto h4 {
        font-size: 15px;
    }

    .lnkGralTexto p {
        font-size: 8px;
    }

    #lnkGralTextoInd2 {
        left: 218px !important;
    }

    #lnkGralTextoEduc2 {
        left: 100px !important;
    }

    #lnkGralTextoPGaceta {
        left: 74px !important;
    }

    #GacetaBoton div, .BotonesPrincipales div, .BotonesPrincipales div:hover {
        font-size: 12px;
    }
}

#lnkGralTextoPGaceta {
    display: table;
    left: 96px;
    position: relative;
}

#lnkGralTextoInd {
    margin-bottom: 5px;
}

#lnkGralTextoInd2 {
    display: table;
    left: 382px;
    position: relative;
}

#lnkGralTextoEduc {
    margin-bottom: 5px;
}

#lnkGralTextoEduc2 {
    display: table;
    left: 176px;
    position: relative;
}
/*#lnkGralTextoNews
{
    top: 215px;
}*/
#GacetaBoton, .BotonesPrincipales {
    /*display: none;*/
    position: absolute;
    right: 15px;
    bottom: 15px;
}

    #GacetaBoton div, .BotonesPrincipales div, .BotonesPrincipales div:hover {
        background: #12455e;
        border-color: #12455e;
        border-radius: 0;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
    }

#GacetaBoton, .BotonesPrincipales {
    opacity: 0;
    transition: all .3s;
}
/*#lnkGralBgGaz:hover*/ .lnkGral:hover #GacetaBoton, .lnkGral:hover .BotonesPrincipales /*#lnkGralBgGaz:hover .BotonesPrincipales*/ {
    opacity: 1;
    z-index: 1;
}
/*#GacetaBoton a:hover
{
    background: DarkGreen;
}*/
/*-----------------Notas Específicas-------------------------*/

@media only screen and (min-width: 768px) {
    #NotasEsp {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

        #NotasEsp div, #NotasEsp a {
            height: 215px;
            /*background-position: 55%;*/
        }

        #NotasEsp div {
            padding-left: 0;
            padding-right: 0;
        }

        #NotasEsp .col-sm-8 {
            width: 66%;
        }

        #NotasEsp .col-sm-4 {
            width: 32%;
        }

        #NotasEsp .col-sm-6 {
            width: 48.5%;
        }

    #notic_area, #notic_areaNew, #notaint_area a:nth-child(2) {
        float: right;
    }
}

@media only screen and (min-width: 1280px) {
    #NotasEsp div, #NotasEsp a {
        height: 304px;
    }

    .lnkClickarea .col-lg-8 {
        width: 66%;
    }
}
/*-------------------Footer-------------------------*/
.footer {
    background: #eeeeee;
    text-align: center;
}

#SocialN {
    display: inline-block; /*Para width:auto*/
    margin: 0 auto;
    margin-top: 16px;
}

    #SocialN a {
        margin-right: 5px;
    }

#Aviso {
    width: 100%;
    height: auto;
    margin-top: 8px;
    color: #777779;
}

    #Aviso a, #Aviso p {
        display: inline;
    }

    #Aviso a {
        float: left;
        color: #777779;
        text-decoration: none;
    }

    #Aviso p {
        float: right;
        margin-bottom: 16px;
    }
/*------------footer SD----------*/
#footer {
    margin-left: -15px;
    margin-right: -15px;
}

#footer-servicios {
    margin-left: -15px;
    margin-right: -15px; /*Se comento el width 100% en otro CSS*/
    /*Se agrego Media query para margin bototm del ultimo footer en 320px*/
}
/*-------------Menú--------------*/
.menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #001f35;
    z-index: 5;
}

.MenuSections {
    display: inline-block;
    vertical-align: baseline;
    text-align: center;
    width: 20%;
    float: left;
    font-size: 10px;
    padding: 9px 0px;
    position: relative;
}

.MenuCaption {
    color: White;
    display: block;
    /*font-weight: bold;*/
}

.icono-medicos {
    position: relative;
    left: -1px;
}
/*-----------SubMenús-----------*/
#SubMenus {
    font-weight: bold;
    height: 100%;
}

    #SubMenus .col-xs-12, #SubMenusCol {
        /*padding-left: 0;
    padding-right: 0;*/
    }

#SubMenuDivsCont, #SubMenuDivsCont2, #SubMenuDivsCont3, #SubMenuDivsCont4, #SubMenuDivsCont0 {
    margin-right: -15px;
}

.SubMenu_Header {
    position: fixed;
    right: 20px;
    top: 20px;
    color: #45718c;
    cursor: pointer;
}

#SubMenus, .SubM {
    display: none;
}

#SubMenus {
    overflow: hidden;
}

.SubMenu_Titulo {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    background-color: #eeeeee
}

    .SubMenu_Titulo p {
        color: #625750;
        display: inline-block;
    }

    .SubMenu_Titulo i {
        float: right;
    }

.MenuIcon {
    font-size: 14px;
    color: white;
}

.BuscarIcon {
    font-size: 18px;
    color: #001f35;
}

.SubMenu_Lnks {
    margin-left: 75px;
}

.SubMenu_List {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
    color: white;
}

    .SubMenu_List li {
        padding-top: 10px;
        padding-bottom: 10px;
    }
/*.SubMenu_List li a
{
    color: #625750;
    text-decoration: none;
    color: white;
}*/
#resultadosBusquedaMovDiv {
    padding-top: 20px;
    padding-bottom: 10px;
}

    #resultadosBusquedaMovDiv a {
        color: #625750;
        text-decoration: none;
        display: inline-block;
        vertical-align: top;
        width: 70%;
        margin-left: 20px;
        font-size: 13px;
        font-weight: bold;
        text-align: justify;
    }

    #resultadosBusquedaMovDiv img {
        width: 48px;
        height: 48px;
        display: inline-block;
        image-rendering: pixelated;
    }

#resultBusquedaMov hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1.5px solid #eee;
}

#resultBusquedaMov {
    margin-left: -60px;
    margin-right: 15px;
}

    #resultBusquedaMov li {
        text-indent: 0;
        padding-bottom: 0;
        padding-top: 5px;
        list-style: disc;
    }

    #resultBusquedaMov span {
        text-decoration: underline;
    }

#BusquedaCont {
    margin-top: 5px;
}

.SubMenuDivChange {
    background-color: white;
}

    .SubMenuDivChange:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #45718c;
    }

    .SubMenuDivChange:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 39%;
        width: 0;
        height: 0;
        border-bottom: 8px solid #45718c;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

.SubMenuIconChange {
    color: #001f35;
}

.SubMenuCaptChange {
    /*font-weight: bold;*/
    color: #001f35;
}

.SubImgBG {
    height: 214px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1.3);
}

#SubBg1 {
    background-image: url("../Images/Buscar_.PNG");
}

#SubBg2 {
    background-image: url("../Images/SobreSD.JPG");
}

#SubBg3 {
    background-image: url("../Images/Medicos.JPG");
}

#SubBg4 {
    background-image: url("../Images/Herramientas.JPG");
}

.SubBg5 {
    background-image: url("../Images/MiCuenta.JPG");
}

.SubBg6 {
    background-image: url("../Images/MiCuenta2.JPG");
}

#SubMenuLogin3, #SubMenuLogin4, #SubMenuLogin5, #noMovUsuario, #noMovUsuarioImg, nombreDrSubt, nombreDrSubt_, #noMovUsuarioDpdown, #AdminDropDown {
    display: none;
}

#SubMenuLogin4 {
    color: white;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#SubMenuDivsCont, #SubMenuDivsCont2, #SubMenuDivsCont3, #SubMenuDivsCont4, #SubMenuDivsCont0 {
    width: 100%;
    /*height: 100%;*/
    background-color: #13465f;
    overflow: hidden;
    position: absolute;
    top: 274px;
    bottom: 0;
    margin-bottom: 51px;
    /*padding-top: 10px;*/
}

#SubMenuDivsCont0 {
    top: 60px;
    padding-top: 0px;
}

#BuscarCont {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #f8f8f8;
    margin-bottom: 20px;
}

    #BuscarCont input {
        width: 80%;
        border-color: #f8f8f8;
        border-style: none;
        background-color: #f8f8f8;
        outline: none;
        padding: 3px;
        color: #13465f;
        font-size: 15px;
    }

#BuscarBG {
    height: 100%;
    background-image: url("../Images/BuscarBG.png");
    background-repeat: no-repeat;
    background-position: 50% 35%;
}

#BuscarText {
    position: relative;
    top: 290px;
    font-size: 16px;
    text-align: center;
    color: #45718c;
}

.SubMenuDivs {
    width: 50%;
    height: 34%;
    /*display: inline-block;*/
    position: relative;
    /*border: 1px solid black;*/
    background-color: #13465f;
}

    .SubMenuDivs div {
        /*text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    }

    .SubMenuDivs p {
        margin: 0;
        /*font-size: 12px;*/
        font-weight: bold;
        color: white;
        text-align: center;
        position: absolute;
        top: 71%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*margin-left: 15px;
    margin-right: 15px;*/
    }

.SubMenuDivsP1 {
    top: 63% !important;
}

.SubMenuDivs a:hover {
    text-decoration: none;
}

.SubMenuDivsLeft {
    float: left;
}

.SubMenuDivsRight {
    float: right;
}

.SubMenuDivs1:before, .SubMenuDivs2:before, .SubMenuDivs3:before, .SubMenuDivs4:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 80%;
    height: 1px;
    background-color: #45718c;
}

.SubMenuDivs1:after, .SubMenuDivs3:after, .SubMenuDivs5:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    width: 1px;
    height: 72%;
    background-color: #45718c;
}

.SubMenuDivsIcons {
    color: white;
    /*font-size: 28px;*/
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#terminobuscarMov {
    margin-left: 15px;
    padding-left: 5px;
}

@media only screen and (min-height : 0px) and (max-height : 568px) {
    .SubMenuDivsIcons {
        font-size: 23px;
    }

    .SubMenuDivs p {
        font-size: 10px;
    }
}

@media only screen and (min-height : 569px) and (max-height : 667px) {
    .SubMenuDivsIcons {
        font-size: 27px;
    }

    .SubMenuDivs p {
        font-size: 11px;
    }
}

@media only screen and (min-height : 668px) and (max-height : 736px) {
    .SubMenuDivsIcons {
        font-size: 32px;
    }

    .SubMenuDivs p {
        font-size: 13px;
    }
}

@media only screen and (min-height : 737px) {
    .SubMenuDivsIcons {
        font-size: 32px;
    }

    .SubMenuDivs p {
        font-size: 13px;
    }
}
/*-------------Login---------------*/
.boldie {
    font-weight: bold;
}

.sm {
    font-size: small;
}

.space {
    width: 100%;
    margin-bottom: 10px;
}

.inputtagscolor {
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
    margin-left: 13px;
}

.TituloPacientes {
    font-family: 'Montserrat';
    font-weight: bold;
}

.SubtituloPacientes {
    font-family: 'Open Sans';
    font-size: 20px;
    color: #81888F;
}

.TituloCortesias {
    font-size:32px;
    font-family: 'Montserrat';
    font-weight: bold;
}

.SubtituloCortesias {
    color: #81888F;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 20px;
}

.SubtituloResultados {
    font-family: 'Open Sans';
    font-size: 18px;
    color: #81888F;
}

.contenedorBannerResultados {
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 24px;
    margin-left: 0px;
    width: 100%;
}

#iniLogin2 {
    text-align: left;
    font-family: 'Open Sans';
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #075B98;
    opacity: 1;
}


#recordar_ {
    margin-top: 15px;
}

#recordartxt, #recordartxt_ {
    vertical-align: text-bottom;
}

#contra_olvidada {
    position: absolute;
    top: 190px;
    right: 15px;
    color: #12455e;
    text-decoration: none;
}
/*#contra_olvidada_
{
    position: absolute;
    top: 238px;
    right: 50px;
    color: #12455e;
    text-decoration: none;
}*/
#login {
    width: 100%;
    /*padding: 5px;*/
    color: white;
    background-color: #12455e;
    border-radius: 0;
    margin-top: 30px;
    border-color: #12455e;
    padding: 14px 14px;
}

#loginAdmin {
    width: 100%;
    padding-bottom: 5px;
    color: white;
    background-color: #12455e;
    border-radius: 0;
    margin-top: 30px;
    border-color: #12455e;
    padding: 14px 14px;
}

#login_ {
    width: 100%;
    color: white;
    background-color: #001e34;
    border-radius: 0;
    border-color: #001e34;
    /*padding: 14px 14px;*/
}

#Cuentatxt {
    color: darkgray;
}
/*#cuentabtn
{
    font-weight: bold;
    background-color: darkgray;
    width: 100%;
    padding: 5px;
    border-radius: 0;
    padding: 14px 14px;
}*/
.PagImgBG {
    background-image: url("../Images/Login_Reg.PNG");
}

#TextoRegistro {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 18px;
    font-weight: bold;
    left: 50%;
    /*bottom: 40%;*/
    text-align: center;
    -webkit-transform: translate(-50%, 60%); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 60%);
    -ms-transform: translate(-50%, 60%);
    transform: translate(-50%, 60%);
    z-index: 0;
}

.data input:not(#login):not(#recordar) {
    padding-left: 8px;
}

.data input:not(#loginAdmin):not(#recordar) {
    height: 36px;
    padding-left: 8px;
}

#RecMaincontent {
    max-width: 1280px;
}

#LogMainCont {
    margin-top: 5rem;
    margin-bottom: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #LogMainCont {
        margin-left: 30%;
        margin-right: 30%;
    }

    #TextoRegistro {
        font-size: 30px;
        -webkit-transform: translate(-50%, 60%);
        -moz-transform: translate(-50%, 60%);
        -ms-transform: translate(-50%, 60%);
        transform: translate(-50%, 60%);
    }

    #RecMaincontent {
        margin-left: 28%;
        margin-right: 28%;
    }
}

@media only screen and (min-width: 1280px) {
    #LogMainCont {
        margin-left: 38%;
        margin-right: 38%;
    }
}

#recCont {
    margin-bottom: 25px;
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #RecMaincontent {
        margin-left: 35%;
        margin-right: 35%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #RecMaincontent {
        margin-left: 38%;
        margin-right: 38%;
    }
}

@media only screen and (min-width: 1920px) {
    #RecMaincontent {
        margin-left: 40%;
        margin-right: 40%;
    }
}
/*-----------Footer_Login---------*/
#info1, #info2 {
    /*border: 1px solid black;*/
    width: 48%; /*Tambien para separar los 2 divs*/
    height: 48px;
    display: inline-block;
    vertical-align: top;
}

.margen {
    display: block;
    margin-top: 7px;
}

#info1 {
    text-align: right;
    float: left;
}

    #info1 p {
        display: inline;
    }

#info2 {
    text-align: left;
    float: right;
}
/*----Datos inicio de sesión--*/
.data {
    /*background: LightBlue;*/
    /*border: 1px solid black;*/
    position: relative; /*Para usar absolute en link*/
    margin-top: 10px;
}

#mask {
    position: absolute;
    width: 45px;
    height: 4px;
    top: -4px;
    background: #12455e;
}
/*----------Registro----------*/
.reg, #LoginNewAcc {
    /*background: MediumSeaGreen;*/
    /*border: 1px solid black;*/
    padding-top: 20px;
    padding-bottom: 25px;
    text-align: center;
}
/*-------Footer Login-------*/
.footer_login {
    /*background: Darkgray;*/
    /*border: 1px solid black;*/
    padding-top: 20px;
    /*font-size: 14px;*/
}

    .footer_login a, .footer_login p {
        text-decoration: none;
        color: #777779;
    }

#regEnviarCont {
    margin-bottom: 25px;
}

#regMainCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#regCont input:not(#regEnviar):not(#regGaceta):not(#Infografiaradio1):not(#Infografiaradio2), #regCont select {
    height: 36px;
    padding-left: 8px;
}

#regContSexo .Infografiasradio {
    margin-left: 22px;
    margin-bottom: 2px;
}

#regCont select option {
    color: #616161;
}

#regEspecialidad2 {
    display: none;
    margin-top: 10px;
    position: absolute;
    left: 0;
    top: 70px;
}

#regDireccion {
    padding-left: 8px;
}

@media only screen and (min-width: 768px) {
    .regContCl {
        display: inline-block;
        width: 48%
    }

    #regContApellido, #regContConfContraseña, #regContEspecialidad, #regContCiudad, #regContSexo {
        float: right;
    }

    #regContGaceta {
        width: 300px;
        margin: 0 auto;
    }

    #regEnviarCont {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    /*#regMainCont
    {
        margin-left: 7%;
        margin-right: 7%;
    }*/
}

@media only screen and (min-width: 1280px) {
    /*#regMainCont
    {
        margin-left: 25%;
        margin-right: 25%;
    }*/
}
/*--------Sobre Salud Digna------*/
.pagetitle {
    /*background: gray;
    border: 1px solid black;*/
    margin-top: 20px;
}

    .pagetitle p {
        margin-bottom: 0;
    }

    .pagetitle h3 {
        margin-top: 0;
        margin-bottom: 5px;
    }

#pagetitleSm {
    font-size: 13px;
}

.shifting_image {
    width: auto;
    height: 214px;
    background-image: url("../Images/DdMenu1.JPG");
    background-size: cover;
}

#ContactoImg {
    height: 213px;
    background-image: url("../Images/DdMenu6.JPG");
    background-size: cover;
    background-position: center center;
}

#TextoContacto {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 18px;
    font-weight: bold;
    left: 50%;
    /*bottom: 40%;*/
    text-align: center;
    -webkit-transform: translate(-50%, 100%); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    z-index: 0;
}

#ContactoCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.menu_desp {
    margin-top: 10px;
}

    .menu_desp select {
        width: 100%;
        font-weight: bold;
    }

        .menu_desp select > option {
            font-weight: bold;
        }

.opt_content {
    padding: 10px 5px;
    padding-top: 0; /*Cambió para Contacto*/
    /*background: gray;*/
}

#DdMenu1, #DdMenu2, #DdMenu3, #DdMenu4 {
    text-align: justify;
}

    #DdMenu3 h3 {
        margin: 0;
    }

    #DdMenu3 p {
        margin-bottom: 15px;
    }

#Valores1, #Valores2 {
    margin-top: -15px;
    font-size: 13px;
    padding-left: 20px;
    color: #545454;
}

#Valores1 {
    float: left;
}

#Valores2 {
    float: right;
}

#DdMenu5 figure {
    text-align: center;
    color: #545454;
}

#DdMenu5 figcaption {
    margin-bottom: 15px;
}

#ContactoTel, #ContactoExt {
    display: inline-block;
    width: 55%;
}

#ContactoExt {
    vertical-align: top;
    width: 43%;
}

    #ContactoExt span {
        float: left;
    }

.ext {
    float: right;
}

#ctoEnviar, #recupEnviar {
    width: 100%;
    /*padding: 5px;*/
    /*padding: 14px 14px;*/
    font-size: 14px;
    color: white;
    background-color: #12455e;
    border-radius: 0;
    border-color: #12455e;
}

#MsgContacto, #ctoError, #MsgRegistro, #regError, #loginError, #recupError, #MsgRecuperar {
    display: none;
}

#regError {
    margin-top: 10px;
    margin-bottom: 10px;
}

.has-error {
    border-color: #F15C23 !important; /*#AC1C10*/
    box-shadow: 1px 1px 1px rgba(0,0,0,.075);
}

#DdMenu6 input:not(#ctoEnviar) {
    height: 36px;
    padding-left: 8px;
}

#ctoComentarios {
    padding-left: 8px;
}

#captchacont {
    margin-bottom: 10px;
    transform: scale(0.9);
}

    #captchacont #captcha {
        margin-left: 0%;
    }

.error-captcha {
    height: 100% !important;
    width: 305px !important;
    border: 1px solid red !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,.075);
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #ContactoImg {
        height: 370px;
        background-position: center top;
    }

    #TextoContacto {
        font-size: 30px;
        -webkit-transform: translate(-50%, 185%);
        -moz-transform: translate(-50%, 185%);
        -ms-transform: translate(-50%, 185%);
        transform: translate(-50%, 185%);
    }

    #SobreSDTitle, .menu_desp, .opt_content {
        margin-left: 6%;
        margin-right: 6%;
    }

    .ContactoAlign {
        display: inline-block;
        width: 36%;
        margin-right: 1px;
    }

    #ContactoCorr, #ContactoTel {
        width: 42.5%;
    }

    #ContactoExt {
        width: 13%;
        float: right;
    }

    #captchacont #captcha {
        margin-left: -34px;
    }

    #ctoEnviarSobreSD #ctoEnviar /*Se cambia para Contacto*/ {
        width: 320px;
    }

    #ctoEnviarSobreSD {
        text-align: center;
    }

    #shifting_imageSobreSD {
        background-position: center 30%;
    }
}

@media only screen and (min-width: 1280px) {
    .menu_desp {
        margin-left: 25%;
        margin-right: 25%;
    }

    #shifting_imageSobreSD {
        background-position: center 30%;
    }

    .ContactoAlign {
        display: inline-block;
        width: 36%;
        margin-right: 2px;
    }

    #ContactoCorr, #ContactoTel {
        width: 42%;
    }

    #ContactoExt {
        width: 15%;
        float: right;
    }

    #DdMenu6 #ctoEnviar {
        width: 320px;
    }

    #ctoEnviarSobreSD {
        text-align: center;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #TextoContacto {
        font-size: 47px;
        -webkit-transform: translate(-50%, 150%);
        -moz-transform: translate(-50%, 150%);
        -ms-transform: translate(-50%, 150%);
        transform: translate(-50%, 150%);
    }

    #TextoRegistro {
        font-size: 45px;
        -webkit-transform: translate(-50%, 75%);
        -moz-transform: translate(-50%, 75%);
        -ms-transform: translate(-50%, 75%);
        transform: translate(-50%, 75%);
    }

    #captchacont #captcha {
        margin-left: -68px;
    }

    #ContactoImg {
        height: 450px;
        background-position: center 15%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #TextoContacto {
        font-size: 47px;
        -webkit-transform: translate(-50%, 150%);
        -moz-transform: translate(-50%, 150%);
        -ms-transform: translate(-50%, 150%);
        transform: translate(-50%, 150%);
    }

    #TextoRegistro {
        font-size: 45px;
        -webkit-transform: translate(-50%, 75%);
        -moz-transform: translate(-50%, 75%);
        -ms-transform: translate(-50%, 75%);
        transform: translate(-50%, 75%);
    }

    #captchacont #captcha {
        margin-left: -72px;
    }

    #ContactoImg {
        height: 450px;
        background-position: center 18%;
    }
}

@media only screen and (min-width: 1920px) {
    #TextoContacto {
        font-size: 55px;
        -webkit-transform: translate(-50%, 150%);
        -moz-transform: translate(-50%, 150%);
        -ms-transform: translate(-50%, 150%);
        transform: translate(-50%, 150%);
    }

    #TextoRegistro {
        font-size: 60px;
        -webkit-transform: translate(-50%, 130%);
        -moz-transform: translate(-50%, 130%);
        -ms-transform: translate(-50%, 130%);
        transform: translate(-50%, 130%);
    }

    #captchacont #captcha {
        margin-left: -72px;
    }

    #ContactoImg {
        height: 575px;
        background-position: center 24%;
    }
}
/*----------Servicios----------*/
.nombredr {
    font-weight: bold;
    text-align: right;
}

    .nombredr p {
        margin-bottom: 0;
        margin-top: 10px;
    }

.infoserv p {
    font-size: 18px;
    margin-bottom: 0px;
    color: #616161;
}

.inforeg p, .inforeg {
    font-size: 18px;
    margin-bottom: 3px;
}

.servicios {
    margin: 10px 0;
    margin-bottom: 30px;
}

.serv {
    height: 113px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    /*filter: brightness(60%);*/
    margin-bottom: 20px;
    /*Centra Horizontalmente Icono*/
    /*text-align: center;*/
    /*Centra Verticalmente Icono*/
    /*line-height: 120px;*/
    /* Quita Default Para hacer zona clickeable mas gde*/
    padding-left: 0;
    padding-right: 0;
    /*display:inline-block;
    float:left;*/
}

    .serv:hover {
        /*filter: none;*/
    }

.servcapt {
    position: absolute;
    left: 0;
    bottom: -7px;
    color: black;
    font-size: 12px;
    font-weight: bold;
    /*Nulifica el del serv*/
    line-height: 0;
}

#lab {
    background-image: url("../Images/laboratorio.JPG");
}

#rayx {
    background-image: url("../Images/rayosX.JPG");
}

#electro {
    background-image: url("../Images/electro.JPG");
}

#ultra {
    background-image: url("../Images/ultrasonido.JPG");
}

#masto {
    background-image: url("../Images/mastografia.JPG");
}

#nutri {
    background-image: url("../Images/nutricion.JPG");
}

#papa {
    background-image: url("../Images/papanicolau.JPG");
}

#tomo {
    background-image: url("../Images/tomografia.JPG");
}

#lentes {
    background-image: url("../Images/lentes.JPG");
}

#densi {
    background-image: url("../Images/densitometria.JPG");
}

.ServiciosBGImg {
    margin-bottom: 15px;
}

.img_serv {
    width: auto;
    height: 214px;
    background-size: cover;
    background-repeat: no-repeat;
    /*Centra Horizontalmente Icono*/
    text-align: center;
    /*Centra Verticalmente Icono*/
    line-height: 214px;
    display: none;
}

.serv i {
    position: absolute;
    opacity: 0;
    transition: all .3s;
    font-size: 55px;
    color: white;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.serv p {
    position: absolute;
    opacity: 0;
    transition: all .3s;
    font-size: 12px;
    font-weight: bold;
    color: white;
    z-index: 1;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.serviconosexcep {
    left: 42% !important;
}

.rrr:hover .serv::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
}

.rrr:hover .serv i, .rrr:hover .serv p {
    opacity: 1;
}
/*.rrr:hover .BotonesServicios
{
    opacity: 1;
}
.BotonesServicios
{
    position: absolute;
    right: 15px;
    bottom: 15px;
    opacity: 0;
    transition: all .3s;
}
.BotonesServicios div
{
    background: #12455e;
    border-color: #12455e;
    border-radius: 0;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}*/
#img_serv_icon {
    border: 1px solid;
    border-radius: 100%;
    padding: 15px;
    background-color: black;
    opacity: 0.3;
}

.menus_serv /*Contenedor*/ {
    display: none;
}

    .menus_serv select {
        height: 30px;
        margin-bottom: 5px;
    }

    .menus_serv .col-xs-12 /*Contenedor del Menú*/ {
        display: none;
    }

        .menus_serv .col-xs-12 select /*Menús*/ {
            width: 100%;
            display: none;
        }

#menus_servClin p {
    /*display: inline-block;*/
}
/* Estilo para el contenedor del modal */
/* Estilo para el contenedor del modal */
#containerModalGuardado {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000; /* Ajusta el valor según sea necesario para que esté por encima de otros elementos */
}

/* Estilo para el contenido del modal */
.modalGuardado {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 1001;
    border: 2px solid #2B557D;
    width: 300px;
    height: 112px;
}
/* Estilo para el botón de cerrar */
.close-btn-guardado {
    cursor: pointer;
    padding: 10px 20px;
    background: #2B557D 0% 0% no-repeat padding-box;
    color: #fff;
    border: none;
    border-radius: 3px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .img_serv {
        background-position: 50%;
    }

    #servTitle {
        /*margin-left: -15px;
        margin-right: -15px;*/
    }

    #servSubt {
        /*margin-left: -15px;
        margin-bottom: 15px;*/
    }

    #serviciosCont {
        /*padding-left: 10%;
        padding-right: 10%;*/
    }

    .servicios .col-sm-6 {
        width: 48.5%;
        margin-right: 2%;
        height: 175px;
    }

    .servicios .col-sm-3 {
        width: 23%;
        margin-right: 2.6%;
        height: 165px;
    }

    .servicios #ultra, .servicios #nutri, .servicios #densi {
        float: right;
        margin-right: 0;
    }

        .servicios #lab figcaption, .servicios #ultra figcaption {
            left: 37%;
        }

    #menus_servServicio, #menus_servEst {
        width: 42%;
        margin-left: 7%;
    }

    #menus_servSub, #menus_servMun {
        width: 42%;
        float: right;
        margin-right: 7%;
    }

    #menus_servInfo, #menus_servRec, #menus_servClin {
        margin-left: 7%;
        margin-right: 7%;
    }

    .serv {
        background-position: center 30%;
        /*line-height: 175px;*/
    }

        .serv i {
            font-size: 70px;
        }

        .serv p {
            font-size: 16px;
        }
}

@media only screen and (min-width: 1280px) {
    #img_serv {
        background-position: 50%;
    }

    #servTitle {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

        #servTitle .col-xs-12, #servSubt .col-xs-12 {
            padding-left: 0;
        }

    #servSubt {
        /*margin-left: -15px;
        margin-bottom: 15px;*/
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    #serviciosCont {
        /*padding-left: 30%;
        padding-right: 30%;*/
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .servicios .col-sm-6 {
        width: 48.6%;
        margin-right: 2%;
        height: 200px;
        /*width: 48%;*/
    }

    .servicios .col-sm-3 {
        width: 23%;
        margin-right: 2.6%;
        height: 250px;
        /*width: 23%;
        margin-left: 5px;
        margin-right: 5px;*/
    }

    .servicios #ultra, .servicios #nutri, .servicios #densi {
        float: right;
        margin-right: 0;
    }

        .servicios #lab figcaption, .servicios #ultra figcaption {
            left: 44%;
        }

    #menus_servServicio, #menus_servEst {
        width: 22%;
        margin-left: 28%;
    }

    #menus_servSub, #menus_servMun {
        width: 22%;
        float: right;
        margin-right: 28%;
    }

    #menus_servInfo, #menus_servRec, #menus_servClin {
        margin-left: 28%;
        margin-right: 28%;
    }

    .serv {
        background-position: center 30%;
        /*line-height: 235px;*/
    }
        /*.serv i, .serv p
    {
        left: 42%;
        top: 30%;
        font-size: 75px;
    }
    .serviconos_
    {
        left: 33% !important;
        top: 30% !important;
        font-size: 75px;
    }*/
        .serv i {
            font-size: 75px;
        }

        .serv p {
            font-size: 20px;
        }

    .serviconosexcep {
        left: 45% !important;
    }
}

/*-----------------Ubicaciones-----------------*/
/*#horario-sucursal
{
    display: none;
    position: relative;
    top: -10px;
}*/
/*-----------Noticias, Novedades y Notas de Interés (Paginas)-------*/
.newsareaNew, .novareaNew, .evRelacNew, .notesareaNew, .notaint_areaNew, .notic_areaNew {
    height: 253px; /*Para Notas en Default*/
    background-size: cover;
    background-position: 50%;
    text-shadow: 2px 1px 1px #777779;
    margin-bottom: 15px;
}

.newsareaNew, .novareaNew, .notesareaNew, notaint_areaNew, notic_areaNew {
    height: 304px;
}

    .newsareaNew h1, .NovAreaHeading, .evRelacNew h1, .notesareaNew h1, .notaint_areaNew h1, .notic_areaNew h1 {
        margin: 0;
        margin-right: 15px;
        position: absolute;
        left: 15px;
        bottom: 15px;
        font-size: 22px;
        text-decoration: none;
        text-shadow: 2px 1px 7px #333;
        z-index: 1;
        background: rgba(255,255,255,.7);
        color: #001e34;
    }

.NovLink {
    position: relative;
}

#novarea a:hover .novareaNew::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
}

#novarea {
    position: relative;
    top: -20px;
    margin-bottom: -20px;
}

#NovFiltro {
    position: relative;
    top: -20px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #newsarea, #novarea, #notesarea {
        padding-left: 15px;
        padding-right: 15px;
    }

        #novarea .col-sm-6, #newsarea .col-sm-6, #notesarea .col-sm-6 {
            width: 49%;
        }

        #novarea a:nth-child(even) .col-sm-6, #newsarea a:nth-child(even) .col-sm-6, #notesarea a:nth-child(even) .col-sm-6 {
            float: right;
        }

    #NovTitulo {
        /*margin-left: 10%;*/
    }

    #NovFiltro {
        margin-left: 2%;
        margin-right: 40%;
    }
}

@media only screen and (min-width: 1280px) {
    #novarea, #newsarea, #notesarea {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    #newsarea, #notesarea {
        text-align: center;
    }

        #novarea .col-lg-4, #newsarea .col-lg-4, #notesarea .col-lg-4 {
            width: 32%;
        }

            #newsarea .col-lg-4:nth-child(3n+1), #notesarea .col-lg-4:nth-child(3n+1) {
                float: left;
                text-align: initial;
            }

            #newsarea .col-lg-4:nth-child(3n+2), #notesarea .col-lg-4:nth-child(3n+2) {
                display: inline-block;
                margin-left: auto;
                margin-right: auto;
                float: none;
                text-align: initial;
            }

            #newsarea .col-lg-4:nth-child(3n+0), #notesarea .col-lg-4:nth-child(3n+0) {
                float: right;
                text-align: initial;
            }

    #novarea .col-lg-8 {
        width: 66%;
        float: right;
    }

    #newsarea .col-lg-4, #notesarea .col-lg-4, #notesarea .col-lg-4 {
        /*margin-right: 1.3%;*/
    }

    #NovTitulo {
        /*margin-left: 25%;*/
    }

    #NovFiltro {
        margin-left: 1.3%;
        margin-right: 45%;
    }
}

#NovCarousel {
    margin-left: -15px;
    margin-right: -15px;
}

#NovCarouselImg1 {
    background-image: url(../Images/Novedades/NeuroPsiquiatria.PNG);
    background-position: 14% center !important;
}

#NovCarouselImg2 {
    background-image: url(../Images/Novedades/EspecialidadesMedicas.PNG);
    background-position: 14% center !important;
}

#NovCarouselImg3 {
    background-image: url(../Images/Novedades/MedicinaGeneral.PNG);
    background-position: 14% center !important;
}

#NovCarouselImg4 {
    background-image: url(../Images/Novedades/DiplomadoMetabolismo.PNG);
    background-position: 14% center !important;
}

#NovCarouselImg5 {
    background-image: url(../Images/Novedades/CursoVendajes.PNG);
    background-position: 14% center !important;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .carousel-inner > .item > img {
        width: 100%;
        max-height: 400px;
    }
}

@media only screen and (min-width: 1280px) {
    .carousel-inner > .item > img {
        width: 100%;
        max-height: 500px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #NoticTitulo, #NotasTitulo {
        margin-left: 1.5%;
    }
}

@media only screen and (min-width: 1920px) {
    #NoticTitulo, #NotasTitulo {
        margin-left: 15.8%;
    }
}

#accordion {
    margin-top: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
}

#NoticiaIndCont {
    margin-bottom: 10px;
}

#NovedadIndFecha {
    margin-top: 10px;
    color: #616161;
}

#accordion .panel-heading {
    padding: 0;
}

#accordion h5 {
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px;
}

#accordion h6 {
    padding: 10px 15px;
}

#accordion i {
    float: right;
    position: relative;
    bottom: 4px;
}

#accordion #collapse1 {
    text-align: justify;
}

#accordion #collapse2 h4 {
    font-size: 15px;
    font-weight: bold;
}

#accordion #collapse2 .collapse2Heading {
    text-decoration: underline;
}

#accordion #collapse2 p {
    margin-left: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #collapse2Izq {
        display: inline-block;
        width: 40%;
        vertical-align: top;
    }

    #collapse2Der {
        display: inline-block;
        width: 55%;
        float: right;
    }

    #evRelac .col-sm-6 {
        width: 48%;
        margin-left: 1%;
    }

    #accordion {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1280px) {
    #NovedadIndCont {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    #collapse2Izq {
        display: inline-block;
        width: 40%;
        vertical-align: top;
    }

    #collapse2Der {
        display: inline-block;
        width: 55%;
        float: right;
    }

    #evRelac .col-lg-4 {
        width: 32%;
        margin-left: 1%;
    }

    #evRelac .col-lg-8 {
        width: 65%;
        margin-left: 1%;
    }

    #accordion {
        margin-left: 0px;
        margin-right: 0px;
    }
}
/*-------------Noticias individuales-------------*/
.noticiaIndImg, .notaInteresIndImg {
    color: white;
    text-shadow: 2px 1px 1px #777779;
    font-size: 12px;
    margin-bottom: 15px;
}

#notaInteresIndTxt h3, #noticiaIndTxt h3 {
    margin-top: 0;
    text-align: center;
}

#noticiaIndTxt p {
    text-align: justify;
    color: #616161;
}

#noticiaIndTxt ul {
    padding-left: 15px;
    text-align: justify;
    color: #616161;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .noticiaIndImg, .notaInteresIndImg {
        height: 370px;
        background-position: 0% 25%;
    }

    #noticiaIndTxt h3 {
        text-align: justify;
    }
}

@media only screen and (min-width: 1280px) {
    #noticiaIndTxt, #TituloNoticiaInd {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

        #TituloNoticiaInd .col-xs-12 {
            padding: 0;
        }

        #noticiaIndTxt h3 {
            text-align: justify;
        }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    .noticiaIndImg, .notaInteresIndImg {
        height: 370px;
        background-position: 0% 25%;
    }
}
/*--------------------Filtro--------------------*/
.filter h5 {
    font-size: 13px;
}

.filter h6 {
    font-size: 12px;
    font-weight: bold;
}

#filterIcon {
    float: right;
}

/*-------------------Registro-------------------*/
.regLnks {
    color: #12455e;
    text-decoration: none;
}

    .regLnks:hover, .regLnks:visited {
        color: #12455e;
        text-decoration: none;
    }

#regTxtLnks, #regGacetaTxt {
    font-size: small;
}

#regTxtLnks {
    text-align: center;
}

#regGaceta {
    /*margin-bottom: 15px;*/
}

#regContGaceta {
    text-align: center;
}

#MsgRegistro p {
    text-align: center;
    color: red;
    font-weight: bold;
}
/*--------------Aviso de Privacidad--------------*/
.AvisoP h4 {
    text-align: center;
}

.AvisoP p, .AvisoP li {
    text-align: justify;
}

.AvisoP li {
    list-style: none;
}

.AvisoP ul {
    padding-left: 20px;
}

.button-aviso {
    margin: 5% 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

    .button-aviso button {
        margin: 0 10px;
        height: 50px;
        width: 35%;
        font-size: 16px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        cursor: pointer;
        text-decoration: none;
        transition: all .3s;
    }

#AceptarAviso {
    background: #7748C6;
}

#ModalContrato .modal-dialog {
    width: auto;
    max-width: 1170px;
}

.AvisoP table, .AvisoP th, .AvisoP td {
    font-size: small;
    text-align: center;
    border: 1px solid black;
    border-collapse: collapse;
}

@media only screen and (min-width: 1280px) {
    .AvisoP, #TituloAviso {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

        #TituloAviso .col-xs-12 {
            padding-left: 0px;
            padding-right: 0px;
        }
}
/*-------------Ubicaciones------------*/
#mapaGoogle {
    margin-bottom: 25px;
}

#social p {
    font-size: 14px;
}

#telefono-sucursal a {
    color: black;
    text-decoration: none;
}

#table_servicios td {
    font-size: 13px;
    padding-right: 9px;
}

#iconosContactoUbicaciones {
    margin-top: 10px;
}

#telefono-sucursal2 a {
    margin-right: 15px;
}
/*-----Ubicaciones Nuevo-----*/
#mapa-ubicacionesCont {
    margin-left: -15px;
    margin-right: -15px;
}

#mapa-ubicaciones {
    background: #FFF;
    background: rgba(255,255,255,0.94);
    border-radius: 2px;
    margin: 50px 0;
    padding: 20px 30px 0;
    position: absolute;
    overflow: hidden;
    left: 5%;
    top: 160px;
    width: 380px;
    z-index: 91;
}

#mapa-ubicaciones {
    color: #616161;
    font-size: 13px;
}

    #mapa-ubicaciones p {
        margin: 0;
    }

    #mapa-ubicaciones h4 {
        color: #545454;
        font-weight: 600;
    }

    #mapa-ubicaciones h6 {
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 0;
    }

    #mapa-ubicaciones i {
        margin-left: -5px;
    }

    #mapa-ubicaciones #horario-usuario {
        background: #545454;
        color: #FFF;
        margin: 0 -30px;
        padding: 5px 30px 15px;
    }

@media(max-width:1263px) {
    #mapa-ubicaciones {
        right: 3%;
    }
}

@media (max-width:1023px) {
    #mapa-ubicaciones {
        border-radius: 0;
        margin: 0;
        position: static;
        width: 100%;
    }

        #mapa-ubicaciones h4 {
            font-size: 25px;
            margin-bottom: 30px;
        }
}

@media only screen and (min-width: 768px) {
    #UbicaTitle {
        padding-left: 25%;
    }

    #UbicacSubTitle {
        text-align: center;
    }

    #sucInfoIzq {
        display: inline-block;
        width: 50%;
    }

    #sucInfoDer {
        display: inline-block;
        width: 45%;
        float: right;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1280px) {
    #UbicaTitle {
        padding-left: 30%;
    }

    #UbicacSubTitle {
        text-align: initial;
        padding-left: 30%;
    }

    #mapaGoogle {
        margin-left: 6%;
        margin-right: 4%;
    }
}
/*iframe Dashboard*/
#EstadisticasEtiq {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    max-width: 1280px;
}

    #EstadisticasEtiq a {
        color: #579d64;
    }

    #EstadisticasEtiq iframe {
        margin: 0 auto !important;
    }

    #EstadisticasEtiq .nav-tabs > li, .nav-pills > li {
        float: none;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

.nav-tabs, .nav-pills {
    /*text-align:center;*/
}
/*----------Plugin Social--------*/
#pluginSocial {
    display: none;
}

@media only screen and (min-width: 768px) {
    #noticiaIndTxt {
        position: relative;
        margin-bottom: 40px;
    }

    #pluginSocial {
        display: inline;
        position: relative;
        left: 10px;
        top: 20px;
    }
}

#collapse1 {
    position: relative;
}

#pluginSocialCollapse {
    display: inline;
    position: relative;
    left: 10px;
    top: 10px;
}

#pluginSocialNovedades {
    margin-left: 5px;
    margin-bottom: 10px;
}
/*------------Busqueda Web---------*/
/*Valores para 768 px (Móvil es pantalla diferente)*/
#BusqCont {
    margin-bottom: 25px;
}

#ResultadosBusq div {
    margin-bottom: 15px;
    height: 142px;
}

#ResultadosBusq img {
    width: 25%;
    height: 100%;
    vertical-align: top;
}

#ResultadosBusq a {
    width: 70%;
    display: inline-block;
    color: #12455e;
    text-decoration: none;
    font-size: 18px;
    margin-left: 15px;
    overflow-wrap: break-word;
    margin-top: 9%;
}

@media only screen and (min-width: 1280px) {
    #ResultadosBusq, #BusquedaTitulo {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

        #BusquedaTitulo .col-xs-12 {
            padding: 0px;
        }

        #ResultadosBusq div {
            height: 202px;
        }

        #ResultadosBusq img {
            width: 25%;
        }

        #ResultadosBusq a {
            font-size: 22px;
            margin-top: 7%;
        }

    #BusqCont {
        margin-bottom: 112px;
    }
}
/*Landing Estadísticas*/
#EstBanner {
    background-image: url("../Images/estadisticas.JPG");
    position: relative;
}

#TextoBanner {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 80px;
    font-weight: bold;
    left: 50%;
    bottom: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, 182%); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 182%);
    -ms-transform: translate(-50%, 182%);
    transform: translate(-50%, 182%);
    z-index: 1;
}

#EstCont {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}

.EstCar .glyphicon-chevron-left {
    left: 5px;
}

.EstCar .glyphicon-chevron-right {
    right: 5px;
}

#EstContBg {
    background-image: url("../Images/EstBg2.JPG");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    margin-left: -15px;
    margin-right: -15px;
}

.EstLnks {
    max-width: 404px;
    width: 100%;
    height: 384px;
    background-size: cover;
    background-position: center center;
    display: inline-block;
    filter: brightness(60%);
    position: relative;
}

    .EstLnks:hover {
        filter: none;
    }

        .EstLnks:hover .EstBoton {
            display: block;
        }

.EstBoton div .glyphicon {
    color: white;
}

.EstBoton div:hover {
    background: #12455e;
    border-color: #12455e;
    border-radius: 0;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.EstLnks:hover .EstLnksTxt {
    bottom: 55px;
}

.EstBoton {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 15px;
}

    .EstBoton div {
        background: #12455e;
        border-color: #12455e;
        border-radius: 0;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.EstCar {
    max-width: 823px;
    width: 100%;
    height: 384px;
    display: inline-block;
    vertical-align: top;
}

.ordenEstLnks {
    margin-right: 49px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#EstLnks1 {
    background-image: url("../Images/Est1.JPG");
}

    #EstLnks1:hover {
        background-image: url("../Images/birads.jpg");
    }

#EstLnks2 {
    margin-right: 0px;
    float: right;
    background-image: url("../Images/Est2.JPG");
}

    #EstLnks2:hover {
        background-image: url("../Images/obesidad2.jpg");
    }

#EstLnks3 {
    background-image: url("../Images/Est3.JPG");
}

    #EstLnks3:hover {
        background-image: url("../Images/hiper3.jpg");
    }

#EstLnks4 {
    margin-right: 0px;
    float: right;
    background-image: url("../Images/Est4.JPG");
}

    #EstLnks4:hover {
        background-image: url("../Images/sang4.JPG");
    }

.EstLnksTxt {
    color: white;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    margin-left: 15px;
    margin-bottom: 5px;
    text-shadow: 2px 1px 7px #333
}
    
    .EstLnksTxt h4 {
        margin: 0;
    }

#EstCarousel, #EstCarousel2, #EstCarousel3, #EstCarousel4 {
    height: 384px;
}

.EstCarTxt h1 {
    font-size: 100px;
    margin-bottom: 0;
}

.EstCarTxt p {
    font-size: 20px;
}

.EstCarTxt div {
    margin-left: 12%;
    margin-right: 12%;
    margin-top: 8%;
    text-align: center;
}

    .EstCarTxt div p {
        overflow-wrap: break-word;
    }

.EstCarTxtFuente {
    font-size: 8px !important;
    position: absolute;
    bottom: -160px;
    right: 90px;
}

.carousel-inner {
    height: 100%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
    filter: none !important;
}

.separador {
    background-color: #545454;
    color: white;
    font-weight: bold;
    display: table;
    position: relative;
    left: -25%;
    padding-right: 1%;
}

.separador1, .separador2, .separador3, .separador4 {
    font-size: 20px;
    height: 50px;
    padding-left: 25%;
}

    .separador1 p, .separador2 p {
        margin-top: 13%;
    }

    .separador3 p {
        margin-top: 14%;
    }

    .separador4 p {
        margin-top: 7%;
    }

@media only screen and (min-width: 0px) and (max-width: 767px) {
    #TextoBanner {
        font-size: 26px;
        bottom: 70%;
        margin-bottom: -35%;
        -webkit-transform: translate(-50%, 50%); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
        z-index: 1;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #TextoBanner {
        font-size: 55px;
        margin-bottom: 0%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #TextoBanner {
        font-size: 55px;
        margin-bottom: -11%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #TextoBanner {
        font-size: 55px;
        margin-bottom: -12%;
    }
}

@media only screen and (min-width: 1920px) {
    #TextoBanner {
        font-size: 62px;
        margin-bottom: -11%;
    }
}

#TextoEst, #TextoReg {
    text-align: justify;
    line-height: 1.5em;
    color: #616161;
}

#EstCarousel .glyphicon, #EstCarousel2 .glyphicon, #EstCarousel3 .glyphicon, #EstCarousel4 .glyphicon {
    color: black;
}
/*----------Sobre Salud Digna Nuevo----------*/
#SobreSDImg {
    margin-bottom: 15px;
}

#TextoConocenos {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 17px;
    font-weight: bold;
    left: 50%;
    bottom: 40%;
    text-align: center;
    -webkit-transform: translate(-50%, 50%); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    z-index: 0;
}

#ContdivBg1, #ConocContAcr {
    display: none;
}

.ConocCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#ConocenosCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.SobreSDSeparador {
    color: white;
    font-weight: bold;
    display: table;
    position: relative;
    left: -25%;
    padding-right: 7%;
    font-size: 18px;
    height: 50px;
    padding-left: 31%; /**/
    margin-top: 44px;
    margin-bottom: 26px;
    background: #86B85D 0% 0% no-repeat padding-box;
    border-radius: 0 8px 8px 0;
}

#SobreSDSeparador3 {
    position: initial;
    padding-right: 4%;
    padding-left: 6%;
}

.SobreSDSeparador p {
    margin: 0;
    margin-top: 9%;
    font: normal normal bold 16px/18px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}

#SobreSDSeparador3 p {
    margin-top: 6%;
}

.SobreSDTexto {
    word-wrap: break-word;
    text-align: justify;
    line-height: 1.5em;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
}

#SobreSDTexto1::first-letter {
    margin-top: 13px;
    padding-right: 5px;
    font-size: 45px;
    float: left;
}

#SobreSDVideo {
    width: 100%;
    height: 230px;
    border: none;
    padding-right: 15px;
    padding-left: 15px;
}

#MisionVisionyValores {
    margin-top: 15px;
    margin-bottom: 20px; /**/
    background-color: #12455e;
    height: 300px;
}

.SobreSDCar {
    width: 100%;
    height: 275px;
}

#SobreSDCarousel .glyphicon {
    font-size: 30px;
    top: 150px;
    color: white;
}

#SobreSDCarousel .glyphicon-menu-left {
    margin-left: -20px;
}

#SobreSDCarousel .glyphicon-menu-right {
    margin-right: -20px;
}

#SobreSDCarousel {
    height: 100%;
}

    #SobreSDCarousel .item:nth-child(2) p {
        margin-top: 30px;
    }

.SobreSDCar h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    color: white;
}

.SobreSDCar p {
    line-height: 1.5em;
    overflow-wrap: break-word;
    text-align: center;
    color: white;
    margin-left: 30px;
    margin-right: 30px;
}

@media only screen and (min-width: 478px) and (max-width: 589px) {
    .SobreSDCar p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 590px) and (max-width: 767px) {
    .SobreSDCar p {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1195px) {
    .SobreSDCar p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1196px) and (max-width: 1279px) {
    .SobreSDCar p {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1464px) {
    .SobreSDCar p {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1465px) and (max-width: 1920px) {
    .SobreSDCar p {
        font-size: 20px;
    }
}

.SobreSDCarTxtVal {
    display: block;
    line-height: 1.5em;
    color: white;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .SobreSDCarTxtVal {
        line-height: 2em;
    }

    .SobreSDCarTxt .container {
        margin-top: 25px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .SobreSDCarTxtVal {
        line-height: 2.2em;
        font-size: 15px;
    }

    .SobreSDCarTxt .container {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1920px) {
    .SobreSDCarTxtVal {
        line-height: 2.6em;
        font-size: 16px;
    }

    .SobreSDCarTxt .container {
        margin-top: 40px;
    }
}
/*@media only screen and (min-width: 1366px) and (max-width: 1920px)
{
    .SobreSDCarTxtVal
    {
        line-height: 2.2em;
        font-size: 15px;
    }
    .SobreSDCarTxt .container
    {
        margin-top: 35px;
    }
}*/
.SobreSDCar ul {
    color: white;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: -6%;
    margin-bottom: 0;
}

#SobreSDCarli3 {
    left: -8%;
}

#SobreSDCarli4 {
    left: -2%;
}

#NovedadesImg {
    background-image: url("../Images/cursos.PNG");
    margin-bottom: 15px;
}

#NovedadesContPrincipal {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.swiperimgs {
    height: 91px;
    background-size: cover;
    background-position: center center;
}

.swiperCont, #SobreSDImgCifras {
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

#swiperimg0 {
    background-image: url("../Images/Nuestratec0.JPG");
}

#swiperimg1 {
    background-image: url("../Images/Nuestratec1.JPG");
}

#swiperimg2 {
    background-image: url("../Images/Nuestratec2.JPG");
}

#swiperimg3 {
    background-image: url("../Images/Nuestratec3.JPG");
}

#swiperimg4 {
    background-image: url("../Images/Nuestratec4.JPG");
}

#swiperimgAcred0 {
    background-image: url("../Images/Acred0.JPG");
}

#swiperimgAcred1 {
    background-image: url("../Images/Acred1.PNG");
}

#swiperimgAcred2 {
    background-image: url("../Images/Acred2.PNG");
}

#swiperimgAcred3 {
    background-image: url("../Images/Acred3.PNG");
}

#swiperimgAcred4 {
    background-image: url("../Images/Acred4.PNG");
}

.swiper2bg {
    background-color: #dedede;
    background-size: 61px 61px;
    background-repeat: no-repeat;
}

#swiperimgCen0 {
    background-image: url("../Images/Centro0.JPG");
    position: relative;
}

#swiperimgCen1 {
    background-image: url("../Images/Centro1.JPG");
}

#swiperimgCen2 {
    background-image: url("../Images/Centro2.JPG");
}

#swiperimgCen3 {
    background-image: url("../Images/Centro3.JPG");
}

#swiperimgCen4 {
    background-image: url("../Images/Centro4.JPG");
}

#SobreSDImgCifras {
    height: 230px;
    background-image: url("../Images/NuestrasCifras.JPG");
    background-size: cover;
    background-position: center center;
    margin-left: 15px;
    margin-right: 15px;
}

#SobreSDImgCifrasIndices {
    height: 230px;
    background-image: url("../Images/IndDiabetes.jpg");
    background-size: cover;
    background-position: center center;
    margin-bottom: 20px;
}

#CifrasIndicesImgBg2, #CifrasIndicesImgBg3, #CifrasIndicesImgBg4 {
    height: 230px;
    background-size: cover;
    background-position: center center;
}

.SobreSDPlayVid {
    width: 40%;
    height: 80%;
    border-radius: 100%;
    padding: 15px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#SobreSDPlayVid2 {
    width: 50%;
    height: 50%;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.SobreSDCarCif {
    width: 100%;
    height: 130px;
    margin-bottom: 40px;
}

#SobreSDCarouselCif {
    height: 114%;
}

.SobreSDCarTxt {
    text-align: center;
}

.SobreSDCarCif h1 {
    font-size: 60px;
    margin-bottom: 0;
}

.SobreSDCarCifServ h1 {
    font-size: 35px;
    margin-bottom: 10px;
}

.SobreSDCarCif p {
    font-size: 16px;
    overflow-wrap: break-word;
    margin-left: 30px;
    margin-right: 30px;
}

.SobreSDCarCifServ p {
    font-size: 16px;
    overflow-wrap: break-word;
    margin-left: 30px;
    margin-right: 30px;
}

#SobreSDCarouselCif .glyphicon {
    color: #545454;
    font-size: 30px;
    top: 80px;
}

#SobreSDCarouselCif .carousel-indicators .active {
    background-color: #f05c23;
}

#SobreSDCarouselCif .carousel-indicators li {
    background-color: #545454;
}

.carousel-indicators {
    bottom: -25px;
    z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #TextoConocenos {
        font-size: 33px;
        left: 50%;
        bottom: 45%;
    }

    .SobreSDSeparador {
        padding-left: 27.5%;
        padding-right: 3%;
    }

    .SobreSDTexto {
        /*margin-left: 13%;
        margin-right: 13%;*/
    }

    #SobreSDVideo {
        height: 384px;
    }

    #MisionVisionyValores {
        max-height: 240px;
        min-height: 170px;
    }

    .SobreSDCar ul {
        margin-left: 5%;
        left: -5% !important;
    }

    #SobreSDCarousel .glyphicon {
        font-size: 40px;
        top: 133px;
    }

    .SobreSDCar p {
        margin-left: 85px;
        margin-right: 85px;
        margin-top: 20px;
    }

    #SobreSDCarousel .glyphicon-menu-left {
        margin-left: 0px;
        left: -25px;
    }

    #SobreSDCarousel .glyphicon-menu-right {
        margin-right: 0px;
        right: -25px;
    }

    .swiperCont {
        /*margin-left: 13%;
        margin-right: 13%;*/
    }

    .swiperimgs {
        height: 240px;
    }

    .swiper2bg {
        background-size: 122px 122px;
    }

    #SobreSDImgCifras, #SobreSDImgCifrasIndices, #CifrasIndicesImgBg2, #CifrasIndicesImgBg3, #CifrasIndicesImgBg4 {
        height: 384px;
    }

    #SobreSDCarouselCif {
        /*margin-left: 9%;
        margin-right: 9%;*/
    }

        #SobreSDCarouselCif .glyphicon-menu-left {
            left: -25px;
        }

        #SobreSDCarouselCif .glyphicon-menu-right {
            right: -25px;
        }

    .SobreSDCarTxt {
        width: 100%;
    }

    .SobreSDCarCif {
        height: 180px;
        margin-bottom: 55px;
    }

        .SobreSDCarCif h1 {
            font-size: 70px;
        }

        .SobreSDCarCif p {
            font-size: 22px;
        }

    .SobreSDPlayVid {
        width: 30%;
        height: 60%;
    }

    #SobreSDPlayVid2 {
        width: 40%;
        height: 40%;
        opacity: 0.8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #SobreSDSeparador3 {
        padding-left: 2.5%;
        padding-right: 3%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
}

@media only screen and (min-width: 1366px) and (max-width: 1365px) {
}

@media only screen and (min-width: 1512px) and (max-width: 1920px) {
    .SobreSDCar p {
        margin-left: 405px !important;
        margin-right: 405px !important;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1920px) /*@media only screen and (min-width: 1920px)*/
{
    #TextoConocenos {
        font-size: 50px;
        left: 50%;
        bottom: 45%;
    }

    .SobreSDSeparador {
        padding-left: 33%;
        padding-right: 2%;
    }

    #SobreSDDiv1, #SobreSDDiv2 {
        width: 48%;
        display: inline-block;
    }

    #SobreSDDiv1 {
        vertical-align: top;
    }

    #SobreSDDiv2 {
        position: relative;
        margin-left: 46px;
    }

    .SobreSDTexto {
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
        font-size: 16px;
    }

    #SobreSDVideo {
        padding-left: 0;
        padding-right: 0;
        height: 313px;
    }

    #MisionVisionyValores {
        max-height: 275px;
        min-height: 170px;
    }

    .SobreSDCar ul {
        margin-left: 10%;
        /*left: -8%;*/
    }

    #MisionVisionyValores {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .SobreSDCar p {
        margin-left: 305px;
        margin-right: 305px;
        margin-top: 20px;
    }

    #SobreSDDiv3, #SobreSDDiv4 {
        width: 48%;
        display: inline-block;
    }

    #SobreSDDiv3 {
        vertical-align: top;
    }

    #SobreSDDiv4 {
        margin-left: 32px;
    }

    .SobreSDTexto {
        margin-top: 0;
    }

    .swiperCont {
        margin-left: 0;
        margin-right: 0;
    }

    .swiperimgs {
        height: 204px;
    }

    .Contdivs {
        padding-bottom: 40px;
    }

    .ContdivBg {
        background-color: #f8f8f8;
    }

    #Contdiv1 {
        padding-top: 50px;
    }

    #SobreSDDiv5, #SobreSDDiv6 {
        width: 48%;
        display: inline-block;
    }

    #SobreSDDiv5 {
        float: right;
        position: relative;
        margin-left: 37px;
    }

    #SobreSDDiv6 {
        vertical-align: top;
        margin-bottom: 80px;
    }

    .swiper2bg {
        background-size: 105px 105px;
    }

    #SobreSDDiv7, #SobreSDDiv8 {
        width: 48%;
        display: inline-block;
    }

    #SobreSDDiv7 {
        vertical-align: top;
    }

    #SobreSDDiv8 {
        float: right;
        position: relative;
        margin-left: 37px;
    }

    #SobreSDImgCifras, #SobreSDImgCifrasIndices, #CifrasIndicesImgBg2, #CifrasIndicesImgBg3, #CifrasIndicesImgBg4 {
        height: 272px; /*Igual que la altura del carrusel*/
        margin-left: 0;
        margin-right: 0;
    }

    #SobreSDCarouselCif {
        margin-left: -4%;
        margin-right: -7%;
        top: 35px;
    }

    .SobreSDCarTxt {
        width: 100%;
    }

    .SobreSDCarCif {
        height: 200px;
        margin-bottom: 55px;
    }

        .SobreSDCarCif h1 {
            font-size: 84px;
        }

        .SobreSDCarCif p {
            font-size: 28px;
            margin-left: 45px;
            margin-right: 45px;
        }

    .carousel-indicators {
        bottom: -34px;
    }

    #Contdiv2 {
        margin-top: 153px;
        padding-top: 1px;
    }

    #SobreSDDiv9, #SobreSDDiv10 {
        width: 48%;
        display: inline-block;
    }

    #SobreSDDiv9 {
        float: right;
        position: relative;
        margin-left: 37px;
    }

    #SobreSDDiv10 {
        vertical-align: top;
        margin-bottom: 5px;
    }

    .SobreSDPlayVid {
        width: 35%;
        height: 75%;
    }

    #SobreSDPlayVid2 {
        width: 45%;
        height: 50%;
        opacity: 0.8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #SobreSDSeparador3 {
        position: relative;
        padding-left: 25%;
        padding-right: 1%;
    }
}
/*---------------TODAS las páginas---------------*/
/*----------Imágenes Principales----------*/
.ImagenPrincipal {
    height: 214px;
    background-size: cover;
    background-position: center center;
}

.ImagenPrincipalContain {
    background-repeat: no-repeat;
    background-size: contain !important;
}

.ImgCarNovedades {
    height: 214px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .ImagenPrincipal, .ImgCarNovedades {
        height: 370px !important;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
    .ImagenPrincipal, .ImgCarNovedades {
        height: 450px !important;
    }
}

@media only screen and (min-width: 1920px) {
    .ImagenPrincipal, .ImgCarNovedades {
        height: 575px !important;
    }
}
/*----------------Servicios-----------------*/
@media only screen and (min-width: 1920px) {
    .ContdivServicios {
        margin-top: 0px !important;
    }

    .ContdivServicios2 {
        float: right;
    }

    .ContdivServicios3 {
        float: none !important;
        margin-left: 0px !important;
    }
}

#ServiciosSeparador p {
    margin: 0;
    margin-top: 14%;
}
/*--------Landing Indices--------*/
#CifrasDiabetesCol {
    padding-left: 0;
    padding-right: 0;
}

#IndBanner {
    background-image: url("../Images/estadisticas.JPG");
    position: relative;
    margin-bottom: 25px;
}

#TextoIndices {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 30px;
    font-weight: bold;
    left: 50%;
    /*bottom: 50%;*/
    text-align: center;
    -webkit-transform: translate(-50%, 50px); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 50px);
    -ms-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
    /*z-index: 1;*/
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #TextoIndices {
        font-size: 50px;
        -webkit-transform: translate(-50%, 130px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 130px);
        -ms-transform: translate(-50%, 130px);
        transform: translate(-50%, 130px);
    }

    #TextoSinaps {
        font-size: 15px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #TextoIndices {
        font-size: 67px;
        -webkit-transform: translate(-50%, 140px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 140px);
        -ms-transform: translate(-50%, 140px);
        transform: translate(-50%, 140px);
    }

    #TextoSinaps {
        font-size: 17px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #TextoIndices {
        font-size: 71px;
        -webkit-transform: translate(-50%, 125px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 125px);
        -ms-transform: translate(-50%, 125px);
        transform: translate(-50%, 125px);
    }

    #TextoSinaps {
        font-size: 17px;
    }
}

@media only screen and (min-width: 1920px) {
    #TextoIndices {
        font-size: 101px;
        -webkit-transform: translate(-50%, 145px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 145px);
        -ms-transform: translate(-50%, 145px);
        transform: translate(-50%, 145px);
    }

    #TextoSinaps {
        font-size: 17px;
    }

    .IndicesSeparador {
        left: -40% !important;
        padding-left: 42% !important;
    }
}

.IndicesCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#IndicesSeparador {
    margin-bottom: 0px;
}

#IndicesSeparadorP {
    margin-top: 10%;
}

#TextoSinaps {
    word-wrap: break-word;
    text-align: justify;
    line-height: 1.5em;
    color: #616161;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
}

    #TextoSinaps::first-letter {
        margin-top: 13px;
        padding-right: 5px;
        font-size: 45px;
        float: left;
    }

.IconosIndices {
    text-align: center;
}

    .IconosIndices p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        position: relative;
        top: -20px;
    }

    .IconosIndices a {
        text-decoration: none !important;
        color: #545454 !important;
        pointer-events: none;
        cursor: default;
    }

        .IconosIndices a:hover {
            /*text-decoration: none !important;*/
        }

.IndiceIcon {
    color: #12455e;
    display: block;
}

    .IndiceIcon:before {
        font-size: 125px;
        margin: 0;
        line-height: normal !important;
        margin-bottom: 14px;
    }

.IconosLnkHov:hover .IndiceIcon:before {
    color: #c43c00 !important;
}

.IconosLnkHov:hover p {
    color: #c43c00 !important;
}

.IconosLnk .icono-nivel-azucar:before {
    margin-left: 0;
}

.IconosLnk .icono-obesidad:before {
    margin-right: 8px;
}

.IconosLnk .icono-pecho:before, .IconosLnk .icono-sangre:before, .IconosLnk .icono-utero:before, .IconosLnk .icono-arteria:before, .IconosLnk .icono-eye-2:before, .IconosLnk .icono-frequencia:before,
.IconosLnk .icono-bacteria:before {
    margin-top: 30px;
    margin-bottom: -16px;
}

.IconosLnk .icono-celulas:before, .IconosLnk .icono-prostata:before, .IconosLnk .icono-huesos:before, .IconosLnk .icono-colesterol:before {
    margin-right: 0;
}

.IconosLnk .icono-urologia:before {
    margin-right: 0;
    margin-left: 45px;
}

.IndProx {
    position: absolute;
    bottom: 90px;
    left: 90px;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 14px;
    background-color: black;
    color: white;
    opacity: 0;
    transition: all .3s;
}

.IconosLnkProx {
    pointer-events: none;
    cursor: default;
}

    .IconosLnkProx:hover .IndProx {
        opacity: 0.7;
    }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #IndicesRow .col-sm-6 {
        width: 48%;
        margin-right: 2%;
    }

    .IconosRight {
        float: right;
        margin-right: 0;
    }

    .IndProx {
        left: 60px;
    }
}

@media only screen and (min-width: 1200px) {
    #IndicesRow .col-lg-4 {
        width: 31.333333%;
        margin-right: 2%;
    }

    .IconosRight2 {
        float: right;
        margin-right: 0;
    }

    .IndProx {
        left: 80px;
    }
}

@media only screen and (min-width: 1280px) {
    .IndProx {
        left: 87px;
    }
}

#CifrasIndicesImgBg2 {
    background-image: url("../Images/IndObesidad.jpg");
    transition: all .1s
}

#CifrasIndicesImgBg3 {
    background-image: url("../Images/IndCancer.jpg");
    transition: all .1s
}

#CifrasIndicesImgBg4 {
    background-image: url("../Images/lentes.jpg");
    transition: all .1s
}

#CifrasIndicesImgBg2, #CifrasIndicesImgBg3, #CifrasIndicesImgBg4 {
    margin-bottom: 20px;
}

#IndicesSeccion2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

#MasNuevoComentado {
    overflow: hidden; /*Para que Container tenga height*/
    cursor: pointer;
}

    #MasNuevoComentado p {
        margin: 0;
    }

#MasNuevo, #MasComentado {
    width: 50%;
    background-color: #c43c00;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    position: relative;
}

#MasNuevo {
    float: left;
}

#MasComentado {
    float: right;
}

.IndicesNoticiasSelected {
    background-color: white !important;
    color: #c43c00 !important;
    border-left: 1px solid #c43c00;
    border-right: 1px solid #c43c00;
}

    .IndicesNoticiasSelected:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #c43c00;
    }

    .IndicesNoticiasSelected:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 0;
        height: 0;
        border-top: 8px solid #c43c00;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

#ContMasNuevo, #ContMasComentado {
    display: none;
}

#ContMasNuevo {
    height: 100px;
    background-color: gray;
}

#ContMasComentado {
    height: 80px;
    background-color: navy;
}

@media only screen and (min-width: 768px) {
    #IndicesSeccion2 {
        margin-top: 22px;
    }
    /*#ContMasNuevo
    {
        display: block;
    }*/
}
/*----------Landing Diabetes----------*/
#DiabetesBanner {
    height: 214px;
    background-size: cover;
    background-position: center center;
    background-image: url("../Images/IndDiabetes2.jpg");
    color: white;
    position: relative;
    margin-bottom: 25px;
}

    #DiabetesBanner::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.7;
        position: absolute;
        top: 0;
        left: 0;
    }

    #DiabetesBanner h1, #DiabetesBanner p {
        z-index: 1;
        position: absolute;
        margin: 0;
    }

    #DiabetesBanner h1 {
        top: 80px;
        left: 50%;
        font-size: 42px;
        font-weight: bold;
        transform: translate(-50%, 0%);
    }

    #DiabetesBanner p {
        font-size: 15px;
        text-align: center;
        font-weight: bold;
        bottom: 12px;
        left: 0;
        padding: 0 3%;
    }

@media only screen and (min-width: 768px) {
    #DiabetesBanner {
        height: 255px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #DiabetesBanner h1 {
        font-size: 65px;
    }

    #DiabetesBanner p {
        font-size: 21px;
        padding: 0 9%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #DiabetesBanner h1 {
        font-size: 65px;
    }

    #DiabetesBanner p {
        font-size: 21px;
        padding: 0 24%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #DiabetesBanner h1 {
        font-size: 65px;
    }

    #DiabetesBanner p {
        font-size: 21px;
        padding: 0 25%;
    }
}

@media only screen and (min-width: 1920px) {
    #DiabetesBanner h1 {
        font-size: 70px;
    }

    #DiabetesBanner p {
        font-size: 22px;
        padding: 0 33%;
    }

    .ContdivBgDiabetes {
        background-image: url("../Images/IndDiabetes.jpg") !important;
        background-position: center;
        position: relative;
    }

        .ContdivBgDiabetes:after {
            content: '';
            width: 100%;
            height: 100%;
            background-color: black;
            opacity: 0.8;
            position: absolute;
            top: 0;
            left: 0;
        }

    .DiabetesCont7_8 {
        margin-top: 20px !important;
    }

    .DiabetesIndex {
        z-index: 1;
        position: relative;
    }

    .DiabetesWhite {
        color: #fff !important;
    }

    .DiabetesWhite2 {
        color: #fff !important;
        opacity: .9;
    }

    #SeparadorDiabetes {
        color: #12455e;
        background-color: #fff;
    }

    #SobreSDDiv8 #CarCifDiabetes {
        height: 230px !important;
    }

        #SobreSDDiv8 #CarCifDiabetes #SobreSDCarouselCif {
            top: 0;
        }

        #SobreSDDiv8 #CarCifDiabetes .glyphicon {
            top: 120px;
        }

        #SobreSDDiv8 #CarCifDiabetes p {
            margin-left: 70px;
            margin-right: 70px;
        }

    .CifrasIndicesFuente {
        position: absolute;
        right: 96px;
        bottom: -32px;
        font-size: 10px;
    }
}

#DiabetesCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#EtiquetasTitulos > li > a {
    background-color: #ff6d00;
}

#EtiquetasTitulos > li > a {
    padding-left: 60px;
    padding-right: 59px;
    color: #FFFFFF;
    font-weight: bold;
}

    #EtiquetasTitulos > li > a:hover {
        border-color: #ff6d00;
        background-color: #ff6d00;
    }

#EtiquetasTitulos > li.active a {
    color: #ff6d00;
    background-color: #FFFFFF;
    border: 1px solid #ff6d00;
}

.DiabetesImg {
    background-image: url("../Images/IndDiabetes.jpg") !important;
}

#CarCifDiabetes {
    height: 150px !important;
}

#DiabetesContCifras {
    margin-bottom: 60px;
}

#SelectDiabetes {
    margin-bottom: 15px;
    margin-left: 15px;
}

    #SelectDiabetes p {
        display: inline;
    }

    #SelectDiabetes select {
        padding: 5px;
        border: 2px solid #12455e;
    }

        #SelectDiabetes select:focus {
            outline: 0;
        }
/*-----Landing Bienvenida Registro-----*/
#BienvBanner {
    background-image: url("../Images/BienvenidosReg.jpg");
    position: relative;
    margin-bottom: 25px;
}

#TextoBienv {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 22px;
    font-weight: bold;
    left: 50%;
    /*bottom: 50%;*/
    text-align: center;
    -webkit-transform: translate(-50%, 50px); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 50px);
    -ms-transform: translate(-50%, 50px);
    transform: translate(-50%, 50px);
    /*z-index: 1;*/
}

#BienvCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.IconosBienv {
    text-align: center;
}

    .IconosBienv p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        position: relative;
        top: -20px;
    }

    .IconosBienv a {
        text-decoration: none !important;
        color: #545454 !important;
        pointer-events: none;
        cursor: default;
    }

.BienvIcon {
    color: #12455e;
    display: block;
}

    .BienvIcon:before {
        font-size: 125px;
        margin: 0;
        line-height: normal !important;
        margin-bottom: 14px;
    }

.IconosLnkBienvHov:hover .BienvIcon:before {
    color: #c43c00 !important;
}

.IconosLnkBienvHov:hover p {
    color: #c43c00 !important;
}

.IconosLnkBienv .icono-estadisticas:before {
    margin-bottom: -36px;
}

.IconosLnkBienv .icono-cursos:before, .IconosLnkBienv .icono-gaceta:before, .IconosLnkBienv .icono-resultados:before, .IconosLnkBienv .icono-agenda:before {
    margin-top: 30px;
    margin-bottom: -16px;
}

.IconosLnkBienv .icono-pacientes:before {
    margin-bottom: 20px;
    margin-left: 40px;
    margin-top: -10px;
}

.IconosLnkBienv .icono-agenda:before {
    margin-left: 40px;
}

.IconosLnkBienvProx {
    pointer-events: none;
    cursor: default;
}

.BienvProx {
    position: absolute;
    bottom: 90px;
    left: 75px;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 14px;
    background-color: black;
    color: white;
    opacity: 0;
    transition: all .3s;
}

.IconosLnkBienvProx:hover .BienvProx {
    opacity: 0.7;
}

#BienvImgDra {
    background-image: url(../Images/muchacha.PNG);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 70%;
}

#BienvMsg, #BienvMsgReg, #BienvMsgInteres {
    text-align: justify;
    margin-bottom: 0;
    font-size: 15px;
    color: #616161;
}

.BienvBtnsReg {
    padding-left: 0px;
    padding-right: 0px;
}

#BienvMsgReg {
    margin-top: 5px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 14px;
}

#BienvMsgInteres {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    text-align: center;
}

#BienvBtnNavegar, #BienvBtnRegistro {
    width: 100%;
    padding: 10px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #12455e;
    background-color: white;
    border-radius: 0;
    border: 2px solid #12455e;
    margin-bottom: 15px;
}

    #BienvBtnNavegar:hover, #BienvBtnRegistro {
        color: white;
        background-color: #12455e;
    }

#BienvSeccionCuadros {
    padding-left: 0;
    padding-right: 0;
}

.BienvCuadros {
    height: 304px;
    background-size: cover;
    background-position: 46%;
    text-shadow: 2px 1px 1px #777779;
    font-size: 13px;
    position: relative;
    margin-bottom: 15px;
}

    .BienvCuadros:hover .BienvCuadrosTxt::after {
        height: 100px;
        opacity: 0.5;
        transition: all .3s;
    }

    .BienvCuadros:hover .BienvCuadrosTxt h4 {
        bottom: 70px;
        transition: all .3s;
    }

    .BienvCuadros:hover .BienvBtnInfo {
        opacity: 1;
        z-index: 1;
    }

#BienvCuadroCursos {
    background-image: url("../Images/Novedades/DiplomadoUniversitarioPresencial.JPG");
}

#BienvCuadroEst {
    background-image: url(../Images/estadisticas.JPG);
}

.BienvCuadrosTxt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: black;
    color: white;
    height: 50px;
}

.BienvCuadrosTxt h4 {
    font-size: 14px;
    font-weight: 800;
    text-shadow: 2px 1px 7px #333;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
    position: absolute;
    left: 0;
    bottom: 25px;
    z-index: 1;
    color: white;
}

.BienvBtnInfo {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

    .BienvBtnInfo div, .BienvBtnInfo div:hover {
        background: #12455e;
        border-color: #12455e;
        border-radius: 0;
        color: white;
        padding: 10px 10px;
        font-weight: bold;
        font-size: 12px;
        text-shadow: none;
    }

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #TextoBienv {
        font-size: 39px;
        -webkit-transform: translate(-50%, 90px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 90px);
        -ms-transform: translate(-50%, 90px);
        transform: translate(-50%, 90px);
    }

    #BienvBanner {
        background-position: center 30%;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #TextoBienv {
        font-size: 58px;
        -webkit-transform: translate(-50%, 103px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 103px);
        -ms-transform: translate(-50%, 103px);
        transform: translate(-50%, 103px);
    }

    #BienvBanner {
        background-position: center 30%;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #TextoBienv {
        font-size: 63px;
        -webkit-transform: translate(-50%, 95px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 95px);
        -ms-transform: translate(-50%, 95px);
        transform: translate(-50%, 95px);
    }

    #BienvBanner {
        background-position: center 30%;
    }
}

@media only screen and (min-width: 1920px) {
    #TextoBienv {
        font-size: 83px;
        -webkit-transform: translate(-50%, 115px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 115px);
        -ms-transform: translate(-50%, 115px);
        transform: translate(-50%, 115px);
    }

    #BienvBanner {
        background-position: center 35%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .icono-estadisticas:before {
        font-size: 161px;
    }

    .BienvProx {
        left: 58px;
    }

    .IconosLnkBienv .icono-pacientes:before {
        margin-bottom: 24px;
    }
}

@media only screen and (min-width: 1200px) {
    .icono-estadisticas:before {
        font-size: 161px;
    }

    .BienvProx {
        left: 65px;
    }

    .IconosLnkBienv .icono-pacientes:before {
        margin-bottom: 24px;
    }
}

@media only screen and (min-width: 1280px) {
    .BienvProx {
        left: 73px;
    }
}

@media only screen and (min-width: 1366px) {
    .BienvProx {
        left: 76px;
    }
}

@media only screen and (min-width: 768px) {
    #BienvMsgInteres {
        margin-top: 45px;
        margin-bottom: 30px;
    }

    #BienvSeccionCuadros {
        padding-left: 15px;
        padding-right: 15px;
    }

    .BienvCuadros, .BienvBtnsReg {
        width: 49%;
    }

    #BienvCuadroEst, #BienvBtnReg2 {
        float: right;
    }
}
/*----------Educación al Paciente----------*/
#EducBanner {
    background-image: url("../Images/educacionpaciente.JPG");
    position: relative;
    margin-bottom: 25px;
}

#TextoInfog {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 28px;
    font-weight: bold;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, 75px); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 75px);
    -ms-transform: translate(-50%, 75px);
    transform: translate(-50%, 75px);
    /*z-index: 1;*/
}

.EducacionCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

    .EducacionCont select {
        width: 100%;
        margin-bottom: 15px;
        height: 40px;
        padding-left: 8px;
    }

#InfografiasEsp2, #InfografiasFiltNoMov {
    /*height: 100%;*/
}
/*Nuevos Radio Button*/
.Infografiasradio {
    /*padding-left: 20px;
   margin-left: 20px;*/
}

    .Infografiasradio input[type="radio"] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: none !important;
        height: 0 !important;
        width: auto !important;
    }

    .Infografiasradio label {
        display: inline-block;
        padding-left: 2px;
        position: relative;
        font-weight: inherit;
        margin-bottom: 0px;
    }

input[type=radio]:checked + label {
    /*font-weight: 600;*/
}

.Infografiasradio label::before {
    -o-transition: border 0.5s ease-in-out;
    -webkit-transition: border 0.5s ease-in-out;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #cccccc;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -20px;
    outline: none !important;
    position: absolute;
    transition: border 0.5s ease-in-out;
    width: 17px;
}

.Infografiasradio input[type="radio"]:checked + label::after {
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    background-color: #2B557D;
}

.Infografiasradio label::after {
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -webkit-transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    background-color: #555555;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 11px;
    left: 3px;
    margin-left: -20px;
    position: absolute;
    top: 3px;
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    width: 11px;
}

.EducacionCont span {
    margin-bottom: 5px;
    display: inline-block;
}

.InfogAreaNew2 {
    background-color: #fafafa;
}

.InfogAreaCont {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
}

.InfogAreaNew {
    position: relative;
    height: 304px;
    background-size: cover;
    margin-bottom: 15px;
}

.InfogAreaNew2 p {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-bottom: 5px;
    color: #616161;
}

    .InfogAreaNew2 p:first-child {
        font-weight: bold;
    }

    .InfogAreaNew2 p:nth-child(2) {
        margin-bottom: 15px;
    }

.InfogAreaNew2 div {
    display: inline-block;
    width: 140px;
}

    .InfogAreaNew2 div:first-of-type {
        padding-left: 15px;
    }

    .InfogAreaNew2 div:nth-of-type(2) {
        padding-right: 15px;
        float: right;
    }

.InfogAreaNew2 a, .InfogAreaNew2 a:visited, .InfogAreaNew2 a:focus {
    color: #001e34;
    font-weight: 600;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    background-color: transparent;
    border-radius: 0;
    border: 2px solid #001e34;
    outline: none;
}

    .InfogAreaNew2 a:hover /*.InfografiasFiltNoMov p:hover*/ {
        background-color: #001e34;
        border-color: #001e34;
        color: #fff;
    }

    .InfogAreaNew2 a:active /*.InfografiasFiltNoMov p:active*/ {
        background-color: #003B67 !important;
        border-color: #003B67 !important;
    }

.InfografiasFiltCont select option .selected {
    background: #f25c23;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #TextoInfog {
        font-size: 68px;
        -webkit-transform: translate(-50%, 87px);
        -moz-transform: translate(-50%, 87px);
        -ms-transform: translate(-50%, 87px);
        transform: translate(-50%, 87px);
    }

    .InfografiasFiltCont {
        padding-left: 0;
        padding-right: 0;
    }

    #InfografiasFiltCont2 {
        margin-left: 30px;
    }

    #InfogArea {
        margin-left: 15px;
        margin-right: 15px;
    }

        #InfogArea .col-sm-6 {
            width: 49%;
        }

            #InfogArea .col-sm-6:nth-child(even) {
                float: right;
            }

    .InfogAreaNew2 div:first-of-type {
        /*padding-left: 30px;*/
    }

    .InfogAreaNew2 div:nth-of-type(2) {
        right: 0;
    }

    .InfogAreaNew2 {
        height: 141px;
        position: relative;
    }

        .InfogAreaNew2 div {
            position: absolute;
            bottom: 0;
        }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #TextoInfog {
        font-size: 80px;
        -webkit-transform: translate(-50%, 87px);
        -moz-transform: translate(-50%, 87px);
        -ms-transform: translate(-50%, 87px);
        transform: translate(-50%, 87px);
    }

    .InfografiasFiltCont {
        padding-left: 0;
        padding-right: 0;
    }

    #InfografiasFiltCont2 {
        margin-left: 30px;
    }

    #InfogArea {
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
    }

        #InfogArea .col-lg-4 {
            width: 32.333333%;
        }

            #InfogArea .col-lg-4:nth-child(3n+1) {
                float: left;
            }

            #InfogArea .col-lg-4:nth-child(3n+2) {
                margin-left: 18px;                
            }

            #InfogArea .col-lg-4:nth-child(3n+0) {
                float: right;
            }

    .InfogAreaNew2 {
        text-align: initial;
    }
    
        .InfogAreaNew2 div:nth-of-type(2) {
            right: 0;
        }

    .InfogAreaNew2 {
        height: 141px;
        position: relative;
    }

        .InfogAreaNew2 div {
            position: absolute;
            bottom: 0;
        }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #TextoInfog {
        font-size: 80px;
        -webkit-transform: translate(-50%, 107px);
        -moz-transform: translate(-50%, 107px);
        -ms-transform: translate(-50%, 107px);
        transform: translate(-50%, 107px);
    }

    .InfografiasFiltCont {
        padding-left: 0;
        padding-right: 0;
    }

    #InfografiasFiltCont2 {
        margin-left: 30px;
    }

    #InfogArea {
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
    }

        #InfogArea .col-lg-4 {
            width: 32.333333%;
        }

            #InfogArea .col-lg-4:nth-child(3n+1) {
                float: left;
            }

            #InfogArea .col-lg-4:nth-child(3n+2) {
                margin-left: 18px;               
            }

            #InfogArea .col-lg-4:nth-child(3n+0) {
                float: right;
            }

    .InfogAreaNew2 {
        text-align: initial;
    }

        .InfogAreaNew2 div:first-of-type {
            right: 40%;
        }
    
        .InfogAreaNew2 div:nth-of-type(2) {
            right: 0;
        }

    .InfogAreaNew2 {
        height: 141px;
        position: relative;
    }

        .InfogAreaNew2 div {
            position: absolute;
            bottom: 0;
        }
}

@media only screen and (min-width: 1920px) {
    #TextoInfog {
        font-size: 100px;
        -webkit-transform: translate(-50%, 137px);
        -moz-transform: translate(-50%, 137px);
        -ms-transform: translate(-50%, 137px);
        transform: translate(-50%, 137px);
    }

    .InfografiasFiltCont {
        padding-left: 0;
        padding-right: 0;
    }

    #InfografiasFiltCont2 {
        margin-left: 30px;
    }

    #InfogArea .col-lg-4 {
        width: 32.333333%;
    }

        #InfogArea .col-lg-4:nth-child(3n+1) {
            float: left;
        }

        #InfogArea .col-lg-4:nth-child(3n+2) {
            margin-left: 18px;
        }

        #InfogArea .col-lg-4:nth-child(3n+0) {
            float: right;
        }

    .InfogAreaNew2 {
        text-align: initial;
    }
    
        .InfogAreaNew2 div:first-of-type {
            right: 40%;
        }

        .InfogAreaNew2 div:nth-of-type(2) {
            right: 0;
        }

    .InfogAreaNew2 {
        height: 141px;
        position: relative;
    }

        .InfogAreaNew2 div {
            position: absolute;
            bottom: 0;
        }
}

.modalGIF {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

body.loading .modal {
    display: block;
}
/*----------Home Pacientes----------*/
#ExpedBanner {
    background-image: url("../Images/Expediente.jpg");
    position: relative;
    margin-bottom: 25px;
}

#TextoExped {
    position: absolute;
    color: white;
    text-shadow: 3px 3px 3px #777779;
    font-size: 28px;
    font-weight: bold;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, 90px); /*Alinea Horizontalmente*/
    -moz-transform: translate(-50%, 90px);
    -ms-transform: translate(-50%, 90px);
    transform: translate(-50%, 90px);
}

#ExpedCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#ExpedSeccionPrincipal {
    width: 100%;
    height: 100%;
    min-height: 100px;
    margin-top: 49px;
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 30px;
}

    #ExpedSeccionPrincipal .title {
        font: normal normal bold 16px/18px Open Sans;
        letter-spacing: 0px;
        color: #616161;
    }

.ExpedSeccionPrincipal_Contenedores {
    background-color: #ffffff;
    width: 100%;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
}

#ExpedBusqueda {
    width: 100%;
    flex: 1 1 0;
}

#ExpedAgregarPaciente {
    width: 50%;
    flex: 1 1 0;
}

#ExpedBusquedaTxt {
    font-size: 13px;
    text-align: justify;
    color: #616161;
    margin-bottom: 15px;
}


.ExpedCamposBusq {
    height: 36px;
    padding-left: 8px;
    background: #FFFFFF;
    border-style: groove;
    border-color: #fafafa;
    border: 1px solid #A6A6A6;
    border-radius: 4px;
}

.ExpedBuscarBtn {
    width: 44%;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    vertical-align: top;
}

#ExpedBuscar, #ExpedBuscar:visited, #ExpedBuscar:focus {
    background-color: #13465f;
    border-radius: 0;
    border: #13465f;
    outline: none;
}

#ExpedAgregar, #ExpedAgregar:visited, #ExpedAgregar:focus {
    border: #6135B4;
    outline: none;
    float: right;
    background: #0074D9 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font: normal normal bold 16px/18px Open Sans;
    color: #FFFFFF;
    padding: 9px 64px;
    width: auto;
}

#ExpedBuscar:hover {
    background-color: #45718c;
    border-color: #45718c;
}

#ExpedAgregar:hover {
    background-color: #004480;
}

#ExpedBuscar:active {
    background-color: #001f35 !important;
    border-color: #001f35 !important;
}

#ExpedAgregar:active {
    background-color: #1B3146;
}

#ExpedSeparador {
    left: -31%;
    white-space: nowrap;
}

#ExpedFiltro {
    margin-bottom: 40px;
}

#ExpedFiltroDiv {
    position: relative;
    width: 190px;
    display: inline-block;
    margin-left: 12px;
}

    #ExpedFiltroDiv i {
        font-size: 12px;
        position: absolute;
        right: 1px;
        top: 2px;
        height: 58%;
        background-color: #FFFFFF;
        z-index: 2;
        padding-right: 10px;
        color: #616161;
    }

#ExpedFiltro span {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #616161;
    display: inline-block;
}

#ExpedFiltro select {
    color: #616161;
    padding: 8px 8px;
    cursor: pointer;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #A6A6A6;
    border-radius: 4px;
    font: normal normal bold 14px/18px Open Sans;
    letter-spacing: 0px;
    color: #86B85D;
    outline: none;
}

.ExpedPacientesCont {
    margin-bottom: 15px;
    min-height: 245px !important;
}

.ExpedPacientes {
    padding: 10px;
    background-color: white;
    box-shadow: 0px 0px 2px 0px var(--Dropshadow-Card-Stroke, rgba(145, 158, 171, 0.24)), 0px 3px 8px 0px rgba(0, 0, 0, 0.20);
    border-radius: 4px;
}

.ExpedPacientesInfo1, .ExpedPacientesInfo2 {
    position: relative;
    padding-bottom: 15px;
}

.ExpedPacientesInfoSpans .ExpedPacientesVal:last-child {
    margin-bottom: 0px;
}

.ExpedPacientesIcono {
    float: right !important;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 5px;
    top: 0px !important;
    color: #075B98;
    cursor: pointer;
}

    .ExpedPacientesIcono:hover {
        color: #e5e5e4;
    }

.ExpedIcons {
    color: #075B98;
    font: normal normal bold 14px/19px Open Sans;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin: 0px 5px;
    float: left;
}

    .ExpedIcons:hover {
        color: #1B3146;
    }

.ExpedIconsTxt {
    padding-left: 3px;
}

.ExpedIcons1 {
    padding-left: 7px;
}

.ChecaAntecedentes, .ObtAntecedentes, .PacHistorialClinico, .OtorgarBeneficio {
    cursor: pointer;
}

.ExpedPacientesEtiq {
    display: block;
    font: normal normal bold 16px/22px Open Sans;
    letter-spacing: 0px;
    color: #075B98;
}

span.ExpedPacientesVal {
    display: inline-block;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.ExpedPacientesVal {
    margin-bottom: 5px;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #616161;
}

.ExpedPacientesInfo2 {
    position: relative;
    display: none;
}

.ExpedPacientesInfo3 {
    padding-top: 10px;
    border-top: 1px solid #616161; /*#fafafa*/
    position: relative;
    overflow: hidden;
}

#ExpedBusqDiv1 {
    position: relative; /*Para contener el GIF*/
    padding-left: 0px;
    padding-right: 0px;
}

#ExpedBusqDiv2 {
    padding-left: 0px;
    padding-right: 0px;
}

#ExpedGIF {
    display: none;
    position: absolute;
    top: 2px;
    right: 15px;
    background: url("../Images/Exped-Gif.gif");
    background-repeat: no-repeat;
    width: 35px;
    height: 33px;
}

#ExpedFiltroFechas {
    display: none;
    margin-bottom: 15px;
    cursor: pointer;
    border: 1px solid rgb(169, 169, 169);
    padding: 10px 10px;
    width: 255px;
}

    #ExpedFiltroFechas .caret {
        margin-left: 24px;
    }

.pagination > li a {
    border-width: 0px;
}

#ExpedPaginador {
    background: #FAFBFC;
    margin-bottom: 100px;
    text-align: center;
}


    #ExpedPaginador .pagination > .disabled > a {
        cursor: not-allowed;
        color: #A6A6A6;
    }

    #ExpedPaginador .pagination > li > a {
        border: none;
        color: #616161;
        cursor: pointer;
        background: #FAFBFC;
    }

    #ExpedPaginador .pagination > li.active > a {
        background: #86B85D 0% 0% no-repeat padding-box;
        color: #FFFFFF;
    }

    #ExpedPaginador .pagination > li:not(.active) > a:focus,
    #ExpedPaginador .pagination > li:not(.active, .disabled) > a:hover,
    #ExpedPaginador .pagination > li:not(.active) > span:focus,
    #ExpedPaginador .pagination > li:not(.active) > span:hover {
        color: #86B85D;
        background: #FFFFFF;
    }

.PagExped {
    display: none;
}

.PagExpedActive {
    display: block !important;
}

.pagination > .active > a, .pagination > .active > a:hover {
    background-color: #12455e;
    border-color: #12455e;
}

.pagination > li > a {
    color: #12455e;
}

.pagination > li > a, .pagination > li > span {
    padding: 6px 9px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #TextoExped {
        font-size: 68px;
        -webkit-transform: translate(-50%, 130px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 130px);
        -ms-transform: translate(-50%, 130px);
        transform: translate(-50%, 130px);
    }

    #ExpedBanner {
        background-position: center 15%;
    }

    #ExpedBusquedaTxt {
        font-size: 14px;
    }

    #ExpedSeparador {
        display: inline-block;
        left: -27%;
    }

    #ExpedFiltro {
        display: inline-block;
        float: right;
    }

    .ExpedPacientesEtiq {
        font-size: 14px;
    }

    .ExpedPacientesVal {
        font-size: 13px;
    }

    .ExpedPacientesIcono {
        font-size: 17px;
    }

    .ExpedIconsTxt {
        padding-left: 6px;
    }

    .ExpedIcons1 {
        padding-left: 10px;
    }

    #ExpedFiltroFechas {
        margin-right: 0px;
        margin-top: 120px;
        float: right;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
    #TextoExped {
        font-size: 83px;
        -webkit-transform: translate(-50%, 148px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 148px);
        -ms-transform: translate(-50%, 148px);
        transform: translate(-50%, 148px);
    }

    #ExpedBanner {
        background-position: center 22%;
    }

    #ExpedFiltroFechas {
        margin-top: 120px;
    }
}

@media only screen and (min-width: 1280px) {
    #ExpedBusqDiv1 {
        /*display: inline-block;
        width: 75%;*/
    }

    #ExpedBusqDiv2 {
        /*display: inline-block;
        vertical-align: top;
        float: right;*/
        /*width: 23%;
        float: right;*/
    }

    #ExpedBusquedaTxt {
        font-size: 15px;
    }

    #ExpedBusqDiv2 input {
        /*width: 42%;*/
    }

    #ExpedSeparador {
        display: inline-block;
        left: -25%;
    }

    #ExpedFiltro {
        display: inline-block;
        float: right;
    }

    .ExpedPacientesEtiq {
        font-size: 15px;
    }

    .ExpedPacientesVal {
        font-size: 14px;
    }

    .ExpedPacientesIcono {
        font-size: 17px;
    }

    .ExpedIconsTxt {
        padding-left: 6px;
    }

    .ExpedIcons1 {
        padding-left: 10px;
    }

    #ExpedFiltroFechas {
        margin-bottom: 15px;
        margin-right: 0px;
        float: right;
        position: relative;
        margin-left: 0px;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1919px) {
    #TextoExped {
        font-size: 83px;
        -webkit-transform: translate(-50%, 168px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 168px);
        -ms-transform: translate(-50%, 168px);
        transform: translate(-50%, 168px);
    }

    #ExpedBanner {
        background-position: center 22%;
    }

    #ExpedSeparador {
        left: -33%;
    }
}

@media only screen and (min-width: 1920px) {
    #TextoExped {
        font-size: 93px;
        -webkit-transform: translate(-50%, 223px); /*Alinea Horizontalmente*/
        -moz-transform: translate(-50%, 223px);
        -ms-transform: translate(-50%, 223px);
        transform: translate(-50%, 223px);
    }

    #ExpedBanner {
        background-position: center 25%;
    }

    #ExpedSeparador {
        left: -100%;
        padding-left: 100%;
    }
}
/*----------Pacientes Datos----------*/
#PacDatosCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#PacDatosTitulo {
    margin-bottom: 10px;
    font-weight: bold;
}

#PacDatosTimelineCont {
    margin-top: 25px;
    margin-bottom: 40px;
}

.PacDatosTimelineDivs {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #616161;
}

    .PacDatosTimelineDivs p {
        margin-bottom: 20px;
    }

.PacDatosTimeline:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #616161;
}

.PacDatosTimeline:after {
    content: "";
    position: absolute;
    bottom: -8px;
    border: 8px solid #616161;
    border-radius: 100%;
}

.PacDatosTimelineActive:before {
    background-color: #86B85D;
}

.PacDatosTimelineActive:after {
    border-color: #86B85D;
}

.PacDatosSecciones {
    margin-top: 5px;
    margin-bottom: 10px;
}

.PacDatosSubs {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

    .PacDatosSubs .icono-medicos:before {
        margin-left: -2px;
    }

.PacDatosIconsCircle {
    padding: 6px 7px;
    border-radius: 100%;
    color: white;
}

.PacDatosIconsCircle1 {
    background-color: #12455e;
}

.PacDatosIconsCircle2 {
    background-color: #f25c23;
}

.PacDatosIconsCircle3 {
    background-color: #616161;
}

.PacDatosIconsTxt {
    padding-left: 0px;
    text-align: left;
    font: normal normal bold 20px/27px Open Sans;
    letter-spacing: 0px;
    color: #075B98;
    opacity: 1;
}

.inputtagscolorPD {
    text-align: left;
    font: normal normal bold 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
}

.PacDatosCampos {
    height: 40px;
    padding-left: 8px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    opacity: 1;
    display: block;
}

.PacDatosFile {
    width: 100%;
    height: 40px;
    line-height: 34px;
    color: #000000;
    padding-left: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    opacity: 1;
}

.unstyled::-webkit-inner-spin-button, /*Quita Flechas*/
.unstyled::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

#PacDatosInformNom, #PacDatosInformPar {
    display: none;
}

#PacDatosBtnCancelar, #PacDatosBtnGuardar {
    width: 100%;
    height: 40px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-radius: 0;
    margin-bottom: 10px;
    outline: none;
}

#PacDatosBtnCancelar {
    font: normal normal bold 16px/22px Open Sans;
    letter-spacing: 0px;
    color: #2B557D;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #2B557D;
    border-radius: 4px;
    opacity: 1;
}

    #PacDatosBtnCancelar:hover {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #2B557D;
        border-radius: 4px;
        opacity: 1;
    }

#PacDatosBtnGuardar {
    background: #2B557D 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

    #PacDatosBtnGuardar:hover {
        background: #2B557D 0% 0% no-repeat padding-box;
        border-radius: 4px;
        opacity: 1;
    }

    #PacDatosBtnGuardar:disabled {
        border: 1px solid #AFAFAF;
        background: #AFAFAF 0% 0% no-repeat padding-box;
        border-radius: 4px;
        opacity: 1;
    }
/*Información personal*/
#PacDatosCont1 input:focus, #PacDatosCont4 input:focus, #PacDatosCont5 input:focus, #PacDatosCont2 input:focus, #PacDatosCont2M input:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 2px;
    opacity: 1;
}

#PacDatosCont3 select:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 2px;
    opacity: 1;
}
/*Datos de contacto*/
#PacDatosCont6 input:focus, #PacDatosCont7 input:focus, #PacDatosCont8 input:focus, #PacDatosCont9 input:focus, #PacDatosCont12 input:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 2px;
    opacity: 1;
}

#PacDatosCont10 select:focus, #PacDatosCont11 select:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 2px;
    opacity: 1;
}
/*Ficha de identificación*/
#PacDatosCont13 select:focus, #PacDatosCont14 select:focus, #PacDatosCont18 select:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 2px;
    opacity: 1;
}

#PacDatosCont15 input:focus, #PacDatosCont16 input:focus, #PacDatosCont17 input:focus, #PacDatosCont19 input:focus, #PacDatosCont20 input:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 2px;
    opacity: 1;
}
/*Archivos adjuntos*/
#PacDatosCont24 input[type=file]:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 2px;
    opacity: 1;
}

#PacDatosModalCanc .modal-dialog {
    width: 30%;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    opacity: 1;
}

#PacDatosEst, #PacDatosMun {
    /*cursor: not-allowed;*/
}

#PacDatosBtns {
    margin-top: 20px;
}

#PacDatosModalHeader {
    padding-bottom: 0;
}

    #PacDatosModalHeader p {
        color: #616161;
        font-weight: 600;
    }

.PacDatosModalBtns {
    float: left;
}

#PacDatosCont0 {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #PacDatosCont1, #PacDatosCont2 {
        /*display: inline-block;
        width: 48.6%;*/
    }

    #PacDatosContDiv2, #PacDatosContDivApellidos {
        display: inline-block !important;
        width: 67% !important;
    }

    #PacDatosCont4, #PacDatosCont5, #PacDatosCont2, #PacDatosCont2M {
        width: fit-content
    }

    #PacDatosCont5, #PacDatosCont8, #PacDatosCont15, #PacDatosCont18, #PacDatosCont22, #PacDatosCont2M, #PacDatosCont11 {
        float: right;
    }

    #PacDatosCont4, #PacDatosCont7, #PacDatosCont14, #PacDatosCont17, #PacDatosCont2, #PacDatosCont10, #PacDatosCont11 {
        margin-left: 7px;
    }

    #PacDatosCont3, #PacDatosCont4, #PacDatosCont5, #PacDatosCont6, #PacDatosCont7, #PacDatosCont8, #PacDatosCont13, #PacDatosCont14, #PacDatosCont15,
    #PacDatosCont16, #PacDatosCont17, #PacDatosCont18, #PacDatosCont1, #PacDatosCont2, #PacDatosCont2M {
        display: inline-block;
        width: fit-content;
    }

    #PacDatosCont9, #PacDatosCont11, #PacDatosCont19, #PacDatosCont10 {
        display: inline-block;
        width: fit-content;
    }

    #PacDatosModalCanc .modal-dialog {
        width: 50%;
    }

    #PacDatosCont12, #PacDatosCont20 {
        display: inline-block;
        width: 100%;
        margin-left: 0px;
    }

    #PacDatosCont21, #PacDatosCont22 {
        display: inline-flex;
        width: 60%;
    }

        #PacDatosCont22 #PacDatosBtnGuardar {
            margin-left: 30px;
        }

    #PacDatosCont21 {
        margin-left: 15px;
    }

    #PacDatosCont22 {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 1280px) {
    #PacDatosCont0 {
        display: inline-block;
        background-image: url(https://salud-digna.com/aliadossalud/home/2024/AltaPaciente/Paciente-x.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 25% center;
        width: 18%;
        height: 130px;
        vertical-align: top;
    }

    #PacDatosContDiv {
        display: inline-block;
        width: 81.6%;
        position: relative;
    }

    #PacDatosContDiv1 {
        width: 50%;
        display: inline-block;
        float: left;
    }

    #PacDatosContDiv2 {
        display: inline-block;
        width: 50%;
    }

    #PacDatosCont3 {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #PacDatosCont4 {
        width: 100%;
        display: inline-block;
    }

    #PacDatosCont5 {
        width: 100%;
        display: inline-block;
    }
  
    #PacDatosCont22 {
        float: right;
    }

    #PacDatosCont19 { /*Quite el #PacDatosCont20 para darle un ancho individual */
        display: inline-block;
        width: 23.5%;
    }

    #PacDatosCont20 {
        display: inline-block;
        width: 24.2%; /*Estaba 24% Inicial*/
    }

    #PacDatosCont18 {
        display: inline-block;
        width: 49.5%; /*Estaba 49% inicial y quedaba descuadrado*/
    }

    #PacDatosCont6, #PacDatosCont7, #PacDatosCont8, #PacDatosCont9, #PacDatosCont10, #PacDatosCont11 {
        display: inline-block;
    }

    #PacDatosCont7, #PacDatosCont8, #PacDatosCont9, #PacDatosCont11, #PacDatosCont14,
    #PacDatosCont15, #PacDatosCont16 { /*Quite #PacDatosCont19, #PacDatosCont20 para agregarles más margen abajo*/
        margin-left: 10px;
    }

    #PacDatosCont19 {
        margin-left: 16px;
    }

    #PacDatosCont20 {
        margin-left: 8px;
    }

    #PacDatosCont12 {
        display: inline-block;
        width: 100%;
    }

    #PacDatosCont21, #PacDatosCont22 {
        display: inline-flex;
        width: 30%;
    }

        #PacDatosCont22 #PacDatosBtnGuardar {
            margin-left: 30px;
        }
}
/*----------Pacientes Expedientes----------*/
.errorcorreobenficiario {
    border-color: #F15C23 !important;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .075);
}

#PacExpCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.PacExpAccPac .panel-default {
    border: 0px;
}

    .PacExpAccPac .panel-default > .panel-heading {
        background-color: initial;
        padding: 0px;
    }

.carousel-move {
    position: relative;
    top: 15px;
    right: 10%;
}

    .carousel-move .glyphicon-menu-left, .carousel-move .glyphicon-menu-right {
        font-size: 20px;
        color: #B5B5B5;
    }

.PacExpAccBody {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.PacExpAccPac .panel {
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 15px;
}

.PacExpAccIcons {
    float: right;
    position: relative;
    bottom: 8px;
    font-size: 34px !important;
    color: #AFAFAF;
}

#PacExpInterrogantes {
    color: #12455e;
}

.PacExpAccHeader {
    top: 147px;
    left: 74px;
    width: 100%;
    height: 45px;
    text-align: left;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0px;
    color: #014461;
    opacity: 1;
    padding: 18px 25px 0px 25px;
}

.PacExpPacBtnsCont {
    position: relative;
    overflow: hidden;
}

.PacExpPacBtns {
    display: inline-block;
    text-align: center;
    width: 33%;
    float: left;
    color: #13465f;
}

.PacExpPacIconos {
    display: block;
    color: #13465f;
}

.PacExpPacIconosTxt {
    color: #616161;
    font-weight: bold;
    color: #13465f;
}

.PacExpSeccCont {
    margin-bottom: 25px;
}

.PacExpCampos {
    height: 36px;
    padding-left: 8px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E5E5E5;
}

/* Se modificó el Height y Width del botón por que la librería tomaba otros valores toggles.min.js  */
.PacExpToggleBtn {
    display: inline-block;
    margin-left: 15px;
    margin-top: 1px;
    left: 69px;
    background: #616161 0% 0% no-repeat padding-box;
    border: none !important;
    border-radius: 12px;
    box-shadow: none !important;
    opacity: 1;
    height: 22px !important;
    width: 52px !important;
}

/* Se modificó el height por que la librería toggles.min.js cambiaba los valores*/
.toggle-light .toggle-slide {
    height: 100% !important;
}

.toggle-slide {
    background-color: #86B85D;
    border: none !important;
    box-shadow: none !important;
}

.PacExpEtiq {
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
    margin-left: 5px;
}

.PacExpToggleInfo {
    display: inline-block;
    float: right;
    width: 75%;
}

.toggle-slide .toggle-blob {
    z-index: 2 !important;
}

.PacExpAccSubCont {
    overflow: hidden;
    width: 100%;
    display: flex;
}

.PacExpAccPacSub {
    height: auto;
    width: 100%;
    overflow-x: auto;
}

#PacConsAcc2 {
    overflow-x: initial;
}

#ctoDescripcion {
    resize: none;
}

#ctoDescripcion {
    resize: none;
}

textarea#PacExpAccExpFisicaTxt {
    width: 96%;
    margin: 18px;
    border: 1px solid #A6A6A6;
    border-radius: 4px;
}

#revisiones_estudios {
    width: 96%;
    margin: 18px;
    border: 1px solid #A6A6A6;
    border-radius: 4px;
}

#PacExpAccExpFisicaTxt {
    padding: 10px;
    width: 100%;
    resize: none;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #616161;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #616161;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #616161;
    }

::-webkit-scrollbar-track {
    background: #ffffff;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-track:hover {
        background: #ffffff;
    }

    ::-webkit-scrollbar-track:active {
        background: #ffffff;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}

.PacExpAntBtnsCont {
    margin-top: -5px;
}

.PacExpCamposDatos {
    display: none;
}

#PacExpErrores {
    margin-bottom: 20px;
}

.PacExpAntBtnRegresar, #PacExpAntBtnConsultar {
    width: 100%;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: white;
    border-radius: 4px;
    margin-bottom: 10px;
    outline: none;
    transition: 0.3s;
    margin: 5px;
}

.PacExpAntBtnRegresar {
    border: 2px solid #2B557D;
    background-color: #2B557D;
    color: white;
}

#PacExpAntBtnConsultar {
    background-color: #f25c23;
    border: 2px solid #f25c23;
}

.PacExpAntBtnRegresar:hover,
.PacExpAntBtnRegresar:focus {
    background-color: #1B3146;
    border: 2px solid #1B3146;
}

#PacExpAntBtnGuardar, #PacExpAntBtnConsultar {
    width: 100%;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: white;
    border-radius: 4px;
    margin-bottom: 10px;
    outline: none;
    transition: 0.3s;
    margin: 5px;
}

#PacExpAntBtnGuardar {
    border: 2px solid #2B557D;
    background-color: #2B557D;
    color: white;
}

#PacExpAntBtnConsultar {
    background-color: #f25c23;
    border: 2px solid #f25c23;
}

#PacExpAntBtnGuardar:hover,
#PacExpAntBtnGuardar:focus {
    background-color: #1B3146;
    border: 2px solid #1B3146;
}


.PacExpAnterBtnCont {
    margin-top: -5px;
}

#PacExpAnterBtnAgendar {
    width: 100%;
    padding: 14px 14px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-radius: 0;
    margin-bottom: 10px;
    outline: none;
    border: 2px solid #12455e;
    background-color: white;
    color: #12455e;
}

#PacExpsConsResult .panel {
    /*cursor: initial;*/
}

.ConsResultDivs {
    width: 100%;
    top: 191px;
    left: 74px;
    width: 254px;
    text-align: left;
    font-family: 'Open Sans';
    font-size: 16px;
    letter-spacing: 0px;
    color: #014461;
    opacity: 1;
    padding-left: 10px;
    transition: 0.3s;
}

.PosicionarBotonConfirmar {
    width: 100%;
    float: left;
    margin-left: auto;
}

#ConsResultNumResTitle {
    margin-bottom: 0px;
    font-size: 14px;
    color: #616161;
    font-family: 'Open Sans';
}

#ConsResultInput {
    height: 36px;
    padding-left: 8px;
    border-style: groove;
    border-color: #fafafa;
    border: 1px solid #A6A6A6;
    border-radius: 4px;
    width: 647%;
    margin-bottom: 8px;
    margin-top: 4px;
    color: #616161;
    font-size: 14px;
}

#ConsResultBtn {
    top: 182px;
    left: 928px;
    width: 180px;
    height: 40px;
    border-radius: 4px;
    font: normal normal bold 16px Open Sans;
    background-color: #FFFFFF;
}

    #ConsResultBtn:focus,
    #ConsResultBtn:active {
        outline: none !important;
        box-shadow: none !important;
    }

.gacetaCopy {
    /* Layout Properties */
    font-family: 'Open Sans';
    font-size: 16px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
}

#PacExpsConsResult1 {
    height: auto;
}

.ConsResultDivsInfo {
    width: 97.5%;
    font-size: 0px;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border-radius: 8px;
    margin-top: 16px;
    margin-left: 5px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
}

.ConsResultDivsInfo4 {
    display: flex;
    flex-wrap: wrap-reverse;
}

.ConsResultDivsInfo div span {
    display: inline-block;
}

.ConsResultDivsInfo .ConsResultDivsInfo1 {
    padding: 8px;
    padding-left: 4px;
    padding-top: 4px;
    background-color: #f8f8f8;
    color: #616161;
}

    .ConsResultDivsInfo .ConsResultDivsInfo1 span:nth-child(1) {
        height: 30px;
        width: 25px;
        font-size: 25px;
    }

    .ConsResultDivsInfo .ConsResultDivsInfo1 span:nth-child(2) {
        margin-left: 10px;
        font-size: 11px;
        text-decoration: underline;
        vertical-align: super;
    }

.ConsResultDivsInfo .ConsResultDivsInfo2 {
    font-size: 12px;
    color: #43474A;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ConsResultDivsInfo .ConsResultDivsInfo3 {
    font-size: 13px;
    color: #004480;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: lowercase; /*para convertir a minusculas*/
}

.ConsResultDivsInfo .ConsResultDivsInfo2, .ConsResultDivsInfo .ConsResultDivsInfo3, .ConsResultDivsInfo .ConsResultDivsInfo4 {
    padding-left: 32px;
    padding-right: 8px;
    padding-top: 3px;
}

    .ConsResultDivsInfo .ConsResultDivsInfo2 span:nth-child(2) {
        float: right;
    }

.ConsResultDivsInfo .ConsResultDivsInfo4 {
    font-size: 13px;
    color: #616161;
    margin-top: 25px;
}

    .ConsResultDivsInfo .ConsResultDivsInfo4 span:nth-child(2) a {
        cursor: pointer;
        padding: 12px 24px;
        background-color: #0074D9;
        color: white;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s;
        width: 180px;
        text-align: center;
        font-size: 16px;
        margin-bottom: 25px;
    }

    .ConsResultDivsInfo .ConsResultDivsInfo4 span:nth-child(1) a {
        background-color: #FFFFFF;
        color: #0074D9;
        cursor: pointer;
        padding: 12px 16px;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s;
        width: 180px;
        text-align: center;
        font-size: 16px;
    }

    .ConsResultDivsInfo .ConsResultDivsInfo4 span:nth-child(1) {
        /*margin-right: 50px;
        margin-bottom: 25px;*/
    }

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #PacExpsConsResult1 .ConsResultDivs:nth-child(2),
    #PacExpsConsResult1 .ConsResultDivs:nth-child(3) {
        display: inline-block;
        width: 47%;
    }

    #PacExpsConsResult1 .ConsResultDivs:nth-child(3) {
        float: right;
    }

    #ConsResultDivsInfoCont {
        width: 100%;
        float: left;
    }

    .ConsResultDivsInfo {
        width: 49%;
        display: inline-block;
        font-size: 0px;
        padding-bottom: 0px;
    }

        .ConsResultDivsInfo:nth-child(even) {
            float: right;
        }

        .ConsResultDivsInfo .ConsResultDivsInfo1, .ConsResultDivContResp {
            display: inline-block;
        }

        .ConsResultDivsInfo .ConsResultDivsInfo1 {
            width: 30%;
            vertical-align: top;
            text-align: center;
        }

    .ConsResultDivContResp {
        width: 70%;
    }

    .ConsResultDivsInfo .ConsResultDivsInfo1 span:nth-child(1) {
        height: initial;
        width: initial;
        font-size: 45px;
    }

    .ConsResultDivsInfo .ConsResultDivsInfo1 span:nth-child(2) {
        margin-left: 0px;
    }

    #PacExpAntBtnGuardar {
        width: 30%;
        float: right;
    }

    .PacExpAntBtnRegresar {
        width: 30%;
        float: right;
    }

    .PosicionarBotonConfirmar {
        margin-left: 352px;
    }
}

@media only screen and (min-width: 1280px) {
    #PacExpsConsResult1 .ConsResultDivs:nth-child(1) {
        width: auto;
    }

    #PacExpsConsResult1 .ConsResultDivs:nth-child(2) {
        display: inline-block;
        width: auto;
    }

    #PacExpsConsResult1 .ConsResultDivs:nth-child(3) {
        display: inline-block;
        width: 25%;
        float: right;
    }

    #ConsResultDivsInfoCont {
        width: 100%;
        float: left;
    }

    .ConsResultDivsInfo {
        background-color: #FFFFFF;
        gap: 12px;
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 97.5%;
    }

        .ConsResultDivsInfo:nth-child(3n+1) {
            /*float: left;*/
        }

        .ConsResultDivsInfo:nth-child(3n+2) {
            margin-left: 6px;
        }

        .ConsResultDivsInfo:nth-child(3n+0) {
            float: right;
        }

        .ConsResultDivsInfo .ConsResultDivsInfo1, .ConsResultDivContResp {
            display: inline-block;
        }

        .ConsResultDivsInfo .ConsResultDivsInfo1 {
            width: 5%;
            vertical-align: top;
            text-align: center;
        }

    .ConsResultDivContResp {
        /*width: 70%;*/
    }

    .ConsResultDivsInfo .ConsResultDivsInfo1 span:nth-child(1) {
        height: initial;
        width: initial;
        font-size: 45px;
    }

    .ConsResultDivsInfo .ConsResultDivsInfo1 span:nth-child(2) {
        margin-left: 0px;
    }

    .ConsResultDivsInfo .ConsResultDivsInfo4 span:nth-child(1) {
        margin-right: 25px;
    }

        .ConsResultDivsInfo .ConsResultDivsInfo4 span:nth-child(1) a {
            background-color: #FFFFFF;
            color: #0074D9;
            cursor: pointer;
            padding: 10px 5px;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background-color 0.3s;
            width: 180px;
            text-align: center;
            font-size: 16px;
        }

    .ConsResultDivsInfo .ConsResultDivsInfo4 span:nth-child(2) a {
        cursor: pointer;
        padding: 10px 95px;
        background-color: #0074D9;
        color: white;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s;
        width: 180px;
        text-align: center;
        font-size: 16px;
    }

    #PacExpAntBtnGuardar {
        width: 15%;
        float: right;
    }

    .PacExpAntBtnRegresar {
        width: 15%;
        float: right;
    }
}
/*Nuevo Diseño*/
.PacExpBtns {
    display: inline-block;
    text-align: end;
    width: 40%;
}

.PacExpAccBodySignos, .PacExpAccPacSignos {
    padding: 0px !important;
}

.PanelEstudiosRealizados {
    /*padding-top: -15px !important;*/
}

#PacConsAcc1SigVit {
    /*height: 230px;*/
}

#PacConsAcc1
.ConsResultDivsInfoExp {
    border: 1px solid #616161;
    border-left: 5px solid #616161;
    margin-bottom: 10px;
    font-size: 0px;
}

.ConsResultDivContRespExp div span {
    display: inline-block;
    width: 100%;
    word-wrap: break-word;
}

.ConsResultDivsInfoExp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    border-left: 10px solid #86B85D;
    margin-bottom: 10px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
}

.ConsResultDivsInfo1Exp span {
    display: block;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo1Exp, .ConsResultDivContRespExp {
    display: inline-block;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo1Exp {
    width: 30%;
    vertical-align: top;
    text-align: center;
    padding: 5px;
    color: #616161;
    border-right: 1px solid #707070;
}

.ConsResultDivsInfoExpCont {
    height: auto;
    max-height: 303px;
    overflow-y: auto;
    overflow-x: hidden;
}

#PacExpLnkVerMas, #PacExpLnkVerMenos {
    text-decoration: underline;
    color: #86B85D;
    cursor: pointer;
}

#PacExpContVerMas, #PacExpLnkVerMenos {
    display: none;
}

#PacExpLnkVerMasDiv, #PacExpLnkVerMenosDiv {
    margin-bottom: 10px;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo1Exp span:nth-child(1), .ConsResultDivsInfoExp .ConsResultDivsInfo1Exp span:nth-child(3) {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #075B98;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo1Exp span:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    color: #075B98;
}

.ConsResultDivContRespExp {
    width: 55%;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo2Exp, .ConsResultDivsInfoExp .ConsResultDivsInfo3Exp, .ConsResultDivsInfoExp .ConsResultDivsInfo4Exp {
    padding-left: 22px;
    padding-right: 8px;
    padding-top: 5px;
}

.ConsResultDivsInfo3Exp span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo2Exp {
    font-size: 14px;
    line-height: 19px;
    color: #616161;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo3Exp {
    font-size: 14px;
    line-height: 19px;
    color: #616161;
    font-weight: bold;
}

.ConsResultDivsInfoExp .ConsResultDivsInfo4Exp {
    font-size: 14px;
    line-height: 19px;
    color: #86B85D;
}

    .ConsResultDivsInfoExp .ConsResultDivsInfo4Exp span:nth-child(1) {
        margin-right: 50px;
    }

    .ConsResultDivsInfoExp .ConsResultDivsInfo4Exp span a {
        text-decoration: underline;
        color: #86B85D;
        cursor: pointer;
    }
/*----------Pacientes Consulta---------*/
#PacConsCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.PacConsSeccCont {
    margin-bottom: 10px;
}

#PacConsSeccPac, #PacConsSeccConsAct, #PacConsAcc, #PacConsSeccDiag,
#PacConsSeccTrat, #PacConsSeccEst {
    background-color: white;
    padding: 15px 13px;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 4px;
}

#PacConsSeccEst {
    margin-bottom: 40px;
}

#PacConsPacImg, #PacConsPacDatos {
    display: inline-block;
    height: 70px;
}

#PacConsPacDatos {
    position: relative;
    align-content: center;
    margin-left: 5px;
}

.font-16-gray {
    font-size: 16px;
    color: #43474A;
}

#PacConsPacImg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 20% center;
    vertical-align: top;
    width: 35%;
}


#PacConsCont #PacConsPacDatos p:nth-child(1),
#PacExpCont #PacConsPacDatos p:nth-child(1) {
    font: normal normal bold 16px/22px Open Sans;
    color: #075B98;
}

#PacConsPacDatos p:nth-child(1) {
    font: normal normal bold 14px/20px Open Sans;
}

#PacConsPacDatos p:nth-child(2) {
    margin-bottom: 0;
    font: normal normal normal 14px/19px Open Sans;
    color: #616161;
}

.PacConsBtnsCont {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
}

.PacConsBtns {
    display: inline-block;
    text-align: center;
    width: 50%;
}

.PacConsIconos {
    color: #13465f;
}

.PacConsIconosTxt {
    color: #0074D9;
    font-weight: bold;
}

.PacConsSeccTitulos {
    font: normal normal bold 16px/22px Open Sans;
    color: #616161 !important;
}

.PacConsSeccTitulosGris {
    font: normal normal bold 16px/22px Open Sans;
    color: #616161 !important;
}

.PacConsSeccTitulos-azul {
    color: #075B98;
}

#PacConsSeccPadec textarea {
    width: 100%;
    text-align: justify;
    line-height: 1.5;
    padding: 10px;
    padding-bottom: 0px;
    margin-bottom: 0;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

#PacConsSeccConsAct {
    padding: 10px;
    padding-bottom: 10px;
}

#PacExpGinObs {
    display: none;
}

.PacConsActDivs {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .PacConsActDivs input {
        position: absolute;
        right: 45px;
        height: 20px;
        padding-left: 8px;
        width: 70px;
        background-color: #FFFFFF;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
    }

    .PacConsActDivs span:nth-child(3) {
        position: absolute;
        right: 0;
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
        color: #616161;
    }

    .PacConsActDivs span:nth-child(1) {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
        color: #616161;
    }

    .PacConsActDivs span:nth-child(2) {
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
        color: #616161;
    }

#PacConsSeccConsActFecha {
    position: absolute;
    top: 0;
    right: 40px;
    color: #616161;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
}

#PacConsAcc3 {
    height: auto;
}

#PacConsSeccDiagMedicsBuscar {
    margin-bottom: 15px;
}

    #PacConsSeccDiagMedicsBuscar input {
        position: relative;
        width: 100%;
        height: 48px;
        padding-left: 8px;
        padding-right: 28px;
        color: #81888F;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        padding-left: 10px;
        outline: none !important;
    }

        #PacConsSeccDiagMedicsBuscar input:focus,
        #PacConsSeccDiagMedicsBuscar input:active {
            border: 1px solid #2B557D;
            color: #616161;
        }

    #PacConsSeccDiagMedicsBuscar span {
        position: absolute;
        top: 45px;
        right: 27px;
        font-size: 20px;
    }

#PacConsSeccDiagMedicsBuscarDiv {
    display: none;
    border: 1px groove rgb(238, 238, 238);
    height: 100px;
    overflow-x: auto;
}

#PacConsSeccDiagMedicsBuscar div div {
    padding-left: 8px;
    padding-right: 28px;
    margin-top: 3px;
    cursor: pointer;
    font-size: 15px;
}

    #PacConsSeccDiagMedicsBuscar div div:hover {
        background-color: #616161;
        color: white;
    }

#PacConsSeccDiagMedicsAgregar input {
    height: 48px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
}

#PacConsSeccDiagListaMedics {
    padding: 10px;
}

.PacConsSeccDiagListaMedicsDivs {
    margin-bottom: 10px;
}

    .PacConsSeccDiagListaMedicsDivs span:nth-child(1) {
        margin-right: 15px;
    }

    .PacConsSeccDiagListaMedicsDivs span:nth-child(2) {
        font-size: 16px;
        color: #616161;
    }

#PacConsSeccTratMedicsFarma {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

    #PacConsSeccTratMedicsFarma select,
    #PacConsSeccTratMedicsRecomen input,
    #PacConsSeccTratMedicsRecomen select {
        width: 100%;
        height: 40px;
        padding-left: 8px;
        padding-right: 20px;
        background-color: #FFF;
        color: #AFAFAF;
        border: 1px solid #A6A6A6;
        border-radius: 4px;
        padding-left: 20px;
        outline: none !important;
    }

    #PacConsSeccTratMedicsFarma .tratamientoContenedorOpc {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        height: 60px;
        font: normal normal bold 16px/18px Open Sans;
        color: #85B75A;
        gap: 15px;
        border: 1px solid #85B75A;
        border-radius: 4px;
        flex: 1;
        cursor: pointer;
    }

        #PacConsSeccTratMedicsFarma .tratamientoContenedorOpc.active {
            border: 2px solid #85B75A;
            background-color: #EFFFE1;
        }

        #PacConsSeccTratMedicsFarma .tratamientoContenedorOpc span:first-child {
            font-size: 30px;
        }

    #PacConsSeccTratMedicsFarma select:focus,
    #PacConsSeccTratMedicsFarma select:active,
    #PacConsSeccTratMedicsRecomen input:focus,
    #PacConsSeccTratMedicsRecomen input:active,
    #PacConsSeccTratMedicsRecomen select:focus,
    #PacConsSeccTratMedicsRecomen select:active {
        border: 1px solid #2B557D;
        color: #616161;
    }

#PacConsSeccTratMedicsRecomen {
    margin-bottom: 15px;
}

    #PacConsSeccTratMedicsRecomen span:first-child {
        color: #616161;
        font-weight: bold;
        font-size: 16px;
    }

.PacConsSeccTratMedicsBtnContent {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row;
    gap: 20px;
}

.PacConsSeccTratMedicsBtnContent2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: column;
    gap: 20px;
}

.PacConsSeccTratMedicsBtnContent hr {
    width: 100%;
    border-bottom: 1px solid #A6A6A6;
    margin: 0;
}

.PacConsSeccTratMedicsBtnContent2 hr {
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
    margin: 0;
}

.PacConsSeccTratMedicsBtnContent2 div,
.PacConsSeccTratMedicsBtnContent div {
    flex: 1;
}

#PacConsSeccTratMedicsAgregar input {
    width: 100%;
    min-width: 200px;
    height: 40px;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    /*
     color: #616161;
    background-color: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.05);*/
    border-radius: 4px;
    /*margin-bottom: 20px;*/
    border: 1px solid #0074D9;
    color: #0074D9;
    background-color: #FFFFFF;
    cursor: pointer;
}

    #PacConsSeccTratMedicsAgregar input.disabled {
        border-color: #A6A6A6;
        color: #A6A6A6;
        pointer-events: none;
    }

        #PacConsSeccTratMedicsAgregar input.disabled:hover {
            cursor: not-allowed;
        }

    #PacConsSeccTratMedicsAgregar input:hover {
        border: 2px solid #0074D9;
        color: #0074D9;
    }

    #PacConsSeccTratMedicsAgregar input:active {
        color: #0074D9;
        /*background-color: white;*/
        border: 2px solid #0074D9;
    }

    #PacConsSeccTratMedicsAgregar input:focus {
        /*outline: 0;*/
        border: 2px solid #004480;
        color: #0074D9;
        outline: none;
    }

#PacConsSeccTratListaMedics {
    padding: 10px;
    /*border-top: 1px solid #616161;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 30px;*/
}

.PacConsSeccTratListaMedicsDivs {
    margin-bottom: 10px;
}

    .PacConsSeccTratListaMedicsDivs span:nth-child(1) {
        margin-right: 15px;
    }

    .PacConsSeccTratListaMedicsDivs span:nth-child(2) {
        font-size: 16px;
        font-weight: bold;
        color: #616161;
    }

#PacConsSeccTratBtnPrinc {
    width: 100%;
    min-width: 200px;
    height: 40px;
    padding: 8px 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #ffffff;
    background-color: #075B98;
    border-radius: 4px;
    /*border-color: #b82800;*/
    margin-bottom: 10px;
}

    #PacConsSeccTratBtnPrinc:hover {
        background-color: #1B3146;
    }

.PacConsSeccTratListaMedicsDivs span:nth-child(3) {
    display: block;
    font-size: 16px;
    color: #616161;
    margin-left: 33px;
    word-break: break-word;
}

#PacConsSeccEstMedicsBuscar {
    margin-bottom: 15px;
}

    #PacConsSeccEstMedicsBuscar input {
        width: 100%;
        height: 40px;
        padding-left: 8px;
        padding-right: 28px;
        color: #81888F;
        border: 1px solid #E5E5E5;
        border-radius: 2px;
        padding-left: 10px;
        outline: none !important;
    }

        #PacConsSeccEstMedicsBuscar input:focus,
        #PacConsSeccEstMedicsBuscar input:active {
            border: 1px solid #2B557D;
            color: #616161;
        }


#PacConsSeccEstMedicsAgregar {
    width: 100%;
    max-width: 200px;
    height: 40px;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #0074D9;
    color: #0074D9;
    background-color: #FFFFFF;
    flex: 1;
}

#PacConsSeccEstMedicsAgregar:hover {
    border: 2px solid #0074D9;
    color: #0074D9;
}

#PacConsSeccEstMedicsAgregar:active {
    color: #0074D9;
    background-color: white;
    border: 2px solid #0074D9;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#PacConsSeccEstMedicsAgregar:disabled {
    border: 1px solid #A9AEB3;
    color: #A9AEB3;
}

#PacConsSeccEstMedicsAgregar:focus {
    border: 2px solid #004480;
    color: #0074D9;
    outline: none;
}

#PacConsSeccEstListaMedics {
    padding: 10px;
    /*border-top: 1px solid #616161;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 30px;*/
}

.PacConsSeccEstListaMedicsDivs {
    margin-bottom: 10px;
}

    .PacConsSeccEstListaMedicsDivs span:nth-child(1) {
        margin-right: 15px;
    }

    .PacConsSeccEstListaMedicsDivs span:nth-child(2) {
        font-size: 16px;
        /*font-weight: bold;*/
        color: #616161;
    }

.PacConsSeccEstBtns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

    .PacConsSeccEstBtns input:first-child {
        max-width: 350px;
        text-align: center;
        color: #075B98;
        margin-bottom: 0px !important;
    }

#PacConsSeccEstBtnPrinc {
    width: 100%;
    max-width: 200px;
    height: 40px;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0074D9;
    border-radius: 4px;
    /*border-color: #b82800;*/
    border: none;
    /*margin-bottom: 10px;*/
    flex: 1;
}

#PacConsSeccEstBtnPrinc:hover {
    /*border: none;*/
    background-color: #004480;
}  

#PacConsSeccEstBtnPrinc:active {
    border-radius: var(--radius-alias-radius-s, 4px);
    border-top: 1px solid var(--primary-alias-primary-darker, #003666);
    border-right: 1px solid var(--primary-alias-primary-darker, #003666);
    border-left: 1px solid var(--primary-alias-primary-darker, #003666);
    background: linear-gradient(0deg, var(--primary-alias-primary-darker, #003666) -12.5%, var(--primary-alias-primary-darker, #003666) 100%);
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.43) inset;
}

#PacConsSeccEstBtnPrinc:disabled {
    background-color: #A9AEB3;
}

    #PacConsSeccEstBtnPrinc:focus {
        border-radius: var(--radius-alias-radius-s, 4px);
        border: 1px solid #004480;
        background: var(--primary-alias-primary, #0074D9);
        outline: none;       
    }

#PacConsSeccTratLnkExp {
    position: absolute;
    top: 2px;
    right: 15px;
    color: #616161;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

#ModalCitaPrevia {
    margin: 0 auto;
    text-align: center;
    background: #2722228c;
    backdrop-filter: saturate(180%) blur(4px);
    background-color: rgba(255,255,255,0.7);
}

    #ModalCitaPrevia .modal-dialog {
        position: initial;
        display: inline-flex;
        margin: 10% auto;
    }

        #ModalCitaPrevia .modal-dialog .modal-content {
            border: 0px solid #FFF !important;
            position: relative;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #999;
            border: 1px solid rgba(0,0,0,.2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
            box-shadow: 0 3px 9px rgba(0,0,0,.5);
        }

            #ModalCitaPrevia .modal-dialog .modal-content button.close {
                cursor: pointer;
                border: 0;
                color: #fff;
                background-color: #183152;
                opacity: 1;
                width: 35px;
                height: 35px;
                border-radius: 30px;
                top: -15px;
                right: -15px;
                position: absolute;
            }

            #ModalCitaPrevia .modal-dialog .modal-content .TituloTipoAntecedentes {
                padding-top: 15px;
            }

@media only screen and (max-width: 766px) {
    .TituloPacientes{
        font-size: 32px;
    }
    #ModalCitaPrevia .modal-dialog {
        width: 70%;
    }

    #PacDatosModalCanc .modal-dialog {
        width: 70%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    .PacExpToggleInfo {
        width: 80%;
    }

    .PacExpAccPacSub {
        height: initial;
        overflow-x: initial;
    }

    #PacConsSeccContDiv1, #PacConsSeccContDiv2, #PacConsSeccContDiv3, #PacConsSeccContDiv4, #PacConsSeccContDiv5, #PacConsSeccContDiv6 {
        display: inline-block;
        vertical-align: top;
    }

    #PacConsSeccContDiv4, #PacConsSeccContDiv6 {
        width: 49%;
    }

    #PacConsSeccContDiv3 {
        width: 100%;
    }

    #PacConsSeccContDiv6 {
        float: left;
    }

    #PacConsSeccContDiv2, #PacConsSeccContDiv5 {
        float: right;
    }

    /*#PacConsSeccDiagMedicsAgregar input {
        width: 48.3%;
    }*/

    #PacConsSeccDiagMedicsAgregar {
        text-align: center;
    }

    .PosicionarBotonConfirmar {
        margin-left: 352px;
    }
}

@media only screen and (min-width: 1280px) {
    .PacExpToggleInfo {
        width: 93%;
    }

    .PacExpAccPacSub {
        height: initial;
        overflow-x: initial;
    }

    #PacConsSeccPadectxt {
        width: 367px;
        resize: none;
    }

    #PacExpAccExpFisicaTxt {
        width: 100%;
    }

    #PacConsSeccContDiv1, #PacConsSeccContDiv2, #PacConsSeccContDiv3, #PacConsSeccContDiv4, #PacConsSeccContDiv5, #PacConsSeccContDiv6 {
        display: inline-block;
        vertical-align: top;
    }

    #PacConsSeccContDiv6 {
        width: 31%;
    }

    #PacConsSeccContDiv2, #PacConsSeccContDiv5 {
        float: right;
    }

    #PacConsSeccContDiv3, #PacConsSeccContDiv4 {
        width: 32%;
        margin-right: 1.1%;
    }
}

.PacConsBtnFinalizar {
    width: 100%;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #075B98;
    background-color: #0074D9;
    border-radius: 4px;
    border: px solid #0074D9;
    margin-bottom: 10px;
}    

.PacConsBtnFinalizar.btnFinalizar {
    width: 100%;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #075B98;
    border-radius: 4px;
    margin-bottom: 10px;
}

.PacConsBtnFinalizar.btnFinalizar:hover {
    background-color: #1B3146;
}

#PacConsBtnFinalizar {
    width: 100%;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #FFFFFF;
    border: px solid #0074D9;
    margin-bottom: 10px;
    border: none !important;
    background-color: #0074D9;
}

#PacConsBtnFinalizar:hover {
    border: none !important;
    background-color: #004480 !important;
}

#PacConsBtnFinalizar:active {
    border-radius: var(--radius-alias-radius-s, 4px);
    border-top: 1px solid var(--primary-alias-primary-darker, #003666);
    border-right: 1px solid var(--primary-alias-primary-darker, #003666);
    border-left: 1px solid var(--primary-alias-primary-darker, #003666);
    background: linear-gradient(0deg, var(--primary-alias-primary-darker, #003666) -12.5%, var(--primary-alias-primary-darker, #003666) 100%);
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.43) inset;
}

#PacConsBtnFinalizar:disabled {
    background-color: #A9AEB3;
}

    #PacConsBtnFinalizar:focus {
        background-color: #0074D9;
        border-radius: var(--radius-alias-radius-s, 4px);
        border: 1px solid #004480 !important;
        outline: none;
    }

#PacConsBtnRegresar {
    border-radius: 4px;
    border: 1px solid #0074D9;
    color: #0074D9;
    background-color: #FFFFFF;
    padding: 9px;
}

    #PacConsBtnRegresar:hover {
        border: 2px solid #0074D9;
        color: #0074D9;
        padding: 8px !important;
    }

    #PacConsBtnRegresar:active {
        color: #0074D9;
        background-color: white;
        border: 2px solid #0074D9;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    #PacConsBtnRegresar:disabled {
        border: 1px solid #A9AEB3;
        color: #A9AEB3;
    }

    #PacConsBtnRegresar:focus {
        border: 2px solid #004480;
        color: #0074D9;
        outline: none;
    }

#PacConsErrores {
    margin-bottom: 20px;
}

.PacConsIconosInterrogante {
    color: #0074D9;
    position: absolute;
}

#PacConsInterrogante1, #PacConsInterrogante2, #PacConsInterrogante3, #PacConsInterrogante4, #PacConsInterrogante5 {
    top: 0;
    right: 15px;
}
/*----------Agenda----------*/
#PacAgendaCont {
    max-width: 1280px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.AgendaSeccCont {
    margin-bottom: 25px;
}

.AgendaTitulos {
    margin-right: 54px;
    font-weight: bold;
}

.AgendaDatosCampos {
    width: 347px;
    height: 36px;
    margin-left: 13px;
    padding-left: 8px;
    padding-right: 28px;
    background: var(--complementario) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #2B557D;
    border-radius: 4px;
    opacity: 1;
}

#txtAgendaTit {
    text-align: right;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0px;
    color: #FFFBFB;
    opacity: 1;
}

#titAgendaPaciente {
    width: 728px;
    height: 50px;
    /* UI Properties */
    background: var(--fondos-00) 0% 0% no-repeat padding-box;
    background: #86B85D 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
}

#AgendaBtnGuardar {
    width: 300px;
    padding: 8px 8px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    border-color: #12455e;
    margin-bottom: 10px;
    background: #2B557D 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    margin-left: 43px;
    margin-top: 20px;
}

.divAgendarPaciente {
    background: var(--complementario) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    opacity: 1;
    width: 375px;
}

#AgendaHora1Div, #AgendaHora2Div {
    display: inline-block;
    width: 150px;
}

#AgendaHora2 {
    width: 150px;
    margin-left: -9px;
}

#AgendaHoraSeparador {
    display: inline-block;
    width: 10%;
    text-align: center;
    /*position: relative;
    bottom: 12px;*/
}

#AgendaHora1Div, #AgendaHoraSeparador {
    margin-right: 1.6%;
}

#AgendaRecordatorioTag {
    margin-left: 10px;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0px;
    color: #616161;
    opacity: 1;
}

.AgendaDetallesInfo {
    margin-bottom: 10px;
    display: block;
}

#AgendaDetallesBtnsCont {
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    border-top: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.AgendaDetallesBtns {
    display: inline-block;
    text-align: center;
    width: 33.33%;
    float: left;
    cursor: pointer;
}

.AgendaDetallesIconos {
    color: #13465f;
    display: block;
}

.AgendaDetallesIconosTxt {
    color: #13465f;
    font-weight: bold;
}

#AgendaSeccDet, #AgendaMsgBorrarCont {
    display: none;
}

#AgendaMsgBorrarTxt {
    font-size: 13px;
    margin-top: 15px;
    font-weight: bold;
    color: #f25c23;
}

#AgendaMsgBorrarCont input {
    width: 45%;
    padding: 8px 8px;
    font-size: 14px;
    border-radius: 0;
    margin-bottom: 10px;
    display: inline-block;
}

#AgendaMsgBorrarCont_modal {
    text-align: inherit;
}

#AgendaMsgBtnCancelar {
    color: white;
    background-color: #616161;
    border: 1px solid #616161;
}

#AgendaMsgBtnBorrar {
    color: white;
    background-color: #f25c23;
    border: 1px solid #f25c23;
    margin-top: 0;
    float: right;
}

.AgendaDivs {
    font-weight: bold;
}

.AgendaDivsHras {
    display: inline-block;
    padding: 3px;
    padding-right: 8px;
    border-right: 1px solid white;
    font-size: 11px;
}

    .AgendaDivsHras span {
        display: block;
    }

.AgendaDivsNombre {
    display: inline-block;
    padding-left: 15px;
    cursor: pointer;
}

    .AgendaDivsNombre span {
        display: inline-block;
        position: relative;
        bottom: 4px;
        font-size: 17px;
    }

.AgendaDivsBtns {
    display: inline-block;
    padding-left: 75px;
    display: none;
    position: absolute;
    right: 330px;
    top: 17px;
}

    .AgendaDivsBtns span {
        position: relative;
        bottom: 7px;
        font-size: 12px;
        border: 2px solid white;
        padding: 6px;
        cursor: pointer;
        /*pointer-events: all;*/
    }

        .AgendaDivsBtns span:nth-child(2) {
            margin-left: 15px;
        }

.AgendaConsultar {
    display: inline-block;
    margin-left: 25px;
    background-color: #f25c23;
    width: 39.2%;
    text-align: center;
    padding: 13px 0;
    position: relative;
    bottom: 7px;
    cursor: pointer;
    /*pointer-events: all;*/
    display: none;
    float: right;
}

    .AgendaConsultar .icono-medicos {
        left: -10px;
    }

    .AgendaConsultar span {
        font-size: 17px;
    }

.fc-time-grid-event {
    /*cursor: pointer;*/
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #AgendaSeccAgr, #AgendaSeccAgen, #AgendaSeccDet {
        width: 50%;
    }

    #AgendaSeccDet {
        position: absolute;
        top: 486px;
    }

    .PacConsActDivs span:nth-child(1) {
        overflow: hidden;
        width: 45%;
        font-size: 12.5px;
        /*text-align: center;*/
        text-align: left;
        padding-right: 20px;
    }
}

@media (min-width: 835px) and (max-width: 1279px) {
    #contenedorBtnFinalizar {
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    #AgendaSeccAgr, #AgendaSeccDet {
        width: 30%;
    }

    #AgendaSeccAgen {
        width: 70%;
    }

    #AgendaSeccDet {
        position: absolute;
        top: 486px;
        /*top: 372px;*/
    }
}
/*----------Receta----------*/
.RecetaContainer {
    /*padding: 35px;*/
    box-shadow: 0px 0px 10px -3px #000;
}

table {
    font-family: Open Sans,sans-serif,Arial;
}

.RecetaHeader {
    display: flex;
    position: relative;
    padding-top: 40px;
    padding-bottom: 25px;
    border-bottom: 3px solid #85B75A;
}

.RecetaImg {
    display: inline-block;
    vertical-align: top;
}

.RecetaDatosDr {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #616161;
    margin-left: 25px;
}

    .RecetaDatosDr p {
        font: normal normal bold 16px / 24px Open Sans;
        color: #25435F !important;
        margin: 0;
        margin-bottom: 5px;
    }

.RecetaCont {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.barraHorizontal {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #E0E0E0;
}

.barraVertical {
    height: auto;
    margin: 0 0 0 0;
    border: 0;
    border-right: 3px solid #E0E0E0;
    gap: 10px;
}

.AgendaCed, .AgendaSAA {
    display: inline-block;
}

.AgendaFecha {
    position: absolute;
    top: 55px;
    right: 0;
    font: italic normal normal 16px/24px Open Sans !important;
    /*font: italic normal normal 16px/21px Open Sans !important;*/
    color: #616161 !important;
}

.RecetaCopia {
    position: absolute;
    top: 25px;
    right: 0;
    font: italic normal normal 16px/24px Open Sans !important;
    /*font: italic normal normal 16px/21px Open Sans !important;*/
    color: #616161 !important;
}

.RecetaDatosPacContainer {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    margin-top: 25px;
}

.recetaDatosPacInfoContainer {
    display: inline-block;
}

.RecetaDatosPacTags_color {
    color: #616161 !important;
}

.RecetaDatosPacTags {
    /*font: normal normal bold 19px/24px Open Sans;*/
    font: normal normal bold 16px/21px Open Sans;
    font-size: clamp(14px, 16px, 19px);
    color: #075B98 !important;
}

.recetaRecomendacionTag {
    /* font-size: 1.1rem;*/
    font: normal normal normal 16px/24px Open Sans;
    /*font: normal normal normal 14px/22px Open Sans;*/
    font-size: 15px !important;
}

.RecetaDatosPacVals {
    display: inline-block;
    margin-bottom: 10px;
    /*font: normal normal normal 19px/24px Open Sans;*/
    font: normal normal normal 16px/21px Open Sans;
    font-size: clamp(14px, 16px, 19px);
    color: #616161;
}

.RecetaEdad,
.RecetaCurp {
    /*margin-left: 45px;*/
}

.RecetaDengue {
    font-size: 16px;
}

.RecetaDatosBasicos,
.RecetaSignosVitales {
    /*display: inline-block;
                width: 45%;*/
    flex: 0 0 auto;
}

.RecetaSignosVitales {
    vertical-align: top;
    /*border-left: 3px solid #E0E0E0;*/
    /*padding-left: 50px;*/
    /*margin-left: 50px;*/
}

    .RecetaSignosVitales > div {
        vertical-align: top;
        display: inline-block;
    }

    .RecetaSignosVitales div:first-child {
        margin-right: 20px;
    }

.RecetaSignosVals {
    display: inline-block;
    margin-bottom: 10px;
    font: normal normal normal 19px/24px Open Sans;
    /*font: normal normal normal 14px/18px Open Sans;*/
    font-size: clamp(14px, 16px, 19px);
    color: #616161;
}

/*.RecetaTemp, .RecetaEst
            {
                margin-left: 75px;
            }
            .RecetaPeso
            {
                margin-left: 23px;
            }*/
.RecetaTratam {
    padding: 10px;
    /*border: 1px solid black;*/
    color: #616161;
    margin-bottom: 45px;
    font-size: 18px;
}

    .RecetaTratam span {
        font-weight: bold;
    }

.RecetaTratamContenedor {
    margin-bottom: 20px;
}

.RecetaInfoContenedor {
    border: 3px solid #E0E0E0;
    border-radius: 20px;
    border-collapse: separate;
    /*margin-bottom:20px;*/
}

    .RecetaInfoContenedor h2,
    .RecetaInfoContenedor p,
    .RecetaTratamSubTitulo {
        padding: 20px 15px;
        margin: 0;
    }

    .RecetaInfoContenedor h2,
    .RecetaTratamSubTitulo {
        font: normal normal bold 19px/14px Open Sans;
        color: #616161;
    }

    .RecetaInfoContenedor p {
        font: normal normal normal 16px/20px Open Sans;
        color: #616161;
        background: #F5F5F4;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

.RecetaFooter {
    border-top: 3px solid #075B98;
    padding-top: 25px;
    padding-bottom: 93px;
    border-bottom: 2px dashed #616161;
    margin-top: 20px;
}

    .RecetaFooter p {
        display: inline-block;
        vertical-align: top;
        color: #075B98 !important;
        margin-bottom: 0;
        font: normal normal normal 19px/24px Open Sans;
    }

        .RecetaFooter p:nth-child(1) {
            font-weight: bold;
            font-size: 15px !important;
        }

        .RecetaFooter p:nth-child(2) {
            float: right;
            text-align: end;
        }

.RecetaFooterTag {
    font-weight: bold;
}

.RecetaFooterCel {
    font-weight:400;
}
.RecetaFooterCorreo {
    color: #075B98 !important;
}

.RecetaSubCont {
    position: relative;
}

#RecetaWatermark {
    position: absolute;
    top: 20px;
    left: 360px;
    opacity: 0.5;
    font-size: 200px;
}

#RecetaBtnImprimir {
    width: 160px;
    height: 40px;
    padding: 9px 47px;
    font-size: 15px;
    line-height: 18px;
    color: #075B98;
    background-color: #ffffff;
    border-radius: 0;
    border-color: #075B98;
    margin-bottom: 10px;
    float: right;
    margin-top: 40px;
    margin-bottom: 40px;
}

    #RecetaBtnImprimir:hover {
        color: #1B3146;
        font-size: 16px;
        font-weight: bold;
        border-color: #1B3146;
        animation: ease 0.5s;
    }

.RecetaPacTtoFarmacoTable {
    width: 100%;
    border-radius: 20px;
    border-collapse: separate;
}

    .RecetaPacTtoFarmacoTable thead tr {
        background-color: #EDEDED;
        color: #616161;
        font: normal normal bold 14px/18px Open Sans;
        font-size: clamp(14px,16px,18px);
    }

    .RecetaPacTtoFarmacoTable thead th {
        padding: 10px;
    }

    .RecetaPacTtoFarmacoTable tbody tr {
        font: normal normal normal 12px/16px Open Sans;
        font-size: clamp(14px,16px,18px);
        color: #616161;
    }

    .RecetaPacTtoFarmacoTable tbody td {
        padding: 15px 10px;
    }

    .RecetaPacTtoFarmacoTable tr :is(th,td) {
        border-right: 3px solid #E0E0E0;
        border-bottom: 3px solid #E0E0E0;
    }

    .RecetaPacTtoFarmacoTable tr th:first-child,
    .RecetaPacTtoFarmacoTable tr td:first-child {
        border-left: 3px solid #E0E0E0;
    }

    .RecetaPacTtoFarmacoTable tr th {
        border-top: 3px solid #E0E0E0;
    }

    .RecetaPacTtoFarmacoTable tbody tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .RecetaPacTtoFarmacoTable tbody tr:nth-child(even) {
        background-color: #F5F5F4;
    }

    /* top-left border-radius */
    .RecetaPacTtoFarmacoTable tr:first-child th:first-child {
        border-top-left-radius: 20px;
    }

    /* top-right border-radius */
    .RecetaPacTtoFarmacoTable tr:first-child th:last-child {
        border-top-right-radius: 20px;
    }

    /* bottom-left border-radius */
    .RecetaPacTtoFarmacoTable tr:last-child td:first-child {
        border-bottom-left-radius: 20px;
    }

    /* bottom-right border-radius */
    .RecetaPacTtoFarmacoTable tr:last-child td:last-child {
        border-bottom-right-radius: 20px;
    }

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }
}

.titulo {
    bottom: 90px;
    position: absolute;
}

.bannersNuevos {
    width: 1280px;
    padding-left: 0px;
    padding-right: 0px;
}

.titulo-3 {
    bottom: 5px;
    position: absolute;
}

    .titulo-3 h1 {
        display: table;
    }

    .titulo h1, .titulo-3 h1 {
        background: rgba(255,255,255,.7);
        color: #001e34;
        font-weight: 600;
        margin: 10px 0;
        padding: 5px 10px;
    }

@media only screen and (max-width: 768px) {
    .RecetaPacTtoFarmacoTable thead tr {
        background-color: #EDEDED;
        color: #616161;
        font: normal normal bold 14px/18px Open Sans;
    }

    .RecetaEdad {
        margin-left: 0;
    }

    textarea#PacExpAccExpFisicaTxt {
        width: 95%;
        margin: 18px;
        /* box-shadow: 0px 3px 6px #00000029; */
        border: 1px solid #A6A6A6;
        border-radius: 4px;
    }

    #revisiones_estudios {
        width: 95%;
        margin: 18px;
        /* box-shadow: 0px 3px 6px #00000029; */
        border: 1px solid #A6A6A6;
        border-radius: 4px;
    }
}

/*Recepcion*/
.contenidorecepcion {
    background: #FFFFFF;
    margin: 30px 0;
    padding: 20px;
    color: #014461;
}

    .contenidorecepcion .nav-tabs {
        border-color: #707070;
    }

        .contenidorecepcion .nav-tabs > li {
            margin-bottom: -2px;
        }

        .contenidorecepcion .nav-tabs a {
            color: #707070;
            background-color: #F6FBFA;
            border: 1px solid #707070;
        }

        .contenidorecepcion .nav-tabs a {
            margin: 0;
            font-size: 18px;
            padding: 10px 30px;
        }

        .contenidorecepcion .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #014461;
            border-color: #707070;
            border-bottom: 1px solid transparent;
        }

    .contenidorecepcion #AltaRecepcion,
    .contenidorecepcion #BajaRecepcion {
        padding: 10px 20px;
        border: 1px solid #707070;
        border-top: 2px solid transparent;
    }

    .contenidorecepcion #Alta {
        width: 74%;
        margin: 0 auto;
    }

    .contenidorecepcion .btn-primary {
        width: 165px;
        background-color: #014461;
        font-weight: bold;
        padding: 10px;
        font-size: 14px;
    }

.tablerecepcion {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.contenidorecepcion .ButtonDelete {
    text-align: right;
}

.contenidorecepcion .btn-danger {
    background-color: #FF5C17;
    padding: 10px 30px;
    border: none;
}

.contenidorecepcion .tablerecepcion th {
    background-color: #014461;
    color: #FFFFFF;
}


#ModalUserRecepcion {
    color: #014461;
}

    #ModalUserRecepcion h6 {
        width: 50%;
        font-weight: 600;
        margin: 10px auto;
        font-size: 18px;
    }


.NoFoliosTecto {
    padding-left: 15px;
    color: red;
    font-weight: 600;
    display: none;
    text-align: center;
}

.BtnObtenerBeneficio__SubEstudiosContainer {
    width: 100%;
}


.BtnEnviarBeneficioSms {
    margin-left: 10px;
    margin-top: 25px;
}

.BtnEnviarBeneficio{
    display:flex;
}

.BtnEnviarBeneficio a {
    font-size: 16px;
    color: #FFF;
    font-weight: 700;
    border-radius: 4px;
    padding: 8px 16px;
    cursor: pointer;
    background-color: #0074D9;
    text-decoration: none;
}

.BtnPrincipalCortesia {
    border-radius: 4px;
    padding: 8px 16px;
    border: 1px solid #0074D9;
    color: #0074D9;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    width: 100%;
    text-align: center;
}
.BtnPrincipalCortesia a {
    color: #0074D9;
}
.BtnPrincipalCortesia:hover, .BtnPrincipalCortesia a:hover {
    cursor: pointer;
    color: #0074D9;
    text-decoration: none;
}


.BtnEnviarBeneficioSms a {
    font-size: 18px;
    color: #014461;
    border: 2px solid #014461;
    border-radius: 4px;
    padding: 3px 20px;
    cursor: pointer;
    text-decoration: none;
}

.BtnObtenerBeneficio a {
    font-size: 21px;
    color: #051E6E;
    border: 2px solid #051E6E;
    padding: 3px 15px;
    cursor: pointer;
    text-decoration: none;
}

    .BtnObtenerBeneficio a:focus, .BtnObtenerBeneficio a:hover {
        color: #051E6E;
        text-decoration: none !important;
    }

.BotonesFoliosPermitidos {
    pointer-events: none !important;
    color: gray !important;
    border: 2px solid #dfe1e7 !important;
    cursor: not-allowed !important;
}

#contenedorBtnDesImp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

#contenedorBtnDesImp div a {
    text-decoration: none;
}

.ContenedorInputEnviarCorreo{
    display: flex;
    gap: 16px;
}

#enviarBeneficio,
#enviarBeneficioSms {
    border-radius: 4px;
    padding: 8px 16px;
    height: 40px;
    
}

.opcionActivadaBeneficio {
    color: #051E6E;
    font-weight: bold;
    padding-top: 28px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

.opcionDesactivadaBeneficio {
    background-color: #fafafa;
    margin-top: 18px;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

.TextoDatosBeneficiarioForm {
    font-size: 18px;
    color: #014461;
    font-weight: bold;
    margin-left: 30px;
    margin-top: 30px;
}

#SelectCuponMes,
#SelectCuponDia,
#SelectCuponAnio,
#CorreoBeneficiario,
#TelefonoBeneficiario,
#NombresBeneficiario {
    border-radius: 0px;
    padding: 5px;
    width: 100%;
    border: 1px solid #ccc !important;
}

#formBeneficiarioCupones .col-xs-6,
#formBeneficiarioCupones .col-xs-3 {
    padding: 5px;
}

.ContenedorDatosBeneficiarioForm {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8%;
}

#regContSexo {
    margin-top: 0px;
    display: contents;
    float: left;
}

.Infografiasradio label::after {
    background-color: #2B557D;
}

#formBeneficiarioCupones {
    width: 60%;
}

#BtnEnviarBeneficio {
    width: 250px;
    height: 50px;
    color: #fff;
    background-color: #014461;
    border: 0px;
    border-radius: 4px;
    float: right;
    font-size: 18px;
    margin-top: 15px;
    cursor: pointer;
}

.contenedorNumFolio {
    font-size: 32px;
    color: #004480;
    font-weight: 700;
    font-family: 'Montserrat';
}

.textoVigencia {
    font-size: 14px;
    color: #585C61;
    font-weight: 600;
}

.vigenciaCupon {
    font-size: 14px;
    color: #585C61;
    font-weight: 400;
}

#contenedorFolio {
    display: grid;
    justify-content: center;
}

.contenedorBeneficio {
    border-left: 5px solid #075B98;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #FFF;
}

.contenedorPreguntas {
    border-left: 5px solid #075B98;
    border-radius: 16px;
    padding: 24px 24px 24px 19px !important;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contenedorTextoPreguntas {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px 24px;
    align-self: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contenedorTextoPreguntas div {
    width: 48%;
}

.linkRegresar:hover {
    text-decoration: none;
}

.EnviarCorreoProm:hover {
    color: #FFF;
    text-decoration: none;
}

.InformacionBeneficiarioAzul {
    border-left: 5px solid #075B98;
    border-radius: 16px;
    padding: 24px;
    font-size: 16px;
    background-color: #FFF;
}

.contenedor-texto-politica {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contenedormedico {
    display: flex;
    gap: 16px;
}

.politicasuso {
    padding: 0!important;
    display: flex;
    gap: 16px;
}

.textoCortesias {
    color: #585C61;
    font-size: 16px;
    font-weight: 400;
}

.TituloBeneficiario {
    color: #004480;
    font-size: 18px;
    font-weight: 700;
}

.tituloPromociones {
    font-size: 18px;
    color: #051E6E;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.ahorroPromociones {
    font-size: 14px;
    color: #008FE5;
    padding-left: 15px;
    padding-bottom: 5px;
    display: inline-flex;
    width: 100%;
}

.precioPromociones {
    color: #051E6E;
    font-size: 25px;
    font-weight: bold;
    padding: 5px 10px;
}

.incluyePromociones {
    color: #FF5C0E;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: 49%;
    cursor: pointer;
}

.incluyePromocion {
    padding: 15px;
    text-align: center;
}

.PromocionesClinicas {
    display: none;
}

.contenedorIncluye {
    position: absolute;
    top: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: none;
}

.cerrarIncluye {
    background-color: #DDF3FE;
    color: #FF5C0E;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
}

.NombreBeneficiario {
    font-size: 20px;
    color: #616161;
    margin-bottom: 5px;
    margin-top: 6px;
}

.CorreoBeneficiario,
.GeneroBeneficiario,
.FechaNacimientoBeneficiario,
.TelefonoBeneficiario {
    font-size: 15px;
    color: #616161;
    margin-bottom: 5px;
}

.ContenedorEnvioCorreoListo,
.ContenedorEnvioCorreoListoSms {
    display: none;
}

    .ContenedorEnvioCorreoListo .textoFolioEnviado,
    .ContenedorEnvioCorreoListoSms .textoFolioEnviadoSms {
        height: 50px;
        width: 355px;
        margin: 0 auto;
        background-color: #DDF3FE;
        color: #051E6E;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.GacetasAnteriores {
    width: 100%;
}

.ContenedorGacetas {
    display: none;
    background: #2722228c;
    backdrop-filter: saturate(180%) blur(4px);
    background-color: rgba(255,255,255,0.7);
    animation: .5s;
    transition: .5s;
    box-shadow: 4px 4px 4px 0px rgba(61, 61, 61, 0.2);
    width: 100%;
    overflow: auto;
}

.contenedor-btnabrirgacetas {
    max-width: 1280px;
    margin: auto;
    display: flex;
    justify-content: end;
    margin-top: 20px;
}
.AbrirGacetas {
    width: 250px;
    background: #2B557D;
    backdrop-filter: saturate(180%) blur(4px);
    background-color: #2B557D;
    height: 40px;
    border-radius: 4px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    box-shadow: 2px 2px 4px 0px rgba(61, 61, 61, 0.2);
    cursor: pointer;
    animation: .5s;
    transition: .5s;
}

    .AbrirGacetas:hover {
        box-shadow: 4px 4px 4px 0px rgba(61, 61, 61, 0.2);
    }

.GacetasFlex {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    align-content: center;
}

.Gaceta {
    margin-top: 10px;
}

#Modal-Estudios {
    background: #2722228c;
    backdrop-filter: saturate(180%) blur(4px);
    background-color: rgba(255,255,255,0.7);
}

    #Modal-Estudios .modal-dialog {
        width: 55%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: 93vh;
    }

        #Modal-Estudios .modal-dialog .modal-content {
            width: 100%;
        }

            #Modal-Estudios .modal-dialog .modal-content .modal-header .modal-title {
                font-size: 16px;
            }

            #Modal-Estudios .modal-dialog .modal-content .modal-header .close {
                margin-top: -2px;
                background-color: #183152;
                opacity: initial;
                border-radius: 26px;
                color: #fff;
                width: 40px;
                height: 40px;
                position: absolute;
                right: -18px;
                font-size: 25px;
                top: -18px;
            }

            #Modal-Estudios .modal-dialog .modal-content .modal-body {
                height: 74vh;
            }

#iframe-url {
    width: 100%;
    height: 100%;
}


@media only screen and (max-width: 1580px) {
    #Modal-Estudios .modal-dialog {
        width: 90%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1280px) {
    .contenedor-btnabrirgacetas {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 991px) {

    #Modal-Estudios .modal-dialog {
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        height: 93vh;
        margin: 0 auto;
    }

    .Temp span:nth-child(1) {
        /*width: 21.5%;*/
        width: 35px;
        white-space: nowrap;
    }

    .FrecResp span:nth-child(1), .FrecCard span:nth-child(1), .SatOxig span:nth-child(1) {
        /*width: 33%;*/
        width: 57px;
        overflow: hidden;
    }

    .SatOxig span:nth-child(1) {
        /*width: 33%;*/
        width: 70px;
        overflow: hidden;
    }

    .PacConsActDivs input {
        width: 54px;
    }

    #regreso_Inicio_sesion {
        margin-left: 95px !important;
    }
}

@media only screen and (max-width: 860px) {
    .contenedormedico, .politicasuso {
        flex-direction: column;
    }
    .contenedorTextoPreguntas div {
        width: 100%;
    }
}

@media only screen and (max-width: 748px) {
    .contenedorCorreoSexo .col-xs-6 {
        width: 100%;
    }

    #regContSexo {
        display: flex;
        margin-top: 0px;
        margin-left: 10px;
        float: none;
        justify-content: center;
    }

    #BtnEnviarBeneficio {
        float: none;
    }
}

@media only screen and (max-width: 580px) {
    .ContenedorInputEnviarCorreo {
        flex-direction: column;
        gap: 10px;
    }
    .BtnEnviarBeneficio a {
        width: 100%;
        text-align: center;
    }
}

    @media only screen and (max-width: 576px) {
        .TituloPacientes {
            font-size: 23px;
        }

        .SubtituloPacientes {
            font-size: 16px;
        }

        .PacDatosTimelineDivs p {
            display: none;
        }

        .BeneficiosMedicos .col-xs-6 {
            width: 100%;
        }

        #formBeneficiarioCupones {
            width: 100%;
        }

        #contenedorBtnDesImp div a {
            padding: 3px 23px;
        }

        .BtnEnviarBeneficioSms {
            margin-top: 25px;
        }

        #separarCorreo {
            margin-right: -90px;
        }

        .ContenedorEnvioCorreoListo .textoFolioEnviado {
            width: 270px;
        }
    }

@media only screen and (max-width: 430px) {
    #contenedorBtnDesImp {
        flex-direction: column;
        gap: 8px;
    }
}

    @media only screen and (max-width: 360px) {
        .BtnEnviarBeneficioSms {
            margin-top: 45px;
        }
    }

    @media only screen and (max-width: 320px) {
        #enviarBeneficio,
        #enviarBeneficioSms {
            width: 135px;
        }

        #contenedorBtnDesImp div a {
            padding: 3px 16px;
        }

        #contenedorNumFolio {
            width: 240px;
        }
    }

    [class*=hint--]:after {
        background: #2722228c !important;
        backdrop-filter: saturate(180%) blur(4px) !important;
        background-color: rgba(255,255,255,0.7) !important;
        color: #000 !important;
        font-size: 15px !important;
        text-shadow: 0 0px 0 #0000 !important;
    }

    .hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before {
        border-bottom-color: #2722228c !important;
    }

    .CuerpoCupon span {
        color: #051e6e;
        font-size: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    #ConsResultDivsInfoExpContConsPrev {
    }

    @media only screen and (max-width: 768px) {
        .contenedor-btnabrirgacetas {
            justify-content:center;
        }
        /*#ExpedAgregar {
        width: 160px;
    } */
        .PacConsActDivs span:nth-child(1) {
            overflow: hidden;
            width: 37%;
            font-size: 12.5px;
            /*text-align: center;*/
            text-align: left;
            padding-right: 20px;
        }

        .Temp span:nth-child(1) {
            width: 85px;
            white-space: nowrap;
        }

        .FrecResp span:nth-child(1), .FrecCard span:nth-child(1) {
            width: 32%;
            overflow: hidden;
        }

        .FrecCard span:nth-child(1) {
            width: 33%;
            overflow: hidden;
        }

        .SatOxig span:nth-child(1) {
            width: 31%;
            overflow: hidden;
        }

        .PacConsActDivs input {
            width: 56px;
            margin-right: -3.1px;
        }
    }

    @media only screen and (max-width: 320px) {

        #BeneficiosOpcion,
        #PromocionesOpcion {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 360px) {
        [class*=hint--]:after {
            font-size: 12px !important;
        }
    }

    @media only screen and (max-width: 1260px) {
        .hint--left:after {
            white-space: pre !important;
            line-height: 1.2 !important;
        }
    }

    @media only screen and (max-width: 506px) {
    }

    #ContenedorDatosPx {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 10px; /* Espacio entre columnas */
        position: relative;
    }

        #ContenedorDatosPx > div {
            margin-bottom: 10px; /* Espacio entre filas */
        }

    .textoVerde {
        color: #86B85D;
    }

    input {
        accent-color: #1fa324;
    }

    .checkbox-container {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 2%;
    }

    .form-check-input {
        /* Aumenta el tamaño del checkbox */
        transform: scale(1.5);
    }

    .form-check-inline {
        margin-right: 20px;
        width: 15%;
    }

    #nacionalidad {
        margin-top: 3%;
    }

    #mxn {
        margin-left: 6%;
        font: normal normal bold 14px / 14px Open Sans;
        color: #616161;
    }

    #extr {
        margin-left: 6%;
        font: normal normal bold 14px / 14px Open Sans;
        color: #616161;
    }

    #EdoCurp {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 10px;
        position: relative;
    }

    #mensajeCurpEdo {
        font-size: 12px;
        color: gray;
        /* margin-top: -3px; */
    }

    #mensajeCurpValido {
        font-size: 12px;
        color: #118D57;
        display: none;
        /* margin-top: -3px; */
    }

    #mensajeCurpNoValido, #NombreNoValido, #ApellidoNoValido, #GeneroNoValido, #FechaNacNoValido, #EdoNacNoValido, #curpVacio, #MovilNoValido, #CorreoNoValido, #EdoNoValido, #MunNoValido, #LocNoValido, #CpNoValido, #DirecNoValido,
    #CivilNoValido, #EduNoValido, #ReligNoValido, #OcupNoValido, #InfoNoValido, #ContactSugerenciaNoValida, #ContactEspNoValidaOtra, #ContactNombreNoValido, #ContactAppNoValido, #ContactEspNoValida, #ContactCorreoNoValido, #ContactDescripNoValida, #ViaAdminNoValido {
        font-size: 12px;
        color: rgb(255, 92, 23);
        display: none;
        /* margin-top: -3px; */
    }

    #datosContacto {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 10px;
        position: relative;
    }

    #datosDomicilio {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 10px;
        position: relative;
    }

    #PacDatosSubsDiv {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 10px;
        position: relative;
    }

    #PacDatosSubsDiv {
        width: auto;
    }

    #conPalomita {
        background-image: url(https://www.salud-digna.com/servicios/validacion-numero/correcto.svg);
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 85%;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }

    #conEquis {
        background-image: url(https://www.salud-digna.com/servicios/validacion-numero/incorrecto.svg);
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 85%;
        top: 50%;
        transform: translateY(-50%);
        display: none;
    }

    /* Estilo adicional para el contenedor del input */
    #PacCurp {
        position: relative;
    }

    #PacDatosCont26 {
        display: none;
    }

    .mensajeErrorFechaNAc {
        color: rgb(255, 92, 23);
        font-size: 12px;
    }

    .mensajeError {
        color: rgb(255, 92, 23);
        font-size: 12px;
    }

    #PacConsSeccTratMedicsRecomen textarea {
        width: 100%;
        min-height: 90px;
    }

    #PacConsSeccTratMedicsRecomen .consultaTratamiento {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
    }

        #PacConsSeccTratMedicsRecomen .consultaTratamiento span {
            position: absolute;
            left: 5%;
            color: #075B98;
        }

        #PacConsSeccTratMedicsRecomen .consultaTratamiento input {
            padding: 0 15%;
        }


            #PacConsSeccTratMedicsRecomen .consultaTratamiento input[type="date"]::-webkit-calendar-picker-indicator {
                background: transparent;
                bottom: 0;
                color: transparent;
                cursor: pointer;
                height: auto;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                width: auto;
            }

    #PacConsSeccTratMedicsRecomen div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
    }

        #PacConsSeccTratMedicsRecomen div :is(input, select, div) {
            flex: 1 0 40%;
        }

    @media only screen and (min-width: 320px) and (max-width: 600px) {

        #ContenedorDatosPx {
            display: flex;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        #datosContacto {
            display: flex;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        #datosDomicilio {
            display: flex;
            grid-template-columns: repeat(1, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        #PacDatosSubsDiv {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        #PacDatosSubsDiv {
            width: auto;
        }

        .checkbox-container {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            margin-bottom: 2%;
        }

        #EdoCurp {
            display: flex;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        .form-check-inline {
            margin-right: 20px;
            width: 30% !important;
        }

        #conEquis {
            background-image: url(https://www.salud-digna.com/servicios/validacion-numero/incorrecto.svg);
            background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 93%;
            top: 50%;
            transform: translateY(-50%);
            display: none;
        }

        #conPalomita {
            background-image: url(https://www.salud-digna.com/servicios/validacion-numero/correcto.svg);
            background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 93%;
            top: 50%;
            transform: translateY(-50%);
            display: none;
        }

        #PacDatosCont0 {
            display: inline-block;
            background-image: url(https://salud-digna.com/aliadossalud/home/2024/AltaPaciente/Paciente-x.png);
            background-size: contain;
            background-repeat: no-repeat;
            /* background-position: 35% center; */
            width: 25%;
            height: 102px;
            vertical-align: top;
            left: 40%;
            position: relative;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 486px) {
        .contenedormedico {
            padding: 0;
            display: flex;
            flex-direction: column;
        }

        .politicasuso {
            padding: 0;
            margin-top: 15px;
            display: flex;
            flex-direction: column;
        }

        #ContenedorDatosPx {
            display: flex;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        #datosContacto {
            display: flex;
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        #datosDomicilio {
            display: flex;
            grid-template-columns: repeat(1, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        #PacDatosSubsDiv {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        .checkbox-container {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            margin-bottom: 2%;
        }

        #EdoCurp {
            display: flex;
            grid-template-columns: repeat(2, 1fr);
            grid-column-gap: 10px;
            position: relative;
            flex-direction: column;
        }

        .form-check-inline {
            margin-right: 20px;
            width: 40% !important;
        }

        #conEquis {
            background-image: url(https://www.salud-digna.com/servicios/validacion-numero/incorrecto.svg);
            background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 93%;
            top: 50%;
            transform: translateY(-50%);
            display: none;
        }



        #conPalomita {
            background-image: url(https://www.salud-digna.com/servicios/validacion-numero/correcto.svg);
            background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 93%;
            top: 50%;
            transform: translateY(-50%);
            display: none;
        }

        #PacDatosCont0 {
            display: inline-block;
            background-image: url(https://salud-digna.com/aliadossalud/home/2024/AltaPaciente/Paciente-x.png);
            background-size: contain;
            background-repeat: no-repeat;
            /* background-position: 35% center; */
            width: 25%;
            height: 102px;
            vertical-align: top;
            left: 40%;
            position: relative;
        }

        .PacConsActDivs span:nth-child(1) {
            overflow: hidden;
            width: 41.5%;
            font-size: 12.5px;
            text-align: left;
            padding-right: 20px;
        }

        .Temp span:nth-child(1) {
            width: 35px;
            white-space: nowrap;
        }

        .PacConsActDivs input {
            width: 56px;
            margin-right: -3.8px
        }

        textarea#PacExpAccExpFisicaTxt {
            width: 91%;
            margin: 18px;
            /* box-shadow: 0px 3px 6px #00000029; */
            border: 1px solid #A6A6A6;
            border-radius: 4px;
        }

        #revisiones_estudios {
            width: 91%;
            margin: 18px;
            /* box-shadow: 0px 3px 6px #00000029; */
            border: 1px solid #A6A6A6;
            border-radius: 4px;
        }

        .ConsResultDivsInfo .ConsResultDivsInfo4 span:nth-child(1) {
            margin-top: 25px !important;
        }
    }


    div {
        break-before: auto;
        break-after: auto;
    }

    .BtnImprimirPdf {
        float: right;
        color: #fff;
        border-style: none;
        padding: 10px 40px;
        background: var(--complementario) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #688796;
        border-radius: 4px;
        opacity: 1;
        font-family: 'Open Sans';
        letter-spacing: 0px;
        color: #2B557D;
        opacity: 1;
        width: 200px;
        /*   margin-top: 50px;*/
        cursor: pointer;
    }

        .BtnImprimirPdf:hover {
            text-decoration: none;
        }

    .BtnDescargarPdf {
        float: left;
        color: #fff;
        border-style: none;
        padding: 10px 40px;
        background: var(--complementario) 0% 0% no-repeat padding-box;
        background: #2B557D 0% 0% no-repeat padding-box;
        border: 2px solid #688796;
        border-radius: 4px;
        opacity: 1;
        font-family: 'Open Sans';
        letter-spacing: 0px;
        opacity: 1;
        width: 200px;
        /* margin-top: 50px;*/
        cursor: pointer;
    }

        .BtnDescargarPdf:hover {
            color: #fff !important;
            background-color: #1B3146 !important;
            background: #1B3146 !important;
            text-decoration: none;
            border: 2px solid #1B3146;
        }

    .botonEliminarCuenta {
        font-weight: 700;
        background-color: #d32f2f;
        color: white;
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .botonEliminarCuenta.disabled {
            background-color: darkgray;
            pointer-events: none;
        }

        .botonEliminarCuenta svg {
            width: 20px;
            height: 20px;
            fill: white;
        }




    /* Modal Styling */

    
    /*.modal2 {
        display: none;
        position: fixed;
        z-index: 1;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
        top: 117px;
    }*/

    .modal2 {
        display: none;
        position: fixed;
/*        z-index: 1;*/
        width: 100%;
/*        height: 100vh;*/
        background-color: rgba(0, 0, 0, 0.5);
/*        top: 117px;*/
    }


    .cont-eliminar-cuenta {
        position: initial;
/*        height: 40vh;*/
    }

    .cont-eliminar-cuenta > .modal-content2 {
/*        height: 40vh;*/
    }

    /*.modal-content2 {
        background: white;
        padding: 20px;
        width: 100%;
        height: 100vh;
        position: relative;
        display: flex;
        justify-content: center;
    }*/

    .modal-content2 {
        background: white;
        padding: 20px;
        width: 100%;
/*        height: 100vh;*/
/*        position: relative;*/
        display: flex;
        justify-content: center;
    }

    .close {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 20px;
        cursor: pointer;
    }

    /* Wizard Steps */
/*    .wizard-step {
        display: none;
        width: 572px;
        height: 450px;
    }*/

    .wizard-step {
        display: none;
        width: 572px;
/*        height: 450px;*/
    }

    .wizard-loader {
        display: none;
        width: 500px;
        height: 450px;
    }

    .wizard-step.wizard-activo {
        display: block;
    }

    .nextBtn {
        font-size: 14px;
        font-weight: bold;
        color: white;
        border: none;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
        transition: background 0.3s;
    }

        .nextBtn.enabled {
            background-color: #0056b3; /* Dark blue background */
            cursor: pointer;
        }

        .nextBtn.disabled {
            background-color: #ccc;
            pointer-events: none;
        }

    .prevBtn {
        font-size: 14px;
        font-weight: bold;
        color: #0056b3;
        background: none;
        border: 1px solid #0056b3;
        padding: 6px 12px;
        border-radius: 4px;
        cursor: pointer;
        transition: 0.3s;
    }

    .deleteBtn {
        background-color: red;
        color: white;
    }

    .wizard-botones {
        display: flex;
        justify-content: space-between;
        margin-top:30px;
        margin-bottom: 16px;
    }

    .invisible-keep-space {
        visibility: hidden;
        pointer-events: none;
    }

    .wizard-pasos {
        color: #616161;
        font-weight: 600;
        font-size: 14px;
    }

    .back-link {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #616161; /* Gray color */
        text-decoration: none;
        font-weight: 600;
        gap: 10px;
    }

        .back-link:hover {
            color: #000; /* Darker color on hover */
        }

    .custom-textarea {
        width: 100%;
        min-height: 80px;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px;
        color: #333;
        background-color: #f9f9f9;
        resize: none;
    }

        .custom-textarea:focus {
            outline: none;
            border-color: #007bff;
            background-color: #fff;
        }

    .encabezadoEliminarCuenta {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .subtituloEliminarCuenta {
        font-size: 16px;
        font-weight: 600;
    }

    .pEliminarCuenta {
        font-size: 14px;
        color: #585C61;
        line-height: 19px;
    }

    .no-margin-bottom {
        margin-bottom: 0;
    }

    .labelsEliminarCuenta label {
        font-weight: 600;
        font-size: 14px;
        color: #585C61;
        margin-bottom: 13px;
    }

    .labelsEliminarCuenta input[type="radio"] {
        transform: scale(1.8);
        margin-right: 8px;
    }


    .download-link {
        display: inline-flex;
        align-items: center;
        font-size: 16px;
        text-decoration: none;
        color: #005a9c;
        font-family: Arial, sans-serif;
        font-weight: bold;
        margin: 10px 0 10px 15px;
        gap: 15px;
        cursor: pointer;
    }

        .download-link.procesando {
            color: #585C61;
            cursor: auto;
        }

    .input-box {
        width: 100%;
        padding: 10px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

        .input-box.error {
            border: 2px solid #d32f2f;
        }

    .centrarElementosWizard {
        display: flex;
        justify-content: center;
    }

    .errorWizard {
        display: none;
        color: #d32f2f;
        margin-top: 5px;
    }

    .primerSeccionHome {
        display: flex;
        margin-top: 32px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .tituloPrimerSeccionHome {
        display: flex;
        width: 45%;
        align-items: center;
    }

    .tituloPrimerSeccionHomeLogueado {
        display: flex;
        width: 50%;
        align-items: center;
    }

    .page__header {
        text-align: left;
        margin-bottom: 30px;
    }

    .page__title {
        font-family: 'Montserrat', Tahoma, sans-serif;
        margin-bottom: 10px;
        color: #2e3133;
        font-weight: 700;
        line-height: 150%;
        vertical-align: middle;
        font-size: 36px;
    }

    .page__logo {
        font-weight: bold;
        color: #0056b3;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

    .text--highlight {
        font-weight: 900;
        /*color: #0056b3;*/
    }

    .divider {
        border: 0;
        height: 1px;
        background: #ddd;
        margin: 30px 0;
    }

    .auth-panel {
        display: flex;
        /*justify-content: center;*/
        gap: 20px;
        margin-bottom: 30px;
    }

    .auth-panel__button {
        display: inline-block;
        padding: 10px 20px;
        background-color: #0074D9;
        color: white;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s;
        width: 180px;
        text-align: center;
        font-size: 16px
    }

    .auth-panel__white_button {
        width: 180px;
        display: inline-block;
        padding: 10px 20px;
        background-color: white;
        color: #0074D9;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        transition: background-color 0.3s;
        border: 1px solid #0074D9; /* Red border */
        text-align: center;
        font-size: 16px
    }
    .auth-panel__white_button:hover {
        text-decoration: none;
        color: #0074D9;
        border-width: 2px;
        padding: 11px 23px;
    }
    .auth-panel__white_button:focus {
        border: 2px solid #004480;
        outline: none;
        text-decoration: none;
        color: #0074D9;
        padding: 11px 23px;
    }


    .page__footer {
        text-align: center;
        margin-top: 40px;
        color: #666;
        font-size: 0.9em;
    }

    .page__tagline {
        font-style: italic;
        text-align: center;
        color: #666;
        margin-bottom: 30px;
    }

    .intro-text {
        text-align: left;
        margin-bottom: 20px;
        color: #585C61;
        font-weight: 400;
        line-height: 135%;
        letter-spacing: 0%;
        vertical-align: middle;
        font-size: 20px;
    }


    .ma-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: var(--ma-spacing);
    }

    /* Common components */
    .ma-title {
        font-size: 2.5rem;
        color: var(--ma-color-text);
        margin-bottom: 2rem;
        text-align: center;
    }

    /* Target section */
    .ma-target {
        padding: 4rem 0;
        background-color: var(--ma-color-bg-light);
        position: relative;
    }

    .ma-target__content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
    }

    .ma-target__images {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .ma-target__image {
        width: 100%;
        border-radius: var(--ma-border-radius);
        /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    }

    /* Card component */
    .ma-card {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1.5rem;
        background: white;
        padding: 0.5rem;
        border-radius: var(--ma-border-radius);
    }

    .ma-card__icon {
        color: var(--ma-color-primary);
        font-size: 1.2rem;
        margin-right: 1rem;
        flex-shrink: 0;
    }

    .ma-card__text {
        margin: 0;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 20px;
        line-height: 135%;
        vertical-align: middle;
        color: #585C61;
    }

    .ma-features__content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: center;
    }

    .ma-features__preview {
        position: relative;
    }

    .ma-features__image {
        width: 100%;
        border-radius: var(--ma-border-radius);
    }

    .ma-banner {
        background-color: var(--ma-color-primary);
        color: white;
        text-align: center;
        padding: 1.5rem;
        border-radius: var(--ma-border-radius);
        margin-top: 3rem;
    }

    .ma-banner__text {
        font-size: 1.2rem;
        font-weight: 500;
        margin: 0;
    }

    @media (max-width: 480px) {
        .ma-target__content,
        .ma-features__content {
            grid-template-columns: 1fr;
        }

        .ma-target__images {
            order: -1;
        }

        .ma-title {
            font-size: 2rem;
        }

        .ma-card {
            padding: 1rem;
        }
    }

    @media (min-width: 481px) and (max-width: 1200px) {
        .tituloPrimerSeccionHome, .tituloPrimerSeccionHomeLogueado {
            width: 100%;
        }

        .slideshow {
            width: 100% !important;
        }

        .education-card {
            width: 100% !important;
        }

        #PacConsSeccDiagMedicsBuscarDiv {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .education-card {
            width: 100% !important;
        }

        .ma-target__images {
            grid-template-columns: 1fr;
        }

        .ma-title {
            font-size: 1.75rem;
        }

        .slideshow, .tituloPrimerSeccionHome, .tituloPrimerSeccionHomeLogueado {
            width: 100%;
        }

        .intro-text {
            font-size: 18px;
            color: #43474A;
        }

        .page__header {
            margin-bottom: 10px;
        }
    }

    .ma-card__yellow_cirle {
        width: 20px;
        margin-right: 6px;
        margin-top: 3px;
    }

    .form_acceder {
        width: 322px;
        height: 387px;
        padding: 0 25px;
        background: #FAFAFA;
        z-index: 999999;
        padding-top: 25px;
    }

    .descripcion_acceder {
        font-weight: 400;
        font-size: 14px;
        line-height: 135%;
        vertical-align: middle;
        color: #585C61;
    }

    /*.bottom-nav-container {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-height: 70px;
        background-color: #ffffff;
        border-top: 1px solid #e0e0e0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 99999;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }*/

    .bottom-nav-container {
        display: none;
    }

    .bottom-nav-menu {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 8px 0;
        max-width: 500px;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .bottom-nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        color: #666;
        padding: 8px 12px;
        border-radius: 8px;
        transition: all 0.2s ease;
        min-width: 60px;
    }

        .bottom-nav-item:hover {
            background-color: #f0f0f0;
            color: #333;
        }

        .bottom-nav-item.active-nav {
            color: #007bff;
        }

    .bottom-nav-icon {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .bottom-nav-icon img {
            height: 60px;
        }

        .bottom-nav-icon svg {
            width: 100%;
            height: 100%;
            fill: currentColor;
        }

    .bottom-nav-text {
        font-size: 12px;
        font-weight: 500;
        text-align: center;
    }

    @media (max-width: 480px) {
        .bottom-nav-menu {
            padding: 6px 0;
            margin-top: 45px;
            padding-bottom: 15px;
        }

        .bottom-nav-item {
            padding: 6px 8px;
            min-width: 50px;
        }

        .bottom-nav-icon {
            width: 20px;
            height: 0px;
        }

        .bottom-nav-text {
            font-size: 11px;
        }
    }


    @media (min-width: 1025px) {

        .bottom-nav-container {
            display: none;
        }
        .headerPais {
            display: flex;
        }
    }
    @media (max-width: 1024px) {

        .header {
            display: none;
        }
        .headerPais {
            display: none;
        }
    }


    #ConsResultDivsInfoCont {
        padding: 0 10px;
    }

        #ConsResultDivsInfoCont.inner .cardConsulta .accionesEstudio {
            gap: 0px;
        }

    .cardConsulta {
        display: flex;
        gap: 16px;
        background-color: white;
        border-radius: 8px;
        padding: 16px;
        box-shadow: 0px 0px 2px 0px rgba(145, 158, 171, 0.24), 0px 4px 32px 0px rgba(145, 158, 171, 0.24);
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .consultaResultados {
        display: flex;
        gap: 16px;
        flex-direction: row;
        align-items: center;
    }

    .iconTipoEstudio {
        width: 60px;
        height: 60px;
        background-color: #f3f4f6;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #616161;
    }

        .iconTipoEstudio span {
            font-size: 42px;
        }

    .descripcionEstudio {
        flex-grow: 1;
    }

        .descripcionEstudio .titleEstudio {
            font-size: 16px;
            font-weight: bold;
            color: #004480;
        }

        .descripcionEstudio .fechaEstudio {
            font-size: 14px;
            color: #43474A;
        }

        .descripcionEstudio .rsvEstudio {
            font-size: 11px;
            color: #43474A;
        }

    .accionesEstudio {
        display: flex;
        gap: 24px;
        align-items: center;
        flex-wrap: wrap;
    }

        .accionesEstudio a {
            background-color: #FFFFFF;
            color: #0074D9;
            cursor: pointer;
            padding: 10px 65px;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background-color 0.3s;
            width: 242px;
            text-align: center;
            font-size: 16px;
        }

            .accionesEstudio a:hover {
                text-decoration: underline;
            }

        .accionesEstudio button {
            border: none;
            cursor: pointer;
            padding: 12px 24px;
            background-color: #0074D9;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            transition: background-color 0.3s;
            width: 242px;
            text-align: center;
            font-size: 16px;
        }

            .accionesEstudio button:hover {
                background-color: #1e40af;
            }

    @media (max-width: 768px) {

        .modal2 {
            position: static;
        }

        #ConsResultDivsInfoCont, #PacExpsConsResult1 {
            overflow: hidden;
        }

        #ConsResultDivsInfoCont {
            padding: 0;
        }

        .accionesEstudio a {
            padding: 10px 24px;
            width: 172px;
        }

        .accionesEstudio button {
            padding: 10px 24px;
            width: 172px;
        }

        .cardConsulta {
            margin-right: 10px;
        }

        #regreso_Inicio_sesion {
            margin-left: 10px !important;
        }
    }
    @media only screen and (max-width: 500px) {
        .toast {
            width: unset;
        }

        .toast_rojo {
            width: unset;
        }
    }
    @media (max-width: 414px) {

        .SubtituloResultados {
            font-size: 16px;
            margin-bottom: 32px;
        }

        .ConsResultDivs {
            padding: 0px;
        }

        .cardConsulta {
            align-items: flex-start;
            flex-direction: column;
        }

        .accionesEstudio {
            flex-wrap: wrap-reverse;
            justify-content: center;
        }

        .accionesEstudio {
            gap: 8px;
        }

            .accionesEstudio button {
                padding: 12px 14px;
                width: 144px;
            }

        .consultaResultados {
            gap: 24px;
        }

        #ConsResultDivsInfoCont {
            padding: 0;
        }

        #PacConsSeccContDiv1 {
            width: 100%;
        }

        #PacConsSeccDiagMedicsAgregar {
            width: 26% !important;
        }

        /*#contenedorPerfilMovil {
        display: block !important;
        padding-left: 15px !important;
    }*/

        #contenedorPerfil {
            display: block !important;
            padding-left: 15px !important;
        }

        #regreso_Inicio_sesion {
            margin-left: 10px !important;
        }
    }