html, body{
    height: 100%;
}

/*Margin utils start*/
.b-radius-0{
    border-radius: 0;
}
/*Margin utils end*/
/*Utils colori start*/
.color-green{
    color: #008000!important;
}

.color-orange{
    color: #ff4500!important;
}

.color-red{
    color: #ff0000!important;
}

.color-white{
    color: #ffffff!important;
}
/*Utils colori end*/
/*Utils fonts start*/
.font-size-small{
    font-size: small;
}
/*Utils fonts end*/


/*Header start*/
.header-link{
    font-size: small;
    color: #ffffff;
    padding-left: 0!important;
}

.header-link:after{
    content: "|";
    color: #ffffff;
    margin-left: 0.2vw;
}
/*Header end*/


.nav-aruba{
    height: 35px;
    width: 100%;
    background: #333;
}

.top-page{
    padding-top: 3%;
    padding-bottom: 3%;
    border-bottom: 1px solid #a69c9c!important
}


.button-generic{
    padding-left: 2vw;
    padding-right: 2vw;
    font-size: small;
}

.button-link{
    background: none!important;
    border: none;
    padding: 0!important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}


footer {margin-left:50px;
    margin-right:50px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid gray;
    color: #aaa;}

.demo-button-login {
    background-color: #0068ca;
    color: white;
}

.spid-logo {
    padding:15px;
}

.agid-logo {
    max-height:50px;
}

.agid-logo-wrapper {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 25px;
}

.vertical-center {
    margin-top: 2%;
}

.user-info-card hr{
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    border: none;
    max-width: 100%;
}


/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
    .nav-aruba{
        height: auto;
    }
    .nav-aruba-container{
        justify-content: flex-end!important;
    }
    .header-link:after{
        content: "";
    }
}