*{
    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:.6em;
}


.image-actions .action .icon{
    text-align: center;
    align-content: center;
    align-items: center;
    opacity:.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:.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;
}