@import url('../css/buttons.css');
@import url('../css/dialogs.css');

/* Include the padding and border in an element's total width and height */
* {
    box-sizing: border-box;
}

/* Remove margins and padding from the list */
ul {
    margin: 0;
    padding: 0;
}

/* Style the list items */
ul li {
    cursor: pointer;
    position: relative;
    padding: 12px 8px 12px 40px;
    background: #eee;
    font-size: 18px;
    transition: 0.2s;

    /* make the list items unselectable */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Set all odd list items to a different color (zebra-stripes) */
ul li:nth-child(odd) {
    background: #f9f9f9;
}

/* Darker background-color on hover */
ul li:hover {
    background: #ddd;
}

/* When clicked on, add a background color and strike out text */
ul li.checked {
    background: #888;
    color: #fff;
    text-decoration: line-through;
}

/* Add a "checked" mark when clicked on */
ul li.checked::before {
    content: '';
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    top: 10px;
    left: 16px;
    transform: rotate(45deg);
    height: 15px;
    width: 7px;
}

/* Style the close button */
.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 16px 12px 16px;
}

.close:hover {
    background-color: #f44336;
    color: white;
}

/* Style the header */
.header {
    background-color: #f44336;
    padding: 30px 40px;
    color: white;
    text-align: center;
}

/* Clear floats after the header */
.header:after {
    content: "";
    display: table;
    clear: both;
}

/* Style the input */
input {
    /* border: none; */
    /* width: 75%; */
    /* padding: 10px; */
    /* float: left; */
    /* font-size: 16px; */
}


/* Style the "Add" button */
.addBtn {
    padding: 10px;
    width: 25%;
    background: #d9d9d9;
    color: #555;
    float: left;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

.addBtn:hover {
    background-color: #bbb;
}

th {
    border-width: 1px;
    border-color: aqua;
}



.ami div {display:none}
.ami:hover div {display:block}

.status-icon {
    background: indianred;
    fill: white;
    /*border-radius: 3px;*/
    /*padding: 5px 6px 2px;*/
    margin: 0 4px;
    /*border: 1px solid rgba(0,0,0,0.2);*/
}

.th-data-header {
  background-color: whitesmoke;
  display:table-cell !important;
  text-align: center;
}
.td-data-header {
  background-color: whitesmoke;
  vertical-align:middle; 
  text-align: center; 
  width:150px;
  border:1px solid black;
  padding:2px;
}
.td-data-header-nb {
  border:none;
}
.td-data-header-red {
  color: red;
}
.th-data-prov {
  background-color: whitesmoke;
  display:table-cell !important;
  font-style: italic;
  border-bottom-style: solid;
  border-bottom-color: black;
}
.td-data-provv {
  background-color: whitesmoke;
  vertical-align:middle; 
  text-align: center; 
  width:150px;
  
  padding:2px;
    border-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-top-style: none;
}
.td-data-provv.sep {
  border: solid;
  border-width: 0.5px;  
}


/* -----
SVG Icons - svgicons.sparkk.fr
----- */
.svg-icon {
  width: 1em;
  height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  /*fill: #4691f6;*/
  fill: #ff0000;
}
.svg-icon circle {
  /*stroke: #4691f6;*/
  stroke: #ff0000;
  stroke-width: 1;
}

.svg-icon-20 {
  width: 15px;
  height: 15px;
}    

.svg-icon-25 {
  width: 20px;
  height: 20px;
}
.svg-icon-25 path,
.svg-icon-25 polygon,
.svg-icon-25 rect {
  fill: #4691f6;
}
.svg-icon-25 circle {
  stroke: #4691f6;
  stroke-width: 1;
}

.svg-icon-35 {
  width: 30px;
  height: 30px;
}
.svg-icon-35 path,
.svg-icon-35 polygon,
.svg-icon-35 rect {
  fill: #4691f6;
}
.svg-icon-35 circle {
  stroke: #4691f6;
  stroke-width: 1;
}


pre {
  color: #555;
  font-size: 1.5em;
}
a svg {
  fill: rgba(255, 255, 255, 0.6);
}
a:hover svg {
  fill: white;
}

/* HeaderSmartSuppBAR */
#HSSBProgress {
  position: relative;
  /*width: 50%;*/
  /*height: 10px;*/
  background-color: #ddd;
  margin-left: auto;
    margin-right: auto;
}
#HSSBBar {
/*  
  position: absolute;
  width: 1%;
  height: 100%;
  background-color: #4CAF50;
*/  
}
#HSSBlabel {
  text-align: center;
  line-height: 10px;
  color: white;
}

/* refreshStateBar */
#RSBProgress {
  position: relative;
  /*width: 50%;*/
  /*height: 10px;*/
  background-color: #ddd;
  margin-left: auto;
    margin-right: auto;
}
#RSBBar {
/*  
  position: absolute;
  width: 1%;
  height: 100%;
  background-color: #4CAF50;
*/  
}
#RSBLabel {
  text-align: center;
  line-height: 10px;
  color: white;
}

#headCanvas {
  /*width :190 ;*/
  width :155 ;
  height:109; 
  /*zoom  : 1; */
  zoom  : 0.5; 
  /*-moz-transform: scale(1); */
  -moz-transform: scale(0.5); 
  margin: 5px;  
}

#div-header{
  text-align    :center;
  border        :1px solid #73AD21;
  border-radius :3px; 
  padding       :2px; 
  visibility    :hidden;
}


div.Tscroll { 
  margin:5px; 
  padding:5px; 
  /*overflow-x: hidden; */
  /*overflow: auto; */
  overflow-x: hidden; 
  overflow-y: auto;   
} 

div.samerow {
  float: left;
  margin-left: 5px; 
}
div.special {
  border:1px solid red;
  border-radius: 5px; 
  padding: 2px; 
  padding-bottom: 5px;  
  color: black;
}
div.normal {
  border:1px solid #73AD21;
  border-radius: 5px; 
  padding: 2px; 
  padding-bottom: 5px;  
}
div.vertical-line{
width: 0px; /* Use only border style */
      height: 100%;
      float: left; 
      border: 1px inset; 
}
#left {
  float: left;
}
#right {
  float: right;
}

.blink {
  -webkit-animation:1s blinker step-start infinite;
  -moz-animation:1s blinker step-start infinite;
  animation:1s blinker step-start infinite;
  color: red !important;
}
.blinkgreen {
  -webkit-animation:1s blinker step-start infinite;
  -moz-animation:1s blinker step-start infinite;
  animation:1s blinker step-start infinite;
  color: green !important;
}
.blink.blue {
  color: blue !important;
}  
.blink.green {
  color: green !important;
}  
.blink.red {
  color: red !important;
}  
.blink.orange {
  color: orange !important;
}  


@-moz-keyframes blinker {  
  0% { opacity: 1.0; }
  /*50% { opacity: 0.5; }  */
  50% { opacity: 0.3; } /*Per lasciare un minimo di visibiltà sulle scritte lampeggianti */
  /*50% { opacity: 0.0; }*/
  100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  /*50% { opacity: 0.5; }  */
  50% { opacity: 0.3; } /*Per lasciare un minimo di visibiltà sulle scritte lampeggianti */
  /*50% { opacity: 0.0; }*/
  100% { opacity: 1.0; }
}
@keyframes blinker {  
  0% { opacity: 1.0; }
  /*50% { opacity: 0.5; }*/
  50% { opacity: 0.3; } /*Per lasciare un minimo di visibiltà sulle scritte lampeggianti */
  /*50% { opacity: 0.0; }*/
  100% { opacity: 1.0; }
}

hr.line-black {
  border-color: #9E9E9E;
  margin: 5px;
}
hr.line-red {
  border-color: red;
  margin: 5px;
}

div.hr {
  text-align: -webkit-center;
  background: black;
  padding: 0.5px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 90%;
  opacity: 0.6;
}
div.hr.black {
  background: black !important;
}
div.hr.red {
  background: red !important;
}
div.hr.none {
  background: initial !important;
}


p.pTitle {
  font-size: large;
  font-family: 'Arial Black';
}

#anagrafica th {
  font-style: italic; 
  text-align: center;
}
#anagrafica td {
  text-align: center; 
  border:1px solid black;
}
#anagrafica a {
  
}
#riga-anagrafica td {
    background-color: whitesmoke;
    vertical-align: middle;
    text-align: center;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
}

@media print {
  .hide-on-print {
    display: none;
  }
  .pagebreak { 
    page-break-before: always; 
  }
  body {
      -webkit-print-color-adjust: exact;
  }
  /*
  * {
    color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  */
}

.fieldsetZip{
  padding:10px;
  margin-top :5%;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom:auto;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 4px;
  border: 2px solid #AED0EA;       
  padding:0%;
  position:relative;         
} 
.contieniRigheZip
{
  /* float : right;*/
  margin : 0 25% 0 10%;
}

.pColor{}

/*
div#bckCassa {
  order: 1;
  -webkit-order: 1;
}
div#bckContoComplessivo {
  order: 2;
  -webkit-order: 2;
}
div#bckContoIstantaneo {
  order: 3;
  -webkit-order: 3;
}
div#bckAreaProvvigioni {
  order: 4;
  -webkit-order: 4;
}

*/

.messagelog {
    position     : fixed;
    height       : 50px;
    bottom       : 0px;
    left         : 0px;
    right        : 0px;
    margin-bottom: 0px;
    text-align   : center;
    display      : none;
    z-index      : 10000;

    background: url(../images/info.png) no-repeat;
    background-size: 32px 32px;
    background-color: antiquewhite;
    background-position-x: 2px;
    background-position-y: 2px;
    float: left;

}
.messagelog p {
  font-weight: bold; 
  margin: 0px;
  padding-top: 5px;
}
/*
body {
    margin-bottom:50px;
}
*/

/*
.footeremail {
    background: url(../images/main-left-310x310.png) no-repeat;
    background-size: cover;
    background-clip: border-box;
    opacity: 0.2;
}
*/

.mexfooter{
  text-align: center;
  display: inline-grid;
  justify-items: center;
  width: 100%;
}
#mexfooter img {
    width:25%; /*height will be automatic to remain aspect ratio*/
}