/* TIPOGRAFIA DELLA PAGINA*/
body, header{
    background-color: var(--lighter-color) !important;
    font-family: 'Poppins', sans-serif;
}

.h1{
    font-size: 55px;
    letter-spacing: 0.55px;
    font-weight: 600;
    line-height: 70px;
    color: var(--primary-color);
}

.h2{
    font-size: 40px;
    letter-spacing: 0.55px;
    font-weight: 500;
    line-height: 60px;
    color: var(--primary-color);
}

.h3{
    font-size: 30px;
    letter-spacing: 0.55px;
    font-weight: 400;
    line-height: 45px;
    color: var(--primary-color);
}

.h4{
    font-size: 25px;
    letter-spacing: 0.55px;
    font-weight: 400;
    line-height: 35px;
    color: var(--primary-color);
}

.nav-link{
    font-size: 16px;
    letter-spacing: 0.55px;
    line-height: 35px;
    color: var(--primary-color) !important;
}

.dropdown-item:hover{
    color: var(--lighter-color) !important;
}

.dropdown-status{
    color: var(--darker-color) !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    text-decoration: none;

}

.w-dropdown > li:hover{
    color: var(--darker-color) !important;
    background-color: var(--navbar-color);
}

.active{
    background: var(--primary-color) !important;
    color: var(--lighter-color) !important;
    border-radius: 50px !important;
    padding-left: 17px !important;
    padding-right: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.p{
    font-size: 18px;
    letter-spacing: 0.55px;
    font-weight: 300;
    line-height: 35px;
    color: var(--primary-color);
}

.tab-title{
    font-size: 18px;
    letter-spacing: 0.55px;
    font-weight: 600;
    line-height: 35px;
    text-transform: uppercase;
    color: var(--lighter-color);
}

.tab-text{
    font-size: 16px;
    letter-spacing: 0.55px;
    font-weight: 300;
    line-height: 35px;
    color: var(--primary-color);
}

.box-text{
    font-size: 15px;
    letter-spacing: 0.55px;
    font-weight: 300;
    line-height: 35px;
}

.lil-text{
    font-size: 14px;
}

.orange-text{
    color: #FF9454;
}


/*COLORI*/

:root{
    --primary-color:    #004253;
    --secondary-color:  #004253;
    --tertiary-color:   #FF7F00;
    --lighter-color:    #FFFFFF;
    --grey-color:       #D4D4D4;
    --navbar-color:     #F8FAFB;
    --lighter-blue-color: #F8FAFB;
    --blue-color:       #4A94F7;
    --red-color:        #FF0000;
}

/*BUTTON*/

.blue-rounded-bg{
    background-color: rgba(39, 154, 225, 0.34);
}

.cyan-rounded-bg{
    background-color: rgba(171, 214, 241, 0.35);
}

.primary-button{
    color: var(--lighter-color);
    font-weight: 400;
    font-size: 18px;
    width: max-content;
    height: auto;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color)!important;
    border: 1px solid;
}

.primary-button:hover, .primary-button:hover:active{
    color: var(--lighter-color);
    background-color: var(--primary-color);
    border-color: var(--secondary-color);
    border: 1px solid;
}

.orange-button{
    color: var(--lighter-color);
    font-weight: 400;
    font-size: 18px;
    border-radius: 0px;
    width: max-content;
    height: auto;
    background-color: var(--tertiary-color);
    border-color: var(--tertiary-color)!important;
    border: 1px solid;
    text-transform: uppercase;
}

.orange-button:hover, .orange-button:hover:active{
    color: var(--lighter-color);
    background-color: #c25a00;
    border-color: #c25a00 !important;
    border: 1px solid;
}


.secondary-button{
    text-transform: uppercase;
    color: var(--primary-color);
    border: 1px solid #3d3d3d;
    font-weight: 400;
    font-size: 18px;
    width: max-content;
    height: auto;
    background-color: transparent;
}

.secondary-button:hover, .secondary-button:hover:active{
    color: var(--lighter-color);
    background-color: var(--primary-color);
}

.square-button{
    background-color: white;
    color: #FF9454;
    border-color: #FF9454;
    border: 1px solid;
    font-size: 14px;
}

.square-button:hover, .square-button:hover:active{
    background-color: #FF9454;
    color: white;
    border-color: #FF9454;
    border: 1px solid;
    font-size: 14px;
}

.gradient-bar{
    width: 50%;
    height: 100%;
    border-radius: 60px;
    background-image: linear-gradient(to right, #BDBDBD 0%, #515151 0%, #C1C1C1 51%, #5F5F5F 100%);
    opacity: 0.55;
    padding: 20px;
}

.text-right{
    text-align: right !important;
}

.text-white{
    color: var(--lighter-color) !important;
}

.orange-text{
    color: var(--tertiary-color);
}
.green-text{
    color: #688900;
}

.text-color-blue{color: #044C7C;}

.yellow-bgk{
    background-color: var(--secondary-color);
}

.yellow-bgk-light{
    background-color: #F4FED7;
}

.lightblue-bgk{
    background-color: #91D4FC;
}

.grey{
    background-color: #CDCDCD;
}

.blue-bgk{
    background-color: #044C7C;
}

.brown-bgk{
    background-color: #7C3B04;
}

.purple-bkg{
    background-color: #C333F8;
}

.orange-bgk{
    background-color: var(--tertiary-color);
}

.orange-bgk-light{
    background-color: #FEE1C9;
}

.light-grey{
    background-color: #F8FAFB;
}

.color-light-grey{
    color: #919191;
}

.color-orange-dot{
    color: #FEBE89;
}

.color-yellow-dot{
    color: #D7FD62;
}

.form-check-input:checked{
    background-color: var(--tertiary-color);
    border-color: var(--tertiary-color);
}

.form-check-input:focus{
    outline: 0;
    border-color: var(--tertiary-color);
    box-shadow: none;
}



/* COLORI BADGE */

.label-vetroosped{
    background-color: #2980b9!important;
}

.scritta-vetroosped{
    color: #2980b9!important;
}

.label-ordinecanc {
    background-color: #d9534f!important;
}

.scritta-ordinecanc {
    color: #d9534f!important;
}

.bg-red-500 {
     background-color: #ff666b!important;
}

.red-500 {
    background-color: #ff666b!important;
}

.label-primary{
    background-color: darkslategrey;
}

.text-label-primary{
    color: darkslategrey;
}

.bg-cyan-500{
    background-color: #28c0de!important;
}

.cyan-500{
    color: #28c0de!important;
}

.label-ordine{
    background-color: #FF7F00!important;
}

.scritta-ordine{
    color: #FF7F00!important;
}

.label-mancatarga{
    background-color: palevioletred;
}

.scritta-mancatarga{
    color: #DB7093FF!important
}

.bg-green-600{
    background-color: #11c26d!important;
}

.green-600{
    color: #11c26d!important;
}

.bg-cyan-800{
    background-color: #007d96!important;
}

.cyan-800{
    color: #007d96!important;;
}
.bg-cyan-500{
    background-color: #00BCD4!important;
}

.cyan-500{
    color: #00BCD4!important;;
}

.label-autoritirata {
    background-color: #27ae60!important;
}

.scritta-autoritirata {
    color: #27ae60!important;
}


.label-nomatch {
    background-color: #a942d9;
}

.scritta-nomatch{
    color: #a942d9;
}

.modifica{
    background-color: #824b24!important;
}

.scritta-modifica{
    color: #824b24!important;
}

.label-iniziolav{
    background-color: #5bc0de!important;
}

.scritta-iniziolav{
    color: #5bc0de!important;
}

.label-finelav{
    background-color: steelblue;
}

.scritta-finelav{
    color: steelblue;
}

.label-xmlgenerato{
    background-color: #af64cc!important;
}

.scritta-xmlgenerato{
    color: #af64cc!important;
}

.label-xmlscaricato{
    background-color: #148e81!important;
}

.scritta-xmlscaricato{
    color: #148e81!important;
}

.label-default{
    background-color: #37474F!important;
}

.text-muted{
    color: #a3afb7!important;
}

.label-assegnato{
    background-color: #0ad8c7!important;
}

.scritta-assegnato{
    color: #0ad8c7!important;
}

.label-ordinato{
    background-color: #12e417!important;
}

.scritta-ordinato{
    color: #12e417!important;
}

.label-invio{
    background-color: lightcoral;
}

.scritta-invio{
    color: lightcoral;
}

.green-movimento{
    background-color: #88c449 !important;
}

.text-green-movimento{
    color: #3f6419 !important;
}

.off-width{
    width: 850px !important;
}

.carousel-item:active, .active{
    background: transparent !important;
}