:root {
    --Primary: #70C7B7;
    --img-logo-cliente: url('../Images/broker-wee.svg');
    --img-cover: url('../images/Login/Login.png');
    --img-sin-pendientes: url('../Images/home/tarde/Tarde/architarde.png');
    --img-home: url('../Images/home/tarde/Tarde/weebroker-new-home.png');
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}


@font-face {
    font-family: 'GothaProBol';
    src: url('fonts/GothaProBol.otf') format('opentype');
}

body {
    margin: 0;
    height: 100%;
    font-family: "Poppins";
    font-size: 13px;
}

div.container2 {
    width: 65%;
    float: left;
    position: relative;
    display: flex;
}

div.abso {
    position: absolute;
    width: 32%;
    height: auto;
    margin: 0px auto;
    top: -2px;
    left: -3px
}

.container {
    width: 35%;
    float: left
}

.welcome {
    font-size: 26px;
    color: #17423E;
    font-weight: 700;
    padding-left: 15px;
}

.userdiv {
    width: 100%;
}

.logodiv {
    float: left;
    padding: 3% 2% 0% 2%;
}

.txtuser {
    width: 68%;
    float: left
}

.passdiv {
    width: 100%;
    padding: 0px 0px 0px 12%;
    margin-top: -30px;
}

.pass {
    float: left;
    padding: 4% 2% 1% 0%;
}

.txtpass {
    width: 67%;
    float: left
}

.olvidopass {
    text-align: center;
    padding: 11px 0 5px 0;
}

#perfil {
    width: 18%;
}

.divlogo {
    background-image: var(--img-logo-cliente);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 200px;
    height: 80px;
    margin: 35px auto;
}

@media screen and (max-width: 900px) {
    .container {
        width: 100%;
        position: absolute;
    }

    .container2 {
        width: 10%;
        z-index: -1;
    }

    .logo {
        width: 98%;
        margin-top: 5%;
    }

    .divlogo {
        margin-bottom: 40px;
    }

    .logodiv {
        padding: 0% 5% 0% 2%;
    }

    .txtuser {
        width: 75%;
        margin-top: 3px;
    }

    .passdiv {
        padding: 0px 0px 0px 7%;
        margin-top: -57px;
    }

    .txtpass {
        width: 75%;
    }

    .checkk {
        margin-top: -23px;
    }
    #logoBlackBrokerId{
        width: 22%;
        display: flex;
        justify-content: end;
    }
}

@media screen and (max-width: 800px) {
    .pass {
        padding: 2% 5% 1% 0%;
    }

    .logo {
        margin-top: 0%;
    }

    #perfil {
        width: 13%;
    }
    #logoBlackBrokerId{
        display: flex;
        justify-content: end;
        width: 21%;
    }
}


@media screen and (max-width: 768px) {
    .container {
        width: 100%;
        position: absolute;
    }

    .container2 {
        width: 10%;
        z-index: -1;
    }

    .logo {
        margin-top: -2%
    }

    .divlogo {
        margin-bottom: 45px;
    }

    #perfil {
        width: 12%;
    }

    .passdiv {
        margin-top: -17px;
    }

    .pass {
        padding: 2% 5% 1% 0%;
    }
}

@media screen and (max-width: 375px) {
    .logo {
        margin-top: 5%;
    }

    #perfil {
        width: 23%;
    }

    .divlogo {
        margin-bottom: 25px;
    }

    .passdiv {
        margin-top: -32px;
    }

    .pass {
        padding: 2% 3% 1% 0%;
    }

    .txtpass {
        width: 66%;
    }
}

@media screen and (max-width: 360px) {
    .divlogo {
        margin-top: 6%;
        margin-bottom: 30px;
    }

    #perfil {
        width: 25%;
    }

    .passdiv {
        margin-top: -34px;
    }

    .txtpass {
        width: 72%;
    }
}
@media (max-width: 1200px) {
    #logoBlackBrokerId{
        width: 21%;
    }
}

#divLoad {
    background: #00D0F4;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    position: fixed;
    z-index: 1001;
    transition: background-color 0.2s ease;
}

.ImagenLoagindRes {
    left: 45% !important;
    width: 10% !important;
}

.ImagenLoagindResLetras {
    font-size: 14px !important;
}

























/*
  //////////////////
  //Nuevos estilos//
  //////////////////  
*/
#WeeBroker_Default_Login_LoginPrincipal {
    background: gray none repeat scroll 0% 0%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}

    #WeeBroker_Default_Login_LoginPrincipal .container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100vh;
        padding: 2% 0px 20%;
    }

#ContenedorPrincipal {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

#ContenedorPrincipal {
    width: 100% !important;
}
/*//////////////////*/
/* Estilos Generales */
/* Loading */
#divLoad {
    background: #00D0F4;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    position: fixed;
    z-index: 999999;
    transition: background-color 0.2s ease;
}

#divTblLoad {
    width: 100%;
}

    #divTblLoad td {
        text-align: center;
        padding: 25px;
    }
/*----*/

/*Estilos Home*/
#frmLogin {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9001;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    -webkit-text-fill-color: #004b9d;
    border-bottom: 1px solid #004b9d !important;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

.MensajeError {
    font-size: 13px;
    background-color: #FEF2F0;
    border: 1px solid #E40000;
    border-left: 4px solid #E40000;
    border-radius: 4px;
    color: #0F225E;
    padding: 15px;
    display: none;
}

    .MensajeError > div {
        display: flex;
        gap: 10px;
        align-items: center;
    }

        .MensajeError > div i {
            position: absolute;
            right: 30px;
            cursor: pointer;
        }

    .MensajeError span {
        display: block;
        font-size: 16px;
        margin-bottom: 7px;
        font-weight: 500;
    }

.Logindivcontenido1 {
    overflow: auto;
    background: white;
    width: 35%;
    position: fixed;
    z-index: 1;
    top: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 0px 20px 20px 0px;
    min-width: 500px;
}

@media screen and (max-width: 540px) {
    .Logindivcontenido1 {
        border-radius: 0px;
        min-width: 100%;
    }
}

.Logindivcontenido1 > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    width: 100%;
    max-width: 420px;
    margin: auto;
}

.Logindivcontenido3 {
    background-image: var(--img-cover);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 66%;
    height: 100vh;
}

.enlaceHome {
    color: #1A141A;
}

    .enlaceHome a {
        color: #1A141A !important;
        text-decoration: underline !important;
    }

#WeeBroker_LoginPrincipal_Btn_OpcionRecuperarPassword {
    text-decoration: underline !important;
    color: #1A141A;
}

.derechos a {
    color: #7B7A7A !important;
    font-size: 12px !important;
}

.bodylogi {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    background: #F7F5F6;
}

.bodywhite {
    background: white;
    background-size: 100%,100%;
    transition: background-color 0.2s ease;
}

/*ayuda*/
#ayuda {
    z-index: 99999;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 20px;
    right: 10px;
    background-color: #eee;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
}

#ayudacerrar {
    z-index: 99999;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 20px;
    right: 10px;
    background-color: #eee;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
}


.imgloadig {
    width: 100%;
    height: 100%;
}



.imgResponsiveLogin {
    width: 25px;
    padding-top: 8px;
    margin-left: 50px !important;
}

.imgResponsiveLogin2 {
    width: 35px;
    padding-top: 8px;
    margin-left: 41px !important;
}

.ConimgResponsiveLogin {
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    margin-top: 10px;
    left: 25px;
    top: 20px;
}

#WeeBroker_LoginPrincipal_txt_Password, #WeeBroker_frmMasterCambiar_Contrase, #WeeBroker_frmMasterCambiar_Contrase_Nueva {
    padding-left: 40px !important;
}

.label_inicioSesion {
    font-size: 1rem;
    font-weight: 500;
}


.divBacRecuperacionContrase {
    background-image: url('../Images/Logos/backpassword.jpg') !important;
    background-position: center left !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    position: fixed;
    z-index: 10;
}


@media screen and (min-width: 1650px), screen and (min-height: 800px) {
    #imgresponsiva {
        margin-top: -1%;
    }

    .contentLoagind {
        left: 49.5% !important;
    }

    .Logindivcontenido2 {
        width: 70px;
        height: 70px;
    }

    .ImagenResponsivaAvatarLo {
        max-width: 100px !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .CamposLoginRes {
    }

    .CamposLoginRes1 {
        margin-top: 30px !important;
        margin-bottom: 25px !important;
    }

    .CamposLoginRes2 {
        margin-bottom: 40px;
    }

    .InformacionLoginRes1 {
        margin-top: 30px;
    }

    .InformacionLoginRes2 {
        position: fixed;
        bottom: 20px;
        width: 34%;
    }

    .ImagenLoagindRes {
        left: 45% !important;
        width: 10% !important;
    }

    .RecuperacionLogoLogin {
        margin-top: 150px !important;
        margin-bottom: 60px !important;
    }

    .TituloRecuperlogin {
        margin-top: 20px !important;
        margin-bottom: 30px !important;
    }

    .CamposLoginRes11 {
        margin-top: 40px;
        margin-bottom: 50px !important;
    }

    .CamposLoginRes22 {
        margin-bottom: 65px !important;
    }
}

.loginampm {
    background-image: url('Images/bg/backAMPM.jpg') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.visible {
    float: left;
    font-weight: 600;
    overflow: hidden;
    height: 40px;
    width: 300px;
}

p {
    display: inline;
    float: left;
    margin: 0;
}

.input input {
    width: 100%;
    padding: 10px 25px 10px 10px;
    display: block;
    background-color: transparent !important;
    border-bottom: solid 1px #004b9d;
    transition: 0.2s ease-out;
    color: white;
    border-left: none;
    border-right: none;
    border-top: none;
    font-size: 14px;
    text-align: center;
}

.correo-error {
    color: #a94442 !important;
}


.input input:focus {
    padding: 10px 25px 10px 10px;
    outline: 0;
    border-bottom: 1px solid #004b9d !important;
    box-shadow: 0 1px 0 0 #004b9d !important;
}

.input input::-webkit-input-placeholder {
    color: white !important;
    opacity: 1;
}

.input input:-moz-placeholder {
    color: white !important;
    opacity: 1;
}

.input input::-moz-placeholder {
    color: white !important;
    opacity: 1;
}

.input input:-ms-input-placeholder {
    color: white !important;
    opacity: 1;
}
/* IE 10+ */

.imgMenuRes {
    height: 100px !important;
    width: 100px !important;
}

#ImageContentModal1 {
    background: url('images/notificacion.jpg');
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: calc(180vh - 200px);
}


/*----------------*/

/* Header */
#divHeader {
    width: 100%;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    background: #F7F5F6;
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#topHeader {
    display: block;
    width: 100%;
    min-height: 35px;
    float: left;
    background-color: #0067b1;
    z-index: 1018;
    position: fixed;
    top: 0;
    height: 50px;
    left: 0;
}

.BackEncuesta {
    background: url('../Images/bg/backEncuestaWeb.jpg'); /*no-repeat*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.BackEncuestaInfoDaar {
    background: url('../Images/Wizard/sedurodar.jpg'); /*no-repeat*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.BackEncuestaPoliza {
    background: url('../Images/bg/backEncuestaWeb.jpg'); /*no-repeat*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.AlignRight {
    text-align: right;
}

.CursorPointer {
    cursor: pointer;
}

.imglogotop {
    height: 34px;
    width: 93px;
    margin-left: 5px;
    margin-top: 7px;
    cursor: pointer;
    height: 19px;
}

text-white {
    color: white;
}

.whitet {
    color: white;
}

.lwhite:hover {
    color: #00a0c4;
    cursor: pointer;
}

/*menu left*/
.btnmeuleft {
    margin-left: 51px;
    cursor: pointer;
}

#menu-toggle i {
    margin-left: 26px;
    cursor: pointer;
    color: white
}

#wrapper {
    display: flex;
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.rigthMenActivo {
    border-left: white 6px solid;
}

.--iconArrowRigth {
    position: relative;
}

#sidebar-wrapper {
    position: sticky;
    left: 0px;
    width: 0;
    height: 100vh;
    overflow-y: initial;
    background: white;
    transition: all 0.7s ease;
    z-index: 100;
    background: #353A44;
    top: 0px;
    opacity: 1;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 45px;
}

    #sidebar-wrapper:hover {
        width: 132px;
        border-radius: 0px 20px 0px 0px;
    }

/* Sidebar Styles */

.sidebar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    opacity: 0;
    white-space: nowrap;
    transition: opacity 0.7s ease-in-out;
}

#sidebar-wrapper:hover .sidebar-nav {
    opacity: 1;
}

.--iconArrowRigth::after {
    content: "";
    top: 40%;
    right: -15px;
    height: 35px;
    width: 35px;
    background-color: #A43164;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 50%;
    background-image: url("../Images/Icons/icon_arrowRigth.svg");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    transition: all 0.4s ease;
}

#sidebar-wrapper:hover::after {
    opacity: 0;
}

.hideLogo {
    overflow: hidden;
    width: 32px;
    opacity: 0;
    transition: opacity 0.7s ease-in-out;
}

#sidebar-wrapper:hover .hideLogo {
    width: 131px;
    opacity: 1;
    transition: opacity 0.7s ease-in-out;
}

.sidebar-nav li {
    text-indent: 10px;
    line-height: 0px;
    position: relative;
}

    .sidebar-nav li a {
        display: block;
        text-decoration: none;
        color: gray;
        margin-top: 15px;
        position: relative;
    }

        .sidebar-nav li a img {
            margin-left: -15px;
        }

        .sidebar-nav li a:active,
        .sidebar-nav li a:focus {
            text-decoration: none;
        }

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

    .sidebar-nav > .sidebar-brand a {
        color: #999999;
    }

        .sidebar-nav > .sidebar-brand a:hover {
            color: #fff;
            background: none;
        }

@media screen and (min-width: 801px) {


    #sidebar-wrapper {
        width: 30px;
    }
}

@media only screen and (max-width: 600px) {
    .BackEncuesta {
        background: url('../Images/bg/back_encuesta_movil.jpg'); /*no-repeat*/
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
}

.contenedorview {
    height: 91vh;
    margin-top: 65px;
}

.perfilmenu {
    /*background-color: #3AB0C8;*/
    background-color: white;
    display: none;
    border-radius: 5px;
    border-style: solid;
    border-color: #f5f5f5;
    position: absolute;
    top: 40px;
    right: 30px;
    width: 90%;
    width: 360px;
}

/* Contenedor */
#divMainController {
    margin-top: 85px;
    padding: 10px;
}

.nav1 {
    position: relative;
    margin-top: 15px;
    display: flex;
    flex-wrap: nowrap;
}

    .nav1 ul {
        margin: 0;
        padding: 0;
    }

    .nav1 li {
        margin: 5px 20px 5px 20px;
        padding: 0;
        list-style: none;
        display: inline-block;
        cursor: pointer;
    }


/*estilos de info de paciente consulta*/
.paname {
    margin-top: -86px;
    margin-left: 127px;
}

.namepatient {
    font-size: 18px;
    color: #31708f;
}

.lalad i {
    font-size: 20px;
}




/*login*/




a, a:hover, a:focus {
    text-decoration: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

h1, h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
    font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img {
    max-width: 100%;
}

::-moz-selection {
    background: #de995e;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #de995e;
    color: #fff;
    text-shadow: none;
}


.btn-link-1 {
    display: inline-block;
    height: 50px;
    margin: 5px;
    padding: 16px 20px 0 20px;
    background: #de995e;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active {
        outline: 0;
        opacity: 0.6;
        color: #fff;
    }

    .btn-link-1.btn-link-1-facebook {
        background: #4862a3;
    }

    .btn-link-1.btn-link-1-twitter {
        background: #55acee;
    }

    .btn-link-1.btn-link-1-google-plus {
        background: #dd4b39;
    }

    .btn-link-1 i {
        padding-right: 5px;
        vertical-align: middle;
        font-size: 20px;
        line-height: 20px;
    }

.btn-link-2 {
    display: inline-block;
    height: 50px;
    margin: 5px;
    padding: 15px 20px 0 20px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .btn-link-2:hover, .btn-link-2:focus,
    .btn-link-2:active, .btn-link-2:active:focus {
        outline: 0;
        opacity: 0.6;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }


/***** Top content *****/

.inner-bg {
    padding: 100px 0 170px 0;
}

.top-content .text {
    color: #fff;
}

    .top-content .text h1 {
        color: #fff;
    }

.top-content .description {
    margin: 20px 0 10px 0;
}

    .top-content .description p {
        opacity: 0.8;
    }

    .top-content .description a {
        color: #fff;
    }

        .top-content .description a:hover,
        .top-content .description a:focus {
            border-bottom: 1px dotted #fff;
        }

.form-box {
    margin-top: 35px;
}

.form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #fff;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    text-align: left;
}

.form-top-left {
    float: left;
    width: 75%;
    padding-top: 25px;
}

    .form-top-left h3 {
        margin-top: 0;
    }

.form-top-right {
    float: left;
    width: 25%;
    padding-top: 5px;
    font-size: 66px;
    color: #ddd;
    line-height: 100px;
    text-align: right;
}

.form-bottom {
    padding: 25px 25px 30px 25px;
    background: #eee;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    text-align: left;
}

    .form-bottom form textarea {
        height: 100px;
    }

    .form-bottom form button.btn {
        width: 100%;
    }

    .form-bottom form .input-error {
        border-color: #de995e;
    }
/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px) {

    .inner-bg {
        padding: 60px 0 110px 0;
    }
}

@media (max-width: 415px) {

    h1, h2 {
        font-size: 32px;
    }
}

/*icons contacto*/
.addtel {
    font-size: 30px;
    margin-top: 8px;
}

/*listas de autocomplementar*/

.listaautoc {
    list-style: none;
    text-decoration: none;
    color: grey;
    font-size: 19px;
    padding: 7px;
    text-transform: lowercase;
    -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
    -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
    -o-transition: font-size 0.3s ease, background-color 0.3s ease;
    -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
    transition: font-size 0.3s ease, background-color 0.3s ease;
}

    .listaautoc li:hover {
        background: #f6f6f6;
        color: #3AB0C8;
    }

.paddinopc {
    padding: 40px;
}

.cajacontacto {
    background-color: white;
    text-align: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #c0c0c0;
    width: 100%;
}

    .cajacontacto:hover {
        border: none;
        border-bottom: 2px solid #598EC6;
    }

.input span {
    position: absolute;
    display: block;
    color: white;
    left: 20px;
    top: -4px;
    font-size: 20px;
}

.input .cajabusqueda {
    width: 100%;
    padding: 0px 5px 0px 40px;
    display: block;
    background-color: transparent;
    border-bottom: 1px solid;
    transition: 0.2s ease-out;
    color: white;
    border-left: none;
    border-right: none;
    border-top: none;
    font-size: 16px;
}

.cajabusqueda:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.87) inset;
    border-bottom: red;
}

.input .cajabusqueda:focus {
    padding: 0px 5px 0px 10px;
    outline: 0;
    border-color: #3e85be;
}

.pad {
    padding: 1px;
    border-radius: 6px;
}

/*para ptm frame*/
.reclass {
    width: 868px;
    height: 90px;
    background-color: #717173;
    position: absolute;
}

#camas i {
    font-size: 25px;
}
/*clase para las imagenes del menu*/
.imgmenu {
    width: 13%;
    height: 13%;
}

.styleIMG {
    border-radius: 4px;
    margin-right: 3px;
    width: 25px;
    height: 25px;
}

.imgSexo {
    margin-top: -10px;
}

.textgray {
    color: #888;
}

#Recuperar, #Rregresar {
    text-decoration: underline;
}

/*notificaciones*/

.not {
    margin-left: 69%;
}

/*modal teleconsulta*/
.teleconsulta {
    width: 900px;
    display: inline-table;
    margin-left: 35%;
}

.alingRight {
    text-align: right;
}

/*menus left grises*/

.Reporteul {
    margin: 0px;
    padding: 0px;
    color: #58c8de;
    margin-left: -41px;
    margin-top: -30px;
    height: 1000px;
    background-color: #eeeef2;
    border-bottom: ridge;
}

.Reporteli {
    cursor: pointer;
    list-style: none;
    margin: 0px;
    padding-top: 14px;
    padding-right: 0px;
    padding-bottom: 14px;
    padding-left: 33px;
}

.Reporteul ul li:hover {
    color: red;
}


/*tabs consulta*/
#divfixedhospitalizacion {
    position: fixed;
    z-index: 10;
    background-color: white;
    width: 100%;
    padding-top: 65px;
    padding-left: 70px;
    left: 15px;
    top: 0px;
}

.tablahospitalizacion {
    width: 90.5%;
}

#divfixed {
    position: fixed;
    z-index: 10;
    background-color: white;
    width: 100%;
    padding-top: 65px;
    padding-left: 70px;
    left: 15px;
    top: 0px;
}

#divfixed2 {
    position: fixed;
    z-index: 10;
    background-color: white;
    width: 100%;
    padding-top: 65px;
    padding-left: 70px;
    left: 15px;
    top: 0px;
}

#divnormal {
    margin-top: 241px;
    position: relative;
    z-index: 0;
    width: 100%;
}

#divnormal2 {
    margin-top: 145px;
    position: relative;
    z-index: 0;
    width: 100%;
}

#divfix {
    position: fixed;
    z-index: 10;
    background-color: white;
    width: 100%;
    padding-top: 50px;
    padding-left: 70px;
    left: 15px;
    top: 0px;
}

#divnormall {
    margin-top: 75px;
    position: relative;
    z-index: 0;
    width: 100%;
}

#divfixedEnfermeria {
    position: fixed;
    z-index: 10;
    background-color: white;
    width: 100%;
    padding-top: 65px;
    padding-left: 70px;
    left: 15px;
    top: 0px;
}

#divnormalEnfermeria {
    margin-top: 105px;
    position: relative;
    z-index: 0;
    width: 100%;
}

/*notificaciones*/

.intercom-conversations-item-admin-avatar {
    color: #fff;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.intercom-conversations-item-admin-avatar, #intercom-container .intercom-conversations-item-user-avatar {
    border-radius: 50%;
    float: left;
    margin-top: 5px;
    display: inline-block;
    width: 41px;
    height: 42px;
}

.intercom-conversations-item-body-container {
    margin-left: 55px;
    padding-right: 17px;
    height: 56px;
    margin-top: 8px;
    width: 280px;
}

.intercom-conversations-item-header {
    margin-bottom: 5px;
}

.intercom-conversations-item-timestamp {
    float: right;
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    width: 50px;
    text-align: right;
}

.LeyendaHora {
    font-size: 10px;
    color: #fff;
}

.intercom-conversations-item-title-container {
    margin: 0 50px 0 0;
}

.intercom-conversations-item, #intercom-container .intercom-conversations-item * {
    cursor: pointer;
    width: 300px;
}

.intercom-conversations-item-title {
    color: white !important;
    color: rgba(96,104,110,.8);
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.intercom-conversations-item-summary {
    color: white !important;
    color: rgba(96,104,110,.8);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    min-height: 40px;
    overflow: hidden;
    position: relative;
    padding-right: 15px;
    word-break: break-word;
}

.inputbusqueda {
    height: 25px;
    width: 200px;
}

.rowbusqueda {
    position: absolute;
    margin-top: -10px;
    margin-left: -213px;
}

#ulMenuPrincipal li .rigthMenActivo:hover {
    border-left: #3ab0c8 8px solid;
}


#ulMenuPrincipal li #HomeCanvas:hover {
    border-left: #3ab0c8 0px solid;
}

.tableCalendarActive {
    -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.75);
}

.divfixed2 {
    position: fixed;
    z-index: 10;
    padding: 2% 180px .1% 2%;
    background-color: white;
    width: 90%;
    margin-top: -2%;
    margin-left: -1.5%;
}

.divfixed1 {
    position: fixed;
    z-index: 10;
    padding: 2% 40px .1% 2%;
    background-color: white;
    width: 90%;
    margin-top: -2%;
    margin-left: -1.5%;
}

.divnormal {
    margin-top: 11%;
}

@media (max-width: 1200px) {
    .divfixed1 {
        padding: 2% 40px 2% 2%;
    }

    .divfixed2 {
        padding: 2% 180px .1% 2%;
    }

    .divnormal {
        margin-top: 13%;
    }
}

@media (max-width: 1050px) {
    .divfixed1 {
        padding: 2% 60px 2% 2%;
    }

    .divfixed2 {
        padding: 2% 190px .1% 2%;
    }

    .divnormal {
        margin-top: 17%;
    }
}
/*Home acomodo de letras*/

@media (max-width: 1300px) {
    .letras {
        font-size: 28px;
    }
}


.sombra {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(58,176,200,1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(58,176,200,1);
    box-shadow: 0px 3px 10px 0px rgba(58,176,200,1);
}

.selecteditmeli {
    background: #f6f6f6;
    color: #3AB0C8;
}

/*flecha lateral*/
.arrow_box {
    position: relative;
    background: #ffffff;
    border: 1px solid #eee;
}

    .arrow_box:after, .arrow_box:before {
        right: 100%;
        top: 15%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 10px;
        margin-top: -10px;
    }

    .arrow_box:before {
        border-color: rgba(0, 0, 0, 0);
        border-right-color: #eee;
        border-width: 11px;
        margin-top: -11px;
    }
/*¨Flecha para consulta*/
.arrow_boxCon {
    position: relative;
    background: #ffffff;
    border: 1px solid #eee;
}

    .arrow_boxCon:after, .arrow_boxCon:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_boxCon:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_boxCon:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: #eee;
        border-width: 11px;
        margin-left: -11px;
    }

/*caja fixed*/
.cajafixedspan {
    -webkit-box-shadow: 1px 8px 19px 5px rgba(221,221,221,1);
    -moz-box-shadow: 1px 8px 19px 5px rgba(221,221,221,1);
    box-shadow: 1px 8px 19px 5px rgba(221,221,221,1);
}
/*formato caja popover*/
.formatotextarea {
    font-family: "Poppins";
}

/*menu flotante*/
#hamburger {
    z-index: 12;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 50px;
    right: 20px;
    background-color: #eee;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(10, 10, 10, 0.3);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.navfloat {
    z-index: 11;
    position: fixed;
    bottom: 55px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f9f9f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    visibilty: hidden;
    opacity: 0;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.48);
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.material-icons {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.54);
}

#Signosvitalesconsul.show {
    -webkit-transform: translateY(-750%);
    transform: translateY(-750%);
}

#DxAuxconsul.show {
    -webkit-transform: translateY(-625%);
    transform: translateY(-625%);
}

#Prodecimientosconsul.show {
    -webkit-transform: translateY(-500%);
    transform: translateY(-500%);
}

#Serviciosextconsul.show {
    -webkit-transform: translateY(-375%);
    transform: translateY(-375%);
}

#Tratamientoconsul.show {
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%);
}

#notaconsul.show {
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
}


.navfloat.show {
    visibility: visible;
    opacity: 1;
}

.iconc {
    padding-top: 11px;
    color: #598fc7;
}

.check {
    background: #598fc7;
    color: white;
}

/*hospitalizacion botonera flotante*/

#Signosvitaleshospitalizacion.show {
    -webkit-transform: translateY(-875%);
    transform: translateY(-875%);
}

#DxAuxhospitalizacion.show {
    -webkit-transform: translateY(-750%);
    transform: translateY(-750%);
}

#Prodecimientoshospitalizacion.show {
    -webkit-transform: translateY(-625%);
    transform: translateY(-625%);
}

#Serviciosexthospitalizacion.show {
    -webkit-transform: translateY(-500%);
    transform: translateY(-500%);
}

#Tratamientohospitalizacion.show {
    -webkit-transform: translateY(-375%);
    transform: translateY(-375%);
}

#dietahospitalizacion.show {
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%);
}

#notahospitalizacion.show {
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
}
/*Media chidos*/
a:hover {
    text-decoration: none !important;
}


a {
    text-decoration: none !important;
}

#MenuTelefono a span {
    background: transparent;
    color: #026785;
    font-size: 35px;
    margin-right: 10px;
}

#MenuTelefono a {
    font-size: 17px;
    padding-top: 6px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2,
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10,
.col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    margin-bottom: 3px;
    margin-top: 3px;
}

.f1_card {
    transform-style: preserve-3d;
    transition: all .6s linear;
}

    .f1_card:hover {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
        /*box-shadow: -5px 5px 5px #aaa;*/
    }

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.18);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse:hover {
    animation-name: pulse_animation;
    animation-duration: 1200ms;
    transform-origin: 70% 70%;
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: linear;*/
}

.pulseIn {
    animation-name: pulse_animation;
    animation-duration: 1200ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@media screen and (min-width: 1500px) {
    /*#ImageContentModal{
        min-height: 700px !important;
    }*/
}
/*AUXILIAR*/
@media screen and (max-width: 1000px) {
    #BusquedaFolioMenu {
        display: none !important;
    }

    #ResponsivoModalBien {
        margin-bottom: 160px !important;
    }
}
/* TABLET PORTRAIT */
@media screen and (max-width: 800px) {

    .nav1 {
        display: none;
    }

    .marginContenedor {
        margin-left: 5%;
        width: 98%;
    }

    .container-fluid {
    }

    #LogoWBlanco {
        display: none !important;
    }

    .LogoWBlack {
        display: none;
    }

    #LogoMenuTo {
        display: inline-block !important;
    }

    #divfixed {
        padding-left: 2%;
        padding-right: 2%;
    }

    #divfixed2 {
        padding-left: 2%;
        padding-right: 2%;
    }

    #CuadroLoaging {
        width: 40% !important;
    }


    .dropdown-menu {
    }

    #imgper {
        display: none;
    }

    #divnormal {
        margin-top: 120px !important;
    }

    #MovelCabezara {
        height: 90px;
        overflow-x: hidden;
    }

    #divPageConfiguracion {
        margin: 15px 10px 15px 0px !important;
    }

    .container-fluid {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
/* SMARTPHONE */
@media only screen and (max-width: 600px) {
    #CuadroLoaging {
        width: 70% !important;
    }

    #divnormal {
        margin-top: 120px !important;
    }

    #divnormal {
        margin-top: 120px !important;
    }

    #divnormal2 {
        margin-top: 120px !important;
    }

    #spanVwPaciente_Nombre {
        font-size: 14px;
    }

    #divfixed {
        padding-left: .5%;
        padding-right: .5%;
    }

    #divfixed2 {
        padding-left: .5%;
        padding-right: .5%;
    }

    .ConfiguracionRes {
        width: 100% !important;
    }
}

/*//////////////////////menu flotante Uergencias///////*/
/*menu flotante*/
#hamburgerUrgencias {
    z-index: 12;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 50px;
    right: 20px;
    background-color: #eee;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(10, 10, 10, 0.3);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


#SignosvitaleshospitalizacionUrgencias.show {
    -webkit-transform: translateY(-750%);
    transform: translateY(-750%);
}

#DxAuxhospitalizacionUrgencias.show {
    -webkit-transform: translateY(-625%);
    transform: translateY(-625%);
}

#ProdecimientoshospitalizacionUrgencias.show {
    -webkit-transform: translateY(-500%);
    transform: translateY(-500%);
}

#ServiciosexthospitalizacionUrgencias.show {
    -webkit-transform: translateY(-375%);
    transform: translateY(-375%);
}

#TratamientohospitalizacionUrgencias.show {
    -webkit-transform: translateY(-250%);
    transform: translateY(-250%);
}
/*#dietahospitalizacionUrgencias.show {
          -webkit-transform: translateY(-250%);
          transform: translateY(-250%);
}*/
#notahospitalizacionUrgencias.show {
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
}

.bdrord {
    border-right: 1px solid;
    border-color: #3AB0C8;
}

.badorden {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #78b7b4;
    border-radius: 10px;
}
/*cargado defs tablas*/

.pgloading {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 99;
}

    .pgloading:after {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .pgloading .loadingwrap {
        position: fixed;
        top: 45%;
        bottom: 45%;
        left: 25%;
        right: 25%;
    }

    .pgloading .bokeh {
        font-size: 100px;
        width: 1em;
        height: 1em;
        position: relative;
        margin: 0 auto;
        border-radius: 50%;
        list-style: none;
        padding: 0;
    }

        .pgloading .bokeh li {
            position: absolute;
            width: .2em;
            height: .2em;
            border-radius: 50%;
        }

            .pgloading .bokeh li:nth-child(1) {
                left: 50%;
                top: 0;
                margin: 0 0 0 -.1em;
                background: #3ab0c8;
                -webkit-transform-origin: 50% 250%;
                transform-origin: 50% 250%;
                -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
                animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate;
            }

            .pgloading .bokeh li:nth-child(2) {
                top: 50%;
                right: 0;
                margin: -.1em 0 0 0;
                background: #20b2aa;
                -webkit-transform-origin: -150% 50%;
                transform-origin: -150% 50%;
                -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
                animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate;
            }

            .pgloading .bokeh li:nth-child(3) {
                left: 50%;
                bottom: 0;
                margin: 0 0 0 -.1em;
                background: #91917d;
                -webkit-transform-origin: 50% -150%;
                transform-origin: 50% -150%;
                -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
                animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate;
            }

            .pgloading .bokeh li:nth-child(4) {
                top: 50%;
                left: 0;
                margin: -.1em 0 0 0;
                background: #28608f;
                -webkit-transform-origin: 250% 50%;
                transform-origin: 250% 50%;
                -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
                animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate;
            }

@-webkit-keyframes rota {
    from {
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rota {
    from {
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes opa {
    0% {
    }

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}

@keyframes opa {
    0% {
    }

    12.0% {
        opacity: 0.80;
    }

    19.5% {
        opacity: 0.88;
    }

    37.2% {
        opacity: 0.64;
    }

    40.5% {
        opacity: 0.52;
    }

    52.7% {
        opacity: 0.69;
    }

    60.2% {
        opacity: 0.60;
    }

    66.6% {
        opacity: 0.52;
    }

    70.0% {
        opacity: 0.63;
    }

    79.9% {
        opacity: 0.60;
    }

    84.2% {
        opacity: 0.75;
    }

    91.0% {
        opacity: 0.87;
    }
}

.text-primaryNew {
    color: #3C6F9D;
    background-color: #eee;
}

/*Loading*/
.cssload-container {
    background: rgb(255,255,255);
}

    .cssload-container div {
        width: 16px;
        height: 16px;
        position: absolute;
        background-color: rgb(204,204,204);
        top: 45%;
        border-radius: 50%;
    }

        .cssload-container div:nth-child(1) {
            background-color: #0067B1;
            animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(2) {
            background-color: #598FC7;
            animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(3) {
            background-color: #598EC6;
            animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(4) {
            background-color: gray;
            animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }



@keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-o-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-ms-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-moz-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}


.cssload-thecube {
    width: 73px;
    height: 73px;
    margin: 0 auto;
    margin-top: 49px;
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}

    .cssload-thecube .cssload-cube {
        position: relative;
        transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
    }

    .cssload-thecube .cssload-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }

        .cssload-thecube .cssload-cube:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.9);
            animation: cssload-fold-thecube 2.76s infinite linear both;
            -o-animation: cssload-fold-thecube 2.76s infinite linear both;
            -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
            -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
            -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
            transform-origin: 100% 100%;
            -o-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            -webkit-transform-origin: 100% 100%;
            -moz-transform-origin: 100% 100%;
        }

    .cssload-thecube .cssload-c2 {
        transform: scale(1.1) rotateZ(90deg);
        -o-transform: scale(1.1) rotateZ(90deg);
        -ms-transform: scale(1.1) rotateZ(90deg);
        -webkit-transform: scale(1.1) rotateZ(90deg);
        -moz-transform: scale(1.1) rotateZ(90deg);
    }

    .cssload-thecube .cssload-c3 {
        transform: scale(1.1) rotateZ(180deg);
        -o-transform: scale(1.1) rotateZ(180deg);
        -ms-transform: scale(1.1) rotateZ(180deg);
        -webkit-transform: scale(1.1) rotateZ(180deg);
        -moz-transform: scale(1.1) rotateZ(180deg);
    }

    .cssload-thecube .cssload-c4 {
        transform: scale(1.1) rotateZ(270deg);
        -o-transform: scale(1.1) rotateZ(270deg);
        -ms-transform: scale(1.1) rotateZ(270deg);
        -webkit-transform: scale(1.1) rotateZ(270deg);
        -moz-transform: scale(1.1) rotateZ(270deg);
    }

    .cssload-thecube .cssload-c2:before {
        animation-delay: 0.35s;
        -o-animation-delay: 0.35s;
        -ms-animation-delay: 0.35s;
        -webkit-animation-delay: 0.35s;
        -moz-animation-delay: 0.35s;
    }

    .cssload-thecube .cssload-c3:before {
        animation-delay: 0.69s;
        -o-animation-delay: 0.69s;
        -ms-animation-delay: 0.69s;
        -webkit-animation-delay: 0.69s;
        -moz-animation-delay: 0.69s;
    }

    .cssload-thecube .cssload-c4:before {
        animation-delay: 1.04s;
        -o-animation-delay: 1.04s;
        -ms-animation-delay: 1.04s;
        -webkit-animation-delay: 1.04s;
        -moz-animation-delay: 1.04s;
    }



@keyframes cssload-fold-thecube {
    0%, 10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-o-keyframes cssload-fold-thecube {
    0%, 10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-ms-keyframes cssload-fold-thecube {
    0%, 10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-fold-thecube {
    0%, 10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cssload-fold-thecube {
    0%, 10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

#ImageContentModal {
    background-position: center 0px !important;
    background-repeat: no-repeat !important;
    background-size: 988px 575px !important;
    width: 100% !important;
    height: 100% !important;
    border: none;
    box-shadow: none;
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.7));
    filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.7));
}

.ImageContentModalCorreccionFirma {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-size: 988px 550px !important;
    width: 100% !important;
    height: 100% !important;
    border: none;
    box-shadow: none;
    -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.7));
    filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.7));
}

.FormNuevo {
    width: 100%;
    background-color: transparent !important;
    transition: 0.2s ease-out;
    color: gray;
    border: none;
    font-size: 13px;
    border-bottom: solid 1px #1A9DDC;
}


    .FormNuevo:focus {
        border: none !important;
        border-bottom: solid 1px lightblue !important;
        outline: 0px;
    }

.ComboSelect select {
    color: gray !important;
    border: none !important;
    border-bottom: 1px solid #1A9DDC !important;
    border-radius: 0px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
}

    .ComboSelect select:disabled {
        color: rgba(0, 0, 0, 0.26) !important;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.26) !important;
    }


.ComboSelect::after {
    content: "\025be";
    display: table-cell;
    padding-top: 1px;
    text-align: center;
    width: 30px;
    height: 30px;
    background-color: transparent;
    position: absolute;
    top: 3px;
    right: 10px;
    pointer-events: none;
    color: gray;
    font-size: 20px !important;
}

.ComboSelect select:focus {
    outline: 0px;
    border: none !important;
    border-bottom: 1px solid lightblue !important;
}

#ImageContentModal1 {
    /*background-image: url('../images/wizard/momday.jpg') !important;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: calc(180vh - 200px);
    max-width: 931px;
    min-height: 580px !important;
}

#modalWeeClinicBienvenida1 > .modal-dialog {
    max-width: 931px;
    min-height: 580px !important;
}

.cargadoFondo {
    width: 100%;
    text-align: center;
    color: #0067B1;
}

    .cargadoFondo > #CargadoRotary {
        animation: linePencil 1.6s infinite linear;
        display: block;
    }

@keyframes linePencil {
    0% {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg); /* IE 9 en adelante*/
        -webkit-transform: rotateX(0deg); /* Opera, Chrome, y Safari */
    }

    50% {
        transform: rotateX(180deg);
        -ms-transform: rotateX(180deg); /* IE 9 en adelante*/
        -webkit-transform: rotateX(180deg); /* Opera, Chrome, y Safari */
    }
}





.pulseMa {
    animation: pulseMa .8s infinite;
    border-radius: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 10px !important;
    background: #449D44;
    color: white
}

    .pulseMa:hover {
        animation: none;
    }

@-webkit-keyframes pulseMa {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(68,157,68, 1);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(68,157,68, 0.5);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(68,157,68, 0);
    }
}

@keyframes pulseMa {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(68,157,68, 1);
        box-shadow: 0 0 0 0 rgba(68,157,68, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(68,157,68, 0.5);
        box-shadow: 0 0 0 15px rgba(68,157,68, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(68,157,68, 0);
        box-shadow: 0 0 0 0 rgba(68,157,68, 0);
    }
}

/*Campañas*/
.containerImagen {
    position: fixed;
    z-index: 1001;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    padding: 15px;
    background: rgba(0,0,0,.6);
}

.imagenContenido {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 900px;
    margin: 0px auto;
}

.BacImagen {
    margin: 0px auto;
}

.BacImagen_consulta {
    margin: 0px auto;
}

.IconoCerrarCampa {
    position: absolute;
    top: 14px;
    right: 15px;
    color: white;
    font-size: 20px !important;
    height: 26px;
    width: 27px;
    cursor: pointer;
    background: #199bd7;
    padding: 3px 4px 4px 6px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
}

.ClassFlechasCamL {
    font-size: 23px !important;
    color: white;
    left: 5px;
    position: absolute;
    width: 27px;
    height: 28.1px;
    cursor: pointer;
    background: #199BD7;
    border-radius: 50%;
    padding-left: 3px;
    padding-top: 2px;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
}

.ClassFlechasCamR {
    font-size: 23px !important;
    color: white;
    right: 5px;
    position: absolute;
    width: 27px;
    height: 28.1px;
    cursor: pointer;
    background: #199BD7;
    border-radius: 50%;
    padding-left: 4px;
    padding-top: 2px;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
}

@media screen and (min-width: 768px) {
    .ClassFlechasCamL {
        left: 6%;
    }

    .ClassFlechasCamR {
        right: 6%;
    }
}

@media screen and (min-width: 1200px) {
    .ClassFlechasCamL {
        left: 11%;
    }

    .ClassFlechasCamR {
        right: 11%;
    }
}
/*Copia de campais para la especifica de medicos*/
.IconoCerrarCampa_consulta {
    position: absolute;
    top: 14px;
    right: 15px;
    color: white;
    font-size: 20px !important;
    height: 26px;
    width: 27px;
    cursor: pointer;
    background: #199bd7;
    padding: 3px 4px 4px 6px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
}

.ClassFlechasCamL_consulta {
    font-size: 23px !important;
    color: white;
    left: 5px;
    position: absolute;
    width: 27px;
    height: 28.1px;
    cursor: pointer;
    background: #199BD7;
    border-radius: 50%;
    padding-left: 3px;
    padding-top: 2px;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
}

.ClassFlechasCamR_consulta {
    font-size: 23px !important;
    color: white;
    right: 5px;
    position: absolute;
    width: 27px;
    height: 28.1px;
    cursor: pointer;
    background: #199BD7;
    border-radius: 50%;
    padding-left: 4px;
    padding-top: 2px;
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
}

@media screen and (min-width: 768px) {
    .ClassFlechasCamL_consulta {
        left: 6%;
    }

    .ClassFlechasCamR_consulta {
        right: 6%;
    }
}

@media screen and (min-width: 1200px) {
    .ClassFlechasCamL_consulta {
        left: 11%;
    }

    .ClassFlechasCamR_consulta {
        right: 11%;
    }
}

.card {
    padding: 5px 20px;
    border-radius: 5px;
    background: white;
    box-shadow: none;
}

    .card label {
        font-weight: normal !important;
    }

.CambioHubicacionBack {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    position: relative !important;
    background: transparent !important;
    width: 500px;
    padding: 65px 135px !important;
    height: 311px;
    text-align: center;
}

    .CambioHubicacionBack::after {
        content: '';
        background-image: url('../Images/Wizard/img_cambiodeubicacion.png') !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        z-index: -1;
    }

    .CambioHubicacionBack::before {
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        z-index: -2;
        background: rgba(255,255,255,.6);
    }

/*estilos de conversacion*/
#ContenedorMensajeria.Bloqueado::before, #BodyChat_Mensajeria.Bloqueado::before {
    content: '';
    position: absolute;
    top: 0px;
    background: rgba(255,255,255,.5);
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 1;
}

#ContenedorMensajeria.Bloqueado::after, #BodyChat_Mensajeria.Bloqueado::after {
    content: "\f110";
    top: 45%;
    right: 45%;
    z-index: 2;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: gray;
    font-size: 40px;
    vertical-align: middle;
    position: absolute;
    font: normal normal normal 54px/1 FontAwesome;
}

@keyframes fa-spin {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

.ImagenChatGlobal {
    width: 200px;
    text-align: center;
}

    .ImagenChatGlobal a img {
        max-width: 150px;
        max-height: 100px;
    }

#VerContenedorMensajeria {
    width: 50px;
    height: 50px;
    background: #6FA2C9;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 900;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    display: none;
}

#ContenedorMensajeria {
    position: absolute;
    top: -500px;
    background: #8cd0f1;
    min-width: 420px;
    max-width: 420px;
    right: 0px;
    height: 500px;
    z-index: 9999999;
    border-radius: 15px;
    padding: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    overflow: hidden;
    overflow-wrap: break-word !important;
}

.TituloConversacion {
    font-size: 13px;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: -15px;
    height: 50px;
    overflow: hidden;
    background: #4179b8;
    color: white;
    margin-top: -10px;
    padding-top: 10px;
}

.ContenedorConversacion {
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.ConversacionEntrante {
    padding: 5px 15px;
    border-radius: 5px;
    text-align: justify;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .ConversacionEntrante .Contenido {
        max-width: 280px;
        margin-right: auto;
        background: #069fe0;
        color: white;
        padding: 5px 15px;
        border-radius: 15px;
        text-align: justify;
        justify-content: flex-start;
        align-items: center;
    }

.ConversacionEntranteFecha {
    max-width: 280px;
    margin-right: auto;
    padding-left: 5px;
    color: #6894c7;
}

.ConversacionEntrante div, .ConversacionSaliente div {
    overflow-wrap: break-word;
    max-width: 200px;
}

.ConversacionSaliente {
    max-width: 280px;
    margin-left: auto;
    padding: 5px 15px;
    border-radius: 15px;
    text-align: justify;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .ConversacionSaliente .Contenido {
        max-width: 280px;
        margin-left: auto;
        background: #06bdeb;
        color: white;
        padding: 5px 15px;
        border-radius: 15px;
        text-align: justify;
        justify-content: flex-end;
        align-items: center;
    }

.ConversacionSalienteFecha {
    max-width: 280px;
    margin-left: auto;
    text-align: right;
    padding-right: 5px;
    color: #6894c7;
}

.ConversacionEntranteNombre {
    max-width: 280px;
    margin-right: auto;
    padding-left: 5px;
    color: white;
    text-align: left;
}

.ConversacionSalienteNombre {
    max-width: 280px;
    margin-left: auto;
    text-align: right;
    padding-right: 5px;
    color: white;
}

.CamposDemensaje {
    position: absolute;
    width: 102%;
    bottom: -15px;
    background: #8cd0f1;
}

    .CamposDemensaje #TxtMensajeChat {
        border: none;
        border-radius: 15px;
        line-height: 18px;
        color: #4179b8;
    }

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 15px;
}

    .lds-ellipsis div {
        position: absolute;
        top: 5px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: gray;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 6px;
            animation: lds-ellipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 6px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 26px;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 45px;
            animation: lds-ellipsis3 0.6s infinite;
        }

#classContenedorconversaciones {
    position: fixed;
    background: white;
    width: 250px;
    bottom: 20px;
    left: 85px;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-transition: width .4s,border-radius .3s,background-color 0.2s ease; /* Safari */
    transition: width .4s,border-radius .3s,background-color 0.2s ease;
}

    #classContenedorconversaciones.CerradoContenedor {
        width: 47px;
        height: 47px;
        line-height: 45px;
        border-radius: 50%;
        background: #3c6f9d;
    }

    #classContenedorconversaciones .TituloChats {
        text-align: center;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        padding: 6px;
        color: #8B8B8B !important;
    }

    #classContenedorconversaciones i.fa-close {
        color: #3c6f9d;
        font-size: 18px !important;
    }

    #classContenedorconversaciones i.fa-comments {
        color: white;
    }

.CerradoContenedor .TituloChats, .CerradoContenedor #ConversacionesActivas {
    display: none;
}

#ConversacionesActivas p {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 5px 30px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow-wrap: break-word;
    padding-left: 30px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    color: #3AB0C8;
}

    #ConversacionesActivas p span {
        color: #9f9f9f;
        font-size: 12px;
        display: block;
    }

    #ConversacionesActivas p::after {
        content: "\f0e5";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        left: 10px;
        top: 8px;
        color: #3AB0C8;
    }

#ContenedorMensajeria.Bloqueado::before {
    content: '';
    position: absolute;
    top: 0px;
    background: rgba(255,255,255,.5);
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 1;
}

#ContenedorMensajeria.Bloqueado::after {
    content: "\f110";
    top: 45%;
    right: 45%;
    z-index: 2;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: gray;
    font-size: 40px;
    vertical-align: middle;
    position: absolute;
    font: normal normal normal 54px/1 FontAwesome;
}

.has-error .select-wrapper input.select-dropdown {
    border-bottom: 1px solid #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(19px, 0);
    }
}

.pulseNo {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(28,52,115, 0.8);
    animation: pulseNo 1s infinite;
}

.input-field.col label {
    pointer-events: none;
    display: block;
    width: 90%;
}

input + label::after, textarea.materialize-textarea + label::after {
    top: 30px;
    -webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}

input + label.active::after, textarea.materialize-textarea + label::after {
    top: 60px;
    -webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}

.container {
    width: 100%;
    height: 100vh;
}

    .container .buttons {
        width: 100%;
    }

        .container .buttons .btn-default {
            float: left !important;
            background: transparent !important;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2) !important;
        }

        .container .buttons .btn-success {
            float: right !important;
        }


@-webkit-keyframes pulseNo {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(28,52,115, 0.8);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(28,52,115, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0px rgba(28,52,115, 0);
    }
}

@keyframes pulseNo {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(28,52,115, 0.4);
        box-shadow: 0 0 0 0 rgba(28,52,115, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(28,52,115, 0);
        box-shadow: 0 0 0 10px rgba(28,52,115, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(28,52,115, 0);
        box-shadow: 0 0 0 0 rgba(28,52,115, 0);
    }
}

.cargadoFondo {
    width: 100%;
    text-align: center;
    color: #2F567D;
}

    .cargadoFondo > #CargadoRotary {
        animation: linePencil 1.6s infinite linear;
        display: block;
    }

@keyframes linePencil {
    0% {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg); /* IE 9 en adelante*/
        -webkit-transform: rotateX(0deg); /* Opera, Chrome, y Safari */
    }

    50% {
        transform: rotateX(180deg);
        -ms-transform: rotateX(180deg); /* IE 9 en adelante*/
        -webkit-transform: rotateX(180deg); /* Opera, Chrome, y Safari */
    }
}


/*Loading*/
.cssload-container {
    background: rgb(255,255,255);
}

    .cssload-container div {
        width: 16px;
        height: 16px;
        position: absolute;
        background-color: rgb(204,204,204);
        top: 45%;
        border-radius: 50%;
    }

        .cssload-container div:nth-child(1) {
            background-color: #0067B1;
            animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(2) {
            background-color: #598FC7;
            animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(3) {
            background-color: #598EC6;
            animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }

        .cssload-container div:nth-child(4) {
            background-color: gray;
            animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -o-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -ms-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -webkit-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
            -moz-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
        }



@keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-o-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-ms-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

@-moz-keyframes cssload-move {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}

.textacop {
    width: 160px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.badgeNotifica {
    min-width: 10px;
    font-size: 8px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    background-color: #70C7B7;
    border-radius: 50%;
    position: absolute;
    height: 20px;
    width: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    top: 0px;
    right: 5px;
    padding: 0px;
}



table.responsive-tableRes {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
}

    table.responsive-tableRes td:empty:before {
        content: '\00a0';
    }

    table.responsive-tableRes th,
    table.responsive-tableRes td {
        margin: 0;
        vertical-align: top;
    }

    table.responsive-tableRes th {
        text-align: left;
    }

    table.responsive-tableRes thead {
        display: block;
        float: left;
    }

        table.responsive-tableRes thead tr {
            display: block;
            padding: 0 10px 0 0;
        }

            table.responsive-tableRes thead tr th::before {
                content: "";
            }

    table.responsive-tableRes tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

        table.responsive-tableRes tbody tr {
            display: inline-block;
            vertical-align: top;
        }

    table.responsive-tableRes th {
        display: block;
        text-align: right;
    }

    table.responsive-tableRes td {
        display: block;
        min-height: 1.25em;
        text-align: left;
    }

    table.responsive-tableRes tr {
        padding: 0 10px;
    }

    table.responsive-tableRes thead {
        border: 0;
        border-right: 1px solid #d0d0d0;
    }

    table.responsive-tableRes.bordered th {
        border-bottom: 0;
        border-left: 0;
    }

    table.responsive-tableRes.bordered td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    table.responsive-tableRes.bordered tr {
        border: 0;
    }

    table.responsive-tableRes.bordered tbody tr {
        border-right: 1px solid #d0d0d0;
    }

.m-0 {
    margin: 0px;
}

.p-0 {
    padding: 0px;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.btn, .btn-large, .swal-button {
    border-radius: 8px;
    background: var(--Primary, #70C7B7);
    text-transform: none;
    font-size: 1rem;
    color: #18141A;
    font-weight:normal !important;
}

    .btn-cancel, .swal-button.swal-button--cancel {
        background: white;
        border: 1px solid #70C7B7;
    }

        .btn-cancel:focus, .btn-cancel:hover, .swal-button.swal-button--cancel:focus, .swal-button.swal-button--cancel:hover {
            background: white !important;
            border: 1px solid #70C7B7 !important;
        }

    .swal-button:hover, .swal-button:focus {
        background: #2bbbad !important;
        box-shadow: 0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);
    }


#modalHeader {
    font-size: 22px;
    border-left: 3px solid #A43164;
    padding-left: 10px;
    color: #49696A !important;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
}

#modalBase .modal-header {
    padding: 0px 0px 0px 50px !important;
    border-bottom: none !important;
    margin-top: 15px;
    margin-bottom: 10px;
}

.d-inline-block {
    display: inline-block;
}

[type="radio"]:not(:checked) + label::before {
    border: 2px solid #70C7B7;
}

[type="radio"]:checked + label::before {
    border: 2px solid transparent;
    background: white;
    z-index: 1;
    width: 6px;
    height: 6px;
    left: 5px;
    top: 5px;
}

[type="radio"]:checked + label::after {
    background-color: #70C7B7;
}

[type="radio"]:checked + label::after {
    border: 2px solid #70C7B7;
}

label {
    color: #353A44 !important;
}

.labelTitulo {
    font-size: 1rem;
    font-weight: 500;
}

.form-control, .container_select--input {
    border-radius: 2px !important;
    background: white !important;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
    border: none !important;
    padding: 0px 13px !important;
    box-sizing: inherit !important;
    height: 34px !important;
    margin-bottom: 0px !important;
}

    .form-control:focus, .container_select--input.focus--dising {
        border: 1px solid #70C7B7 !important;
        outline: 0 !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(112, 199, 183,.6) !important;
    }

.input-group .form-control {
    padding-left: 15px;
}

select.form-control {
    background-position: calc(100% - 3px) 14px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 18 13" fill="none"%3E%3Cpath d="M2 2L8.77406 10L16 2" stroke="%2370C7B7" stroke-width="3" stroke-linecap="round"/%3E%3C/svg%3E') !important;
    background-repeat: no-repeat !important;
}


.input-group.--input-withIcono {
    height: 34px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff !important;
    background-image: none;
    border-radius: 2px !important;
    background: white !important;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
    border: none !important;
    padding: 0px 13px !important;
    box-sizing: inherit !important;
    height: 34px !important;
}

    .input-group.--input-withIcono .input-group-addon,
    .input-group.--input-withIcono input.form-control {
        background: none !important;
        border-radius: 0px !important;
        box-shadow: none !important;
        border: none !important;
    }

    .input-group.--input-withIcono .input-group-addon {
        padding: 0px;
    }

    .has-error, .input-group.--input-withIcono.has-error {
        border: 1px solid #BE1B0A !important;
        outline: 0 !important;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
    }

[type="radio"].has-error:not(:checked) + label::before {
    border: 2px solid #BE1B0A;
}

.has-error ~ .text-error {
    display: block;
    margin-top: 5px;
    font-weight: normal;
}

#modalBase .fa-times::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"%3E%3Cpath d="M16 2L2 16" stroke="%23353A44" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M2 2L16 16" stroke="%23353A44" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

.modal.modal-fixed-footer .modal-content {
    height: auto !important;
}

#ModalFondoColor {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#modalBase {
    max-height: 90%;
    height: auto;
    bottom: auto;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    height: fit-content;
    top: auto !important;
    bottom: auto !important;
    max-width: 1200px !important;
}

    #modalBase > div {
        position: relative;
        width: 100%;
    }

#modalcontent {
    overflow: auto;
    position: relative;
    max-height: 75vh;
}

.Titulo_Text {
    color: #353A44;
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
}

tr.text-primary, tr.text-primary th {
    color: #18141A;
    background: #70C7B7;
}


.--newinput-group {
    display: flex;
}

.swal2-close {
    border: none;
    background: transparent;
    position: absolute;
    top: 20px;
    right: 20px;
}

button.swal2-close:focus {
    background-color: transparent !important;
}

.swal-title {
    border-left: 3px solid #A43164;
    margin-left: 16px;
    padding-left: 10px;
    text-align: left;
    padding-bottom: 0px;
    padding-top: 0px;
    color: #49696A;
    margin-bottom: 20px;
}

#LogoWBlanco {
    width: 0px;
    height: 100px;
    display: inline-block;
    color: white;
    padding: 30px 10px;
    border-radius: 0px 20px 0px 0px;
}
.cursorPointerLogo{
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.cursorPointerLogo:hover{
    transform: scale(1.1);
}

.LogoWBlack {
    display: flex;
    justify-content: center;
    width: 16%;
    height: 58%;
}

.heightImg {
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}
.heightImg:hover{
    transform: scale(1.1);
}
#sidebar-wrapper:hover ~ #page-content-wrapper #divHeader .LogoWBlack .heightImg {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

.imgmenu {
    width: 100%;
    height: 65px;
    color: white !important;
    display: flex;
    justify-content: center;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 3px;
    cursor: pointer !important;
}

    .imgmenu > label {
        background: #DEFCF6;
        width: 50px;
        height: 50px;
        border-radius: 5px;
        cursor: pointer !important;
        transition: all 0.2s ease-in-out;
    }

.ContenidoIcono {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

    .ContenidoIcono label {
        width: 25px;
        padding: 0px;
        margin: auto;
        margin-top: 14px;
    }

.imgmenu > label > label::before {
    margin-left: -10px;
    display: block;
    width: 100%;
    cursor: pointer !important;
}

a:hover .imgmenu > label, a.ModuloActivo .imgmenu > label {
    background: #70C7B7;
    transition: all 0.2s ease-in-out;
}

.imgmenuLabel {
    width: 100%;
    color: white !important;
    cursor: pointer;
    margin-bottom: 10px;
}

a:hover .imgmenuLabel {
    font-weight: 600;
}


/*23FFFDFD*/
.imgmenu .icon-icon_cotiz-1::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="60%" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M15 2H22V9" stroke="%2349696A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20.5 3L14 13.5L7.97583 9.00016L1.5 19" stroke="%2349696A" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}


.imgmenu .icon-CLINIC-05::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M17.5 14.5241L20.695 14L21.5 16" stroke="%2349696A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10.5 22L12.4396 18.7336L16.6839 20.0599L19.5 15" stroke="%2349696A" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M11.2265 7H9.45462C9.32925 7 9.20512 7.03233 9.0893 7.09515C8.97348 7.15797 8.86824 7.25004 8.7796 7.36612C8.69096 7.48219 8.62064 7.61999 8.57267 7.77165C8.52469 7.9233 8.5 8.08585 8.5 8.25C8.5 8.41415 8.52469 8.5767 8.57267 8.72835C8.62064 8.88001 8.69096 9.01781 8.7796 9.13388C8.86824 9.24996 8.97348 9.34203 9.0893 9.40485C9.20512 9.46767 9.32925 9.5 9.45462 9.5H10.5454C10.7986 9.5 11.0414 9.6317 11.2204 9.86612C11.3994 10.1005 11.5 10.4185 11.5 10.75C11.5 11.0815 11.3994 11.3995 11.2204 11.6339C11.0414 11.8683 10.7986 12 10.5454 12H8.77269" stroke="%2349696A" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10.5 11.966V13M10.5 6V7.04451" stroke="%2349696A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 9.61152C17.4929 8.29238 17.1518 6.99752 16.5098 5.85255C15.8678 4.70758 14.9467 3.75138 13.8359 3.07671C12.725 2.40205 11.4622 2.03182 10.1698 2.00196C8.8775 1.9721 7.59953 2.28361 6.45991 2.90627C5.3203 3.52894 4.35774 4.44161 3.66562 5.55575C2.97349 6.66989 2.5753 7.94768 2.50967 9.26513C2.44405 10.5826 2.71321 11.895 3.29106 13.075C3.8689 14.255 4.73581 15.2626 5.80767 16" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

.imgmenu .icon-REPORTES::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 26 26" fill="none"%3E%3Cpath d="M13.7168 1H7.37662C3.45841 1 1 3.77536 1 7.69754V18.2968C1 22.2246 3.44703 25 7.37662 25H18.6234C22.5564 25 25 22.2246 25 18.2968V12.1242" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M5.80005 20.1996L9.64487 16.5996L15.2301 19.8662L19 16.5996" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10.6 12.9998V8.47052M5.80005 12.9998V5.7998" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M25 5.8C25 4.85065 24.7185 3.92262 24.1911 3.13326C23.6636 2.34391 22.914 1.72868 22.0369 1.36538C21.1598 1.00208 20.1947 0.907024 19.2636 1.09223C18.3325 1.27744 17.4772 1.7346 16.8059 2.40589C16.1346 3.07718 15.6775 3.93246 15.4923 4.86357C15.307 5.79468 15.4021 6.7598 15.7654 7.63688C16.1287 8.51397 16.7439 9.26362 17.5333 9.79106C18.3226 10.3185 19.2507 10.6 20.2 10.6C21.4731 10.6 22.694 10.0943 23.5941 9.19411C24.4943 8.29394 25 7.07304 25 5.8Z" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20.2 1V5.28439C20.2 5.42114 20.2542 5.55229 20.3509 5.64898C20.4475 5.74568 20.5786 5.8 20.7153 5.8H25" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

.imgmenu .icon-check::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M22.7 15.4297C22.7 19.0109 20.4359 21.1 16.5547 21.1H8.14532C4.26406 21.1 2 19.0109 2 15.4297V7.67031C2 4.08906 3.40156 2 7.28282 2H9.43907C10.1938 2 10.9484 2.29844 11.3797 2.89531L12.35 4.08906C12.7813 4.68594 13.5359 4.98437 14.2906 4.98437H17.3094C21.1906 4.98437 22.5922 6.775 22.5922 10.4557L22.7 15.4297Z" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.60632 14.1367H17.0938" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

.imgmenu .IconMenu_Tramites::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M22.7 15.4297C22.7 19.0109 20.4359 21.1 16.5547 21.1H8.14532C4.26406 21.1 2 19.0109 2 15.4297V7.67031C2 4.08906 3.40156 2 7.28282 2H9.43907C10.1938 2 10.9484 2.29844 11.3797 2.89531L12.35 4.08906C12.7813 4.68594 13.5359 4.98437 14.2906 4.98437H17.3094C21.1906 4.98437 22.5922 6.775 22.5922 10.4557L22.7 15.4297Z" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.60632 14.1367H17.0938" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

.imgmenu .IconMenu_Polizas::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9135 17.1237H13.2045C14.1259 17.1237 14.8702 16.4612 14.8702 15.5398C14.8702 14.7731 14.3526 14.1612 13.6093 13.9743C12.5459 13.7078 11.4854 13.4986 10.3762 13.5258C8.61814 13.5677 7.38835 14.5484 5.99414 15.4804" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9144 17.1526C12.5673 17.0572 13.2318 17.1536 13.8914 17.138C15.4199 17.102 16.6186 15.809 17.7822 14.9333C18.3766 14.4848 19.2095 14.5442 19.7349 15.0725C20.3186 15.6582 20.3186 16.6077 19.7349 17.1935C18.4788 18.4563 17.3677 19.6268 15.6641 20.2893C13.2999 21.2087 11.1059 20.7622 8.71154 20.2893C7.78531 20.1054 6.93205 20.0947 5.99414 20.0947" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.82812 20.9989H4.79619C5.53562 20.9989 5.99486 20.4774 5.99486 19.7389V15.4162C5.99486 14.6777 5.53562 14.1562 4.79619 14.1562H3.82812" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2273 10.9586V8.68682C19.2273 8.18479 19.0337 7.70318 18.6864 7.34125L15.0923 3.59741C14.7255 3.21602 14.2196 3.00003 13.6903 3.00003H8.33435C6.40017 2.99225 4.81623 4.53337 4.76953 6.46659V10.9586" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.1504 3.05859V5.80032C14.1504 7.13907 15.2333 8.22486 16.571 8.22778H19.1678" stroke="%2349696A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}



a:hover .imgmenu .icon-icon_cotiz-1::before, a.ModuloActivo .imgmenu .icon-icon_cotiz-1::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M15 2H22V9" stroke="%23FFFDFD" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20.5 3L14 13.5L7.97583 9.00016L1.5 19" stroke="%23FFFDFD" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

a:hover .imgmenu .icon-CLINIC-05::before, a.ModuloActivo .imgmenu .icon-CLINIC-05::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M17.5 14.5241L20.695 14L21.5 16" stroke="%23FFFDFD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10.5 22L12.4396 18.7336L16.6839 20.0599L19.5 15" stroke="%23FFFDFD" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M11.2265 7H9.45462C9.32925 7 9.20512 7.03233 9.0893 7.09515C8.97348 7.15797 8.86824 7.25004 8.7796 7.36612C8.69096 7.48219 8.62064 7.61999 8.57267 7.77165C8.52469 7.9233 8.5 8.08585 8.5 8.25C8.5 8.41415 8.52469 8.5767 8.57267 8.72835C8.62064 8.88001 8.69096 9.01781 8.7796 9.13388C8.86824 9.24996 8.97348 9.34203 9.0893 9.40485C9.20512 9.46767 9.32925 9.5 9.45462 9.5H10.5454C10.7986 9.5 11.0414 9.6317 11.2204 9.86612C11.3994 10.1005 11.5 10.4185 11.5 10.75C11.5 11.0815 11.3994 11.3995 11.2204 11.6339C11.0414 11.8683 10.7986 12 10.5454 12H8.77269" stroke="%23FFFDFD" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10.5 11.966V13M10.5 6V7.04451" stroke="%23FFFDFD" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M17.5 9.61152C17.4929 8.29238 17.1518 6.99752 16.5098 5.85255C15.8678 4.70758 14.9467 3.75138 13.8359 3.07671C12.725 2.40205 11.4622 2.03182 10.1698 2.00196C8.8775 1.9721 7.59953 2.28361 6.45991 2.90627C5.3203 3.52894 4.35774 4.44161 3.66562 5.55575C2.97349 6.66989 2.5753 7.94768 2.50967 9.26513C2.44405 10.5826 2.71321 11.895 3.29106 13.075C3.8689 14.255 4.73581 15.2626 5.80767 16" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

a:hover .imgmenu .icon-REPORTES::before, a.ModuloActivo .imgmenu .icon-REPORTES::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 26 26" fill="none"%3E%3Cpath d="M13.7168 1H7.37662C3.45841 1 1 3.77536 1 7.69754V18.2968C1 22.2246 3.44703 25 7.37662 25H18.6234C22.5564 25 25 22.2246 25 18.2968V12.1242" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M5.80005 20.1996L9.64487 16.5996L15.2301 19.8662L19 16.5996" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10.6 12.9998V8.47052M5.80005 12.9998V5.7998" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M25 5.8C25 4.85065 24.7185 3.92262 24.1911 3.13326C23.6636 2.34391 22.914 1.72868 22.0369 1.36538C21.1598 1.00208 20.1947 0.907024 19.2636 1.09223C18.3325 1.27744 17.4772 1.7346 16.8059 2.40589C16.1346 3.07718 15.6775 3.93246 15.4923 4.86357C15.307 5.79468 15.4021 6.7598 15.7654 7.63688C16.1287 8.51397 16.7439 9.26362 17.5333 9.79106C18.3226 10.3185 19.2507 10.6 20.2 10.6C21.4731 10.6 22.694 10.0943 23.5941 9.19411C24.4943 8.29394 25 7.07304 25 5.8Z" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M20.2 1V5.28439C20.2 5.42114 20.2542 5.55229 20.3509 5.64898C20.4475 5.74568 20.5786 5.8 20.7153 5.8H25" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

a:hover .imgmenu .icon-check::before, a.ModuloActivo .imgmenu .icon-check::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M22.7 15.4297C22.7 19.0109 20.4359 21.1 16.5547 21.1H8.14532C4.26406 21.1 2 19.0109 2 15.4297V7.67031C2 4.08906 3.40156 2 7.28282 2H9.43907C10.1938 2 10.9484 2.29844 11.3797 2.89531L12.35 4.08906C12.7813 4.68594 13.5359 4.98437 14.2906 4.98437H17.3094C21.1906 4.98437 22.5922 6.775 22.5922 10.4557L22.7 15.4297Z" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.60632 14.1367H17.0938" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

a:hover .imgmenu .IconMenu_Tramites::before, a.ModuloActivo .imgmenu .IconMenu_Tramites::before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M22.7 15.4297C22.7 19.0109 20.4359 21.1 16.5547 21.1H8.14532C4.26406 21.1 2 19.0109 2 15.4297V7.67031C2 4.08906 3.40156 2 7.28282 2H9.43907C10.1938 2 10.9484 2.29844 11.3797 2.89531L12.35 4.08906C12.7813 4.68594 13.5359 4.98437 14.2906 4.98437H17.3094C21.1906 4.98437 22.5922 6.775 22.5922 10.4557L22.7 15.4297Z" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M7.60632 14.1367H17.0938" stroke="%23FFFDFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') !important;
}

a:hover .imgmenu .IconMenu_Polizas::before, a.ModuloActivo .imgmenu .IconMenu_Polizas::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.9135 17.1237H13.2045C14.1259 17.1237 14.8702 16.4612 14.8702 15.5398C14.8702 14.7731 14.3526 14.1612 13.6093 13.9743C12.5459 13.7078 11.4854 13.4986 10.3762 13.5258C8.61814 13.5677 7.38835 14.5484 5.99414 15.4804" stroke="%23F7F5F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9144 17.1526C12.5673 17.0572 13.2318 17.1536 13.8914 17.138C15.4199 17.102 16.6186 15.809 17.7822 14.9333C18.3766 14.4848 19.2095 14.5442 19.7349 15.0725C20.3186 15.6582 20.3186 16.6077 19.7349 17.1935C18.4788 18.4563 17.3677 19.6268 15.6641 20.2893C13.2999 21.2087 11.1059 20.7622 8.71154 20.2893C7.78531 20.1054 6.93205 20.0947 5.99414 20.0947" stroke="%23F7F5F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.82812 20.9989H4.79619C5.53562 20.9989 5.99486 20.4774 5.99486 19.7389V15.4162C5.99486 14.6777 5.53562 14.1562 4.79619 14.1562H3.82812" stroke="%23F7F5F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.2273 10.9586V8.68682C19.2273 8.18479 19.0337 7.70318 18.6864 7.34125L15.0923 3.59741C14.7255 3.21602 14.2196 3.00003 13.6903 3.00003H8.33435C6.40017 2.99225 4.81623 4.53337 4.76953 6.46659V10.9586" stroke="%23F7F5F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.1504 3.05859V5.80032C14.1504 7.13907 15.2333 8.22486 16.571 8.22778H19.1678" stroke="%23F7F5F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.Migajas_pan {
    gap: 5px;
    align-items: center;
}

    .Migajas_pan label {
        font-size: 1rem;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

.font-bold {
    font-weight: 600;
}

.back-card {
    background: white;
    padding: 20px 20px;
    border-radius: 5px;
}

    .back-card .--Titulo {
        font-size: 1.2rem;
        color: #A43164;
        font-weight: 600;
    }

.tabs.stepsWee {
    border: none;
    margin-bottom: 15px;
    height: 70px;
    border-bottom: none !important;
    background: #F7F5F6;
}


    .tabs.stepsWee .tab {
        line-height: normal;
        height: auto;
    }

.stepsWee .tab a {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0px;
    display: flex;
    flex-direction: column;
    line-height: normal;
    padding: 0px !important;
    cursor: pointer;
}

    .stepsWee .tab a label {
        margin-bottom: -1px !important;
        position: relative;
        display: block;
        text-transform: none !important;
    }

    .stepsWee .tab a.active {
        background-color: transparent !important;
        font-weight: 600 !important;
        border-bottom: none !important;
    }

    .stepsWee .tab a .PasoAvance svg {
        position: relative;
        z-index: 2;
    }

    .stepsWee .tab a .PasoAvance > label {
        height: 20px;
    }

    .stepsWee .tab a .PasoAvance::after {
        content: '';
        background: #9F9DAA;
        width: 100%;
        height: 3px;
        position: absolute;
        left: 0px;
        top: 32.5px;
        z-index: 0;
    }

    .stepsWee .tab a.active .PasoAvance::before {
        content: '';
        background: #70C7B7;
        width: 50%;
        height: 3px;
        position: absolute;
        left: 0px;
        top: 32.5px;
        z-index: 1;
    }


.stepsWee .tab.progre a .PasoAvance::before {
    content: '';
    background: #70C7B7;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
    top: 32.5px;
    z-index: 1;
}

.stepsWee .tab a .PasoAvance .Cursorindicador_punto {
    display: none;
    width: 100%;
    text-align: center;
}


.stepsWee .tab a.active .PasoAvance .Cursorindicador_punto {
    display: block;
}

.stepsWee .tab.progre a .PasoAvance .check_Default {
    display: none;
}

.stepsWee .tab.progre a .PasoAvance .check_Pro {
    display: inline-block;
}

.tabsWee3.tabs {
    border-bottom: none !important;
}

.tabsWee3 .tab a {
    padding: 0px 10px;
}

    .tabsWee3 .tab a.active {
        border-bottom: none !important;
    }

        .tabsWee3 .tab a.active label {
            border-radius: 6px !important;
            background: #333A46 !important;
            color: white !important;
            border-bottom: none !important;
            padding: 0px 22px;
            margin: 0px !important;
            height: 35px;
            line-height: 35px;
        }

.ui-widget {
    font-family: 'Poppins' !important;
}

    .ui-widget .ui-widget-header {
        background: white !important;
        border: none !important;
    }

.ui-widget-content {
    color: #353A44 !important;
    border: none !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    border-radius: 10px !important;
    background: white !important;
    padding: 5px 8px 15px 8px;
}


.ui-widget .ui-state-default {
    border: none !important;
    background: white !important;
    text-align: center !important;
    border-radius: 6px !important;
    color: #353A44 !important;
    font-weight: normal;
}

.ui-state-default.ui-state-highlight {
    background: #DEFCF6 !important;
    color: #353A44 !important;
    font-weight: normal !important;
}

.ui-state-default.ui-state-active {
    border: none !important;
    background: #5AB492 !important;
    color: white !important;
    font-weight: normal !important;
}


.ui-widget-header select {
    display: inline-block !important;
    background-position: calc(100% - 8px) 12px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" viewBox="0 0 18 13" fill="none"%3E%3Cpath d="M2 2L8.77406 10L16 2" stroke="%2370C7B7" stroke-width="3" stroke-linecap="round"/%3E%3C/svg%3E') !important;
    background-repeat: no-repeat !important;
    border: none;
    height: 30px;
    line-height: normal;
    padding-top: 8px;
}


.ui-widget-header .ui-icon {
    background: transparent !important;
}

.ui-widget-header .ui-datepicker-prev,
.ui-widget-header .ui-datepicker-next {
    background: transparent !important;
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-size: 14px !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-datepicker th {
    color: var(--color-primary) !important;
}

.ui-widget-header .ui-datepicker-prev-hover,
.ui-widget-header .ui-datepicker-next-hover {
    border: none !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker-prev-hover {
    top: 15px !important;
    left: 10px !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker-next-hover {
    top: 15px !important;
    right: -2px !important;
    cursor: pointer;
}

.ui-widget-header .ui-datepicker-prev:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 25 25" fill="none"%3E%3Cpath d="M20.7578 0.75H4.75781C2.54867 0.75 0.757812 2.54086 0.757812 4.75V20.75C0.757812 22.9591 2.54867 24.75 4.75781 24.75H20.7578C22.967 24.75 24.7578 22.9591 24.7578 20.75V4.75C24.7578 2.54086 22.967 0.75 20.7578 0.75Z" fill="%2370C7B7"/%3E%3Cpath d="M15.5811 6.74219L8.88105 12.9212L15.5811 19.5122" stroke="white" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}

.ui-widget-header .ui-datepicker-next:before {
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 25 25" fill="none"%3E%3Cpath d="M4.75879 24.75L20.7588 24.75C22.9679 24.75 24.7588 22.9591 24.7588 20.75L24.7588 4.75C24.7588 2.54086 22.9679 0.75 20.7588 0.75L4.75879 0.75C2.54965 0.75 0.758789 2.54086 0.758789 4.75L0.758789 20.75C0.758789 22.9591 2.54965 24.75 4.75879 24.75Z" fill="%2370C7B7"/%3E%3Cpath d="M9.93555 18.7578L16.6355 12.5788L9.93555 5.98781" stroke="white" stroke-width="2" stroke-linecap="round"/%3E%3C/svg%3E');
}

.ui-widget-header .ui-datepicker-prev, .ui-widget-header .ui-datepicker-next {
    top: 12px !important;
}

.ui-datepicker td a, .ui-datepicker td span {
    padding: 0px;
    width: 25px;
    height: 22px;
    line-height: 22px;
}

.ui-widget table.bordered > tbody > tr, table.bordered > thead > tr, thead {
    border-bottom: none !important;
}

.IconoBtnExtra {
    margin-top: 8px;
    float: left;
}

.d-flex {
    display: flex !important;
}

.tabs {
    border-bottom: 3px solid #DEFCF6 !important;
    position: sticky;
    top: 65px;
    z-index: 99;
}

.tab a.active {
    background-color: white !important;
    border-bottom: 6px solid #70C7B7 !important;
    box-shadow: none !important;
    color: #2A403E !important;
    outline: none;
}

a:focus {
    outline: none;
}

.tab a, .tab a label {
    color: #2A403E !important;
    font-weight: normal;
    cursor: pointer;
    text-transform: none;
}

    .tab a.active, .tab a.active label {
        font-weight: 700;
    }

.notFoundData {
    background: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px !important;
    color: #979BA6;
    padding: 75px 25px;
    border-radius: 5px;
}

    .notFoundData label {
        font-size: 18px !important;
        color: #979BA6 !important;
    }

.tabHipervinculo:hover {
    transition: box-shadow .2s;
    background-color: #EDFCF9 !important;
    box-shadow: -2px 0px 0px #70C7B7;
}

    .tabHipervinculo:hover .DelineadoAccion {
        text-decoration: underline;
        cursor: pointer;
        color: #6192E7;
    }

    .tabHipervinculo:hover label.hide {
        display: inline-block !important;
        cursor: pointer !important;
    }

.accionCopiarFolio,.accionCopiarAsegurado {
    color: #333;
}

.tabHipervinculo .accionCopiarFolio svg path, .tabHipervinculo .accionCopiarAsegurado svg path {
    fill: #333;
}

.tabHipervinculo:hover .accionCopiarFolio svg path, .tabHipervinculo:hover .accionCopiarAsegurado svg path {
    fill: #6192E7;
}

#perfDiv {
    border-radius: 0;
    border-style: solid;
    border-color: #f5f5f5;
    position: absolute;
    top: 45px;
    right: 145px;
    width: 220px;
}

    #perfDiv > li {
        padding: 8px 15px;
        width: 100%;
        margin: 0px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

        #perfDiv > li > label {
            margin: 0px;
        }

.IconoMenuGeneral {
    height: 32px !important;
    width: 32px !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
}

    .IconoMenuGeneral.IconoMenu {
        background: #CCFEF6 !important;
        border-radius: 5px !important;
    }

#perfDiv > li:hover {
    background: #E9FDF9 !important;
}

    #perfDiv > li:hover .IconoMenuGeneral.IconoMenu {
        background: #70C7B7 !important;
    }

        #perfDiv > li:hover .IconoMenuGeneral.IconoMenul svg, #perfDiv > li:hover .IconoMenuGeneral.IconoMenu svg path {
            stroke: white !important;
        }


    #perfDiv > li:hover .IconoMenuGeneral.iconoArrow svg, #perfDiv > li:hover .IconoMenuGeneral.iconoArrow svg path {
        fill: #70C7B7 !important;
    }

.IconoConfiguraciones {
    height: 32px !important;
    width: 32px !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    background: #CCFEF6 !important;
    border-radius: 5px !important;
}

.cardConfiguracionModulo {
    display: flex;
    flex-direction: row;
    background: #333A46;
    color: white !important;
    padding: 12px 16px;
    width: 365px;
    border: 7px solid #DCDDDE;
    border-radius: 8px;
    gap: 10px
}

#idModuloUsuario {
    display: none;
}

.cardConfiguracionModulo:hover {
    box-shadow: 3px 3px 14px #49696A !important;
}

.cardConfiguracionModulo .aligitem {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.cardConfiguracionModulo .Titulo_Text {
    color: white;
    padding: 0px;
    margin: 0px;
    margin-bottom: 13px;
    font-size: 18px;
}

[type="checkbox"] + label::before {
    border: 2px solid #70C7B7;
    background: white;
    border-radius: 4px;
    height: 20px;
    width: 20px;
    margin-bottom: 0px;
}

.has-error[type="checkbox"] + label::before {
    border: 2px solid #E40000;
    background: white;
}

[type="checkbox"]:checked + label::before {
    background: transparent;
    border-radius: 0px;
    z-index: 2;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    width: 8px;
    height: 16px;
    top: -1px;
    left: -1px;
}

[type="checkbox"]:checked:not(.filled-in) + label::after {
    border: 0;
    transform: scale(1.1);
    background: #70C7B7;
    border: 2px solid #47B890;
    border-radius: 3px;
}

.checkSecundario[type="checkbox"]:checked:not(.filled-in) + label::after {
    border: 0;
    transform: scale(1.1);
    background: white;
    border: 2px solid #47B890;
    border-radius: 3px;
}

.checkSecundario[type="checkbox"]:checked + label::before {
    border-right: 2px solid #47B890;
    border-bottom: 2px solid #47B890;
}

.switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #47B890;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6.6395 13.1173C6.45817 13.1173 6.27683 13.0479 6.13871 12.9098L3.03975 9.8109C2.76279 9.53394 2.76279 9.0862 3.03975 8.80932C3.31671 8.53236 3.76437 8.53236 4.04133 8.80932L6.6395 11.4075L12.9564 5.09053C13.2334 4.81357 13.681 4.81357 13.958 5.09053C14.235 5.36749 14.235 5.81516 13.958 6.09211L7.14028 12.9098C7.00217 13.0479 6.82083 13.1173 6.6395 13.1173Z" fill="%23F7F5F6" /%3E%3C/svg%3E') !important;
    content: '' !important;
    background-position: 2px 2px;
}

.switch label .lever {
    width: 50px;
    height: 23px;
    background-color: #EEECEE !important;
    border: 0.5px solid #D3D4DC !important;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) !important;
}

.switch label input[type="checkbox"]:checked + .lever::after {
    left: 26px;
}

.switch label .lever::after {
    background-color: #47B890;
    content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"%3E%3Cpath d="M20.75 11C20.75 16.6609 16.1609 21.25 10.5 21.25C4.83908 21.25 0.25 16.6609 0.25 11C0.25 5.33908 4.83908 0.75 10.5 0.75C16.1609 0.75 20.75 5.33908 20.75 11Z" fill="%23353A44" stroke="%23595E6A" stroke-width="0.5"/%3E%3Cpath d="M15.1442 16.8115C14.9891 16.8117 14.8355 16.7813 14.6922 16.7219C14.5489 16.6625 14.4188 16.5754 14.3092 16.4655L5.34525 7.50353C5.12923 7.28096 5.00944 6.98234 5.01175 6.67218C5.01407 6.36203 5.1383 6.06523 5.35763 5.84591C5.57695 5.62659 5.87374 5.50235 6.1839 5.50003C6.49406 5.49772 6.79268 5.61751 7.01525 5.83353L15.9753 14.7945C16.1404 14.9597 16.2528 15.1701 16.2984 15.3992C16.3439 15.6282 16.3205 15.8657 16.2312 16.0815C16.1418 16.2972 15.9905 16.4817 15.7963 16.6114C15.6021 16.7412 15.3738 16.8105 15.1402 16.8105L15.1442 16.8115Z" fill="white"/%3E%3Cpath d="M6.18081 16.8115C5.94726 16.8115 5.71896 16.7422 5.52478 16.6124C5.3306 16.4827 5.17926 16.2982 5.08989 16.0825C5.00052 15.8667 4.97713 15.6292 5.02268 15.4002C5.06824 15.1711 5.18069 14.9607 5.34581 14.7955L14.3098 5.83353C14.5324 5.61751 14.831 5.49772 15.1412 5.50003C15.4513 5.50235 15.7481 5.62659 15.9674 5.84591C16.1868 6.06523 16.311 6.36203 16.3133 6.67218C16.3156 6.98234 16.1958 7.28096 15.9798 7.50353L7.01581 16.4685C6.90605 16.5778 6.77579 16.6644 6.6325 16.7233C6.48922 16.7821 6.33572 16.8121 6.18081 16.8115Z" fill="white"/%3E%3C/svg%3E');
    left: 1px;
    top: 0px;
}

.btnActive {
    display: inline-block;
    margin-right: 15px;
}


    .btnActive input {
        display: none;
    }

        .btnActive input + label {
            border-radius: 100px;
            border: 1px solid #F7F5F6;
            color: #959BA8 !important;
            background: #F7F5F6;
            text-align: center;
            margin: 0px;
            height: 31px !important;
            line-height: 28px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .btnActive input[type="checkbox"] + label {
            border: 1px solid #333A46;
            color: #333A46 !important;
            background: #EEECEE;
        }

        .btnActive input[type="radio"]:checked + label {
            border: 1px solid #17423E;
            color: #343A45 !important;
            background: #D6FDF6;
        }

        .btnActive input[type="checkbox"]:checked + label {
            border: 1px solid #17423E;
            color: #343A45 !important;
            background: #D6FDF6;
        }

        .btnActive input + label::before, .btnActive input + label::after {
            display: none;
        }

.btn-link {
    color: #C20066;
    text-decoration: underline;
    font-size: 14px;
}

.btn.danger {
    background: #A43164;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.btn-link:hover {
    color: #C20066;
    font-weight: 500;
}

.btn.btn-linkError {
    background: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #A43164;
}


.container_select--input .select--imput {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3em;
    max-height: 100px;
    width: 100%;
    height: 34px;
}

.selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em;
    max-width: 5em;
    width: 65px;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 3px;
}

    .selector .selector_btn {
        display: flex;
        align-items: center;
        height: 2.15em;
        color: #24af96;
    }

    .selector .selector_visualizador {
        display: flex;
        align-items: center;
        margin-left: 0.5em;
    }

.select--imput > input[type="text"] {
    width: 100%;
    font-size: 12.5px;
    border: none;
    outline: 0 none;
    color: #555;
    margin-bottom: 0px;
}

.select--imput > input:disabled {
    color: rgba(0,0,0,.26);
    cursor: not-allowed;
}

input[type=text]:focus:not([readonly]) {
    border: none;
    box-shadow: none;
}

.selector_separador {
    background-color: #00554E;
    width: 2px;
    height: 20px;
}

    .selector_separador.focus--dising {
        background-color: #a7e9dd;
    }

.list-items {
    position: relative;
    background-color: #ffff;
    width: 60px;
    padding: 0em;
    margin-top: 0.1em;
    box-shadow: none;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid #ececec;
    border-radius: 4px;
    display: none;
    bottom: 65px;
}

    .list-items .list-items--item {
        display: flex;
        align-items: center;
        padding: 0 1em;
        list-style: none;
        height: 2em;
        cursor: pointer;
        transition: 0.3s;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .list-items .list-items--item:hover {
            background-color: #E9FDF9;
        }

        .list-items .list-items--item .img--drop {
            max-width: 10px;
            margin: auto;
        }

    .list-items.open {
        display: block;
        position: absolute;
        z-index: 999;
    }

.display--none {
    display: none;
}

.InputLadaTelefono {
    width: 30px !important;
    pointer-events: none;
    text-align: right;
}

.img--drop {
    min-width: 20px;
}

.text-error, .iconoInputObligatorio, .has-errorlabel {
    color: #E40000 !important;
    font-size: 12px !important;
}

.container_select--input {
    padding: 0px !important;
}

.has-errorlabel {
    display: none;
}

.has-error > .has-errorlabel {
    display: inline-block;
}

.has-error ~ .has-errorlabel {
    display: inline-block;
}

.mensaje-ErroFix {
    border: 1px solid #E40000;
    border-radius: 4px;
    background: #FEF2F0;
    color: #333A46;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    width: fit-content;
    position: relative;
    margin-bottom: 20px;
    float: right;
}

.ContenedorMensajeError {
    overflow: hidden;
}

.loader-cargador > div {
    max-width: 310px;
    margin: auto;
}

#weeclaims_loaderpincipal {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 99991;
    background: rgba(247, 245, 246, .6);
    display: none;
}

#frmLoad, #divLoad {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 1020;
    background: rgba(247, 245, 246, 1);
}

    #weeclaims_loaderpincipal > div, #divLoad > div {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        #weeclaims_loaderpincipal > div dotlottie-player, #divLoad > div dotlottie-player {
            max-width: 600px;
            padding: 50px;
        }


.sinResultadosTabla {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    font-size: 18px;
    color: #979BA6;
    max-width: 650px;
    margin: auto;
    padding: 30px;
}


.btnAgregar > input + label {
    border-radius: 4px;
    text-align: center;
    margin: 0px;
    height: 31px !important;
    line-height: 28px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border: 1px solid #17423E;
    color: #343A45 !important;
    background: #D6FDF6;
}

.btnAgregar > input[type="checkbox"] + label {
    border-radius: 4px;
    background: #D6FDF6;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    color: #767A84 !important;
}

.btnAgregar > input[type="checkbox"]:checked + label {
    border: 1px solid #F7F5F6;
    color: #959BA8 !important;
    background: #F7F5F6;
}

.btnAgregar > input[type="checkbox"] + label > .AgregarOpcionCheck {
    display: flex;
}

.btnAgregar > input[type="checkbox"]:checked + label > .AgregarOpcionCheck {
    display: none !important;
}


.btnAgregar > input[type="checkbox"] + label > .AgregadoOpcionCheck {
    display: none;
}

.btnAgregar > input[type="checkbox"]:checked + label > .AgregadoOpcionCheck {
    display: flex;
}

.btnAgregar > input + label::before, .btnAgregar > input + label::after {
    display: none;
}

#horario_day, #imgplaca2byhorario {
    background-color: #0081c0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

#imgpendientesbyhorario {
    background: #73baf4;
}

.imgNoPending {
    background-image: var(--img-sin-pendientes);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
    height: 100px;
    margin: auto;
}

.sloganAF {
    display: none;
}

#page-content-wrapper {
    margin-left: auto;
    width: calc(100% - 30px);
}

.--padding-none {
    padding: 0 !important;
}

.sloganAF {
    display: none;
}

.--selected-cover {
    background-image: var(--img-home);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100% + 20px);
}

#msje_welcome, #pendientes_hoy, #imgSinPendientes h4 {
    color: #fff;
}

.thumb {
    display: none !important;
    pointer-events: none;
    opacity: 0;
}

#imgPerfilUserMenu {
    border-radius: 50%;
}



.SubMenulateral {
    display: inline-block;
    width: 210px;
    right: -207px;
    z-index: 999 !important;
    position: absolute;
    top: 0px;
    border-radius: 5px;
    border-style: solid;
    border-color: #f5f5f5;
    background-color: white;
    text-align: left;
    display: none;
}

.tituloSubMenu {
    line-height: normal;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
    margin: 5px 7px;
    border-bottom: 1px solid #353A44;
    width: 102px;
    padding: 0px !important;
}

.sidebar-nav li:hover .SubMenulateral {
    display: inline-block;
}

.SubMenulateral > li {
    padding: 8px 15px;
    width: 100%;
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .SubMenulateral > li > label {
        margin: 0px;
    }


    .SubMenulateral > li:hover {
        background: #E9FDF9 !important;
    }

        .SubMenulateral > li:hover .IconoMenuGeneral.IconoMenu {
            background: #70C7B7 !important;
        }

            .SubMenulateral > li:hover .IconoMenuGeneral.IconoMenul svg, .SubMenulateral > li:hover .IconoMenuGeneral.IconoMenu svg path {
                stroke: white !important;
            }


        .SubMenulateral > li:hover .IconoMenuGeneral.iconoArrow svg, .SubMenulateral > li:hover .IconoMenuGeneral.iconoArrow svg path {
            fill: #70C7B7 !important;
        }

.cardNotificaciones {
    background-color: white;
    width: 370px;
    overflow-y: auto;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 1px;
}

.headerNotificaciones {
    text-align: left;
    padding: 24px !important;
    margin: 0px !important;
    background: white;
    color: #222529 !important;
    font-weight: 700;
    font-size: 17px;
    width: 100%;
    box-shadow: 0px -1px 0px 0px #E4E7EB inset;
    margin-bottom: 0px !important;
    display: flex !important;
    justify-content: space-between;
    position: sticky;
    flex-wrap: wrap;
    top: 0px;
}

.footerNotificaciones {
    position: sticky;
    bottom: 0px;
    background: white;
    margin: 0px !important;
    width: 100%;
    padding: 15px 25px !important;
    border-top: 1px solid #E7E7E7;
    text-align: right;
    text-decoration: underline;
    color: #222529;
    font-size: 12px;
}

.NotificacionBody {
    margin-bottom: 20px !important;
    display: block;
    width: 100%;
    border-bottom: 1px solid #E7E7E7;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-bottom: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 10px;
    border-radius: 4px;
}

    .NotificacionBody:hover {
        background: #333A46;
        color: white !important;
    }

        .NotificacionBody:hover label, .NotificacionBody:hover .bodyFooterNoti {
            color: white !important;
        }

        .NotificacionBody:hover svg path {
            fill: white !important;
        }

    .NotificacionBody > li {
        margin: 0px !important;
        padding: 0px !important;
        margin-bottom: 5px !important;
    }

.contenidoNotificacion {
    display: flex !important;
    justify-content: space-between;
    font-size: 12px;
    color: #5A6474 !important;
    align-items: center;
    padding: 0px !important;
    margin: 0px !important;
}

.bodyheaderNoti {
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.ContenidoNotificaciones {
    margin: 0px !important;
    padding: 15px 25px 0px !important;
    max-height: 40vh;
    overflow: auto;
    width: 100%;
}

.bodyFooterNoti {
    color: #5A6474 !important;
    font-size: 10px;
    display: block;
}

.NotificacionBody.emtyNoti {
    border: none;
    margin-top: 20px !important;
}

    .NotificacionBody.emtyNoti li.ContenedorEmtyIcon {
        width: 100%;
        text-align: center;
        margin-bottom: 20px !important;
        color: #979BA6;
        font-size: 18px;
    }

    .NotificacionBody.emtyNoti:hover {
        background: white;
    }

        .NotificacionBody.emtyNoti:hover svg path {
            fill: black !important;
        }

#idContenidoNotificacionesAll {
    display: none;
}

.cardContenidoAllNoti {
    position: fixed;
    right: 0px;
    height: 100vh;
    top: 0px;
    background: rgba(52, 58, 69, 0.26);
    width: 100%;
    display: flex;
    justify-content: end;
}

    .cardContenidoAllNoti .cardNotificaciones {
    }

    .cardContenidoAllNoti .ContenidoNotificaciones {
        max-height: 100% !important;
    }

.iconoCloseAllNoti {
    margin-right: 35px !important;
}

.labelMarcarLeidas {
    width: 100%;
    display: block;
    color: #222529 !important;
    font-weight: normal;
    text-decoration: underline;
    margin-bottom: 0px;
    cursor: pointer;
}

.file-upload-container {
    width: 100%;
}

.file-upload h5 {
    color: var(--Accent, #C20066);
    color: var(--Accent, color(display-p3 0.6431 0.1922 0.3922));
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.file-upload-content {
    width: 100%;
}

.file-upload-wrapper .file-upload-body {
    margin-bottom: -5px;
}

    .file-upload-wrapper .file-upload-body p.file-upload-description {
        color: var(--Secondary, #333A46);
        color: var(--Secondary, color(display-p3 0.2078 0.2275 0.2667));
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

        .file-upload-wrapper .file-upload-body p.file-upload-description a {
            color: var(--Primary, color(display-p3 0.4392 0.7804 0.7176));
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-decoration-line: underline;
        }

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 123px;
    border: 2px dashed #C20066;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    background-color: #f9f9f9;
}

    .file-upload-wrapper:hover {
        background-color: #f1f1f1;
    }

    .file-upload-wrapper input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .file-upload-wrapper .file-upload-content .file-name {
        margin-top: 10px;
        font-size: 14px;
        color: #333;
        margin-left: 22px;
    }

.progress-wrapper {
    width: 90%;
    height: 30px;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
    display: none;
    margin-top: 10px;
    margin: auto;
}

.progress-bar {
    height: 100%;
    background-color: #C20066;
    width: 0;
    transition: width 0.4s ease;
}

    .progress-bar span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        color: white;
        font-weight: bold;
    }

.update_file {
    color: var(--Accent, #C20066);
    color: var(--Accent, color(display-p3 0.6431 0.1922 0.3922));
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    cursor: pointer;
}

.alineadoCenterEvaluar {
    text-align: center;
}

.p-relative {
    position: relative !important;
}

.container__selectidioma {
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid #ececec;
    padding: 0 .5rem;
    border-radius: 8px;
    max-width: 100px;
    margin: auto;
    background: white;
    float: right;
}

.container__selectidiomaInicio {
    display: flex;
    align-items: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid #ececec;
    padding: 0 .5rem;
    border-radius: 8px;
    max-width: 100px;
    margin: auto;
    background: white;
}

.iccon_traduccion {
    width: 30px;
    height: 20px;
}

.selectLangAccionConfiguracion {
    background-position: calc(124% - 10px) 14px;
    box-shadow: none !important;
    border: none !important;
    margin-left: 5px;
}

.btn-inicio {
    margin-top: 1rem !important;
}

.ResponsivoAlparecerInf {
    margin-left: 20px;
}

.fontsize-14px {
    font-size: 14px;
}

.fontsize-16px {
    font-size: 16px;
}

.fontsize-26px {
    font-size: 26px;
}

.center-vertical {
    align-items: center;
    display: flex;
}

.font-bold500 {
    font-weight: 500;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-start {
    justify-content: start !important;
}

.align-items-center {
    align-items: center !important;
}

.separador-hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #353A44;
}

.color-text-353A44 {
    color: #353A44 !important;
}

.w-150px-marginauto {
    max-width: 350px;
    margin: auto;
}

.w-100px-marginauto {
    width: 150px;
    margin: auto;
}

input:disabled, select:disabled {
    background: #EEECEE !important;
    color: #767676 !important;
}

.--input-withIcono {
    position: relative;
}

    .--input-withIcono.disabled, .select--imput.disabled {
        background: #EEECEE !important;
        color: #767676 !important;
        pointer-events:none;
    }

.placeholder-text {
    width: contain;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading-placeholder-text 1.5s infinite;
    border-radius: 5px;
    min-width: 125px;
    max-width: fit-content;
    display: inline-block;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.tooltip-inner {
    max-width: 200px;
    padding: 5px 12px;
    color: #353A44;
    text-align: center;
    background-color: #2FC5A9;
    border-radius: 4px;
    border: 1px solid #FFF;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2FC5A9;
}

@keyframes loading-placeholder-text {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.form-check.d-inline-block {
    margin-right:10px;
}

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    padding-left: 25px;
}

.swal-text.Formato_inputs {
    width: 100%;
}

.pagination-buttons {
    display: flex;
    gap: 8px;
}

.pagination-controls button:disabled {
    border: 1px solid #CFD3DE;
    color: #B0B4BF;
}