.right-0 {
    right: 0 !important;
}

.t-4 {
    top: -4px !important;
}
/*Width*/
.w-150 {
    width: 150% !important;
}

.width-auto {
    width: auto !important;
}

.w-35r {
    width: 35rem !important;
}

.w-100 {
    width: 100% !important;
}

.w-80 {
    width: 80% !important;
}

.min-w-18 {
    min-width: 18rem !important;
}

.w-95 {
    width: 95% !important;
}

.w-103 {
    width: 103% !important;
}

.h-90 {
    height: 90% !important;
}

.h-100 {
    height: 100% !important;
}

.h-fit-cont {
    height: fit-content !important;
}

.wh-100 {
    width: 100% !important;
    height: 100% !important;
}

.wh-2r {
    width: 2rem !important;
    height: 2rem !important;
}

.w-90 {
    width: 90% !important;
}
.w-88 {
    width: 88% !important;
}
.w-70 {
    width: 70% !important;
}

.w-33 {
    width: 33% !important;
}

.w-15 {
    width: 15% !important;
}
.w-15rem {
    width: 15rem !important;
}
.w-logo {
    width: 15rem !important;
}
#logo {
    width: 15rem !important;
}
@media (max-width: 1400px) {
    .ms-med-5 {
        margin-left: 0 !important;
    }
}

.width-height-auto {
    width: auto !important;
    height: auto !important;
}

.form-login {
    width: 86% !important;
}
.w-30rem {
    width: 30rem;
}
.w-17 {
    width: 17.4% !important;
}
.img-chev {
    width: 16px;
    height: 24px;
}
.img-chev:hover,
.img-chev:focus {
    width: 16px;
    height: 24px;
    color: #50557b;
}

.img-cross {
    width: 24px;
    height: 24px;
}

.img-fondo-smile {
    padding: 0.7rem !important;
    animation-iteration-count: infinite !important;
}

.top-02 {
    top: 0.2rem !important;
}

#logo-pie {
    height: 4rem !important;
    width: 10rem !important;
}

.float-r {
    float: right !important;
}
.float-l {
    float: left !important;
}

.btn-options {
    color: #fff !important;
    background: #1e1e34 !important;
    transform: rotate(90deg);
}
.rotar90 {
    transform: rotate(90deg);
}
.rotar_90 {
    transform: rotate(-90deg);
}
.btn-options:hover,
.btn-options:focus {
    color: #1e1e34 !important;
    background: #fff !important;
    border: #1e1e34 solid 1px !important;
}

.menu-desplegable {
    border-radius: 2rem !important;
}
/*Height*/

/*Margin*/
.mr-20 {
    margin-right: 20rem;
}
.mb-estado {
    margin-bottom: 4rem !important;
}

.mb-015 {
    margin-bottom: 0.15rem !important;
}

.ml-136 {
    margin-left: 13.6rem !important;
}
.ml_35 {
    margin-left: -3.5rem !important;
}
.ml_-2 {
    margin-left: -2rem !important;
}
.ml_3 {
    margin-bottom: -3rem !important;
}
.ml_02 {
    margin-left: 2rem !important;
}
.mt-01 {
    margin-top: -1px !important;
}

.me_-1 {
    margin-right: -1rem !important;
}

.mb-25 {
    margin-bottom: 2.5rem !important;
}
.mb-13 {
    margin-bottom: 1.3rem !important;
}

.mb-57 {
    margin-bottom: 5.7rem !important;
}

.mb-2r {
    margin-bottom: 2rem !important;
}

.mt-10percent {
    margin-top: 10% !important;
}

.ml-37 {
    margin-left: 37% !important;
}

.mx-075 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}
.ms-075 {
    margin-left: 0.75rem !important;
}
.me-075 {
    margin-right: 0.75rem !important;
}

.mt_07 {
    margin-top: -0.7rem !important;
}
.mt-45 {
    margin-top: 4.5rem !important;
}
.ml146 {
    margin-left: 12rem !important;
}
.mt12 {
    margin-top: 0.2rem !important;
}
.mt-30 {
    margin-top: 30% !important;
}

.mt-20 {
    margin-top: 20% !important;
}

.margen-ubi-lista {
    margin: 0.25rem 0.25rem 0.25rem 0 !important;
}

@media (min-width: 768px) {
    .ms-md-9 {
        margin-left: 17.5rem !important;
    }
}

/*Padding*/

.pt-2r {
    padding-top: 2rem !important;
}

.p-05 {
    padding: 0.5rem !important;
}

.pb-28 {
    padding-bottom: 2.8rem !important;
}

.pl-75 {
    padding-left: 0.75rem !important;
}

.p-01 {
    padding: 0.1rem !important;
}

.pe-225 {
    padding-right: 2.25rem !important;
    padding-left: 0.1rem !important;
}

.p-0-1 {
    padding: 0 1rem !important;
}

.py-075 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.p-015{
    padding: 0.15rem !important;
}
.miguitas {
    border-radius: 0.65rem !important;
    padding: 0.5rem !important;
}
/*Border*/
.br-3 {
    border-radius: 3rem !important;
}

.br-2 {
    border-radius: 2rem !important;
}

.br-13 {
    border-radius: 1.3rem !important;
}

.br-1 {
    border-radius: 1rem !important;
}

.br-05 {
    border-radius: 0.5rem !important;
}

.br-5 {
    border-radius: 5rem !important;
}

.br15 {
    border-radius: 1.5rem !important;
}
.borde-black {
    border: 1px solid #1e1e34 !important;
}
.borde-50557B {
    border: 1px solid #50557B !important;
}



.borde-azul-oscuro {
    border-top: 3px solid #50557B !important;
}
.borde-gris-claro {
    border: 2px solid #8389bc !important;
}
.borde-gris-claro1 {
    border: 1px solid #8389bc !important;
}
.borde-white{
    border: 1px solid #fff !important;
}
.borde-gris {
    border-left: 8px solid #dde0f9 !important;
}
.borde-verde {
    border-left: 8px solid #00890e !important;
}
.borde-rojo {
    border-left: 8px solid #c22b37 !important;
}
.borde-naranja {
    border-left: 8px solid #fd9a62 !important;
}

.br-gris {
    border: 0.5rem solid #dde0f9 !important;
}
.br-gris-1px {
    border: 1px solid #dde0f9 !important;
}
.br-verde {
    border: 0.5rem solid #00890e !important;
}
.br-verde-01 {
    border: 0.1rem solid #00890e !important;
}
.br-naranja-01 {
    border: 0.1rem solid #FF9B62 !important;
}
.br-rojo-01 {
    border: 0.1rem solid #C22B37 !important;
}
.br-rojo {
    border: 0.5rem solid #c22b37 !important;
}
.br-naranja {
    border: 0.5rem solid #FF9B62 !important;
}
.box-shadow-1 {
    box-shadow: 0 2px 2px #2c2c2c !important;
}
.borde-grisclaro {
    border: 1px solid #50557b;
}

.no-shadow {
    box-shadow: 0 0 0 transparent !important;
}

.bc-2c {
    background-color: #2c2c2c !important;
}

.borde-superior {
    border-top-right-radius: 1.5rem !important;
    border-top-left-radius: 1.5rem !important;
}
.sinborde {
    border: 0 !important;
}

.sin_redondeo {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.bi-none {
    background-image: none !important;
}

/*Position*/
.left-16 {
    left: 16.666667%;;
}
.left-66 {
    left: 66.666667%;
}

/*Text Size*/
.fs-xl {
    font-size: x-large;
}
.font-bold {
    font-weight: bold;
}
.fs-15 {
    font-size: 1.5rem !important;
}

.fs-24px {
    font-size: 24px !important;
}

.fs-13 {
    font-size: 1.3rem;
}
.fs-12 {
    font-size: 1.2rem !important;
}
.fs-11 {
    font-size: 1.1rem !important;
}
.fs-1r {
    font-size: 1rem;
}

.fs-08 {
    font-size: 0.8rem;
}

.fs-2 {
    font-size: 2rem !important;
}
.fs-l {
    font-size: large;
}
.fs-m {
    font-size: medium;
}
.td-none {
    text-decoration: none !important;
}

/*Centrar*/
.dis-jus-ali {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dis-jusleft-ali {
    display: flex;
    justify-content: left;
    align-items: center;
}
.js-l {
    justify-content: left !important;
}
.js-c {
    justify-content: center !important;
}
.display-none {
    display: none !important;
}

/*Colores*/

.color-links {
    color: #1e1e34;
}
.color-green {
    color: #008a0e;
}

.color-50557b {
    color: #50557B !important;
}

.color-azul-claro {
    color: #dde0f9 !important;
}

.color-black {
    color: #1e1e34 !important;
    opacity: 1;
}

.color-red {
    color: #E9727B !important;
}

.bg-red {
    background-color: #E9727B !important;
}

.fixed-right {
    position: fixed;
    top: 0;
    right: 10rem;
    left: 0;
    z-index: 1030;
}
.color-hover-white:hover, .color-hover-white:focus {
    color: #dde0f9 !important;
}
.color-hover-red:hover, .color-hover-red:focus {
    color: #e33636 !important;
}

.color-hover-green:hover, .color-hover-green:focus {
    color: #008A0E !important;
}

.color-hover-blue:hover, .color-hover-blue:focus {
    color: #26158f !important;
}
.color-hover-black:hover, .color-hover-black:focus {
    color: #1e1e34 !important;
    background-color: #dde0f9 !important;
}

.color-reuniones {
    color: #51557c !important;
}



.contenedor-info {
    min-width: 16rem;
    z-index: 1000;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #fff !important;
    text-align: left;
    list-style: none;
    background-color: #414141 !important;
    background-clip: padding-box;
    border: 2px solid #E9727B !important;
    border-radius: 1.5rem !important;
}

.contenedor-info-gris {
    min-width: 16rem;
    z-index: 1000;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #fff !important;
    text-align: left;
    list-style: none;
    background-color: #414141 !important;
    background-clip: padding-box;
    border: 2px solid #E9727B !important;
    border-radius: 1.5rem !important;
}

.contenedor-info2 {
    min-width: 16rem;
    z-index: 1000;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #fff !important;
    text-align: left;
    list-style: none;
    background-color: #414141 !important;
    background-clip: padding-box;
    border: 0px solid #E9727B !important;
    border-radius: 0rem !important;
}

.bci-none {
    background-image: unset !important;
}

.btn-reunionesFinalizadas {
    color: #1e1e34 !important;
    background-color: #fff !important;
    border: 1px solid #1e1e34 !important;
}
.btn-reunionesFinalizadas:hover, .btn-reunionesFinalizadas:focus {
    color: #fff !important;
    background-color: #1e1e34 !important;
    border: 1px solid #1e1e34 !important;
}

.btn-reunionesFinalizadas span2 {
    transition-duration: 0.5s;
    background: url("/images/trophy-black.svg") no-repeat !important;

}
.btn-reunionesFinalizadas:hover span2,
.btn-reunionesFinalizadas:focus span2 {
    transition-duration: 0.5s;
    background: url("/images/trophy-white.svg") no-repeat !important;
}

.reuniones-finalizadas {
    width: 36px !important;
    height: 36px !important;
    margin-right: 0.5rem !important;
}

.btn-invitar-participantes-admision {
    color: #fff !important;
    background-color: #1e1e34 !important;
    border: 1px solid #fff !important;
}

.btn-invitar-participantes-admision:hover,
.btn-invitar-participantes-admision:focus {
    color: #1e1e34 !important;
    background-color: #dde0f9 !important;
    border: 1px solid #1e1e34 !important;
}

.btn-crear-reunion-inicio {
    color: #fff !important;
    background-color: #1e1e34 !important;
    border: 1px solid #fff !important;
}
.btn-crear-reunion-inicio:hover,
.btn-crear-reunion-inicio:focus {
    color: #1e1e34 !important;
    background-color: #dde0f9 !important;
    border: 1px solid #1e1e34 !important;
}

/* */
.btn-crear-reunion-inicio span2 {
    transition-duration: 0.5s;
    background: url("/images/add_circle_outline.svg") no-repeat !important;

}
.btn-crear-reunion-inicio:hover span2,
.btn-crear-reunion-inicio:focus span2 {
    transition-duration: 0.5s;
    background: url("/images/add_circle_outline_black.svg") no-repeat !important;
}

.crear-reunion {
    width: 36px !important;
    height: 36px !important;
    margin-right: 0.5rem !important;
}

.btn-participantes-nueva-reunion {
    color: #fff !important;
    background-color: #1e1e34 !important;
    border: 0 solid #fff !important;
}
.btn-participantes-nueva-reunion:hover,
.btn-participantes-nueva-reunion:focus {
    color: #1e1e34 !important;
    background-color: #fff !important;
    border: 1px solid #1e1e34 !important;
}

.left-0 {
    left: 0 !important;
}
.right-auto {
    right: auto !important;
}

.top-165 {
    top: 165% !important;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
    color: #545981;
}

@media (min-width: 75rem) {
    .navbar-nav .nav-item .nav-link:hover:after, .navbar-nav .nav-item .nav-link:active:after, .navbar-nav .nav-item .nav-link:focus:after, .navbar-nav .nav-item .nav-link.active:after {
        content: "";
        height: 8px;
        width: 100%;
        position: absolute;
        background-color: #545981;
        top: 3.8rem;
        left: 0;
        border-radius: 8px;
    }
}

.sala, .asistente {
    color: #1E1E34;
}

.inv-pendiente {
    background-color: transparent;
    color: #1E1E34;
}

.inv-aceptada {
    background-color: transparent;
    color: #1E1E34;
}

.inv-rechazada {
    background-color: transparent;
    color: #1E1E34;
}

/*hover = mismo color pero sin hover distinto color*/
.btn-aceptar-asistencia {
    color: #1e1e34 !important;
    background-color: #fff !important;
    border: 1px solid #39961c !important;
}

.btn-aceptar-asistencia:hover,
.btn-aceptar-asistencia:focus {
    color: #fff !important;
    background-color: #39961c !important;
    border: 1px solid #39961c !important;
}

.btn-aceptar-asistencia i {
    transition-duration: 0.5s;
    color: #39961c !important;
}

.btn-aceptar-asistencia:hover i,
.btn-aceptar-asistencia:focus i {
    transition-duration: 0.5s;
    color: #fff !important;
}

/*hover = mismo color pero sin hover distinto color*/
.btn-rechazar-asistencia {
    color: #1e1e34 !important;
    background-color: #fff !important;
    border: 1px solid #ba2934 !important;
}

.btn-rechazar-asistencia:hover, .btn-rechazar-asistencia:focus {
    color: #fff !important;
    background-color: #ba2934 !important;
    border: 1px solid #ba2934 !important;
}

.btn-rechazar-asistencia i {
    transition-duration: 0.5s;
    color: #ba2934 !important;
}
.btn-rechazar-asistencia:hover i,
.btn-rechazar-asistencia:focus i {
    transition-duration: 0.5s;
    color: #fff !important;
}

.btn-eliminar-terminar-reunion {
    color: #ba2934 !important;
    background-color: #fff !important;
    border: 1px solid #ba2934 !important;
}
.btn-eliminar-terminar-reunion:hover, .btn-eliminar-terminar-reunion:focus {
    color: #fff !important;
    background-color: #ba2934 !important;
    border: 1px solid #ba2934 !important;
}

.btns-blanco-negro {
    color: #1e1e35 !important;
    background-color: #fff !important;
    border: 1px solid #1e1e35 !important;
}
.btns-blanco-negro:hover, .btns-blanco-negro:focus {
    color: #fff !important;
    background-color: #1e1e35 !important;
    border: 1px solid #1e1e35 !important;
}

.btn-unirse-ahora {
    background: #DDE0F9 !important;
    color: #1e1e34 !important;
    border: 1px solid #DDE0F9 !important;
    border-radius: 3rem !important;
}

.btn-unirse-ahora:hover, .btn-unirse-ahora:focus {
    background: #1e1e34 !important;
    color: #DDE0F9 !important;
    border: 1px solid #1e1e34 !important;
    border-radius: 3rem !important;
}

.button-primary-sm {
    background: #2A3ACC;
    color: #fff;
    border: 1px solid #2A3ACC;
    border-radius: 3rem !important;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #50557B;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #1e1e34;
    background-color: #fff;
}

.icon-btn-rc.option {
    background: #414141 !important;
    color: #fff !important;
}


.icon-btn-rc.option:hover {
    background: #fff !important;
    color: #414141 !important;
    opacity: 1 !important;
    border: 1px solid #414141 !important;
}

header#header-reunion .btn-group .btn.rojo.active, footer#footer-reunion .btn-group .btn.rojo.active {
    background: #000000 !important;
    color: #fff;
}

header#header-reunion .btn-group .btn.rojo, footer#footer-reunion .btn-group .btn.rojo {
    background: #8389BC;
    color: #000000;
}

@media (min-width: 62rem) {
    header#header-reunion .btn-group .btn.rojo:hover, footer#footer-reunion .btn-group .btn.rojo:hover {
    background: #8389BC;
    color: #000000;
}
}


.color-grey {
    color: #303044;
}
.color-greycasi {
    color: #3c3c53;
}

.color-greyclaro {
    color: #50557b;
}

.color-white {
    color: #ffffff !important;
}

.color-white:focus {
    color: #ffffff !important;
}

.color-blue {
    color: #dde0f9 !important;
}
.color-errores-gris {
    color: #8489be;
}
.bc-no {
    background-color: transparent !important;
}
.bc-white {
    background-color: #ffffff !important;
}
.bc-green {
    background-color: #008a0e;
}

.bc-black {
    background-color: #1e1e34 !important;
}
.background-black {
    background-color: #1e1e34 !important;
}
.bc-blue {
    background-color: #dde0f9 !important;
}

.bc-grey {
    background-color: #303044;
}
.bc-greyclaro {
    background-color: #50557b;
}
.bc-hover-blueclaro:hover {
    background-color: #dde0f9 !important;
}
.bc-filter:hover, .bc-filter:focus {
    background-color: #dde0f9 !important;
}
.bc-filter:hover option, .bc-filter:focus option {
    background-color: #ffffff !important;
}

.bc-26 {
    background-color: #262626 !important;
}

.btn-submit {
    background-color: #1e1e34 !important;
    color: #ffffff !important;
    border: 1px solid #1e1e34 !important;
}
.btn-submit:hover, .btn-submit:focus {
    background-color: #ffffff !important;
    color: #1e1e34 !important;
    border: 1px solid #1e1e34 !important;
}

.btn-seleccionar {
    background-color: #1e1e34 !important;
    color: #ffffff !important;
    border: 1px solid #1e1e34 !important;
}

.btn-seleccionar:hover, .btn-seleccionar:focus {
    background-color: #ffffff !important;
    color: #1e1e34 !important;
    border: 1px solid #1e1e34 !important;
}

.btn-seleccionar-nueva-reunion {
    background-color: #DDE0F9 !important;
    color: #1e1e34 !important;
    border: 0 solid #1e1e34 !important;
}

.btn-seleccionar-nueva-reunion:hover, .btn-seleccionar-nueva-reunion:focus {
    background-color: #50557B !important;
    color: #fff !important;
    border: 0 solid #1e1e34 !important;
}

@media (min-width: 62rem) {
    .btn-seleccionar2 {
        width: 10.778rem;
    }
}

.li-info {
    color: #fff !important;
    background-color: transparent !important;
}

.li-info:hover, .li-info:focus {
    color: #dde0f9 !important;
}



.box-shadow-red {
    /*box-shadow: 0px 0px 12px 2px #e8727b;*/
    border: 3px solid #e8727b !important;
    border-radius: 1.5rem !important;
    box-shadow: none !important;
}
.box-shadow-greyclaro {
    /*box-shadow: 0px 0px 12px 2px #8389bc;*/
    border: 3px solid #8389bc !important;
    border-radius: 1.5rem !important;
    box-shadow: none !important;
}
.box-shadow-grey {
    /*box-shadow: 0px 0px 12px 2px #50557b;*/
    border: 3px solid #50557b !important;
    border-radius: 1.5rem !important;
    box-shadow: none !important;
}
.box-shadow-redfuerte {
    /*box-shadow: 0px 0px 12px 2px #c22b37;*/
    border: 3px solid #c22b37 !important;
    border-radius: 1.5rem !important;
    box-shadow: none !important;
}

/*Login*/
.form-back {
    background-color: #dde0f9;
    border-radius: 3rem;
    margin-bottom: 2rem;
}

.btn-border-radius {
    border-radius: 5rem;
    background-color: #1e1e34;
    border: 0;
}

.btn-create-acount {
    border-radius: 3rem;
    border: 0;
    padding: 0.5rem;
    background-color: #50557b;
    color: #ffffff;
    width: 25rem;
    margin-right: 3rem;
}

.icon-mas {
    font-size: x-large;
    margin-right: 1rem;
}

.img-left-login-footer {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 15%;
}

.img-right-login-footer {
    float: right;
    width: 15%;
}

.login-olvidado {
    color: #50557b !important;
}
.login-olvidado:hover, .login-olvidado:focus {
    color: #000000 !important;
}

.checkbox-login {
    background: #dde0f9;
    border-radius: 2px !important;
    border: 2px solid #000000;
}

/*Home*/
.btn-crear-reunion {
    border-radius: 3rem !important;
    border: 1px solid #fff !important;
    background-color: #dde0f9 !important;
    color: #1e1e34 !important;
    box-shadow: none !important;
}
.btn-crear-reunion:hover, .btn-crear-reunion:focus {
    border-radius: 3rem !important;
    border: 1px solid #fff !important;
    background-color: #1e1e34 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-crear-reunion span2 {
    transition-duration: 0.5s;
    background: url("/images/add_circle_outline_black.svg") no-repeat !important;

}
.btn-crear-reunion:hover span2,
.btn-crear-reunion:focus span2 {
    transition-duration: 0.5s;
    background: url("/images/add_circle_outline.svg") no-repeat !important;
}

.crear-reunion-icon {
    width: 36px !important;
    height: 36px !important;
    margin-right: 0.5rem !important;
}

.color-titulo {
    color: #1e1e34 !important;
}

.div-home-btns {
    margin-bottom: 3.5rem;
    margin-top: 3.9rem;
}

.div-ubi-btns {
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.btn-home {
    border-radius: 3rem;
    padding: 0.5rem;
    width: 100%;
    border: 1px solid #1e1e34;
    color: #303044;
}

@media (min-width: 650px) {
    .btn-home {
        width: 30rem !important;
    }
}

@media (max-width: 650px) {
    .btn-home {
        width: 100%;
    }
}

.img-cafe {
    width: 500px;
    height: 480px;
}

.reu-ahora {
    background-color: #fff !important;
}

.reu-curso-titulo {
    width: 80%;
    max-width: 80%;
}
.reu-curso-titulo-2 {
    width: 77.4%;
    max-width: 80%;
}
.reu-curso-btn-reunirse {
    width: 20%;
    max-width: 20%;
}

.icono-perf {
    /*margin-bottom: 1.1rem !important;*/
}

/*Proximas reuniones*/

/*Reuniones finalizadas*/

.btn-search:hover, .btn-search:focus {
    background: #fff;
    color: #1e1e34 !important;
    border: 1px solid #1e1e34;
}

.btn-search {
    height: 3.5rem !important;
    width: 3.5rem !important;
    background: #1e1e34;
    color: #fff;
    border: 1px solid #1e1e34;
}

.btn-login {
    background: #1e1e34;
    color: #fff;
    border: 1px solid #1e1e34;
    border-radius: 3rem;
}
.btn-login:hover, .btn-login:focus {
    background: #fff;
    color: #1e1e34 !important;
    border: 1px solid #1e1e34;
}

.btn-login-meet {
    background: #50557b;
    color: #fff;
    border: 1px solid #50557b;
    border-radius: 3rem;
}
.btn-login-meet:hover, .btn-login-meet:focus {
    background: #fff;
    color: #1e1e34 !important;
    border: 1px solid #1e1e34;
}

.btn-login-meet span2 {
    transition-duration: 0.5s;
    background: url("/images/add_circle_outline.svg") no-repeat !important;

}
.btn-login-meet:hover span2,
.btn-login-meet:focus span2 {
    transition-duration: 0.5s;
    background: url("/images/add_circle_outline_black.svg") no-repeat !important;
}

.login-nueva-reunion {
    width: 36px !important;
    height: 36px !important;
    margin-right: 0.5rem !important;
}

.btn-login-info2 {
    background: #50557b;
    color: #fff;
    border: 0;
    border-radius: 3rem;
}

.borde-sup {
    border-top: 4px solid #fff !important;

}

/*Nueva reunión*/

.btn-atras-nueva-reunion {
    background-color: #FFFFFF;
    color: #1e1e34;
    border: 1px solid #50557b;
    border-radius: 3rem;
    margin-bottom: 0.5rem;
}
.btn-atras-nueva-reunion:hover, .btn-atras-nueva-reunion:focus {
    background-color: #50557b !important;
    color: #ffffff !important;
    border: 0;
    border-radius: 3rem;
}

.btn-alante-nueva-reunion {
    background-color: #50557b !important;
    color: #fff !important;
    border: 0;
    border-radius: 3rem;
    margin-bottom: 0.5rem;
}

.btn-alante-nueva-reunion:hover, .btn-alante-nueva-reunion:focus {
    background-color: #fff !important;
    color: #1e1e34 !important;
    border: 1px solid #50557b !important;
    border-radius: 3rem;
}

@media (min-width: 62rem) {
    .btn-alante-nueva-reunion-espacio {
        width: 14.778rem;
    }
}

.rounded-num {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    display: revert !important;
    text-align: center;
    margin-right: 0.5rem;
}

.btn-crear-reunion-nueva-reunion {
    background-color: #50557b !important;
    color: #fff !important;
    border: 0;
    border-radius: 3rem;
}

.btn-crear-reunion-nueva-reunion:hover, .btn-crear-reunion-nueva-reunion:focus {
    background-color: #fff !important;
    color: #266e51 !important;
    border: 1px solid #266e51 !important;
    border-radius: 3rem;
}

.miga-nueva-reunion {
    background-color: #1e1e34 !important;
    color: #ffffff !important;
}
#Steps li a {
    color: #fff;
    border-radius: 100%;
    border: 2px solid #102D43;
    background: #102D43;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    padding: 0.5rem;
    font-weight: 900;
    font-size: 1.25rem;
}

#Steps li:first-child a:not(.active) {
    color: #fff;
    background: #102D43 !important;
    border: 3px solid #102D43 !important;
}

#Steps li a.active {
    color: #102D43 !important;
    background: #dde0f9 !important;
    border: 1px solid #102D43;
}
#Steps li a.ui-state-disabled {
    color: #fff;
    border-color: #102D43;
    opacity: 1;
}
#Steps li a:hover {
    background-color: #eeeeee;
    color: #102D43;
}

.btn-subir-archivo {
    background-color: #dde0f9 !important;
    color: #1e1e34 !important;
    border: 0;
}
.btn-subir-archivo:hover, .btn-subir-archivo:focus {
    background-color: #1e1e34 !important;
    color: #fff !important;
    border: 0;
}

/* Ayuda */

.indice-ayuda ul > * {
    text-decoration: none !important;
    /*margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    padding: 1rem;*/
    border-radius: 3rem;
}
.indice-ayuda2 a,
.indice-ayuda2 button {
    margin-bottom: 1rem;
    display: block;
    text-decoration: none !important;
    padding: 1rem;
    border-radius: 3rem;
    background-color: #dde0f9;
}

.img-ubi {
    margin-left: 1rem !important;
    margin-top: 0rem !important;
    width: 15rem !important;
    height: auto !important;
    max-width: 100% !important;
}

.padd-inl-s-e ul > li > ul {
    padding-inline-start: 0;
    padding-inline-end: 40px;
}

.border-bott {
    border-bottom: 1px solid #1e1e34 !important;
}
.border-topp {
    border-top: 1px solid #1e1e34 !important;
}
.border-bott2 {
    border-bottom: 1px solid #1e1e34 !important;
}

.border-bot {
    border-bottom: 1px solid #1e1e34;
}
.border-bot:active {
    border-bottom: 1px solid #1e1e34;
}


@media (min-width: 768px) {
    #cabecera-pagina {
        background-image: url("/images/Bienvenido_tablet.svg") !important;
        background-color: #dde0f9 !important;
        min-height: 11rem !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 80% 100%;
    }
    #cabecera-pagina-config {
        background-image: url("/images/Configuracion_tablet.svg") !important;
        background-color: #dde0f9 !important;
        min-height: 12rem !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 80% 100%;
    }
    #cabecera-pagina-ubi {
        background-image: url("/images/editar_ubi_tablet.svg") !important;
        background-color: #dde0f9 !important;
        min-height: 12rem !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 80% 100%;
    }
    #cabecera-pagina-user-newmeet {
        background-image: url("/images/Bienvenido_tablet.svg") !important;
        background-color: #dde0f9 !important;
        min-height: 12rem !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 80% 100%;
    }
    #cabecera-pagina-help {
        background-image: url("/images/Ayuda_tablet.svg") !important;
        background-color: #dde0f9 !important;
        min-height: 12rem !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 80% 100%;
    }
    #cabecera-pagina-perfil {
        background-image: url("/images/Perfil_tablet.svg") !important;
        background-color: #dde0f9 !important;
        min-height: 12rem !important;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 80% 100%;
    }
}


#cabecera-pagina {
    background-image: url("/images/Cabecera_inicio_reunet.svg") !important;
    background-color: #dde0f9 !important;
    min-height: 11rem !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 200% 100%;
}
#cabecera-pagina-config {
    background-image: url("/images/Configuracion_fondo.svg") !important;
    background-color: #dde0f9 !important;
    min-height: 12rem !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 200% 100%;
}
#cabecera-pagina-ubi {
    background-image: url("/images/ubicacion_fondo.svg") !important;
    background-color: #dde0f9 !important;
    min-height: 12rem !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 200% 100%;
}
#cabecera-pagina-user-newmeet {
    background-image: url("/images/Usuarios_fondo.svg") !important;
    background-color: #dde0f9 !important;
    min-height: 12rem !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 200% 100%;
}
#cabecera-pagina-help {
    background-image: url("/images/Ayuda_fondo.svg") !important;
    background-color: #dde0f9 !important;
    min-height: 12rem !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 200% 100%;
}
#cabecera-pagina-perfil {
    background-image: url("/images/Perfil_fondo.svg") !important;
    background-color: #dde0f9 !important;
    min-height: 12rem !important;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 200% 100%;
}

@media(width < 768px) {
    #cabecera-pagina,
    #cabecera-pagina-config,
    #cabecera-pagina-ubi,
    #cabecera-pagina-user-newmeet,
    #cabecera-pagina-help,
    #cabecera-pagina-perfil
    {
        background: none;
        background-color: #ffffff !important;
        background-image: none !important;
        min-height: auto !important;
    }
}

.ubicacion .sala {
    box-shadow: none !important;
}
.fondo-blue {
    background-color: #FFFFFF !important;
    height: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding: 0 0.5rem;
    color: #102D43;
    content: "/" !important;
}

.accordion .accordion-item .accordion-header .accordion-button.collapsed:before {
    background-image: none !important;
    width: 0 !important;
}

.accordion .accordion-item .accordion-header .accordion-button.collapsed {
    margin-bottom: 0 !important;
    border: none;
    min-height: 72px;
}

.label-salir-reunion {
    font-size: 1rem;
    color: white !important;
    display: initial;
}

.form-select-salir-reunion {
    color: white !important;
    background-image: url(/images/flecha-desplegable-blanco.svg) !important;
    display: none;
    background-size: 30px 30px;
    font-weight: 400;
    border: 1px solid white;
    font-size: 1.25rem;
    height: 3.5rem;
    border-radius: 8px;
    margin-bottom: 1rem !important;
    display: block;
    width: 100%;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    line-height: 1.5;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*Error 419*/
.bc-error419 {
    background-color: #262626 !important;
}
.color-azul-error419 {
    color: #8389bc !important;
}

.btn-volver-error419 {
    border-radius: 3rem !important;
    color: #262626 !important;
    background-color: #8389bc !important;
}
.btn-volver-error419:hover, .btn-volver-error419:focus {
    border-radius: 3rem !important;
    color: #000000 !important;
    background-color: #fff !important;
    border-bottom: 1px solid #8389bc !important;
}
.color-blanco-azul {
    color: #fff !important;
}
.color-blanco-azul:hover, .color-blanco-azul:focus {
    color: #8389bc !important;
}

.img-sidebar-left {
    border: 0 !important;
    display: block;
    max-width: 17rem !important;
    margin: 0 auto !important;
    margin-left: 0.75rem !important;
    border-radius: 8px;
    padding: 0 !important;
}

.btn-guardar-cambios {
    background-color: #50557b !important;
    color: #fff !important;
    border: 0;
    border-radius: 3rem !important;
}
.btn-guardar-cambios:hover, .btn-guardar-cambios:focus {
    background-color: #fff !important;
    color: #50557b !important;
    border-radius: 3rem !important;
}

.btn-guardar-cambios-inverso {
    background-color: #fff !important;
    color: #50557b !important;
    border: 1px solid #50557b !important;
    border-radius: 3rem !important;
}
.btn-guardar-cambios-inverso:hover, .btn-guardar-cambios-inverso:focus {
    background-color: #50557b !important;
    color: #fff !important;
    border-radius: 3rem !important;
}

input[type=file]::-webkit-file-upload-button {
    background: #fff !important;
    color: #50557b !important;
    border: 1px solid #50557b !important;
    border-radius: 3rem !important;
    width: 11rem;
    height: 3.111rem;
    font-weight: 700;
    padding: 1rem !important;
}

input[type=file]::-webkit-file-upload-button:hover {
    background: #50557b !important;
    color: #fff !important;
    border: 0 solid #50557B !important;
    border-radius: 3rem !important;
    cursor: pointer;
}

.alert.alert-warning .btn-close {
    background-image: url(none) !important;
    background-repeat: no-repeat;
    padding: 1.25rem !important;
}

.form-check-input[type=checkbox] {
    border-radius: 2px;
    border: 2px solid #000000;
}
/* No tocar, pero probar a cambiar px por rem */

@media (max-height: 25rem) {
    #navbarSupportedContent.navbar-collapse {
        overflow-y: auto;
        height: calc(100vh - 3em);
        border-top: 1px solid #ced4da;
    }
}

@media (max-height: 40rem) {
    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 0.5rem;
        padding-bottom: 1.3rem;
    }
}

#dropdownPerfilUserList {
    background-color: #fbfeff;
}

@media (min-width: 650px) {
    .btn-reunionesFinalizadas {
        width: 27rem !important;
    }
}

@media (min-width: 650px) {
    .btn-crear-reunion-important {
        width: 27rem !important
    }
}

@media (min-width: 650px) {
    .btn-invitar-participantes-admision {
        width: fit-content !important;
        padding: 5rem, 0rem !important
    }
}

@media (min-width: 650px) {
    .btn-crear-reunion-inicio {
        width: 27rem !important;
        padding: 5rem, 0rem !important;
    }
}

@media (max-width: 650px) {
    .w-100-img {
        width: 100%;
    }
}

.users .user {
    font-size: 1rem;
    padding: 1rem;
    color: #102D43;
    border-radius: 1.5rem;
    background: #fff;
    margin-bottom: 2rem;
    box-shadow: none;
    margin-left: -1rem;
    margin-right: -1rem;
    border: 1px solid #1e1e34;
}

@media (max-width: 82rem) {
    .btn-base-md, .button-cancel-md, .button-green-md, .button-outline-green-md, .button-outline-sub-md, .button-outline-grey-md, .button-outline-md, .button-terciary-md, .button-secundary-md, .button-primary-md, .button-home-outline-md, .button-home-md {
        width: 100%;
    }
}


.size-img-circle.big {
    height: 8rem;
    width: 8rem;
}

.size-img-auto {
    height: auto;
    width: auto;
}

.accordion-item {
    background-color: #fff;
    border: 0;
}

.accordion-meeting-type .accordion-button::after {
    background-image: url(/images/chevron-right-solid.svg) !important;
    transform: rotate(90deg) !important;
    padding-bottom: 2rem;
    padding-right: 2rem;
    background-size: 1rem;
    margin-top: 0.1rem;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e293c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(-90deg) !important;
    margin-bottom: 1rem !important;
}

.accordion .accordion-item .accordion-header .accordion-button:after {
    background-image: url(/images/chevron-right-solid.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 75% 90% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
    background-image: none;
    transform: rotate(90deg);
    width: 0 !important;
}

.accordion .accordion-item .accordion-header .accordion-button:before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0;
    content: "";
    background-repeat: no-repeat;
    transition: transform 0.2s ease-in-out;
    background-size: 18px 18px;
}

@media (min-width: 1052px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 1060px;
    }
}

@media (min-width: 1200px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1338px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1338px;
    }
}

a {
    color: #1E1E34;
    text-decoration: none;
}

.nav-fixed {
    position: fixed !important;
    top: 7rem;
}

.form-switch .form-check-input:checked {
    background-color: #188866 !important;
    color: #102D43 !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e) !important;
    border-radius: 1rem;
}

.form-switch .form-check-input {
    width: 2.3em !important;
    height: 1.2em !important;
    margin-top: 0.125em !important;
    border-radius: 1rem;
}

.accordion .accordion-item .accordion-collapse {
    margin-bottom: 0;
}

.accordion-item:last-of-type .accordion-collapse {
    border-radius: 0;
}

.accordion .accordion-item .accordion-header .accordion-button:focus {
    border-top: 1px solid #1e1e35 !important;
    border-left: 0 solid #1e1e35 !important;
    border-bottom: 0 solid #1e1e35 !important;
    border-right: 0 solid #1e1e35 !important;
}

.list-role .pill-role {
    float: left;
    background: #F4F4FB;
    color: #000000;
    padding: 0.5rem;
    margin: 0.25rem 0.25rem 0.25rem 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-role .pill-role button {
    padding: 0.15rem;
    background: #1e1e34;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1e1e34;
    border-radius: 100%;
    margin-left: 2.5rem;
    height: 1.3rem;
    width: 1.3rem;
}

.list-role .pill-role button:hover, .list-role .pill-role button:focus {
    background: #fff;
    color: #bf1616;
    border: 1px solid #bf1616;
}

.options.participants {
    color: #1e1e34;
    background: #fff;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 0.3rem;
}
.options.participants:hover, .options.participants:focus {
    color: #bf1616;
    background: #fff;
}

.aj-eliminar:before {
    content: "\e90b";
    font-size: 1.5rem;
}

.form-control.border-bottom.indigo, .form-select.border-bottom.indigo {
    border-bottom: 1px solid #1e1e34 !important;
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
}



.accordion-button:not(.collapsed) {
    color: #0e293c;
    background-color: #e7eaec;
    box-shadow: inset 0 0 0 rgb(255, 255, 255) !important;
}

.borde-right-white {
    border-right: 2px solid #fff !important;
}

.btns-esqueleto-drop {
    background: #fbfeff !important;
    color: #1e1e34 !important;
    border: 1px solid #fbfeff !important;
    border-radius: 3rem;
}
.btns-esqueleto-drop:hover, .btns-esqueleto-drop:focus {
    background: #51557c !important;
    color: #fff !important;
    border: 1px solid #51557c !important;
    border-radius: 3rem;
}

.dropdown-toggle-desplegado::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    rotate: 180deg !important;
}

.font-rubik {
    font-family: 'Rubik', sans-serif;
}

.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.text-decoration-color {
    text-decoration: underline currentColor !important;
}

.navbar-brand {
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
    margin-right: 0;
    font-size: 1rem;
    white-space: nowrap;
}

@media (min-width: 992px){
    .btn-login-meet {
        margin-left: 0 !important;
    }
    .btn-login-info2 {
        margin-right: 0 !important;
    }
}

.col-86 {
    flex: 0 0 auto;
    width: 86%;
}

@media (min-width: 1200px){
    .col-xl-86 {
        flex: 0 0 auto;
        width: 86%;
    }
}

.btn-reunirse {
    background: #50557b !important;
    color: #fff !important;
    border-radius: 3rem !important;
}

.btn-reunirse:hover, .btn-reunirse:focus {
    background: #fff !important;
    color: #1E1E34 !important;
    border-radius: 3rem !important;
}

.size-img-circle {
    height: 42px !important;
    width: 42px !important;
    -webkit-clip-path: circle(50%);
    clip-path: circle(48%);
    -o-object-fit: cover;
    object-fit: cover;
}

.size-img-circle2 {
    height: auto !important;
    width: auto !important;
    -webkit-clip-path: circle(50%);
    clip-path: circle(48%);
    -o-object-fit: cover;
    object-fit: cover;
}

img.icono.interrogacion {
    width: 24px;
    height: 24px;
}

.reenviar {
    letter-spacing: 0.01875rem !important;
    font-size: 0.725rem !important;
    color: #1E1E34 !important;
    font-family: "Roboto", sans-serif;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.mt-015 {
    margin-top: 0.15rem !important;
}

.title-info-ubi.link {
    color: #1E1E34 !important;
    font-size: 1rem;
    text-decoration: underline;
    cursor: pointer !important;
    pointer-events: auto;
}

.page-link {
    position: relative;
    display: block;
    color: #102D43;
    background-color: #fff;
    border: 0 solid #102D43 !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #1e1e35 !important;
    border-color: #1e1e35 !important;
}

#paginador .page-link:hover {
    box-shadow: 0 0 0 #fff !important;
}

.cambiar-pag-active {
    color: #fff !important;
    background-color: #1e1e35 !important;
    border-color: #1e1e35 !important;
}

.cambiar-pag {
    color: #1e1e35 !important;
    background-color: #fff !important;
    border: 1px solid #1e1e35 !important;
}

.cambiar-pag:hover {
    color: #fff !important;
    background-color: #1e1e35 !important;
    border-color: #1e1e35 !important;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #1e1e35 !important;
}

.dropdown-toggle:hover, .dropdown-toggle:active, .dropdown-toggle:focus {
    color: #1e1e35 !important;
}

.fs-2r {
    font-size: 2rem !important;
}

.lh-2 {
    line-height: 2 !important;
}

.accordion .accordion-item .accordion-collapse {
    margin-bottom: 0;
    box-shadow: 0 0 0 #fff !important;
    border-bottom: 0 solid #fff !important;
    border-left: 0 solid #fff !important;
    border-right: 0 solid #fff !important;
    border-top: 0 solid #fff !important;
}

.accordion .accordion-item .accordion-header .accordion-button {
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: 700;
    border-left: 0 solid #fff !important;
    border-right: 0 solid #fff !important;
    min-height: 104px;
}

div.accordion-body-link a {
    text-decoration: underline;
    color: #1e1e35 !important;
}

.text-decoration-underline {
    text-decoration: underline currentColor !important;
}

.list-style-disc {
    list-style: disc !important;
}

.form-control:focus, .form-select:focus {
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #50557B !important;
    color: #50557B !important;
}

.select-reunion-curso:focus {
    box-shadow: 0 3px 6px #00000029;
    border: 2px solid #ffffff !important;
    color: #dde0f9 !important;
}

.users .user .dropdown .dropdown-menu .gray-opc:hover {
    color: #1e1e35 !important;
}

.transform-5-40 {
    transform: translate(-5px, -40px) !important;
}

.transform-10_40 {
    transform: translate(-10px, 40px) !important;
}

.flechita_abajo::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
     border-top: 0 solid !important;
     border-right: 0 solid transparent !important;
     border-bottom: 0 !important;
     border-left: 0 solid transparent !important;
}

.bocado-cuadrado:not(.meet):before {
    border: 10px solid #1E1E34 !important;
    content: "" !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute !important;
    top: 0 !important;
    left: 1rem !important;
    transform: translate(-3px, -19px) !important;
}
.bocado2-cuadrado:not(.meet):before {
    border: 10px solid #1e1e34 !important;
    content: "" !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute !important;
    top: 0 !important;
    left: 1rem !important;
    transform: translate(-8px, 184px) !important;
}

.bocado-cuadrado-config:not(.meet):before {
    border: 10px solid #1e1e34 !important;
    content: "" !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute !important;
    top: 0 !important;
    left: 1rem !important;
    transform: translate(-10px, 288px) !important;
}

.enlace-black, .enlace-black:hover, .enlace-black:focus {
    color: #1e1e34 !important;
}

.align-top-end {
    inset: auto auto 0 0 !important;
}

.paginator-next {
    color: #1e1e34 !important;
}

.paginator-next:hover {
    color: #50557b !important;
}

.papelera {
    color: #8389BC !important;
}

.papelera:hover {
    color: #bf1616 !important;
}

.botones-perfil {
    background-color: transparent !important;
    font-size: 1.25rem !important;
    color: #1e1e34 !important;
    border: none;
    text-align: left;
}

form .password-mostrar-ocultar .icono-ojo:hover, form .password-mostrar-ocultar .icono-ojo:focus {
    color: #1e1e34 !important;
}

@media (max-width: 1499px) {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    margin: 0 !important;
    transform: translate3d(-112px, 34px, 0px) !important;
}

@media (min-width: 62rem) {
    .accordion-button:not(.collapsed) div div p {
    width: 23em !important;
}
}


.contenido-indice-enlaces {
    background: #DDE0F9 !important;
    color: #1e1e35 !important;
    border-radius: 3rem !important;
}

.contenido-indice-enlaces:hover, .contenido-indice-enlaces:focus, .contenido-indice-enlaces:active {
    color: #fff !important;
    background: #1e1e35 !important;
}

.bottom-4 {
    bottom: -4px !important;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
}

.form-check-input:checked {
    border: 2px solid #1e1e34 !important;
    background-color: #ffffff !important;
    color: #102D43 !important;
    background-image: url(/images/checkbox.svg) !important;
    background-repeat: no-repeat;
}

.warning-dudas {
    background: #DDE0F9 !important;
    padding: 1rem;
    border-radius: 8px;
}

.uploadfile {
    font-size: 1rem;
    color: #212529;
    cursor: default !important;
    border-bottom: 0 dashed black !important;
}

.content-img-thumbail {
    border: 0px solid #50557B !important;
    border-radius: 3rem !important;
    margin-bottom: 1rem;
}

.h-19r {
    height: 19rem !important;
}

.h-3 {
    height: 3rem !important;
}

.cursor-pointer:hover {
    color: #50557B;
}

#newMeetingManager:focus, .selectFilter > .optionForm:focus {
    outline: 3px dashed #FFFFFF !important;
}

.participantVideoContent {
    position: absolute;
    background: #2c2c2c !important;
}

header#header-reunion, footer#footer-reunion {
    background: #000000 !important;
    color: #fff;
    margin: 0;
    min-height: auto;
    height: 4.5rem;
}

header#header-reunion .btn-group .btn, footer#footer-reunion .btn-group .btn {
    color: #fff;
    border-radius: 0 !important;
    font-size: 0.75rem !important;
    padding: 0.1rem;
    width: 10rem;
    line-height: 1;
    border: 0px solid #102D43 !important;
}

#TabParticipantes li button, #chatTab li button, #TabAjustes li button, #TabAjustesModal li button {
    color: #ffffff !important;
    padding: 0.75rem;
    font-weight: 700;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #50557B;
    min-height: 2rem;
    min-width: auto;
    border-bottom: 1px solid #50557B;
}

.bg-modal-prc {
    background: #2c2c2c !important;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background: #DDE0F9 !important;
    outline: none;
    opacity: 1;
    transition: opacity 0.2s;
    border: 0px solid #DDE0F9;
}

.chevron-volumen {
    color: #1e1e34;
    background-color: #ffffff;
    border-color: #ffffff;
}

.chevron-volumen:hover {
    color: #fff;
    background-color: #102D43;
    border-color: #102D43;
}

.userNameStyle.speaker {
    background-color: transparent !important;
    /* border: 1px solid #000000 !important; */
}

.role-pill {
    background-color: rgba(64, 64, 64, 1) !important;
    color: #fff;
    padding: 0.35rem !important;
}

@media (min-width: 62rem) {
    .modal .modal-header .btn-close {
    top: 0.8rem !important;
    right: 1.3rem !important;
}
}

.btn-esqueleto04 {
    background: #000000 !important;
    color: #fff !important;
    border: 1px solid #000000 !important;
    border-radius: 3rem !important;
}

.btn-esqueleto04:focus, .btn-esqueleto04:hover {
    background: #50557B !important;
    color: #fff !important;
    border: 1px solid #50557B !important;
    border-radius: 3rem !important;
}

.btn-esqueleto04:active {
    background: #50557B !important;
    color: #FFF !important;
    border: 1px solid #50557B !important;
    border-radius: 3rem !important;
}

.selected_intr_channel {
    background: #E9727B !important;
}




.bg-000000 {
    background: #000000 !important;
}

.bg-black-aqua {
    background: #000000 !important;
}

.bg-black-aqua:hover, .bg-black-aqua:focus {
    background: #50557B !important;
}

.bc-414141 {
    background-color: #414141 !important;
}

.bc-2c2c2c {
    background-color: #2c2c2c !important;
}

.bc-black-white {
    background-color: rgba(249, 249, 249, 0.25) !important;
    color: #fff !important;
}

@media (max-width: 1200px) {
    .navbar-backdrop {
        position: absolute;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.7);
        top: 3.3rem;
        left: 0;
    }

    .navbar-header {
        width: 30%;
        min-width: 340px;
        position: absolute;
        top: 3.3rem;
        right: 0;
        background-color: #ffffff;
        padding: 0 12px;
        height: 55rem;
        border: 0px solid #1e1e34;
    }


}


.border-white-aqua {
    border: 1px solid #ffffff !important;
}

.border-white-aqua:hover, .border-white-aqua:focus {
    border: 1px solid #dde0f9 !important;
}

.color-white-aqua {
    color: #ffffff !important;
}

.color-white-aqua:hover, .color-white-aqua:focus {
    color: #dde0f9 !important;
}

.background-414141 {
    background: #414141 !important;
    background-color: #414141 !important;
}

.background-2c2c2c {
    background: #2c2c2c !important;
}

.background-1e1e34 {
    background: #1e1e34 !important;
}

.background-dde0f9 {
    background: #dde0f9 !important;
}

.background-102d43 {
    background: #102d43 !important;
}

#accordionParticipants .accordion-item, #accordionAdmission .accordion-item {
    background: #414141 !important;
    border-bottom: 2px solid #ced4da;
}

#accordionParticipants .accordion-collapse, #accordionAdmission .accordion-collapse {
    border: none !important;
    background-color: #414141;
}

#accordionParticipants .accordion-button, #accordionAdmission .accordion-button {
    min-height: initial;
    border: none !important;
    background-color: #414141;
    border-radius: 0;
}

.color-hover-white:focus {
    color: #fff !important;
}

.yo-chat {
    background-color: #dde0f9;
    color: #1e1e34;
    border: solid 1px #fff;
    border-radius: 0.5rem;
    word-break: break-word;
    margin: 1.5rem 2rem 1.5rem 0.5em;
    padding: 0.8rem 0.5rem;
}

#ILSEVid {
    background: #2c2c2c !important;
}

.fullName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto !important;
}

.form-file:read-only {
    background: transparent !important;
}

.btn-cancelar {
    background: #A50D26 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 3rem !important;
}

.btn-cancelar:hover, .btn-cancelar:focus {
    background: #fff !important;
    color: #A50D26 !important;
    border: 1px solid #A50D26 !important;
    border-radius: 3rem !important;
}

.btn-salir-reunion {
    background-color: #A50D26 !important;
    color: #fff !important;
    border: 0;
    border-radius: 3rem !important;
}
.btn-salir-reunion:hover, .btn-salir-reunion:focus {
    background-color: #fff !important;
    color: #A50D26 !important;
    border-radius: 3rem !important;
    border: 1px solid #A50D26 !important;
}

.hr-gris-oscuro-3px {
    height: 3px !important;
    color: #50557B !important;
    opacity: 1 !important;
}

.card.reunion.speaker {
    border: 0.25rem solid #E9727B !important;
}

.alert-info {
    color: black;
    background-color: #dde0f9;
    border-color: #dde0f9;
}

.fondo-side-menu {
    background: rgba(30, 30, 52, 0.6) !important;
}

.form-switch .form-check-input:checked {
    background-color: #50557b !important;
    color: #102D43 !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e) !important;

}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url(/images/switch_gris-azulado.svg) !important;
    background-size: 21px 14px;
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}

.form-select {
    background-image: url(/images/flecha-desplegable.svg) !important;
    background-size: 30px 30px;
}

.bg-info {
    background-color: #dde0f9 !important;
}

.userNameStyle.text-white.speaker .participantName {
    color: #fff !important;
}

.ILSEScreen .ILSEContainer.activeILSE, .interpreterScreen .interpreterContainer.activeInterpreter {
    border: 4px solid #dde0f9 !important;
}

.participantContainer.partExpanded, .ILSEContainer.partExpanded, .interpreterContainer.partExpanded {
    border: 4px solid #dde0f9 !important;
}

.privateChatUserName.black {
    color: #fff !important;
    width: 50%;
}

.card.reunion {
    border-radius: 0;
    font-size: 1rem !important;
    padding: 0;
    height: 33%;
    background: #2c2c2c !important;
    border-width: unset !important;
}

.textarea-chat {
    background: #414141 !important;
}

.icono-font {
    width: 24px !important;
    height: 24px !important;
}


select > option:hover {
    background: #1e1e34 !important;
}

.option-select > option:hover {
    background: #1e1e34 !important;
    color: white !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(/images/calendario.svg) no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}

.border-right-reu {
    border-right: 5px solid #50557b !important;
}

#TabParticipantes li button.active, #chatTab li button.active, #TabAjustes li button.active, #TabAjustesModal li button.active {
    background: #1e1e34 !important;
    color: #fff;
    border-bottom: 2px solid #1e1e34 !important;
}

#TabParticipantes li button:hover, #chatTab li button:hover, #TabAjustes li button:hover, #TabAjustesModal li button:hover {
    background: #1e1e34 !important;
    color: #fff;
}

.border-bot-1e1e34 {
    border-bottom: #1e1e34 !important;
}

.bc-fff {
    background: #fff !important;
}

.type-file {
    display: block;
    width: 32px;
    height: 32px;
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    border-radius: 8px;
    font-size: 1rem;
    text-align: center;
    padding-top: 0.25rem;
    border: 1px solid #1e1e34 !important;
    background: #1e1e34 !important;
}

.icon-minimizar {
    min-height: 1.5rem;
    background: rgba(64, 64, 64, 0.75) !important;
    font-size: 2rem !important;
    padding: 0rem 0.75rem;
    color: #fff;
    z-index: 1;
    top: 0.75rem;
    right: 0.75rem;
    border: 3px solid #fff !important;
    border-radius: 3rem !important;
}

.icon-minimizar:hover {
    background: #fff !important;
    color: #414141 !important;
    border: 3px solid #fff !important;
}

.participantContainer.partExpanded .card-body div .hudTop .firstUserIcon, .ILSEContainer.partExpanded .card-body div .hudTop .firstUserIcon, .interpreterContainer.partExpanded .card-body div .hudTop .firstUserIcon {
    display: block;
    color: #fff !important;
    background: #414141 !important;
    border-radius: 50%;
    padding: 0.1rem 0.25rem 0rem 0.25rem;
}

header#header-reunion .btn-group .btn.blanco.active, footer#footer-reunion .btn-group .btn.blanco.active {
    background: #fff;
    color: #fff !important;
}

#ColShareDesktop .btnSelectMainSignal, #colDominantSpeaker .btnSelectMainSignal {
    display: block !important;
    background: #414141 !important;
    color: white;
    border: 1px solid #fff;
    border-radius: 3rem !important;
}

#ColShareDesktop .btnSelectMainSignal:hover, #colDominantSpeaker .btnSelectMainSignal:hover {
    background: #fff !important;
    color: #414141 !important;
    border: 1px solid #fff;
}

.zoom {
    background: #414141 !important;
    color: #fff !important;
    font-size: 0.95rem;
    border: 1px solid #fff !important;
    min-width: 1.75rem;
    min-height: 1.75rem;
    border-radius: 3rem !important;
}

.zoom:hover {
    background: #fff !important;
    color: #414141 !important;
    border: 1px solid #fff;
}

.top-end-maximizar {
    top: 5px !important;
    right: 8px !important;
}

.admin {
    border: 1px solid #50557b !important;
    background: #dde0f9 !important;
    border-radius: 8px;
    padding: 1rem;
    width: 100%;
}

.detalle-archivos .listDocumentsUl .descargar-fichero {
    color: #000000 !important;
    background-color: #fff !important;
}

.detalle-archivos #notfiles {
    color: #3c3c53 !important;
}

.btns-reu-finalizada-acta {
    border-radius: 3rem !important;
    background: #fff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.btns-reu-finalizada-acta:hover , .btns-reu-finalizada-acta:focus {
    border-radius: 3rem !important;
    background: #000000 !important;
    color: white !important;
    border: 1px solid #000000 !important;
}

.admin .boton-acta {
    background: #fff;
    color: #000000;
    border: 1px solid #2A3ACC;
    width: 100%;
    min-width: 6rem;
    height: 3rem;
    margin: 0.5rem 0;
    padding: 0.75rem 0.25rem;
}

.accordion.minute .accordion-header .accordion-button.minute:after {
    background-image: url(/images/flecha-desplegable.svg) !important;
    background-size: 24px 24px !important;
}

.color-descargas {
    color: #000000 !important;
}

.color-descargas:hover ,  .color-descargas:focus {
    color: #188723 !important;
}

.borde-negro-verde {
    border: 1px solid #000000 !important;
    border-radius: 1rem !important;
    padding: 1rem !important;
}

.borde-negro-verde:hover , .borde-negro-verde:focus {
    border: 1px solid #188723 !important;
}

.minute_circle {
    background: #1e1e34 !important;
    border: 1px solid #1e1e34 !important;
    font-weight: 700;
    color: #fff;
    padding: 0.25rem 0.65rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    margin-top: -0.25rem !important;
}

/*File list color (contrast issue)*/
#modalDocument *:not(.typeFile), div#docu p#notfiles {
    color: #3c3c53 !important;
}

#modalDocument .typeFile > span {
    color: #fff !important;
}

.btn-chat-enviar {
    background-color: #50557b !important;
    color: #fff !important;
    border: 0;
    border-radius: 3rem !important;
}
.btn-chat-enviar:hover, .btn-chat-enviar:focus {
    background-color: #fff !important;
    color: #50557b !important;
    border-radius: 3rem !important;
}

.admision li:hover, .admision li:active, .admision li:focus {
    border: 1px solid #dde0f9 !important;
}

.form-check-input:focus {
    outline: 2px solid #dde0f9 !important;
}