@import https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext;
body{font-family:'Roboto',sans-serif;font-weight:300}
.black{background-color:#221f1f}
.white{background-color:#fff}
.red{background-color:#dd3232}
.green{background-color:#9ace49}
.blue{background-color:#37aff9}
.orange{background-color:#ff9e11}
.silver{background-color:#e9e9e9}
.black-text{color:#221f1f}
.white-text{color:#fff}
.red-text{color:#dd3232}
.green-text{color:#9ace49}
.blue-text{color:#37aff9}
.orange-text{color:#ff9e11}
.grey{background-color:#181818}
.d-none {display: none;}
.text-capitalize {text-transform: capitalize;}
.ls{letter-spacing:-1px}
a{color:inherit;text-decoration:none}
.overflow{overflow:auto}
.pointer{cursor:pointer}
.block {display: block;}
.lines{position:fixed;top:45px;left:0;width:100%;height:3px;overflow:hidden;z-index:2}
.bordered {border:solid 1px #e9e9e9; background-color: rgba(248,248,248,1.00)}
.overflow-auto {overflow-x: auto;}
.btn-danger {display: block;background-color: #dd3232;width: fit-content;padding: 0.5rem 1.25rem;border-radius: 8px;color: #f0ebe4;}
body{font-size:14px;overflow-x:hidden;background-color:#e9e9e9}
header{position:fixed;width:100%;height:45px;top:0;z-index:2;overflow:hidden}
header .logo{position:absolute;top:0;left:65px;width:80px;padding-top:12px}
header .menu-button{padding:10px;position:relative;width:55px;height:45px;float:left}
header .tools ul{list-style:none;display:inline-block}
header .tools li{display:block;position:relative;float:left}
header .tools li a{display:inline-block;text-align:center;color:#fff;text-decoration:none;width:45px;font-size:1.8em;line-height:45px;height:45px}
header .tools li a i{line-height:45px}
header .tools-pop{position:absolute;min-width:200px;background-color:#221f1f;top:60px;left:-85px}
header .tools-pop .arr{height:10px;width:0;border-bottom:#221f1f 10px solid;border-left:10px solid transparent;border-right:10px solid transparent;border-top:none;position:absolute;top:-10px;left:50%;margin-left:-5px}
header .tools input[type="text"]{border:none;width:100%;display:inline-block;margin-top:8px}
header .user-details *{line-height:45px}
.login-form .errors{margin-bottom:20px;font-weight:500}
.login-form .errors p{color:#A20C0E;text-align:center}
.login-form .errors p:last-child{margin-bottom:0!important}
.login{position:relative;overflow:hidden}
.background{background-image:url(../images/login.jpg);background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.login-form{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);position:absolute;z-index:20;left:50%;margin-left:-200px;top:1%;bottom:1%;margin-top:auto;margin-bottom:auto;height:450px}
.login-form p{color:#A3A3A3;font-size:11px;margin-bottom:5px}
.login .control input{border:none;border-bottom:1px solid hsla(0,0%,23%,1.00);background-color:transparent;color:#A3A3A3;padding:10px;position:relative}
.login .control{position:relative}
.login .control span{display:block;content:'';height:2px;background-color:hsla(77,89%,38%,1.00);left:50%;right:50%;bottom:0;position:absolute;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.control input:focus{box-shadow:none;border:inherit}
.control input:focus ~ span{left:0;right:0;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
table i{font-size:1.5em!important;font-weight:500}
table td a{text-decoration:none}
ble tr.folder{cursor:pointer}
table tr:hover{background-color:rgba(0,0,0,0.04)!important}
table a:hover{text-decoration:underline}
.round-button{border-radius:50%;height:50px;line-height:50px;padding:0;text-align:center;width:50px;display:inline-block;color:#fff;text-decoration:none}
.round-button:hover{transform:rotate(180deg);-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.select2{width:100%!important}
.select2 *{border-radius:0!important}
.menu{position:fixed;top:0;left:0;width:20%;min-width:200px;max-width:300px;z-index:1;height:100%;padding:70px 20px 30px}
.menu ul{list-style:none;font-size:15px;font-weight:600}
.menu ul li{padding-left:20px;position:relative}
.menu ul a{text-decoration:none;margin-bottom:8px;display:block}
.menu ul li ul{padding-left:10px}
.menu ul li.sub:before{content:url(/public/cms/images/plus.svg);position:absolute;left:0;top:2px;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.menu ul li.sub.open:before{content:url(/public/cms/images/minus.svg);-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.menu ul li.sub ul{height:0;overflow:hidden;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.menu ul li.sub.open ul{height:auto;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.file-open{position:relative;text-align:center;padding:5px;display:inline-block;width:100%;overflow:hidden;color:#fff;cursor:pointer}
.file-open input{max-width:100%;opacity:0;top:0;left:0;position:absolute;cursor:pointer}
.img-upload{height:70px;position:relative;padding:1px;border:solid 1px rgba(232,232,232,1.00)}
.img-upload .remove{position:absolute;top:5px;right:5px;background-color:#000;color:#fff;font-size:12px;padding:3px;text-decoration:none}
.tabs *{-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.tabs{border-bottom:solid 5px rgba(228,228,228,1.00);height:40px;padding-left:0!important;margin-bottom:15px}
.tabs li{display:inline-block;cursor:pointer}
.tabs.editable{height:45px}
.tabs.editable li{background-color:rgba(228,228,228,0.5)}
.tabs.editable li div{display:inline-block}
.tabs.editable li div input{background-color:transparent}
.tabs.editable li.active{color:#000;background-color:rgba(228,228,228,1.00)}
.tabs li a{display:block;border-bottom:solid 5px rgba(228,228,228,1.00);line-height:35px;text-decoration:none;text-transform:uppercase;margin-right:20px;font-size:1em;font-weight:600}
.tabs li a:hover{border-bottom:solid 5px #edea2e}
.tabs li a.active{border-bottom:solid 5px #3873BD}
.tabs li i{cursor:pointer}
.td a{cursor:pointer}
.settingsTabs *{-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.settingsTabs{border-bottom:solid 5px rgba(228,228,228,1.00);height:40px;padding-left:0!important;margin-bottom:15px}
.settingsTabs li{display:inline-block}
.settingsTabs li a{display:block;border-bottom:solid 5px rgba(228,228,228,1.00);line-height:35px;text-decoration:none;text-transform:uppercase;margin-right:8px;font-size:10px;font-weight:600}
.settingsTabs li a:hover{border-bottom:solid 5px #edea2e}
.settingsTabs li a.active{border-bottom:solid 5px #3873BD}
.menus-tree{font-weight:500;font-size:1.1em}
.menus-tree .menu_title{background-color:#221f1f;color:#fff;font-weight:600;padding:10px;margin-bottom:5px}
.menus-tree .menu_title a,.menus-tree .col-30 a{text-decoration:none;margin-left:10px}
.menus-tree .menu_title .row{padding:0;background-color:inherit}
.menus-tree li .menu_title{margin-left:10px}
.menus-tree li:before{content:'';width:10px;height:2px;border-bottom:dotted 1px rgba(126,126,126,1.00);position:absolute;top:20px;left:-10px}
.menus-tree ul{list-style:none;margin-left:10px;border-left:dotted 1px rgba(126,126,126,1.00);padding-left:10px}
.menus-tree ul li{position:relative;background-color:inherit!important;border:none!important}
.menus-tree ul li .row{padding:10px;background-color:#e9e9e9;margin-bottom:5px}
.menus-tree ul .col-70 i{color:rgba(148,148,148,1.00);font-size:1.2em}
#page_container{min-height:700px;min-width:930px;position:relative}
#page_container div.editable{position:relative}
#page_container div.editable > p{margin-bottom:10px!important}
#page_container div.editable > h1{margin-bottom:10px!important}
#page_container div.editable > h2{margin-bottom:10px!important}
#page_container div.editable > h3{margin-bottom:10px!important}
#page_container div.editable > h4{margin-bottom:10px!important}
#page_container .wraper{width:80%;min-width:900px!important;margin:auto;border:dotted 1px rgba(0,83,151,1.00);position:relative;padding:20px 3px 3px!important;min-height:50px;margin-bottom:15px}
#page_container .wraper:before{position:absolute;line-height:17px;color:#fff;top:0;left:0;padding-left:3px;padding-right:3px;background-color:rgba(0,83,151,1.00);font-size:11px;content:attr(class)}
#page_container .row [class^="col-"]{border:dotted 1px rgba(227,0,3,1.00);position:relative;padding:20px 3px 3px!important;min-height:120px}
#page_container .row [class^="col-"]:hover:before{position:absolute;line-height:17px;color:#fff;top:0;left:0;padding-left:3px;padding-right:3px;background-color:rgba(227,0,3,1.00);font-size:11px;content:attr(class)}
#page_container .row{border:dotted 1px rgba(109,213,1,1.00);position:relative;padding:20px 3px 3px!important;min-height:120px}
#page_container .row:hover:before{position:absolute;line-height:17px;color:#fff;top:0;left:0;padding-left:3px;padding-right:3px;background-color:rgba(109,213,1,1.00);font-size:11px;content:attr(class)}
#page_container > .wraper:hover .removeWrap{display:block}
.vs_tools{position:fixed;top:70px;right:20px;width:115px}
.vs_tools span{width:50%;float:left;text-align:center;line-height:40px;background:#686868;background:-moz-linear-gradient(top,rgba(104,104,104,1) 0%,rgba(68,68,68,1) 100%);background:-webkit-linear-gradient(top,rgba(104,104,104,1) 0%,rgba(68,68,68,1) 100%);background:linear-gradient(to bottom,rgba(104,104,104,1) 0%,rgba(68,68,68,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#686868',endColorstr='#444444',GradientType=0);border:solid 2px #000;cursor:move;text-transform:uppercase;font-size:24px}
.progress-bar{width:100%;height:5px;background-color:rgba(215,215,215,1.00);margin-top:8px;position:relative}
.progress-bar span{position:absolute;top:0;height:100%;left:0;background-color:rgba(23,22,22,1.00);-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}
.media-ithem{overflow:hidden;position:relative}
.media-ithem img{height:auto;width:100%}
.media-ithem .control,.media-insered-ithem .control{position:absolute;right:0;width:100%;background-color:rgba(0,0,0,1.00);height:28px;bottom:-28px;color:#fff;padding-top:4px;padding-bottom:4px;-o-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.media-ithem:hover .control,.media-insered-ithem:hover .control{bottom:0;-o-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.media-insered-ithem{float:left;width:20%;position:relative;overflow:hidden}
.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-o-perspective:1000;perspective:1000px;width:100%;height:600px}
.flipper{-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d;position:relative}
.flipper > img{opacity:0;z-index:0}
.flipper.flipped{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.front,.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:100%;transform:rotateX(0deg)}
.front{z-index:2}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.imgs{min-height:250px}
.dspNone{display:none}
.removeRow,.removeCol,.removeWrap{position:absolute;color:#fff;top:0;right:0;padding-left:3px;padding-right:3px;background-color:#dd3232;font-size:11px;text-align:center;font-family:Flaticon;width:17px;cursor:pointer;line-height:17px;z-index:1.1111111111111E+15;display:none}
.editRow,.editCol{position:absolute;color:#fff;top:0;right:20px;padding-left:3px;padding-right:3px;background-color:rgba(109,213,1,1.00);font-size:11px;text-align:center;font-family:Flaticon;width:17px;cursor:pointer;line-height:17px;z-index:1.1111111111111E+15;display:none}
.droppable:hover .removeRow,.droppable:hover .editRow{display:block}
.row:hover .removeRow,.row:hover .editRow{display:block}
.row [class^="col-"]:hover .editCol,.row [class^="col-"]:hover .removeCol{display:block}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{text-decoration:none}
div [class^="col-"] span.draggableBlock,.wraper span.draggableBlock{display:block;background-color:#e9e9e9;width:100%;position:relative;min-height:100px}
div [class^="col-"] span.draggableBlock>i,.wraper span.draggableBlock>i{font-size:4em;position:absolute;left:1%;right:1%;top:1%;bottom:1%;color:rgba(203,203,203,1.00);margin:auto;text-align:center;margin-top:10px}
span.draggableBlock .remove{position:absolute;color:#fff;top:0;right:0;padding-left:3px;padding-right:3px;background-color:#181818;font-size:11px;font-family:Flaticon;width:17px;cursor:pointer;line-height:17px;display:none;height:17px}
span.draggableBlock .edit{position:absolute;color:#fff;top:0;right:20px;padding-left:3px;padding-right:3px;background-color:#181818;font-size:11px;font-family:Flaticon;width:17px;cursor:pointer;line-height:17px;height:17px;display:none}
span.draggableBlock .edit i,span.draggableBlock .remove i{left:0!important;line-height:17px;color:#fff;top:0;left:0;padding-left:3px;padding-right:3px;font-size:11px;position:inherit!important;bottom:inherit;left:inherit;margin-top:inherit}
span.draggableBlock:hover .remove,span.draggableBlock:hover .edit{display:block}
.hidden{opacity:.3}
input[disabled]{pointer-events:none;cursor:pointer}
input[type="text"]:disabled{display:inline-block;width:auto;white-space:pre-wrap;border:none;background-color:rgba(228,228,228,0.5);border-color:rgba(228,228,228,0.5);box-shadow:none;font-weight:700;padding:7px;cursor:pointer}
.min {overflow:hidden;margin-bottom:10px;border:solid 1px hsla(0,0%,85%,1.00);border-radius:4px; height: 68px;}
.min.open {height: auto;}
.linked-product .img{text-align:center;overflow:hidden}

.pagination {list-style: none; margin-top: 20px; padding: 0!important;}
.pagination li {display: inline-block; margin-right:5px; width:40px; height:40px; font-size:1.2em; line-height:35px; text-align:center;background-color:#e9e9e9;color:#000;}
.pagination li a {text-decoration: none; color:inherit; display: block;}
.pagination li.disabled {background-color: #e7e7e7; color:#000;}
.pagination li.active {background-color: #000; color: #fff;}
.order {opacity: 1;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.order:hover {opacity: 1 !important; transform: scale(1.009);-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.order.deleted {opacity: .2;}
.order .order-details {width: calc(100% - 50px);}
.status:after {content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOSAxMjkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiLz4KICA8L2c+Cjwvc3ZnPgo='); width: 20px; display: inline-block; margin-left: 5px; top:3px; position: relative;}

.status .status_menu {position: absolute; width: 100%; display: none; top: 30px; left: 0px; z-index: 111111111111111111111111111111;}
.status .status_menu.open { display: block;}

.ui-front {z-index: 9999999 !important;}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}