:root {
  --error-color: #eb7575;
  --ok-color:#1db31d;
}

.mg-popup-background {
    /*background: -webkit-linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.8)) !important;
    background: -o-linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.8)) !important;
    background: -moz-linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.8)) !important;
    background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.8)) !important;*/
	background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.5)) !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 998 !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
}

table.purchase-opts {
 	width: 60%;
	table-layout:fixed;
}

table.purchase-opts td:nth-of-type(1) {
	width: 60px!important;
}

table.purchase-opts td {
	padding: 2px;
}

/*table.purchase-opts select {
	width: 100%;
}*/

/*table.purchase-opts input {
	width: 100%;
}*/

table.cart td {
    padding: 0px;
    text-align: center;
    white-space: nowrap;
}

.cart-items {
    font-weight: bold;
    color: #4395D8;
    /*color: #D0D0D0;
    background-color: #D02818;
    padding: 3px;*/
 }

.cart-container {
    width: 48px;
    height: 41px;
    background-image: url("../pic/cart48.png");
    background-repeat: no-repeat;
    background-position: center; 
    cursor: pointer;
}

.cart-table {
    width: 100%;
}

.info-table {
    width: 100%;
    padding: 10px;
    padding-right: 25px;
}

.total-table {
    padding: 10px;
}

.cart-table td {
    text-align: left;
}

.cart-icon {
    background-image: url("../pic/cart48.png");
    background-repeat: no-repeat;
    background-position: center; 
    width: 48px;
    height: 48px;
    margin-left: 20px;
    text-align: left;
}

.cart-buttons  {
    padding: 20px;    
}


.cart-container-empty {
    background-image: url("../pic/emptycart48.png") !important;
    cursor: auto !important;
}

.data-container {
    background-color: white;
    color:#333333;
    min-width: 200px;
}

.cart-list-container {
    max-width: 900px;
}

.customer-info-container {
    max-width: 500px;
}

.summary-container {
    max-width: 900px;
    height: 690px;
}

.data-container {
    border-top: #333333;
    border-bottom: #333333;
    padding: 10px;
    overflow-y: auto;
}

.cart-item-container {
    height: 100px;
    padding: 10px;
}

.cart-header {
    width: 100%;
    padding: 10px;
    
}

.cart-header-line {
  margin: 10px;
  border-width: 1px;
  color: #aaa;
}

.mg-driver-image {
    height: 80px !important;
}

.cookie-notif {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0% !important;
    left: 0 !important;
    text-align: center;
    z-index: 998 !important;
    /*overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;*/
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.5)) !important;
    color: white;
}

.message-box {
    background-color: rgba(255, 255, 255, 0.8);
    color:#444444;
    padding: 50px;
	font-size: 14px;

}

.cookie-notif-info {
    position:absolute;
    top: 10%;
    width: 100%;
    text-align: center;
}

.button-item {
    background: white;
    border: 1px solid;
    border-color: #aaa;
    border-radius: 20%;
    vertical-align: middle;
    height: 24px;
}

.delete-button-item {
    background: white;
    border: none;
}

.quantity-number {
    background: white;
    border: 1px solid;
    border-color: #aaa;
    border-radius: 4px;
    height: 20px;
    width: 45px;
    vertical-align: middle;
}

.no-wrap {
    white-space: nowrap;
}

.item-price {
    padding-left: 10px;
    font-weight: bold;
    text-align: right ! important;
}

.button-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.close-button {
    float: right;
    background: white;
    border: 1px solid;
    border-color: #aaa;
}

.td-cart-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
}

.close {
    width: 30px;
}

.checkout-button {
    height: 40px;
    width: 250px;
    border-radius: 5px;
    background-color: #4395d8;
    color: white;
    
}

.message-box-button {
    height: 25px;
    width: 200px;
    border-radius: 3px;
    background-color: #4395d8;
    color: white;
    
}

.back-button {
    height: 40px;
    width: 50px;
    border-radius: 5px;
    background-color: #4395d8;
    color: white;
    
}

.customer-info-first-column {
    width: 100px;
    padding: 0px;
}

.customer-info-summary {
    font-weight: bold;
}

.customer-info {
    width: 100%;
}

.customer-info-short {
    width: 150px;
}

.warning {
    font-weight: bold;
    color: var(--error-color);
}

.mandatory {
    font-weight: bold;
}

.invalid-data {
    border-color: var(--error-color);
}

.disabled {
    background-color: rgb(168, 168, 168);
    font-style: italic;
}

.valid-vatid {
    color: var(--ok-color);
}

.valid-vatid:after {
    content: " (VALID)";
}

.invalid-vatid {
    color: var(--error-color);
}

.invalid-vatid:after {
    content: " (INVALID)";
}

.oldprice {
    /*padding-left: 10px;
    padding-right: 10px;*/
    text-decoration: line-through;
}

.discountedprice {

}

.mgcart {
	display: block;
	position: absolute;
  	left: 1100px;
	top: 40px;
	padding: 10px;
	background-color: rgba(100,100,100,0.8);
}

.mgcartempty {
	display: none;
}