.right-sec {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.right-sec .right-icon {
    width: 40%;
}

.right-sec .right-detail {
    width: 60%;
    padding-left: 2%;
}

.right-sec .right-icon img {
    width: 100% !important;
}

.right-sec .right-detail span {
    width: 100%;
    display: block;
    font-weight: 200;
}

.right-sec .right-detail p {
    color: #4c74a1;
    font-weight: 600;
}

.block-01 {
    border: solid 1px #6892BE;
    border-radius: 3px;
    background: #fff;
 }

.block-01 br{display: none;}

.block-01 h4 {
    margin-left: -2%;
    margin-right: -2%;
    background: #fceea8;
    padding: 3%;
    margin-bottom: 0px
}

.hedding2 h6 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #33475b;
    margin: 0px;
}

.hedding2 h6 span {
    font-weight: 200;
    font-size: 13px;
    color: #336fba;
}

.hedding2 {
    padding: 30px 2% 30px 2%;
    background: #f5f8fa;
    border-bottom: solid 1px #dfe0e0;
    border-top: solid 1px #dfe0e0;
}

.p0 {
    padding: 0px !important;
}

.hedding11 {
    padding: 15px 2% 15px 2%;
}

.hedding11 h5 {
    margin: 0px;
    color: #4C74A1;
        font-size: 18px;
}

.flx {
    display: flex;
    align-items: center;
}

.or-txt {
    padding: 0% 10% 0% 3%;
}

.block-02{padding-top: 25px}


.block-02 .chosen-single{ border-radius: 3px !important; background: #fff; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);     border: solid 1px #dee4ea; height: 50px;}

.block-02 .chosen-single div b{background-position: -2px 13px;}
.block-02 .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-16px 13px}

.block-02 .chosen-container-single{padding: 10px 0px 10px 0px;}

.block-02 .chosen-single span{ height: 100%; padding: 10px;    font-size: 14px; line-height: 28px; }

.block-01 .link.addToCartVal{ width: 100%;padding: 20px 0px 20px 0px;font-size: 14px;margin:0;}

.total-txt{float: left;}
.total-val{ float: right; }

.block-01 p{display: block; width: 100%; float: left; padding-left: 5%; padding-right: 5%;    text-transform: uppercase;font-size: 13px;color: #171717;font-weight: 500;}
.block-01 p.total-box{font-size:16px;color:#33475B;}
.pl-0 {padding-left: 0px}
.pr-0{ padding-right: 0px }

.block-01 h5{font-weight: inherit; font-size: 18px; border-bottom: solid 1px #DFE3EB; padding: 15px 5% 15px 5%; color:#4C74A1; font-weight: 400 !important;}

.total-box{background: #fdefa9; margin: 0px; padding: 15px 0px 15px 0px}
.top-head{border: solid 1px #6597ff; padding: 10px 3% 10px 3% }
.top-head p, .top-head h5{margin: 0px}

.top-head h5 a{background: #eaf0f6; border: solid 1px #bdc9d6; -webkit-border-radius: 5px; border-radius: 5px; font-weight: 500;
    font-size: 12px;
    padding: 5px 20px 5px 20px; }

    .top-head .total-txt p{ font-weight: 300;  color: #4c74a1; font-weight: 400 !important; font-size: 17px }

    .list-group-item h6{ font-size: 25px; font-weight: 300; color: #232c33;  font-size:17px; font-weight:700;}
    .list-group-item h6 span{ font-size: 13px; font-weight: 300; padding-left: 15px }
    .list-group-item{border: solid 1px #6597ff;}




.right-block-01 {
  border: solid 1px #A1BBD7;
  margin-bottom: 15px;
  background:#fff;
  border-radius:3px;
}

.rght-title-box {
    border-bottom: solid 1px #A1BBD7;
    padding: 15px 5% 15px 5%;
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.rght-title-box h6 {
    float: left;
    font-size: 18px;
    font-weight: 300;
    color: #4C74A1;
    margin: 0px;
}

.edit-but {
    float: right;
    border: solid 1px rgba(167, 186, 206, 0.51) !important;
    padding:7px 6% 5px 6%;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    background: #EAF0F6;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
}

.edit-but:hover {
    text-decoration: none;
    background: #d7dfe6;
}

.right-txt-block {
    float: left;
    width: 100%;
    padding: 5%;
    border-bottom: solid 1px #A1BBD7;
}

.right-txt-block h6 {
    font-weight: bold;
    font-size: 17px;
    color: #35414C;
    margin: 0px 0px 15px 0px;
}

.right-txt-block>h6>span {
    font-size: 11px;
    padding: 0px 10px 0px 10px;
    font-weight:300;
}

.detail-list {
    padding: 0px;
    margin: 0px;
}

.detail-list li {
    list-style: none;
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.sub-cl-01 {
    width:60%;
    float: left;
}

.sub-cl-02 {
    width: 40%;
    float: left;
    border-left: solid 1px #d6d6d6;
    padding-left: 5%;
 
}

.sub-cl-02 h6 {
    font-size: 14px;
    margin: 0px;
}
.right-block-01 .sub-cl-02 h6{
  font-weight:300;
}
.right-block-01 .sub-cl-02 span{
  font-weight:bold;
}
.sub-cl-02 span {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #7193F1;
    text-transform: uppercase;
}

.sub-cl-01 p {
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
}

.rght-title-box .edit-but {
    margin-left: auto;
}

.right-block-01 :last-child{border-bottom: none;}



.option-box-main {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 2% 15px 2%;
    border: solid 1px #e0e6ec;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 100%
}

.img-block {
    float: left;
    width: 57px;
    height: 57px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.option-text-box {
    width: calc(100% - 130px);
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.option-text-box h3 {
    margin: 0px 0px 0px 0px;
    font-size: 17px;
    font-weight: 400;
}

.option-text-box p {
    margin: 0px;
    font-size: 14px;
    font-weight: 300;
   color: #35414C;
}

.img-block img {
    width: 100%;
}

.edit-but-02 {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #35414C;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    padding: 7px 3% 7px 3%;
}

.edit-but-02:hover {
    color: #fff;
    background: #495a6a;
    text-decoration: none;
}

.tbl-cl-01 {
    width: 50%;
}

.tbl-cl-02 {
    width: 32%;
}

.tbl-cl-03 {
    width: 18%;
}

.tbl-cl-03 select {
    width: 100%;
}

.list-row-02 .option-text-box {
    width: calc(100% - 65px);
}

.tbl-cl-01 p span {
    padding-left: 3%;
    font-weight: 500;
}

.radius-0 {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.cls-but {
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -7px;
     width: 17px;
     border: solid 1px #888888;
    height: 17px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    font-size: 13px;
}

.cls-but:hover{ background: #35414C; color: #fff }

.pt-0{padding-top: 0px !important}


.white-box .add-product-block ul li .textbox{ height: 55px !important; -webkit-border-radius: 5px; border-radius: 5px; border:solid 1px #dee4ea; }


.white-box .add-product-block ul li span.label{  -webkit-border-radius: 5px; border-radius: 5px; border:solid 1px #dee4ea; }

.white-box .add-product-block ul li .button{background: #FEFBEB !important; border:solid 1px #dee4ea !important; padding: 5px 4% 5px 4%; width: auto !important; height: auto !important; color: #506E91 !important; font-size: 12px !important ; text-transform: uppercase;}
.white-box .add-product-block  ul li span.label{height: 55px !important;}
 
.white-box .add-product-block ul li .link {height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 350px;}

button.link.addnewProductonshelf{
 text-shadow:none;
 color: #000000;
 text-transform: uppercase;
 font-family: 'Avenir Next Demi';
 font-weight: 600;
 font-size: 12px;
 text-align: center;
 line-height: 35px;
 padding: 0 20px;
}
li.productvalbutton{
  display:flex;
}

.container-check{padding: 15px 0px 15px 0px}
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: solid 1px #dee4ea;
  -webkit-border-radius: 3px;
border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
container-check input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
  left: 10px;
  top: 8px;
  width: 5px;
  height: 10px;
  border: solid #35414c;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.container-check{padding-left: 35px;     padding-top: 5px;}

.sub-cl-01 .list-group li{
  display:flex;
  align-items:center;
}
.sub-cl-01 .list-group li .product-icon {
    width: 57px;
}
.sub-cl-01 .list-group li .pro-desc{
  width: calc(100% - 90px);;
  margin-left: 15px;
}
.sub-cl-01 .list-group li .pro-desc h6{
  color:#000000;
  font-size:15px;
  margin-bottom:0;
  font-weight: 400;
}
.sub-cl-01 .list-group li .pro-desc p{
 color:#35414C;
 font-size:13px;
 font-family: 'Avenir Next Demi';
 font-weight: 600;
}
.sub-cl-01.shelf-product01{
  width:100%;
}
.sub-cl-01.shelf-product01 .list-group li:last-child{
  margin-bottom:0;
}

.choosedPRD .tbl-cl-03.tbl-cl-03a{width:26%; font-size: 12px; display: flex; align-items: center; flex-wrap: wrap;}
.choosedPRD .tbl-cl-03.tbl-cl-03a .form-check-label{vertical-align: text-top; padding-left: 2px; padding-right: 2px;}
.choosedPRD .tbl-cl-03.tbl-cl-03a .form-check-input{ margin-top: 0px;}
.choosedPRD .tbl-cl-03{width: 26%;}
.choosedPRD .tbl-cl-02{width:25%;}
.choosedPRD .tbl-cl-01{width:34%;}
.choosedPRD .tbl-cl-01 h3{font-size:17px;color:#000;}
.tbl-cl-03 .text-box{ height:30px;
    background-color:#fff;
    border-radius:3px;
    border:none;
    width: 100%;
    outline:none;
    padding:0 10px;
    font-size:14px;
    font-family: 'Avenir Next';
    color:#060606;
    border:1px solid #CBD6E2}

.container.terms p{font-size: 12px;}

.but-02a{
    font-size: 12px;
    text-transform: uppercase;
    color: #506E91;
    font-family: 'Avenir Next Demi';
    font-weight: 600;
    background: #eaf0f6;
    display: block;
    border-radius: 3px;
     
    padding: 10px 0 7px 0;
    margin: 0% 4% 0% 4%;
    text-align: center;
    border: 1px solid #e0e7ef;
    margin-bottom: 30px;
}

.display-inline{ display: inline-block !important;}

.link.addnewProduct{
    color: #fff;
    font-size: 12px;
    padding: 10px 30px;
    text-transform: uppercase;
    background: #35414C;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    border: none;
    line-height: 18px;
    font-weight: 600;
    text-shadow:none;
}
.add-product-block h5{
  font-size: 25px;
  margin: 25px 0 15px 0;
  font-weight: 700;
  color: #33475b;
}
.space-detail-page.add-to-cart-page .white-box ul li span.label .button{
   right: 6px;
   top: 6px;
}
  .ui-menu .ui-menu-item {
  position:relative;
  padding:10px 15px  ;
}
 .ui-menu .ui-menu-item::before{
  content:"";
  display:inline-block;
  background:url(../images/store.png) no-repeat;
  width:20px;
  height:20px;
  vertical-align: text-bottom;
  margin-right: 10px;
 
}
.space_list_body  #ui-id-1.ui-widget.ui-widget-content{
   padding-left:0 !important;
   padding-right: 0 !important;
}
.space-detail-page.add-to-cart-page .col-6.col-md-3{
  padding-left:0;
}



.text-box.inputclassstack{ width:44%; padding-right: 3px; padding-left: 3px;}

.latest-updates .update-boxes ul li .color{ padding-left: 5px; padding-right: 5px;}


.form-wrapper {
	max-width: 30%;
	min-width: 300px;
	padding: 50px 30px 50px 30px;
	margin: 50px auto;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.form-group {
	position: relative;
}

.form-group + .form-group {
	margin-top: 30px;
}

.form-label {
	position: absolute;
	left: 16px;
    top: 19px;
	color: #999;
    cursor: inherit;
	background-color: #fff;
	z-index: 10;
  margin: 0px  !important;
	transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.focused .form-label {
	transform: translateY(-125%);
	font-size: .75em;
}

.form-input {
	position: relative;
	padding: 12px 0px 5px 0;
	width: 100%;
	outline: 0;
	border: 0;
	box-shadow: 0 1px 0 0 #e5e5e5;
	transition: box-shadow 150ms ease-out;
}

.form-input:focus {
	box-shadow: 0 2px 0 0 blue;
}

.form-input.filled {
	box-shadow: 0 2px 0 0 lightgreen;
}


 label.error{ position: static !important; margin-top: 5px !important;}

.no-place-holder .form-label{display: none;}
.form-group .form-label{display: block;}

.form-group.focused .form-label{ font-size: 10px;  color: #8c8b8b;}



.mfp-close{ width:22px !important;
    height:22px !important;
    background:url(../images/white-close.png) no-repeat;
    background-color: #35414c;
    border-color: #fff !important;
    top: -30px;
    right: -30px;}

.no-result-found{padding: 2%;  text-align: center; margin-bottom: -30px;}


.mfp-container{ background: rgba(0,0,0,0.5);}

::selection {
    color: #fff;
    background: #3390ff;
  }


  .wish.shelves-whishlist{ width: 25px; height: 25px; cursor: pointer;}
  .wish.shelves-whishlist img{ width: 100%; }


  [data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  
  /* Hide the tooltip content by default */
  [data-tooltip]:before,
  [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
  }
  
  /* Position tooltip above the element */
  [data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 200;
  }
  
  /* Triangle hack to make tooltip look like a speech bubble */
  [data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
  }
  
  /* Show tooltip content on hover */
  [data-tooltip]:hover:before,
  [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

.messsage-bx p{
  color: #D8000C;
  background-color: #FFBABA;
  border: 0;
  font-weight: 200 !important;
  margin: 0px;
  margin-bottom: 10px;
  padding: 5px;
  font-size: 12px;}


  .tool-box{

    width: 15px;
        height: 15px;
        background: #ffd60a;
        -webkit-border-radius: 100px;
        border-radius: 100px;
        display: inline-block;
        text-align: center;
        align-items: center;
        justify-content: center;
        color: #000;
        font-size: 8px;
        line-height: 18px;
        font-weight: 700;
    }

    .yellow-but{background: #00999E}


    .right-txt-block .edit-but{padding: 7px 3% 5px 2%; font-size: 9px;}

.right-txt-block h6 {font-size: 15px;  }





.rack-01 .first-col.col-set{ padding-left: 0px;  }
.rack-01 .measur-box-01{ width: 120px; float: left; display: flex; flex-wrap: wrap; }
.rack-01 .gondola{ float: left;  margin-left: -25px;}
.rack-01 .first-col{ position: relative;}
.measur-box-02{float: left; width: 120px; align-items: flex-end; flex-wrap: wrap; display: flex;}
.measur-box-02 .color-set { right: 10px !important;}
.rack-01 .measur-box-cl-01{ width: 45px; float: left; display: flex; position: relative; margin-left: 25px; margin-bottom: 30px;}


.rack-01 .measur-box-cl-01 .line-01 span{position: absolute; -ms-transform: rotate(270deg); /* IE 9 */ transform: rotate(270deg); left: -25px; font-size: 13px;}
.rack-01 .measur-box-cl-01::after{  content: url(../images/arrow-down.png); position: absolute; bottom: -5px; left: -2px; }
.rack-01 .measur-box-cl-01::before{  content: url(../images/arrow-top.png); position: absolute; top: -5px; left: -2px;}
.rack-01 .measur-box-cl-02{ width: 45px; float: left; display: flex; align-items: flex-end; margin-bottom: 30px;}
.measur-box-cl-02 ul{padding-bottom: 30px ;}
.measur-box-cl-02 ul li{ display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.measur-box-cl-02 ul li span{ position: absolute; -ms-transform: rotate(270deg); /* IE 9 */ transform: rotate(270deg); left: -29px; font-size: 13px;}
.measur-box-cl-01 .line-01{width: 1px; background: #8c8c8c; display: flex;  align-items: center; position: relative;}

.measur-box-02 .measur-box-cl-02{ width: 100%;}

.measur-box-cl-03{ border-left: solid 1px #8c8c8c;  padding: 0px 0px 10px 10px; height:100%; display: flex; flex-wrap: wrap; align-items: flex-end;}

.measur-box-cl-03 ul{display: flex; flex-wrap: wrap; height: 100%;}

.measur-box-cl-03 ul li{  width: 100%; min-height: 60px; display: flex; align-items:center; min-height: 105px; }
.measur-box-cl-03 ul li span{ border-bottom: solid 1px #8c8c8c;     font-size: 13px; }
.measur-box-02 .color-set .color-set{background: #fff; padding-left: 10px;}

.top-measur{ height: 21px; margin-top: 40px; display: flex; align-items: center; justify-content: center; width: calc(100% - 311px); margin-left: 138px; margin-right: 175px; margin-bottom: 10px; border-right: solid 1px #8c8c8c; border-left: solid 1px #8c8c8c ; position: relative;}
.top-measur .line-2{ width: 100%; height: 1px; background: #8c8c8c; margin-top: 10px; margin-bottom: 10px;}

.top-measur span{ position: absolute; font-size: 13px; top: -7px; }

.space-detail-page .nav-tabs .nav-item .nav-link.active{border-bottom: solid 1px #fff; margin-bottom: -1px;}
.right-map-set .img{padding: 0px !important;}
.sidebar-dark .nav-item.active{background: #00999E;}
.sidebar-dark .nav-item.active a span{color: #fff;}
.sidebar-dark .nav-item.active:hover a span{color: #fff;}
.sidebar-dark .nav-item:hover a span{color: #00999E;}
.rel{ position: relative;     padding-left: 3px;}
/* .space-detail-page li.list-group-item{ border:solid 1px #8ea3bb !important;} */

.space-detail-page a.add-btn{ font-weight: 600;}

.pop-box-02{ position: absolute !important; margin-top: 0px !important; z-index: 999; right: -71%; top: 35%;}

.rel .product-detail-pop.white-popup-block h2{ position: relative;}
.rel .product-detail-pop.white-popup-block h2::before{ content: url(../images/arrow-left.png); position: absolute; left: -14px; top: 15px;}


.product-detail-pop .pricevalue .right p{ padding-left: 0px !important; color: #7294f1 !important;}

.pallet-shelf{float: left; width: 340px !important;  padding-right: 10px;}


.rel .product-detail-pop.white-popup-block h2 span.closebuttonpopup{ font-weight: 300;  font-size: 11px; position: absolute; right: 10px; cursor: pointer;}
 .pop-box-01{ display: none;}
.shelf_set.active .pop-box-01{  display: block;}
.rel .measur-box-cl-02 ul{padding-bottom: 0px  !important;}
#button_shelfs{float: left;}
.first-col{ display: flex; flex-wrap: wrap;    }

.end-cap-shelf-bracket{ width: 345px !important;}
.end-cap-shelf-bracket_01 .measur-box-cl-02 ul{ height: 100%;}
.end-cap-shelf-bracket_01 .measur-box-01{    width: 86px;}
.end-cap-shelf-bracket_01 .measur-box-cl-01{    margin-left: 57px;}

.pallet-shelf_01 .measur-box-cl-02 ul{ height: 100%; display: flex; flex-wrap: wrap;}
.pallet-shelf_01 .measur-box-cl-02 ul li img{ border-bottom: solid 1px #8d8d8d;}
.rack-01 .list-group-item{ border: solid 1px #7f9ec1 !important ;}
.end-cap-shelf-bracket_01 .top-measur{     width: calc(100% - 320px); margin-left: 111px;}
.name-first{ font-weight: 600; display: block; text-transform: capitalize;}
.rel .btn-lg {font-weight: 500 !important;}
.underselect{background:rgba(190, 200, 228, 0.8) !important;}
.pull-r{margin-left: auto; margin-right: 10px;}
.po-rel{position: relative;}
.preloader {
    top: 0;
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(225, 225, 225,0.5);
    /* change if the mask should have another color then white */
    z-index: 99;
    /* makes sure it stays on top */
  }
  
  .preloader  .status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
  }

  .btn-login{max-width: 65%;}

  .login-form



  .login-form input.error{border: solid 1px red;}


  .login-form label.error{ display: none;}
  .edit-expense ul{margin-top: 10px;}


/* 
  .pro-row.rack-01{float: left; display: inherit !important;}
  .rack-01 .first-col.col-set{float: left;}
  .space-detail-page .second-col{float: left;}
  .space-detail-page .third-col{float: left;}
  .space-detail-page .edit-expense{float: left;} */
  .second-sec .top-set{ margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; margin-bottom: 40px; padding-bottom: 30px;}
  
  .latest-updates .update-boxes ul li a{ color: #9B66AC;}
  .second-sec .white-box span{font-size: 15px !important;}
  ul.pagination{ margin-top: 15px !important; margin-bottom: 15px !important;}
  .booking-detail-page .booking-col p{font-weight: 500; font-size: 15px;}
  .booking-detail-page .bk_sp_set h3{font-weight: inherit !important; text-transform: capitalize; font-size: 23px !important;}
  .booking-detail-page .suitable-set p{font-weight: 500;}

 .table.rwd-table .btn-set a.btn{background: transparent;}
 /* .transaction-sec .rwd-table p{    font-weight: 500;} */
 .bk_sp_set.shelvs table.rwd-table tr :nth-child(3) p{font-weight: 600;}
 header .search-expand ul li.main.main-price > span{width: 135px !important;}
 .booking-detail-page .total-set h4{    font-weight: 600;}
 .bk_sp_set.shelvs .main-box .table.rwd-table tr td{vertical-align: middle;}
 .product-list .list-set ul li{font-weight: inherit !important;}
 .product-list .list-set ul > :nth-child(1){font-weight: bold !important;}
 .black-bg{    background: transparent;
  padding: 50px 40px 0 40px;
  margin-bottom: 50px;}

  /* .header-conents{ background: #1b59a4 !important; border-bottom: solid 1px #707070;}
  header .search-section, header .search-expand,   .login-page .login-contents, header .space-availability{background: #1b59a4 !important;} */
  .titlelabel-stack, .titlelabel-qut{display: block; width: 100%; font-size: 12px; margin-bottom: 3px;     font-weight: 500;}
  .advance-click-box ul{width: auto !important; margin-right:0 !important;}
  header .search-expand .advance-click-box{margin-right: auto !important;}
  header .search-expand .advance-click{margin-right: 0px; padding-left: 10px;}
  .titlelabel-stack{padding-left: 49%;}
  .priductdiam-val{padding-left: 0%;font-size: 12px;}
  .option-box-main.list-row-02.radius-0 .tbl-cl-01 .icon{ padding-left: 0px;}

  .first-col.col-set.pallet-shelf_01{max-height: 464px;}

  /* .shoping-cart-page .cart-logo-sec p{ font-weight: 600;}
  .shoping-cart-page .rwd-table tr :nth-child(2) p{ font-weight: 600;} */
  .product-list-page #expense-type-filter .col-md-2{ display: flex; flex-wrap: wrap;} 
  #listCart tr td{vertical-align: middle;}
  .space-detail-page .bottom-tabs .right-map-set .img{ width: 200px;}
  .spaceviewbodyclass .brandingprice span.right-price.brandingpricechange{font-weight: 500;}
  header .calendar-set input:focus{background: transparent !important;}
  .space-detail-page .price span.display-inline{ color: #000 ;}
  .product-view-pop p{    margin-bottom: 17px !important;}
  .mfp-close:active { top:8px !important; }
  #product-view-popup .pop-right-col{padding-left: 10px;}
  .trans-table{overflow: hidden;}
  .title-sec {background: #fafcfe;     margin-bottom: 0px !important;     padding-bottom: 30px !important;}
  /* .d-flex.flex-column .full-wraper{background: #fafcfe; } */


  .rel .product-detail-pop.white-popup-block h2 span.closebuttonpopup{top: 15px;}
  header .calendar-set input{cursor: pointer;}
  #allSpaceInformation .booking-space-detail h2{     padding: 30px 2% 30px 2%;
    background: #f5f8fa;
    border-bottom: solid 1px #dfe0e0;
    border-top: solid 1px #dfe0e0; width: 100%; border-bottom: none !important; border-left: solid 1px #dfe0e0; border-right: solid 1px #dfe0e0;}

/* .top-title{margin-bottom: 0px !important; } */



 
.sidebar {
    position: fixed;
}

#idcard-popup h1{ font-weight: 500; width: 100%; color: #33475B; font-size: 26px;  font-weight: bold; border-bottom: solid 1px #eaeaea; margin-bottom: 16px; padding-bottom: 6px;}
#idcard-popup .pop-row{ flex-wrap: wrap;}
#idcard-popup h5{display: none;}
.trans-idcard h3{ display: flex; flex-wrap: wrap;}
.trans-idcard h3 .id-card-booking{margin-left: auto; margin-right: 20px}

#idcard-popup .saveBtn { margin-top: 0px !important; background: #35414C;  color: #FFFFFF;  font-size: 11px; text-transform: uppercase;  border-radius: 3px;  border: none;  text-shadow: none;  width: 155px;  height: 35px;  line-height: 20px;  vertical-align: top;  margin-bottom: 0; padding: 0px;}

#idcard-popup{max-width: 400px;}
.product-list .product-box .img.left{    width: 175px !important;}
.product-list .product-box .img.left img{ width: 100%;}


header .search-expand{border-bottom: solid 1px #13415f;}
/* .first-sec{ margin-top: 10px !important;}
.second-sec .top-set {margin-bottom: 45px !important;} */



.first-sec-top-10{ margin-top: 10px !important;}
.first-sec-bot-10{ margin-bottom: 10px !important;}
.shelf_set.active .shelf_available{ background: rgba(113, 147, 241, 0.3)!important;}



.secondText{display: none;}
.shelf_set.active .shelf_available .firstText{display: none;}
.shelf_set.active .shelf_available .secondText{display: block;}
.choosedPRD .tbl-cl-01{width:20%;}
.articleno{display: inline-block  !important;}
.brandingprice label{display: inline-block !important; margin: 0px; font-weight: 200 !important; font-size: 14px !important;}

.product-list .product-box{padding-bottom: 0px !important;}
.product-list .list-set ul{border-bottom: none  !important;}
.my_transaction_page .col .chosen-search-input { height:45px !important; border: 1px solid #d1d3e2 !important; }
.chosen-container-multi .chosen-choices{ -webkit-border-radius: 3px !important; border-radius:3px !important;}



.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  width: 100%;
  left: 1px;
  top: 75px;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1;
}
 

.dropdown-content ul li {
  line-height: 30px;
  border-bottom: 1px dotted #bdbdbd;
  width: 100%;
  padding-right: 0px !important;
}

.dropdown-content ul li a {
  display: block;
  padding: 7px 15px;
}

header .admin:hover .dropdown-content {
  display: block;
}
header .admin{position: relative;}

#wrapper #content-wrapper{min-height: 900px;}

header .search-expand .advance-click-box{width: 100%;}
header .search-expand .advance-click-box .text-box{    padding-right: 45px;}


.space-detail-page .third-col{max-height: 681px; overflow-y: auto;}


.but-fill{
background: #35414C;
display: flex;
width: 95px;
justify-content: center;
align-items: center;
color: #fff !important;
font-size: 11px;
text-transform: uppercase;
border-radius: 3px;
border: none;
text-shadow: none;
 height: 35px;
line-height: 20px;
vertical-align: top;
margin-bottom: 0;

}

.ui-state-active .pro-btn{ color: #fff !important;}

.login-page .privacy-set{display: flex;}

.option-box-main .tbl-cl-03.tbl-cl-03a .tool-box,  .right-txt-block .sub-cl-01 .tool-box{margin-left: 5px; margin-right: 5px;}

/* .gondola_01{    max-height: 490px;}

 */
.block-space-01{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: auto;}
.pro-row.rack-01 .second-col.col-set #yourselection_60 > ul{ max-height:412px; overflow-y: auto ;}
.product-box .no-result-found{   margin-bottom:0px;}
.chosen-container-multi .chosen-choices{    border: 1px solid #d1d3e2;}

.pallet-shelf_01 .measur-box-cl-01{ margin-bottom: 0px !important;}
.pallet-shelf_01 .measur-box-cl-02{margin-bottom: 0px !important;}
/* .end-cap-shelf-bracket_01, .gondola_01, .pallet-shelf_01 {padding-right: 11%;} */

.chosen-container-multi .chosen-choices ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000 !important;
  opacity: 1; /* Firefox */
}

.chosen-container-multi .chosen-choices :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000 !important;
}

.chosen-container-multi .chosen-choices ::-ms-input-placeholder { /* Microsoft Edge */
  color: #000 !important;
}
.chosen-container-multi .chosen-choices{background-image: none;}

.transaction-sec .form-row input.chosen-search-input{ color: #3d3d3d !important; font-size: 14px; font-family: "Avenir Next"; padding: 0.375rem 0.32rem !important;}
.gm-style-iw .product-box.view-box ul{margin-bottom: -1px !important;}
 
.addtocart-btn{width: 100%;
  padding: 20px 0px 20px 0px  !important;
  font-size: 14px  !important;
  margin: 0px 0px 25px 0px  !important;}

  .mb-0 .right-block-01{
    margin-bottom: 0px !important;

  }
  .linkcol-black a{ color:#33475B;

  }

.product-box.view-box a{color: #000;

}

.suggesiontitle::before, .suggesionitems::before { display: none!important ;}
.suggesiontitle { text-transform: uppercase; font-size: 15px; cursor: inherit !important;}
.suggesionitems{display: inline-grid;     padding: 2px!important}
.suggesionitems .bg-warning{     background: #fbf4c5 !important;  padding: 9px 20px 9px 20px; color: #000 !important; text-transform: inherit;}
.ui-autocomplete-row:not(.suggesionitems):not(.suggesiontitle){ border-bottom: solid 1px #e8e8e8;}
.suggesiontitle .uggestion-li-class{  padding-left: 0px !important;}
.suggesionitemswrap{padding: 0px 15px;}



#ui-id-2 .ui-menu-item::before{display: none;}

.bg-success, .bg-warning  { color: #000 !important;}

.product-box.view-box .container.row .col-sm p{ font-size: 12px; }
 .product-box.view-box .container.row :last-child p{ font-size: 12px; margin: 26px 0px; line-height: 11px; text-align: center;}
.container .list-set{    border-left: 1px solid #CBD6E2;}
.view-box-02 .container{ margin-bottom: 15px; border-bottom: 1px;}
.view-box-02 > :last-child{border-bottom: none !important; margin-bottom: 0px !important;}
.view-box-02 .col-sm.title-cl-01 p{ font-weight: inherit !important; font-size: 15px;}
.link.addtocart-btn{width: 24.5% !important; justify-content: center; flex: auto; display: flex; margin-left: auto !important;}

.product-box.view-box.view-box-02{max-height: 400px; overflow-y: auto;}
.product-box.view-box.view-box-02 .list-set ul li {font-size: 12px;}

#map button.gm-ui-hover-effect{background: #fff;}

.product-box.view-box.view-box-02 .col-3 br{display: none;}

button.gm-ui-hover-effect img{width: 30px !important; height: 30px !important; margin: 0px !important;}
button.gm-ui-hover-effect {background-color: #f9d828 !important; top:7px !important; right: 7px !important; -webkit-border-radius: 10px;  border-radius: 10px;}

.addToCartVal.addtocart-btn{width: 100%  ;}



.text-box-02{ border: 1px solid #CBD6E2;     border-radius: 3px; padding-left: 15px; padding-right: 15px;}

 .restockmain-01 .top-title img{ max-width: 148px; padding: 10px;}
 h2.main-title span.sub-title-a01{font-size: 12px; display: block; font-weight: 500; color: #353c42;}

 .restockmain-01 .main-title{ border: none !important;}

 .restockmain-01 .top-title{ background: #f5f8fa;}
 .restockmain-01 .right-txt-box01a{ text-align: left; padding-right: 5%; padding-left: 1%;}
 .restockmain-01 .right-txt-box01a p{margin: 0px; color: #4f749d; font-size: 13px; line-height: 15px;}

.restock-cl-01{width: 30%;}
.restock-cl-02{width: 15%;}
.restock-cl-03{width: 10%;}
.restock-cl-04{width: 15%;}
.restock-cl-05{width: 10%;}
.restock-cl-06{width:20%;}


 .restockmain-01  .table.rwd-table p{ font-size: 12px;}

 .notification-page .notification-section .header-notification .btn{    margin-left: auto;}
 .ui-menu .ui-menu-item::before{ display: none;}
.list-icon-0a::before{ display: block !important;}
.list-icon-0a{content: ""; display: inline-block; background: url(../images/store.png) no-repeat; width: 20px; height: 20px;vertical-align: text-bottom; margin-right: 10px;}

.list-icon-0a.ui-state-active{    background: url(../images/store.png) no-repeat !important; margin: 0px 10px 0px 0px !important;}



.arrow-down .chosen-choices{
  background-image: url(../images/black-arw.png) !important;
      background-position: 92% 50% !important;
      background-repeat: no-repeat;}

@media (min-width: 768px){
.sidebar{position: fixed;  width: 250px !important;padding: 15px !important; box-sizing: border-box;height: 100vh; overflow: auto; padding-bottom: 100px;}

#wrapper #content-wrapper{width: calc(100% - 250px);     margin-left: auto;}
.map-tab{width: 100% !important;}
.outerbox.changebtn{padding-bottom: 100px;}
}