/*
Theme Name: Base
Author: Psycho
Author URI: https://psycho.com/
Description: Base css for theme
Version: 1.0
*/
table {
  width: 100%;
}
table td,
table th {
  border: 1px solid black;
  padding: 5px;
  text-align: center;
}
table .subtable {
  padding: 0 !important;
}
table .subtable td {
  border: 0;
}
table .subtable th {
  border: 0;
}
table .subtable th:first-child {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}
table .subtable th:last-child {
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}
table .subtable td:first-child {
  border-right: 1px solid black;
}
table .subtable td:last-child {
  border-left: 1px solid black;
}

#kanban thead tr:first-child th {
  border-top: 0;
  text-align: left !important;
  width: 100%;
  background-color: #d8dde0;
}
#kanban thead tr:last-child th {
  background-color: #c4d5e0;
}

input[type=submit] {
  cursor: pointer;
}

.elice-table-form fieldset {
  float: right;
  background: #d6c16b;
  padding: 0 20px;
}
.elice-table-form fieldset legend {
  float: left;
  width: auto;
}
.elice-table-form fieldset legend span {
  font-size: 1rem;
  padding-right: 10px;
  color: 052b47;
  font-weight: 600;
}
.elice-table-form fieldset .fieldset-wrapper {
  float: left;
  line-height: 35px;
}
.elice-table-form fieldset .fieldset-wrapper label {
  margin-bottom: 0;
}
.elice-table-form fieldset .fieldset-wrapper > div {
  display: inline-flex;
}
.elice-table-form fieldset .fieldset-wrapper > div .form-item {
  padding: 0px 5px;
}

#block-elicegroup-primary-local-tasks ul {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
#block-elicegroup-primary-local-tasks ul li {
  display: block;
}
#block-elicegroup-primary-local-tasks ul li a {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #4a4a4a;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
#block-elicegroup-primary-local-tasks ul li a.is-active {
  background: #dbdbdb;
}

.elice-table-form .dropdown-menu {
  top: 0% !important;
  left: 100% !important;
  background-color: transparent;
  border: 0;
}
.elice-table-form .dropdown-menu a {
  color: black;
  background-color: #c4d5e0;
  margin: 5px 0;
  border: 0;
}

.elice-table-form th {
  background-color: #c4d5e0;
}
.elice-table-form thead th:nth-child(1) {
  width: 16.666%;
}
.elice-table-form thead th:nth-child(2) {
  width: 16.666%;
}
.elice-table-form thead th:nth-child(3) {
  width: 16.666%;
}
.elice-table-form thead th:nth-child(4) {
  width: 10%;
}
.elice-table-form thead th:nth-child(5) {
  width: 10%;
}
.elice-table-form thead th:nth-child(6) {
  width: 10%;
}
.elice-table-form thead th:nth-child(7) {
  width: 10%;
}
.elice-table-form thead th:nth-child(8) {
  width: 10%;
}

article {
  margin: 30px 0;
}

/*#edit-field-listino-target-id ul{
    &>li:first-child{
        display: none;
    }
    &>li:last-child{
        margin-right: 0;
    }
    &>li{
        display: inline-block;
        background-color:#69a4c4;
        padding: 5px 40px;
        margin-right: 30px;

    }
    .bef-link-active{
        background-color:#132b45;
        color:white;
    }
    a{
        color:#132b45;
        font-weight: 600;
    }
}*/
.form-item-field-listino-target-id label {
  display: none;
}

.views-exposed-form {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.form-item-field-listino-target-id {
  float: left;
  width: 80%;
}

.form-item-title {
  float: left;
  width: 20%;
}
.form-item-title input {
  float: right;
  width: 200px;
}

#block-elicegroup-page-title h1 {
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 30px;
  color: #132b45;
}

.views-field-field-image {
  margin-bottom: 15px;
}
.views-field-field-image img {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.swiper-slide {
  margin-bottom: 30px;
}
.swiper-slide img {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.user-button {
  text-align: right;
}
.user-button button {
  background: #69a4c4;
  border: 0;
  border-radius: 0;
  font-weight: 600;
  color: white;
  text-transform: capitalize;
}
.user-button button:hover {
  color: white;
}
.user-button .dropdown-menu {
  background: #69a4c4;
  border: 0;
  border-radius: 0;
}
.user-button a {
  font-weight: 600;
  /*color: white;*/
}

footer {
  padding: 50px 0;
  background: url(/themes/custom/elicegroup/img/sfondo_banner.jpg);
  background-size: cover;
}
footer p {
  color: white;
  margin-bottom: 0;
}
footer h3 {
  color: white;
}
footer a {
  color: white;
}

.subtable th {
  background: transparent;
}

.form-submit {
  background: #69a4c4;
  color: white;
  border: 0;
  font-weight: 600;
  padding: 10px 20px !important;
  border-radius: 0;
  margin-top: 30px;
  width: auto;
  font-size: 22px;
}

#user-login-form {
  padding: 50px 0;
  width: 50%;
  margin: 0 auto;
}
#user-login-form input {
  border-color: #132b45;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
}
#user-login-form label {
  color: #132b45;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.2rem;
  margin-top: 13px;
}
#user-login-form #edit-pass--description,
#user-login-form #edit-name--description {
  display: none;
}
#user-login-form .form-actions {
  text-align: center;
}
#user-login-form .form-actions .form-submit {
  background: #69a4c4;
  color: white;
  border: 0;
  font-weight: 600;
  padding: 10px 20px !important;
  border-radius: 0;
  margin-top: 30px;
  width: auto;
}

.elice-table-form .dropdown-toggle {
  position: relative;
}
.elice-table-form .dropdown-toggle::after {
  border: 0 !important;
  position: absolute;
  content: "+";
  height: 25px;
  font-size: 2rem;
  width: 25px;
  top: 30px;
  left: 100px;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 25px;
  line-height: 20px;
  font-weight: 100;
}

.logo-footer img {
  max-width: 100%;
}

.contatti-footer {
  border-left: 3px solid #132b45;
  padding-left: 30px;
}

.logo-header img {
  max-width: 150px;
  margin: 15px 0;
}

.page-login .logo-header img {
  max-width: 300px;
  margin: 15px 0;
}
.user-button {
  padding-top: 15px;
}
.user-button button {
  font-size: 1.5em;
}

#block-contatti .col-md-4 {
  position: relative;
}
#block-contatti .col-md-4 > div {
  position: absolute;
  bottom: 0;
}

/*
@media only screen and (max-width: 768px) {


	.table-product table, .table-product thead, .table-product tbody, .table-product th, .table-product td, .table-product tr {
		display: block;
	}


	.table-product thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}


	.table-product tr { border: 1px solid #ccc; }

	.table-product td {

		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		text-align: right!important;
	}

	.table-product td:before {

		position: absolute;

		top: 5px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: 600;

	}


	td:nth-of-type(2) { padding-top: 30px; text-align: center!important}
	td:nth-of-type(3) { padding-top: 30px; text-align: center!important}

	.table-product td:nth-of-type(1):before { content: "Articolo";top: 83px;text-align: left;}
	.table-product td:nth-of-type(2):before { content: "Descrizione"; width: 100%;text-align: center;}
	.table-product td:nth-of-type(3):before { content: "Anteprima"; width: 100%;text-align: center;}
	.table-product td:nth-of-type(4):before { content: "PZ 50"; text-align: left;}
	.table-product td:nth-of-type(5):before { content: "PZ 100"; text-align: left;}
	.table-product td:nth-of-type(6):before { content: "PZ 200"; text-align: left;}
	.table-product td:nth-of-type(7):before { content: "PZ 500"; text-align: left;}
	.table-product td:nth-of-type(8):before { content: "PZ 1000"; text-align: left;}

	.table-product table td, .table-product table th {
		padding: 5px;
	}
}*/
/*
@media only screen and (max-width: 768px) {


	.table-product table, .table-product thead, .table-product tbody, .table-product th, .table-product td, .table-product tr {
		display: block;
	}


	.table-product thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}


	.table-product tr { border: 1px solid #ccc; }

	.table-product td {

		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		text-align: right!important;
	}

	.table-product td:before {

		position: absolute;

		top: 5px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: 600;

	}


	td:nth-of-type(2) { padding-top: 30px; text-align: center!important}
	td:nth-of-type(3) { padding-top: 30px; text-align: center!important}

	.table-product td:nth-of-type(1):before { content: "Articolo";top: 83px;text-align: left;}
	.table-product td:nth-of-type(2):before { content: "Descrizione"; width: 100%;text-align: center;}
	.table-product td:nth-of-type(3):before { content: "Anteprima"; width: 100%;text-align: center;}
	.table-product td:nth-of-type(4):before { content: "PZ 50"; text-align: left;}
	.table-product td:nth-of-type(5):before { content: "PZ 100"; text-align: left;}
	.table-product td:nth-of-type(6):before { content: "PZ 200"; text-align: left;}
	.table-product td:nth-of-type(7):before { content: "PZ 500"; text-align: left;}
	.table-product td:nth-of-type(8):before { content: "PZ 1000"; text-align: left;}

	.table-product table td, .table-product table th {
		padding: 5px;
	}
}*/
.elice-table-form {
  /* overflow: auto;*/
  min-height: 215px;
}

.table-product tbody tr td:nth-child(2) {
  text-align: left;
}

.elice-table-form fieldset legend {
  margin-bottom: 0;
}

.views-exposed-form .form-item-title {
  position: relative;
}

.views-exposed-form .form-item-title:after {
  content: "";
  background-image: url(../img/search.svg);
  position: absolute;
  right: 5px;
  top: 6px;
  height: 25px;
  width: 25px;
  display: inline-block;
}

#kanban > tbody {
  border-bottom: 3px solid black;
}

.table-product tbody tr td:nth-child(3) {
  position: relative;
}

.elice-table-form .dropdown-menu {
  transform: none !important;
}

@media only screen and (max-width: 768px) {
  .form-item-field-listino-target-id {
    float: none !important;
    width: 100% !important;
  }

  .form-item-title input {
    width: 100% !important;
    margin-top: 10px;
  }

  .form-item-title {
    width: 100% !important;
  }

  #edit-field-listino-target-id > div {
    width: 100%;
    text-align: center;
    margin-bottom: 10px !important;
  }

  .logo-header img {
    width: 100%;
  }

  .views-exposed-form .form-item-title::after {
    top: 14px;
  }

  #block-contatti .col-md-4 > div {
    position: relative;
  }
}
.table-product tbody tr td:nth-child(2) div {
  max-height: 70px;
  overflow-y: scroll;
}

.pager ul {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-left: 0px;
}

.pager li {
  display: inline-block;
  padding: 0 10px;
}

.pager a {
  color: black;
}

.pager li.is-active {
  background-color: #132b45;
  color: white;
}

.pager li.is-active a {
  color: white;
}

.swiper-slide {
  margin-bottom: 30px;
}

.swiper-slide img {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.note label {
  margin-bottom: 0;
  margin-top: 0.5rem;
}

.elice_order_form p {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1400px;
  }
}
[id^="edit-field-listino-target-id"] ul > li:first-child {
  display: none;
}

[id^="edit-field-listino-target-id"] ul > li:last-child {
  margin-right: 0;
}

[id^="edit-field-listino-target-id"] ul > li {
  display: inline-block;
  margin-right: 30px;
}

[id^="edit-field-listino-target-id"] ul .bef-link--selected {
  background-color: #132b45;
  color: white !important;
}

[id^="edit-field-listino-target-id"] ul a {
  color: #132b45;
  font-weight: 600;
  padding: 10px 40px;
  background-color: #69a4c4;
}

[id^="edit-field-listino-target-id"] {
  margin-top: 5px;
}

.accept-wrapper {
  float: right;
  display: inline-flex;
  justify-content: end;
  width: 100%;
}
.accept-wrapper .accept {
  padding-right: 10px;
}
.accept-wrapper .submit {
  text-align: right;
}
.accept-wrapper .submit input {
  margin-top: 0;
}
.elice-table-form .note textarea {
  width: 100%;
  margin-bottom: 15px;
}

/* TABLE ORDER
------------------------------- */

.table-order {
  border: solid black 1px;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  border-spacing: 0;
  border-collapse: inherit;
}
.elice-table-form th {
  background-color: transparent;
  color: #69a4c4;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 1;
}
.table-order th,
.table-order td {
  border: 0;
  border-right: 1px solid black;
  padding: 5px;
  text-align: center;
  color: #69a4c4;
}

.table-order th a,
.table-order td a {
  color: #69a4c4;
}

.table-order th:last-child,
.table-order td:last-child {
  border: 0;
  border-right: 0px solid black;
  padding: 5px;
  text-align: center;
}
.table-order td p {
  font-size: 0.8rem;
  line-height: 1;
}
.table-order .form-date {
  border: 0;
  text-align: right;
}
.form-item-note textarea {
  border-radius: 10px;
  border-width: 1px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
}
.accept-wrapper ul {
  padding-left: 1rem;
}

.image-documenti img {
  border: 1px solid grey;
  padding: 15px;
}
.image-documenti h3 {
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: grey;
  text-transform: uppercase;
  color: #132b45;
  text-align: center;
  padding: 15px;
}

.paragraph--type--documento {
  padding-bottom: 80px;
}

.image-documenti {
  margin: 0 40px;
  display: block;
}
#block-views-block-i-miei-ordini-block-2 {
  padding-bottom: 30px;
}
#block-views-block-i-miei-ordini-block-1 {
  margin-bottom: 30px;
}

#block-views-block-i-miei-ordini-block-2 td,
#block-views-block-i-miei-ordini-block-1 td {
  border-bottom: 1px solid black;
}
#block-views-block-i-miei-ordini-block-2 table > tbody > tr:last-child td,
#block-views-block-i-miei-ordini-block-1 table > tbody > tr:last-child td {
  border-bottom: none !important;
}
#block-views-block-i-miei-ordini-block-2 table > tbody > tr:first-child td,
#block-views-block-i-miei-ordini-block-1 table > tbody > tr:first-child td {
  border-top: 1px solid black;
}



#block-views-block-i-miei-ordini-block-1 .urgente p {
  color: red;
}

#block-views-block-i-miei-ordini-block-1 .urgente a {
  color: red;
}

#block-views-block-i-miei-ordini-block-1 .urgente td{
  color: red;
}

.confirm-date {
  color: red;
  font-size: 20px;
  margin: 0 15px;
}

[id^="elice-order-form"] {
  text-align: left;
}

#order-output th {
  color: white;
  background-color: #69a4c4;
  text-transform: uppercase;
  font-weight: 600;
}
#order-output .form-submit {
  font-size: inherit;
}

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

.toggle-modal {
  background: #69a4c4;
  border-color: #69a4c4;
}

.modal-title {
  color: #69a4c4;
  text-align: center;
  width: 100%;
  font-weight: 600;
}

.delivery_date {
  margin-bottom: 15px;
}

.delivery_date label {
  font-weight: 600;
  text-transform: uppercase;
}

.delivery_date input {
  border: 3px solid black !important;
  border-radius: 10px;
  display: block;
  font-size: 26px;
}

.note {
  margin-bottom: 15px;
  margin-top: 15px;
}

.elice-table-form .note > div div:first-child {
  font-weight: 600;
  padding-top: 10px;
}

.note label {
  font-weight: 400;
  text-transform: uppercase;
}

.note textarea {
  border: 3px solid black !important;
  border-radius: 10px;
  display: block;
  font-size: 26px;
  width: 100%;
}

.accept label {
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 10px;
}

.accept ul {
  list-style: none;
  padding-left: 30px;
  margin-bottom: 0;
}

.accept a {
  list-style: none;
  padding-left: 30px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
}

.accept li {
  font-weight: 600;
}

.accept .form-checkbox {
  scale: 1.5;
}

.submit {
  text-align: right;
}
.add-to-cart-actions .submit {
  text-align: left;
}
.add-to-cart-actions .submit input {
  position: relative;
  bottom: auto;
  right: auto;
}

.submit input {
  text-transform: uppercase;
  position: absolute;
  right: 15px;
  bottom: 20px;
}

#block-views-block-i-miei-ordini-block-2,
#block-views-block-i-miei-ordini-block-1 {
  overflow-x: auto;
  overflow-y: hidden;
}

.dropdown-menu ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.dropdown-item:hover a {
  color: #69a4c4;
}

@media only screen and (max-width: 576px) {
  .image-documenti {
    margin: 0px;
  }

  .paragraph--type--documento {
    padding-bottom: 30px;
  }

  .submit input {
    position: relative;
    right: auto;
    bottom: auto;
  }
}

@media only screen and (max-width: 1200px) {
  .modal .modal-dialog {
    max-width: 700px;
  }

  .image-documenti {
    margin: 0px;
  }
}

/**
 * Basiccart css file
 */

.basic_cart-grid {
  border: none;
  color: #363636;
  display: table;
  margin: auto;
  padding: 0;
  width: 100%;
}

.basic_cart-grid .row {
  display: table-row;
  float: left;
  left: 100%;
  width: 100%;
}

.basic_cart-grid .cell {
  display: table-cell;
  float: left;
}

.basic_cart-grid .cell img {
  vertical-align: middle;
}

.basic_cart-grid .clr {
  border-bottom: 1px solid #eeeeee;
  display: table-row;
  float: left;
  left: 100%;
  width: 100%;
}

.basic_cart-grid form {
  margin: 0;
  padding: 0;
}

.basic_cart-add-to-cart {
  margin: 10px 0;
}

.basic_cart-cart {
  margin: 0 0 25px 0;
  width: 100%;
}

.basic_cart-cart-contents {
  padding: 5px;
  border-bottom: 1px solid black;
}

.basic_cart-cart-total-price-contents {
  padding: 5px;
}

.basic_cart-delete-image.cell {
  margin: 0 10px 0 0;
}

.basic_cart-cart-checkout-button {
  margin: 10px 0;
}

.basic_cart-cart-checkout-button a.button {
  float: right;
  margin-right: 0;
}

.basic_cart-cart-checkout-button-block {
  margin: 10px 0 0 0;
}

.basic_cart-cart-checkout-button-block a.button {
  margin-bottom: 0;
}

.basic_cart-cart-quantity.cell {
  float: right;
}

.basic_cart-cart-node-title {
  width: auto;
}

.basic_cart-cart-x.cell {
  float: right;
  padding: 1px 10px 3px 10px;
}

.basic_cart-cart-unit-price.cell {
  float: right;
  margin: 0;
  text-align: right;
  width: 100px;
}

.basic_cart-block .basic_cart-cart-node-title {
  width: 100%;
}

.basic_cart-block .basic_cart-cart-unit-price,
.basic_cart-block .basic_cart-cart-x,
.basic_cart-block .basic_cart-cart-quantity {
  float: left;
  text-align: right;
  width: auto;
}

.basic_cart-total-price.cell,
.basic_cart-total-vat.cell {
  float: right;
}

.basic_cart-cart-total-vat-contents,
.basic_cart-block-total-vat-contents {
  padding: 0 5px;
}

.basic_cart-total-vat.cell {
  color: #6c6c6c;
  font-size: 11px;
}

.basic_cart-order-details td {
  border: 1px solid #ccc;
}

.basic_cart-order-label {
  background-color: #efefef;
  font-weight: bold;
  width: 100px;
}

.basic_cart-order-value {
  background-color: #fff;
}

.basic_cart-order-product-price,
.basic_cart-order-total-price {
  float: right;
}

.basic_cart-order-vat {
  float: right;
  font-weight: normal;
}

.basic_cart-call-to-action {
  text-align: right;
}

.form-item-basic_cart-checkout-city {
  float: left;
  width: 350px;
}

.form-item-basic_cart-checkout-zipcode {
  float: left;
  width: 150px;
}

.form-item-basic_cart-checkout-message {
  clear: both;
}

.basic_cart-delete-image-image {
  /*background-image: url("../images/delete2.png no-repeat"); */
  background-repeat: no-repeat;
}
/* add to cart */
.addtocart-quantity-wrapper-container {
  margin: 10px 0;
}
.addtocart-quantity-wrapper-container label {
  display: inline-block;
  vertical-align: middle;
}
.addtocart-quantity-wrapper-container .quantity_dynamic_text {
  vertical-align: middle;
  display: inline-block;
  width: 25%;
  border-radius: 5px;
  border: 1px solid rgba(53, 52, 52, 0.35);
  padding: 5px 8px;
}
.addtocart-link-class {
  margin: 5px 0 10px;
}
a.basic_cart-get-quantity {
  border-radius: 5px;
  font-weight: 700;
  background: none;
  border: 1px solid #aaa;
}
.basic_cart-cart-contents a {
  border-bottom: none;
}
.basic_cart-cart-quantity .form-item {
  margin-top: 0em;
  margin-bottom: 0em;
}

.basic_cart-circle {
  position: absolute;
  margin-left: -29px;
  height: 24px;
  width: 24px;
  background-color: #ffc107;
  border-radius: 70%;
  padding: 0;
  font-size: 11px;
  text-align: center;
  color: rgba(0, 0, 0, 1);
  line-height: 25px;
  margin-top: -1px;
}

.basic_cart-msg-pck a img {
  color: rgba(0, 0, 0, 0.7);
}

.basic_cart-msg-pck {
  position: relative;
  float: right;
  top: 6px;
  right: 7px;
  width: 48px;
}
/* add to cart end */

/* Product */
.product {
  border: 2px solid rgb(20, 35, 57);
  border-radius: 10px;
  padding: 15px 15px 0 15px;
}

.product .product-image {
  padding-bottom: 15px;
  height: 350px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.product .product-image img {
  /*height: 300px;
  width: auto;*/
  display: none;
}

.product .product-image img.vertical {
  height: 300px;
  width: auto;
  display: block;
  margin: 0 auto;
}

.product .product-image img.horizontal {
  display: block;
  margin: 0 auto;
}


.product .product-data {
  background: rgb(20, 35, 57);
  color: white;
  min-height: 85px;
}

.product .product-data a {
  color: white;
  font-weight: 600;
  padding-top: 5px;
}

.product .product-data .link a {
  color: white;
  padding: 3px 15px;
  background-color: #69a4c4;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.5rem;
  position: relative;
  padding-right: 35px;
}

.product .product-data .link a::after {
  content: url("../img/arrow-right.svg");
  position: absolute;
  top: 4px;
  right: 6px;
}

.product .product-data h5 {
  text-transform: capitalize;
  color: white;
}

.product .product-data h3 {
  margin-bottom: 0;
}

.product .product-data .link {
  display: flex;
  justify-content: end;
  flex-direction: column;
}
.products-wrapper .views-row {
  padding-bottom: 15px;
}

/* Order */
.card-body {
  border: none;
}

.card .paragraph--type--order-item p {
  margin-bottom: 0;
}

.order-lis .order-number h4 {
  text-decoration: underline;
  color: #69a4c4;
}
.up-row {
  border-top: 1px solid lightgray;
  padding-top: 10px;
}

.order-row {
  border-bottom: 2px solid rgb(20, 35, 57);
  padding: 15px 0;
}

.order-row .btn-primary {
  background-color: transparent;
  color: #69a4c4;
  border-color: #69a4c4;
  font-weight: 600;
  text-trasform: uppercase;
}

.order-list {
  padding: 30px 15px;
  border: 1px solid #69a4c4;
  border-radius: 15px;
}

.order-list .header {
  background-color: #69a4c4;
  margin: 0 5px;
}

.order-list h3 {
  color: white;
  text-transform: uppercase;
  padding: 5px 0 0 0;
  font-weight: 900;
}

.order-data {
  color: #69a4c4;
  font-weight: 600;
}

.order-data p {
  color: rgb(33, 37, 41);
  font-weight: 400;
}

.order-list .order-date,
.order-list .order-price,
.order-list .order-number {
  font-size: 20px;
}

.order-list .order-data > .row-header {
  padding: 0 30px;
}

/* header */
header {
  background: url(/themes/custom/elicegroup/img/sfondo_banner.jpg);
  background-size: cover;
}

#views-exposed-form-user-product-page-1 input {
  border-radius: 10px;
  margin-bottom: 10px;
  border: none;
  padding: 3px 10px;
}

#views-exposed-form-user-product-page-1 input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #69a4c4;
  opacity: 1; /* Firefox */
  font-size: 600;
}

#views-exposed-form-user-product-page-1 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #69a4c4;
  font-size: 600;
}

#views-exposed-form-user-product-page-1 input::-ms-input-placeholder { /* Microsoft Edge */
  color: #69a4c4;
  font-size: 600;
}

#views-exposed-form-user-product-page-1 .form-wrapper {
  margin-top: 10px;
}

#block-formespostouser-productpage-1 {
  margin-top: 0;
  text-align: right;
}

#block-formespostouser-productpage-1 .js-form-item {
  float: right;
}

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

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  color: #132b45 !important;
}

.dropdown a:hover {
  color: #132b45 !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.menu-wrapper {
  align-items: end;
  height: 100%;
}

.menu .dropdown-content a {
  background-color: #69a4c4;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  width: 100%;
  font-weight: 600;
  color: white;
}

.menu a {
  font-size: 1.25rem;
}

.menu .level-0 > .dropdown > a.is-active {
  color: #132b45;
}

.menu .level-0 > .dropdown > a {
  color: white;
  font-weight: 600;
  padding: 5px 20px;
}
.menu .dropdown-content {
  padding-left: 0;
}
.menu .dropdown-content > .dropdown {
  width: 100%;
}

/* general */
#block-elicegroup-content {
  padding-bottom: 30px;
  padding-top: 30px;
}

main .container {
  padding-bottom: 30px;
}

/* category */
.row-content {
  border-bottom: 2px solid rgb(20, 35, 57);
  border-radius: 15px;
  background-color: rgb(20, 35, 57);
  overflow: hidden;
  padding: 3px;
}

.products-categoty-wrapper .views-row {
  padding-bottom: 15px;
}

.products-categoty-wrapper .views-field-name {
  width: 50%;
  display: inline-block;
  margin-bottom: 15px;
}
.products-categoty-wrapper .views-field-nothing {
  width: 50%;
  display: inline-block;
  text-align: right;
  margin-bottom: 15px;
}

.products-categoty-wrapper .views-field-name a {
  color: white;
  font-weight: bold;
  padding-left: 10px;
  font-size: 20px;
}
.products-categoty-wrapper .views-field-nothing a {
  color: white;
  padding: 3px 15px;
  background-color: #69a4c4;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding-right: 35px;
}

.products-categoty-wrapper .views-field-nothing a::after {
  content: url("../img/arrow-right.svg");
  position: absolute;
  top: 5px;
}

.products-categoty-wrapper .views-field-field-image img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Modal */
#error-message .modal-dialog,
#cart-message .modal-dialog,
#add-to-cart-message .modal-dialog {
  max-width: 600px;
}
/*
.modal-dialog{
  margin: 30vh auto!important;
}
*/
.modal-body h3 {
  font-weight: 600;
}
.modal-footer {
  border: none;
}

.modal-footer .btn-secondary {
  background-color: transparent;
  border-radius: 10px;
  border: 2px solid #69a4c4;
  color: #69a4c4;
  text-transform: uppercase;
  font-weight: bold;
}

.modal-footer .btn-primary {
  background-color: #69a4c4;
  border-radius: 10px;
  border: 2px solid #69a4c4;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

/* add to cart */
.product-wrapper .image-wrapper {
  text-align: center;
}

.product-wrapper .image-wrapper img {
  /*min-width: 250px;*/
  max-height: 250px;
  width: auto;
}

#price-total-wrapper .form-text {
  max-width: 200px;
  border-color: #69a4c4 !important;
  border-radius: 5px;
  border-width: 3px;
  border-style: solid;
  text-align: center;
  font-size: 22px;
}

#price-total-wrapper label {
  margin-bottom: 0;
}

.quantity {
  margin-bottom: 15px;
}
.quantity label {
  display: block;
  color: #69a4c4;
  font-weight: 600;
}

.quantity .form-number {
  width: 200px;
  border-color: #69a4c4 !important;
  border-radius: 5px;
  border-width: 3px;
  color: #69a4c4;
  border-style: solid;
  font-size: 22px;
}

#edit-tempi-consegna label {
  font-size: 18px;
  margin-left: 5px;
  text-transform: uppercase;
}

.tempi_consegna .delivery_date .form-date {
  border-color: #69a4c4 !important;
  border-radius: 5px;
  border-width: 3px;
  color: #69a4c4;
  border-style: solid;
  font-size: 22px;
  width: 200px;
}

.tempi_consegna .delivery_date label {
  color: #69a4c4;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0;
}
/*
.delivery_date > span {
  margin-left: -40px;
}
*/
.tempi_consegna {
  margin-bottom: 15px;
}
.tempi_consegna .form-item-tempi-consegna {
  display: inline-block;
}

.product-wrapper .form-submit {
  margin-top: 15px;
  text-transform: uppercase;
  border-radius: 10px;
}

.form-wrapper {
  margin-top: 30px;
}

.elice-add-ro-cart-form {
  border: 3px solid #132b45;
  border-radius: 15px;
  padding: 30px;
}

.elice-add-ro-cart-form .data-item {
  margin-top: 15px;
  margin-bottom: 15px;
}

.elice-add-ro-cart-form .data-item > div > div:first-child {
  color: #69a4c4;
}

.line-left {
  border-right: 3px solid #132b45;
}

h2,
h3,
h4,
h5,
h6 {
  color: #69a4c4;
}
.product-table {
  margin-top: 30px;
}
.product-table h5 {
  margin-bottom: 0;
  font-weight: 600;
}

.button-link {
  color: #69a4c4;
  border-radius: 5px;
  border: 3px solid #69a4c4;
  padding: 5px 15px;
}

.button-link a {
  color: #69a4c4;
  font-weight: 600;
}

.product-link {
  margin-top: 15px;
  margin-bottom: 15px;
}

.tempi_consegna legend {
  color: #69a4c4;
  font-size: 16px;
  font-weight: 700;
}

.row-blue {
  background-color: #f0f6f9;
  margin-bottom: 3px;
}

.row-blue p {
  font-size: 20px;
  color: #69a4c4;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 700;
}

.product-data-container {
  padding-left: 15px;
}

.product-note {
  margin: 20px 0;
}

.product-name {
  font-weight: 700;
}

.product-note > div > div:first-child {
  color: #69a4c4;
  font-weight: 600;
  background-color: #f0f6f9;
  margin-bottom: 1px;
  padding: 5px;
}

.product-dimension p {
  color: #69a4c4;
  margin-bottom: 0;
  font-weight: 700;
}
.product-dimension {
  margin-bottom: 5px;
}

.product-price-update p {
  color: #69a4c4;
  margin-bottom: 0;
  font-weight: 700;
}

.product-price-update {
  margin-bottom: 5px;
}

.product-note > div > div:last-child {
  color: #69a4c4;
  font-weight: 600;
  background-color: #f0f6f9;
  margin-bottom: 1px;
  min-height: 200px;
  padding: 5px;
}

/* Radio button */

.form-radio {
  scale: 1.5;
  margin-right: 2px;
}

.js-form-type-radio {
  padding: 0 15px;
}

/* Cart */
.cart-label {
  color: #69a4c4;
  font-weight: 600;
  margin-bottom: 0;
}

.cart-label a {
  color: #69a4c4;
  font-weight: 600;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.cart-item {
  border-bottom: 1px solid #132b45;
  padding: 15px 0;
}

.delete-button {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 0 0 15%;
}

.image-container {
  display: flex;
}

.product-image {
  flex: 0 0 75%;
}

#elicecommerce-cart-form {
  padding: 30px;
  border: 3px solid #132b45;
  border-radius: 10px;
}

.cart-input label {
  padding: 5px 15px;
  background-color: #69a4c4;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 2;
  position: relative;
  font-size: 1.5rem;
  margin-bottom: 0;
  white-space: pre;
  margin: -1px;
}

.cart-input input {
  display: inline-block;
  width: 100%;
  border: none;
  border-left: 0;
  padding: 4px 0 4px 20px;
  z-index: 1;
  position: relative;
  font-size: 1.5rem;
  background-color: white;
  color: #69a4c4;
  margin-top: 0;
}

.cart-order-number .form-item {
  display: flex;
  border: 2px solid #69a4c4;
  position: relative;
  border-radius: 6px;
  max-width: 500px;
  /*margin-top: 15px;*/
}

.cart-date .form-item {
  display: flex;
  border: 2px solid #69a4c4;
  position: relative;
  border-radius: 6px;
  /*padding-right: 35px;*/
  /*margin-top: 15px;*/
  max-width: 500px;
  margin-left: auto;
}

.cart-shipping .form-item {
  display: flex;
  border: 2px solid #69a4c4;
  position: relative;
  border-radius: 6px;
}

.cart-shipping .label {
  line-height: 2.5rem;
}

.cart-order-number .form-item input,
.cart-data .form-item input {
  width: 100%;
}

.cart-shipping .form-item select {
  width: 100%;
}

.cart-date .form-item label {
  margin-bottom: 0;
}
/*
.cart-date .form-item::after{
  content: url("../img/calendar.svg");
  position: absolute;
  top: 4px;
  right: 3px;
}
*/
@media screen and (max-width: 1024px) {
  .cart-date .form-item::after {
    content: url("../img/calendar-small.svg");
    position: absolute;
    top: 4px;
    right: 3px;
  }
}

.cart-input select {
  display: inline-block;
  border: 1px solid #69a4c4;
  border-left: 0;
  border-radius: 4px;
  margin-left: -20px;
  padding: 8px 0 8px 20px;
  z-index: 1;
  position: relative;
  font-size: 1.5rem;
}

.cart-date {
  text-align: end;
}

.cart-note label {
  width: 100%;
  font-size: 1.5rem;
  background-color: #69a4c4;
  color: white;
  padding: 5px 15px;
}

.cart-note .note textarea {
  margin-top: 15px;
  font-size: 1.5rem;
  border: none !important;
  background-color: #e6e6e6;
  border-radius: 0;
  min-height: 250px;
}

.cart-actions {
  text-align: right;
}

.cart-actions input {
  margin-top: 0;
}

.cart-actions #edit-buttons-update {
  background-color: white;
  text-transform: uppercase;
  border: 1px solid #69a4c4;
  color: #69a4c4;
  border-radius: 10px;
  font-weight: 600;
  font-size: 1.5rem;
  padding: 5px 20px !important;
}

.cart-actions #edit-buttons-checkout {
  background-color: #69a4c4;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: 600;
  font-size: 1.5rem;
  padding: 5px 20px !important;
}

.cart-content .cart-title {
  width: 100%;
  font-size: 1.75rem;
  background-color: #69a4c4;
  color: white;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 600;
}

/* login */
body {
  min-height: 100vh;
}
.main-login {
}

.header-login {
  background-color: transparent;
  background: none;
  text-align: center;
}

.header-login .top-header {
  border: none;
}

.page-login {
  background: url(../img/SFONDO.png);
  background-size: cover;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.main-login #block-elicegroup-content {
  padding: 0;
}

.main-login #user-login-form {
  padding: 20px 0;
  width: 35%;
}
.main-login #user-login-form .form-actions .form-submit {
  background: #132b45;
  border-radius: 10px;
}

footer.footer-login {
  background-color: transparent;
  text-align: center;
  background: none;
}

footer.footer-login .logo-footer img {
  max-width: 300px;
}

#user-form #edit-pass {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

#user-form #edit-pass > div {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

#user-form label {
  color: #69a4c4;
  text-transform: uppercase;
  font-weight: 600;
}

#user-form {
  padding: 30px;
  border: 3px solid #132b45;
  border-radius: 10px;
}

#user-form input {
  border: none;
  background-color: #e6e6e6;
  font-size: 1.25rem;
  width: 100%;
  padding: 5px 10px;
}

.password-strength__indicator {
  background-color: #69a4c4;
}

#user-form #edit-actions {
  text-align: right;
}

#user-form #edit-submit {
  width: auto;
  background-color: #69a4c4;
  border-radius: 10px;
}

#user-form #edit-cancel {
  width: auto;
  background-color: white;
  border: 1px solid #69a4c4;
  color: #69a4c4;
  border-radius: 10px;
}

#user-form h2 {
  color: white;
  background-color: #69a4c4;
  padding: 5px 10px;
}

#user-form h1 {
  font-weight: 600;
  text-transform: uppercase;
}

#user-form .js-form-item {
  margin-top: 15px;
}

#user-form .form-wrapper {
  margin-top: 0;
}

@media (min-width: 992px) {
  #edit-pass > div {
    ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Mobile menu */

.menu .icon {
  margin-right: 10px;
}
.fa-bars {
  color: white;
}

#block-menuuserb2b .level-0 {
  padding: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .menu .level-0 > .dropdown > a {
    padding: 5px 15px;
  }

  .cart-input label {
    font-size: 1rem;
  }
  .cart-input input {
    font-size: 1rem;
  }
}

@media (min-width: 768px) {
  .icon {
    display: none;
  }
}

@media (max-width: 768px) {
  .contatti-footer {
    border: none;
  }
  #block-menuuserb2b {
    display: none;
    background-color: white;
    border-top: 3px solid #132b45;
  }
  .order-list .header > div:nth-child(2),
  .order-list .header > div:nth-child(3) {
    display: none;
  }

  .menu .dropdown-content a {
    background-color: white;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    width: 100%;
    font-weight: 600;
    color: #69a4c4;
  }

  .menu .dropdown {
    display: block;
  }

  .menu a {
    color: #69a4c4;
  }

  .menu .level-0 > .dropdown > a {
    color: white;
    background-color: #69a4c4;
    width: 100%;
    display: block;
    margin-bottom: 3px;
  }

  .menu .level-0 > .dropdown:last-child > a {
    margin-bottom: 0;
  }

  .menu .dropdown-content {
    display: block;
    position: relative;
    box-shadow: none;
    background-color: white;
    padding-bottom: 15px;
  }

  #block-menuuserb2b {
    position: absolute;
    width: 100%;
    z-index: 999;
    right: 0;
  }

  .dropdown .dropdown-content .dropdown a {
    padding: 0 50px;
  }

  .dropdown-content a {
    padding: 0;
  }

  .menu .level-0 {
    border: 3px solid #69a4c4;
    list-style: square;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
  }

  .postion-unset {
    position: unset;
  }

  .cart {
    padding-right: 10px;
    display: inline-block;
  }

  .basic_cart-msg-pck-32-26 {
    top: 5px !important;
  }

  .cart-date {
    text-align: left;
  }

  .cart-input label {
    font-size: 1rem;
  }
  .cart-input input {
    font-size: 1rem;
    padding-bottom: 0;
    padding-top: 0;
  }

  .add-to-cart-actions .total {
    order: 1;
  }

  .add-to-cart-actions .submit {
    order: 2;
    text-align: left;
  }

  .cart-input select {
    font-size: 0.75rem;
    padding: 6px 0 6px 20px;
  }
  .form-item-shipping label {
    font-size: 0.75rem;
  }
}

@media (max-width: 992px) {
  .line-left {
    border: none;
  }
}

@media (max-width: 1200px) {
  .cart-actions {
    text-align: left;
  }

  .cart-actions #edit-buttons-checkout,
  .cart-actions #edit-buttons-update {
    font-size: 1rem;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.descrizione-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.tooltip-note {
  width: 10%;
}

.tooltip-note .tooltip-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.question-mark {
  background-color: #69a4c4;
  width: 20px;
  height: 20px;
  color: white;
  display: block;
  border-radius: 15px;
}

.tooltip-note .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #69a4c4;
  color: #fff;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  border: solid black 1px;
  margin-left: 15px;
}

.tooltip-note:hover .tooltiptext {
  visibility: visible;
}

.descrizione-wrapper .descrizione {
  width: 90%;
}

[id^="elice-order-ready-form"] input {
  margin-top: 0;
  border-radius: 5px;
  padding: 5px 20px !important;
  background-color: green;
}


[id^="elice-order-ready-form"] input.confirmed {
  background-color: white;
  color: #69a4c4;
  border: 1px solid #69a4c4;
}

.user-image {
  max-width: 200px;
  padding-bottom: 15px;
}

.product-link-icon {
  max-width: 35px;
}

@media (max-width: 992px) {
  .product-link-icon {
    max-width: 25px;
  }
}

.product-actions-wraper {
  display: flex;
  justify-content: space-between;
}

h1.welcome {
  color: #132b45;
  margin-top: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

h1.welcome span {
  font-size: 1.5rem;
  font-weight: 600;
  padding-right: 15px;
  text-transform: capitalize;
}

body {
  font-family: "Titillium Web", sans-serif;
}

.message-error{
  background: red;
  padding: 10px 25px;
}

.message-sent{
  background: lightgreen;
  padding: 10px 25px;
}

.note-list-order{
  padding: 1.25rem;
}

.note-order-list-admin > div >div{
  color: #69a4c4;
  font-weight: 600;
}

.note-order-list-admin p{
  color: rgb(33, 37, 41);
  font-weight: 400;
}

/** Back button*/
#back-button{
  background: #69a4c4;
  color: white;
  border: 0;
  font-weight: 600;
  padding: 10px 20px !important;
  border-radius: 0;
  margin-top: 30px;
  width: auto;
  font-size: 22px;
  border-radius: 10px;
  cursor: pointer;
}


.d-link {
  padding: 0!important;
}

.d-link hr{
  border-color: black;
  margin-top: 0.2rem!important;
  margin-bottom: 0.2rem!important;
}

.d-link a{
  padding: 5px;
  width: 100%;
  display: block;
  
}