.panel-body  {
  background-color: #efefef;
}

#second, #separator, #blog, #content, #random-image {
  padding: 15px 0;
}

#index .section-3-col-bottom-text {
  padding-top: 0px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

  border-top: none
}


* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.column-op {
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 80%;
  padding: 10px;
}
.column-pz {
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 20%;
  padding: 10px;
}



@media screen and (max-width: 600px) {
  .column-op {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .column-pz {
    width: 100%;
  }
}
.col-md-4s {
  width: 25%;
}

#top-ribbon .form-control {
  background: #ffffff;
}

/* E-shop collapsing menu */
#list-panel-categories > li > a {
  padding-right: 30px;
}
#list-panel-categories > li > a.expandable::after {
  content: "\f107";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  top: 10px;
  transition: .4s;
}
#list-panel-categories > li > a.expandable.active::after {
  transform: rotate(180deg);
  transition: .4s;
}

.nav.level2 {
  display: none;
}

#list-panel-categories .active .nav.level2 {
  display: block;
}

/* skrytí "běžné ceny" v e-shopu */
#prices-original {display: none} 

.price-original-vat {
  display: none;
}