body {
    height:700px;
}
.centrado{
    display:grid;
    place-content:center;
}
.cardlogin {
    width: 460px;
    height: 540px;
    background: rgb(158,97,218);
    background: -moz-linear-gradient(315deg, rgba(158,97,218,1) 27%, rgba(41,31,38,1) 95%);
    background: -webkit-linear-gradient(315deg, rgba(158,97,218,1) 27%, rgba(41,31,38,1) 95%);
    background: linear-gradient(315deg, rgba(158,97,218,1) 27%, rgba(41,31,38,1) 95%);

}

.cardloginFirst {
    width: 460px;
    height: 540px;
    background: rgb(70,120,177);
    background: -moz-linear-gradient(315deg, rgba(70,120,177,1) 27%, rgba(41,31,38,1) 95%);
    background: -webkit-linear-gradient(315deg, rgba(70,120,177,1) 27%, rgba(41,31,38,1) 95%);
    background: linear-gradient(315deg, rgba(70,120,177,1) 27%, rgba(41,31,38,1) 95%);
}

.fondoPagina {
    background-image: url("ImgCSAH/ImgHome_CSAH.png");
    background-size: cover;
}
.NavCsah{
    padding:16px 32px 8px 32px;    
    background-color:transparent;
}
.appbarMenu{
    border-radius:45px;
   
    }
.logo {
    height:100%;
    padding: 4px 4px 4px 4px;
}
.mud-appbar {
    height: 90px;
    padding-left: 0px;
    padding-right:24px;
    
}
.mud-appbar-height{
    height: 85px;
    padding-left: 0px;
}
.mud-toolbar {
    height: 90px !important;
}

.mud-button-label {
    padding-left: 25px !important;
    padding-right: 25px !important;
    text-transform: none !important;
    font-size:20px;
}
.cardInicio {
    border-radius: 15px;
    min-width: 300px;
    max-width: 600px;
    place-items:center
}


.mud-tab {
    justify-content: start !important;
}

.mud-tab-active {
    color: #A855F7 !important;
}

    .mud-tab-active .mud-icon-root {
        color: #A855F7 !important;
    }

    .mud-tab-active .mud-tab-slider {
        color: #A855F7 !important;
    }


.txt12 {
    font-size: 12px
}

.txt14 {
    font-size: 14px;
    font-weight: 600;
}

.w100{
    width:100px;
}
.w200 {
    width: 100px;
}
.w300px {
    width: 300px;
}
.mud-tabs-toolbar-inner{
    height:100%;
}

/*.imgDisplay:hover {
   
}
    .imgDisplay:hover .btnDisplay {
        display: grid !important;
        place-content: center;
        transition: display 1.5s ease-in-out;
    }*/

.btnDisplay {
    display: none;
}
    /*.btnDisplay:hover {
        display: block;
        transition: display 1.5s ease-in-out;
    }*/

.cardDisplay:hover .imgDisplay {
    display: none;
}
.cardDisplay:hover .btnDisplay {
    height: 100%;
    display: grid;
    place-content: center;
    transition: display 1.5s ease-in-out;
}