﻿.avvisoMoon {
    /*
        display: inline-block;
        max-width: 1280px;
        margin: 4rem 0;
        padding: 4rem 4rem 2rem 4rem;
        border: 2px solid #eea43c;
        text-align: center;
        line-height: 2;
        position: relative;
        */
}

.avvisoLittle > .moon {
    display: inline-block;
    background-color: #fff;
    border: 2px solid #eea43c;
    margin: 0;
    padding: 0rem 5rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 40px;
    line-height: 36px;
}

.login-box-card-container {
    background-color: #eeeeee;
    border-radius: 20px; 
    margin-bottom: 40px;
    display:flex;
    justify-content:space-around;
    padding:0 20px 20px 20px;
}

.login-box-card {
    height: 270px;
    width: 220px;
    background-color: white;
    border-radius: 20px;
    padding: 10px;
    margin-top:20px;
    display: grid;
    grid-template-rows: 2fr 1fr 2fr;
}


.login-box-card-header {
    
    padding-top:15px;
}
.login-box-card-header .card-header-title {
    font-size: .9em;
    text-align:center;
}
.login-box-card-header .card-header-subtitle {
    font-size: .7em;
}

.login-box-card-body {
    display: flex;
    justify-content: center;
}

.login-box-card-footer {
    font-size: .8em;
    padding-bottom:10px;
    padding-left:5px;
}
.login-box-card-footer .card-footer-items {
    display: flex;
    flex-direction: column;
    margin-top:30px;
}

/*message bunner*/ 
.login-box-card-container.message-bunner .login-box-card {
    width: 100%;
    height: inherit;
    text-align: center;
    display:block;
    /*padding-top: 36px;*/
}
.login-box-card-container.message-bunner .login-box-card label {
    font-size: 1.6rem;
    font-weight: 600;
}




    .br-10 {
        border-radius: 10px;
    }

.w-190 {
    width:190px;
}

.mw-260 {
    max-width:260px;
}

@media (max-width: 991px) {
    .login-box-card-container {
        padding: 0 20px 20px 20px!important;
    }
}

/*mobile*/
@media only screen and (max-width: 600px) {
    .login-box-card {
        width:90%;
        padding:20px;
    }
    .login-box-card-header {
        font-size: 1em;
        padding-top: 15px;
    }
    .login-box-card-footer {
        font-size: .8em;
       
    }
    .login-box-card-container {
        padding: 20px 0 20px 20px !important;
    }

   


}
