.panel {
  margin: 10px 10px 0px 10px;
}

.fa-warning {
  color: #ffc107;
}

.main-logo {
  top: -20px;
  left: 25px;
  width: 200px;
  position: absolute;
  z-index: 99;
}

.shop-picture {
  overflow: hidden;
}

.body {
  /*background-image: url("../../img/background_pattern.png");
  background-repeat: repeat-y repeat-x;
  background-size: 5%;*/
}

.card {
  background-color: #fff;
  box-shadow: 0px 2px 10px black;
  border-radius: 0px !important;
}

.body > .card {
  margin: 10px 0px 10px 10px;
}

.card-container {
  display:-ms-flexbox;
  display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;
}

.card-container > .card {
  margin: 10px 10px 10px 10px;
  background-color: #f8f8f8;
  border: 0px;
}

.card-container > .card {
  width:246px;
  height: 500px;
}

.shop-picture {
  height: 273px;
}

.tile {
  height: 273px;
}

.shop-card-buttons {
  position:absolute; 
  bottom:0;
}

@media (min-width: 576px) and (max-width: 767px) {

  .dropdown-menu-large-6 {
    right:0%;
    left:0% !important;
  }

  .dropdown-menu-large-5 {
    right:0%;
    left:0% !important;
  }

  .dropdown-menu-large-4 {
    right:5%;
    left:5% !important;
  }

  .dropdown-menu-large-3 {
    right:10%;
    left:10% !important;
  }

  .dropdown-menu-large-2 {
    right:15%;
    left:15% !important;
  }

  .dropdown-menu-large-1 {
    right:20%;
    left:20% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .dropdown-menu-large-6 {
    right:0%;
    left:0% !important;
  }

  .dropdown-menu-large-5 {
    right:0%;
    left:0% !important;
  }

  .dropdown-menu-large-4 {
    right:5%;
    left:5% !important;
  }

  .dropdown-menu-large-3 {
    right:10%;
    left:10% !important;
  }

  .dropdown-menu-large-2 {
    right:15%;
    left:15% !important;
  }

  .dropdown-menu-large-1 {
    right:20%;
    left:20% !important;
  }
}

@media (min-width: 992px) and (max-width: 1324px) {

  .dropdown-menu-large-6 {
    right:5%;
    left:5% !important;
  }

  .dropdown-menu-large-5 {
    right:10%;
    left:10% !important;
  }

  .dropdown-menu-large-4 {
    right:15%;
    left:15% !important;
  }

  .dropdown-menu-large-3 {
    right:20%;
    left:20% !important;
  }

  .dropdown-menu-large-2 {
    right:25%;
    left:25% !important;
  }

  .dropdown-menu-large-1 {
    right:30%;
    left:30% !important;
  }
}

@media (min-width: 1325px) { 

  .dropdown-menu-large-6 {
    right:5%;
    left:5% !important;
  }

  .dropdown-menu-large-5 {
    right:10%;
    left:10% !important;
  }

  .dropdown-menu-large-4 {
    right:15%;
    left:15% !important;
  }

  .dropdown-menu-large-3 {
    right:20%;
    left:20% !important;
  }

  .dropdown-menu-large-2 {
    right:25%;
    left:25% !important;
  }

  .dropdown-menu-large-1 {
    right:30%;
    left:30% !important;
  }
}

.body-content {
  padding: 10px;
}

.dropdown-large {
  position: static !important;
}

.space-brand {
  width:280px;
}

.header {
  background-image: url("../img/header.png");
  background-repeat: repeat-x;
  height: 45px;
  width: 100%;
}

.footer {
  margin-top: 0px;
  background-image: url("../img/footer.png");
  background-repeat: repeat-x;
  height: 0px;
  width: 100%;
  border-top: 0px white solid;
  position: fixed;
  z-index: 99;
  bottom: 0px;

  box-shadow: 0px -4px 10px black;
}

.nav-link {
  font-size: 20px;
  color: #000;
}

.navbar {
  max-height: 50px;
  box-shadow: 0px 2px 5px black;
}

.search-bar {
  z-index: 0 !important;
  position: static !important;
}

.dropdown-menu {
  box-shadow: 0px 2px 5px 0px black;
  border-radius: 0px !important;
  z-index:4;
  font-weight: bold;
  font-family: "Arial";
}

.callout-info {
  border-left: 5px #17a2b8 solid !important;
}

.callout-primary {
  border-left: 5px #007bff solid !important;
}

.callout-secondary {
  border-left: 5px #868e96 solid !important;
}

.callout-success {
  border-left: 5px #218838 solid !important;
}

.callout-warning {
  border-left: 5px #ffc107 solid !important;
}

.callout-danger {
  border-left: 5px #dc3545 solid !important;
}

.btn-text-large {
  font-size: 17px;
}

.card-message {
  position: absolute;
  display: inline-block;
  width: 100%;
  border-radius: 0px;
}

.tiles {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
}

.tile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.tile-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.colour-group {
  position: absolute;
  right: 0;
  bottom: 0;
}

.cart-amm {
  max-width:40px;
}

.up-down {
  background-color: #c3e6cb;
}

.checkout {
  margin-right: 10px;
}

.fc-warning {
  color: #ffc107;
}

.fc-danger {
  color: #dc3545;
}

.payfast-logo {
  width:90%;
}

.body {
  min-height: 400px;
}

.fc-dark {
  background-color: #666666
}

.content-body {
  min-height: 400px;
  overflow: hidden;
}

.scrolldiv-sm {
  max-height: 25vw;
  overflow-y: scroll;
}

.scrolldiv-md {
  max-height: 35vw;
  overflow-y: scroll;
}

.scrolldiv-lg {
  max-height: 45vw;
  overflow-y: scroll;
}

.img-close {
  position: absolute;
  right: 0px;
  top: 0px;
  border: 0px;

}

.img-left {
  position: absolute;
  bottom: 0px;
  left: 0px;
  border: 0px;
}

.img-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  border: 0px;
}

.img-index {
  min-height: 200px; 
  width:100%; 
  overflow-x: scroll;
}

.stock-tag {
  width: 10%
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}

.dropzone {
  position: absolute;
  width: 96%;
  height: 30%;

  background: #dddddd;
  border: 10px dashed #aaaaaa;
  z-index: 1;

  opacity: 0.9;
}

.dropzone-label {
  position: relative;
  color: #aaaaaa;
  width: 100%;
  height: 100%;
  line-height: 200px;
  text-align: center;
  vertical-align: middle;
}

.navbar .dropdown-menu:after {
 display:none;
}

.contact {
  box-shadow: 0px -2px 5px black;
  position: relative;
  z-index: 2;
}

p {
  font-family: "Helvetica";
}

.topmessage {
  background-color: #000;
  color: #fff;
  font-family: "Arial";
  padding:10px;
  width:100%; 
  height: 50px;
  line-height: 30px;
  display: none;
  overflow: hidden;
  box-shadow: 0px 2px 5px black;
  position: static;
}

.close-light {
   color: #fff !important;
}

.btn-darker {
  max-height: 32px;
  background-color: #000;
  color: #fff;
  border: 3px solid #fff;
  line-height: 25px;
  font-size: 12.5px;
}

.window {
  width:100%;
}

.window-block {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.window-back {
  width:100%;
}

.window-item {
  right:52%;
  top:5%;
  height:90%;
  position: absolute;
  z-index:3;
}

.window-title {
  left:50%;
  bottom:50%;
  position: absolute;
  font-family: "Arial Black";
  font-weight: bold;
  z-index:3;
}

.window-text {
  left:50%;
  width:45%;
  top:50%;
  position: absolute;
  font-size: 85%;
  font-family: "Arial";
  font-weight: bold;
  color: #333;
  z-index:3;
}

.window-item-flip {
  left:52%;
  top:5%;
  height:90%;
  position: absolute;
  z-index:3;
}

.window-title-flip {
  left:5%;
  bottom:50%;
  position: absolute;
  font-family: "Arial Black";
  font-weight: bold;
  z-index:3;
}

.window-text-flip {
  left:5%;
  top:50%;
  width:45%;
  position: absolute;
  font-family: "Arial";
  font-weight: bold;
  color: #333;
  z-index:3;
}

.window-item-prime {
  left:70%;
  top:5%;
  height:90%;
  position: absolute;
  /*z-index:3;*/
}

.window-title-prime {
  left:5%;
  bottom:50%;
  position: absolute;
  font-family: "Arial Black";
  font-weight: bold;
  /*z-index:3;*/
}

.window-text-prime {
  left:5%;
  top:50%;
  width:60%;
  position: absolute;
  font-family: "Arial";
  font-weight: bold;
  color: #333;
  /*z-index:3;*/
}

.oversize {
  height:150% !important;
  right:35% !important;
}

.oversize-flip {
  height:150% !important;
  left:31% !important;
}

.window-te-1 {
  font-size: 170%;
}

.window-te-2 {
  font-size: 85%;
}

.window-te-3 {
  font-size: 70%;
}

.window-te-4 {
  font-size: 75%;
}

.window-te-5 {
  font-size: 60%;
}

.window-t-1 {
  font-size: 600%;
}

.window-t-2 {
  font-size: 450%;
}

.window-t-3 {
  font-size: 200%;
}

.window-t-4 {
  font-size: 150%;
}

.window-t-5 {
  font-size: 120%;
}

.window-main {
  width: 100%;
}

.window-med {
  width: 100%;
}

td {
  padding: 0px;
}

.card-header {
  max-height: 35px;
  padding: 5px;
}

.card-xs {
  max-height: 35px;
  padding: 5px;
}

.cart-tr {
  max-height: 30px !important;
}

.btn-xs {
  height:27px;

  padding: 2px 10px 2px 10px;
}

.btn-1o3 {
  width: 17%;
  margin: 0px 20px 0px 20px;
}

.btn-2o3 {
  width: 75%;
}

.form-control-sec {
  max-height: 35px !important;
  z-index: -1;
}

select.form-control {
  padding: 2px 10px 2px 10px;
}

.form-group {
  margin-bottom: 0px;
}

.bottom-div {
  position: absolute;
  bottom: 0px;
}