@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}

.ls{letter-spacing:-1px}
a{color:inherit; text-decoration: none;}
.overflow{overflow:auto}
.pointer{cursor:pointer}
.lines{position:fixed;top:45px;left:0;width:100%;height:3px;overflow:hidden;z-index:2}

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(../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(../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}
.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}

.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}