body#noscroll{overflow:hidden !important}
a:hover, a:focus{text-decoration:none !important;}
.center-image{margin-top:20px;}
.center-pointer{margin-top:50px;}
.full-height{overflow:hidden; overflow-y:scroll; padding:0px !important; background:#ededed;}
.color-green{color:#93c123;}

.action-icons img{max-width:30px;}
.action-icons a{margin:0 10px;}

.tab-header-container{margin:10px 0 -15px; padding:0px;}

.header-tabs {background:#FAFAFA; padding:0px; }
.header-tabs a{border-bottom:solid 4px #fafafa;  color:#767676; float:left; padding:5px 15px; position:relative; text-align:center;}
.header-tabs a:before{content:""; width:2px; height:20px; background:#999; position:absolute; left:0px; top:7px;}
.header-tabs a:first-child:before{display:none}
.header-tabs a.active, .header-tabs a:hover{border-bottom:solid 4px #93c123; background:#fff; color:#93c123;}

.filter-btn{color:#999; font-weight:bold; font-size:17px;}
.filter-btn img{max-width:17px;}

.btn-green-check{background:#93c123; color:#fff; padding:10px 10px 10px 30px; border-radius:10px; font-weight:bold; font-size:17px;}
.btn-green-check img{max-width:15px; margin:0 0 0 20px;}

.tab-count-2 a{width:50%;}
.tab-count-3 a{width:33.33%;}
.tab-count-4 a{width:25%;}
.tab-count-5 a{width:20%;}

.headline-info{margin:0 0 40px;}
.blue-truck{color:#8cd2d2; font-weight:bold; font-size:19px;}
@media (max-width:1024px){.blue-truck span{display:block;}}

.list-item-wrap{width:100%; margin:0 0 20px; }

.list-item{width:100%; overflow:hidden; background:#ededed; cursor:pointer;}
.list-item img{width:60px; max-width:100%;}
.list-item img.pointer{max-width:10px;}

.list-headline{background:#cdcdcd; color:#fff; font-weight:bold; font-size:18px; text-align:center; padding:5px; margin:0px;}
.list-container{border-top:solid 2px #ededed;border-bottom:solid 2px #cdcdcd; overflow:hidden; padding: 15px;}
.product-name{font-weight:normal;}
.list-container p{color:#767676;}
.list-container span{color:#999;}
.list-container span.checkbox{display: block;float: none;margin: 15px auto 0 auto;}

.list-item:hover{background:#fff;}
.list-item:hover .list-container{border-top:solid 2px #93c123;border-bottom:solid 2px #93c123;}


.info-content{padding: 30px 50px;}
.info-content img{max-width:60px;}
.info-tab-links {text-align:center}
.info-tab-links a{background:#93c123; display:inline-block; padding:10px; border-radius:5px 5px 0 0; margin:0 4px;}
.info-tab-links a:hover, .info-tab-links a.active{background:#cdcdcd; }
.info-tab-links a img{max-width:25px;}

.edit-link{position:absolute; right:50px; top:40%;text-align:center; color:#cdd3de; font-size:17px;}
.edit-link img{max-width:50px;}
.info-box{background:#fafafa; border-bottom:solid 1px #d1d1d1; margin:0 0 30px; position:relative; overflow:hidden; }
.info-box-headline{background:#cdcdcd; color:#fff; font-weight:bold;  padding:5px 15px; font-size:19px;}
.info-box-content{padding:15px 30px;}
.info-box-content .row{margin:0 0 10px;}
.info-box-content a, .info-box-content span{color:#9c9c9c;}

.info-content .btn-action{width:300px !important;max-width:90% !important;}
.info-content .btn img{max-width:20px; }

.content-comment{height:200px; overflow:auto;}
.close-comments{color:#fff; font-weight:normal; font-size:13px; margin:3px 0 0 0;}
.close-comments img{max-width:13px;}
.list-comment{list-style-type:none; width:100%; margin:0px; padding:0px;}
.list-comment li{width:100%; margin:0 0 5px; background:#999; padding:15px; border-radius:10px; color:#fff;}
.list-comment li:nth-child(even){background:#93c123;}
.add-comment{position:relative}
.add-comment img{position:absolute; right:10px; z-index:2; top:10px; max-width:22px;}
.add-comment input{position:relative; z-index:1; border-radius:5px; background:#fff; border:solid 1px #ccc; width:100%; padding:10px 40px 10px 10px; margin:0 0 30px;}

header{position:fixed;left:0;top:0;width:100%;z-index:100}
#header{padding:10px;background:#1b1b1b;position:relative;z-index:1000}
#header .main-menu-container{display:inline-block}
#header .main-menu-container img{max-width:30px;float:left; margin:5px 0 0 0;}
#header .main-menu-container{color:#999;cursor:pointer}
#header .main-menu-container ul{position:absolute;display:none;top:35px;left:0;background:#1b1b1b;width:250px;padding:15px 0px}
#header .main-menu-container:hover ul{display:block}
#header .main-menu-container ul li{display:block;width:100%;text-align:left;float:left;padding:10px 20px;position:relative}
#header .main-menu-container ul li:hover{background:#333}
#header .main-menu-container ul li.has-sub-menu:before{content:"";width:10px;height:20px;background:url(ico/ArrowMenu_icon.png) 0 0 no-repeat;background-size:cover;display:block;position:absolute;right:10px;top:12px}
#header .main-menu-container ul li a{color:#999;padding:5px 0 0;float:left}
#header .main-menu-container ul li img{max-width:26px;float:left;margin:0 20px 0 0}
#header .main-menu-container ul li ul, #header .main-menu-container:hover ul li ul{display:none;position:absolute;left:250px;top:0;width:200px;padding:0}
#header .main-menu-container ul li:hover ul{display:block}
#header .main-menu-container span{font-size:20px;margin:8px 0 0 10px;display:inline-block}
#header .user-container{color:#93c123}
#header .user-container #profile_name{max-width:168px;display:inline-block;text-align:right; float:right}
#profile_notifications{position:absolute;right:5px;top:-5px;background:red;color:#fff;border-radius:100px;width:20px;height:20px;text-align:center;padding:1px 0 0 0px;font-size:12px;font-weight:bold}
#header .user-container img{max-width:40px;float:right;margin: 0 0 0 20px}
#header .user-container ul{position:absolute;display:none;top:40px;right:0;background:#1b1b1b;padding:15px 0;width:250px}
#header .user-container:hover ul{display:block}
#header .user-container ul li{display:block;width:100%;text-align:left;float:left;padding:10px;position:relative; padding:10px 20px;}
#header .user-container ul li img{max-width:30px; margin: 0 0 0 20px;}
#header .user-container ul li:hover{background:#333;}
#header .user-container ul li a{color:#999;padding:5px 0 0;text-align:right;float:right}
#header img.logo{max-width:150px; position:relative; z-index:100;}
.main-content{padding:150px 0 0;position:relative;z-index:1;min-height:100vh}
footer{padding:50px 0}

.title-box{background:#fafafa;border-bottom:solid 2px #cdcdcd; padding:15px; }
.title-box h1{line-height:normal; top:0px; transform:translateY(0); color:#93c123; font-size:20px; margin:0px;}
.title-box h1 img{max-width:40px;}
.categories{ position:relative;}
.category-container{position:relative; top:50%; transform:translateY(-50%); padding:0 0 40px;}
.category-container a{color:#767676; margin:0 0 30px; display:inline-block;}
.category-container a img{max-width:120px; width:90%;}
.category-container a img.img-large{max-width:160px; width:90%;}

.search{border:solid 1px #cdcdcd; background:#fff; padding:5px 10px; border-radius:4px; margin:0 10px; position:relative;}
.search input[type=text], .search input[type=text]:focus{border:none; font-size:12px; padding:7px 40px 0 0; width:100%; margin:0 -30px 0 0;}
.search input:focus, .search input{border-color:#fff !important;outline: none;}
.search input[type=submit]{width:20px; height:20px; background:url(../imgs/stocks/icon-search.png) 0 0 no-repeat; border:none; font-size:0px; cursor:pointer; position:relative; top:-4px;}
.input-drop-down{position:absolute; left:0px; top:39px;border:solid 1px #cdcdcd; overflow:hidden; background:#fff; width:100%; display:none;}
.input-drop-down a{color:#000; font-size:13px; width:100%; float:left; padding:2px 4px;}
.input-drop-down a span{color:#93c123;}
.input-drop-down a:hover, .input-drop-down a:hover span{background:#93c123; color:#fff;}

@media only screen and (max-width:768px){
  #header .user-container img{margin:0px;}
  #header .main-menu-container span{display:none !important}
  .title-box h1{font-size:1.5em;margin-top:.25em}
  #header .user-container #profile_name{display:none;}
  /* #header .user-container:hover ul{display:none}
  #header .main-menu-container:hover ul{display:none}*/
  #header .main-menu-container ul, #header .user-container ul{width:102vw; height:100vh; overflow:scroll;}
  #header .main-menu-container ul li.has-sub-menu:before{content:"";width:15px;height:10px;background:url(ico/mobile-pointer.png) 0 0 no-repeat;background-size:cover;display:block;position:absolute;right:24px;top:20px}
  #header .main-menu-container ul li.has-sub-menu.active:before{transform:rotate(180deg)}
  /* #header .main-menu-container ul li:hover ul{display:none}*/
  #header .main-menu-container ul li{background:#333; margin:0 0 1px;}
  #header .main-menu-container ul li.active{background:#000;}
  #header .main-menu-container ul li ul{position:relative !important; left:0px !important; top:11px !important; height:auto;width:110% !important; margin:0 -15px 0; /*display:none !important;*/ background:#000;}
  #header .main-menu-container ul li ul.active{display:block !important;}
  #header .main-menu-container ul li ul li{background:#000; border-top:solid 1px #333; padding-left:60px;}
  footer{padding:20px 0}
}
@media only screen and (max-width:600px){
  .title-box h1{font-size:1.25em;margin-top:0}
}


/* Expedition */
.dropdown-menu{display:block !important;}

.m-b{margin-bottom:15px}
.-mb1{margin-bottom:10px;}
.-pt1{padding-top:10px;}
.-p0{padding:0px;}
.-c-green{color:#93c123;}
.-c-black{color:#000;}
.-c-gray{color:#999;}
.-db{display:block;}

.container-fluid{padding:0px;}

.button-box{padding:100px 0 0 0;}
.btn-action{padding:15px; min-width:200px; margin:0 0 20px;}
.btn-action img{max-width:13px; float:right; margin:5px 0 0 0px;}
.btn-success{background:#93c123;border:solid 2px #82b900;}
.btn-danger{background:#dc554b;border:solid 2px #d63d33}
.btn-warning{background:#e1af1e;border:solid 2px #ff961e}
.btn-warning img{float:left;}
.btn-info{padding:15px 15px; min-width:200px; margin:0 0 20px;}
.btn-info img{float:right; max-width:40px;}

.button-box-steps .col-6{width:50%; float:left;}
.button-box-steps .col-6 a{width:100%;}
.button-box-steps .col-6 a.btn-warning{border-radius:6px 0 0 6px;}
.button-box-steps .col-6 a.btn-success{border-radius:0px 6px 6px 0px;}

.row-radio strong{font-weight:normal; padding:22px 0 0 0; display:block; color: #767676;}
.row-input-large strong{font-weight:normal; padding:20px 0 0 0; display:block; color: #767676;}


.checkbox-row{margin-bottom:30px;}
.checkbox-row label{padding:24px 0 0 0;}
.checkbox-row .line{padding:23px 0 0 0; display:block;}
.hours .increase, .hours .decrease{font-size:0px; width:100%; display:block; float:left; height:15px; position:relative; cursor:pointer;}
.hours .increase:before{ width: 0;  content:"";height: 0; border-bottom: 10px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; position:absolute; left:50%; top:2px; margin:0 0 0 -7px;}
.hours .decrease:before{ width: 0;  content:"";height: 0; border-top: 10px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; position:absolute; left:50%; top:4px; margin:0 0 0 -7px;}
.hours{border:solid 1px #ccc; padding:5px; border-radius:5px; background:#fff;}
.hours input{border:none; text-align:center; padding:0px; background:none}
.hours strong{font-weight:normal; padding:18px 0 0 0; display:block; text-align:center;}
input[type=checkbox]{width:25px; height:25px; overflow:hidden; position:relative !important; opacity:0; margin:0px !important; z-index:10; cursor:pointer}
span.checkbox{display:inline-block; width:25px; height:25px; float:left; cursor:pointer; margin:22px 0 20px 0;}
span.checkbox:before{width:25px; height:25px; overflow:hidden; background:url(ico/checkbox.jpg) 0 0 no-repeat; content:""; position:absolute; left:0px; top:0px;}
span.checkbox:after{width:25px; height:25px; overflow:hidden; background:url(ico/checkbox.jpg) 0 -25px no-repeat; content:""; position:absolute; left:0px; top:0px; display:none;}
span.checkbox.active:before{display:none;}
span.checkbox.active:after{display:block;}

.radio-container {display:inline-block;}
input[type=radio]{width:25px; height:25px; overflow:hidden; position:relative !important; opacity:0; margin:0px !important; z-index:10; cursor:pointer}
span.radio-container label{padding:25px 0 0 0;}
span.radio{display:inline-block; width:25px; height:25px; float:left; cursor:pointer; margin:22px 10px 20px 0;}
span.radio:before{width:25px; height:25px; overflow:hidden; background:url(ico/radio.png) 0 0 no-repeat; content:""; position:absolute; left:0px; top:0px;}
span.radio:after{width:25px; height:25px; overflow:hidden; background:url(ico/radio.png) 0 -25px no-repeat; content:""; position:absolute; left:0px; top:0px; display:none;}
span.radio.active:before{display:none;}
span.radio.active:after{display:block;}


.add-box{margin:0 0 30px; display:inline-block;}

.sticky{background:#fafafa; padding:10px 15px 0px;}
.sticky strong{color:#93c123; font-size:30px; display:block;margin:-5px 0 0 0;}
h1{color:#93c123; margin:0px; font-size:30px; transform:translateY(30%); top:-70%; position:relative;}
h1 img{max-width:30px; margin:-10px 0 0 0;}

.step-line{border-top:solid 2px #999999; float:none; clear:both; background:#cdcdcd; height:10px;}
.step-line span{display:block; background:#93c123; height:8px;}

.step-container{position:relative; z-index:100; margin:0 45px;}
.steps{padding:40px 0; position:relative;}
.active-step{border:solid 1px #ccc; font-size:20px; border-radius:4px;  background:#fff; padding:10px; color:#93c123; font-weight:bold; position:relative;}
.active-step:before{content:""; border-left:solid 1px #ccc;  position:absolute; right:0px; top:0px; height:100%; width:50px; z-index:1;}
.active-step:after{
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f2f2f;
  content:"";
  position:absolute; 
  right:20px; top:45%;
  z-index:2;
}
.active-step span{float:left;}
.drop-down-steps{position:absolute; left:0px; top:87px; border:solid 1px #ccc; background:#fff; width:100%; display:none;}
.steps:hover .drop-down-steps{ display:block;}
.drop-down-steps a{color:#333; width:100%; display:block; font-size:18px; padding:0 20px 0 0; margin:10px 0;}
.drop-down-steps a span{float:left; padding:0 0 0 10px;}
.drop-down-steps a.active{color:#93c123; font-weight:bold;}

.forms label{color:#767676; font-weight:normal}
.forms .textarea-large{width:100%; height:100px; display:block;}
.forms input{margin:0 0 15px; padding:20px 10px;}
.forms input:focus{border-color:#93c123; box-shadow:none;}
.forms input.error{border-color:#d63d33;}
.forms .datepicker{position:relative;}
.forms .datepicker:before{position:absolute; right:10px; top:8px; content:""; width:25px; height:25px; background:url(ico/Calendar_grey_icon.png) 0 0 no-repeat; background-size:cover}
.forms .datepicker input{text-align:center;}
.forms span.error-msg{color:#d63d33; margin:-15px 0 0 0; display:block; font-size:11px;}
.forms .textarea{height:auto; min-height:42px; padding:0px; text-align:center}
.forms .bg-heading{background:#fafafa; padding:10px 20px; margin:0px; color:#767676; font-weight:normal; font-size:20px;}
.forms .bg-heading img{max-height:20px; float:left; margin:0 20px 0 0;}

h3.bg-gray{background:#cdcdcd; color:#fff; font-size:18px; padding:5px 5px; margin:0px;}
h3.bg-gray a{color:#fff; font-size:14px;}
h3.bg-gray a img{max-width:20px;}
.bg-box{background:#fafafa; border-bottom:solid 3px #cdcdcd; margin:0 0 20px; padding:10px 15px; position:relative;}
.bg-box a.delete-box{position:absolute; right:10px; top:10px; z-index:2;}
.bg-box a.add-box{position:absolute; right:10px; top:10px; z-index:2;}
.bg-box a.add-box img{max-width:20px;}

.hours div{padding:0px;}
.hours input{min-width:10px; max-width:100%; height:auto; min-height:1px; padding:3px; margin:0px;}

.cur{font-size:20px; padding-top:5px; color:#767676;}

.step-8 .box-white{margin:0 0 90px !important;}
.step-8 p{font-size:20px; padding:0 30px; color:#767676;}
.step-8 h2{font-size:40px; font-weight:bold;}
.step-8 h4{color:#767676;}
.step-8 .btn{padding:10px 30px; font-size:20px; min-width:200px; margin:15px;}
.step-8 a.btn-info{font-size:20px; font-weight:bold; min-width:70%; padding:15px; margin:0 0 20px;}


.popup-window{position:fixed; left:0px; top:0px; width:100%; height:100vh; background:rgba(0,0,0,0.8); z-index:1000; display:none;}
.popup-window .container{max-width:500px; width:100%; margin:0 auto; text-align:center; top:50%; transform:translateY(-50%); position:relative; color:#d63d33;}
.box-white{background:#fff; padding:15px; margin:15px 0;}
.popup-window a{margin:0 10px; padding:10px 5px 10px 20px;; min-width:160px;}
.popup-window a img{max-width:25px; margin:2px 0 0 0;}

@media (max-width:768px){
  .checkbox-row label{float:left !important; padding-left:10px;} 
  .m-b{margin-bottom:30px} 
  .step-container{margin:0 15px;}
  .button-box{padding:30px 0 0 0;}
  .btn-action{min-width:160px}
}