input[type=text],input[type=email],input[type=tel]{ background-color: rgba(10,30,40,0.7); border: 1px solid #999; padding: 3px 7px; font-size: 20px; color: #fff; }
.input,input[type=submit]{display: block;font-size: 20px; color: #fff; cursor: pointer; background: rgba(10,30,40,0.9);margin: 5px; padding: 5px 15px; border: 1px solid #000;  text-align: center; transition: .3s ease;}
.input:hover,input[type=submit]:hover{color: #777; text-shadow: 1px 1px 3px #000;}
textarea{ background-color: rgba(10,30,40,0.7); border: 1px solid #999; padding:10px; font-size: 17px; color: #fff; }
table {border-top: 1px solid #999; border-left:  1px solid #999; margin: 10px; width:calc(100% - 20px);}
table td{border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 2px 7px; }

header .bell,header .bell_a, header .user{display: inline-block;vertical-align:top;height: 20px; margin: 10px 10px;cursor: pointer;background-size: 20px;background-position: 0 center; background-repeat: no-repeat;}
header .bell b,header .bell_a b{font-size: 11px; line-height: 11px; position: absolute; display: block;width: 30px; text-align: center; color: #fff; font-weight: 100; border-radius: 2px; margin: 20px 0 0 -5px; }
header .bell {width: 20px;background-image: url(/tmp/svg/fff/bell.svg);background-size: 20px;}
header .bell_a {width: 20px;background-image: url(/tmp/svg/fff/bell_a.svg);background-size: 20px;}

header .user 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 .user{background-image: url(/tmp/svg/fff/user.svg);padding: 0px 30px; line-height: 20px;}
header .user div{position: absolute; top: 35px; right: 10px; margin: 0; background-color: rgba(10,30,40,0.7); width: 150px; padding: 7px; text-align:left;}
header .user div b{display: block; border-bottom: 1px solid  #555;color: #fff;}
@media screen and (max-width: 750px){
	header .bell {margin: 10px 2px;}
	header .lang i{margin: 0px 0px 0 1px;}
	header .user i{margin: 10px -10px 0 1px;}
	header .user {padding: 0px 10px 0 0px;}
	header .user i{margin: 2px -15px 0 15px;}
	header .user span{display: none;}
}
.nav_i {text-align: center;}
.nav_i a{ text-align:center; padding:130px 10px 10px 10px; line-height: 22px;font-size: 18px; display: inline-block;vertical-align:top; width: 180px; height: 200px; background-position: center 20px; background-repeat: no-repeat;background-size: 100px; background-color: rgba(10,30,40,0.7);border: 1px solid #000; font-weight:normal;margin: 7px; border-radius: 2px; /*transition-duration: .5s;transition-timing-function: ease;transition-delay: 0s;*/}
.nav_i a:hover{ color: #999;}
.nav_i .home{background-image: url(/tmp/svg/fff/home.svg);}
.nav_i .orders{background-image: url(/tmp/svg/fff/services.svg);}
.nav_i .services{background-image: url(/tmp/svg/fff/dns.svg);}
.nav_i .tender{background-image: url(/tmp/svg/fff/tender.svg);}
.nav_i .dns{background-image: url(/tmp/svg/fff/dns.svg);}
.nav_i .vps{background-image: url(/tmp/svg/fff/vps.svg);}
.nav_i .box{background-image: url(/tmp/svg/fff/box.svg);}
.nav_i .storage{background-image: url(/tmp/svg/fff/storage.svg);}
.nav_i .tickets{background-image: url(/tmp/svg/fff/tickets.svg);}
.nav_i .chat{background-image: url(/tmp/svg/fff/chat.svg);}
.nav_i .finance{background-image: url(/tmp/svg/fff/finance.svg);}
.nav_i .partners{background-image: url(/tmp/svg/fff/partners.svg);}
.nav_i .settings{background-image: url(/tmp/svg/fff/settings.svg);}
.nav_i .news{background-image: url(/tmp/svg/fff/news.svg);}
.nav_i .admin{background-image: url(/tmp/svg/fff/admin.svg);}

.nav_i .home:hover{background-image: url(/tmp/svg/999/home.svg);}
.nav_i .orders:hover{background-image: url(/tmp/svg/999/services.svg);}
.nav_i .services:hover{background-image: url(/tmp/svg/999/dns.svg);}
.nav_i .tender:hover{background-image: url(/tmp/svg/999/tender.svg);}
.nav_i .dns:hover{background-image: url(/tmp/svg/999/dns.svg);}
.nav_i .vps:hover{background-image: url(/tmp/svg/999/vps.svg);}
.nav_i .box:hover{background-image: url(/tmp/svg/999/box.svg);}
.nav_i .storage:hover{background-image: url(/tmp/svg/999/storage.svg);}
.nav_i .tickets:hover{background-image: url(/tmp/svg/999/tickets.svg);}
.nav_i .chat:hover{background-image: url(/tmp/svg/999/chat.svg);}
.nav_i .finance:hover{background-image: url(/tmp/svg/999/finance.svg);}
.nav_i .partners:hover{background-image: url(/tmp/svg/999/partners.svg);}
.nav_i .settings:hover{background-image: url(/tmp/svg/999/settings.svg);}
.nav_i .news:hover{background-image: url(/tmp/svg/999/news.svg);}
.nav_i .admin:hover{background-image: url(/tmp/svg/999/admin.svg);}

.nav_i2 { padding: 10px 10px 10px 5%;}
.nav_i2 a{font-size:18px; padding: 5px 5px; color: #fff; transition-duration:.5s;}
.nav_i2 a:hover, .nav_i2 .a{text-shadow: 1px 0px 1px #000; color: #999; }

.div_i1 {background-color:rgba(10,30,40,0.7); padding: 10px;}
.div_i1 h2{text-align: center;}
.div_i1 h2 br{display:none; }

.tickets > a{ display: block; border: 1px solid #999; margin: 10px; padding: 10px;color: #999;background: rgba(10,30,40,0.4);}
.tickets > a:hover{background: rgba(10,30,40,0.7);}
.tickets .date{float: right; margin: 0 0 -5px 10px; font-size: 12px;}
.tickets .title{font-size: 20px;}
.tickets .title i{ background-color: #999; color:#000; font-size: 12px; padding: 0 3px; border-radius: 2px; margin: 0 10px;}
.tickets .text{font-size: 15px;}
.tickets .kol{height: 20px;}
.tickets .kol b{float: right;background-color: #999; color:#000; font-size: 12px; padding: 1px 2px; border-radius: 2px;  }
/*-- всплывающее информационное окно (Ваш статус на рассмотрение!)*/
.i_add {position:absolute;background-color: rgba(10,30,40,0.7);left: 0;top: 0;  width: calc(100% - 40px); text-align:center; z-index: 3; padding: 20px 40px;font-size: 20px; margin: 20px; }
.i_add {animation:info 5s linear 0s; transform:rotateX(90deg)}	
@keyframes info {  0%{opacity:.0;transform:rotateX(0deg)} 5%{opacity:1;} 95%{transform:rotateX(0deg)} 100%{opacity:5;transform:rotateX(90deg);} }