* {
  margin: 0;
  padding: 0;
}
/* Tell the browser to render HTML 5 elements as block */
header,
footer,
aside,
nav,
article {
  display: block;
}

html,
body {
}

.logo_wrapper {
  float: none;
  margin: 0 auto;
}

#header {
  display: block;
  margin: 1em;
}

.header_logo {
  height: 40px;
  float: none;
  margin: auto;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type='text'] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type='password'] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#createLocInSectorId {
  display: none;
}

#sectorLocAjaxRespond {
  max-height: 10em;
  height: 10em;
  display: block;
  overflow: scroll;
}

#ajaxAllLocationsID {
  max-height: 100em;
  height: 100em;
  display: block;
  overflow: scroll;
}

#loadingIcon {
  display: none;
  width: 100%;
  position: fixed;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1000000;
  background: rgba(255, 255, 255, 0.2);
}

#loadingIcon img {
  width: 160px;
  height: 24px;
  position: absolute;
  top: 45%;
  left: 50%;
  margin-left: -80px;
  margin-top: -12px;
  display: block;
  z-index: 11111111111;
}

#sectorFreeLocationsID,
#sectorTakenLocationsID {
  max-height: 20em;
  height: 20em;
  display: block;
  overflow: scroll;
}

#allFeaturesTblID span {
  cursor: pointer;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

fieldset.fieldsetNoBorders {
  border: 0 none;
}

body .icon-selected {
  border: 1px solid #333;
}

body .modal-wide {
  width: 90%; /* or whatever you wish */
}

#ui-datepicker-div {
  z-index: 1000000 !important;
}

a:hover div.well {
  color: red;
}

.selectedBox {
  border: 1px solid #02639d !important;
}

#assignProductsWrapperID div.thumbnail {
}
#shopsContainerID,
#categoriesContainerID,
#categoryDescriptionID {
  height: 200px;
  display: block;
  overflow-y: scroll;
}

#shopsContainerID ul {
  list-style: none;
}
#shopsContainerID ul li label,
#categoriesContainerID ul li label {
  font-weight: normal;
  cursor: pointer;
  width: 100%;
  margin: 0 !important;
}

#categoriesContainerID ul li span {
  cursor: pointer;
}

#brandCombinationsWrapperID ul {
  list-style: none;
}
#brandCombinationsWrapperID ul label {
  width: 100%;
  cursor: pointer;
}

.modal-full {
  width: 100%;
  height: 100%;
  margin: 0px;
  background: #ffffff;
}

.fade12 {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.fade12.in {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

#ajaxOrderListWrapperID .table-hover > tbody > tr:hover > td,
#ajaxOrderListWrapperID .table-hover > tbody > tr:hover > th {
  background-color: rgba(255, 230, 171, 0.6);
}

a.pakkeshopItem {
  border: none;
  display: block;
  text-decoration: none;
}
a.pakkeshopItem:hover {
  -webkit-box-shadow: 1px 2px 18px 0px rgba(173, 133, 41, 0.91);
  -moz-box-shadow: 1px 2px 18px 0px rgba(173, 133, 41, 0.91);
  box-shadow: 1px 2px 18px 0px rgba(173, 133, 41, 0.91);
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.thumbnail a > img.img-list-responsive {
  display: block;
  height: auto;
  max-width: 60%;
}

.error {
  color: red;
}
.item-selected,
.btn.item-selected:hover {
  /*background: #0C6BE2;*/
  border: 1px solid #000044;
  /*color: #fff!important;*/
}

.sub-category {
  color: #545454;
}

.childlevel4-category {
  color: #981a1a;
}

.childlevel5-category {
  color: #f77373;
}

.item-selected-manually,
.btn.item-selected-manually:hover {
  /*background: #144D94;*/
  /*color: #fff!important;*/
  border: 1px solid red;
}
.ui-progressbar {
  position: relative;
}
#progressbar .ui-progressbar-value {
  background-color: #e8c51a !important;
}
.progress-label {
  position: absolute;
  left: 50%;
  top: 4px;
  font-weight: normal;
  text-shadow: 1px 1px 0 #fff;
}

.content-list {
  display: flex;
  float: none;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: scroll;
}

.content-item {
  position: relative;
  display: flex;
  width: 500px !important;
  min-width: 400px;
  height: 800px !important;
  margin-right: 1em;
  flex-direction: column;
  flex: 1;
  list-style: none;
}

.image-actions {
  display: flex;
}

.image-actions .action {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  padding: 1em 1.5em;
  margin-right: 1em;
  cursor: pointer;
}

.image-actions .action .title {
  text-align: center;
  align-content: center;
  align-items: center;
  text-transform: capitalize;
  font-size: 0.6em;
}

.image-actions .action .icon {
  text-align: center;
  align-content: center;
  align-items: center;
  opacity: 0.5;
}

.image-actions .action:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.image-actions .action:hover .icon {
  opacity: 1;
}
.image-actions .action:hover .title {
  color: #000;
}

.vertical-center {
  display: flex;
  align-items: center;
}
.media_wrapper {
  display: flex;
  flex-wrap: wrap;
}

.media_wrapper .thumb {
  display: flex;
  position: relative;
  flex-direction: column;
  border: 1px solid #ccc;
  padding: 1em 1.5em;
  margin-right: 1em;
  margin-bottom: 1em;
  flex: 1 !important;
  max-width: 300px;
  cursor: pointer;
}

.media_wrapper .thumb.active {
  border: 2px solid #000;
}

#media_action_wrapper {
  position: absolute;
  top: 90%;
  left: 2%;
  min-height: 50px;
  max-width: 600px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #0e90d2;
  padding: 1em;
}

.hide {
  display: none;
}

#ps_category_wrapper {
  display: block;
  border: 1px solid #cdcdcd;
  margin-bottom: 1em;
  margin-top: 0.5em;
}

.ps_category_item,
.manufacturer_item,
.brand_item {
  border-bottom: 1px solid #cdcdcd;
  padding: 5px 0;
  margin: 0;
}

.ps_category_item div.name {
  /*font-weight:bold;*/
  width: 100%;
  font-size: 120%;
  display: block;
}
.ps_category_item div.name span {
  width: 100%;
  display: block;
}

.ps_category_item.level-0 div.name {
  padding-left: 0;
}

.ps_category_item.level-1 div.name {
  padding-left: 20px;
}

.ps_category_item.level-2 div.name {
  padding-left: 40px;
}

.ps_category_item.level-3 div.name {
  padding-left: 60px;
}

.ps_category_item.level-4 div.name {
  padding-left: 80px;
}

.ps_category_item.level-5 div.name {
  padding-left: 100px;
}

.ps_category_item.level-6 div.name {
  padding-left: 120px;
}

i.collapse-items {
  cursor: pointer;
}
.ps_category_item:hover {
  background: #c7ffd8 !important;
}

ul.slider_types {
  list-style: none;
}

ul.slider_types li label {
  font-weight: normal;
}

.hover-me {
  height: 100px !important;
  overflow: hidden !important;
}

.filter_wrapper {
  -webkit-box-shadow: 5px 32px 63px -39px rgba(70, 140, 206, 0.75);
  -moz-box-shadow: 5px 32px 63px -39px rgba(70, 140, 206, 0.75);
  box-shadow: 5px 32px 63px -39px rgba(70, 140, 206, 0.75);
  padding-bottom: 1em;
}

.filter_wrapper #manufacturersID option {
  padding: 0.8em;
  border-bottom: 1px solid #c3c3c3;
}

.divider-line {
  background: #428bca;
  width: 100%;
  height: 1px;
  display: block;
}

.arrow-down {
  content: '';
  width: 10px;
  height: 10px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #428bca;
  margin-left: 45%;
  cursor: pointer;
  display: block;
  position: relative;
}

.arrow-up {
  position: absolute;
  top: -14px;
  left: 45%;
  display: inline-block;
  position: relative;
  background: #428bca;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.arrow-up::after {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 20px solid #428bca;
  border-top: 20px solid transparent;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.in-group-btn {
  cursor: pointer;
}

.attribute_group_panel {
  cursor: pointer;
  display: block;
}

.attribute_group_panel:hover {
  border-color: cornflowerblue;
}

.attribute_group_panel.active {
  border-color: orangered;
}

@media only screen and (min-width: 768px) {
  .is-table-row {
    display: table;
  }
  .is-table-row [class*='col-'] {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}

a.sortByMe {
  color: black;
}

a.sortByMe:hover,
a.sortByMe:focus,
a.sortByMe:active,
a.sortByMe:visited {
  color: black !important;
}

.return-step1-wrapper {
  width: 100%;
  height: 60vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 8em;
}

/*.return-barcode{*/
/*    max-width: 400px;*/
/*    height: 80px;*/
/*}*/

.claim-item-status-list {
}

.claim-item-status-list li {
  list-style: none;
}

.om-claim-item-status {
  padding: 2rem !important;
  margin: 0.5rem auto !important;
}

.claim-message-footer,
.claim-message-title,
.claim-message-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.list-field {
  min-width: 130px !important;
  display: block!important;
}