*{
    font-family: Roboto;
    margin: 0px;
    padding: 0px;    
    font-size:12px;
    line-height: 12px;
    letter-spacing: 0px;
}

a{
    text-decoration: none;
    font-weight: normal;
}


.no_desktop{
    display: none !important;
}

.ball{
    width: 20px !important;
    min-height: 20px !important; 
    max-height: 20px !important;
    height: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    text-align: center;
    margin: auto;
}

#user{
    width: calc(100% - 20px);
    padding: 5px;
    text-align: center;
    font-size: 12px;
    color:white;
    background-color:#1e212a;
    padding: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    min-height: 35px;
}
#foto_user{
    width: 35px;
    height: 35px;
    overflow: hidden;
    float: left;
    background-color:#1e212a;      
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border:5px solid #2e323e;
}

#user #foto_user img{
    height: 100%;
    background-color:#1e212a;    
    display: block;
    margin: auto;
}
#logout{
    float: right;
}
#logout img{
    height: 24px;
    cursor: pointer;
}

a{
    text-decoration: none;
    color:#444;
}
a:hover{
    text-decoration: underline;
}

.marginauto{
    margin: auto !important;    
    float: none !important;
    clear: both !important;
}
html,body{
    margin:0px;
    padding:0px;
    font-family:Roboto;
    width: 100%;
    height: 100%;
    background-color:#eee;       
}

#loader{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    text-align: center;
    display: none;
}


#loaderimg{   
    padding-top:25px;
    margin-top: 150px;    
    background-color: transparent;
}

#loadertesto{
    width: 100%;
    text-align: center;
    font-family: Roboto;
    font-size:24px;
    line-height: 24px;
    letter-spacing: -1px;
    color:white;    
    background-color: transparent;
    padding-bottom:25px;
    font-weight: 700;
    text-transform: uppercase;
}

.loaderlista{
    width: 100%;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

#fullscreen{
    width: 100%;      
}

h1{               
    padding: 5px;
    text-transform: none;    
    height: 30px;        
    line-height: 30px;            
    font-size: 20px;            
    font-family: Roboto;    
    font-weight: 500;
    overflow: hidden;    
    margin-bottom: 5px;    
    width: calc(100% - 30px);
    color:#444;  
}
h1 .pulsantesmall{
    margin: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #3699FF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
h1 .pulsantesmall:hover{
    opacity:0.5;
}

h1 img{
    float: left;
    margin: 0px;
    margin-right: 5px;
    height: 50px;
}


h2{
    color:#878787;    
    width: calc(100% - 30px);
    padding:10px 10px 10px 0px;       
    text-transform: none;    
    height: 30px;        
    line-height: 30px;            
    font-size: 18px;    
    font-family: Roboto;    
    font-weight: 600;
    color:#444;    
    color:#4E4C60;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    overflow: hidden;    
}
h3{    
    color:#878787;    
    width: calc(100% - 20px);
    padding:5px 10px 10px 0px;       
    text-transform: none;    
    height: 25px;        
    line-height: 25px;            
    font-size: 16px;    
    font-family: Roboto;    
    font-weight: 600;
    color:#444;    
    color:#4E4C60;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    overflow: hidden;
}

h4{          
    color:#878787;    
    width: calc(100% - 5px);
    padding:5px 0px 5px 0px;       
    text-transform: none;    
    height: 25px;        
    line-height: 25px;            
    font-size: 14px;    
    font-family: Roboto;    
    font-weight: 500;
    color:#444;    
    color:#4E4C60;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    overflow: hidden;
}

h5{   
    color:#878787;    
    width: calc(100% - 10px);
    text-transform: none;    
    height: 20px;        
    line-height: 20px;            
    font-size: 12px;    
    font-family: Roboto;    
    font-weight: 500; 
    color:#4E4C60;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    overflow: hidden;
}

h6{        
    width: calc(100%);    
    text-transform: none;    
    height: 14px;        
    line-height: 14px;            
    font-size: 12px;    
    font-family: Roboto;    
    font-weight: 600;       
    color:#4E4C60;
    margin-bottom: 1px;    
    height: 36px;
    line-height: 36px;
}


.width10{
    width: 10.00%;
    min-width: 10.00%;
    max-width: 10.00%;
}

.width14{
    width: 14.28%;
    min-width: 14.28%;
    max-width: 14.28%;
}

.width50{
    width: 50%;
    min-width: 50%;
    max-width: 50%;
}
.width33{
    width: 33.33%;
    min-width: 33.33%;
    max-width: 33.33%;
}
.width40{
    width: 40%;
    min-width: 40%;
    max-width: 40%;
}
.width45{
    width: 45%;
    min-width: 45%;
    max-width: 45%;
}
.width55{
    width: 55%;
    min-width: 55%;
    max-width: 55%;
}
.width60{
    width: 60%;
    min-width: 60%;
    max-width: 60%;
}
.width66{
    width: 66.66%;
    min-width: 66.66%;
    max-width: 66.66%;
}


.width75{
    width: 75%;
    min-width: 75%;
    max-width: 75%;
}

.width25{
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}
.width20{
    width: 20%;
    min-width: 20%;
    max-width: 20%;
}

.width70{
    width: 70%;
    min-width: 70%;
    max-width: 70%;
}
.width30{
    width: 30%;
    min-width: 30%;
    max-width: 30%;
}

/**LOGIN**/
#logo{
    font-family: Roboto;
    color:white;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
}
#login{
    width: 400px;
    height: calc(100% - 75px);
    float: left;
    padding: 55px 20px 20px 20px;  
    margin: 0px;
    background-color: white;
}
#div_login #nomeutente, #div_login #password, #div_login #codice,#div_login #recuperopassword,#div_login #password_1,#div_login #password_2{
    width: calc(100% - 20px);
    height: 40px;
    line-height: 40px;
    padding:10px;    
    border:none;        
    color:darkgray;
    margin: auto;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    background-color: #F2F6F9;
    margin-top: 10px;
}


#div_login #errorelogin{
    background-color:white;
    width: calc(100% - 20px);    
    padding:5px;
    margin: 5px;
    display: none;
}

#accedi, #pulsanterecuperopassword, #pulsante_reset_password,#installa_app{
    width: calc(50%);
    height: 50px;
    line-height: 50px;    
    background-color:#3699FF;
    text-align: center;
    color:white;
    font-size: 14px;
    border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    margin: auto;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#banner_gestendo{
    width: calc(100% - 440px);
    height: 100%;
    float: left;
    overflow: hidden;
    text-align: left;
    background-color: rgba(255,255,255,0.5);    
}

#banner_gestendo img{
    height: 100%;
}

#riferimenti{
    position: absolute;
    bottom: 10px;
}
#riferimenti a{
    font-size: 11px;
    margin: 5px;
}

/*FINE LOGIN*/

.displaynone{
    display: none;
}

.float-right{
    float:right !important;
}

.float-left{
    float:left !important;
}

.clear{
    clear: both;   
    height: 0px;
    min-height: 0px;
    max-height: 0px;
}

.height10{
    clear: both !important;   
    height: 10px;
    min-height: 10px;
    max-height: 10px;
}
.height5{
    clear: both !important;   
    height: 5px;
    min-height: 5px;
    max-height: 5px;
}

.separatore{
    clear: both;   
    height: 10px;
    min-height: 10px;
    max-height: 10px;
}

right{
    min-width: 500px;   
    background-color:#eee;
    position: fixed;
    display: none;
    right: 0px;
    top: 0px;
    bottom:0px;
    display: none;
}

right img{
    position: absolute;
    height: 50px;
    margin-left: -50px;
    cursor: pointer;
}

right div{
    padding:5px;    
    
}

.pulsante{
    background-color: #3699FF;    
    color:white;    
    min-width: 100px;
    width: fit-content;
    height: 36px !important;    
    line-height: 36px !important;    
    cursor: pointer;    
    font-size:12px;
    font-weight: 300;
    text-transform: uppercase;
    border:none;        
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    padding: 0px 10px 0px 10px;
    margin-right: 5px;    
    margin-bottom: 5px;    
}

.pulsante_white{
    color:#3699FF !important;
    background-color:white !important;    
    height: 38px !important;    
    line-height: 38px !important;    
    border:1px solid #3699FF;
}
.pulsante_white img{
    overflow: hidden;
    background-color: #3699FF !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.pulsantesmall{
    background-color: #3699FF;
    color:white;    
    width: 20px;
    height: 20px;    
    line-height: 20px;   
    margin: 5px;
    margin-right: 5px;    
    cursor: pointer;       
    border:none;        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;    
    padding: 0px;
}


.pulsante_ordinamento{
    background-color: #3699FF;
    color:white;    
    width: 20px;
    height: 20px;    
    line-height: 20px;   
    margin: 5px;
    margin-right: 5px;    
    cursor: pointer;    
    font-size:10px;
    font-weight: 300;
    text-transform: uppercase;
    border:none;        
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;    
    padding: 0px;
}

.pulsante img{
   height: 20px;
   margin: 8px;
   margin-left: 0px;
   float: left;
}

.pulsante:hover, .pulsantesmall:hover{
    background-color:#274f92;
    color:white;
    text-decoration: none;
}


.pulsantesmall img, .pulsanteimg img{
    height: 15px;
    padding: 2.5px;
    text-align: center;
    float: left;
}



.pulsantepiu{
    background-color: #039be6;
    color:white;
    width: 35px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    font-size:18px;
    font-weight: bold;
    border:none;    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; 
}


.pulsanteimg{
    background-color: #039be6;
    color:white;
    font-size: 12px;
    width: 120px;
    min-width: 120px;
    max-width: 120px;    
    height: 35px;
    max-height: 35px;
    line-height: 35px;
    cursor: pointer;
    padding:0px 10px 0px 10px;
    font-size:14px;    
    border:none;
    margin:5px 5px 5px 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;    
    border:none;
    text-decoration: none !important;
}



.pulsantericerca{
    background-color:#21975B;
}
.pulsantepdf{
    background-color:#BB0706;
}

.pulsantedettagli{
    height: 32px;
    cursor: pointer;
}


.pulsantegray{
    background-color: gray;
    color:white;
}

.verdeacceso{
    color:#82B53F;
}

.pulsante2{
    color:white;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 2px;
    cursor: pointer;    
    font-size:12px;
    border:none;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    font-weight: bold;
    background-color:transparent;
    overflow: hidden;
}
.pulsante2 img{
    width: 32px;
}



.rigavuota{
    background-color:#159d97 !important;
}

.pulsanteelimina, .delete, .color_red, .red{
    background-color:#e54c34 !important;
    color:white !important;   
}

.pulsanterosa{
    background-color: #FD808A;
}

.pulsanteclona{
    background-color:#ffae19;
}
.pulsanteorange{
    background-color:#FCAF39;
}

.pulsanterosa{
    background-color:#bf5353;
}

.pulsanteceleste{
    background-color:#19aa9c;
}

.email{
    background-color:#27c1ce;
}
.lead{
    background-color: #46bcb6 !important;    
    color:white !important;
}
.color_riconcilia_pagamento{
    background-color: #bcd7a8 !important;
    color:white !important;
}

.divricercagenerale{
    width: calc(100% - 10px);
    padding:5px;    
}

.selectricercagenerale{
    width: 150px;
    height: 35px !important;        
    line-height: 35px !important;        
    border:none;
    padding:0px !important;
    margin:0px !important;
    float: left;
    text-align: center;
    background-color:#039be6;
    color:white;    
}
.ricercagenerale{
    height: 35px !important;    
    width: calc(100% - 205px);
    min-width: calc(100% - 205px);
    max-width: calc(100% - 205px);    
    padding:0px !important;
    margin:0px !important;
    padding-left:10px !important;
    float: left;
    border:none;
    border-bottom:1px solid lightgray;
}
.pulsantericercagenerale{
    width: 45px;
    height: 35px;        
    background-color:#039be6;
    border:none;
    padding:0px;
    margin:0px;
    float: left;
    border:none;
    text-align: center;
    cursor: pointer;
}
.pulsantericercagenerale:hover{
    background-color:#d6d6d6;
}
.pulsantericercagenerale img{
    height: 31px;
    margin: 2px;
}


#menu{
    width: 200px;    
    position: fixed;
    top:0px;
    bottom:0px;
    z-index: 1 !important;
    overflow: auto;    
    overflow-x: hidden;        
    background-color:#34373f; 
    box-shadow: 1px 1px 1px darkgray;
}

#menu a, #menu .no_link{     
    width: calc(100% - 25px);
    padding-left: 20px;
    height: 45px;
    max-height: 40px;
    line-height: 40px;
    color:white;
    text-decoration: none;
    text-align: left;    
    font-size: 12px;    
    letter-spacing: 1px;    
    cursor: pointer;
    text-align: left;
    display: block;
    font-weight: 300;
    overflow: hidden;
    background-color: #34373f;
       
}

.menu_selected{
    width: calc(100% - 20px) !important;    
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color:#039be6 !important;
}

#menu a:hover, #menu .no_link:hover{    
    background-color:#4a4d54;    
}
#menu a img, #menu .no_link img{
    height:20px;
    margin:10px; 
    float: left;
    margin-right: 15px
}

#menu a img, #menu .no_link img{
    filter: brightness(0) invert(1) grayscale(100%) contrast(100%);
}

.sottomenu{    
    display: none;
    background-color:#616369;
}

.sottomenu a{        
    width: calc(100% - 35px);
    padding-left: 35px !important;
    font-size: 11px !important;
    height: 35px !important;
    line-height: 35px !important;        
    background-color:#616369 !important;
}

#header{   
    display:none;
}
        

#container{    
    display: block;
    width: calc(100% - 210px);    
    height: 100%;
    padding: 0px;
    margin: 0px 10px 0px 210px;
    float: left;    
}


#container_topbar{    
    width: calc(100% - 180px);    
    height: calc(100% - 50px);    
    position: fixed;
    top:30px;
    bottom:0px;
    left:175px;
    margin-left: 5px;
    overflow: auto;
    z-index: 0;
}

.topbar{
    top:0px;
    position:fixed;
    height: 30px;
    background-color:#eee;
    left: 180px;
    right:0px;
    z-index: 10;       
}

.topbar .vocemenu{
    float: left;   
    width: 75px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;    
    
    font-weight: 500;
    color:#737373;    
    font-size:11px;
    text-align: center;
    border-right: 1px solid lightgray;
    text-transform: uppercase;
}

.topbar .vocemenu:hover{    
    color:orange;   
    cursor: pointer;
}

.topbar_sottomenu{
    display: none;   
    position: absolute;
    margin-top: 30px;
    width: 150px;
    height: auto;
    display: none;
    
}

.topbar_sottomenu a{
    height: 20px;
    line-height: 20px;
    width: 100%;
    background-color:white;
    border-bottom:1px solid #eee;
    display: block;
    text-decoration: none;
    padding: 5px;
    font-size: 11px;    
    font-family: Roboto;
    font-weight: 500;
    color:#737373;    
    text-align: left;
}

#footer{            
    width: calc(100% - 40px);    
    margin: 0px 10px 10px 0px;    
    overflow: auto;
    padding: 10px;
    float: left;
    background-color:white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#footer .pulsante{
    height: 30px;
}


#totali,#totali_pagamenti{
    width: 500px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: fixed;    
    font-size:13px;
    padding: 10px;
    margin: auto;      
    top: 15%;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(0,0,0,0.8);
    z-index: 2 !important;
    display: none;
}

#totali .titolo, #totali_pagamenti .titolo{
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    width: calc(100% - 15px);
    padding: 0;
    padding-left: 10px;
    margin: 0;
    font-weight: 300;
    letter-spacing: 1px;    
    color:white;
    border-bottom: none;
    margin-bottom: 10px;
}
#totali .titolo img, #totali_pagamenti .titolo img{
    height: 24px;
    margin-top: 4px;
    float: right;
    clear: both;
    cursor: pointer;    
}

#totali .box, #totali_pagamenti .box{
    margin: auto;
    float: none;
}

#ricercagenerale{
    width: 650px;
    float: right;
}

.scheda{
    width: 100%;
    padding: 0px;
    overflow: auto;    
}

.schedaleft{
    width: calc(100% - 290px);
    padding:10px;
    overflow: auto;    
    background-color:#eee;   
    float: left;
}
.schedaright{
    width: 250px;;
    padding:10px;
    overflow: auto;    
    background-color:#eee;   
    float: right;
}

.scheda_orizzontale{
    padding:10px;
    overflow: auto;
    width: calc(100% - 20px);
    background-color:#eee;        
}



.label{    
    float: left;
    width: 120px;
    clear: both;
    height: 25px;
    line-height: 25px;    
    clear: both;
    font-size: 12px !important;        
    font-weight: 500;    
    color:#545454;   
    text-align: left;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.label input[type="checkbox"]{
    height: 15px;
    width: 15px;
    margin: 5px;
    margin-left: 5px;
    padding: 0px;    
    
}

.label select{
    float: left;
    min-width: 150px;
    max-width: 150px;
    min-height: 25px;
    line-height: 25px;
    clear: both;
    font-size: 11px !important;
    text-transform: uppercase;
    padding:2px;
    margin:2px;
    padding-left: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color:white;
    border:none;    
}

.label{
    font-weight: bold;
}

.valore{
    width: calc(100% - 120px);    
    overflow: hidden;
    float: left;    
    margin-bottom: 5px;
    min-height: 25px;    
    line-height: 25px;    
    color:#444;    
    font-size: 13px;
    
}
.valore span{
    border:none;
    height: 30px;
    line-height: 30px;
    width: calc(100% - 5px);    
    padding-left:5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0px;
    float: left;
    background-color: #F2F6F9;
}


.valore input[type="text"], .valore input[list],.valore input[type="password"]{
    border:none;
    height: 25px;
    line-height: 25px;
    width: calc(100% - 55px);    
    padding-left:5px;
    border:1px solid lightgray;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0px;
    float: left;
}
.valore select, .valore datalist{
    border:none;
    height: 25px;
    line-height: 25px;
    width: calc(100% - 50px);        
    padding-left:5px;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid lightgray;
    float: left;
}

.valore input[type="checkbox"]{
    height: 20px;
    width: 20px;
    margin: 2px;
}

.valore input[type="number"],input[type="month"]{
    border:none;
    height: 25px;
    line-height: 25px;
    width: 100px;
    padding-left:5px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid lightgray;
}
.valore input[type="date"],.valore input[type="datetime"]{
    border:none;
    height: 25px;
    line-height: 25px;
    width: 100px;    
    padding-left:5px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid lightgray;
    display: block;
    float: left;    
}
.valore input[type="time"]{
    border:none;
    height: 25px;
    line-height: 25px;
    width: 80px;    
    padding-left:5px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid lightgray;
    display: block;
    float: left;    
}

.valore input[type="datetime-local"]{
    border:none;
    height: 25px;
    line-height: 25px;
    width: 150px;    
    padding-left:5px;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid lightgray;
    display: block;
    float: left;  
}
.valore textarea{
    border:none;
    height: 100px;
    line-height: 18px;
    width: calc(100% - 55px);    
    padding:2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid lightgray;
}


.valore .pulsante{    
    height: 26px !important;    
    line-height: 26px !important;    
    padding: 0px 5px 0px 5px;
    margin:0px;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 11px;
}
.valore .pulsante img{     
    width: 20px;
    margin: 3px;    
    float: left;
}

.valore .pulsantesmall{    
    width: 25px;
    height: 25px;    
    line-height: 25px;    
    width: 25px;
    margin: 0px;
    margin-left: 5px;
    text-align: center;
    padding: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.valore .pulsantesmall img{
    height: 18px; 
    margin:  3.5px !important;   
    padding: 0px !important;
    float: none;    
}


.valore .tagsmall{
    width: 25px;
    height: 25px;    
    line-height: 25px;    
    width: 30px;
    margin: 0px;
    margin-left: 5px;
    text-align: center;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.textarea{
    border:none;
    height: 100px;
    line-height: 18px;
    width: calc(100% - 8px);
    padding:2px;
    margin:2px;
}


@media print {
  body * {
   
  }
  
  .stampa, .stampa * {
    visibility: visible;
  }
  
  input[type="checkbox"], thead img{
      visibility: hidden !important;
  }
  
  .stampa {
    position: absolute;
    left: 0;
    top: 0;
  }
}

#popup{
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color:rgba(0,0,0,0.5);
    display: none;
}

#popup2{
    position: fixed;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color:rgba(0,0,0,0.5);
    display: none;
}

.popup{
    width: 1100px;
    min-height:  100px;    
    margin: auto;
    padding: 5px;    
    margin: auto;
    margin-top: 5px;
    z-index:3;        
}


#popup #popupchiudi,#popup2 #popup2chiudi{    
    width: 20px;
    height: 20px;        
    cursor: pointer; 
    border:none;                
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 100000;
    background-color: transparent;
}
#popup #popupchiudi img, #popup2 #popup2chiudi img{
    height:20px;
}

#popup #popupcontenuto,#popup2 #popup2contenuto{
    background-color:#eee;
    padding:10px;
    overflow: auto;    
    max-height: calc(100vh - 170px);    
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 20px;
}

#popuptitolo, #popup2titolo{
    background-color: #eee;
    cursor:move;
    height: 10px; 
    width: calc(100%); 
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabpopup{
    width: 125px;
    max-width: 125px;    
    overflow: hidden;    
    height: 30px;
    line-height: 30px;
    color:white;
    text-align: center;    
    margin: 0px;
    margin-right: 5px;
    font-size: 18px;
    cursor: pointer;
    background-color:#eee;
    color:#039be6;    
    font-family: Roboto;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}
.tabpopup2{
    background-color:#039be6;
    color:white;
}


.schedapopup{
    width: calc(100% - 10px);
    border-top:1px solid #039be6;
    padding:5px;
    background-color:white;
}


.violet{       
    background-color: #5578EB !important;
    color:white !important;
}


.yellow{   
    background-color: yellow !important;
    color:#444;
}
.green{    
    background-color: green !important;
    color:white !important;
}


.color_pulsante{        
    background-color: #3699FF !important;
    color:white !important;
}

.color_eee{        
    background-color: #eee !important;
    color:#444 !important;
}

.color_lightgray{        
    background-color: lightgray !important;
    color:#444;
}

.color_lightblue{        
    background-color: #a8e3f1 !important;
    color:#444;
}


.color_lightgreen{    
    background-color: #a2c194 !important;
    color:white !important;
}

.color_green{    
    background-color: #64994e !important;
    color:white !important;
}
.color_verdolino{
    background-color: #65995c !important;
    color:white !important;
}
.color_rossiccio{
    background-color: #ec8170 !important;
    color:white !important;
}

.color_arancio{
    background-color: #ff4d00 !important;
    color:white !important;
}


.color_nuovo, .nuovo ,.pulsante_nuovo, .pulsantenuovo, .verdognolo{
    background-color: #1BC5BD !important;    
    color:white !important;
}

.color_white{
    border:1px solid #1BC5BD;
    background-color: white !important;    
    color:#1BC5BD !important;
}


.color_white img{
    
}

.color_periodico{    
    background-color:#746cc0 !important;
    color:white !important;
}

.color_scadenza{
    background-color:#fb542b !important;
    color:white !important;
}
.color_evento{
    background-color:#3fbddf !important;
    color:white !important;
}

.color_orange{
    background-color: #ffae19 !important;
    color:white !important;
}

.color_blue{
    background-color: #3F84E5 !important;
    color:white !important;
}


.color_yellow{
    background-color: #ffd700 !important;
    color:black!important;
}

.color_print{
    background-color: darkgray !important;
}

.color_whatsapp{
    background-color: #2cc54e !important;
}

.color_fattura_elettronica{
    background-color: #7dbfc7 !important;
}
.color_nota_credito{
    background-color: #bad2c5;
}

#popupmedia{
    position: fixed;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;    
    background-color:rgba(0,0,0,0.7);    
    display: none;
}

#popupmedia_inner{
    margin: 25px;
    overflow: auto;
    overflow: hidden;
    background-color: #eee;
}

#popupchiudimedia{        
    width: 30px;
    height: 30px;
    line-height: 30px;
    border:none;
    text-align: center;
    cursor: pointer;
    border: none;
    float: right;
    margin-right: 2px;
}
#popupchiudimedia img{        
    height: 28px;
    margin: 1px;
}

#caricamedia{
    background-color:#eee;    
    display: none;
    height: calc(100% - 120px);
}

#libreriamedia{
    background-color:#eee;    
    display: block;   
}

#libreriamedia .media{
    border:5px solid lightgray;
    width: 90px;
    height: 90px;
    margin:5px;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color:white;
}
#libreriamedia .media img{
    width: 100%;    
}

#listamedia{
    width: calc(70% - 20px);
    margin: 10px;
    padding: 0px;
    display: block;
    float: left;
    overflow: auto;    
    max-height: calc(100vh - 100px);
}

#schedamedia{
    width: calc(30% - 30px);            
    margin: 0px;
    background-color: white;
    overflow: auto;
    display: block;
    float: right;
}

 
.errore{
    background-color: #FFE2E6;
    width: calc(100% - 20px);
    padding: 10px;    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color:#E84E68;
    line-height: 14px;
}
.errore h1{
    font-size: 20px;
    background-color: white;
    padding: 0px;
    margin: 0px;
}
.errore p{
    font-size: 12px;        
}

.updown{
    height: 20px;
    float: left;
    margin-right: 5px;
}



.labeltotale{
    color:white;
    float: left;
    font-size:12px;
    line-height: 40px;
    margin-right: 5px;
}
.totale{
    width: 100px;
    text-align: center;
    height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:none;
    float: left;
    margin-right: 5px;
}

.rosso{    
    color:white;
    background-color: red;        
}

.verde{    
    color:white;
    background-color: #66BB5E;
}



.giallo{
    color:white;
    background-color: #f4f513;     
}

.testoverde{
    color:#66BB5E;
}

.testorosso{
    color:#BB0706;
}

/*----- VIAGGI DI NOZZE INIZIO-----*/

#viaggionozze{
    width: 800px;
    background-color:rgba(255,255,255,0.2);
    padding:20px;
    margin:auto;    
}

#viaggionozze h1{
    font-family: 'Courgette', cursive;
    width: 100%;
    font-size: 55px;
    text-align: center;
    border:none;
    background-color: transparent;
    color:black;    
}
#viaggionozze h2{
    font-family: 'Courgette', cursive;
    width: 100%;
    font-size: 40px;
    text-align: center;
    border:none;
    background-color: transparent;
    color:black;    
}
#viaggionozze h3{
    font-family: 'Courgette', cursive;
    width: 100%;
    font-size: 30px;
    text-align: center;
    border:none;
    background-color: transparent;
    color:black;    
}
#viaggionozze h4{
    font-family: 'Courgette', cursive;
    width: 100%;
    font-size: 20px;
    text-align: center;
    border:none;
    background-color: transparent;
    color:black;    
}



#viaggionozze h5{
    font-family: 'Courgette', cursive;
    width: 100%;
    font-size: 20px;
    text-align: center;
    border:none;
    background-color: transparent;
    color:black;    
}

#viaggionozze p{    
    width: calc(100% - 40px);
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    text-align: justify;
    border:none;
    background-color:white;
    padding:20px;
    color:black;    
}

#viaggionozze #descrizione{    
    width: calc(100% - 40px);
    font-size: 12px;
    line-height: 13px;
    text-align: center;
    text-align: justify;
    border:none;
    background-color: rgba(255,255,255,0.2);
    padding:20px;
    color:black;    
}

#viaggionozze input[type="text"],#viaggionozze input[type="number"]{
    width: calc(100% - 5px);
    height: 40px;
    margin-bottom: 10px;
    border:1px solid lightgray;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    padding-left: 5px;
    font-size: 14px;
    border:none;
}

#viaggionozze textarea{
    width: calc(100% - 5px);
    height: 150px;
    line-height: 30px;
    margin-bottom: 10px;
    border:1px solid lightgray;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:none;
    padding-left:5px;
}
#viaggionozze #inviaregalo{
    width: 100%;
    height: 50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    padding-left: 5px;
    font-size: 30px;
    border:none;
    background-color:#FD808A;
    font-family: 'Courgette', cursive;
    font-weight: normal;
    letter-spacing: 1px;    
}

.imgsposi{
    width: 250px;
    height: 200px;
    overflow: hidden;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
    text-align: center;
    margin: 5px;
}

.imgsposi img{
    height: 100%;
    text-align: center;
    
}

.pulsantenozze{
    width: 100%;
    height: 50px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;    
    padding-left: 5px;
    font-size: 30px;
    border:none;
    background-color:#98A5C1;
    font-family: 'Courgette', cursive;
    font-weight: normal;
    letter-spacing: -1px;    
    cursor: pointer;
}


.pulsantehome_viaggionozze{
    width: 150px;
    height: 150px;
    padding:10px;
    background-color:rgba(255,255,255,0.8);
    text-align:center;
    font-family: 'Courgette', cursive;
    font-size: 25px; 
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    cursor: pointer;
}
.pulsantehome_viaggionozze img{
    width: 85px;
    padding:10px;
}

#inforegalo{
    width:calc( 100% - 40px);
    margin: 10px;
    padding: 10px;
    margin: auto;
    background-color:white;
    text-align: center;
    display: none;
    
}

.separatoreviaggionozze{
    width: 100%;
    height: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    clear: both;
    float: none;
}

.nozze50{
    width:50%;
    float:left;
    text-align: center;
}

.nozze33{
    width: calc(33% - 10px);
    float:left;
    padding:5px;
}

.rispondiregalo{
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-color:white;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
}
.rispondiregalo:hover{
    background-color:#eee;
}
.rispondiregalo img{
    width: 70px;
    margin: 10px;
}

.fullscreensposi{
    background-image: url("../img/matrimonio.jpg");  
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*----- VIAGGI DI NOZZE FINE -----*/



/**MEDIA**/


.media{    
    background-color: white; 
    float: left;    
    text-align: center;    
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0px 10px 10px 0px;
}
.media1{
    width: 100%;       
    background-color: white;
    overflow: hidden;
}

.media1 img{
    width: 100%;    
}

.media .pulsanteeliminamedia{    
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color:#e54c34;    
    text-align: center;        
    border:none;
    cursor: pointer;
    font-size:11px;
    font-weight: bold;    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color:white;
    position: absolute;
    margin-top:-3px;
    margin-left:-3px;
    display: block;
    
}
.pulsanteeliminamedia img{    
    width: 18px;
    margin: 1px;
}

.pulsanteeliminamedia:hover{    
    background-color:red;
}

.pdf, .print{
    background-color:#C50908;
}

.xls{
    background-color:#206F44 !important;
}
.txt{
    background-color:#0f634a;
}
.barcode{
    background-color:#404040;
}
.catalogo{
    background-color:#107671 !important;
}
.entrata{
    background-color:#64994e;
}
.uscita{
    background-color:#ae030e;
}


.inputmovimento{
    min-width: 70px;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:none;
    text-align: center;
}

.selectmovimento{
    width: 45px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:none;
    text-align: center;
}

.select{
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:none;
}

#catalogo{
    padding: 20px;
    cursor: pointer;
}

#catalogo .descrizione{
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    clear: both;
    float: none;
    display: block;
}

#contrattoscaduto, #popup_demo{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color:rgba(0,0,0,0.8);
    z-index: 3;
    
}
#contrattoscadutopopup, #popup_demo_inner{
    margin:auto;
    margin-top: 15px;
    min-height:175px;
    max-height:calc(100% - 60px);
    width: 600px;
    font-size: 13px;
    line-height:18px;
    text-align: center;    
    background-color:white;
    color:#444;
    text-align:left;    
    padding:15px;
    text-align: justify;
    overflow: auto;
}

.pulsantebig{   
    background-color: #3699FF;
    color:white;        
    height: 40px !important;    
    padding: 5px 0px 5px 0px;
    line-height: 20px !important;    
    cursor: pointer;    
    font-size:14px;
    font-weight: 500;
    text-transform: uppercase;
    border:none;        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    width: calc(100% - 10px);
    margin: 5px;       
}

.pulsantebig img{
    width: 30px;
    float: left;
    margin: 5px;
}

.pulsantebig select{
    width: 100%;
    height: 100%;
    background-color:transparent;   
    border:none;
    font-size: 12px;
    color:white;
    text-align: center;
    font-size:14px;
    font-weight: 500;
}
.pulsantebig option{
    width: 100%;
    height: 100%;
    background-color:transparent;   
    border:none;
    color:black;
    text-align: center;
}

#totalecarrello{   
    width: calc(70% - 10px);
    height: 40px;
    line-height: 40px;    
    color:white;
    font-size: 40px;
    text-align: center;
    font-family: 'Roboto';
    border:none;
    margin: 3px;    
    padding: 2px;
    color:#444;
    text-align: center;   
    
}
#scontocarrello{   
    width: calc(35% - 10px);
    height: 30px;
    line-height: 30px;    
    color:white;
    font-size: 18px;
    text-align: center;
    border:none;
    margin: 3px;    
    padding: 2px;
    color:#444;
    text-align: center;    
    float: left;
}

.tag{    
    display: block;
    height: 22px;    
    line-height: 22px;    
    padding: 2px;
    text-align: left;
    font-size: 9px;    
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: 500;
    margin: 5px;
    margin-left: 0px;
    text-transform: uppercase;
    background-color:#d7d7d7;
    color:#444;
    width: fit-content !important;
    float: left;
    cursor: default;
    white-space: nowrap; /* Evita il wrap del testo */
    overflow: hidden; /* Nasconde il testo in eccesso */
    text-overflow: ellipsis; /* Aggiunge i puntini sospensivi */
}
.tag:hover{
    text-decoration: none !important;
}

.tagsmall{
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 10px;
    background-color:lightgray;
    color:#444;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Roboto;
    font-weight: 300;
}

.tag input[type='checkbox']{
    height: 18px;
    width: 18px;
    margin: 2px;
    float: left;
}
th input,th select{
    border:1px solid lightgray;
    height: 25px;
    padding-left: 5px;
}

.tag img{
    width: 16px;
    margin: 2px;
    margin-right: 4px;
    float: left;
}

.cursor-pointer{
    cursor: pointer !important;
}

.fit-content{
    width: fit-content;
    min-width: fit-content;
    max-width: fit-content;
}

.color_eee{
    background-color:#eee !important;
}

.excel{
    background-color:#097E51;
}

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

#button_nuovo_intervento{
    position: fixed;    
    bottom: 55px;
    right: 20px;
    background-color:#039be6;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    z-index: 1;
}
#button_nuovo_intervento img{
    height: 34px;
    margin: 8px;
}

.tabs, .tabsteps{      
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 50px;    
    border-bottom: 1px solid lightgray;
}
.tab, .tabstep, .taborizzontale, .tab2orizzontale{
    display: inline-block;
    text-align: center;    
    text-decoration: none;    
    cursor: pointer;        
    color:darkgray;
    height: 47px;
    line-height: 47px;
    overflow: hidden;
    border-bottom: 3px solid transparent;
    float: left;
    background-color:#eee;
    font-size: 12px;
    width: fit-content;
    min-width: 90px;
}

.tab2, .tabstep2, .taborizzontale2{
    color: #039be6 !important;
    border-bottom: 3px solid #039be6 !important;
}


.step,.schedatab, .schedatab2{
    background-color:#eee;
    border-top:2px solid #3699FF;
    width: 100%;  
    padding-top: 10px;
}


#div_aggiornamento{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color:rgba(0,0,0,0.5);
    z-index: 100000;
}
#aggiornamento{
    padding: 10px;
    background-color: white;
    width: 800px;
    margin: auto;
    margin-top: 25px;
}

.pointer_events_none{
    pointer-events: none;
}

.pointer_events_visible{
    pointer-events: visible;
}
.pointer_events_auto{
    pointer-events: auto !important;
}

.input{
    width: calc(100% - 10px);
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border:1px solid lightgray;
    margin: 0px;
    margin-bottom: 5px;
}
.textarea{
    width: calc(100% - 10px);
    height: 100px;
    line-height: 22px;
    padding-left: 5px;    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border:1px solid lightgray;
    margin: 0px;
    margin-bottom: 5px;
}

.box_light{
    padding: 2px;
    margin: 5px; 
    background-color: white;
}

.box_light .titolo{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin:3px;
    height: 25px; 
    width:calc(100% - 16px); 
    overflow: hidden; 
    font-size: 16px;
    line-height: 25px; 
    background-color: #eee; 
    padding: 5px;
    font-weight: bold;
}
 

.box,.div_ricerca{
    width: calc(100% - 40px);    
    margin: 0px 10px 10px 0px;    
    overflow: auto;
    padding: 10px;
    float: left;
    background-color:white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.box h3{
    width: calc(100% - 10px);
    margin-top: -10px;
    margin-left: -60px;
    padding-left: 60px;
    height: 25px;
}

.box h3 input[type='checkbox']{
    height: 18px;
    width: 18px;    
}

h3 input[type='checkbox']{
    height: 18px;
    width: 18px;
    margin-top: 0px;
    margin-right: 5px;
    float: left;
}



.clona{    
    background-color: #FFB822;
    color:white;
}

.eee{
    background-color: #eee;
    color:darkgray;
}

.lightgray{
    background-color: lightgray;
    color:#434343;
}

.icona{
    background-color: #eee;
    color:#444;    
    width: 30px;
    height: 30px;    
    line-height: 30px;   
    margin-right: 5px;    
    font-size:12px;
    font-weight: 500;
    text-transform: uppercase;
    border:none;        
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; 
    display: block;
    float: left;
    overflow: hidden;
    float: left;
    text-align: center;    
    padding: 0px;
}
.icona img{
    width: 18px;
    margin: 6px;
}

::-webkit-scrollbar {
  width: 10px;
}


::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #eee; 
  border-radius: 3px;
}
 

::-webkit-scrollbar-thumb {
  background: darkgray; 
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: darkgray; 
}

#search, #ricercamedia, .search{
    width: 300px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    margin-left: 5px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border:none;
}

#search_button, .search_button{
    background-color: #3699FF;
    color:white;    
    width: 30px;
    height: 30px;    
    line-height: 30px;   
    cursor: pointer;    
    font-size:12px;
    font-weight: 300;
    border:none;        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;    
    padding: 0px;
    margin-left: 10px;
}
#search_button img, #ricerca_avanzata img, .pulsante_medium img, .search_button img{
    height: 18px;    
    margin: 6px 10px 6px 6px;
    float: left;
}

.search_select{
    border:1px solid lightgray;
    color:#444;    
    min-width: 145px;
    height: 30px;    
    line-height: 30px;   
    cursor: pointer;    
    font-size:12px;
    font-weight: 300;
    text-transform: uppercase;
    border:none;        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    display: block;
    overflow: hidden;
    float: left;
    text-align: left;    
    padding: 0px;
    padding-left: 5px;
    margin-right: 5px;
}

#ricerca_avanzata,.pulsante_medium{    
    background-color: #FFB822;
    color:white;    
    height: 30px;    
    line-height: 30px;   
    cursor: pointer;    
    font-size:12px;
    font-weight: 300;
    text-transform: uppercase;
    border:none;        
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    display: block;
    overflow: hidden;
    float: left;    
    text-align: center;    
    padding: 0px 10px 0px 10px;
    margin-left: 10px;
}

.ludoteca_tariffa{
    line-height: 16px !important;
    font-size: 12px;
    width:175px;
    min-height: 200px;
    text-align: center;
    margin-right: 10px;
    padding: 10px;
}
.ludoteca_tariffa input[type=number]{
    width: 50px;
    height: 25px;    
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: auto;
    border:none;
    cursor: default;
    text-align: center;
    font-size: 12px;
    padding: 0px;
    
}


.calendario{
    width: 50px;
    height: 50px;    
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.calendario .mese{
    text-align: center;
    height: 15px;
    line-height: 15px;
    font-size: 8px;
    font-weight: 700;
    background-color:#cc0000;
    color:white;
    text-transform: uppercase;
    
}

.calendario .giorno{   
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    font-size: 30px;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-top: 1px solid transparent;
    font-family: Roboto;    
}


.fc-button-group button, .fc-today-button{
    background-color:#3699FF !important;
    border:1px solid white;
}

.border-radius-10{    
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;    
}

#logo_home{
    width: 100%;
    display: block;
    margin: auto;    
}

#iframe_anteprima{
    width: calc(100% - 100px);
    height: 100vh;
    border:none;
    overflow: hidden;    
}


.ck-editor__editable_inline {
    min-height: 500px !important;
    width: calc(100% - 10px);
}

:host ::ng-deep .ck-editor__editable_inline {
    min-height: 500px !important;
}



.tabella,.tabella2,.tabella_responsive,.tabella_small{
    border-collapse: collapse;
    width: 100%;
}
.tabella th,.tabella2 th,.tabella_responsive th,.tabella_small th{
    height: 25px;
    text-align: left;
    font-size: 11px;
    color:#4F5A5E;
    font-weight: 500;
    letter-spacing: 1px;
    background-color:#F8F9FB;
    border-bottom: 2px solid #F2F2F2;
    padding-left: 3px;
}

.tabella td,.tabella2 td,.tabella_responsive td{
    height: 20px;
    text-align: left;
    background-color: white;
    border: 0px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 3px;
}

.tabella input[type='number'],.tabella2 input[type='number'],.tabella_responsive input[type='number']{
    width: 75px;
    height: 25px;
    border:1px solid #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tabella input[type='checkbox'],.tabella2 input[type='checkbox'],.tabella_responsive input[type='checkbox']{
    width: 18px;
    height: 18px;    
}

.tabella input[type='text']{
    width: calc(100% - 10px);
    height: 25px;
    border:1px solid #eee;
    padding-left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tabella input[type='date']{
    width: 115px;
    height: 25px;
    border:1px solid #eee;
    padding-left: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.tabella tr:nth-child(even) td,.tabella2 tr:nth-child(even) td, .tabella_responsive tr:nth-child(even) td,.tabella_small tr:nth-child(even){
    background-color: #F8F9FB;
}

riga:nth-child(even) cella{
    background-color: white;
}

riga:nth-of-type(odd) cella{
    background-color: #F8F9FB;
}


.tabella_small td{
    height: 22px;
    line-height: 22px;
    text-align: left;
    background-color: white;
    border: 0px;
    border-bottom: 1px solid #F2F2F2;
    padding-left: 3px;
    font-size: 11px;
}

#div_pagine{
    padding: 0px;
    margin: 0px;
    width: 150px;
    background-color: transparent;
     -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#div_pagine button {    
    height: 22px;
    width: 22px;
    border: none;
    background-color: transparent;
    cursor: pointer;        
    text-align: center;
    float: left;
}

#div_pagine button img{    
    height: 20px;
}
#div_pagine select{
    width: 50px;
    height: 22px;
    height: 20px;
    font-size: 11px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}


.pulsanti_assistenza{    
    cursor: pointer;
    text-align: center;
    padding: 0px 5px 0px 5px;
    text-transform: uppercase;
    font-weight: 300;    
    color:black;
    line-height: 35px;
    height: 35px;
    width: 125px;
    background-color: #FFB822;
    font-size: 11px;
    color:white;
    border:none;    
    color:black;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.pulsanti_assistenza:hover{
    text-decoration: none;
    background-color:#e5a51e;
    color:black;
    
}

.pulsanti_assistenza img{
    height: 25px;
    margin: 5px;
    margin-right: 0px;
    float: left;
}

#pulsante_chat{
    position: absolute;
    top: 0px;
    right: 185px;
    border: none;
}

#pulsante_assistenza{
    position: absolute;
    top: 0px;
    right: 45px;
    border: none;    
}


#pulsante_assistenza_menu,#pulsante_chat_menu{
    display: none !important;    
}

.orange{       
    background-color: #FFB822 !important;
    color:white !important;
}


#popup_container{
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.color_totali{    
    background-color: #F64E60 !important;
    color:white !important;
}


.gruppo_pulsanti{
    width: 200px;            
    display: none;    
    background-color: white;
    -webkit-box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding: 0px;
    float: left;
    margin-top: 35px;
    position: absolute;
    margin-top:45px;
}

.gruppo_pulsanti .chiudi_gruppo_pulsanti{
    background-color: transparent;
    height: 24px;    
    margin: 4px;
    margin-right:0px;
    float: right;
    -webkit-filter: invert(30%); /* Safari/Chrome */
    filter: invert(30%);
    cursor: pointer;
}

.gruppo_pulsanti button{     
    background-color: white;
    color:#444;    
    width: calc(100% - 20px);
    height: 40px !important;    
    line-height: 40px !important;    
    cursor: pointer;    
    font-size:12px;
    border:none;        
    display: block;
    overflow: hidden;
    text-align: left;
    padding-left: 5px;
    text-transform: uppercase;
    background-color:#DFF1FF;
    color:#5D94D5;
    background-color: #3699FF;    
    color:white;    
    margin: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.gruppo_pulsanti button img{
    height: 20px;
    margin: 10px;
    float: left;
}

.gruppo_pulsanti .pulsante{
    margin-top: 3px;
    margin-bottom: 3px;
}

.messaggio{   
    padding: 10px;
    width: calc(100% - 20px);    
    background-color:#edeff7;
    color:black;    
    font-size: 12px;
    line-height: 18px !important;
    clear: both;    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.messaggio a{
    font-weight: bold;
    cursor: pointer;
}

#gruppo_stampa_prodotti{
    margin-left: 370px;
}
#gruppo_giacenza_prodotti{
    margin-left: 475px;
}
#gruppo_stampa_documenti{
    right: 20px;
    top:50px;
}
#gruppo_azioni_documenti{
    right: 60px;
    top:50px;
}
#gruppo_azioni_documento{
    margin-left: 105px;
    top:50px;
}

#gruppo_trasforma_documenti{
    right: 190px;
    top:50px;
}
#gruppo_stampa_interventi{
    margin-left: 270px;
}

#gruppo_fatturazione_documenti{
    right: 200px;
    top:50px;
}
#gruppo_trasformazione_documenti{
    right: 85px;
    top:50px;
}


.popup_pulsanti{
    display: block;
    position: fixed;
    top:100px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 500px;    
    z-index: 2;
    overflow: hidden;
    background-color: rgba(0,0,0,0.9);   
    display: none;
    padding: 10px;    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.popup_pulsanti .pulsante{
    width: calc(100% - 5px);
    clear: both;
    float: none;
}

.popup_pulsanti .titolo{
    color:white;
    width: calc(100% - 15px);
    font-size: 14px;
    font-weight: 300;
    color:white;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    margin-bottom: 15px;
}

.popup_pulsanti .titolo img{
    float: right;
    height: 24px;
    cursor: pointer;
}


riga_intestazione{
    display: block;
    min-width: calc(100% - 2px);
    max-width: calc(100% - 2px);
    width: calc(100% - 2px);
    height: 32px;
    margin: 0px;                
    clear: both;
    float: none;
    background-color: #edeff7;
    color:#444;
    font-weight: 500;    
    letter-spacing: 1px;
}

 riga{
    display: block;
    min-width: calc(100%);
    max-width: calc(100%);
    width: calc(100%);    
    margin: 0px;
    clear: both;
    float: none;    
}
riga:hover cella{
    background-color: #dfe0e1;
}
riga_separatore{
    height: 0px;
    margin: 0px;
    display:none;
}


cella{
    display: block;
    min-height: 30px;
    line-height: 30px;    
    float: left;
    border:1px solid #eee;
    padding-left: 2.5px;    
    padding-right: 2.5px;    
    overflow-x: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
cella_etichetta{    
    display: none;
}
cella_valore{
    display: block;
    height: 30px;
    line-height: 30px;      
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}

cella_valore a, cella_valore span{
    display: block;
    height: 30px;
    line-height: 30px;      
}

cella_valore input[type="text"], cella_valore input[type="number"]{
    width: calc(100% - 10px);
    min-width: calc(100% - 12px);
    max-width: calc(100% - 12px);
    height: 24px;
    margin: 2px;
    padding-left: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid lightgray;
}

cella_valore input[type="number"]{
    text-align: right;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

cella tag{
    display: block;
    height: 18px;
    line-height: 18px;    
    margin-top: 5px;
    min-width: 75px;   
    padding: 1px 5px 1px 5px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 10px;
    background-color: #eee;
    color:#444;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    cursor: default;
    
}
cella tagsmall{
    display: block;
    height: 11px;
    line-height: 11px;    
    margin-top: 1px;
    min-width: 75px;   
    padding: 1px 1px 1px 1px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 9px;
    background-color: #eee;
    color:#444;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    cursor: default;
    
}


cella tag_small{
    display: block;
    height: 18px;
    line-height: 18px;    
    margin-top: 5px;
    min-width: 18px;
    max-width: 18px;
    padding: 1px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    background-color: #eee;
    color:white;
    float: left;
}

cella tag img, cella tag_small img{
    display: block;
    height: 16px;
    line-height: 16px;    
    margin: 1px;
    float: left;
}

.pulsante_tabella{
    background-color: #3699FF;
    color:white;    
    max-width: 85px;
    height: 20px;    
    line-height: 20px;   
    padding: 0px 5px 0px 0px;
    margin: auto;
    margin-top: 5px;
    cursor: pointer;       
    border:none;            
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    display: block;
    overflow: hidden;
    text-align: center;    
    
    text-decoration: none;
    
}
.pulsante_tabella img{
    height: 16px;
    padding: 1px;
    margin: 1px;
    float: left; 
}
.pulsante_tabella:hover{
    color: #3699FF;
    background-color:#eee;    
    text-decoration: none;
}

card{
    display: block;
    width: calc(100% - 32px);
    min-height:145px; 
    height:135px;
    max-height:145px;
    border:1px solid #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:10px;
    padding: 5px;    
    background-color: white;
    float: left;   
    overflow: hidden;
}

card > img{
    height: 40px;
    margin: auto;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}
card icona{
    width: 40px;
    height: 40px;
    margin: auto;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #3699FF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

card icona img{
    width: 32px;    
    margin: auto;
    display: block;
    margin: 4px;
    display: block;
    
}

card titolo{
    text-align: center;
    min-height: 20px;
    line-height: 22px;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    color: #444;
    text-transform: uppercase;
    clear: both;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 300;
}
card valore{
    text-align: center;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 22px;    
    color: #444;    
    text-transform: uppercase;
    margin-top: 5px;    
    
}
card nota{
    display: block;
    width: 100%;
    text-align: center;
    color:darkgray;
    font-size: 12px;
    letter-spacing: 1px;
}


.box_home_interventi{
    background-color: white;
    width: calc(100% - 20px);
    padding: 5px;
    margin: 5px;
    margin-bottom: 10px;
}

.cliente_home_interventi{
    font-size: 18px;   
    line-height: 22px;
    letter-spacing: 1px;
    font-weight: 700;
    clear: both;
    color:#444;
}
.indirizzo_home_interventi{
    font-size: 13px;   
    line-height: 15px;
    clear: both;    
    margin-bottom: 5px;
}

.campo_libero_home_interventi{
    font-size: 11px;   
    line-height: 13px;
    clear: both;
    font-style: italic;
}

.pulsante_home_interventi{
    width: calc(20.00% - 10px);
    margin: 5px;
    height: 30px;
    float: left;
    border:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background-color:#eee;
    text-align: center;
}
.pulsante_home_interventi img{
    height: 26px;
    margin: 2px;
}

.tag_home_interventi{
    display: block;
    height: 18px;    
    line-height: 18px;    
    padding: 2px;
    text-align: left;
    font-size: 9px;    
    padding-left: 5px;
    padding-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500;
    margin: 5px;
    margin-left:0px;
    text-transform: uppercase;
    background-color:#d7d7d7;
    color:#444;
    width: fit-content !important;
    float: left;
    cursor: default;
}
.tag_home_interventi img{
    height: 14px;
    margin:2px;
}

.select_home_interventi, .input_home_interventi{
    width: calc(100% - 30px);
    margin: 5px;
    height: 30px !important;        
    line-height: 30px !important;        
    border:none;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.data_home_interventi{
    width: 100px;   
    height: 18px !important;        
    line-height: 18px !important;        
    padding: 5px;
    border:none;
    font-size: 10px;
    padding-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eee;
}


.orario_home_interventi{
    width: 55px;
    margin: 5px;
    height: 18px !important;        
    line-height: 18px !important;        
    padding: 5px;
    border:none;
    padding-left: 5px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #eee;
}

#home_interventi_left{
    width: 300px;
    float: left;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
}

#home_interventi_left_inner{
    display: block;
    height: calc(100% - 165px);
    overflow-y: auto;
    max-height: calc(100% - 165px);
    min-height: calc(100% - 165px);
}


#home_interventi_map{
    width: calc(100% - 320px);
    float: right;
    margin: 5px;
    margin-top: 0px;
    height: 100%;
}

.tag_big{
    width: 50px; 
    height: 50px; 
    text-align: center; 
    line-height: 25px; 
    font-weight: bold; 
    padding:5px; 
    font-weight: 20px; 
    color: white; 
}

.request{
    background-color: #98a0ab;
    color:white;
}

.delivered{
    background-color: #4388ae;
    color:white;
}

.unique_opened{
    background-color: #66b2dc;
    color:white;
}
.click{
    background-color: #9cc980;
    color:white;
}
.opened{
    background-color: #66d2dc;
    color: white;
}

.blocked{
    background-color: #f7d3a6;
    color: white;
}
.hard_bounce{
    background-color: #e6735c;
    color: white;
}

#footer_mobile{
    display: none;
}

ul{
    padding-left:10px;
    margin-left: 10px;
}

.checkboxdocumento{
     margin: 4px 1px 0px 0px !important;
}
listino{
    font-size: 8.5px;
}


.box_home {
    width: calc(25% - 50px);
    height: 150px;
    margin: 10px;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    float: left;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.no_dettagli{
    height: 100px;
}

.no_dettagli p{
    font-size: 11px;
    padding-top: 5px;
}
.no_dettagli h2{
    padding: 0px;
    margin: 0px;
}

.box_home h2{
    color:white;
    margin: auto;
}
.box_home p{
    padding-top: 5px;
    padding-bottom: 10px;
    font-weight: bold;
}

.box_home img{
    height: 40px;
}
.box_home .label, .box_home .valore{
    color: white;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    line-height: 15px;
    padding: 0px;
    margin: 0px;
}
.box_home .valore{
    text-align: right;
}
a.box_home:hover{
    text-decoration: none;
}

/* Colori personalizzati per ogni categoria */
.green { background-color: #4CAF50; color: #fff; }
.red { background-color: #FF5252; color: #fff; }
.blue { background-color: #2196F3; color: #fff; }
.orange { background-color: #FF9800; color: #fff; }
.celeste {background-color: #349fc4; color: #fff;}
.box_interventi_home{
    max-height: 600px; 
    overflow-y: auto;
}


.progress-bar {
    width: 100px;
    height: 18px;
    line-height: 18px; 
    background-color: #ccc; 
    border-radius: 8px; 
    position: relative;                
    margin: auto;    
}

.progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #349480; 
    border-radius: 8px; 
    color:white;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    height: 18px;
    line-height: 18px; 
    overflow: hidden;
    z-index: 1 !important;
}

cella_valore a.pulsante_tabella{
    float: right !important;
}

#pulsante_menu_mobile{
    display:none;
}

.pulsante .numero{
    margin: 5px;
    padding: 2px;
    background-color: white;
    width: 20px;
    line-height: 20px;
    height: 20px;
    color:black;
    font-weight: bold;
    font-size: 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: left;
}

.border_red{
    border:1px solid red !important;
}



.evento-crm {
    border-width: 3px !important; /* Aumenta lo spessore del bordo */
    border-style: solid;          /* Imposta lo stile del bordo */
    font-size:10px;
}

.blink {
  animation:1s blinker linear infinite;
  -webkit-animation:1s blinker linear infinite;
  -moz-animation:1s blinker linear infinite;
  color:white !important;
  
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}

@-moz-keyframes blinker {
  50% {
    opacity: 0;
  }
}

h3.dark{
    background-color: 	#8db7c0;
    color:white;
    padding-left: 10px;
    width: calc(100% - 40px);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    line-height: 30px;
    height: 30px;
}


h4.dark{
    background-color: 	#8db7c0;
    color:white;
    width: calc(100% - 0px);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    line-height: 20px;
    height: 20px;
    text-align: center;
}

.pulsante_mostra_nascondi_menu{
    position: fixed; 
    bottom:0; 
    width:fit-content !important;
    font-size: 9px !important;
    left:0px;
    text-align: left; 
    background: transparent;
    padding-right: 10px;
}

#btn_toggle_crm_eventi{
    position: fixed;
    right: 10px;
    bottom: 10px !important;
    width: 50px;
    height: 50px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

#div_crm_eventi_home{
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 500px;
    height: 100%;
    background-color: white;
    border-left: 1px solid #ccc;
    box-shadow: -4px 0 10px rgba(0,0,0,0.2);
    padding: 10px;
    overflow-y: auto;
    z-index: 1;
}