@import "awesome.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

.row-fluid {
    width: 100%;
}
.row-fluid::before, .row-fluid::after {
    content: "";
    display: table;
    line-height: 0;
}
.row-fluid::after {
    clear: both;
}
.row-fluid [class*="span"] {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.12766%;
    min-height: 28px;
    width: 100%;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.12766%;
}
.row-fluid .span12 {
    width: 100%;
}
.row-fluid .span11 {
    width: 91.4894%;
}
.row-fluid .span10 {
    width: 82.9787%;
}
.row-fluid .span9 {
    width: 74.4681%;
}
.row-fluid .span8 {
    width: 65.9574%;
}
.row-fluid .span7 {
    width: 57.4468%;
}
.row-fluid .span6 {
    width: 48.9362%;
}
.row-fluid .span5 {
    width: 40.4255%;
}
.row-fluid .span4 {
    width: 31.9149%;
}
.row-fluid .span3 {
    width: 23.4043%;
}
.row-fluid .span2 {
    width: 14.8936%;
}
.row-fluid .span1 {
    width: 6.38298%;
}
.row-fluid .offset12 {
    margin-left: 104.255%;
}
.row-fluid .offset12:first-child {
    margin-left: 102.128%;
}
.row-fluid .offset11 {
    margin-left: 95.7447%;
}
.row-fluid .offset11:first-child {
    margin-left: 93.617%;
}
.row-fluid .offset10 {
    margin-left: 87.234%;
}
.row-fluid .offset10:first-child {
    margin-left: 85.1064%;
}
.row-fluid .offset9 {
    margin-left: 78.7234%;
}
.row-fluid .offset9:first-child {
    margin-left: 76.5957%;
}
.row-fluid .offset8 {
    margin-left: 70.2128%;
}
.row-fluid .offset8:first-child {
    margin-left: 68.0851%;
}
.row-fluid .offset7 {
    margin-left: 61.7021%;
}
.row-fluid .offset7:first-child {
    margin-left: 59.5745%;
}
.row-fluid .offset6 {
    margin-left: 53.1915%;
}
.row-fluid .offset6:first-child {
    margin-left: 51.0638%;
}
.row-fluid .offset5 {
    margin-left: 44.6809%;
}
.row-fluid .offset5:first-child {
    margin-left: 42.5532%;
}
.row-fluid .offset4 {
    margin-left: 36.1702%;
}
.row-fluid .offset4:first-child {
    margin-left: 34.0426%;
}
.row-fluid .offset3 {
    margin-left: 27.6596%;
}
.row-fluid .offset3:first-child {
    margin-left: 25.5319%;
}
.row-fluid .offset2 {
    margin-left: 19.1489%;
}
.row-fluid .offset2:first-child {
    margin-left: 17.0213%;
}
.row-fluid .offset1 {
    margin-left: 10.6383%;
}
.row-fluid .offset1:first-child {
    margin-left: 8.51064%;
}
.hide[class*="span"], .row-fluid .hide[class*="span"] {
    display: none;
}


/* ! Reset */
body, html{ font-family: 'Intro', Arial, Helvetica, sans-serif; font-size: 16px; box-sizing: border-box;margin: 0;padding: 0;}*,*:before,*:after{ box-sizing: border-box; }h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0 0 1rem 0;padding: 0;}ol,ul{list-style-type: none;}img{height: auto;}h1{font-size: 4rem;} h2{font-size: 3rem;} h3{font-size: 2rem;} h4{font-size: 1rem;} h5{font-size: 0.8rem;} h6{font-size: 0.6rem;}a{text-decoration:none}


html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  line-height: 1.46;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  color: var(--color-text);
  font-family: "Poppins", sans-serif;
  background-color: var(--color-bg) !important;
}

h1,h2,h3,h4,h5,h6,.main-title,.sub-title,.title, .tit, .h1, .h2, .h3, .h4, .h5, .h6{
  line-height: 1.2;
  color: var(--color-title);
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  position: relative;
}

/* ! Title System */
h1, h2, h3, h4, h5, h6, p, ol, ul{margin-bottom: 1rem;}

h1, .main-title, .h1 {font-size: 40px;  }
h2, .sub-title, .h2{font-size: 36px;}
h3, .subTit, .h3{font-size: 28px;}
h4, .title, .h4{font-size: 26px;}
h5, .h5{font-size: 20px;}
h6, .h6{font-size: 18px;}


@media (max-width: 768px) {
  h1, .main-title, .h1 {font-size: 30px; }
  h2, .sub-title, .h2{font-size: 26px;}
  h3, .title, .h3{font-size: 23px;}
  h4, .tit, .h4{font-size: 20px;}
  h5, .h5 {font-size: 20px; }
  h6, .h6{font-size: 18px; }
}


/* Link color */
a {   color: var(--color-secondary); }
a:hover { color: var(--color-text); text-decoration: none; }

.clearfix, .cleared {
  clear: both;
}

ul {
  list-style-position: outside;
  padding-left: 20px;
}


.btn, .button, input[type="submit"], input[type="button"], button {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  transition: all .3s ease-in-out;
  background-color: var(--color-primary);
  border-radius: 6px;
  border: 2px solid transparent;
  padding: 10px 30px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: capitalize;
}

.btn:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover{
	background-color: var(--color-secondary);
    color: #fff;

}



input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], input[type="time"], textarea, select {
  border: 1px solid #eee;
  background-color: #fff;
  padding: 0 15px;
  height: 44px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  font-family: 'Poppins';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

textarea {
  height: 80px;
  line-height: 1.6;
  padding: 10px;
}

select {
  background-image: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 6L8.5 10L12.5 6" stroke="%231E1E1E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position-x: calc(100% - 15px);
  background-position-y: 15px;
}

input:focus, textarea:focus {
  outline: none;
}




.header {
  position: fixed;
  z-index: 100;
  background: linear-gradient(177deg, var(--color-primary) -24.82%, rgb(1, 22, 39) 67.49%);
  box-shadow: rgba(34, 41, 47, 0.1) 0px 4px 24px 0px;
  top: 0;
  bottom: 0;
  left: 0;
  width: 250px;
  padding: 20px;
  color: #fff;
}

#logo {
  position: relative;
  z-index: 50;
}

#logo img {
  padding: 0px 0;
  height: 53px;
  width: auto;
  display: block;
  box-sizing: content-box;
  margin-bottom: 30px;
  filter: invert() brightness(100);
}


.contenuto {
    background: var(--color-bg) !important;
    padding: 60px 40px 120px;
  margin-left: 250px;
}


.nav {
  display: block;
  overflow: scroll;
    max-height: calc(100vh - 220px);
}
.nav .list a {
  display: flex;
  padding: 10px;
  font-size: 15px;
  font-weight: 400;
  gap: 10px;
  align-items: center;
  border-radius: 0.75rem !important;
  color: #fff;

}

.nav .list a i {
  font-size: 17px;
  width: 21px;
}

.nav .list a:hover{
	background: linear-gradient(96deg, #314765 -11.78%, #314765 109.52%);
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.nav .list .sublist {
  display: none;
    padding-left: 10px;
}

.nav .list.open-dropdown .sublist {
  display: block !important;
}

.nav .list .sublist a {
  font-size: 13px;
}
.nav .list .sublist a i {
  font-size: 15px;
  width: 18px;
}


.nav .list.account {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(1, 22, 39);
  border-top: 1px solid #364959;
  padding: 20px 10px;
}
.nav .list.account .icon {
  width: 40px;
  height: 40px;
  display: block;
  background: orange;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav .list.account .idUt {
  display: block;
  font-size: 12px;
}





.box{

	margin-right: 15px;
}


.box2 {
  background-color: #fff;
  border-radius: 6px;
  max-width: 150px;
  min-width: 230px;
  box-shadow: 0 2px 4px #0116271f;
  height: 36px;
  position: relative;
  padding-top: 2px;
}
  .box2 > span {
	display: flex;
	align-items: center;
	gap:5px;
	padding: 5px 10px;
	  font-size: 15px;
  }
  .box2 > a {
	display: block;
	padding: 5px 10px;
	line-height: 24px;
	font-size: 18px;
	color: #000;
  } 
  .box2 > a.valor
  {
	font-size: 14px;
	line-height: 1.2;
	margin:0 0 4px 0;
  }


.box2 >span{
	cursor: pointer;
}
.box2 .qtt {
  position: absolute;
  right: 5px;
  top: 3px;
  background-color: var(--color-accent);
  border-radius: 100%;
  line-height: 1;
  color: var(--color-text);
  font-size: 12px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box2 .valor{
    display: none; 
}
.box2.open 
{
	height: fit-content;
}
.box2.open .valor
{
    display: block;  
}
.box2 .valor::after{
    content: "";
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="16" height="16" fill="%230073fe"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
	width: 20px;
	height: 20px;
    display: inline-block;
    float: right;
    margin-top: -2px;
	background-position: center;
	background-repeat: no-repeat;
}


  .box2 > a.valor:hover{
	background-color: var(--color-accent);
  }
  .task
  {
	display: flex;
	gap:30px;
	height: 36px;
	margin-bottom: 50px;
	position: relative;
	z-index: 25;;
  }

  .box .valor::after {
	content: "";
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="20" height="20"><path fill="%230073fe" d="M448 96c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320zM313 273L209 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L313 239c9.4 9.4 9.4 24.6 0 33.9z"/></svg>');
	width: 20px;
	height: 20px;
	display: block;
  }


  .box .valor:hover:after {
	content: "";
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="20" height="20"><path fill="%23ff4400" d="M448 96c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320zM313 273L209 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L313 239c9.4 9.4 9.4 24.6 0 33.9z"/></svg>');
	width: 20px;
	height: 20px;
	display: block;
  }
  @media screen and (max-width:768px) {

	.task
	{
	  display: block;
    height: auto;
	}
	.task .box2{
		width: 100%;
		margin-bottom: 30px;
		max-width: none;

	}
  
	
  }





.stepList ol {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 70px;
}
.stepList ol li {
  background: #fff;
  color: #000;
  padding: 10px 20px;
  font-size: 15px;
  opacity: .4;
  position: relative;
}
.stepList ol li.active {
  background: var(--color-secondary);
  color: #fff;
  opacity: 1;
}

.stepList ol li.active::after {
  content: "";
  border-left: 25px solid var(--color-secondary);
  border-bottom: 21px solid transparent;
  border-top: 21px solid transparent;
  position: absolute;
  opacity: 1;
  z-index: 1;
  right: -25px;
  top: 0;
}
.stepList li.active + li {
  padding-left: 42px;
}
.stepList ol li:last-child::after {
  content: "";
  border-left: 25px solid #fff;
  border-bottom: 21px solid transparent;
  border-top: 21px solid transparent;
  position: absolute;
  opacity: 1;
  z-index: 1;
  right: -25px;
  top: 0;
}




.step1 .col-6, .step1 .colli, .step1 .opzioni, .step3 .col-6 {
  background: #fff;
  box-shadow: 0 2px 4px #0116271f;
  padding: 20px;
  border-radius: 6px;
  width: 100% !important;
  max-width: 100%;
  flex: 100%;
}
.step1 .row, .step3 .row {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 30px;
  margin-bottom: 30px;
}



.colli-section {
  display: flex;
  gap: 30px 40px;
  align-items: flex-end;
  flex-wrap: wrap;
}
  .field-container {
	overflow: hidden;
	display: flex;
	width: 100%;
	position: relative;
  }
  .field-container .inp {
	position: relative;
	-moz-box-flex: 1;
	flex-grow: 1;
	width: 100%;
  }
	.field-container .inp input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	outline: none;
	text-overflow: ellipsis;
	overflow: hidden;
	text-wrap: nowrap;
  }
.field-container .unit {
  display: flex;
  padding-left: 0px;
  -moz-box-align: center;
  align-items: center;
  max-width: 104px;
  line-height: 1.42857;
  color: rgb(112, 111, 111);
  font-size: 0.775rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  padding-right: 8px;
  position: absolute;
  right: 0;
  bottom: 14px;
  pointer-events: none;
}
  .colli-section .dimensioni {
	display: flex;
	gap: 10px;
  }

  .field-container .inp input {
	max-width: 100px;
  }


  .disclaimer svg {
	width: 20px;
  }
.disclaimer {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--color-alert);
  margin-top: 5px;
  font-size: 14px;
  margin-bottom: 30px !important;
}



label, .lbl {
  font-size: 14px;
  font-weight: 500;
    display: block;
    margin-bottom: 4px;
}

.btn.btn-add svg {
  width: 20px;
  height: 20px;
  line-height: 1;
}

.step1 .colli {
  margin-bottom: 30px;
}


#coll {
  display: flex;
  flex-direction: column;
  gap: 30px;
}





.swatch span,
.opzioni .itm label span {
	display: inline-block;
	width: 40px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #c3cad1;
	position:relative;
	background-color:#f7fbff; 
  }
  .swatch span:before,
  .opzioni .itm label span:before{
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: 0;
	width: 20px;
	height: 20px;
	border:1px solid #c3cad1;
	border-radius: 100%;
	transition:all 0.3s ease-in-out;
  }
  
.swatch input:checked + span,
  .opzioni .itm label input:checked + span
  {
	background-color:#fff;
  }
  
.swatch input:checked + span:before,
  .opzioni .itm label input:checked + span:before{
	left:calc(100% - 18px);
	background-color: var(--color-secondary);
  }
  
.swatch input[type=checkbox],
  .opzioni .itm label input{
	display: none;
  }
  .swatch,
  .opzioni .itm label {
	display: flex;
	align-items: center;
	gap: 5px;
  }


  .btn-disable {
	opacity: .4;
	pointer-events: none;
  }

#blocconew .itm {
  margin-bottom: 11px;
  max-width: 100%;
  width: 48%;
}
#blocconew {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

 .opzioni {
	margin-top: 40px;
  margin-bottom: 40px;
  }
  .opzioni .inner {
	display: flex;
	gap: 30px 50px;
	margin-bottom: 0;
	align-items: center;
	flex-wrap: wrap;
  }



  .opzioni .inner .cu,
  .row.conto-section .cu {
	display: flex;
	padding-left: 0px;
	-moz-box-align: center;
	align-items: center;
	max-width: 104px;
	line-height: 1.42857;
  color: rgb(112, 111, 111);
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	padding-right: 8px;
	position: absolute;
	right: 0;
	bottom: 10px;
	pointer-events: none;
  }
.opzioni .inner .itm input[type="text"] {
	max-width: 90px;
	min-width: 90px;
	max-height: 40px;
	margin: 0;
  }


.opzioni .inner .itm {
	display: flex;
	gap: 10px;
	align-items: center;
   position:relative;

  }




.chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    background-image: none;
    border-color: #eee;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    min-height: 40px;
    padding:0px 15px;
}
.chosen-container {
    margin-bottom: 10px;
}
.tabella .chosen-container
{
	margin: 0;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #eee;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.chosen-container {
    height: 35px;
    width: 100% !important;
}
.chosen-container-single .chosen-single {
    height: 35px;
    line-height: 35px;
    width: 100% !important;
}


.editPlace .itm, .destin .itm {
  margin-bottom: 13px;
}
.editPlace .itm label, .destin .itm label {
  font-size: 12px;
}



 input[readonly="readonly"],  input[readonly]{
  background-color: #efefef;
}

.conto-section .itm {
  margin-bottom: 10px;
}

.corrieri .corr {
	border-radius: 8px;
	position: relative;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px;
	margin-bottom: 20px;
	padding: 0px 20px 0px 0;
	display: flex;
	gap: 70px;
	align-items: center;
  }
  .tempo .ore {
	font-size: 38px;
	display: block;
	text-align: center;
	line-height: 1;
  }
  .tempo {
	text-align: center;
	padding: 20px;
	background: var(--color-secondary);
	border-radius: 8px;
	color: #fff;
	min-width: 80px;
  }
  .corriere img {
	height: 24px;
	margin: auto;
	text-align: center;
	margin-bottom: 4px;
  }
  .corriere span.name {
	display: block;
	margin: 0;
	font-size: 10px;
  }
  .corriere {
	text-align: ò;
  }
  .infoship .modalita {
	font-size: 15px;
	font-weight: 500;
	display: block;
  }
  .infoship .data {
	font-size: 0.75rem;
	line-height: 1.66667;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin: 8px 0px 0px;
	margin-top: 8px;
	color: rgb(112, 111, 111);
  }


  .corrieri .corr input[type="button"] {
	padding: 10px 20px;
	font-size: 16px;
	text-transform: capitalize;
  }
  .corrieri .corr .costo {
	font-size: 22px;
	line-height: 22px;
	font-weight: 500;
	margin: 0px;
	color: var(--color-secondary);
  }


  .infoPrice {
	margin-left: auto;
	display: flex;
	gap: 20px;
	align-items: center;
  }


.step3 input.Contenuto {
  margin-bottom: 30px;
}

.footer {
  background-color: #192b37;
  padding: 10px 20px;
  font-size: 9px;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  z-index: 201;
  color: #ccc;
  margin-left: 250px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}


.footer img {
  height: 25px;
  filter: invert() brightness(100);
  float: left;
  margin-right: 10px;
}



/* ! Tabella */
.cont {
  border-radius: 6px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}


.tabella {
    border-collapse: collapse;
    display: table;
    width: 100%;
	
}
.tabella .riga {
    background-color: #fff;
    display: table-row;
}

.tabella .riga > div,
.tabella .riga > td {
    display: table-cell;
    line-height: 1.42857;
    padding: 8px 12px;
    position: relative;
	min-width: max-content;
    white-space: nowrap;
    vertical-align: middle;
}
.tabella .riga:nth-child(2n)
{
	background-color:#f9fbfe;
}

.tabella .riga.evid > div,
.tabella .riga.evid > td
{
	background-color:#eb211ec0;
}
.tabella .riga:hover > div,
.tabella .riga:hover > td {
    background-color: var(--color-accent) !important;
}
.tabella .riga.evid2 > div,
.tabella .riga.evid2 > td
{
    background-color: var(--color-accent) !important;
}
.tabella .riga.head
{
	background-color: #fff;
	position: relative;
	top: 0px;
	z-index: 224;
}
.tabella .riga.head > div,
.tabella .riga.head > th {
    color: #000;
    font-weight: bold;
}
.tabella > .riga.head > div,
.tabella > .riga.head > td
{
	box-shadow:0 1px 0 #ccc;
	
}
.tabella thead 
{
	position: relative;
	z-index: 25;
	background-color: var(--color-primary);
}
.tabella thead .riga td{
  background-color: var(--color-primary) !important;
  color: #fff;
  border-color: var(--color-primary);
  z-index: 25;
  position: relative;
}
.tabella thead .riga:hover td
{
	color: #fff;
  background-color: var(--color-primary) !important; 
}

.tabella .riga.act td {
	background-color: #eb2 !important;
  }
.tabella thead .riga.head td,
.tabella thead th  {
  font-weight: 400;
  padding: 20px 10px;
  color: #fff;
}

.tabella thead .riga:nth-child(1) td:first-child
{
    border-radius: 6px 0 0 0;
}
.tabella thead .riga:nth-child(1) td:last-child
{
    border-radius:0 6px 0 0; 
}


.tabella thead .riga:last-child td
{
  	font-size: 80%;
}

.tabella img {
  height: 26px;
  margin-bottom: 3px;
}

.tabella .small {
  font-style: italic;
  font-size: 11px;
}


.tabella .big {
  color: var(--color-primary);
}
.tabella {
  font-size: 15px;
}


.nasc {
    display: none;
}



.operazione {
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#filtra {
  display: flex;
  margin-bottom: 40px;
  margin-top: 40px;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 20px 0;
}

#filtra .itm,
#filtra2 .itm{
	display: inline-block;
	margin-right: 20px;
	vertical-align: bottom;
}
#filtra form .itm input,
#filtra form .itm select,
#filtra2 form .itm input,
#filtra2 form .itm select
{
	width: fit-content; 
	max-width: 140px;
}
form #voci .itm.span4:nth-child(3n+1)
{
	margin-left:0;
}
#dettagli .itm
{
	
	margin-right: 1%;
	margin-left: 0;
}



.notifiche {
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 2555;
	width: 250px;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
  }
  .notifiche > .item{
	background-color: #fff;
	max-width: 380px;
	font-size: 13px;
	padding:11px 13px;
	transition: 0.3s ease-in-out;
	animation: enter 0.5s ease-in-out;
	position: relative;
	box-shadow: 0 2px 4px #0116271f;
	border-radius: 4px;
  }
  @keyframes enter{
	0%{
	  transform: translateX(-100%)
	}
	100%{
	  transform: translateX(0%)
	  
	}
  }
  .notifiche > .item i{
	position: absolute;
	right:  -10px;
	top: -10px;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-break: 20px;
	background-color: var(--color-alert);
	border-left-color: transparent;
	cursor: pointer;
	transform: rotate(-45deg);
	color: #fff;
  }
  .notifiche .item.alert1{
	background-color: var(--color-accent);
  }

.Azioni > span {
  border-radius: 4px;
  background-color: #fff;
  padding: 4px 10px;
  min-width: 60px;
  display: block;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
  box-shadow: 0 2px 4px #0116271f;
}
  .Azioni > span i
  {
	transition: 0.3s ease-in-out;
	transform: rotate(-90deg)

  }
  .Azioni.open > span i{
	transform: rotate(0)
  }
  .Azioni 
  {
	position: relative;
  }
  .Azioni .subAzioni{
	display: none;
	position: absolute;
	background-color: #fff !important;
	z-index: 255;
	padding:5px 0;
	left: 0;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-top:-1px;
  }
  .Azioni.open .subAzioni{
	display: block;
  }
  .Azioni .subAzioni .li{
	padding: 5px 10px;
	cursor: pointer;
	color: #000;
	font-size: 14px;
	display: block;
	
  }
  .Azioni .subAzioni .li:hover{
	background-color: #efefef;
  }

.infocont {
	max-width: 600px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	z-index: 25;
	width: 100%;
	padding: 15px;
	max-height: 60vh;
	overflow:auto;
  }
  .infocont .item{
	margin: 10px 0;
	display: block;
	background-color: #efefef;
	border: 1px solid #ccc;
	max-width: 60%;
	padding: 10px;
  }
  .infocont .item .tit{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
  }
  .infocont .item:nth-child(2n)
  {
	margin-left: calc(40% - 30px);
  }
  .infocont .item .message{
	font-size: 12px;
  }
  .infocont .item .data{
	font-size: 12px;
	display: inline-block;
	margin-right: 5px;
  }
  .infocont .item .office{
	font-size: 12px;
	display: inline-block;
	
  }

.icn {
	background-color: #000;
	border-radius: 100%;
	width: 18px;
	display: inline-block;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	line-height: 18px;
	color: #fff;
	margin-right: 5px;
	font-size: 12px;
  }
  .icn[data-sped="5"],
  .icn[data-sped="6"]
  {
	background-color: green;
  }
  
  .icn[data-sped="7"],
  .icn[data-sped="9"],
  .icn[data-sped="10"],
  .icn[data-sped="8"],
  .icn[data-sped="11"]
  {
	background-color: #eb211e;
  }


    
.readno::before {
	content: "";
	width:10px;
	height: 10px;
	min-width: 10px;
	display: inline-block;
	margin-right: 5px;
	border-radius: 100%;
	background-color: var(--color-primary);
	color: #fff;
  }



 
.box {
  display: inline-block;
  width: calc(50% - 22px);
  margin: 10px 1px; 
  text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}
.box h3 { 
  margin: 0 0 5px; 
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
}
.box .valor {
  padding: 6px 12px;
  line-height: 1;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0,0,0,.05);
  border-radius: 4px;
  gap: 15px;
  justify-content: space-between;
  width: 100px;
}

.box .valor:hover,
.box.act .valor  {
	background: var(--color-accent);
}

.box{
	color: #000;
	background: transparent;
} 

.operazioni {
  margin-bottom: 30px;
}

.tabella thead .riga:last-child td i {
  color: #fff !important;
}
.tabella .btn {
  padding: 7px 11px;
  font-size: 11px;
}

.riga.head:not(:last-child) td {
  font-size: 20px;
  line-height: 1;
  font-weight: 500 !important;
  padding-bottom: 0 !important;
}




.marketplace-section .item .icon img {
  height: 40px;
  width: auto;
}
.marketplace-section {
  display: flex;
  gap: 40px 20px;
  flex-wrap: wrap;
  margin-top: 30px;
}
.marketplace-section .item {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px #0116271f;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.marketplace-section .item .text {
  display: none;
}
.marketplace-section .item .btn {
  padding: 5px 15px;
}



.tabs ul {
  padding: 0;
  margin: 40px 0 50px;
  list-style-type: none;
  display: flex;
  gap: 30px 20px;
  flex-wrap: wrap;
}
.tabs ul li a {
  display: block;
  padding: 9px 20px;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  border-radius: 4px;
}
.tabs ul li a.act, .tabs ul li a:hover {
  background: var(--color-secondary);
  color: #fff;
  border-color: var(--color-secondary);
}


.box-container {
  background: #fff;
  padding: 20px;
}


.box-container input {
  margin-top: 5px;
  margin-bottom: 5px;
}
.box-container input[type="radio"] {
  margin-left: 5px;
}

#saveListiniCorriere .tabella.nonumber thead .riga {
  background: var(--color-accent) !important;
  color: var(--color-primary);
}

table .buttons .btn {
  margin-right: 2px;
}



#lightbox .cont,
.lightbox .cont {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 1200px;
  margin: auto;
  transform: translateY(-50%);
  z-index: 99999999999999;
  background: #fff;
  padding: 40px;
}
#lightbox .cont input,
.lightbox .cont input,
.lightbox .cont select {
  margin-bottom: 20px;
}
#lightbox .cont input[type="submit"],
.lightbox .cont input[type="submit"] {
  margin-top: 20px;
}
#lightbox .sf,
.lightbox .sf {
  background: rgba(0,0,0,0.6);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 99999;
}



.pagination {
  display: flex;
  justify-content: flex-end !important;
  gap: 40px;
  margin-top: 40px;
}
.pagination .itm-pag div {
  display: inline-flex;
  width: 40px;
  padding: 3px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  margin: 0 4px;
  border: none;
  background-color: #fff;
  color: var(--color-primary);
  box-shadow: 0 2px 4px #0116271f;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
}
.pagination .itm-pag div:hover {
  background: var(--color-accent);
}
.pagination .itm-pag div:not(.itm-nav).active {
  background: var(--color-secondary);
  color: #fff;
}



.pagination .itm-oth {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pagination select.ev {
  padding: 0 11px !important;
  width: 56px !important;
  background-position-x: calc(100% - 5px);
  background-position-y: 8px;
}

.tabella .riga i {
    color: var(--color-primary);
  margin: 0 2px;
  cursor: pointer;
}


.tabella .riga.opzcnt td {
  padding: 30px 30px 40px !important;
  width: 100% !important;
  border: none !important;
}

.tabella .riga.opzcnt td label {
  display: block;
}
.tabella .riga.opzcnt td .itm {
  margin-bottom: 14px;
}




.corrieri-table img {
  height: 40px;
}
.corriere-section img {
  height: 60px;
  width: 100px;
  object-fit: contain;
}
.corrieri-table .cont {
  box-shadow: none;
}
.tabella .riga .btn {
  margin-right: 2px;
}


.corriere-section .item {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 4px #0116271f;
  position: relative;
  padding: 10px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
}
.corriere-section {
  display: grid !important;
  grid-template-columns: repeat(2,1fr) !important;
}
.corriere-section .item .text {
  display: none;
}


.icon-menu {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 25px;
  z-index: 100;
}

.icon-menu .fa-bars::before {
  content: "\f0c9" !important;
}


.nav-folded .nav .list a span {
  display: none;
}
.nav-folded .header {
  width: 80px;
}
.nav-folded .nav .list .sublist {
  display: none;
}
.nav-folded .contenuto {
  margin-left: 80px;
}
.nav-folded .footer {
  margin-left: 80px;
}


.nav-folded #logo img {
  height: 34px;
  margin-left: auto;
  margin-right: auto;
}
.nav-folded .icon-menu {
  position: relative;
  right: auto;
  top: auto;
  text-align: center;
  margin-bottom: 10px;
  margin-top: -10px;
}


.cont .inner {
  padding: 10px 15px;
}
#lightbox .cont label input,
.lightbox .cont label input {
  margin: 0;
}
#lightbox .cont .itm,
.lightbox .cont .itm {
  margin-bottom: 5px;
}

#saveCorriere .inner {
  display: flex;
  flex-direction: column;
  gap: 1px;
}



#saveCorriere input[type="text"] {
  max-height: 36px;
}
#saveCorriere h3 {
  font-size: 20px;
}


.bnt-container {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin: 0 0 30px;
}



.reclami .item
{
  font-size: 14px;
  max-width: 300px;
  position: relative;
}
.reclami .item.cli
{
  
  text-align: right;
  margin-left: auto;
}

.reclami .item .testo {
  margin: 10px 0;
  padding: 10px 10px 25px;
  background-color: #ebebeb;
  border-radius: 5px;
}

.reclami .item.amm .testo{
	background-color: #fbe3c9;
}

.reclami .item > span
{
  left: 0;
  right: 0;
  padding: 0 10px;
  font-size: 12px;
  font-style: italic;
  position: absolute;
  margin-top: -30px;
}	

.trucking 
{
	position:relative;
	padding-left: 50px;
}
.trucking::before{
	content: "";
	position: absolute;
	left: 23px;
	width: 4px;
	z-index: 2;
	background-color: var(--color-secondary);
	bottom: 0;
	top:10px;
}
.trucking .item
{
	position: relative;
	padding: 10px 0;
}

.trucking .item.last::after{
	content: "";
	position: absolute;
	left: -50px;
	top: 35px;
	bottom: 0;
	width: 50px;

	z-index: 2;
	background-color:#fafafa;
}	


.trucking .item::before{
	content: url('data:image/svg+xml,<svg width="15" height="25" fill="rgb(255,255,255)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M443.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-272 272c-6.2 6.2-16.4 6.2-22.6 0l-144-144c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L160 361.4 420.7 100.7c6.2-6.2 16.4-6.2 22.6 0z"/></svg>');
	position: absolute;
	display: inline-block;
	width: 25px;
	left: -37px;
	height: 25px;
	text-align: center;
	background-color: var(--color-secondary);
	z-index: 2;
	border-radius: 100%;
}

.trucking .item.last.error::before{
	content: url('data:image/svg+xml,<svg width="15" height="25" fill="rgb(255,255,255)"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.6 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z"/></svg>');
	background-color: var(--color-alert);
}
.trucking .item .message,
.trucking .item .datae,
.trucking .item .office{
	font-size: 12px;;
}

.toolbar {
	display: flex;
	background-color: #e8e8e8;
  }
  .toolbar .allega,.toolbar .send {
	width: 50px;
	text-align: center;
	height: 50px;
	box-sizing: border-box;
	  cursor: pointer;
	padding: 15px;
  }
  .toolbar .editcont
  {
	  width: calc(100% - 100px);
  }
  .toolbar .editcont textarea  {
	  background-color: #fff;
	  font-size: 14px;
	  border: 1px solid #ccc;
	margin: 8px 0;
	height: 35px !important;
  }


  .closePopup {
  font-size: 25px;
  z-index: 10;
  cursor: pointer;
  position: relative;
  color: var(--color-primary);
}



body .chat .column .cerca {
  border: none;
}
body .chat .column {
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px #0116271f;
}
body .chat .item.act, body .chat .item:hover {
  background: var(--color-accent);
}


body .chat .message {
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px #0116271f;
}
body .toolbar {
  box-shadow: 0 2px 4px #0116271f;
  background: #fff;
  padding: 5px 20px;
  margin-top: 3px;
}


body .chat.admin .message .msg.lt {
  background-color: var(--color-accent);
  border: none;
  box-shadow: 0 2px 4px #0116271f;
  color: var(--color-text);
    margin-bottom: 10px;
}
body .chat .message .msg .clk {
  color: #000;
}

body .toolbar .editcont textarea {
  height: auto !important;
}

body .chat .column .lista .item {
  cursor: pointer;
}

body .chat .message .msg.rt .clk {
  color: #000;
}
body .chat.admin .message .msg.rt {
  background: #fff;
  border: none;
  box-shadow: 0 2px 4px #0116271f;
  margin-bottom: 10px;
}



.tabella .opzioni {
  margin-top: 0 !important;
}

.tabella .riga.opzsped td {
  padding: 30px;
}
.btn i, .btn em {
  margin-right: 2px;
}

.news .item {
  border: 1px solid var(--color-primary);
  margin-bottom: 20px;
  padding: 9px 20px;
  background: transparent;
  display: block;
  position: relative;
  border-radius: 4px;
  max-width: calc(100% - 140px);
  margin-left: auto;
}

.news .item::before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--color-secondary);
  display: block;
  border-radius: 100%;
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.news .item::after {
  content: "";
  position: absolute;
  left: -40px;
  width: 40px;
  height: 1px;
  display: block;
  background: var(--color-primary);
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}

  .news .item.disattivo > .date,
  .news .item.disattivo > .titolo,
  .news .item.disattivo > .testo,
  .news .item.disattivo > .readmore{
	opacity: 0.7;
  }
  .news .item p {
	font-size: 14px;
	margin: 0;
  }
 
  .news .item .title {
	font-size: 18px;
	margin: 10px 0 10px;
	height: auto;
	line-height: 1.2;
  }



.news .date {
  text-align: center;
  position: absolute;
  left: -140px;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  padding: 4px 8px;
  max-width: 100px;
  color: var(--color-primary);
  top: 50%;
  font-size: 13px;
  transform: translateY(-50%);}

  .news .int {
	display: flex;
	align-items: center;
	gap: 20px;
  }

  .news .item:not(:first-child) .text {
	display: none;
  }

  .news .text {padding: 10px;margin-top: 20px;}

  .news .item.first {
	background: var(--color-accent);
  }


  .news .btn.read-more {
	margin-left: auto;
	min-width: 80px;
	padding: 8px;
  }
  .news .item.act .btn.read-more {font-size: 0;}
  .news .item.act .btn.read-more::before {
	content: "Chiudi";
	font-size: 12px;
  }

  .news a {
	color: #3f403e;
  }


  .news.dashboard-news .item i {
	position: absolute;
	right: 12px;
	top: 10px;
	cursor: pointer;
  }

  .news .item .ico {
	position: absolute;
	right: 142px;
	top: 20px;
	cursor: pointer;
	display: flex;
	gap: 10px;
  }



.news.dashboard-news .date {
	width: 50px;
	height: 50px;
	padding: 5px 5px;
	min-width: 50px;
  }
  .news.dashboard-news .date .dd {
	font-size: 32px;
  }
  .news.dashboard-news .date .mm {
	font-size: 10px;
  }


  .news.dashboard-news .item .title {
	font-size: 19px;
  }
  .news.dashboard-news .item {
	padding: 10px;
  }

  .news.dashboard-news {
	margin-top: -21px;
	margin-bottom: 80px;
	display: none;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: fixed;
	z-index: 99999;
	left: 0;
	right: 0;
  }


  .news.dashboard-news .int {
	max-width: calc(100% - 30px);
  }




  .add-news {display: none;}

  .add-news  .field {
	margin-bottom: 15px;
  }
  
.field-row {
	display: flex;
	gap: 10px;
  }
  
  .field-row  .half-width {
	flex: 1;
  }
  

  .center {
	text-align: center;
  }

.news .item .ico i {
  font-weight: 300;
}

  @media (max-width: 768px) {
	.news.dashboard-news {
		margin-top: -15px;
		margin-bottom: 40px;
	}

	.news.dashboard-news .item .title {
		font-size: 15px;
	  }

	  .hide-mobile {display: none;}



  .tabella.canali-vendita-attivi tbody td {
	font-size: 15px;
  }



  .news .text {
	padding: 0;
  }


.news .int {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.news .item .ico {
  top: auto;
  bottom: 22px;
}
    
}




.nav .list {
  position: relative;
}

.nav .list.has-child > a::after {
  content: " ";
  width: 30px;
  height: 30px;
  position: relative;
  transform: rotate(90deg);
  background-size: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}

.nav .list.has-child.list.open-dropdown > a::after{
  transform: rotate(270deg);
}











#coll .colli-section:not(:last-child) select.ev {
  padding: 0;
  border: none;
  background: no-repeat;
  width: auto;
  height: auto;
}

#coll .colli-section:not(:last-child) .field-container .inp input {
  padding: 0 2px;
  margin: 0;
  border: none !important;
  width: auto;
  height: auto;
  max-width: 30px;
  text-align: right;
}
#coll .colli-section:not(:last-child) .field-container .inp {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-grow: 0;
  width: auto;
  gap: 5px;
}
#coll .colli-section:not(:last-child) .field-container > .inp > .lbl {
  margin: 0;
}
#coll .colli-section:not(:last-child) .field-container .unit {
  right: auto;
  position: relative;
  bottom: auto;
  padding: 0;
  width: auto;
  display: block;
  min-width: 30px;
}
#coll .colli-section:not(:last-child) .colli-section {
  gap: 20px;
}
#coll .colli-section:not(:last-child) .item:first-child {
  display: none;
}
#coll .colli-section:not(:last-child) .btn.btn-add {
  background: transparent;
  filter: invert();
  padding: 0;
}
#coll .colli-section:not(:last-child) .colli-section .dimensioni {
  gap: 20px;
}


#coll .colli-section:not(:last-child) {
  gap: 30px 1px;
}





#lightbox .cont {
  padding: 20px 25px;
  max-height: 90vh;
  overflow: auto;
}



.nav-folded .nav .list .sublist {
  position: absolute;
  width: 200px;
  left: 40px;
  background: linear-gradient(177deg, var(--color-primary) -24.82%, rgb(1, 22, 39) 67.49%);
  border-radius: 4px;
  padding: 10px;
}
.nav-folded .nav {
  overflow: visible;
}
.nav-folded .nav .list.open-dropdown .sublist a span {
  display: block;
}
.nav-folded .nav .list.account .sublist {
  bottom: 50px;
}

.nav-folded .nav .list.has-child > a::after {
  display: none;
}

.autocounter {
  background: #fff;
  color: var(--color-title);
  width: 20px;
  text-align: center;
  border-radius: 4px;
  line-height: 1.3;
}
.tabella .riga .btn i {
  color: #fff;
}



.selectButton label input {
  display: none;
}
.selectButton label span {
  display: block;
  padding: 10px;
  background-color: #333;
  min-width: 60px;
  text-align: center;
  font-size: 17px;
  margin-right: 10px;
  color: #fff;
  cursor: pointer;
  opacity: 0.6;
  border-radius: 4px;
}
.selectButton label input:checked + span{
  opacity: 1;
  background-color: var(--color-secondary);
} 

.opzsped .checkRitiroAbi
{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: -20px;
  margin-bottom: 30px;
}

.opzsped .checkRitiroAbi > h3{
  display: block;
  width: 100%;
  
}
.opzsped .checkRitiroAbi .giornoRitiro {
  max-width: 250px; 
  margin-right: 20px;
  height: 50px;
}


.checkRitiroAbi {
  margin-top: 30px;
}


.tabella .colli-section {
  margin-bottom: 20px;
}

.selectButton {
  margin: 4px 0;
  display: flex;
}

.tabella .opzsped .checkRitiroAbi > h3 {
  margin-top: 20px;
  margin-bottom: 3px;
  font-size: 21px;
}


@media (max-width: 1080px) {
  
.row-fluid [class*="span"] {
  float: none;
  width: 100%;
  margin: 10px 0;
}
.tabs ul {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: auto;
  gap: 5px;
  margin-bottom: 40px;
}
.tabs ul li a {
  padding: 6px 10px;
  font-size: 13px;
}

.step1 .row, .step3 .row {
  display: flex;
  gap: 20px;
}
.colli-section {
  flex-direction: column;
  align-items: flex-start;
    gap: 20px;

}

.opzioni .inner {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.corriere-section {
  display: flex !important;
  flex-direction: column;
}


.row {
  flex-direction: column;
  gap: 30px;
}
.row .col-6 {
  width: 100%;
  max-width: 100%;
  flex-basis: 100%;
}
.corrieri-table {
  margin-top: 30px;
}


.contenuto {
  margin-left: 0;
    padding: 40px 15px 120px;
}
.footer {
  margin-left: 0;
  z-index: 10;
      position: relative;
}

.pagination {
  flex-direction: column;
}


.nav-folded .icon-menu {
  position: absolute;
  right: 20px;
  top: 34px;
  width: 40px;
  left: auto;
}

.nav-folded .nav {
  display: none;
}


.nav-folded .header {
  width: 100%;
  bottom: auto;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  position: relative;
}
.nav-folded .header img {
  margin: 0 !important;
}
#logo a {
  margin: 0;
}


.nav-folded .contenuto {
  margin-left: 0;
}
.nav-folded .footer {
  margin-left: 0;
}





.stepList ol li {
  font-size: 14px;
  padding: 8px 10px;
}
.stepList li.active + li {
  padding-left: 20px;
}
.stepList ol li.active::after {
  border-left-width: 10px;
  border-bottom-width: 19px;
  border-top-width: 19px;
  right: -10px;
}
.stepList ol {
  white-space: nowrap;
  overflow: auto;
  margin-bottom: 40px;
}

.operazione {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: auto;
}


.news .item .ico {
  bottom: auto;
  right: 30px;
}
.news .item .title {
  padding-bottom: 20px;
}


body .chat .column {
  width: 100%;
  float: none !important;
  max-width: 100%;
}
body .chat {
  display: flex;
  flex-direction: column;
}
body .chat .column .lista {
  height: auto;
  min-height: 200px;
}
.col-8, .col-4 {
  flex: 100% !important;
  max-width: 100%;
}

#filtra .itm, #filtra2 .itm {
  margin-bottom: 10px;
}
select {
  background-position-x: calc(100% - 5px);
}


.corrieri .corr {
  flex-direction: column;
}
.tempo {
  width: 100%;
}
.corrieri .corr {
  overflow: hidden;
  padding: 0 0 40px;
  gap: 22px;
}

.infoPrice {
  margin-right: auto;
}


.cont {
  width: 100%;
  overflow: scroll;
}


}



.tabella thead .riga .btn {
  background: var(--color-secondary);
}

.list.account > a > span{
  display: block;
  width:calc(100% - 80px);
}
.list.account > a > span .idUt,

.list.account > a > span .conto{
  display: inline-block !important;
}
.list.account .conto {
  padding: 1px 4px;
  font-size: 12px;
  border-radius: 4px;
  display: inline-block;
}
.conto-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: 10px;
  }
  
  .conto-buttons .itm {
	position: relative;
  }
  
  .conto-buttons input[type="radio"] {
	display: none;
  }
  
  .conto-buttons label {
	display: inline-block;
	padding: 6px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	transition: background-color 0.3s, color 0.3s;
  }
  
  .conto-buttons input[type="radio"]:checked + label {
	background-color: var(--color-primary);
	color: white;
  }
  

  .row.conto-section .itm {
	margin-bottom: 20px;
	text-align: left;
  }

  .row.conto-section input[type="submit"] {
	text-align: left;
	margin-left: 0;
  }

  .row.conto-section .itm.imp {
	max-width: 90px;
  }
  .row.conto-section .saldo .negativ,
  .row.conto-section .saldo .positiv{
    font-weight: bold;

  }
  .row.conto-section .saldo .negativ
  {
    color: #eb211e;
  }