* {
    font-family: 'Asap', sans-serif;
}
BODY {
    background-color: #ECECEC;
}
BODY:not(.logged) {
    background-color: #457AB4;
}
BODY:not(.logged) H1,
BODY:not(.logged) H2,
BODY:not(.logged) LABEL,
BODY:not(.logged) p {
    color: #FAFBFD;
}
BODY:not(.logged) img {
    width: 220px;
    height: auto;
}
BODY:not(.logged) p.guest,
BODY:not(.logged) p.guest a {
    font-size: 20px;
}
BODY:not(.logged) a {
    color: #FAD87B;
    text-decoration: none;
}
BODY:not(.logged) .input-group span,
BODY:not(.logged) .input-group input {
    border-radius: 25px;
    background-color: #FAFBFD;
}
BODY:not(.logged) .input-group input {
    height: 50px;
}
BODY:not(.logged) .input-group i {
    color: #667085;
}
BODY:not(.logged) .input-group span {
    padding-left: 20px;
}
BODY:not(.logged) button.btn-success {
    border-radius: 25px;
    background-color: #FAD87B;
    height: 50px;
    color: #0A549C;
}

.old.day:not(.disabled),
.new.day:not(.disabled) {
	color:black;
}

/* LOGGED CLASS */
/* CSS general */
.loading {
    color: #0A549C;
}
.error,
.error a {
    color: #CF0A2E;
}
.confirm {
    color: #4D9B2E;
}

.head {
    background-color: #457AB4;
    height: 80px;
}
.head .logo img {
    width: 47px;
    height: auto;
}
.head .menu A {
    color: #FAFBFD;
    text-decoration: none;
    margin: 0 30px;
    padding: 5px 20px;
}
.head .menu A > I {
    margin-right: 20px;
}
.head .menu A .fa-layers-counter {
    top: -10px;
    left: -10px;
    position: relative;
    font-weight: bold;
    background-color: #CF0A2E;
    color: white;
    border-radius: 15px;
    padding: 2px 5px;
    opacity: 80%;
}
.head .menu A.active,
.head .menu A:hover {
    color: #0A549C;
    background-color: #F8F8F8;
    border-radius: 25px;
}
.head .user span {
    color: #FAFBFD;
}
.head .user A.dropdown-toggle {
    color: #FAFBFD;
    text-decoration: none;
}
.head .user A.dropdown-toggle I {
    font-size: 20px;
}

BODY.logged .head .input-group span,
BODY.logged .head .input-group input {
    border-radius: 30px;
    background-color: #FFFFFF;
}
BODY.logged .head .input-group input {
    height: 41px;
    border-right:none;    
}
BODY.logged .head .input-group input::placeholder,
BODY.logged .head .input-group i {
    color: #8BBCF2;
}
BODY.logged .head .input-group span {
    padding-left: 20px;
}

BODY.logged .main .input-group span,
BODY.logged .main .input-group input {
    border-radius: 30px;
    background-color: #FFFFFF;
}
BODY.logged .main .input-group span {
    border-left: 10px solid #DBECFF;
    border-top: 10px solid #DBECFF;
    border-bottom: 10px solid #DBECFF;
}
BODY.logged .main .input-group input {
    height: 60px;
    border-right: 10px solid #DBECFF;
    border-top: 10px solid #DBECFF;
    border-bottom: 10px solid #DBECFF;
}
BODY.logged .cerca .input-group input {
	border-right: none !important;
}
BODY.logged .cerca .input-group span:last-of-type {
	padding-left: 5px;
    border-left: none;
    border-right: 10px solid #DBECFF;
}
BODY.logged .main .input-group input::placeholder,
BODY.logged .main .input-group i {
    color: #8BBCF2;
}
BODY.logged .main .input-group span {
    padding-left: 20px;
}
/* CSS of .main .sidebar */
.sidebar {
    background-color: #DBECFF;
    overflow:auto;
    padding-top: 10px;
    padding-bottom: 100px;
}

.sidebar .classe > A {
    border-radius: 25px;
    background-color: #EFF7FF;
    padding: 5px 20px;
    text-decoration: none;
    color: #0A549C;
    font-weight: bold;
    font-size: 18px;
}
.sidebar .classe > A I {
    text-align: right;
}
.sidebar .classe > A:hover,
.sidebar .classe > A.active {
    color: #4D9B2E;
}
.sidebar .classe .tipi A {
    padding: 5px 25px;
    text-decoration: none;
    color: #0A549C;
    font-size: 18px;
    display: block;
}
.sidebar .classe .tipi A:hover,
.sidebar .classe .tipi A.active {
    color: #4D9B2E;
}
/* CSS of .main */
BODY.logged .main .row.cart_full {
    background-color: #FAD87B;
    color: #667085;
}
BODY.logged .main .home H3 {
    font-size: 22px;
    font-weight: bold;
    color: #0A2C54;
}
BODY.logged .main .home section[name=azioni] H3 {
    color: #CF0A2E;
}
BODY.logged .main .home section[name=prezzi_speciali] H3 {
    color: #4D9B2E;
}
BODY.logged .main .home section[name=nuovo_assortimento] H3 {
    color: #ed772f;
}

/* CSS of .main .catalog */
.main .home,
.main .catalog,
.main .user_lists,
.main .carts,
.main .orders,
.main .closing_dates,
.main .delivery_times {
    overflow: auto;
}
/* CSS of .filtri */
BODY.logged .filtri A:not(.dropdown-item) {
    border-radius: 30px;
    padding: 8px 16px;
    background-color: #5D95D3;
    color: #FAFBFD;
    text-decoration: none;
    margin-right: 8px;
}
BODY.logged .filtri A.azioni:hover,
BODY.logged .filtri A.azioni.active {
    background-color: #CF0A2E;
}

BODY.logged .filtri A.prezzi_speciali:hover,
BODY.logged .filtri A.prezzi_speciali.active {
    background-color: #4D9B2E;
    color: #FAFBFD;
}

BODY.logged .filtri A.ultimi_acquistati:hover,
BODY.logged .filtri A.ultimi_acquistati.active {
    background-color: #ff8412;
    color: #FAFBFD;
}

BODY.logged .filtri A.nuovo_assortimento:hover,
BODY.logged .filtri A.nuovo_assortimento.active {
    background-color: #ed772f;
    color: #FAFBFD;
}

.classi-origini A {
    text-decoration: none;
    height: 36px;
    
}
.classi-origini A I {
    text-align: right;
}
.classi-origini .origini A I {
    text-align: left;
}
.classi-origini .classi {
    background-color: #DBECFF;
}
.classi-origini .classi A {
    color: #0A549C;
}
.classi-origini .origini {
    background-color: #8BBCF2;
}
.classi-origini .origini A {
    color: #FFFFFF;
}

.classi-dropdown-menu,
.origini-dropdown-menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 156px;
    height: 20%;
    padding-bottom: 20px;
    overflow: auto;
    z-index:99999;
}
.classi-dropdown-menu {
    background-color: #DBECFF;
    border-bottom: 3px solid #0A549C;
}
.classi-dropdown-menu .fa-spinner {
    color: #0A549C;
}
.classi-dropdown-menu a[classe] {
    display: block;
    margin: 0px 10px 0px;
    padding: 5px 15px 5px;
    border-radius: 20px;
    background-color: #EFF7FF;
    color: #0A549C;
    text-decoration: none;
}
.classi-dropdown-menu .tipi a {
    display: block;
    padding: 5px 5px 5px 25px;
    color: #0A549C;
    text-decoration: none;
}
.classi-dropdown-menu .tipi a:hover,
.classi-dropdown-menu .tipi a.active {
    color: #4D9B2E;
    font-weight: bold;
}


.origini-dropdown-menu {
    background-color: #8BBCF2;
}
.origini-dropdown-menu a {
    display: block;
    padding: 5px 10px;
    color: #FFFFFF;
    text-decoration: none;
}
    
.origini > a.disabled {
	color: #0A549C !important;
	background-image: linear-gradient(
  		45deg,
  		#FAFBFD 0%,
  		#FAFBFD 10%,  		
		#DBECFF 10%,
		#DBECFF 20%,
  		#FAFBFD 20%,
  		#FAFBFD 30%,  		
		#DBECFF 30%,
		#DBECFF 40%,
  		#FAFBFD 40%,
  		#FAFBFD 50%,  		
		#DBECFF 50%,
		#DBECFF 60%,
  		#FAFBFD 60%,
  		#FAFBFD 70%,  		
		#DBECFF 70%,
		#DBECFF 80%,
  		#FAFBFD 80%,
  		#FAFBFD 90%,  		
		#DBECFF 90%,
		#DBECFF 100%
	);
}

BODY.logged .classi .dropdown-toggle span {
    width: 100%;
}

BODY.logged .articoli {
    padding-bottom: 150px;
}
BODY.logged .home .articoli {
    padding-bottom: 50px;    
}
BODY.logged .articoli img {
    width: 150px;
    height: auto;
}

BODY.logged .articolo {
    width: 180px;
    height: 150px;
    border: 1px solid #ddd;
    border-radius: 20px;
    background-color: #FFFFFF;
    padding: 0;
    margin: 10px;
}

BODY.logged .articolo .top {
    height: 93px;
}
BODY.logged .articolo .top .image {
    width: 88px;
    padding: 10px;
}
BODY.logged .articolo .top .image img {
    width: 68px;
    height: 68px;
    border-radius: 20px;
}

BODY.logged .articolo .top .details {
    width: 100%;
    padding-top: 10px;
    padding-right: 10px;
}

/* layout per articoli senza prezzo a collo */
BODY.logged .articolo .top .details .currency,
BODY.logged .articolo .top .details .price,
BODY.logged .articolo .top .details .um {
    color: #0A549C;
    font-weight: bold;
}
BODY.logged .articolo .top .details .currency,
BODY.logged .articolo .top .details .um {
    font-size: 12px;
}
BODY.logged .articolo .top .details .price {
    font-size: 18px;
    padding: 0;
    line-height: 20px;
}
BODY.logged .articolo .top .details .origine,
BODY.logged .articolo .top .details .codice_fornitore {
    color: #667085;
    font-size: 10px;    
}

/* layout per articoli con prezzo a collo */
BODY.logged .articolo .top .details div.prezzo_principale,
BODY.logged .articolo .top .details div.um,
BODY.logged .articolo .top .details div.prezzo_secondario {
    text-align: center;
    font-weight: bold;
    color: #0A549C;
}
BODY.logged .articolo .top .details .prezzo_principale {
    font-size: 20px;
    line-height: 16px;
    padding-top: 5px;
}
BODY.logged .articolo .top .details .um {
    font-size: 12px;
    padding-bottom: 5px;
}
BODY.logged .articolo .top .details .prezzo_secondario {
    background-color: #DBECFF;
	border-radius: 20px;
	padding: 1px 10px 2px 10px;
    font-size: 12px;
    margin-top: 2px;
}


BODY.logged .articolo .bottom {
    background-color: #DBECFF;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom: 1px solid #ddd;
    height: 65px;
    overflow: hidden; 
}
BODY.logged .articolo .bottom .name {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #0A549C;
    padding: 5px 10px;
    line-height: 16px;
}

BODY.logged .articolo .bottom A {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 14px;
    padding: 0;
    color: #F8F8F8;    
}
BODY.logged .articolo .bottom A i {
    background-color: #0A549C;
    border-radius: 100%;
    border:none;
    padding:10px;
}
/* CSS for articolo on azione */
BODY.logged .articolo.azione .top .details .currency,
BODY.logged .articolo.azione .top .details .price,
BODY.logged .articolo.azione .top .details .um,
BODY.logged .articolo.azione .top .details .tipo,
BODY.logged .articolo.azione .top .details .prezzo_principale {
    color: #CF0A2E;    
}
BODY.logged .articolo.azione .bottom {
    background-color: #CF0A2E;
}
BODY.logged .articolo.azione .bottom .name {
    color: #F8F8F8;
}
BODY.logged .articolo.azione .bottom A {
    margin-top:0;
    margin-right:0;
}
BODY.logged .articolo.azione .bottom A i.v1 {
    background-color: #CF0A2E;
}
BODY.logged .articolo.azione .bottom A i {
    background-color: #F8F8F8;
    color: #CF0A2E;
    margin: 10px 7px 5px 5px;
}
/* CSS for articolo on prezzo speciale */
BODY.logged .articolo.prezzo_speciale .top .details .currency,
BODY.logged .articolo.prezzo_speciale .top .details .price,
BODY.logged .articolo.prezzo_speciale .top .details .um,
BODY.logged .articolo.prezzo_speciale .top .details .tipo,
BODY.logged .articolo.prezzo_speciale .top .details .prezzo_principale {
    color: #4D9B2E;    
}
BODY.logged .articolo.prezzo_speciale .bottom {
    background-color: #4D9B2E;
}
BODY.logged .articolo.prezzo_speciale .bottom .name {
    color: #F8F8F8;
}
BODY.logged .articolo.prezzo_speciale .bottom A {
    margin-top:0;
    margin-right:0;
}
BODY.logged .articolo.prezzo_speciale .bottom A i.v1 {
    background-color: #4D9B2E;
}
BODY.logged .articolo.prezzo_speciale .bottom A i {
    background-color: #F8F8F8;
    color: #4D9B2E;
    margin: 10px 7px 5px 5px;
}
/* CSS for articolo on nuovo_assortimento */
BODY.logged .articolo.nuovo_assortimento .top .details .currency,
BODY.logged .articolo.nuovo_assortimento .top .details .price,
BODY.logged .articolo.nuovo_assortimento .top .details .um,
BODY.logged .articolo.nuovo_assortimento .top .details .tipo,
BODY.logged .articolo.nuovo_assortimento .top .details .prezzo_principale {
    color: #ed772f;    
}
BODY.logged .articolo.nuovo_assortimento .bottom {
    background-color: #ed772f;
}
BODY.logged .articolo.nuovo_assortimento .bottom .name {
    color: #F8F8F8;
}
BODY.logged .articolo.nuovo_assortimento .bottom A {
    margin-top:0;
    margin-right:0;
}
BODY.logged .articolo.nuovo_assortimento .bottom A i.v1 {
    background-color: #964b00;
}
BODY.logged .articolo.nuovo_assortimento .bottom A i {
    background-color: #F8F8F8;
    color: #ed772f;
    margin: 10px 7px 5px 5px;
}

BODY.logged .articoli .loading {
    color: #0A549C;
}
/* CSS customs for modals */
div[name=modalDeleteConfirm] .modal-content,
div[name=modalArticolo] .modal-content,
div[name=modalListe] .modal-content,
div[name=modalNotaUpd] .modal-content,
div[name=modalDtDeliveryUpd] .modal-content,
div[name=modalDate] .modal-content,
div[name=modalDeliveryTime] .modal-content {
    border-radius: 25px !important;
    border: none !important;
    background-color: #DBECFF !important;   
}

div[name=modalDeleteConfirm] .modal-content h2 {
    color: #0A549C;
}
div[name=modalDeleteConfirm] .modal-content a {
    text-decoration: none;
    padding: 10px 15px;
    color: #FAFBFD;
    border-radius: 15px;
}
div[name=modalDeleteConfirm] .modal-content a:first-of-type {
    background-color: #CF0A2E;
    margin-right: 10px;
}
div[name=modalDeleteConfirm] .modal-content a:last-of-type {
    background-color: #4D9B2E;
}

div[name=modalArticolo] .modal-header1 a.close {
    color: #5D95D3;
    font-size: 25px;
}
div[name=modalArticolo] .modal-content .modal-body {
	padding: 0px;
}
div[name=modalArticolo] .modal-content .modal-body .row.img {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
}
div[name=modalArticolo] .modal-content .modal-body .row.img > .col-6 {
	padding: 10px;
}
div[name=modalArticolo] .modal-content .modal-body .row.img > .col-6:first-of-type {
    background-color: white;   
    border-top-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

div[name=modalArticolo] .modal-content .modal-body > .row:not(.img) {
	padding: 8px;
}

div[name=modalArticolo] .modal-content .cover {
	position: relative;
	z-index: 99990;
	width: 100%;
	height: auto;
}
div[name=modalArticolo] .modal-content .cover img {
    border-radius: 25px !important;
    width: 100%;
    height: auto;
}
div[name=modalArticolo] .modal-content .trustbox {
	position: absolute;
}
div[name=modalArticolo] .modal-content .trustbox img {
	position: absolute;
	width: 25px;
	height: 25px;
	z-index: 99991;
}
div[name=modalArticolo] .modal-content .badge {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	z-index: 99991;
	padding: 29px 0;
	text-align: center;
	font-size: 14px;
	border: 3px solid white;
}
div[name=modalArticolo] .modal-content.azione .badge {
    background-color: #CF0A2E;    
}
div[name=modalArticolo] .modal-content.prezzo_speciale .badge {
    background-color: #4D9B2E;    
}
div[name=modalArticolo] .modal-content.nuovo_assortimento .badge {
    background-color: #FF8500;    
}

div[name=modalArticolo] .modal-content .descrizione {
	position: relative;
}
div[name=modalArticolo] .modal-content .descrizione > span {
    color: #0A549C;
    font-weight: bold;
    font-size: 18px;
    padding-right: 15px;
    text-wrap: balance;
}

div[name=modalArticolo] .modal-content .descrizione .close {
	position: absolute;
	right: 0;
	top: 0;
}
div[name=modalArticolo] .modal-content .descrizione .close i {
    color: #5D95D3;
    font-size: 25px;
}

div[name=modalArticolo] .modal-content .prezzo > span {
	display: block;
	font-size: 16px;
    color: #0A549C;
}
div[name=modalArticolo] .modal-content .prezzo span[name=prezzo],
div[name=modalArticolo] .modal-content .prezzo span[name=prezzo_collo] {
	font-size: 26px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
div[name=modalArticolo] .modal-content.azione .prezzo span[name=prezzo],
div[name=modalArticolo] .modal-content.azione .prezzo span[name=prezzo_collo] {
    color: #CF0A2E;
}
div[name=modalArticolo] .modal-content.prezzo_speciale .prezzo span[name=prezzo],
div[name=modalArticolo] .modal-content.prezzo_speciale .prezzo span[name=prezzo_collo] {
    color: #4D9B2E;
}
div[name=modalArticolo] .modal-content.nuovo_assortimento .prezzo span[name=prezzo],
div[name=modalArticolo] .modal-content.nuovo_assortimento .prezzo span[name=prezzo_collo] {
    color: #FF8500;
}

div[name=modalArticolo] .modal-content .pvr {
	display: block;
    color: #0A549C;
    font-weight: bold;
    font-size: 18px;
}

div[name=modalArticolo] .modal-content .codice span:first-of-type,
div[name=modalArticolo] .modal-content .codice span:last-of-type,
div[name=modalArticolo] .modal-content .codice_fornitore span:first-of-type,
div[name=modalArticolo] .modal-content .codice_fornitore span:last-of-type,
div[name=modalArticolo] .modal-content .origine span:first-of-type,
div[name=modalArticolo] .modal-content .origine span:last-of-type,
div[name=modalArticolo] .modal-content .confezione span:first-of-type,
div[name=modalArticolo] .modal-content .confezione span:last-of-type {
    color: #0A549C;
    font-size: 12px;
    display: block;
}
div[name=modalArticolo] .modal-content .codice span:first-of-type,
div[name=modalArticolo] .modal-content .codice_fornitore span:first-of-type,
div[name=modalArticolo] .modal-content .origine span:first-of-type,
div[name=modalArticolo] .modal-content .confezione span:first-of-type {
    margin-bottom: 5px;
}
div[name=modalArticolo] .modal-content .codice span:last-of-type,
div[name=modalArticolo] .modal-content .codice_fornitore > span:last-of-type,
div[name=modalArticolo] .modal-content .origine span:last-of-type,
div[name=modalArticolo] .modal-content .confezione span:last-of-type {
	background-color: #EFF7FF;
	padding: 5px;
    border-radius: 25px;
    min-height: 28px !important;
}

div[name=modalArticolo] .modal-content a[name=colli],
div[name=modalArticolo] .modal-content a[name=pezzi],
div[name=modalArticolo] .modal-content a[name=mazzi],
div[name=modalArticolo] .modal-content a[name=vaschette],
div[name=modalArticolo] .modal-content a[name=kg] {
    text-decoration: none;
    border-radius: 100%;
    background-color: #8BBCF2;
    color: #FAFBFD;    
    font-size: 20px;
    margin: 10px;
    width: 60px !important;
    height: 60px !important;
	padding-top: 14px;
	text-align: center;
}
div[name=modalArticolo] .modal-content a[name=colli] {
    border-radius: 40px;
    width: 120px !important;
}
div[name=modalArticolo] .modal-content a[name=colli]:not(.disable):hover,
div[name=modalArticolo] .modal-content a[name=colli].active,
div[name=modalArticolo] .modal-content a[name=pezzi]:not(.disable):hover,
div[name=modalArticolo] .modal-content a[name=pezzi].active,
div[name=modalArticolo] .modal-content a[name=mazzi]:not(.disable):hover,
div[name=modalArticolo] .modal-content a[name=mazzi].active,
div[name=modalArticolo] .modal-content a[name=vaschette]:not(.disable):hover,
div[name=modalArticolo] .modal-content a[name=vaschette].active,
div[name=modalArticolo] .modal-content a[name=kg]:not(.disable):hover,
div[name=modalArticolo] .modal-content a[name=kg].active {
    background-color: #457AB4;
}
div[name=modalArticolo] .modal-content a[name=colli].disable,
div[name=modalArticolo] .modal-content a[name=pezzi].disable,
div[name=modalArticolo] .modal-content a[name=mazzi].disable,
div[name=modalArticolo] .modal-content a[name=vaschette].disable,
div[name=modalArticolo] .modal-content a[name=kg].disable {
    background-color: #667085;
    cursor: not-allowed;
}

div[name=modalArticolo] .modal-content .input-group span,
div[name=modalArticolo] .modal-content .input-group input {
    border-radius: 30px;
    background-color: #FFFFFF !important;
    border: none !important;
}
div[name=modalArticolo] .modal-content .input-group span {
    color: #0A549C;
    font-weight: bold;
}
div[name=modalArticolo] .modal-content .input-group input {
    height: 51px;
}
div[name=modalArticolo] .modal-content .quantita a {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: #8BBCF2;
    color: #FAFBFD;
    font-size: 36px;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 0 !important;
    line-height: 5px;
}
div[name=modalArticolo] .modal-content .quantita a:hover {
    background-color: #457AB4;
}
div[name=modalArticolo] .modal-content .quantita input {
    text-align: center;
    color: #0A2C54;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Asap', sans-serif;
}

div[name=modalArticolo] .modal-content .prezzo_overview {
    color: #0A549C;
    font-size: 14px;
    display: block;
	background-color: #EFF7FF;
	padding: 5px;
    border-radius: 25px;
    text-align: center;
    margin-top: 10px;
}

div[name=modalArticolo] .modal-content .ripeti_ordine {
	background-color: #EFF7FF;
	padding: 5px;
    border-radius: 25px;
    color: #0A549C;
    font-size: 12px;
    display: block;
    padding: 5px 10px;
}
div[name=modalArticolo] .modal-content .ripeti_ordine a {
	background-color: #FAFBFD;
    text-decoration: none;
    padding: 0 5px;
    color: #0A549C;
    font-weight: bold;
    border-radius: 25px;
    text-align: center;
}

div[name=modalArticolo] .modal-content .buttons a {
    text-decoration: none;
    color: #0F4179;    
    font-size: 16px;
}
div[name=modalArticolo] .modal-content .buttons a.disabled {
    cursor: auto;
}
div[name=modalArticolo] .modal-content .buttons a i {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    padding: 12px;
    background-color: #0F4179;    
    color: #FAFBFD;    
    font-size: 24px;
}
div[name=modalArticolo] .modal-content .buttons a.disabled i {
    background-color: #667085;    
}
div[name=modalArticolo] .modal-content .buttons a span {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
}
div[name=modalArticolo] .modal-content .buttons a.disabled span {
    color: #667085;    
}

div[name=modalListe] .modal-content section[name=elenco] > div:not(.error) A {
    display: block;
    color: #0A549C;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #FAFBFD;
}
div[name=modalListe] .modal-content section[name=elenco] > div:not(.error) A:hover {
    color: #4D9B2E
}
div[name=modalListe] .modal-content section[name=elenco] > div:not(.error) A:last-of-type {
    border-bottom: 1px solid #DBECFF;
}
div[name=modalListe] .modal-content section[name=buttons] A {
    display: block;
    border-radius: 25px;
    background-color: #8BBCF2;
    color: white;
    text-decoration: none;
    padding: 5px 20px;
    text-align: center;
}
div[name=modalDeliveryTime] .modal-content section[name=buttons] A {
    display: block;
    border-radius: 25px;
    background-color: #8BBCF2;
    color: white;
    text-decoration: none;
    padding: 5px 20px;
    text-align: center;
}
/* CSS for input standard */
.modal-content .input-group span,
.modal-content .input-group input {
    border-radius: 30px;
    background-color: #FFFFFF !important;
    border: none !important;
}
.modal-content .input-group span {
    color: #0A549C;
    font-weight: bold;
}
.modal-content .input-group input {
    height: 51px;
}
.modal-content .input-group.input a {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: #8BBCF2;
    color: #FAFBFD;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    padding: 12px 0 0 0 !important;
    line-height: 5px;
}
.modal-content .input-group.input a:hover {
    background-color: #0F4179;
}
.modal-content select {
    border-radius: 30px;
    background-color: #FFFFFF !important;
    border: none !important;
    height: 51px;
}


/* CSS conencted to users_lists */
.user_list {
    border-radius: 30px;
    background-color: #8BBCF2;
    color: #FAFBFD;
    padding: 10px;    
}
.user_list:first-of-type {
    background-color: #DBECFF;
    color: #0A549C;
}
.user_list > .row:first-of-type {
    cursor: pointer;
}
.user_list > .row:first-of-type > div {
    padding-left: 5px;
}
.user_list:first-of-type > .row:first-of-type {
    cursor: auto;
}
.user_list.open > .row:first-of-type {
    padding-bottom: 5px;
    font-size: 16px;
}
.user_list > .row:first-of-type .fa-angle-right,
.user_list > .row:first-of-type .fa-angle-down {
    font-size: 20px;
}
.user_list > .row:first-of-type a {
    font-size: 16px;
    color: #FAFBFD;
}
.user_list .articles {
    padding: 0px 2px;
}
.user_list.open .articles {
    padding-bottom: 20px;
}
.user_list.open .articles .error,
.user_list.open .articles .error a {
    color: #CF0A2E;
}
.user_list .articles > .row {
    background-color: #EFF7FF;
    color: #0A549C;
}
.user_list .articles > .row > div {
    padding: 5px;
}
.user_list .articles > .row.articolo_non_disponibile > div {
    background-color: #FAD87B;
}
.user_list .articles > .row > div.immagine {
    padding: 0px;
}
.user_list .articles > .row > div.immagine > div {
    background-color: white;
    padding: 5px;
}
.user_list .articles > .row > div.immagine img {
    border-radius: 15px;
    max-width: 48px;
    height: auto;
}
.user_list .articles .row.loading,
.user_list .articles > .row:nth-child(odd) {
    background-color: #DBECFF;
}
.user_list .articles > .row .descrizione span:first-of-type {
    color: #667085;
    display: block;
}
.user_list .articles > .row .descrizione span:last-of-type {
    color: #457AB4;
}
.user_list .articles > .row.articolo_non_disponibile .descrizione span:last-of-type {
    color: #CF0A2E;
}
.user_list .articles > .row a {
    color: #0A549C;
    padding-right: 5px;
}
.user_list .articles > .row a:last-of-type {
    padding-right: 0px;
}
.user_list .articles > .row:first-of-type {
    background-color: #457AB4;
    color: #FAFBFD;
}

/* CSS conencted to cart */
.cart {
    border-radius: 30px;
    background-color: #8BBCF2;
    color: #FAFBFD;
    padding: 10px;
}
.cart:last-of-type {
    margin-bottom: 100px;
}
.cart > .row:first-of-type {
    cursor: pointer;
}
.cart > .row:first-of-type > div {
    padding-left: 5px;
}
.cart.open > .row:first-of-type {
    padding-bottom: 5px;
    font-size: 16px;
}
.cart > .row:first-of-type .fa-angle-right,
.cart > .row:first-of-type .fa-angle-down {
    font-size: 20px;
}
.cart > .row:first-of-type a {
    font-size: 16px;
    color: #FAFBFD;
    margin-right: 15px;
}
.cart > .row:first-of-type a:last-of-type {
	margin-right: 0px;
}
.cart.warning_data > .row:first-of-type a i.fa-calendar {
    color: #CF0A2E;        
}
.cart .warnings {
    padding: 0px 2px;
}
.cart .warnings > div {
    display: none;
}
.cart .warnings .warning_data {
    background-color: #CF0A2E;
}
.cart .warnings .warning_articolo_non_disponibile {
    background-color: #ECB727;
}
.cart .warnings > div > div {
    padding: 5px;
}
.cart .articles {
    padding: 0px 2px;
}
.cart.open.warning_data .warnings .warning_data {
    display: flex;
}
.cart.open.warning_articolo_non_disponibile .warnings .warning_articolo_non_disponibile {
    display: flex;
}
.cart.open .articles {
    padding-bottom: 20px;
}
.cart.open .articles .error,
.cart.open .articles .error a {
    color: #CF0A2E;
}
.cart .articles > .row {
    background-color: #EFF7FF;
    color: #0A549C;
}
.cart .articles > .row > div {
    padding: 5px;
}
.cart .articles > .row.articolo_non_disponibile > div {
    background-color: #FAD87B;
}
.cart .articles > .row > div.immagine {
    padding: 0px;
}
.cart .articles > .row > div.immagine > div {
    background-color: white;
    padding: 5px;
}
.cart .articles > .row > div.immagine img {
    border-radius: 15px;
    max-width: 48px;
    height: auto;
}
.cart .articles .row.loading,
.cart .articles > .row:nth-child(odd) {
    background-color: #DBECFF;
}
.cart .articles > .row .descrizione span:first-of-type {
    color: #667085;
    display: block;
}
.cart .articles > .row .descrizione span:last-of-type {
    color: #457AB4;
}
.cart .articles > .row.articolo_non_disponibile .descrizione span:last-of-type {
    color: #CF0A2E;
}
.cart .articles > .row a {
    color: #0A549C;
    padding-right: 10px;
}
.cart .articles > .row a:last-of-type {
    padding-right: 0px;
}
.cart .articles > .row:first-of-type {
    background-color: #457AB4;
    color: #FAFBFD;
}
.cart .footer {
    display: none;
}
.cart .footer .input-group span {
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
.cart .footer .input-group input {
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    height: 45px !important;
}
.cart .footer a {
    border-radius: 20px;
    padding: 10px !important;
    background-color: #4D9B2E;
    color: #FAFBFD;
    text-decoration: none;
}
.cart.open.warning_data .footer a {
    background-color: #CF0A2E;    
}
.cart.open.warning_articolo_non_disponibile .footer a {
    background-color: #ECB727;    
}

/* CSS conencted to order */
.order {
    border-radius: 30px;
    background-color: #8BBCF2;
    color: #FAFBFD;
    padding: 10px;
}
.order:first-of-type {
    background-color: #DBECFF;
}
.order:first-of-type a {
    border-radius: 20px;
    background-color: #EFF7FF;
    color: #0A2C54 !important;
    padding: 7px 30px;
    text-decoration: none;
    margin: 5px 0px !important;
    
}
.order:first-of-type a:hover,
.order:first-of-type a.active {
    background-color: #4D9B2E;
    color: #EFF7FF !important;
}
.order > .row:first-of-type {
    cursor: pointer;
}
.order > .row:first-of-type > div {
    padding-left: 5px;
}
.order.open > .row:first-of-type {
    padding-bottom: 5px;
    font-size: 16px;
}
.order > .row:first-of-type .fa-angle-right,
.order > .row:first-of-type .fa-angle-down {
    font-size: 20px;
}
.order > .row:first-of-type a {
    font-size: 16px;
    color: #FAFBFD;
}
.order .articles {
    padding: 0px 2px;
}
.order.open .articles {
    padding-bottom: 20px;
}
.order.open .articles .error,
.order.open .articles .error a {
    color: #CF0A2E;
}
.order .articles > .row {
    background-color: #EFF7FF;
    color: #0A549C;
}
.order .articles > .row > div {
    padding: 5px;
}
.order .articles > .row > div.immagine {
    padding: 0px;
}
.order .articles > .row > div.immagine > div {
    background-color: white;
    padding: 5px;
}
.order .articles > .row > div.immagine img {
    border-radius: 15px;
    max-width: 48px;
    height: auto;
}
.order .articles .row.loading,
.order .articles > .row:nth-child(odd) {
    background-color: #DBECFF;
}
.order .articles > .row .descrizione span:first-of-type {
    color: #667085;
    display: block;
}
.order .articles > .row .descrizione span:last-of-type {
    color: #457AB4;
}
.order .articles > .row a {
    color: #0A549C;
    padding-right: 5px;
}
.order .articles > .row a:last-of-type {
    padding-right: 0px;
}
.order .articles > .row:first-of-type {
    background-color: #457AB4;
    color: #FAFBFD;
}

.api_log {
	border-bottom: 2px dotted black;
}
.api_log p {
	overflow-wrap: break-word;
}

/* CSS conencted to closing_dates */
.closing_dates a:first-of-type,
.delivery_times a:first-of-type {
	text-decoration:none;
	color: #457AB4;
	font-size: 18px;
}

.closing_date,
.delivery_time {
    border-radius: 30px;
    background-color: #8BBCF2;
    color: #FAFBFD;
    padding: 10px;    
}
.closing_date:last-of-type,
.delivery_time:last-of-type {
	margin-bottom: 30px;
}

div[name=modalArticolo] .delivery_time {
    background-color: #FAD87B;
    /*color: #FF8412;*/
    color: #0F4179;
    display: block;
    text-align: center;
	margin-bottom: 5px;
	font-size: 14px;
}
div[name=modalArticolo] .delivery_time b {
	font-size: 18px;
}
div[name=modalArticolo] .delivery_time:empty {
    display: none;
}

footer {
    background-color: #457AB4;
    height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

footer .logo img {
    width: 70px;
    height: auto;
    margin-top: -10px;
    margin-left: 10px;
}

footer .menu A {
    color: #FAFBFD;
    text-decoration: none;
    margin: 15px;
    padding: 5px 0;
    text-align: center;
    font-size: 14px;
}
footer .menu A > I {
    margin-right: 20px;
    text-align: center;
    width: 100%;
}
footer .menu A .fa-layers-counter {
    top: -10px;
    left: -10px;
    position: relative;
    font-weight: bold;
    background-color: #CF0A2E;
    color: white;
    border-radius: 15px;
    padding: 2px 5px;
    opacity: 80%;
}
footer .menu A:hover,
footer .menu A.active {
    color: #0A549C;
    background-color: #F8F8F8;
    border-radius: 10px;
}


@media (max-width: 768px) {
    BODY:not(.logged) H1 {
        display: none;
    }
    BODY:not(.logged) img {
        width: 160px;
    }
    .head {
        height: 120px;
    }
    BODY.logged .filtri > A:not(.dropdown-item) {
    	font-size: 14px;
    }
    BODY.logged .filtri > A:not(.dropdown-item):last-of-type {
    	margin-right: 0px;
    }
	BODY.logged .main {
    	margin-top: 0px;
	}
    .main {
        padding-bottom: 200px;
    }
    .home {
        padding-top: 20px;
    }
    .home,
    .catalog,
    .user_lists,
    .carts,
    .orders {
        padding-bottom: 20px;
    }
    BODY.logged .articoli {
        text-align: center;
    }
	BODY.logged .articolo {
    	width: 170px;
	    height: 140px;
	    margin: 10px 10px 20px 10px;
    }

    .user_list > .row:first-of-type > div:first-of-type {
        padding-left: 18px;
    }

    div[name=modalArticolo] .modal-content a[name=colli],
    div[name=modalArticolo] .modal-content a[name=pezzi],
    div[name=modalArticolo] .modal-content a[name=mazzi],
    div[name=modalArticolo] .modal-content a[name=vaschette],
    div[name=modalArticolo] .modal-content a[name=kg] {
        font-weight: 18px;
    }
    div[name=modalArticolo] .modal-content a[name=colli],
    div[name=modalArticolo] .modal-content a[name=pezzi],
    div[name=modalArticolo] .modal-content a[name=mazzi],
    div[name=modalArticolo] .modal-content a[name=vaschette] {
        margin: 10px 10px 0px 0px;
    }
    div[name=modalArticolo] .modal-content a[name=kg] {
        margin: 10px 0px 0px 0px;
    }

	div[name=modalArticolo] .modal-content .buttons a span {
		padding-top: 0px;
	}
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
	BODY.logged .articolo {
    	width: 170px;
	    height: 140px;
	    margin: 5px 5px 10px 5px;
    }        
}