@import 'variablesGlobales.css';
.panelizqdash{
    width: 50%;
    height: 100%;
}

.Panelarribadash{
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.logo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 400px;
}
.nombreusuario{
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    width: 200px;
}
.logout{
    font-size: 15px;
    width: 200px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    cursor:pointer;
    color: white;
    border-radius: 20px;
}
.contentMenuLogin{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.logoTec{
    width: 50%;
}
.logoTurM{
    width: 95%;
}
.logout:hover{
    font-weight:bold;
}
.paneliz1{
    width: 100%;
    height: 90%;
    background-color: #540AC1;   
    display: flex; 
    flex-direction: column;
    border-style: solid;
    border-width:0px 1px 0px 0px;
    border-color: #b9bbbe;
    overflow: hidden;
    border-right-width: 0px;
}

.usuario{
    width: 100%;
    height: 5%;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight:bold;
}
.items{
    width: 100%;
    height: 15%;
    border-radius: 25px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    font-size: 15px;
    background-color: rgba(123, 86, 251, 0.7);
    transition: all .2s ease-in-out;
    border-bottom: solid #540AC1;
}
.items:hover{
    background: #540AC1;
    font-weight:bold;
    color: white;

}
.itemsSeleccionado{
    width: 100%;
    height: 10%;
    background-color: #b9bbbe;
    display: flex;
    flex-direction: row;
    cursor:pointer;
    font-weight: bold;
}

.icono{
    width: 15%;
    height: 100%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: center;
    align-items: center;
}

.subitem{
    width: 85%;
    height: 100%;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
}

.subitem:hover{
    color: white;
}
.fontcolor{
    color: white;
}

.fontcolor:hover{
    color: white;
}
.fontcolor1{
    color: white;
}
.fonticonlogout{
    color: white;
}

.logospaneliz{
    display: flex;
    width: 100%;
    height: 10%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    padding-top: 15px;
}
.buttonConfig{
    color: white !important;
    background: rgb(84,10,193);
    background: linear-gradient(90deg, rgba(84,10,193,1) 0%, rgba(65,159,223,1) 74%, rgba(62,181,227,1) 87%, rgba(60,194,230,1) 96%, rgba(55,239,239,1) 100%);
    font-weight: bold;
    border-radius: 20px;
    border: none;
    width: 250px !important;
    margin-right: 5px;
}