/* 
    Created on : 5/03/2019, 05:23:44 PM
    Author     : Jesús Morales
*/

.menu-link {
    text-decoration: none;
    font-size:15px;
    color: var(--blanco);
}

#formMenu {
    top: inherit;
}

#divMenu {
    width: 250px;
    background-color: var(--principal);
    bottom: 0;
    top: 0px;
    position: absolute;
}

#imgMenu {
    width: 60px;
    height: 52px;
    background-image: url(../resources/images/avocado2_1/ic_menu.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-icon {
    height: 25px;
    width: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.close-menu-x {
    width:60px;
    cursor: pointer;
    color:var(--blanco) !important;
    display:none;
    font-size:17px;
}

.menu-items {
    height: calc(100% - 53px);
    overflow: hidden;
}

.menu-items-container {
    overflow-y: scroll;
    height: 100%;
    width: 270px;
}

.menu-item {
    height:53px;
    position:relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    opacity: 0.5;
    display: table;
}

.menu-item .menu-item-text {
    color: var(--blanco);
    display: table-cell;
    vertical-align: middle;
}

.menu-item:hover {
    cursor: pointer;
    background-color: var(--secundario);
    opacity: 1;
}

.menu-item-selected {
    cursor: pointer;
    background-color: var(--secundario);
    opacity: 1;
}

.menu-item-selected:after {
    content:'\A';
    position: absolute;
    background: var(--blanco);
    top:0; bottom:0;
    left:0;
    width:5px;
}

.avocado-loader-dialog-content {
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
}