:root {
--color-cy-morado: #2F3383;
--color-cy-morado-web: #2F3383;
--color-cy-azul: #1D618E;
--color-cy-gris: #c4c4c4;
--color-cy-magenta: #63329C;
--color-cy-blanco: #ffffff;
--color-cy-gris-oscuro: #333333;
--color-cy-disabled: #e9ecef;
}
body{
    background: var(--color-cy-gris);
    font-size: 13px;
    font-family: roboto,sans-serif!important;
    line-height: 24px!important;
    color: #727272!important;
}
.font-roboto{
    font-family: roboto,sans-serif!important;
}
.font-80{
    font-size: 80px !important;
}

.splide{
  visibility: visible !important;
}

.bg-morado{
    background: var(--color-cy-morado-web) !important;
}
.bg-morado-web{
    background: var(--color-cy-morado-web) !important;
}
.bg-magenta{
    background: var(--color-cy-magenta) !important;
}
.bg-blanco{
    background: var(--color-cy-blanco);
}
.bg-gris{
    background: var(--color-cy-gris);
}
.bg-gris-o{
    background:rgb(198, 198, 198, 0.5);
}
.mt-30{
    margin-top: 32% ;
}
.mb-30i{
    margin-bottom: 0 !important;
}
.color-morado-cy{
    color: var(--color-cy-morado-web);
}
.color-morado-web-cy{
    color: var(--color-cy-morado-web) !important;
}
.color-gris-cy{
    color: var(--color-cy-gris) !important;
}
.color-gris-oscuro-cy{
    color: var(--color-cy-gris-oscuro) !important;
}
.border-morado{
    border: 1px solid var(--color-cy-morado-web);
}
.content-logo-inicio-cy{
    display: flex;
    align-items: center;
    border: 1px solid var(--color-cy-morado-web);
    border-radius: 50px;
    /* width: 80%; */
}
.logo-inicio-cy{
    background: var(--color-cy-morado-web);
    padding: 15px;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: block;
}
.logo-inicio-cy i{
    font-size: 100% !important;
}
.text-inicio-cy{
    padding-left: 10px;
    font-weight: 600;
    color: var(--color-cy-gris-oscuro);
    text-transform: uppercase;
}
.btn{
    font-family: roboto,sans-serif!important;
}
.btn-pd{
    padding: 12px 0px!important;
}
.span-logo{
    background: var(--color-cy-morado-web);
    padding: 5px;
    border-radius: 50%;
    height: 100%;
}
.card-style-cy{
    overflow: hidden;
    margin: 0 15px 30px;
    border-radius: 20px;
    border: none;
    box-shadow: none;
}
.card-cy{
    background: var(--color-cy-blanco);
    border-radius: 0 0 40px 40px !important;
}
.card-v2-cy{
    background: var(--color-cy-blanco);
    border-radius: 40px 40px 0 0 !important;
}
.btn-lineal-cy{
    background: transparent !important;
    border: 2px solid var(--color-cy-morado-web) !important;
    border-radius: 13px !important;
    color: var(--color-cy-morado-web);
    margin-left: 10px !important;
}
.btn-lineal-gris-cy{
    background: transparent !important;
    border: 1px solid var(--color-cy-gris) !important;
    border-radius: 10px !important;
    color: var(--color-cy-gris-oscuro);
}
.btn-block-cy{
    background: var(--color-cy-morado-web) !important;
    border: none;
    border-radius: 15px !important;
    color: var(--color-cy-blanco);
}
.btn-block-small-cy{
    background: var(--color-cy-morado-web) !important;
    border: none;
    border-radius: 10px !important;
    color: var(--color-cy-blanco);
    font-size: 10pt;
}
.logo-shop{
    padding: 2rem;
    border-radius: 25px;
    align-items: center;
    display: inline-grid;
    text-align: center;
    background: var(--color-cy-blanco);
    color: var(--color-cy-morado-web);
}
.logo-shop span i{
    font-size: xx-large !important;
}
#footer-bar{
    background: var(--color-cy-morado-web);
    color: var(--color-cy-blanco);
    align-items: center;
}
#footer-bar a i{
    color: var(--color-cy-blanco);
    opacity: 1;
}
.card-footer-cy{
    bottom: 0;
    margin-bottom: 0;
    position: fixed;
    width: 100%;
}
.items-right{
    display: grid;
    align-content: center;
}
.menu-title-cy{
    position: relative;
}
.menu-title-c h1{
    font-weight: 700;
}
.menu-title-cy p a{
    color: var(--color-cy-gris-oscuro);
    opacity: 0.8;
    font-size: 10pt;
}
.p-gris-cy{
    margin: 0 !important;
    color: var(--color-cy-gris-oscuro);
    opacity: 0.8;
}
.theme-light{
    background: var(--color-cy-blanco);
}
.theme-light #preloader{
    background: var(--color-cy-morado-web);
}
.mt-50{
    margin-top: 80%;
}
.btn-back-cy{
    margin-left: 13.3333333333px !important;
    margin-right: 0 !important;
}
.items-center{
    align-items: center;
}
.btn:hover{
    color: var(--color-cy-blanco) !important;
}
.btn-splash:hover{
    color: var(--color-cy-morado) !important;
}
.select-disabled-cy{
    background: var(--color-cy-disabled) !important;
}
.text-right-cy{
    text-align: right !important;
}
.text-left-cy{
    text-align: left !important;
}
.border-btn-info{
    background: #fff;
    border: none;
    border-radius: 10px;
}
.border-btn-info{
    background: #fff;
    border: none;
    border-radius: 10px;
}
.w-table{
    width: 100%;
    display: inline-table;
}
.splide__list_crediya{
    width: 100% !important;
}
.d-flex-crediya{
    display: flex!important;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: row;
}
.position-cy{
    right: 0;
    position: absolute;
}
.pr-10{
    padding-right: 15px;
}
.input-style label{
    opacity: 1;
    left: -15px !important;
    /* transform: translateX(-14px) !important; */
    position: absolute;
    padding: 0 8px !important;
    height: 23px;
    font-size: 12px;
    /* transition: all 250ms ease; */
    background-color: #fff;
    color: #2F3383 !important;
    border-radius: 5px;;
}
.show-pass{
    margin-right: 3rem;
    right: 0;
    position: absolute;
    top: 1.8rem;
    color: #2F3383;
    text-decoration: none !important;
    z-index: 1;
    font-size: 14px;
}
.form-control::placeholder{
    color: #333;
}
.form-control{
    font-weight: 500;
}
.border-frm-conf{
    border: 2px solid #2f3383 !important;
    background: #e7e7e7 !important;
    color: #2f3383 !important;
    font-weight: 900 !important;
}
.btn-foto{
    position: absolute !important;
    margin-left: 66px !important;
    display: block !important;
    margin-top: -23px !important;
    border-radius: 50% !important;
    background: #fff !important;
    /*border: none !important;*/
    font-size: 12px !important;
}
.btn-foto i{
    width: 100% !important;
    padding: 5px 0px 0px 0px;
    /*height: 20px;
    margin: 0 !important; 
    padding: 0px !important;*/
}
.foto-cliente{
    position: relative;
    display: block;
    margin: 10px auto;
}
.wh-100px{
    width: 100px !important;
    height: 100px !important;
    align-items: center;
    display: flex;
}
.cont-btn-camara{
    bottom: 0 !important;
    position: absolute !important;
    margin-left: auto !important;
    width: 100% !important;
}
.cont-btn-camara > button{
    position: relative !important;
    z-index: 1 !important;
}
.max-iframe{
    height: 100% !important;
    max-height: 100% !important;
}
.cat-user-m{
    background: #2f3383;
    padding: 8px 13px;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
}
.bg-highlight-rf{
    background: #28689b !important;
}