:root{
    --custom-brand-color: rgba(160,0,32,1);
    --custom-brand-color-overlay: rgba(160,0,32,0.1);
    --custom-brand-gradient-color-1: rgba(160,0,32,1);
    --custom-brand-gradient-color-2: rgba(202, 0, 42,1);
    --custom-brand-gradient-color-2-trasp: rgba(202, 0, 42,0.5);
    --custom-brand-gradient-color-1-login: rgba(160,0,32,0.9);
    --custom-brand-gradient-color-2-login: rgba(202, 0, 42,0.9);
    --custom-brand-navbar-shadow-opacity: 0.2;
}

*:not(i){
    font-family: Lato !important; 
}
.card-title h3{
    font-weight: 700 !important;
}
.theadhere th {
    height: 1px;
    line-height: 1px;
    opacity: 0.7;
}
.wrapper{
    background: -moz-linear-gradient(36deg, var(--custom-brand-gradient-color-1-login) 21%, var(--custom-brand-gradient-color-2-login) 100%) !important;
    background: -webkit-linear-gradient(36deg, var(--custom-brand-gradient-color-1-login) 21%, var(--custom-brand-gradient-color-2-login) 100%) !important;
    background: linear-gradient(36deg, var(--custom-brand-gradient-color-1-login) 21%, var(--custom-brand-gradient-color-2-login) 100%) !important;

}
body{
    background-image: url('../images/Intralogistica-Poster_16x9w1920 (1).jpg');
    background-repeat:no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.main-content{
    display: flex;
    align-items: center;
    align-content: center;
    padding: 0rem;
}
#loginModal > .modal-dialog > .modal-content{
    padding: 1rem .2rem 1rem .2rem;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid transparent !important;
    border-radius: 10px;
}
.placeholder{
    /*color: white !important;*/
    font-size: 15px !important;
    font-weight: 600 !important;
}
h1{
    /*color: white !important;*/
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px !important;
    font-weight: 600 !important;
}

.features-footer{
    position: absolute; 
    bottom: 8%; 
    width: 100%; 
    text-align: center;
}

.features-footer-header{
    color: white; 
    margin-bottom: 20px; 
    font-weight: 500;
    opacity: 0.8;
}

.features-footer-feature{
    display: inline-block;
    margin: auto 10px auto 10px; 
    color: white;
}

.features-footer-feature i{
    text-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.features-footer-feature-devider{
    font-size: 30px; 
    font-weight: 100;
    opacity: 0.7;
}

.not-available-feature{
    opacity: 0.5;
    cursor: not-allowed !important;
}
.not-available-feature i{
    text-shadow: 0 0 20px rgba(0,0,0,0);
}


/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font-weight: 600 !important;
}
@media only screen and (max-width: 579px) {
    .features-footer{
        display: none;
    }
}