:root{
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 14px;
--scrollbar-size: 6px;
--scrollbar-thumb: #b0b8c9;
--scrollbar-thumb-hover: #8baddb;
}
*{
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb) transparent;
}
*::-webkit-scrollbar{
width: var(--scrollbar-size);
height: var(--scrollbar-size);
}
*::-webkit-scrollbar-track{
background: transparent;
}
*::-webkit-scrollbar-thumb{
background-color: var(--scrollbar-thumb);
border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover{
background-color: var(--scrollbar-thumb-hover);
}
html{
display: table;
width: 100%;
}
body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #313131;
margin:0px;
}
#top{
width: 100%;
height: 50px;
background-color: #141f4c;
position: fixed;
margin: 0px;
top: 0px;
z-index: 10;
box-sizing: border-box;
overflow: hidden;
display: flex;
align-items: stretch;
padding: 0;
}
#top .top-inner,
#top center{
flex: 1 1 100%;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 50px;
max-width: 100%;
box-sizing: border-box;
padding: 0 12px;
margin: 0;
}
.contentw #topmenu{
background-color: #1e481e !important;
}
.topw{
background-color: #ffffff !important;
}
#top a{
display: inline-flex;
align-items: center;
height: 50px;
flex-shrink: 0;
line-height: 0;
}
#top .top-link-left,
#top center > a:first-child{
justify-content: flex-start;
margin-right: auto;
}
#top .top-link-right,
#top center > a:last-child{
justify-content: flex-end;
margin-left: auto;
}
#top img{
max-height: 30px !important;
height: auto;
width: auto;
object-fit: contain;
padding: 0;
display: block;
}
#toplogo,
#toplogo2{
margin: 0 !important;
max-height: 30px !important;
height: auto;
width: auto;
object-fit: contain;
display: block;
}
#toplogo{
max-width: 340px;
}
#toplogo2{
max-width: min(200px, 35vw);
}
#top a,
#top a:hover{
transform: none !important;
opacity: 1 !important;
transition: none;
}
.loghiazienda{
float: left;
}
.loghiazienda img{
max-width: 250px;
margin: 20px 0px 10px 0px;
}
#content{
display: inline-block;
width: 100%;
margin: 50px 10px 0px 10px;
display: none;
}
#sezionemenu{
margin: 20px auto;
display: inline-flex;
align-items: flex-start;
}
#sezionemenu td{
border: none;
width: 300px;
padding: 0px 10px;
}
#sezionemenu div{
font-size: 14px;
font-weight: bold;
margin: 2px 20px 2px 20px;
}
#sezionemenu .divsubtit {
background-color: #ececec;
margin: 10px 0px 5px 0px;
padding: 5px 10px;
border-radius: var(--radius-sm);
}
#sezionemenu .divtit {
font-weight: bold;
margin: 20px 0px 10px 0px;
background-color: #f1f1f1;
width: calc( 100% - 30px);
padding: 10px 10px 10px 20px;
}
#sezionemenu .divtit2{
margin: 16px 10px 10px 20px;
}
#sezionemenu a{
font-size: 14px;
font-weight: normal;
text-decoration: none;
}
.tab100menu {
float: left;
margin: 0px;
padding: 0px;
/*
border: 1px solid #e6e5e5;
*/
border-collapse: collapse;
}
.tab100menu ul{
margin: 0px;
padding: 0px;	
}
.tab100menu li {
margin: 6px 0px 10px 0px;
padding: 0px;
list-style-type: none;
position: relative;
font-size: 12px;
border-bottom: 1px solid #ececec;
}
.tab100menu li:before {
content: "\25BA \0020";
font-size: 6px;
position: absolute;
top: 0px;
left: -10px;
}
.divavviso{
display: none;
position: fixed;
color: red;
background-color: #fff;
z-index: 99;
float: right;
right: 0px;
margin-top: 0px;
width: 300px;
line-height: 40px;
text-align: right;
padding: 0px 12px;
border-radius: 0 0 0 var(--radius-md);
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.divavvisobig{
display: none;
position: fixed;
color: red;
background-color: #fff;
z-index: 99999;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
font-size: 13px;
font-weight: bold;
line-height: 18px;
padding: 50px 0px;
}
.importante{
color: #b10000;
font-weight: bold !important;
}
.importantetr,.importantetr a{
color: #bd1818;
/*
color: #fff;
font-weight: bold !important;
background-color: red !important;
*/
}
.importantetr2,.importantetr2 a{
color: #b10000;
}
.importantetrok,.importantetrok a{
color: #029e02;
/*
font-weight: bold !important;
background-color: green !important;
*/
}
table{
padding: 0px;
margin: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #313131;
border: 1px;
}
th{
text-align: left;
}
td, th{
padding: 9px 4px 8px 14px;
margin: 0px;
vertical-align: top;
line-height: 16px;
border-width: 1px;
border-style: solid;
border-color: #e8e8e8;
}
.border0{
border-width: 0px;
}
.tde{
color: #9f9f9f;
border-bottom: 1px solid #e9e9e9;
padding: 13px 18px;
width: 0px;
vertical-align: top;
background-color: #fff;
white-space: nowrap;
}
.tdmod{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #313131;
white-space: nowrap;
}
.tdmod div{
margin-right: 4px;
margin-top: 4px;
}
.tdmodim{
max-height: 100px;
padding: 0px 8px 0px 0px;
}
.tdmodimdel{
min-width: 20px !important;
margin: 0px 20px 0px -35px !important;
background-color: #ffffff !important;
color: #ff253a !important;
}
.tdmoddel{
min-width: 20px !important;
margin: 0px 20px 0px 0px !important;
background-color: #ffffff !important;
color: #ff253a !important;
}
.tdmodimnomefoto{
display: none;
vertical-align: middle;
height: 78px;
text-align: center;
border: 1px solid #dcdcdc;
margin: 0px 6px 0px 0px;
padding: 10px;
font-size: 10px;
min-width: 78px;
white-space: nowrap;
border-radius: var(--radius-md);
}
.tddel{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #313131;
padding: 9px 4px 8px 14px;
border-top: 1px solid #e7e7e7;
/*
min-height: 35px;
*/
}
.tdbold,.tdbold input[type=text],.tdbold input[type=password],.tdbold input[type=date],.tdbold select,.tdbold textarea{
font-weight: bold;
}
form td,form th{
border: none;
/*
border-color: #fff;
*/
}
input[type=text],input[type=password],input[type=date],input[type=datetime-local],select,textarea{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #313131;
margin-top: -2px;
padding: 4px 8px;
border: 1px solid #d8dce3;
border-radius: var(--radius-sm);
background-color: #fff;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime-local]:focus,select:focus,textarea:focus{
outline: none;
border-color: #8baddb;
box-shadow: 0 0 0 2px rgba(139,173,219,0.25);
}
input[type=text],input[type=password],select,.ui-multiselect--display,textarea{
width: 100%;
/*
width: calc(100% - 8px);
*/
}
input[type=date],input[type=datetime]{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #313131;
padding: 4px 8px;
}
input[type=checkbox]{
margin: 1px 4px 0px 4px;
vertical-align: top;
}
#sezionetitolo{
position: fixed;
top:0px;
z-index:99;
height: 38px;
line-height: 38px;
padding: 0px 10px;
width: calc( 100% - 20px);
}
.sezionetitolo{
margin: -10px -10px 20px -10px;
padding: 30px 10px 10px 10px;

font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #ccc;
width: 100%;
background-color: #fff;


    white-space: nowrap;
}
.sezionetitolo .floatdx input[type=button], input[type=submit]{
margin: 0px 0px 0px 0px;
}
.sezionefiltri {
float: left;
margin: 7px 10px 0px 10px;
}
.sezionefiltri form div,.sezionefiltri div{
float: left;
}
.sezionefiltri form input[type=text],.sezionefiltri form input[type=password],.sezionefiltri form input[type=date],.sezionefiltri form select,.sezionefiltri form textarea{
font-size:12px;
/*
display: block;
clear: both;
width: 100%;
*/
min-width: auto;
}
#topmenu{
position: fixed;
width: 100%;
top: 50px;
background-color: #8baddb;
left: 0px;
right: 0px;
z-index: 2;
}
.sezionemenu{
float: right;
text-align: right;
margin: 10px 10px 10px 10px;
}
.sezionemenu a{
font-family: Roboto,RobotoDraft,Arial,sans-serif;
font-size: 11px;
margin:0px 0px 0px 15px;
text-decoration: none;
cursor: pointer;
color: #fff;
}
.xlistariga{
background-color:#ffffff;
cursor: pointer;
}
.xlistariga:nth-child(odd){
background-color:#f1f1f1;
}
.xlistariga1{
background-color:#ffffff;
cursor: pointer;
}
.xlistariga2{
background-color:#f1f1f1;
cursor: pointer;
}
.xlistariga1:hover,.xlistariga2:hover{
background-color: #d4edaa;
transition: background-color 0.2s ease;
}
.tabreport .xlistariga1,.tabreport .xlistariga2{
cursor: default;
}
.reportbtnx {
width: 16px;
height: 18px;
float: right;
min-width: 10px !important;
position: absolute;
margin: -12px 0px 0px -12px !important;
text-align: center;
padding: 2px 2px !important;
background-color: transparent !important;
color: red !important;
}

#divmxpnasccol{
display: none;
font-size:11px;
color: #7b7b7b;
margin: 10px 0px 25px 0px;
}
#divmxpnasccol span{
cursor: pointer;
clear: both;
display: block;
border: 1px solid #ccc;
width: 200px;
text-align: center;
margin: 1px 0px 1px 0px;
padding: 4px 8px;
border-radius: var(--radius-sm);
transition: background-color 0.2s ease;
}
#divmxpnasccol span:hover{
background-color: #f5f5f5;
}
.rigax{
text-align: center;
color: #cccccc;
vertical-align: middle;
}
.intestazione{
font-weight: bold;
white-space: nowrap;
padding: 4px;
}
.rigatotali{
font-weight: bold;
white-space: nowrap;
}
.rigasubtotali{
font-weight: bold;
white-space: nowrap;
padding-bottom: 30px;
border-color: #fff;
}
.rigragrp td{
padding-top: 20px;
border-bottom: 1px solid #313131;
}
.tabpreventivo{
background-color: #f7f7f7;
border: 1px solid #cacaca;
border-radius: var(--radius-md);
overflow: hidden;
}
.tabpreventivo td{
border: 1px solid #cacaca;
}
.costo1{background-color: #fff0dc;}
.costo2{background-color: #eaffdc;}
.costo3{background-color: #dcf4ff;}
.costo4{background-color: #faffdc;}
.costo5{background-color: #ffe5dc;}

.floatsx{
float: left;
}

.floatdx{
float: right;
}

a{
color: #313131;
}

input[type=button],input[type=submit]{
font-weight: bold;
cursor: pointer;
background-color: #141f4c;
color: #ffffff;
font-size: 12px;
padding: 6px 14px;
margin: 0px 2px 0px 0px;
border: none;
min-width: 85px;
border-radius: var(--radius-md);
transition: background-color 0.2s ease, transform 0.15s ease;
}
input[type=button]:hover,input[type=submit]:hover{
background-color: #1e2d6b;
}
input[type=button]:active,input[type=submit]:active{
transform: scale(0.98);
}

.br2{
clear: both;
}
.rigax{
margin: -30px 4px 30px 4px;
padding: 30px 0px 30px 0px;
}
#crmlista{
display: block;
}
.crmlistariga{
cursor: pointer;	
}
.crmlistariga:hover{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity:0.7;
}
.placeholeder{
color: #ccc;
}
#formareariservata td{
border: none;
}

#formareariservata input{
width: 300px;
max-width: 100%;
margin: 0px 0px 0px 0px;
padding: 10px 12px;
border-radius: var(--radius-md);
}


.pulsantifixed{
	    position: fixed;
    bottom: 0px;
    right: 0px;
    /* background-color: #ffffff; */
    /* width: 100%; */
    text-align: right;
    float: right;
padding: 0px 13px 13px 0px;
}
.centra{
text-align: center;
}
.note{
text-align: right;
}
.pulsanteore{
margin: 10px !important;
padding: 10px 20px !important;
border-radius: var(--radius-lg) !important;
}
.divmodoredata{
margin: -10px 0px 30px 0px !important;
height: 1px;
}
.modoredata{
font-size: 12px !important;
text-align: right;
width: 100px;
color: #565656;
float: right;
margin: 3px 0px 0px 0px;
cursor: pointer;
}
.modoredatainp{
font-size: 12px !important;
width:140px !important;
}
.modoredatastart{
display:none;
}
#tablista{
border-top: 1px solid #111;
border-bottom: 1px solid #111;
border-radius: 0;
overflow: hidden;
}
#tablista td,.intestazione{
border: 1px solid #c7c7c7 !important;
}
.tabtotali{
width: 100%;
text-align: left;
}
#tablista .rigatotali,#tablista .trtotali td{
border: none !important;
}
.dataTables_scrollBody #tablista thead th{
height:0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

@media print{    
.noprint,.noprint *{
display: none !important;
}
#top {
position: absolute;
}
}


@media screen and (max-width: 980px) {
.tab100menu {
width: calc( 100% - 20px);
}
#sezionemenu {
display: table !important;
}
#sezionemenu .divtit {
width: 100%;
padding: 10px 0px 10px 20px;
white-space: nowrap;
}

}


@media screen and (max-width: 580px) {
.tddel,.tde,.tdmod{
width: 100%;
clear: both;
display: inline-block;
text-align: left;
padding: 4px 4px 4px 4px;
}
.tddel{
padding: 4px 0px 4px 8px;
}
.tde {
padding: 4px 4px 2px 7px;
color: #434343;
margin-top: 20px;
}
option{
white-space: pre;
}
.pulsantifixed {
padding: 0px 4px 13px 0px;
}

#toplogo,#toplogo2{
float: none !important;
margin: 0 !important;
max-height: 30px !important;
}
}


@media screen and (max-width: 400px) {
.sezionefiltri {
width: calc(100% - 20px);
}
.sezionefiltri form div {
float: none;
}

.sezionetitolo .floatdx{
padding: 20px 0px 10px 0px;
}

}

#formmod #trfunc td.tddel{
background-color: inherit !important;
text-align: right;
padding: 0px 0px !important;
border: none !important;
}