html { scroll-behavior: smooth;}

body {
    font-family: 'Poppins' !important;
    color: #808080 !important;
}

.titillium{ font-family: 'Titillium Web';}

a{ text-decoration: none;}
a:hover{text-decoration: none;}

.small-text{
    font-size: 0.7rem;
    font-weight: lighter;
    line-height: 1;
    margin: revert;
}

.color-blu{color: #1a67e7 !important;}
.color-verde{color:#19a852 !important;}
.color-blu-chiaro {color:#e8f3fc !important;}
.color-grigio-chiaro {color: #f9f9fb !important;}
.color-grigio{ color:#efecec !important;}
.color-grigio-scuro{ color:#808080 !important;}
.text-black{ color:#000000;}
.text-white {color: #ffffff;}

.bg-blu{background-color:#1a67e7 !important;}
.bg-verde{background-color:#19a852 !important;}
.bg-beige{background-color: #ece7de !important;}
.bg-blu-chiaro {background-color:#e8f3fc !important;}
.bg-grigio-chiaro {background-color: #f9f9fb !important;}
.bg-grigio{background-color:#efecec !important;}
.bg-grigio-scuro{ background-color:#808080 !important;}
.bg-white-trasparent{ background-color: rgba(255, 255, 255, 0.62) !important;}

.border-blu{border-color: #1a67e7 !important;}
.border-verde{border-color: #19a852 !important;}
.border-blu-chiaro {border-color:#e8f3fc !important;}
.border-grigio-chiaro {border-color: #f9f9fb !important;}
.border-grigio{border-color:#efecec !important;}
.border-grigio-scuro{border-color:#808080 !important;}

.line-blu{
    background-color: #1a67e7 !important;
    opacity: 100 !important;
}

.line-blue{
    background-color: #1a67e7 !important;
    opacity: 100 !important;
}

.blu-button{
    background-color: #1a67e7 !important;
    color: #f9f9fb !important;
    box-shadow: 1px 1px rgba(170, 170, 170, 0.55);
    padding:7px;
    border:none;
}

.grigio-button{
    box-shadow: 1px 1px rgba(170, 170, 170, 0.55);
    padding:7px;
}

.blu-button:hover{
    color: #f9f9fb;
    box-shadow: 1px 1px rgba(170, 170, 170, 0.55);
    padding:7px;
    border:none;
    cursor: pointer;
}

.testo-asp {
    margin: revert;
}

.mobile{
    display: none
}

.header{
    background-color:#1a67e7 !important;
}

.navbar-brand{
    max-width: 80% !important;
    max-height: 150px !important;
}

.web-app-nav{
    justify-content: center;
}

.navbar-toggler{
    border:none!important;
    box-shadow: none !important;
}

.toggler-icon {
    display: inline-block;
    height: 1.5em;
    vertical-align: middle;
    border:none!important;
    box-shadow: none !important;
}

.navbar-nav{
    text-align: right;
}

.nav-link , .nav-item{
    color: #ffffff !important;
    opacity: 255;
    font-size: x-large;
    padding: 3px;
}

.dropdown-item, .dropdown-item:focus, .dropdown-item:hover {
    color:#808080 ;
    font-weight: bold;
}

.dropdown-menu{
    text-transform: uppercase;
    background: rgba(248, 246, 246, 0.84);
    text-align: right;
    border-radius: 0;
    font-weight: bold;
}

.footer-brand{max-width: 300px !important;}

.logo-asp{
    width:20% !important;
    margin: 0;
    text-align: center;
}

.logo-asp-img{
    max-width: 200px;
}

.logo-asp-text{    margin: 0;
    width: 60%!important;
    font-size: x-large;
}

.logo-asp-text-left{
    margin: 0;
    width: 50%!important;
    padding:10px;
    align-self: self-end;
}

.logo-asp-text-right{
    margin: 0;
    width: 50%!important;
    padding:10px;
    align-self: self-end;
}

.logo-asp-text-bottom{width: 100%!important;
    padding:5px;
    margin: 0;
    letter-spacing: 3px;
}

.corpo{
    background-image: url("../img/slide_1.jpg");
    background-color: #cccccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.min-vh-100{
    min-height: 100vh;
}



.form-control{
    font-style: italic;
    background-color:#e8f3fc;
    border-radius: 2px;
    padding:5px;
    min-height: 40px;
}


input[type="date"]::-webkit-calendar-picker-indicator {
   background-image: url("../img/Calendar.svg");
}

.alert{
    position: fixed !important;
    z-index: 1000 !important;
    text-align: center !important;
    left: 10% !important;
    width: 80% !important;
    top: 50px !important;
}

.informativa{
    max-height: 700px;
    overflow: auto;
}

@media only screen and (max-width: 1010px) {
    .navbar-nav{ float: right; }
    .small-text {font-size: 1.1rem;}
    .mobile{display: inline !important;}
    .desktop{display: none !important;}
    .logo-asp-text{font-size: xx-small;}
    .logo-asp-text-footer * {font-size: small;}
    .informativa{font-size: xx-small;    }
    .corpo{text-align: center;}
}