body{font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;}
h1,h2,h3,h4,h5{font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;}
.ContentItems{}
.ContentItems li{list-style: none;padding:5px; #fcfcfc;}
.ContentItems li span{padding-left: 10px;padding-right: 20px;}
.tree-folder-name a{text-decoration: none;border-bottom: dotted 1px;}
.rootItem{background: #f5f5f5}
.tree-actions a{padding-left: 10px;}

.savetab{padding:1px !important;}
.savetab a{color: white !important;}

.errorInput{border: solid 1px red !important;}

#type2, #type-link{display: none;}

.action{width:50%;float:right;}
.buttons{width: 50%;float: left;padding-top:6px;text-align: left}
.buttons a{color:white;text-decoration: none;}
.buttonsTree{padding-top: 3px !important;}
.buttonsTree2{padding-top: 8px;}

.Pages{padding: 5px !important;height:29px;padding:5px;margin-top:10px;}
.Pages ul{padding:0;margin:0;float:left;position:relative}

.Pages ul li{list-style: none;float: left;margin:0;height:20px;}
.Pages ul li a, .Pages ul li span, .Pages ul li i{padding: 7px;padding-left:10px;padding-right:10px;}

.Pages ul li:hover a{background: #ff0081
}
.Pages ul li a{background: #5DB2FF;color:white;text-decoration: none;}
.Pages ul li span{background: #40bc72 !important;color: white}
.Pages ul li i{background: #8374bc !important;color: white}

.Pages .PagesTitle{float:left;padding-left: 10px;padding-right: 10px;}


.file-list li{list-style: none;width:170px;padding:5px;border:solid 1px #acacac;height: 50px;float: left;margin-right: 10px;margin-bottom: 10px;}
.file-list li img{float:left !important;margin:3px;max-width: 50px;}
.file-list li .name{display: block;width:90px;overflow: hidden;height: 22px;}
.moveToRash i{font-size: 19px !important;}
.PreviewImage{width:100%;max-height:40px !important; }
.file-list{display:block !important;;float: left !important;width: 300px;margin-left: 17px;}
#dropped-files .image {
    position: relative;
    height: 100px;
    width: 100px;
    border: 4px solid #fff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    background: #fff;
    float: left;
    border-radius: 4px;
    margin: 0 7px 7px 0;
    overflow: hidden;
    border:solid 1px #bcbcbc;
}
.drop-button{background: white;padding: 2px;color:black;display: block;margin-top:73px;text-align: center;}
.templates{margin:0;padding: 0;}
.templates li{list-style: none;float:left;margin:10px;}
.templates li a{opacity: 0.65;transition: 0.3s all ease;}
.templates li a:hover{opacity: 1;}

.treeinfo{margin: 0;padding:2px;}
.treeinfo li{list-style: none;margin:0;}

.ListList{}
.ListList li{list-style: none;clear:both;margin-bottom: 40px;border-bottom: solid 1px #d1d1d1;padding-bottom: 10px; font-family: pf_dintext_proregular}
.ListList li img{float: left;margin-right: 10px;max-height:200px;max-width: 200px;border:solid 1px #8374bc;border-radius: 8px;}
.ListList li a.title{display: block;color: #8374bc;font-size: 16px;text-decoration: none;}
.ListList li span.Text{display:block;padding: 10px 0px 10px 0px;}
.ListList li span.add{display: block;}


#alert{position: fixed;z-index: 2000000;top:20%;width:100%;display: none;}
#alert .content{min-height: 20px;width: 400px;background: url("/images/alert.png");margin:0 auto;padding:20px;border-radius: 7px;color: white;text-align: center;;z-index: 2000000 !important;}

.adminPayment{
    background: none;margin-right: 20px;
    transition: all 0.1s ease;
}
.adminPayment *{opacity: 0.9;}
.devided{background: #1e7c95;border-left: solid 1px #3194ab;}

.red-bg{background: #e9674d;}
.red-bg *{opacity: 0.9;}

.dopUslugi{position: relative;left: 50px;width: 350px;}
.dopUslugi li{background: red;}
.dopUslugi li{list-style: none;}
.dopUslugi ul{display: none;}


/*.tree .tree-actions{display: block;}
.tree:hover .tree-actions{background: none;}*/

.tree-folder-name{width: 300px !important;}
.form-control2{width: 100%;}
.datepicker{z-index: 11111111;}
@media screen and (max-width: 890px) {
    .addserv{display: none !important;}
    .adminPayment{display: none;}
    .Desktop{display: none;}
}
@media screen and (max-width: 1024px) {
    .Desktop{display: none;}
}

@media screen and (max-width: 1224px) {
    .Desktop2{display: none;}
}

.body-404{background: rgba(136, 221, 217, 0.38);}
.body-404 h1{color: #1f3c39 !important;}
.body-404 *{color: #4f847f !important;}
.body-404 a{text-decoration: underline;}
.return-btn{background: #fcfcfc !important;}