.header {
  background-color: #f8f8f8;
  border-bottom: 4px solid #0C875C;
  height: 100%;
}

.custom-container {
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  /*width: 80%;*/
  /*margin: 0 auto;*/
  /*padding-top: .5%;*/
  /*margin-bottom: 1%;*/
}

.header-bottom {
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  /*width: 100%;*/
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
}

.logo {
  color: #0C875C;
  font-weight: bold;
  font-size: large;
  font-style: italic;
  font-family: Helvetica, serif;
}

.logo img {
  max-height: 40px;
  width: 90%;
  margin-right: 10px;
}

.separator {
  font-size: 30px;
  margin-left: 10px;
  margin-right: 10px;
  color: #aaaaaa;
  cursor: default;
}

.header-info {
  display: flex;
  align-items: center;
}

.header-info span {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 14px;
  color: #0C875C;
}

.header-info span i {
  margin-right: 3px;
}


.header-actions {
  display: flex;
  align-items: center;
}


.header-top {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 10px;
  width: 100%;
}

.language-switch {
  display: flex;
  align-items: center;
  justify-content: center;
}

.language-switch span {
  font-size: large;
  margin-left: 4px;
  margin-right: 4px;
  color: transparent;
  cursor: default;
}

.selected-flag {
  border: 3px solid #0C875C;
}

.lang-flag {
  height: 15px;
  width: 20px;
  border-radius: 4px;
  cursor: pointer;
}

.header-buttons {
  padding-top: .5%;
}

.btn-shop {
  border: 2px solid #0C875C;
  border-radius: .75rem;
  color: #0C875C;
  padding: 10px 15px;
  font-weight: bold !important;
  cursor: pointer;
  background-color: transparent;
}

.btn-shop:hover {
  background-color: #0C875C;
  color: #ffffff !important;
}

.invoice-info-wrapper {
  background-color: #0C875C;
}

.invoice-info {
  color: #ffffff;
}

.invoice-info p {
  margin-bottom: 0;
  padding: 2px 5px;
}

#reload {
  border: none;
  border-radius: .75rem;
  color: #0C875C;
  padding: 10px 15px;
  font-weight: bold !important;
  cursor: pointer;
  background-color: #ffffff;
  margin-left: 15px;
}

.phone {
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 180px;
}

.phone-info {
  display: flex;
  flex-direction: column;
  color: #0C875C;
}

.phone i {
  font-size: 20px;
  color: #0C875C;
}

nav a {
  color: #0C875C !important;
}

.underline {
  margin: 0;
  padding: 5px 5px 5px 5px;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
}

/*@media screen and (max-width: 880px) {*/
/*    .custom-container {*/
/*      width: 95%;*/
/*    }*/
/*    body, html*/
/*    {*/
/*        !*width: 880px;*!*/
/*        height: 100vh;*/
/*    }*/
/*    .header-info*/
/*    {*/
/*        padding-left: 5px;*/
/*    }*/
/*  }*/