/* Colors */
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic-ext');
main {padding-left: 60px;}
.wraper {width: 100%}
.content {-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;padding-left: 0;}
.content.open {padding-left: 260px;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.wraper {min-width: 1200px; max-width: 1400px;}
.no-close .iziModal .iziModal-button-close{ display: none !important; }
/* Login */
@-webkit-keyframes load {0%{margin-top: -100px; opacity: 0;}50%{margin-top: 1px;opacity: 1;}}
@keyframes load { 0%{margin-top: -100px; opacity: 0;}50%{margin-top: 1px; opacity: 1}}
.login {width: 50%; min-width: 700px; max-width: 840px;top:50%; position: absolute; transform: translateY(-50%) translateX(-50%);left:50%;}

.login .login-wraper { background-color:#fff; box-shadow: 0 0 35px hsla(0,0%,0%,0.19);}
.login .login-wraper .cover {min-height: 500px; background-image: url("../images/login-cover.jpg"); background-size: cover}
.login .login-wraper  .decor {position: absolute; bottom:20px; right:20px; font-size: 4em; opacity: .3;}
.login .help-icon {cursor: help;}
.login .help-icon .help {position: absolute; top:40px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 35px hsla(0,0%,0%,0.19);right:10px; padding: 20px; font-weight: 300; max-width: 230px; text-align: left; font-size: 0.8em; opacity: 0;  transition: all 1s;}
.login .help-icon:hover .help {opacity: 1; transition: all 1s;}
.login .copyright {opacity: .5; font-weight: 300;}
.button:before{display: none!important}
.button{width: auto!important}
.prod_images{display: inline-block; padding: 30px;}
.prod_images img:first-child{width: 150px}
option.subCat{padding-left: 20px!important}

#preloader {position: fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(255,255,255,0.90); width: 100%; height: 100%; z-index: 10000;}
#status {position: absolute; top:1%; left:1%; right:1%; bottom:1%; margin: auto; width: 100px; height: 100px; z-index: 11111;
-webkit-animation-name: spinner;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 6s;

animation-name: spinner;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 2s;

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;

}

.silver {
  background: #f7f7f7;
}
.bradius-3 {border-radius:3px}
input:placeholder:after {
  content: '.';
}

[humge-type="select"] .selectize-dropdown span{
	 display: inline!important; 
     content: none!important; 
     height: auto!important; 
     background-color: none!important; 
     left: auto!important; 
     right: auto!important; 
     bottom: auto!important; 
     position: static!important; 
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease; 
     transition: all 0.3s ease; 
     z-index: auto!important;
}

.border{border: 1px solid #999}
.table-container table th, .table-container table td{white-space:normal!important} 

.badje {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0px;
  background: #32b000;
  color: #fff;
}

.mess {
  margin-bottom: 25px;
}

.mess p {
  margin-bottom: 10px;
}


table td.cuted {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 2em;
}

.notAfter:after {content:none}
header #noti_badje{position: absolute; right: 10px; bottom: 5px; background-color: #C32628; color: #fff; border-radius: 50%; width: 20px; height: 20px; display: none;text-align: center; line-height: 20px; font-weight: 500}
#notification_result p{margin-top: 20px; padding: 10px; background-color: #AA9898; color: #583085; font-weight: 900;position: relative; z-index: 3634567457}

.easy-autocomplete input{border:none;padding:0;box-shadow:none;border-bottom:solid 1px #bfbfbf;padding-top:5px;padding-left:5px}
.easy-autocomplete input::placeholder,.easy-autocomplete input::-ms-input-placeholder{opacity:0}
.easy-autocomplete + label{font-size:.8em!important;top:3px!important;left:5px}
.easy-autocomplete-container{background-color:#fff;line-height:35px;z-index:70}

#ui-datepicker-div, .ui-timepicker-standard{z-index: 500!important}
.ui-widget.ui-widget-content {padding: 5px;}
.ui-menu .ui-menu-item {padding: 5px;}
.ui-menu .ui-menu-item:hover {background-color: #242424; color:#fff;}

.table-row {display: table; border-bottom:solid 1px #bfbfbf; width: 100%; padding-bottom: 5px; padding-top: 5px;}
.table-row *[class^=col-] {display: table-cell; padding: 5px;}

.daily-menu ul {list-style: none;}
.daily-menu ul li {margin-bottom: 10px;}
.daily-menu ul img {cursor: pointer;}
.ms-options-wrap > .ms-options{width: auto!important; left: auto!important}
.ms-options-wrap > button:focus, .ms-options-wrap > button{font-size: inherit; border: none}
 
@media (max-width: 959px) {  
    .wraper, .max-wraper {width: 100%;max-width: inherit; min-width: inherit;}
    .row *[class*=col-] {float:none !important; width:100% !important; margin:0; clear:left !important; margin-bottom:20px;}
    table {overflow-x: scroll;display: block; padding: 0 !important;}
    
    .login-bg {display: none;}
    
    .h100p {height: auto;}
    .login {padding-left: 10px; padding-right: 10px; padding-top: 40px; }
    .login .w250 {width: 70%; margin: auto; margin-bottom: 40px;}
    .login h1, .login .enter {text-align: center}
    
    main {padding-left: 60px; min-width:none !important; max-width: none !important; width: 100%;padding-right: 10px;}
    main h1 {font-size: 22px;}
    .h280, .h220 {height: inherit;}
    .crypto-payment-qr {text-align: center;}
    .round-button {width: 50px; height: 50px; line-height: 50px;}
    .no-mobile {display: none;}
    .nowrap-mobile {white-space: nowrap;  min-width: 200px;}
    header {white-space: nowrap; min-width: 300px; z-index: 60;}
}