/* COL */
content.liste {margin-bottom:50px;}
content.liste h1 a {float:right; color:#fff; background:var(--indigo-color); padding:15px; font-size:12px; border-radius:3px;}
content.liste h1 span {float:right; color:#fff; background:var(--indigo-color); padding:15px; font-size:12px; border-radius:3px; cursor:pointer;}
content.liste span.messageresult {font-size:14px; padding:5px 10px; display:inline-block; margin-bottom:0; display:none;}
content.liste span.messageresult.green {background:var(--green-color); color:#fff;}
content.liste .table-responsive {background:#fff; margin-top:25px;}
content.liste .listaauto .table-responsive {margin-top:0;}
content.liste .listaauto .table-responsive table th:nth-last-child(1) {width:20px;}
content.liste .listaauto .table-responsive table th:nth-child(2) {width:100px;}
content.liste .listaauto .table-responsive table tr td img {width:100%; max-width:200px;}
content.liste .listaauto .table-responsive table tr {cursor:inherit;}
content.liste .listaauto .table-responsive table tr:hover {background:inherit;}
content.liste .listaauto .table-responsive table tr.venduta td:not(:last-child) {opacity: 0.5;}
content.liste .listaauto .table-responsive table tr.venduta td:last-child {vertical-align: middle;}
content.liste .listaauto .table-responsive table tr.venduta td:last-child a {display: block; padding-top: 10px; color: #4b4b4b;}
content.liste .listaauto .table-responsive table tr.venduta td:last-child a:hover {color: var(--indigo-color);}
content.liste table i {color:var(--main-color); transition:all 0.2s; margin-left:15px; font-size:16px; cursor:pointer;}
content.liste table i:hover {color:var(--indigo-color)}
content.liste .listaauto table input {width:100px; font-weight:600; font-size:14px; border:0; border-bottom:2px solid #c0c0c0;}
content.liste .listaauto table input:disabled {background:none;}
content.liste .listaauto table input.red {border-bottom:3px solid var(--red-color);}
content.liste .listaauto table input.green {border-bottom:3px solid var(--green-color);}
content.liste .listaauto table label {font-weight:600; font-size:14px;}
content.liste .listaauto table td span.margineprezzo {display:block; margin-top:5px;}
content.liste .listaauto table td span.risparmioprezzo {color:var(--red-color); font-weight:600;}
content.liste .listaauto table td span.margineprezzo font {font-size:12px!important;}
content.liste .listaauto table td span.margineprezzo font.red {color:var(--red-color); background:inherit; padding:0;}
content.liste .listaauto table td span.altreofferte {font-size:12px; margin-top:5px; color:var(--indigo-color); text-decoration:underline; cursor:pointer;}
content.liste .listaauto table td span.altreofferte font {font-size:18px!important; font-weight:600;}
content.liste .azionilista {background:#fff; padding:15px; border:1px solid #ddd; border-radius:3px; max-height:180px; overflow:auto; transition:all 0.5s; margin-bottom:50px;}
content.liste .azionilista.open {max-height:inherit;}
content.liste .azionilista i.fa-chevron-down {position:absolute; top:15px; right:15px; font-size:25px; transition:all 0.5s;}
content.liste .azionilista i.fa-chevron-down.rotate {transform:rotate(180deg);}
content.liste .azionilista p {font-size:12px; color:#4b4b4b;}
content.liste .azionilista p span {font-size:14px; color:#000;}
content.liste .azionilista p span.green {color:var(--green-color);}
content.liste .azionilista p span.orange {color:var(--orange-color);}
content.liste .azionilista p span.purple {color:var(--purple-color);}
content.liste .azionilista p span.red {color:var(--red-color);}
content.liste .azionilista p span.black {color:#000;}
content.liste .azionilista p span.strong {font-weight:600;}
content.liste .azionilista p.titoletto {font-size:16px; font-weight:600;}
table tr td.red {color: var(--red-color);}
table tr td.nomobile:not(.update) i.fa-circle {display: none;}
table tr td.nomobile.update i.fa-circle, content.liste .azionilista p i.fa-circle {color:var(--purple-color); animation-name:cambiocoloreaggiornamento; animation-duration:2s; animation-iteration-count:infinite;}
content.liste .azioniabsolute {display:block; position:fixed; bottom:0; left:0; width:100%; z-index:7; background:var(--indigo-color); padding:10px 0;}
content.liste .azioniabsolute .item-action {color:#fff; text-align:center; cursor:pointer; border-left:1px solid #fff; padding: 0 5px;}
content.liste .azioniabsolute .item-action:nth-child(1) {border:0;}
content.liste .azioniabsolute .item-action i {font-size:20px; display:block;}
content.liste .azioniabsolute .item-action span {font-size:12px; display:block; margin-top:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
content.liste .nuovalista {margin-top:25px; background:#fff; padding:15px;}
content.liste .nuovalista label {font-size:12px;}
content.liste .nuovalista input {height:35px; font-size:14px; border:0; border-bottom:1px solid #c0c0c0; padding:5px; margin-bottom:15px;}
content.liste .nuovalista input[type="submit"] {border:0; background:var(--indigo-color); color:#fff; margin-bottom:0;}
content.liste .boxuseradmin {display:none; position:fixed; top:50%; left:50%; width:90%; max-width:500px; max-height:80vh; padding:15px; background:#fff; z-index:999; transform:translate(-50%, -50%); overflow:auto;}
content.liste .boxuseradmin p.title {font-size:18px; font-weight:600; margin-bottom: 5px;}
content.liste .boxuseradmin .sceltainvio {margin-bottom: 15px; border-top: 1px solid #888; padding: 0;}
content.liste .boxuseradmin .sceltainvio span {margin: 0; border: 0; border-radius: 0; font-size: 17px; padding: 10px 0; font-size: 14px;}
content.liste .boxuseradmin .sceltainvio span:after {content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,-50%); transition: all 0.2s linear; border-bottom: 2px solid; width: 0%;}
content.liste .boxuseradmin .sceltainvio.active span:after {width: 70%;}
content.liste .boxuseradmin .sceltainvio:not(.active):hover span:after {border-color: #c0c0c0; width: 70%;}
content.liste .boxuseradmin .sceltainviobox {display: none; border-top: 1px solid #888; height: 50vh; overflow: auto;}
content.liste .boxuseradmin .sceltainviobox.active {display: block;}
content.liste .boxuseradmin span {cursor:pointer; font-size:15px; display:block; margin:5px 0; padding:10px; border-radius: 3px;}
content.liste .boxuseradmin .cercainvio {margin-bottom: 10px; border-top: 1px solid; padding-top: 10px;}
content.liste .boxuseradmin .cercainvio .filtrouserdisall {padding-left: 5px;}
content.liste .boxuseradmin .cercainvio span.userdispall {padding: 0 25px 0 0; margin: 0; line-height: 30px;}
content.liste .boxuseradmin .cercainvio span.userdispall:before {content: ""; position: absolute; top: 50%; right: 15px; transform: translate(0,-50%); border: 1px solid; border-radius: 3px; width: 20px; height: 20px;}
content.liste .boxuseradmin .cercainvio span.userdispall.active:before {content: "\2713"; background-color: var(--indigo-color); color: #fff; font-size: 20px; line-height: 18px; border-color: var(--indigo-color); padding-left: 1px;}
content.liste .boxuseradmin .sceltainviobox > span:hover {background-color: #f0f0f0;}
content.liste .boxuseradmin .sceltainviobox span:before {content: ""; position: absolute; right: 15px; border: 1px solid; border-radius: 3px; width: 20px; height: 20px; margin-top: 1px;}
content.liste .boxuseradmin .sceltainviobox span.active:before {content: "\2713"; background-color: var(--indigo-color); color: #fff; font-size: 20px; line-height: 18px; border-color: var(--indigo-color); padding-left: 1px;}
content.liste .boxuseradmin .sceltainviobox span.highlight {display: initial; padding: 0; background-color: var(--yellow);}
content.liste .boxuseradmin .azioneinvio {border-top: 1px solid #888;}
content.liste .boxuseradmin p.quantitaselezionati {margin-top:10px; margin-bottom:5px; font-size:12px;}
content.liste .boxuseradmin p.action {cursor:pointer; font-size:14px; background:var(--orange-color); color:#fff; padding:5px; text-align:center; margin-bottom:0; border-radius:3px;}
content.liste .boxuseradmin p.action.disabled {cursor:not-allowed; opacity:0.5;}
content.liste .item-grafico {margin-top:25px; margin-bottom:0px;}
content.liste .item-grafico .boxsotto {background:#fff; padding:15px; height:100%;}
content.liste .item-grafico .boxsotto p.titolo {font-size:16px; font-weight:600;}
content.liste .item-grafico .boxsotto .grafico {margin-bottom:15px;}
content.liste .item-grafico .boxsotto .labels p {font-size:12px;}
content.liste .item-grafico .boxsotto .labels p span {font-size:14px; font-weight:600;}
content.liste .item-grafico .boxsotto .labels .label {padding:5px; margin-bottom:5px;}
content.liste .item-grafico .boxsotto .labels .label p {margin:0; font-size:10px;}
content.liste .item-grafico .boxsotto .labels .label p span {float:right; font-size:12px; font-weight:600;}
content.liste .analisilista {margin-bottom:50px;}
content.liste .boxaltreliste {display:none; width:90%; max-width:500px; position:fixed; transform:translate(-50%, -50%); top:50%; left:50%; max-height:90vh; overflow:auto; background:#fff; z-index:999; transform:translate(-50%, -50%); padding:15px;}
content.liste .boxaltreliste p.title {font-size:16px; font-weight:600; margin-bottom:20px;}
content.liste .boxaltreliste .altreliste {padding:5px; border-bottom:1px solid #c0c0c0;}
content.liste .boxaltreliste .altreliste p.titolo {font-size:14px; margin-bottom:5px;}
content.liste .boxaltreliste .altreliste p.subtitle {font-size:12px; margin-bottom:5px;}
content.liste .boxaltreliste .altreliste p.action {font-size:12px; margin-bottom:0; color:var(--indigo-color); text-align:right;}
content.liste .boxaltreliste .altreliste p font {font-weight:600;}

content.liste .filtraliste {margin-top:10px; margin-bottom:10px;}
content.liste .filtraliste font {border:1px solid #c0c0c0; background:#fff; border-radius:5px; display:inline-block; padding:2px 5px; margin-bottom:5px; cursor:pointer;}
content.liste .filtraliste font.selected {background:#37474F; border:1px solid #37474F; color:#fff;}
content.liste .filtraliste {font-size:12px;}

content.liste .filtratr {display:none;}
content.liste thead tr.filtratr {display:table-row;}

content.liste h4.isvendute {font-size:12px; margin-top:50px; font-weight:600; cursor:pointer; display:block; float:left; width:100%;}
content.liste h4.isvendute i {transition:all 0.3s; font-size:14px; color:var(--red-color);}
content.liste h4.isvendute i.rotate {transform:rotate(90deg);}

content.liste div.noautolista {white-space:normal; text-align:center; cursor:pointer;}
content.liste div.noautolista span {text-decoration:underline; color:var(--main-color);}

content.liste .table-vendute {display:none;}

content.liste .aggiornamentiall {cursor:pointer;}
content.liste .aggiornamentiall:hover {color:var(--indigo-color);}
content.liste .boxaggiornamentiall {padding:15px; border-radius:3px; position:fixed; width:90%; max-width:500px; max-height:80vh; overflow:auto; background:#fff; z-index:99999; transform:translate(-50%, -50%); top:50%; left:50%; display:none;}
content.liste .boxaggiornamentiall i.fa-times {position:absolute; color:#000; right:15px; top:15px; font-size:25px; cursor:pointer;}

content.liste .boxaggiornamentiall span.titolo {width:90%; display:block; font-size:16px; font-weight:600;}

content.liste .boxaggiornamentiall .listacompleta p {margin-top:10px; margin-bottom:0;font-size:14px;}
content.liste .boxaggiornamentiall .listacompleta p span {font-size:16px;}

content.liste td span.aggiungialista {cursor:pointer;}
content.liste td span.aggiungialista:hover {color:var(--indigo-color)!important;}

content.liste .inserimentosuccesso {position:fixed; top:70px; left:50%; transform:translate(-50%); padding:5px 10px; min-width:250px; text-align:center; z-index:999;}

.labels p.special {font-size:35px!important; text-align:center; font-weight:600; margin-top:20px;}

.labels p.special i.fa-info-circle {font-size:18px; color:var(--indigo-color); position:relative; top:-10px;}

content.liste .openchatgenerata {color:#0B69E3; font-weight:normal!important; cursor:pointer;}
content.liste .openchatgenerata:hover {color:#364FF5; text-decoration:underline;}

.title-lista-generata {font-size:20px;}
.title-lista-generata span {background:var(--main-color); color:#fff; padding:10px; font-size:12px; display:inline-block; cursor:pointer; border-radius:3px; transition:all 0.2s;}
.title-lista-generata span:hover {background:var(--indigo-color);}

.table-auto {font-size:12px; display:none; position:fixed; width:90%; max-width:1600px; top:50%; height:80vh; overflow:auto; left:50%; transform:translate(-50%, -50%); z-index:999; background:#fff; padding:15px;}
.table-auto tr td.action {background:#eee;}
.table-auto tr td.price {font-weight:600;}
.table-auto tr:hover td.action {background:var(--main-color); color:#fff;}
.table-auto tr:hover td.action i {color:#fff;}

.col-mod-5 {box-sizing:border-box; width:20%; min-height:50px;}
.col-mod-5 i {font-size:14px!important;}
.col-mod-5 span {font-size:10px!important;}

/* COL-MD */
@media only screen and (min-width: 768px) {

  content.liste h1 a {font-size:14px;}
  content.liste h1 span {font-size:14px;}
  content.liste .listaauto table input {font-size:16px;}
  content.liste .listaauto table label {font-size:16px;}
  content.liste .listaauto table td span.margineprezzo font {font-size:12px!important;}
  content.liste .listaauto .table-responsive table tr.venduta:after {height: 40px;}
  content.liste .azionilista p {font-size:14px;}
  content.liste .azionilista p span {font-size:16px;}
  content.liste .azionilista p.titoletto {font-size:18px;}
  content.liste .azionilista {max-height:inherit;}
  content.liste .azionilista i.fa-chevron-down {display:none;}
  content.liste .azioniabsolute .item-action i {font-size:25px;}
  content.liste .azioniabsolute .item-action span {font-size:14px;}
  content.liste .nuovalista label {font-size:14px;}
  content.liste .nuovalista input {font-size:16px;}
  content.liste .boxuseradmin .sceltainvio span {font-size: 17px;}
  content.liste .item-grafico {padding-right:10px; height:180px;}
  content.liste .item-grafico .boxsotto .labels p {font-size:14px;}
  content.liste .item-grafico .boxsotto .labels p span {font-size:16px;}

  content.liste .filtraliste {font-size:14px;}

  content.liste h4.isvendute {font-size:16px;}
  content.liste h4.isvendute i {font-size:20px;}

  content.liste .listaaggiornamenti {border-left:2px solid #ddd; padding-left:15px;}

  content.liste .boxaggiornamentiall span.titolo {font-size:18px;}

  .col-mod-5 {box-sizing:border-box; width:20%;}
  .col-mod-5 i {font-size:20px!important;}
  .col-mod-5 span {font-size:14px!important;}

  .modal-dialog {max-width: 1400px;}
}





/* COL-XL */
@media only screen and (min-width: 1200px) {

  content.liste h1 a {font-size:16px;}
  content.liste h1 span {font-size:16px;}
  content.liste .listaauto .table-responsive table th:nth-child(2) {width:125px;}
  content.liste .listaauto table input {font-size:18px; width:125px;}
  content.liste .listaauto table label {font-size:18px;}
  content.liste .listaauto table td span.margineprezzo font {font-size:14px!important;}
  content.liste .azioniabsolute {width:auto; right:0; left:inherit; border-top-left-radius:20px;}
  content.liste .azioniabsolute .item-action {width:130px;}
  content.liste .azioniabsolute .item-action.invialistagenerata {width: 200px;}
  content.liste .azioniabsolute .item-action.invialistagenerata span {overflow: auto; text-overflow: initial; white-space: normal;}
  content.liste .boxuseradmin p.title {font-size:18px;}
  content.liste .boxuseradmin span {font-size:14px;}
  content.liste .boxuseradmin p.quantitaselezionati {font-size:14px;}
  content.liste .boxuseradmin p.action {font-size:16px; padding:10px;}
  content.liste .item-grafico {height:180px;}
  content.liste .boxaltreliste p.title {font-size:20px;}
  content.liste .boxaltreliste .altreliste p.titolo {font-size:16px;}

}



@keyframes cambiocoloreaggiornamento {
  0% {color:var(--green-color);}
  50% {color:var(--indigo-color);}
  100% {color:var(--green-color);}
}