/* Error de minimización. Devolviendo el contenido no minimizado.
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
 */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    overflow-x: hidden;
}

*::before, *::after {
    box-sizing: border-box;
}

.app-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    background-color: #FFFFFF;
}

/* Header */
.app-header {
    position: fixed;
    z-index: 1030;
    height: 3.5rem;
    width: 100%;
    background-color: #FFFFFF;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

/* Main */
.app-main {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
    padding-top: 3.5rem;
    padding-left: 16rem;
    padding-bottom: 2rem;
    background-color: #FFFFFF;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

/* Footer */
.app-footer {
    margin-top: auto;
    width: 100%;
    background-color: #06083F;
    padding: 0.3125rem 0;
}

    .app-footer .app-footer__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }


@media (max-width: 991.98px) {
    .app-header {
        height: 3.313rem;
        justify-content: space-between;
        padding: 0;
    }

    .app-main {
        padding-top: 3.313rem;
    }

    .app-main, .app-footer {
        padding-left: 0;
    }

        .app-footer .app-footer__inner {
            padding-left: 2.5rem;
            padding-right: 2.5rem;
        }
}


.card-ingresarImage {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    background-clip: border-box;
}

.icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: cover;
}

.icon-user {
    background-image: url('/Images/svg/user-purple.svg');
}

    .icon-user:hover,
    .icon-user:focus {
        background-image: url('/Images/svg/user-hover.svg');
    }

.icon-mail {
    background-image: url('/Images/svg/mail-purple.svg');
}

    .icon-mail:hover,
    .icon-mail:focus {
        background-image: url('/Images/svg/mail-hover.svg');
    }
.app-header .app-header__content {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 1;
    height: 3.5rem;
    width: 100%;
    transition: all .2s;
}

    .app-header .app-header__content .logo-src {
        display: block;
    }

    .app-header .app-header__content .app-header__left,
    .app-header .app-header__content .app-header__right {
        display: flex;
        align-items: center;
        padding: 0 .5rem 0 0;
    }

    .app-header .app-header__content .app-header__left {
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 14rem;
    }

    .app-header .app-header__content .app-header__right {
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto;
        padding: 0 0 0 .5rem;
    }

.app-header .app-header__menu-left, .app-header__menu-right {
    display: none;
    padding: 0 1rem;
    height: 3rem;
    align-items: center;
}

.app-header .logo-src {
    display: none;
}

@media (max-width: 991.98px) {
    .app-header .logo-src {
        display: block;
        order: 2;
    }

    .app-header .app-header__menu-left {
        display: flex;
        order: 1;
    }

    .app-header .app-header__menu-right {
        display: flex;
        order: 3;
    }

    .app-header .app-header__content {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        top: 0;
        height: 3.313rem;
        transition: all .2s;
        border-radius: 50px;
        padding: 0 10px !important;
        overflow: hidden;
    }

        .app-header .app-header__content .app-header__left {
            padding-left: .5rem;
        }

        .app-header .app-header__content .app-header__right {
            padding-right: .5rem;
        }
}

.app-sidebar {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1035;
    overflow: hidden;
    width: 16rem;
    height: 100vh;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .app-sidebar .app-header__logo {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        height: 3.5rem;
        width: 100%;
        background: rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: inset -6px 0 6px -6px #E5E9F2;
        box-shadow: inset -6px 0 6px -6px #E5E9F2;
    }

        .app-sidebar .app-header__logo .app-header__logo-content, .app-sidebar .app-header__logo .navbar-brand {
            max-width: 100%;
            overflow: hidden;
            margin: 0 auto;
            padding: 0;
            position: relative;
        }

    .app-sidebar .app-sidebar-content {
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        width: 100%;
        background: transparent;
    }

        .app-sidebar .app-sidebar-content .app-sidebar-scroll {
            width: 100%;
            height: 100%;
        }

/* Sidebar Closed */
/* Segun el estado del sidebar, se debe agregar/quitar la clase closed al app-sidebar */
    .app-sidebar.closed ~ .app-main, .app-sidebar.closed ~ .app-footer {
        padding-left: 5rem;
    }

    .app-sidebar.closed .navbar-brand {
        max-width: 100%;
        overflow: hidden;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }

    .app-sidebar.closed .iol-logo {
        margin: 0 auto;
    }

    .app-sidebar.closed .app-sidebar-content {
        width: 4.5rem;
        min-width: 4.5rem;
    }

    .app-sidebar.closed .menu-body .list-group-item-text,
    .app-sidebar.closed .menu-footer .list-group-item-text {
        width: 0;
        opacity: 0;
    }

@media (max-width: 991.98px) {
    .app-sidebar {
        display: none;
        width: 0;
    }

        .app-sidebar.closed ~ .app-main, .app-sidebar.closed ~ .app-footer {
            padding-left: 0;
        }
}

:root {
    --vh: 1vh;
}

/* Menu Drawer */
.app-drawer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    min-height: calc(100vh - 3.313rem); /* Fallback for browsers that do not support Custom Properties */
    min-height: calc(var(--vh, 1vh) * 100 - 3.313rem);
    width: 18rem;
    max-width: 80vw;
    top: 3.313rem;
    right: -18rem;
    z-index: 1035;
    -webkit-transition: all .5s cubic-bezier(.65,.05,.36,1);
    -moz-transition: all .5s cubic-bezier(.65,.05,.36,1);
    -o-transition: all .5s cubic-bezier(.65,.05,.36,1);
    transition: all .5s cubic-bezier(.65,.05,.36,1);
}

    .app-drawer .drawer-wrapper {
        position: absolute;
        height: 100%;
        width: 100%;
    }

.app-drawer-overlay {
    display: block;
    position: fixed;
    visibility: hidden;
    left: 0;
    top: 3.313rem;
    opacity: 0;
    height: 0;
    width: 0;
    z-index: 1034;
    background-color: rgba(42, 53, 84, 0.5);
    content: '';
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

/* Drawer Open */
/* Segun el estado del sidebar, se debe agregar/quitar la clase .drawer-open al .app-container */
.app-drawer.open {
    right: 0;
    -webkit-box-shadow: 10px 25px 10px 20px rgba(0,0,0,0.3);
    box-shadow: 10px 25px 10px 20px rgba(0,0,0,0.3);
}

    .app-drawer.open::before {
        opacity: 1;
    }

.app-drawer.open ~ .app-drawer-overlay {
    visibility: visible;
    opacity: 1;
    height: calc(100% - 3.313rem);
    width: 100%;
}

@media (min-width: 992px) {
    .app-drawer {
        display: none;
    }

    .app-drawer-overlay {
        display: none;
    }
}

/* Contenido del sidebar y el drawer */
.menu-content {
    position: relative;
    height: 100%;
    width: 100%;
    background: rgb(90,37,159);
    background: linear-gradient(0deg, rgba(90,37,159,1) 0%, rgba(105,45,184,1) 50%, rgba(132,59,226,1) 100%);
    -webkit-box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
    box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
}

    .menu-content .menu-wrapper {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        overflow-anchor: none;
        -ms-overflow-style: none;
        touch-action: auto;
        -ms-touch-action: auto;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

.menu-wrapper .perfect-scrollbar {
    position: static;
    display: block;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.menu-content .list-group-item {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #FFFFFF;
    padding: 1rem 1.25rem;
    -ms-flex-align: center;
    align-items: center;
}

    .menu-content .list-group-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .menu-content .list-group-item.active {
        background-color: #4956FE;
    }

    .menu-content .list-group-item.item-salir {
        background-color: #8C53D1;
    }

.menu-content .menu-header {
    background-color: #FFFFFF;
    border-top: .1rem solid #CCCCCC;
    width: 100%;
    padding: 1rem 1.5rem;
}

.menu-content .menu-body .list-group-item {
    border-bottom: 0.1rem solid #9966CC;
}

    .menu-content .menu-body .list-group-item.accordion-toggle .material-icons::before {
        content: "";
        position: absolute;
        left: -1.5rem;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #FFFFFF;
        -webkit-clip-path: polygon(95% 50%, 60% 35%, 60% 65%);
        clip-path: polygon(95% 50%, 60% 35%, 60% 65%);
    }

.menu-content .menu-footer {
    margin-top: auto;
    width: 100%;
}

    .menu-content .menu-footer .list-group-item {
        border-top: 0.1rem solid #96C;
    }

    .menu-content .menu-body .material-icons,
    .menu-content .menu-footer .material-icons {
        position: absolute;
    }

    .menu-content .menu-body .list-group-item-text,
    .menu-content .menu-footer .list-group-item-text {
        padding-left: 2.5rem;
    }

/*--- MENU USUARIO LOGEADO ---*/
.dropdown-menu {
    border-radius: 0;
    border: 0;
    padding: 0;
    width: 16rem;
    top: 40px;
    left: calc(100% - 247px);
    -webkit-box-shadow: 0px 0px 3px 0px #E5E9F2;
    box-shadow: 0px 0px 3px 0px #E5E9F2;
}

    .dropdown-menu::before {
        display: block;
        position: absolute;
        right: 11px;
        bottom: 100%;
        height: 18px;
        width: 18px;
        pointer-events: none;
        border-bottom: 9px solid #CCCCCC;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        content: '';
    }

    .dropdown-menu .menu-user-info {
        border: 1px solid #DADBDD;
        padding: 1rem 2rem 1.5rem;
    }

        .dropdown-menu .menu-user-info .material-icons {
            font-size: 4rem;
        }

    .dropdown-menu .menu-shortcuts {
        background-color: #F0F0F7;
    }

        .dropdown-menu .menu-shortcuts .dropdown-item {
            border-top: 1px solid #DADBDD;
            border-right: 1px solid #DADBDD;
            border-left: 1px solid #DADBDD;
            font-size: 1rem;
            padding: 0.5rem 1.5rem;
        }

            .dropdown-menu .menu-shortcuts .dropdown-item:first-child {
                border-top: 0;
            }

            .dropdown-menu .menu-shortcuts .dropdown-item:last-child {
                background-color: #843BE2;
                border: 1px solid #843BE2;
                color: #FFFFFF;
            }

                .dropdown-menu .menu-shortcuts .dropdown-item:last-child:hover {
                    background-color: #BA6Cff;
                }

@media (min-width: 992px) {
    .dropdown-menu.animate {
        animation-duration: .25s;
        -webkit-animation-duration: .25s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slide-in {
    0% {
        transform: translateY(.5rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(.5rem);
        opacity: 0;
    }
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slide-in {
    -webkit-animation-name: slide-in;
    animation-name: slide-in;
}

.header-list-item-v7 {
    position: relative;
    vertical-align: middle;
    padding-right: 2px;
}

.tooltip-text {
    visibility: hidden;
    background-color: #464646;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    padding: 10px 10px;
    font-size: 12px;
    position: absolute;
    top: 30px;
    z-index: 1;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    left: 50%;
    transform: translateX(-50%);
}

.tooltip-text::after {
    content: " ";
    position: absolute;
    bottom: 100%; /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #464646 transparent;
}

.switch-wrapper:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.header-list-item-v7:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.logo-footer-iolv7 {
    width: 170px;
    height: 42px;
    background: url(../../images/svg/iol-logo-v7.svg)
}
.logos-redes-sociales {
    width: 253px;
    height: 44px;
    background: url(https://s3-alpha-sig.figma.com/img/495a/2f96/10e4ae049225bb56c999cb5e6cb847ba?Expires=1621209600&Signature=Ix5aH67Outbx8Rc3mAZn7XpvIaauDz~pG7eOECw5NfOdT561aQyuXFaiWlktLcOdgOp1zM~FYBl5oWO86C1OF~oRpqsATgWVoEt89q-Vhn33AsAqtxBP0SpGF~B4SVcYst4XMGjbjjMtfvWBlSwHKtZrZqDfqm2iCZh6PVSp43mymK-sYJU5mtueppnq~hMsYlidPm8H12~lgpAvzchRmBkA~~T0f6x~~YMvLBMB7WT~n2-5emykUCCjBu-gc09APaRXZiT12V01k8oY63AKl8DcJ7akb0uxiZBpVRkRR8yclrEbPHpsdJsQG7uffS175TyqbEb0uv79f61JE3xhuw__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA)
}

.margin-footer {
    margin-left: 4.5rem;
}

@media (max-width: 720px) {
    .margin-footer {
        margin-left: 0;
    }
}