@charset "utf-8";
html,body{height:100%;margin:0;padding:0;}
	::-webkit-scrollbar { width: 11px; height: 11px; border: 1px solid #000;}
	::-webkit-scrollbar-button {  background-color: #123;  border: 1px solid #000;}
	::-webkit-scrollbar-track {  background-color: #999;}
	::-webkit-scrollbar-track-piece { background-color: #01050f;}
	::-webkit-scrollbar-thumb { height: 50px; background-color: #123; border: 1px solid #000;}
	::-webkit-scrollbar-corner { background-color: #999;}}
	::-webkit-resizer { background-color: #123;}
	
body{ color: #999; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
body{background-image:url('/tmp/css/svg/fon.webp'); background-position: center center;background-repeat: no-repeat; background-attachment: fixed; background-size:cover; background-color: #01050f;}
.body{background-image:url('/tmp/css/svg/fon.svg'); background-position: center 55px;background-repeat: no-repeat; background-attachment: fixed; background-size:80%;min-height: calc(100% - 0px);padding-top: 70px;}

@media screen and (max-width:900px){.body{background-size:400%;}}
p{margin:5px;}
a{color: #fff;}
a:hover{color: #eee;}
a:link,a:visited,a:active{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}
input,textarea,select{border:none;outline:none;}
*,:after,:before{box-sizing:border-box;}
h1{text-align: center}

.max_width {max-width: 1300px; text-align:left;margin: 10px auto;padding: 20px;}
.kroshka br{display: none;}

header { display: block; height:50px;position: fixed; width: 100%; top: 0;background-color: rgba(10,30,40,0.7); border-bottom: 1px solid #000;z-index: 1; text-align: right;}
@media screen and (max-width: 305px){header{width: 305px;position:static;}}
header .menu,nav .menu{float: left; margin: 13px 13px 0 13px; cursor: pointer;width:24px;height:24px;background:url(/tmp/css/svg/menu.svg) center center no-repeat;background-size: cover;}
header .logo,nav .logo{float: left; width:110px;height:50px;background-image:url('/tmp/css/svg/logo.svg'); background-position: center;background-repeat: no-repeat;background-size: 90%}
header .user_{float:right; margin: 7px 13px 0 13px; cursor: pointer;width:32px;height:32px;background:url(/tmp/css/svg/user.svg) center center no-repeat;background-size: cover;}
header .lang{display: inline-block;vertical-align:top;height: 20px; margin: 10px 10px;cursor: pointer;}
header .lang {background-size: 20px; position: sticky;}
header .lang b{text-transform: uppercase;}
header .lang i{float: right; margin: 2px 0px 0 0; width: 20px;height: 20px;background-image: url(/tmp/svg/fff/angle_down.svg);background-size: 20px;}
header .lang div{ position: absolute; top: 0; right: -30px; background-color: rgba(10,30,40,0.7); margin: 25px 0 0 -50px;width: 100px;text-align: left;}
header .lang a{display: block; line-height: 25px; height: 30px}

nav {display: block;position: fixed;z-index: 4;top: 0;bottom: 0;width: 100%;max-width: 250px;padding:0;overflow-y: auto;background-color: rgba(10,30,40,0.7);border-right: 1px solid #000;}
.nav_a{position: fixed;z-index: 4;top: 0px; left: 0; width: 100%; height: 100%;background-color: rgba(0,0,0,0.5);cursor: pointer;}
nav .nav{display: block; clear:both; } 
nav .nav a{display: block; line-height: 30px; font-size: 18px; padding: 10px 0 0px 20px;  }
nav .nav > a{color:#fff; display: block;text-align: left; padding:0 45px; line-height: 40px;font-size: 17px;margin-left: 10px; background-position: 0 center; background-repeat: no-repeat;background-size: 30px;transition-duration: .5s;}
nav .nav a:hover{color: #999}
nav .nav .home{background-image: url(/tmp/svg/fff/home.svg);}
nav .nav .orders{background-image: url(/tmp/svg/fff/services.svg);}
nav .nav .storage{background-image: url(/tmp/svg/fff/storage.svg);}
nav .nav .dns{background-image: url(/tmp/svg/fff/dns.svg);}
nav .nav .tender{background-image: url(/tmp/svg/fff/tender.svg);}
nav .nav .vps{background-image: url(/tmp/svg/fff/vps.svg);}
nav .nav .tickets{background-image: url(/tmp/svg/fff/tickets.svg);}
nav .nav .chat{background-image: url(/tmp/svg/fff/chat.svg);}
nav .nav .finance{background-image: url(/tmp/svg/fff/finance.svg);}
nav .nav .partners{background-image: url(/tmp/svg/fff/partners.svg);}
nav .nav .news{background-image: url(/tmp/svg/fff/news.svg);}
nav .nav .settings{background-image: url(/tmp/svg/fff/settings.svg);}
nav .nav .admin{background-image: url(/tmp/svg/fff/admin.svg);}
nav .nav .home:hover{background-image: url(/tmp/svg/999/home.svg);}
nav .nav .orders:hover{background-image: url(/tmp/svg/999/services.svg);}
nav .nav .storage:hover{background-image: url(/tmp/svg/999/storage.svg);}
nav .nav .dns:hover{background-image: url(/tmp/svg/999/dns.svg);}
nav .nav .tender:hover{background-image: url(/tmp/svg/999/tender.svg);}
nav .nav .vps:hover{background-image: url(/tmp/svg/999/vps.svg);}
nav .nav .tickets:hover{background-image: url(/tmp/svg/999/tickets.svg);}
nav .nav .chat:hover{background-image: url(/tmp/svg/999/chat.svg);}
nav .nav .finance:hover{background-image: url(/tmp/svg/999/finance.svg);}
nav .nav .partners:hover{background-image: url(/tmp/svg/999/partners.svg);}
nav .nav .news:hover{background-image: url(/tmp/svg/999/news.svg);}
nav .nav .settings:hover{background-image: url(/tmp/svg/999/settings.svg);}
nav .nav .admin:hover{background-image: url(/tmp/svg/999/admin.svg);}

footer{position: fixed; bottom: 0; left: 0; display: block; min-height:30px; width: 100%; background-color: rgba(10,30,40,0.7); border-top: 1px solid #000;z-index: 1;}
footer p{text-align: center; line-height: 30px; font-size: 17px;}

#config{position: fixed; bottom: 20px;right: 10px; width:270px;height:100px; padding: 15px;background-color: rgba(10,30,40,0.7); border-bottom: 1px solid #000;}
#config a{ display: block; padding: 5px;}
#config a i{float: right; margin: -5px 0px 0 10px; width:30px;height:30px; background:url('/tmp/css/svg/checkbox_1.svg') center center no-repeat;background-size: 100%;}
.config{position: fixed; bottom: 1px;right: 5px; width:30px;height:30px; cursor: pointer; background:url(/tmp/css/svg/config.svg) center center no-repeat;background-size: 98%;}