@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.mandala-home #sp-main-body, #sp-header, .offcanvas-menu {
    background-color: var(--fondo_cliente) !important; 
}

.mandala-home a {color: var(--links_clientes) !important;}
.mandala-home label {color: var(--texto_clientes) !important;}
.mandala-home input[type="text"],
.mandala-home input[type="password"]
 {
    background-color: var(--fondo_cliente) !important;
    color: var(--texto_clientes);
    border-radius: 2rem;
}
.mandala-home button[type="submit"] {border-radius: 2rem;}
.mandala-home .list-group-item {background: none;}

.mandala-home div.password-group span.input-group-text {border-radius: 2rem 0 0 2rem !important;}
.mandala-home div.password-group button.btn-secondary.input-password-toggle {border-radius: 0 2rem 2rem 0 !important;}

.mandala-home button, .mandala-home  .button, .mandala-home  input.button, 
.mandala-home span.button, .mandala-home  button.button, .mandala-home  div.button, 
.mandala-home input[type="submit"], .mandala-home input[type="button"], 
.mandala-home .pagenav-prev a, .mandala-home .pagenav-next a, .mandala-home .readon, 
.mandala-home .profile-edit .btn, .mandala-home .registration .btn {
  background: var(--boton_cli) !important;
}
.mandala-home button:hover, .mandala-home .button:hover, .mandala-home input.button:hover, 
.mandala-home span.button:hover, .mandala-home button.button:hover, .mandala-home div.button:hover, 
.mandala-home input[type="submit"]:hover, .mandala-home input[type="button"]:hover, 
.mandala-home .pagenav-prev a:hover, .mandala-home .pagenav-next a:hover, .mandala-home .readon:hover, 
.mandala-home .profile-edit .btn:hover, .mandala-home .registration .btn:hover {
  background: var(--boton_cli_hover) !important;
}
.offcanvas-menu, .offcanvas-menu .offcanvas-inner a,
.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span,
.offcanvas-menu .fa,.offcanvas-menu .fab, .offcanvas-menu .far,.offcanvas-menu .fas {
    color: var(--texto_clientes) !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
    font-weight: bold;
    color: var(--texto_clientes) !important;
    opacity: 1 !important;
}

.sp-profile-wrapper .sp-profile-dropdown {
    background: var(--fondo_cliente) !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: var(--texto_clientes);
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(191, 191, 191, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: rgba(191, 191, 191, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgba(191, 191, 191, 0.8);
}
#UserInfo .user-info, .header-modules a {
    color: var(--texto_clientes) !important;
}

.btn-primary, .sppb-btn-primary {
    border-color: var(--boton_cli) !important;
    background-color: var(--boton_cli) !important;
    color: var(--texto_clientes) !important;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    background-color: var(--boton_cli_hover) !important;
}
.box_color div {border: 1px solid;border-radius: 2em}

.offcanvas-active .burger-icon>span {
    background-color: var(--boton_cli_hover) !important;
}
.burger-icon>span {
    background-color: var(--boton_cli) !important;
}

.text-bg-light {
    background-color: #FFFFFF !important;
}
.dropfiles-content .downloadlink:not(.noLightbox), 
.dropfiles-content .dropfilescategory:not(.backcategory),
.dropfiles-content .openlink:not(.noLightbox) {
    border-radius: 2rem !important;
}
.dropfiles-content .openlink:not(.noLightbox) {
    border: 1px solid #242424 !important;
}
.dropfiles-foldertree { flex-basis: auto !important;}

.offcanvas-menu {width: 330px;}

body.ltr.offcanvs-position-left .offcanvas-menu {
    left: -330px;
    top: 0
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -330px;
    top: 0
}

.mod-proximas {color: var(--texto_clientes) !important;}