body {
  margin: auto;
  text-align: center;
margin: 0;
color: #777;
line-height: 150%;
font-size: 16px;
font-family: "Avenir Next",sans-serif;
padding-top:20px;
padding-right:30px;
padding-left:30px;
}
.body {
margin: auto;
text-align: center;
margin: 0;
color: #777;
line-height: 150%;
font-size: 16px;
font-family: "Optima nova",sans-serif;
}
.header{
text-align:center;
margin:auto;
font-family: "Optima nova",sans-serif;
}
.content{
text-align:center;
margin:auto;
font-family: "Avenir Next",sans-serif;
}
table{
  border-collapse: collapse;
  border:1px solid;
  margin-top:10px;
  margin-bottom:10px;
}
.footer{
text-align:center;
margin:auto;
font-family: "Optima nova",sans-serif;
}
.main-action-cell{
text-align:center;
margin:auto;
font-family: "Avenir Next",sans-serif;
}
h2{
text-align:center;
margin:auto;
margin-bottom:15px;
font-family: "Optima nova",sans-serif;
}
p{
text-align:center;
margin:auto;
margin-bottom:15px;
font-family: "Avenir Next",sans-serif;
}
h1 a:hover {
font-size: 30px; color: #333;
}
h1 a:active {
font-size: 30px; color: #333;
}
h1 a:visited {
font-size: 30px; color: #333;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
.button__cell {
background-color: #9e948a;
padding:20px 25px;
border-radius:4px;
color: #fff; text-decoration: none;
border: none;
}
.button__cell-small {
background-color: #9e948a;
padding:10px 25px;
border-radius:4px;
color: #fff; text-decoration: none;
border: none;
}
.button__text {
width:100%;
height:100%;
color: #fff; text-decoration: none;
}
.button__text:hover {
color: #fff; text-decoration: none;
}
.button__text:active {
color: #fff; text-decoration: none;
}
.button__text:visited {
color: #fff; text-decoration: none;
}
a:hover {
color: #9e948a;
}
a:active {
color: #9e948a;
}
a:visited {
color: #9e948a;
}
@media (max-width: 600px) {
.container {
width: 94% !important;
}
.main-action-cell {
float: none !important; margin-right: 0 !important;
}
.secondary-action-cell {
text-align: center; width: 100%;
}
.header {
margin-top: 20px !important; margin-bottom: 2px !important;
}
.shop-name__cell {
display: block;
}
.order-number__cell {
display: block; text-align: left !important; margin-top: 20px;
}
.po-number__cell {
display: block; text-align: left !important; margin-top: 5px;
}
.button {
width: 100%;
}
.or {
margin-right: 0 !important;
}
.apple-wallet-button {
text-align: center;
}
.customer-info__item {
display: block; width: 100% !important;
}
.spacer {
display: none;
}
.subtotal-spacer {
display: none;
}
}
.welcome_text{
  font-weight:600px;
  font-size:18px;
  text-align:center;
}

.admin_text{
  font-weight:600px;
  font-size:18px;
  text-align:center;
  font-weight:900;
  color:red;
}

.icon{
  position: absolute;
  margin-left: 10px;
  font-weight:800;
  font-size:20px;
  background-color: grey;
  color: white;
  border-radius: 50%;
  text-align: center;
  width: 24px;
}

.tableFixHead th {
        position: sticky; /* make the table heads sticky */
        top: 0px; /* table head will be placed from the top of the table and sticks to it */
        background:white;
      }

#searchInput {
  width: 95%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

.green_highlight{
  background-color: green;
  opacity: 0.6;
  color: black;
}

.orange_highlight{
  background-color: orange;
  opacity: 0.6;
  color: black;
}

.red_highlight{
  background-color: red;
  opacity: 0.6;
  color: black;
}

.title_img {
    display: block;
    align-content: center;
    text-decoration: none;
    font-size: larger;
    padding: 15px;
    margin-bottom: 20px;
    height: 75px;
    width: 250px;
    color: black;
    background-color: white;
    border: 1px solid;
    border-radius: 10px;
    margin-right: 20px;
}

.title_txt{
  margin-bottom:10px;
  font-weight:bolder;
}

.language_switcher{
  padding-right:15px;
  padding-top:10px;
  right:0px;
  position:absolute;
}

.half-column{
  flex:50%;
}

.row{
  display:flex;
}

.addressType{
  width:70px;
  padding:5px;
  text-align:center;
  border: 1px solid black;
  background-color:lightgrey;
  font-weight:bold;
  font-size:12px;
  line-height:100%;
}

.addressTypeContainer{
  margin-top:20px;
  display:flex;
  justify-content: center;
  gap: 10px;
}

.masterdataLine{
  text-align:left;
}

.masterdataLine label{
  margin-left: 10%;
}

.masterdataLine input{
  width:90%;
}

.masterdataTable{
  width:100%
}

.hidden {
  display: none;
}

.saved {
  border: 2px solid green;
}

.manualChangeInfo{
  font-size:10px;
  margin-top:10px;
  margin-bottom:10px;
}

.confirm_checkbox{
  margin-top:15px;
}