body {
    font-family: "Noto Sans",Arial,Helvetica,sans-serif;
    background-color: white;
    margin: 0;
}

.cmzframe {
    margin: 5px;
}

.cmzgetvalue div {
    padding: 0.5em;
}

.cmzgetvalue select {
    font-size: 100%;
}

.cmztopmenu {
    background-color: #600020;
    /*font-style: italic;*/
    padding-left: 1.0em;
    padding-right: 1.0em;
    color: #000000;
}

.cmzitem a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

.cmzitem > div {
    box-shadow:  0 1px #e0e0e0,
                 1px 0 #e0e0e0,
                -1px 0 #e0e0e0;
}

.cmztopmenu > .cmzitem {
    padding-top: 1.0em;
    padding-bottom: 1.0em;
}

.cmzitem {
    color: white;
    padding: 0.3em;
    user-select: none;
    background-color: #600020;
    cursor: pointer;
}

div.cmz-window-titlebar {
    background-color: #600020;
    color: white;
    padding: 5px;
}

.cmzitem:hover {
    background-color: #802040;
    cursor: pointer;
}

.cmztitle {
    margin: 0.1em;
    font-weight: bold;
    color: #702030;
}

.cmzextraitems {
    margin-top: 0.6em;
}

.cmzfield {
    font-style: italic;
}

.cmzvalue {
}

.logo {
    padding-right: 1em;
}

.cmz-table .cmzitem {
    background-color: #f0f0f0;
    color: #000000;
}

.cmz-table .cmzitem:hover {
    background-color: #ffffff;
}

.error {
    color: #ff0000;
}

.cmzbox {
    background-color: #f0f0f0;
    padding: 30px;
    border-radius: 25px;
}

.cmzgroupbox {
    background-color: #f0f0f0;
    padding: 5px;
    padding-left: 12px;
    border-radius: 10px;
}

input {
    font-size: 1em;
}

button {
    font-size: 1em;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.recordwindow_ro td {
    padding: 1em;
}

.recordwindow_rw td {
    padding: 0.5em;
}

.cmz_warning {
    border: 2px solid #ffc000;
    border-radius: 0.5em;
    padding: 0.3em;
    font-weight: bold;
}

.cmz_info {
    border: 2px solid #00c000;
    border-radius: 0.5em;
    padding: 0.3em;
    font-weight: bold;
}

.cmz_note {
    font-size: 0.75em;
    font-style: italic;
}

.cmz_parms {
    background-color: #f0f0f0;
    border-radius: 0.5em;
    padding: 3px;
}

.icon-button {
    height: 2em;
}

.icon-image {
    height: 1.5em;
}

div.cmz-table {
    background-color: #f0f0f0;
    border-radius: 1em;
    padding: 1em;
}

table.cmz-table th {
    background: #d0d0d0;
}

.sort_ascending:after {
  content: "▴";
}

.sort_descending:after {
  content: "▾";
}

div.daily-calendar-body table.cmz-table {
    border-spacing: 1px;
}

td.calendar-view-day {
    padding-left: 1px;
    border-left: 0px;
    padding-right: 1px;
    border-right: 0px;
}

td.calendar-view-day.t465 {
    padding-right: 0px;
    border-right: 1px black solid;
}

td.calendar-view-day.t720 {
    padding-left: 0px;
    border-left: 1px black solid;
}

td.calendar-view-day.t765 {
    padding-right: 0px;
    border-right: 1px black solid;
}

td.calendar-view-day.t1020 {
    padding-left: 0px;
    border-left: 1px black solid;
}

table.cmz-table {
    border-spacing: 3px;
    width: 100%;
    margin: 0.1em 0;
    border-top: 1px #d0d0d0 solid;
    border-bottom: 1px #d0d0d0 solid;
}

table.cmz-table td {
    border-top: 1px #d0d0d0 solid;
    empty-cells: show;
}

table.cmz-table tr.cmzgrp1:not(.selected):not(.evidenziato) td {
    background: #d0d0d0;
}

table.cmz-table tr.cmzgrp0:not(.selected):not(.evidenziato) td {
    background: #e0e0e0;
}

table.cmz-table tr:hover:not(.selected):not(.evidenziato) td {
    background-color: LightYellow;
}

tr.selected td {
    background-color: #90c0f0;
}

div.cmz-window {
    background-color: #f0f0f0;
    border: 1px #000000 solid;
    border-radius: 0.5em;
    box-shadow: 0.25em 0.25em 0.125em #c0c0c0;
    box-shadow: 0.25em 0.25em 0.25em rgba(96, 96, 96, 0.5);
}

div.cmz-window-titlebar:hover {
    cursor: move;
}

div.cmz-window-border {
    background-color: rgba(0,0,0,0);
}

div.cmz-client {
    padding: 15px;
    box-sizing: border-box;
}

div.cmz-window-n:hover {
    cursor: n-resize;
}
div.cmz-window-e:hover {
    cursor: e-resize;
}
div.cmz-window-w:hover {
    cursor: w-resize;
}
div.cmz-window-s:hover {
    cursor: s-resize;
}

div.cmz-window-nw:hover {
    cursor: nw-resize;
}
div.cmz-window-ne:hover {
    cursor: ne-resize;
}
div.cmz-window-sw:hover {
    cursor: sw-resize;
}
div.cmz-window-se:hover {
    cursor: se-resize;
}

span.cmz-window-x:hover {
    cursor: default;
}

button.filter-active {
    color: #aa0000;
}

.datepicker table td {
    border: 1px solid #f0f0f0;
}

.datepicker {
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 1em;
    box-shadow: 0.25em 0.25em 0.25em rgba(96, 96, 96, 0.5);
}

.datebtns {
    border: 1px solid #f0f0f0;
}

.weekno {
    text-align: center;
    background-color: #f0f0f0;
}

.wday {
    font-family: monospace;
}

.selday {
    left: -6px;
    top: -6px;
    right: -6px;
    bottom: -6px;
    border: solid 4px rgba(255,0,0,0.5);
    border-radius: 1000px;
    z-index: 1000;
}

.day {
    background-color: #fcf7ff;
    text-align: center;
}


.cmztag { display: inline-block;
       background-color: #99aabb;
       color: #ffffff;
       font-family: sans-serif;
       font-weight: bold;
       padding: 2px;
       padding-left: 8px;
       padding-right: 8px;
       border-radius: 6px;
       margin: 4px;
       cursor: pointer;
}

.cmzx { display: inline-block;
     color: #ff0000;
     font-weight: bold;
     margin-left: 8px;
     cursor: pointer;
}

.cmztaglist { border: solid 1px #000000;
           padding: 4px;
           background: #ffffff;
         }

.cmztagselect { border: solid 1px #000000;
             font-family: sans-serif;
             font-weight: bold;
             background-color: #ffffff;
             box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
             padding: 4px;
             position: absolute;
}

.cmztagselect>div {
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

.cmztagselect>div:hover {
    background-color: #000088;
    color: #ffffff;
}

.cmztab {
    border: solid 1px #777777;
}

.cmztabsbar {
    background-color: #c0c0a0;
}

.cmztabbtn {
    border-style: solid;
    margin: 0.25em;
    height: 4ex;
    background-color: #e0e0c0;
    border-width: 2px;
    border-radius: 1ex;
    cursor: pointer;
    outline-width: 0;
    border-color: #e0e0c0;
    color: #444444;
}

.cmztabbody {
}

button.cmztabbtn.active {
    border-color: #000000;
    font-weight: bold;
    color: #000000;
}

.cmz-modal {
    background-color: #f0f0f0;
}

@media print {
    body { font-size: 8px }

    .hide-on-print {
        display: none;
    }

    .cmz-table {
        font-size: 60%;
    }

    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
}

tr.evadibile.selected td {
    background-color: #a0d0c8;
}

tr.evadibile td {
    background-color: #b0e0b0;
}

tr.evadibile_alternativo.selected:not(.evadibile) td {
    background-color: #c0d0c8;
}

tr.evadibile_alternativo:not(.evadibile) td {
    background-color: #f0e0b0;
}

tr.assigned:not(.selected) td {
    background-color: #b0e0b0;
}

.cmzbox.cmzcvis {
    padding: 2px;
}

.camera {
    background-color: #fcf7ff;
}

.clickable {
    cursor: pointer;
}

.cmzresizer {
    background-color: #f0f0f0;
    padding: 5px;
}

.cmz-table td.clickable {
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}

.cmz-table td.clickable.mouseover {
    background: #00ffff;
    text-decoration: underline;
}

.lotto {
    font-size: 150%;
}

.cmz-content {
    padding-left: 1em;
    padding-right: 1em;
}


.cmz-spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.cmz-spinner > div {
  width: 18px;
  height: 18px;
  background-color: #ffffff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.cmz-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.cmz-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

div.cmz-autocompletion td:hover {
    cursor: pointer;
    background-color: #96f550;
}

div.cmz-autocompletion .selected {
    background-color: #90c0f0;
}

@media print {
    body { font-size: 16px; }
    * { overflow: visible; }
     .cmz-print-header {}
    .cmz-ordini-produzione {box-sizing: border-box;}
    .cmz-ordini-produzione table {font-size: 12px; border-left: 2px solid #000000; border-right: 2px solid #000000; margin: 0px; border-collapse: collapse }
    .cmz-ordini-produzione table.first_row { border-top: 2px solid #000000; }
    .cmz-ordini-produzione table.last_row { margin-bottom: 1em; border-bottom: 2px solid #000000;}
    .cmz-ordini-produzione td { border: 1px solid #000000; margin: 0}
    .cmz-ordini-produzione th { border: 1px solid #000000; margin: 0}
    .cmz-ordini-produzione tr { margin: 0}
}

div.cmz-tree {
    font-size: 20px;
}

li.cmz-tree-row {
    list-style-type: none;
    padding-left: 0;
    margin-height: 0;
    display: inline-block;
}

tr.cmz-tree-row.odd {
    background-color: #fcf7ff;
}

tr.cmz-tree-row.even {
    background-color: #eeeeee;
}

span.cmz-tree-spacer {
    font-size: 20px;
    font-family: monospace, courier;
}

span.cmz-tree-node-button {
    font-family: monospace, courier;
    font-size: 20px;
}

span.cmz-tree-node-button-active {
}

span.cmz-tree-node-button-active:hover {
    cursor: pointer;
}

span.cmz-tree-content {
    margin-left: 0.1em;
}

.cmz-legend {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}

tr.new-group td {
    border-top: 5px #d0d0d0 solid;
}

table.calendar-view-day {
}

span.cmz-warning-txt {
    color: white;
    font-size: 14px;
    background-color: red;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

span.cmz-info-txt {
    color: #ff7000;
    font-size: 14px;
    background-color: #ffe0c0;
    padding-left: 0.5em;
    padding-right: 0.5em;
}