/* CORRECTIONS */
    
    .sideBar_container{
        height: 100%;
        max-width: 350px;
        z-index: 2;
    }
    
    .sideBarExternalContainer{
        height: 100%;
    }
    
    .extraclases{
        display: none;
    }
    
    .sideBarExternalContainer > div{
        height: 100%;
    }
    
    body .elementor-section.platoformContent{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        background-color: white;
    }
    
    body .elementor-section.platoformContent main.elementor-column.contentPlatform{
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    
    #outer_shopping_button, #qlwapp{
        display: none !important;
    }
    
    #apus-header > div > div > div > section{
        display: none;
    }
    
    #apus-main-content{
        padding-bottom: 0;
    }
    
    
    
    /* SIDEBAR */
    
    .sideBar_partners{
        height: 100%;
        width: 100%;
        font-size: 16px;
        display: flex; 
        flex-direction: column;
        justify-content: space-between;
        box-shadow: 1px 1px 10px grey;
        background: linear-gradient(to right, #f1f1f1, #f7f7f7);
    }
    
    
    /* SIDEBAR HEADER */
    
    .sideBar_partners .accountInformation{
        width: 100%;
        margin-bottom: 3vh;
        padding: 5%;
        background: linear-gradient(to left, #52ae32, green);
        color: #ffffffdb;
        font-weight: 550;
    }
    
    .sideBar_partners .accountInformation > div{
        display: flex;
        align-items: center;
    }
    
    .sideBar_partners .accountInformation .extraDetailsAccount {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 10px;
        font-size: 16px;
    }
    
    .sideBar_partners .accountInformation .detailsAccount{
        display: flex;
        flex-direction: column;
        gap: 5px;
        justify-content: center;
    }
    
    .sideBar_partners .accountInformation .detailsAccount h5{
        margin: 0;
        font-size: 1.1em;
        color: white;
    }
    
    .sideBar_partners .accountInformation .detailsAccount > span{
        font-size: .8em;
    }
    
    .sideBar_partners .accountInformation .mainLogo{
        width: 25%;
        aspect-ratio: 1;
        padding: 10px;
    }
    
    .sideBar_partners .accountInformation .imageLogo{
        background-image: url('https://www.edugreentraining.com/wp-content/uploads/2024/10/audience.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }
    
    /* CONTENT SIDEBAR */
    
    .sideBar_content{
        padding: 0 3%;
    } 
    
    .sideBar_content .menuOptions{
        font-size: 1.1em;
    }
    
    .sideBar_content .menuOptions > div{
        padding: 20px 5px;
        display: flex;
        align-items: center; 
        gap: 7px;
        cursor: pointer; 
        font-weight: 550;
        border-radius: 1em;
        margin: 5px 0;
        --colorVar_hover: #3e3e3e;
        --filterBrightNess_hover: 1;
    }
    
    .sideBar_content .menuOptions > div:hover{
        background: linear-gradient(to right, #549b54, #59c334cf);
        --colorVar_hover: white;
        --filterBrightNess_hover: 10;
        color: white;
    }
    
    .sideBar_content .menuOptions img{
        width: 23px;
        filter: brightness(var(--filterBrightNess_hover));
        brightness: var(--filterBrightNess_hover);
    }
    
    .sideBar_content .menuOptions i{
        font-size: 20px;
        color: var(--colorVar_hover);
    }
    
    .sideBar_content .menuOptions a:hover, .sideBar_content .menuOptions a{
        color: var(--colorVar_hover);
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    
    
    
    /* notification result process */
    
    #notificationBoxContainer{
        z-index: 10;
        display: flex;
        position: fixed;
        bottom: 50px;
        right: 0;
        flex-direction: column;
        gap: 10px;
    }
    
    .notificationBox{
        animation: notificationMovement 4s forwards;
        --messageNotification: "Vinculación de la categoría hecha con éxito";
    }
    
    @keyframes notificationMovement{
        
        0%{
            transform: translateX(100%);
            opacity: 0;
            scale: .5;
        } 
        
        15%{
            transform: translateX(0%);
            opacity: 1;
            scale: 1;
        }
        
        90%{
            transform: translateX(0%);
            opacity: 1;
            scale: 1;
        }
        
        100%{
            transform: translateX(100%);
            opacity: 0;
            scale: .4;
        }
    }
    
    .notificationBoxContent{
        background-color: lightgreen;
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 5px 15px;
        border-radius: 10px 0 0 10px;
    }
    
    .notificationBoxContent .failedChange{
        display: none;
    }
    
    
    /*  if there was an error while executing the process */
    
    .notificationBox.failed .notificationBoxContent{
        background-color: #ffb8b8;
    }
    
    .notificationBox.failed .failedChange{
        display: block;
    }
    
    .notificationBox.failed .successfulChange{
        display: none;
    }
    
    
    .notificationBoxContent .iconNotification{
        color: green;
        font-size: 20px;
    }
    
    .notificationBoxContent .textNotification h5{
        color: green;
        font-size: 15px;
    }
    
    .notificationBoxContent .textNotification h5::after{
        content: var(--messageNotification);
    }
    
    .notificationBox.failed .notificationBoxContent .iconNotification{
        color: red;
    }
    
    .notificationBox.failed .notificationBoxContent .textNotification h5{
        color: red;
    }