.page__content.ons-page-inner {
  margin: 0;
}

.menu .page__background {
  background-color: #DDD;
}

.headerDialog {
  background-color: lightblue;
  border: 0;
}

.headerDialog .left {
  max-width: 60px;
  width: 60px;
}

.headerDialog .right {
  max-width: 100px;
  width: 100px;
  padding-right: 6px;
}

.headerDialog .center {
  max-width: calc(100% - 160px);
  width: calc(100% - 160px);
  text-align: left;
  font-weight: 700;
  line-height: 41px;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}

.headerDialog .left .fa, .headerDialog .left .fa {
  line-height: 41px;
  padding: 0 14px;
  font-size: 24px;
}

.headerDialog ons-button {
  color: white;
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-right: 8px;
  margin-top: 6px;
  font-size: 22px;
}

#laterale {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 230px;
  border-right: 1px solid #AAA;
  overflow-y: auto;
  background-color: #DDD;
}

#schermata {
  position: absolute;
  top: 0;
  left: 231px;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  background-color: #ECEFF1;
}

#intestazioneChiamate {
  background-color: #DDD;
  border-bottom: 1px solid #AAA;
  line-height: 36px;
  font-family: monospace;
}

#intestazioneChiamate ons-col {
  padding: 0 10px;
}

#intestazioneChiamate ons-button {
  padding: 0;
  width: 34px;
  height: 28px;
  margin: 4px 6px 0 6px;
  color: #4273A4;
  background-color: #FAFAFA;
  font-size: 22px;
  line-height: 22px;
}

.divFiltro {
  padding: 6px 8px 2px 8px;
}

.divFiltro > div:first-child {
  font-size: 13px;
  color: #436E9D;
  margin-bottom: 1px;
}

.divFiltro > div:nth-child(2) {
  position: relative;
}

.divFiltro .text-input {
  width: 100%;
  background-color: white;
  height: 30px;
  padding: 0 34px 0 7px;
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
  font-size: 15px;
}

.divFiltro .text-input:not(:valid) ~ .btnReset {
  display: none;
}

.divFiltro .search-input:not(:valid) ~ .btnReset {
  display: none;
}

.divFiltro > .button-bar {
  width:209px;
  padding:0px 0px 0px 3px;
}

.divFiltro button.button-bar__button {
  font-family: monospace;
}

.btnReset {
  position: absolute;
  top: 7px;
  right: 7px;
  background-color: #DDD;
  border: 0;
  cursor: pointer;
  font-weight: 700;
}

.button-bar__item:last-child > .button-bar__button, .button-bar__item:first-child > .button-bar__button {
  border-color: #436E9D;
}

.button-bar__item.active > .button-bar__button, :checked + .button-bar__button {
  background-color: #436E9D;
}

#schermataLogin {
  height: 100%;
  background: linear-gradient(#84B1E1, #193E67);
  padding-top: 32px;
}

#divLogin {
  margin: 0 auto;
  width: 260px;
  background-color: #FFF;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}

#divLogin input {
  text-align: center;
  background-color: #ECF0F1;
  font-size: 16px;
  padding: 12px;
  width: 100%;
  box-sizing: border-box;
}

#divLogin input[type="text"] {
  border: 1px solid #AAA;
  border-radius: 4px 4px 0 0;
  margin: 0;
}

#divLogin input[type="password"] {
  border: 1px solid #AAA;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  margin: 0;
}

#bottoneLogin {
  margin-top: 20px;
  width: 100%;
  text-align:center;
}

.image {
  width: 48px;
  height: 48px;
  float: left;
  margin-left: 32px;
  margin-right: 18px;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,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');
}

.header_t {
  background-color: #F9A825;
  /*background-color: pink;*/
  border: 0;
  box-sizing: border-box;
  overflow-y: visible;
}

.header_t .left {
  max-width: 64px;
  background-color: white;
  border-right: 1px solid #777;
  width: 64px;
  cursor: pointer;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFADpxAjtyAzxyBT1zBj50C0F2C0J3DUB2DUN4EUJ3FEZ6FUd7FEh7Gk1/HEt9Hkx+H0x/IEx/HE+AHlCBIVGCKFGCLVqIMl6LNV6LNF6MQmmTRmyVUXSbUnScWHmfYICja4ipdYysdY+vmpiZm5manJmanJqbnZucnpydn52eh525iaC6oJ2eoJ6foZ+goaCgoqCho6GipKKipKKjpaOkpqSlp6Wmp6amqKanqaeoq6mqrKqrrqytr62ur66usK6usa+vsa+ws7Gys7KytLKztbO0t7W2uLa3ube4uri5u7m6vLq7vby8vry9v72+v76+l6rCna/FoLDHobLHrbvOsL7Qu8fXwL6+wL6/wcDBxcPExsTExsXFx8XGyMbHycjIysjJy8rKzcvMzczMzs3Nwcvax9HeydLf0tHR09LS1NLT1dTU1tTV1tXW2NfX2NfY2tnZ29ra3Nrb3dzc393e397ezNXg1dzm4eDg4uHh4uHi5OPj5OPk5OTk5uXl5ubm4eXs5env6ejo6ejp6unq7Ozs7e3t7u7u7+/v6Ovw6Ozx6+7z7e/07/H18O/v8O/w8PDw8fDx8vHy8/Lz9PPz9PT09fX19PT39vb29/f39PX49vf5+Pj4+fn5+Pj6+fn7+vr6+/v7+vv8+/z9/Pv7/Pz8/Pz9/f3+/f7+////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACM9RowAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAAL0SURBVEhLlZWHV1MxFMZTBHHgQsQ9gwXUVhSKBYsTUBH3AgdWxT0QHEAVqyAUtxUotdpSqn0k/6U3uUnbVw+Pw3cOh3u/+yPcjJcQPgshbHBmLUNiAjYMJmMLIU3EmDKfQQbghP83bDI8MqbCTMGYWRNk8d4Wz56qBpWaxBgxNRFsq6ZCHpWbZHCSwf5sL5MopQeVYxYjuChCAU+JAO0O14EryjLLSMN+2UFZ87NgUjnZSsMDlYCWNg1brGMKDrqBdTydblApDRtHga14JeNppeFOmJujT4bTS8FxD6Ul7TNtu4KfQxN1k9KxEMLGYVjeTnQmYhMYJGKxGPaohXAQls0VRaO4cJVox3i5unD5ug/S00K4z05pKxqJhWQJwFOnC0julk/oaSH8EKbnQwPhz5tySNH5KelMdjTsbX0vIoSvwjYHRIpw8k6xLXf9OzSSJ8WJqRiAEOFLlDqDsiTgpWcLSN6ZX5jzfjyJh4BD+BTAP7AGsM1GFtzGDPREsrQKPh6EL0Mbw1gDeM5ckrPxI6a4tyBXWMP3YIJ+rAG8+EIBISvvqv0M7JTwCUgR9sFfe7EmJsi61xKStz2GzoNyYOtCECH8vYJSd1yWJMwT2+YR25pu6fyuhSahCQ3/3QfnvkfkCubGxSJCFp1LgOPbSmmjrCHMH8F/apRNJpblr5DB2w35+fM3f+FxGMjeJRwNR8V30iGhyHhE/OL8T2R8PGLwx3AUamQXGub3YYq7h2RoVr8DVkodSA3H98PQtWrLMzRUA369Ouka5oO7wHX5ZScpMZ/45Cu/qjQFs54d4Jd7Q2mcha6JJXb2qhxgXWRdpVChbu8QOmwQ7z3nC5kKpWH4BMSSwHSqj1+/2dbkwjNR80ZVQZkwH23WF6NWeYvY5pRMV67x+gisakr2Y341Iym4n+HazRAL3Kh3O+z2Uoe74dY3ZSoJOPtJSUbDoyNj4Wj2tQfPCTwT6t2ylnymxJvC4G2DHwtBWfz/rAfIWrOAOf8HEVMkBVg2vOEAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: center;
}

.header_t .right {
  max-width: 180px;
  width: 180px;
  box-sizing: border-box;
  color: #555;
  font-size: 16px;
  padding: 0 6px;
  cursor: pointer;
}

.header_t .right .dropbtn {
  width: 100%;
  border-left: 1px solid #777;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.header_t .center {
  max-width: calc(100% - 244px);
  white-space: normal;
  width: calc(100% - 244px);
  text-align: left;
  font-weight: 700;
}

.header_t .center ons-button {
  font-size: 22px;
  margin: 6px 3px 0 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0;
}

.humane {
  position: fixed;
  -moz-transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  z-index: 100000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
  line-height: 30px;
  font-size: 18px;
  bottom: 20%;
  left: 30%;
  opacity: 0;
  width: 40%;
  min-height: 30px;
  padding: 6px;
  text-align: center;
  background-color: #333;
  color: #FAFAFA;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.humane.humane-animate {
  opacity: 0.9;
}

.rigaDialog {
  padding: 4px 8px;
}

.rigaDialog > ons-col:not(:last-child) {
  padding-right: 8px;
}

.rigaDialog > ons-col > div:first-child {
  color: #555;
  font-size: 13px;
  padding-left: 2px;
  margin-bottom: 1px;
  font-style: italic;
}

@-moz-document url-prefix() {
  .rigaDialog > ons-col > div:first-child {
    font-size: 12px;
    margin-bottom: 0;
  }
}

.dialogFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 44px;
  border-top: 1px solid #AAA;
  padding-right: 6px;
  padding-left: 14px;
  text-align: right;
}

.dialogFooter > div:first-child {
  float: left;
  font-size: 15px;
  line-height: 36px;
}

.dialogFooter > div:first-child > label {
  margin-top: 11px;
}

.dialogFooter > span {
  color: #E53935;
  font-weight: normal;
  margin: 11px 8px 0px 0px;
  vertical-align:sub;
}

.dialogFooter ons-button {
  color: white;
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-right: 8px;
  margin-top: 6px;
  font-size: 22px;
}

.tabbar {
  padding: 6px 4px 0 4px;
  text-align: left;
  font-size: 15px;
  border-bottom:1px solid #AAA;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.tabbar div {
  text-align: center;
  display: inline-block;
  width: 120px;
  padding: 4px;
  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-radius: 12px 12px 0 0;
  cursor: pointer;
  font-style: italic;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.text-input {
  box-sizing: border-box;
  width: 100%;
  background-color: white;
  padding: 0 7px;
  font-size: 14px;
  height: 28px;
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
}


input {
  font-size: 14px;
	border-color: #A9A9A9;
	background-color: white;
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
}

textarea {
  font-size:14px;
  width: 100%;
  resize: none;
  outline: none;
  box-sizing: border-box;
  padding: 2px 7px;
  border-radius: 4px;
  border-color: #A9A9A9;
	background-color: white;
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
  border-style: solid;
  border-width: 1px;
}

select {
  font-size: 14px;
  border-radius: 4px;
  height: 27px;
  padding: 0 4px;
  width: 100%;
  border-color: #A9A9A9;
	background-color: white;
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
  border-style: solid;
  border-width: 1px;
}

input[readonly], textarea[readonly] {
	background-color: transparent;
  border-style: solid;
  border-width: 1px;
}

select[disabled] {
  border-style: solid;
  border-width: 1px;
  color: black;
  padding: 0 7px;
  background-color: transparent;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

select:disabled::-ms-expand {
  display: none;
}

table {
  /*width: 100%; */
  border-collapse: collapse;
}

.tabella {
  width: 100%;
  box-shadow: 2px 2px 2px #555;
  border: 1px solid #555;
  background-color: white;
}

.tabella td {
  box-sizing: border-box;
  padding: 4px 6px;
}

.numItems {
  background-color: #ECEFF1;
  border-bottom: 1px solid #AAA;
  height: 28px;
  line-height: 28px;
  font-size:15px;
}
  
.numItems ons-col{
  text-align: right;
  padding-right: 8px;
}

.tabellaCat {
  width: 100%;
  border-collapse: collapse;
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
  font-size: 13px;
  box-sizing: border-box;
}

.tabellaCat th {
  padding: 4px 6px;
  font-size: 11px;
  font-style: italic;
  border: 1px solid #555;
  background-color: beige;
  box-sizing: border-box;
  text-align: center;
}

.tabellaCat td {
  padding: 0px;
  border: 1px solid #555;
  box-sizing: border-box;
  text-align: center;
}

.tabellaCat td:nth-child(1) {
  width: 28px;
  border-right: 0;
  font-size: 15px;
  color: #337CC8;
}

.tabellaCat td:nth-child(2) {
  width: 28px;
  border-left: 0;
  font-size: 15px;
  color: #337CC8;
}

.tabellaCat td:last-child {
  width: 40px;
  padding: 4px 6px;
}

.tabellaCat th:last-child {
  width: 53px;
}

.tabellaCat input {
  width: 100%;
  height: 100%;
  padding: 0px;
  border: 0px;
  margin: 0px;
  text-align: center;
  box-sizing: border-box;
}

.tabellaCat .fa {
  cursor: pointer;
}

.segoe {
  font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
}

.fa.etichetta {
  font-size: 13px;
  width: 24px;
  color: #555;
}

.msgError {
  color: #E53935;
  font-weight: normal;
  margin-right: 8px;
  vertical-align: sub;
}

.dropbtn {
	display: inline-block;
	padding: 0 6px;
	text-align: center;
	border-right: 1px solid #777;
  font-size: 15px;
  height: 100%;
  line-height: 44px;
  min-width: 64px;
  cursor: pointer;
  box-sizing: border-box;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  position: absolute;
  background-color: white;
  box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.4);
}

.header_t .right .dropdown-content {
  top: 44px;
  right: 7px;
  width: 167px;
  padding: 0px;
}

.header_t .center .dropdown-content {
  max-height: 600px;
  overflow-y: auto;
}

.header_t .right .dropdown-content ons-list-item {
  width: 100%;
  text-align: center;
}

.dropdown-content ons-list-item {
	min-height: 30px;
  font-size: 14px;
	height: 30px;
	line-height: 30px;
	width: 200px;
	cursor: pointer;
}

.dropdown-content ons-list-header {
	background-color: beige;
	font-style: italic;
	color: #555;
  font-size: 14px;
}

.dropdown-content > div:not(:first-child) > ons-list-header {
	border-top: 1px solid #AAA;
}

.dropdown-content ons-list-item:hover {
  background-color: #f1f1f1;
}

button, ons-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.navigation-bar__center {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.ricercaBarcode {
  background-color: beige;
  font-size: 14px;
  color: #555;
  border:1px solid #555;
  border-radius: 4px 4px 0 0;
}

.ricercaBarcode > ons-col {
  border-right: 1px solid #CCC;
  padding: 2px 6px 6px 6px;
}

.ricercaBarcode > ons-col {
  font-style: italic;
}

.ricercaBarcode input[type="text"] {
  font-size: 14px;
  font-style: normal;
}

.ricercaBarcode button {
  padding: 0 6px;
}

.barcode {
  line-height: normal;
  min-height: 0px;
  padding: 0px;
  font-size: 14px;
  cursor: pointer;
  background-color: white;
}

.barcode:hover {
  background-color: aliceblue;
}

.barcode > ons-row > ons-col {
  padding: 4px 7px;
  word-wrap: break-word;
  border-right: 1px solid #CCC;
}

.listaBarcode {
  overflow-y: scroll;
  border-top: 0px;
  border-left: 1px solid #555;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  border-radius: 0 0 4px 4px;
}

tt {
  font-family: 'Lucida Sans Typewriter', monospace;
}

input[type="file"] {
  width: 100%;
  height: 29px;
  box-sizing: border-box;
  padding: 3px 0 0 3px;
  border: 1px solid #A9A9A9;
  border-radius: 4px;
}

.inputConButton {
  position: relative;
}

.inputConButton > input {
  padding-right: 48px;
  text-overflow: ellipsis;
}

.inputConButton > button {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 40px;
  border: 1px solid #AAA;
  cursor: pointer;
}

[ng-drop].drag-enter {
  color: darkred;
}

#paginazione {
  float: right;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  height: 100%;
  line-height: 38px;
  margin-right: 8px;
}

#paginazione > ons-button {
  margin: 0;
  width: 20px;
}

#paginazione > div {
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  width: 54px;
  font-family: monospace;
}

#tabellone {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-x: scroll;
  overflow-y: scroll;
  font-size: 13px;
}

#tabellone table {
    border-collapse: collapse;
    margin: 0;
}

#tabellone thead {
  position: fixed;
  left: 0px;
  right: 17px;
  overflow-x: hidden;
  text-align: left;
}

#tabellone td {
  padding: 2px 4px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}

@-moz-document url-prefix() {
  #tabellone td {
    white-space: normal;
  }
}

#tabellone th {
  position: relative;
  padding: 2px 4px;
  font-size: 12px;
  border-right: 1px solid #555;
}

#tabellone > table > thead > tr > th > i {
  position: absolute;
  font-size: 16px;
  top: 0px;
  right: 4px;
  color: grey;
}

#tabellone thead > tr {
  background-color: beige;
  height: 44px;
  border-bottom: 1px solid black;
}

#tabellone tbody > tr:first-child {
  height: 44px;
}

#tabellaTicketDashboard table tr > td:nth-child(2){
  text-align: left;
}

.leaflet-popup-content-wrapper {
  width: 544px;
}

.itemMappa {
  line-height: normal;
  padding: 6px;
  cursor: pointer;
}

.itemMappa:hover {
  color: darkblue;
}

.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.table tr {
  border-bottom: 1px solid #AAA;
  background-color: white; 
}

.table tr > td {
  padding: 3px 6px;
  box-sizing: border-box;
  border-right: 1px solid #AAA;
}

.table tr > th {
  padding: 3px 6px;
  border-right: 1px solid #AAA;
  box-sizing: border-box;
}

.button.attivo {
  opacity: 1;
  background-color: #A8D7A9;
  color: black;
  border: 1px solid black;
}

.invioMailTicket {
  padding: 0 8px;
  font-size: 14px;
}

.invioMailTicket ons-row > ons-col:nth-child(odd) {
  text-align: right;
  padding-right: 6px;
  color: #555;
  font-style: italic;
}

.invioMailTicket ons-button {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 22px;
  padding: 1px 0 0 0;
}

.invioMailTicket table {
  width:100%;
  text-align: right;
}

.invioMailTicket textarea {
  font-family:sans-serif;
}

#testataTicket {
  padding: 0 8px;
  font-size: 13px;
  margin-top: 5px;
}

#testataTicket > table {
  width: 100%;
  border-collapse: collapse;
}

#testataTicket > table:first-child tr > td:last-child {
  width: 240px;
}

#testataTicket > table:first-child tr > td:nth-last-child(2) {
  width: 32px;
  background-color: #D3D3D3;
  text-align: center;
}

#testataTicket > table td {
  border: 1px solid #AAA;
  padding: 2px 4px;
  background-color: beige;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.raggruppamenti, .colorazioni {
  display: inline-block;
}

.raggruppamenti .button-bar__button {
  padding: 0 16px;
  font-size: 17px;
}

#tabellaCollegati {
  border: 1px solid #555;
  width: 100%;
  overflow-y: scroll;
  overflow-x: scroll;
  box-sizing: border-box;
}

#tabellaCollegati table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

#tabellaCollegati table td, #tabellaCollegati table th {
  padding: 2px 4px;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

@-moz-document url-prefix() {
  #tabellaCollegati table td {
    white-space: normal;
  }
}

#tabellaCollegati table tr {
  background-color: white;
}

#tabellaCollegati tr > td:first-child, #tabellaCollegati tr > th:first-child {
  color: #337CC8;
  background-color: #EDEDED;
  cursor: pointer;
  width: 26px;
  padding: 0px;
  text-align: center;
}

#tabellaCollegati > div {
  text-align: center;
  color: grey;
  font-style: italic;
  padding-top: 4px;
  font-size: 16px;
}

.rigaDialog2 {
  padding: 0 10px;
}

.rigaDialog2 > ons-col:not(:first-child) {
  padding-left: 8px;
  border-left: 1px dashed #AAA;
}

.rigaDialog2 > ons-col > div:first-child {
  color: #555;
  font-size: 14px;
  padding-left: 2px;
  margin-bottom: 2px;
  font-style: italic;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@-moz-document url-prefix() {
  .rigaDialog2 > ons-col > div:first-child {
    font-size: 13px;
    margin-bottom: 1px;
  }
}

.rigaDialog2 > ons-col > div:nth-child(2) {
  font-family: monospace;
  padding-left: 3px;
  margin-bottom: 2px;
}

#colonnaCP {
  border: 1px dashed #AAA;
  height: 100%;
  font-size: 14px;
}

#colonnaCP > div {
  line-height: 32px;
}

#colonnaCP > div > input[type="radio"] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: -1px;
  vertical-align: middle;
}

.cbFatturazione {
  border: 1px solid #AAA;
  padding: 2px 4px;
  display: inline-block;
  margin-right: 6px;
}

.cbFatturazione > input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

.tabellaFatturazione {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  border: 1px solid #AAA;
}

.tabellaFatturazione td {
  padding: 0px 8px;
  border: 1px solid #AAA;
  height: 33px;
}

.tabellaFatturazione tr > td:last-child {
  font-family: monospace;
  font-size: 17px;
  text-align: right;
  padding-right: 6px;
}

.tabellaFatturazione tr > td:first-child {
  font-size: 16px;
}

.tabellaFatturazione tr > td:nth-child(2), .tabellaFatturazione tr > td:nth-last-child(2) {
  font-weight: 700;
  text-align: right;
  font-style: italic;
}

.tabellaFatturazione input[type="text"] {
  text-align: right;
  font-family: monospace;
  font-size: 16px;
}

.tabellaFatturazione input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
}

.tabellaVerDoc {
  border: 1px solid #555;
  height: 199px;
  overflow-y: scroll;
  margin-right: 8px;
  font-size: 14px;
}

.tabellaVerDoc > table {
  width: 100%;
  border-collapse: collapse;
}

.tabellaVerDoc > table tr:hover {
  background-color: aliceblue;
}

.tabellaVerDoc > table tr {
  background-color: white;
  border-bottom: 1px solid #AAA;
}

.tabellaVerDoc > table tr > td {
  border-right: 1px solid #AAA;
  padding: 2px 4px;
  white-space: normal;
  word-break: break-all;
}

.tabellaVerDoc > table tr > td:first-child {
  text-align:center;
  width: 26px;
  padding: 4px 0 0 0;
}

.tabellaVerDoc > table tr > td:first-child > input[type="checkbox"] {
  margin: 0;
  width: 16px;
  height: 16px;
}

.tabellaVerDoc > table tr > td:last-child {
  color: #337CC8;
  background-color: #EDEDED;
  cursor: pointer;
  width: 26px;
  padding: 0px;
  text-align: center;
}

#listaRisorseEmail {
  padding: 0 0 0 2px;
  height: 242px;
  border-radius: 0;
  margin-top: 4px;
}

.tabellaDialog {
  font-size: 13px;
  border: 1px solid #AAA;
}

.tabellaDialog thead {
  display: block;
  background-color: beige;
  border-bottom: 1px solid #AAA;
}

.tabellaDialog tbody {
  display: block;
  font-family: monospace;
  overflow-y: scroll;
}

.tabellaDialog tbody > tr > td {
  border-bottom: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: 3px 5px;
}

.tabellaDialog tbody > tr {
  background-color: white;
}

.tabellaDialog thead > tr > th {
  border-right: 1px solid #AAA;
  padding: 2px 5px;
}

.tooltip {
  position: relative;
  display: inline-block;
  color: #555;
  font-size: 22px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 480px;
  background-color: #555;
  color: #fff;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 0%;
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  padding: 8px;
  visibility: visible;
  opacity: 1;
  font-size: 15px;
  font-family: 'Verdana';
}

input[type="checkbox"].checkone {
  width: 20px;
  height: 20px;
  -moz-transform: scale(1.2);
}

.dataConButton {
  padding-left: 10px;
  position: relative;
}

.dataConButton > input {
  padding-right: 32px;
  text-overflow: ellipsis;
  font-family: monospace;
  background-color: white;
  cursor: pointer;
  height: 28px;
}

.dataConButton > button {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 28px;
  border: 1px solid #AAA;
  cursor: pointer;
  font-size: 18px;
  padding: 0;
  height: 28px;
  line-height: 18px;
}

.dataConButton > button:hover {
  color: darkred;
}

ons-alert-dialog[modifier="noteClienteUbi"] {
  width: 834px;
}

ons-alert-dialog[modifier="noteClienteUbi"] .alert-dialog-content {
  padding: 0;
}

ons-alert-dialog[modifier="noteClienteUbi"] ons-col {
  background-color: #D3D3D3;
  padding: 4px 0px 4px 8px;
  font-style: italic;
  font-weight: 700;
}

ons-alert-dialog[modifier="noteClienteUbi"] ons-col:first-child {
  border-right: 1px dashed #AAA;
}

ons-alert-dialog[modifier="noteClienteUbi"] textarea {
  width: 400px;
  height: 407px;
}