/* 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(1) {width:100px;}
content.liste .listaauto .table-responsive table tr td img {width:100%;}
content.liste .listaauto .table-responsive table tr {cursor:inherit;}
content.liste .listaauto .table-responsive table tr:hover {background:inherit;}
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.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.black {color:#000;}
content.liste .azionilista p span.strong {font-weight:600;}
content.liste .azionilista p.titoletto {font-size:16px; font-weight:600;}
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:9; background:var(--indigo-color); padding:10px;}
content.liste .azioniabsolute .item-action {color:#fff; text-align:center; cursor:pointer; border-left:1px solid #fff;}
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;}
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:14px; font-weight:600;}
content.liste .boxuseradmin span {cursor:pointer; font-size:12px; display:inline-block; margin-bottom:10px; padding:5px 10px; border-radius:3px; border:1px solid var(--indigo-color);}
content.liste .boxuseradmin span.active {background:var(--indigo-color); color:#fff;}
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;}


/* 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 {padding-right:15px;}
  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 .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;}

}





/* 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(1) {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 .boxuseradmin p.title {font-size:16px;}
  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);}
}