@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic");

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

.wrapper:before, .hd-row:before, .hd-info ul:before, .hd-link ul:before, .nmain-top:before, .cbreadcrumbs:before, .ncontent-top:before, .profile-tabs:before, .form-row:before, .menu-row:before, .fileupload-buttons:before, #sidebar:before, .cart .total-bonus:before, .cart .total-bonus .total-disc:before{
	display: table;
	line-height: 0;
	content: '';
}

.wrapper:after, .hd-row:after, .hd-info ul:after, .hd-link ul:after, .nmain-top:after, .cbreadcrumbs:after, .ncontent-top:after, .profile-tabs:after, .form-row:after, .menu-row:after, .fileupload-buttons:after, #sidebar:after, .cart .total-bonus:after, .cart .total-bonus .total-disc:after{
	display: table;
	clear: both;
	line-height: 0;
	content: '';
}

.float{float: left !important;}
.float_r{float: right !important;}
.clear{clear: left !important;}
.clear_r{clear: right !important;}
.both{clear: both !important;}
.w49{width: 49% !important;}
.w50{width: 50% !important;}
.w100{width: 100% !important;}
.bold{font-weight: bold !important;}
.italic{font-style: italic !important;}
.ta_left{text-align: left !important;}
.ta_right{text-align: right !important;}
.ta_center{text-align: center !important;}
.relative{position: relative !important;}
.absolute{position: absolute !important;}
.block{display: block !important;}
.none{display: none !important;}
.inline-block{display: inline-block !important;}

.after-both:after{
	display: block;
	clear: both;
	content: '';
}

h1, h2, h3, h4, h5, h6, p, div{
	margin: 0;
	padding: 0;
}

html{
	width: 100%;
	height: 100%;
}

*{
	box-sizing: border-box;
}

.wrapper{
	width: 1180px;
	margin: auto;
}

body{
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #6d6e76;
	background: #ffffff;
}

main{
	padding-top: 10px;
	background-color: #eeeeee;
	/*background-color: #fffbf0;*/
}

a{
	color: #262626;
}

a:hover{
	color: #707070;
}

table{
	border-collapse: collapse;
}

/*--------------  heads  -----------*/
.hdr{
	font-size: 22px;
	font-weight: 700;
	color: #383838;
}
.hdr .smtxt{font-weight: normal; font-size: 18px;}

.main-hdr{
	font-size: 20px;
	font-weight: 600;
	color: #383838;
	padding: 10px 10px 10px 35px;
}
.main-hdr.edit{
	background: url(../img/ihdr-edit-dop.png) left center no-repeat;
}

.main-dist{
	border-top: 1px solid #eeeeee;
	margin: 29px 0 15px;
}

.main-hdr-row{
	clear: both;
}
.main-hdr-row:after{clear: both; content: ""; display: block;}

.main-hdr-txt{
	font-size: 20px;
	font-weight: 600;
	color: #383838;
	float: left;
	padding: 10px 10px 10px 35px;
}
.main-hdr-txt.tickets{background: url(../img/ihdr-tickets.png) no-repeat 0 50%;}
.main-hdr-txt.writenew{background: url(../img/ihdr-write.png) no-repeat 0 50%;}
.main-hdr-txt.payments{background: url(../img/ihdr-paycard.png) no-repeat 0 50%;}
.main-hdr-txt.help{background: url(../img/ihdr-help.png) no-repeat 0 50%;}
.main-hdr-txt.client-hdr{background: url(../img/ihdr-client.png) no-repeat 0 50%;}
.main-hdr-txt.place-hdr{background: url(../img/ihdr-map.png) no-repeat 0 50%;}
.main-hdr-txt.comment-hdr{background: url(../img/ihdr-comments.png) no-repeat 0 55%;}
.main-hdr-txt.info-hdr{background: url(../img/ihdr-info.png) no-repeat 0 50%;}
.main-hdr-txt.docs-hdr{background: url(../img/ihdr-docs.png) no-repeat 0 50%; padding-left: 26px;}
.main-hdr-txt.tasks-hdr{background: url(../img/ihdr-tasks.png) no-repeat 0 50%;}

.about-hdr{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 45px;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	text-transform: uppercase;
	color: #595959;
	background: url(../img/about-hdr.png) left center no-repeat;
}

input[type='submit']{
	cursor: pointer;
	border: 0;
	outline: 0;
}

input.submit{
	width: 320px;
	height: 45px;
	font-size: 18px;
	font-weight: 600;
	transition: 0.15s;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #54c08a;
}

input.submit.invoice{	
	margin-bottom: 40px;
}

input.submit:hover{
	background-color: #39ab72;
}

input.submit.bg-blue{
	background-color: #6ea5de; /*#6dc6cd;*/
}

input.submit.bg-blue:hover{
	background-color: #5893d0; /*#61b3b9;*/
}

input.submit-sm{
	padding: 13px 23px;
	font-size: 16px;
	font-weight: 300;
	transition: 0.15s;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #54c08a;
}

input.submit-sm:hover{
	background-color: #39ab72;
}

input.submit-sm.disable{
	background-color: #c1c1c1;
}

button.refresh{
	margin-top: 10px;
	padding-left: 25px;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	color: #6dc6cd;
	border: none;
	outline: none;
	background: url(../img/ico-refresh.png) 0 center no-repeat;
}

button.refresh:hover span{
	text-decoration: none;
}

button.refresh span{
	text-decoration: underline;
}

a.btn, input.btn, span.btn{
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	transition: 0.15s;
	text-transform: uppercase;
	padding: 3px 6px;
	background-repeat: no-repeat;
}
a.btn-sm, input.btn-sm, span.btn-sm{
	font-size: 14px;
	padding: 8px 18px;
}
a.btn-min, input.btn-min, span.btn-min{
	font-size: 12px;
	font-weight: normal;
	padding: 2px 6px;
}

a.btn-narrow, input.btn-narrow, span.btn-narrow{
	/*font-weight: 300;*/
	font-weight: 400;
}

a.btn-light, input.btn-light, span.btn-light{
	color: #ffffff;
	background-color: #6ea5de; /*#6dc6cd;*/
}
a.btn-light:hover, input.btn-light:hover, span.btn-light:hover{
	background-color: #5893d0;	/*#52abb2;*/
}

a.btn-dark, input.btn-dark, span.btn-dark{
	color: #ffffff;
	background-color: #564fe9; /*#54c08a;*/
}
a.btn-dark:hover, input.btn-dark:hover, span.btn-dark:hover{
	background-color: #4943cb; /*#3dab74;*/
}

a.btn-countur-light, input.btn-countur-light, span.btn-countur-light{
	/*color: #6dc6cd !important;	
	border: 1px solid #6dc6cd;*/
	color: #6daae9 !important;	
	border: 1px solid #6daae9;
	background-color: #ffffff;
}
a.btn-countur-light:hover, input.btn-countur-light:hover, span.btn-countur-light:hover{color: #7dd4db; border: 1px solid #7dd4db;}

a.btn-countur-dark, input.btn-countur-dark, span.btn-countur-dark{
	/*color: #54c08a !important;	
	border: 1px solid #54c08a;*/
	color: #6156ea !important;	
	border: 1px solid #6156ea;
	background-color: #ffffff;
}
a.btn-countur-dark:hover, input.btn-countur-dark:hover, span.btn-countur-dark:hover{color: #69ce9c; border: 1px solid #69ce9c;}

a.btn-countur-red, input.btn-countur-red, span.btn-countur-red{
	color: #e21f16 !important;	
	border: 1px solid #e42e26;
}
a.btn-countur-red:hover, input.btn-countur-red:hover, span.btn-countur-red:hover{color: #e54d46; border: 1px solid #eb5d57;}

a.btn-countur-blue, input.btn-countur-blue, span.btn-countur-blue{
	color: #29529d !important;
	background-color: #ffffff;
	border: 1px solid #29529d;
}
a.btn-countur-blue:hover, input.btn-countur-blue:hover, span.btn-countur-blue:hover{color: #5b82c8; border: 1px solid #5b82c8;}

a.btn-submit, input.btn-submit{
	font-weight: 600;
	width: 320px;
}

a.btn-disabled, input.btn-disabled, input.btn-submit:disabled{
	background-color: #dddddd;
	color: #e0e0e0;
}
a.btn-disabled:hover, input.btn-disabled:hover{
	background-color: #dddddd;
	color: #e0e0e0;
}

.order-prolong a.btn-go{
	font-weight: 400;
	padding: 7px 14px;
}
a.btn-go>span{
	display: inline-block;
	padding-right: 28px;
	background: url(../img/ibtn-go.png) no-repeat 100% 4px;
}

a.btn-godark>span{
	display: inline-block;
	padding-right: 28px;
	background: url(../img/a-more-big-green.png) no-repeat 100% 4px;
}

a.btn-addticket>span{
	display: inline-block;
	padding-left: 26px;
	background: url(../img/ibtn-ticket.png) no-repeat 0 3px;
}

a.btn-change>span{
	display: inline-block;
	padding-right: 20px;
	background: url(../img/ibtn-change.png) no-repeat 100% 4px;
}


a.btn-yes>span{
	display: inline-block;
	padding-left: 24px;
	background: url(../img/ibtn-yes.png) no-repeat 0 50%;
}

a.btn-filt>span{
	display: inline-block;
	padding-left: 24px;
	background: url(../img/ibtn-find.png) no-repeat 0 50%;
}
input.btn-filt{
	padding-left: 36px;
	background-image: url(../img/ibtn-find.png);
	background-position: 18px 11px;
}


a.btn-refreh, input.btn-refreh{
	display: inline-block;
	padding: 11px 34px 11px 54px;
	font-family: "Open Sans", sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	transition: 0.15s;
	text-decoration: none;
	color: #6dc6cd;
	border: 1px solid #6dc6cd;
	background: #ffffff url(../img/ico-refresh.png) 27px center no-repeat;
}

a.btn-refreh:hover, input.btn-refreh:hover{
	background: #f5feff url(../img/ico-refresh.png) 27px center no-repeat;
}

a.btn-clear, input.btn-clear{
	display: inline-block;
	padding: 11px 34px 11px 54px;
	font-family: "Open Sans", sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	transition: 0.15s;
	text-decoration: none;
	color: #e52c24;
	border: 1px solid #e21f16;
	background: #ffffff url(../img/ico-clear.png) 27px center no-repeat;
}

a.btn-clear:hover, input.btn-clear:hover{
	background: #ffeeee url(../img/ico-clear.png) 27px center no-repeat;
}


a.del{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #fff url(../img/a-del-ico.png) no-repeat 50% 50%;
	content: "";
	border-radius: 50%;
}
a.del:hover{
	background-color: #fce8e7;
}

a.a-clear{
	display: inline-block;
	font-size: 14px;
	background: url(../img/a-trash.png) no-repeat 0 4px;
	padding: 2px 0 2px 18px;
	text-decoration: none;
}
a.a-clear>span{border-bottom: 1px dotted #303030;}

.wrap-btn{
	text-align: center;
	padding: 3px 0;
}

/*------------  for input  ---------------*/
form input::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

form input:focus::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

form input:focus::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

form input:focus:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

form input:focus:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 1;
}

.f-subscr input:focus::-webkit-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input:focus::-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input:focus:-moz-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}

.f-subscr input:focus:-ms-input-placeholder{
	transition: opacity 0.2s ease;
	opacity: 0;
}



/* div tables styles */
.tbl{
	display: table;
}
.tbl100{
	width: 100%;
}
.tbl-tr{
	display: table-row;
}
.tbl-tr>div{
	display: table-cell;
}
.tbl-basebrd{
	font-size: 14px;
	border-collapse: collapse;
}
.tbl-basebrd .tbl-tr>div{
	border: 1px solid #e6e6e6;
	padding: 6px 12px;
}

.tbl-basebrd .tbl-th>div{
	background-color: #f4f4f4;
	padding: 12px 12px;
}
.tbl-tr>div.colspan{
	border-right: none;
	border-left: none;
}
.tbl-tr>div.colspan:first-child{
	border-left: 1px solid #e6e6e6;
}
.tbl-tr>div.colspan:last-child{
	border-right: 1px solid #e6e6e6;
}

.tbl-th>div a, table.simple th a{
	text-decoration: none;
	display: inline-block;
	padding-right: 14px;
	background: url(../img/tbl-sort.png) no-repeat 100% 50%;
}
.tbl-th>div a.asc, table.simple th a.asc{background-image: url(../img/tbl-sort-asc.png);}
.tbl-th>div a.desc, table.simple th a.desc{background-image: url(../img/tbl-sort-desc.png);}

/*----------  header  -----------*/
header{
	padding-top: 0px;
	padding-bottom: 20px;
}
header:before{
	content: "Панель оператора";
	display: block;
	clear: both;
	text-align: center;
	color: #ff8813;
	background: #ffe8d1;
	padding: 8px 0;
	margin-bottom: 8px;
}

#logo{
	float: left;
	width: 24%;
	padding-top: 15px;
}

#logo img{
	max-width: 100%;
	height: auto;
}

.hd-right{
	float: right;
	width: 74%;
}

.hd-row{
	margin-bottom: 22px;
}

.hd-row:last-child{
	margin-bottom: 0;
}

.hd-user{
	float: left;
	margin-top: 6px;
	font-size: 12px;
	line-height: 16px;
	color: #6d6e76;
}

.hd-info{
	float: right;
}

.hd-info a{
	font-size: 12px;
	text-decoration: none;
	color: #6dc6cd;
}

.hd-info ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.hd-info ul li{
	float: left;
	padding: 0 18px;
	border-right: 1px solid #eeeeee;
}

.hd-info ul li:last-child{
	border-right: none;
}

a.hd-cart{
	display: inline-block;
	margin-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 22px;
	background: url(../img/ico-cart.png) 0 8px no-repeat;
	background-size: 19px 18px;
}

a.hd-cart:hover span{
	background-color: #f94265;
}

a.hd-cart span{
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 8px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	background-color: #e0193f;
}

a.hd-notific{
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 16px;
	background: url(../img/ico-notific.png) 0 8px no-repeat;
}

a.hd-notific:hover span{
	background-color: #f94265;
}

a.hd-notific span{
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 8px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	background-color: #e0193f;
}

a.hd-mail{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	text-decoration: underline;
	background: url(../img/ico-user.png) 0 center no-repeat;
}

a.hd-mail:hover{
	text-decoration: none;
}

a.hd-count{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	background: url(../img/ico-count.png) 0 center no-repeat;
}

a.hd-count span{
	text-decoration: underline;
}

a.hd-count:hover span{
	text-decoration: none;
}

a.hd-out{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	color: #6d6e76;
	background: url(../img/ico-out.png) 0 center no-repeat;
}

a.hd-out span{
	text-decoration: none;
}

a.hd-out:hover span{
	text-decoration: underline;
}

.hd-link{
	float: right;
}

.hd-link a{
	font-size: 14px;
	text-decoration: none;
	color: #5b5b5b;
}

.hd-link a:hover{
	color: #77cad0;
}

.hd-link ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.hd-link ul li{
	float: left;
	padding: 0 32px;
}

.hd-link ul li:last-child{
	padding: 0 10px 0 32px;
}

a.flag-en{
	display: inline-block;
	width: 19px;
	height: 12px;
	transition: 0.15s;
	background: url(../img/flag-en.png) center no-repeat;
}

a.flag-en:hover{
	background: url(../img/flag-en-active.png) center no-repeat;
}

a.flag-en.active{
	background: url(../img/flag-en-active.png) center no-repeat;
}

a.flag-ua{
	display: inline-block;
	width: 19px;
	height: 12px;
	transition: 0.15s;
	background: url(../img/flag-ua.png) center no-repeat;
}

a.flag-ua:hover{
	background: url(../img/flag-ua-active.png) center no-repeat;
}

a.flag-ua.active{
	background: url(../img/flag-ua-active.png) center no-repeat;
}

a.flag-ru{
	display: inline-block;
	width: 19px;
	height: 12px;
	transition: 0.15s;
	background: url(../img/flag-ru.png) center no-repeat;
}

a.flag-ru:hover{
	background: url(../img/flag-ru-active.png) center no-repeat;
}

a.flag-ru.active{
	background: url(../img/flag-ru-active.png) center no-repeat;
}

header.hd-entry{
	padding-top: 10px;
	padding-bottom: 20px;
}

.hd-entry #logo{
	width: 22%;
}

.hd-entry .hd-right{
	padding-top: 50px;
}

.hd-entry .hd-right .hd-row:first-child{
	display: none;
}

/* oper site sel */
.oper-site{
	clear: both;
	margin: 0 0 14px 0;
	border: 2px solid #6ea5de; /*#6dc6cd;*/
}
.oper-site>div{float: left; width: 69.9999%;}
.oper-site>div:last-child{float: right; width: 29.9999%;}
.oper-site:after{clear: both; content: ""; display: block;}

.sb .oper-site select{
	border: 0;
	box-sizing: border-box;
	height: 34px;
	display: block;
	width: 100%;
}
.sb .oper-site a{
	display: block;
	height: 34px;
	box-sizing: border-box;
	padding: 8px 0 0 0;
	background: #6ea5de; /*#6dc6cd;*/
	text-align: center;
	text-decoration: none;	
	text-transform: uppercase;
	color: #fff;
}
.sb .oper-site a:hover{background: #54bac2;}

/*-----  sidebar -----*/
.sb{
	float: left;
	width: 24%;
	font-size: 14px;
	line-height: 18px;
}

.sb ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sb a{
	display: block;
	padding: 2px 10px 2px 48px;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	color: #626262;
	background: #ffffff url(../img/sb-arr.png) 30px center no-repeat;
}

.sb a.active{
	font-weight: 600;
}

.sb > ul > li > ul{
	display: none;
}

.sb-hdr, a.sb-hdr{
	display: block;
	padding: 12px 25px 12px 43px;
	cursor: pointer;
	color: #000000;
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 10px center, 94% center;
}

.open .sb-hdr, .open a.sb-hdr{
	border-bottom: 1px solid #ffffff;
	background-color: #eeeeee;
}

.sb-hdr-in, a.sb-hdr-in{
	display: block;
	padding: 7px 10px 7px 28px;
	color: #626262;
	border-bottom: 1px solid #ffffff;
	background: #f6f6f6 url(../img/sb-hdr-in.png) 14px center no-repeat;
}

.sb-hdr-in:hover, a.sb-hdr-in:hover{
	background: #ffffff url(../img/sb-hdr-in.png) 14px center no-repeat;
}

.sb-home .sb-hdr, .sb-home a.sb-hdr{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #eeeeee url(../img/sb-home.png) 16px center no-repeat;
}

.sb-payment{
	transition: 0.2s;
	border-left: 2px solid transparent;
}

.sb-payment .sb-hdr, .sb-payment a.sb-hdr{
	background-image: url(../img/sb-payment.png), url(../img/sb-hdr-closed.png);
}

.sb-payment .sb-hdr-in.active{
	color: #ffffff;
	background: #54c08a url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}

.sb-payment.open{
	border-left-color: #54c08a;
}

.sb-payment.open .sb-hdr, .sb-payment.open a.sb-hdr{
	background-image: url(../img/sb-payment.png), url(../img/sb-hdr-open.png);
}

.sb-services{
	border-left: 2px solid transparent;
}

.sb-services .sb-hdr, .sb-services a.sb-hdr{
	background-image: url(../img/sb-services.png), url(../img/sb-hdr-closed.png);
}

.sb-services .sb-hdr-in.active{
	color: #ffffff;
	background: #f9b437 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}

.sb-services.open{
	border-left-color: #f9b437;
}

.sb-services.open .sb-hdr, .sb-services.open a.sb-hdr{
	background-image: url(../img/sb-services.png), url(../img/sb-hdr-open.png);
}

.sb-infodb{
	border-left: 2px solid transparent;
}

.sb-infodb .sb-hdr, .sb-infodb a.sb-hdr{
	background-image: url(../img/sb-infodb.png), url(../img/sb-hdr-closed.png);
}

.sb-infodb .sb-hdr-in.active{
	color: #ffffff;
	background: #ae84a7 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}

.sb-infodb.open{
	border-left-color: #ae84a7;
}

.sb-infodb.open .sb-hdr, .sb-infodb.open a.sb-hdr{
	background-image: url(../img/sb-infodb.png), url(../img/sb-hdr-open.png);
}

.sb-support{
	border-left: 2px solid transparent;
}

.sb-support .sb-hdr, .sb-support a.sb-hdr{
	background-image: url(../img/sb-support.png), url(../img/sb-hdr-closed.png);
}

.sb-support .sb-hdr-in.active{
	color: #ffffff;
	background: #397dd2 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}

.sb-support.open{
	border-left-color: #397dd2;
}

.sb-support.open .sb-hdr, .sb-support.open a.sb-hdr{
	background-image: url(../img/sb-support.png), url(../img/sb-hdr-open.png);
}

.sb-settings{
	border-left: 2px solid transparent;
}

.sb-settings .sb-hdr, .sb-settings a.sb-hdr{
	background-image: url(../img/sb-settings.png), url(../img/sb-hdr-closed.png);
}

.sb-settings .sb-hdr-in.active{
	color: #ffffff;
	background: #f46800 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}

.sb-settings.open{
	border-left-color: #f46800;
}

.sb-settings.open .sb-hdr, .sb-settings.open a.sb-hdr{
	background-image: url(../img/sb-settings.png), url(../img/sb-hdr-open.png);
}

.sb-help{border-left: 2px solid transparent;}
.sb-help .sb-hdr, .sb-help a.sb-hdr{
	background-image: url(../img/sb-help.png), url(../img/sb-hdr-closed.png);
}
.sb-help .sb-hdr-in.active{
	color: #ffffff;
	background: #4ccde0 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}
.sb-help.open{border-left-color: #4ccde0;}
.sb-help.open .sb-hdr, .sb-help.open a.sb-hdr{
	background-image: url(../img/sb-help.png), url(../img/sb-hdr-open.png);
}

.sb-queue{
	border-left: 2px solid transparent;
}
.sb-queue .sb-hdr, .sb-queue a.sb-hdr{
	background-image: url(../img/sb-queue.png);
}
.sb-queue .sb-hdr-in.active{
	color: #ffffff;
	background: #f9b437 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}
.sb-queue.open{
	border-left-color: #f9b437;
}
.sb-queue.open .sb-hdr, .sb-queue.open a.sb-hdr{
	background-image: url(../img/sb-queue.png);
}

.sb-users{
	border-left: 2px solid transparent;
}
.sb-users .sb-hdr, .sb-users a.sb-hdr{
	background-image: url(../img/sb-users.png);
}
.sb-users .sb-hdr-in.active{
	color: #ffffff;
	background: #ae84a7 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}
.sb-users.open{
	border-left-color: #ae84a7;
}
.sb-users.open .sb-hdr, .sb-users.open a.sb-hdr{
	background-image: url(../img/sb-users.png);
}

.sb-search{
	border-left: 2px solid transparent;
}
.sb-search .sb-hdr, .sb-search a.sb-hdr{
	background-image: url(../img/sb-search.png);
}
.sb-search .sb-hdr-in.active{
	color: #ffffff;
	background: #66738e url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}
.sb-search.open{
	border-left-color: #66738e;
}
.sb-search.open .sb-hdr, .sb-search.open a.sb-hdr{
	background-image: url(../img/sb-users.png);
}

.sb-spam{
	border-left: 2px solid transparent;
}
.sb-spam .sb-hdr, .sb-spam a.sb-hdr{
	background-image: url(../img/sb-spam.png);
}
.sb-spam .sb-hdr-in.active{
	color: #ffffff;
	background: #e15061 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}
.sb-spam.open{
	border-left-color: #e15061;
}
.sb-spam.open .sb-hdr, .sb-spam.open a.sb-hdr{
	background-image: url(../img/sb-spam.png);
}

.sb-faq{
	border-left: 2px solid transparent;
}
.sb-faq .sb-hdr, .sb-faq a.sb-hdr{
	background-image: url(../img/sb-faq.png), url(../img/sb-hdr-closed.png);
}
.sb-faq .sb-hdr-in.active{
	color: #ffffff;
	background: #397dd2 url(../img/sb-hdr-in-active.png) 14px center no-repeat;
}
.sb-faq.open{
	border-left-color: #397dd2;
}
.sb-faq.open .sb-hdr, .sb-faq.open a.sb-hdr{
	background-image: url(../img/sb-faq.png), url(../img/sb-hdr-open.png);
}

/*----------- myaccount -------*/
#nmain{
	float: right;
	width: 75%;
	min-height: calc(100vh - 226px);
	padding-bottom: 60px;
	border-bottom: 1px solid #eeeeee;
	background: #ffffff;	
}

.nmain-top{
	padding: 12px 22px 13px 15px;
	border-bottom: 1px solid #eeeeee;
}

.cbreadcrumbs{
	float: left;
	font-size: 14px;
	font-weight: 400;
	color: #383838;
}

.cbreadcrumbs a{
	color: #8a8a8a;
}

.cbreadcrumbs a:hover{
	text-decoration: none;
}

.cbreadcrumbs > div{
	float: left;
	padding-right: 14px;
	padding-left: 7px;
	background: url(../img/ico-brc.png) right center no-repeat;
}

.cbreadcrumbs > div:first-child{
	padding-left: 0;
}

.cbreadcrumbs > div:last-child{
	background: none;
}

#toggle-menu{
	display: none;
	float: right;
	width: 30px;
	height: 19px;
	margin-top: 4px;
	cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

#toggle-menu span{
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
	background-color: #888888;
}

#toggle-menu span:nth-child(1){
	top: 0;
}

#toggle-menu span:nth-child(2){
	top: 8px;
}

#toggle-menu span:nth-child(3){
	top: 16px;
}

#toggle-menu.open span:nth-child(1){
	top: 9px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#toggle-menu.open span:nth-child(2){
	right: -60px;
	opacity: 0;
}

#toggle-menu.open span:nth-child(3){
	top: 9px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.ncontent-top{
	padding: 13px 25px 14px 15px;
	border-bottom: 1px solid #eeeeee;
}

.ncontent-top .hdr{
	float: left;
}


.ncontent-load{
	width:100%;
	height:200px;
	background: url(../img/ico-refresh.png) center no-repeat;
	border:1px solid #e8e8e8;
}

.top-right{
	float: right;
}

.top-right .ncontent-set{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ncontent-set.png) center no-repeat;
}
.top-right .ncontent-set:hover{opacity: 0.8;}

.top-right .ncontent-tickets{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ncontent-tickets.png) center no-repeat;
	content: "";
}

.top-right .ncontent-pay{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ncontent-pay.png) center no-repeat;
}
.top-right .ncontent-pay:hover{opacity: 0.8;}

.top-right .ncontent-cloud{
	display: block;
	width: 26px;
	height: 24px;
	background: url(../img/cloud-ico.png) center no-repeat;
}

.top-right .ncontent-set:hover{
	opacity: 0.8;
}

.top-right .ncontent-balance{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ncontent-balance.png) center no-repeat;
}
.top-right .ncontent-balance:hover{opacity: 0.8;}

.top-right .ncontent-help{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ihdr-help.png) center no-repeat;
}
.top-right .ncontent-client{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ihdr-client-big.png) center no-repeat;
}
.top-right .ncontent-cart{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ihdr-cart.png) center no-repeat;
}
.top-right .ncontent-done{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ihdr-yes.png) center no-repeat;
}

.profile-tabs{
	margin-bottom: 20px;
	padding: 10px 15px 0;
}

.profile-tabs .tab{
	display: block;
	float: left;
	width: 33.3%;
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	cursor: pointer;
	text-align: center;
	color: #555555;
	border-top: 1px solid #eeeeee;
	border-bottom: 3px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	background-color: #f6f6f6;
}

.profile-tabs .tab:hover{
	background-color: #ffffff;
}

.profile-tabs .tab:last-child{
	border-right: 1px solid #eeeeee;
}

.profile-tabs .tab.active{
	color: #d66a1a;
	border-bottom: 3px solid #f46800;
	background-color: #ffefe4;
}

.radio-tabs .radio input{
	position: absolute;
	left: -100em;
}

.domain-tabs .tab{width: auto;}
.domain-tabs .tab a{display: block; width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; text-decoration: none;}

.form-block{
	padding: 15px 0;
	border-bottom: 1px solid #eeeeee;
}

.form-block:last-child{
	border-bottom: none;
}

.form-row{
	margin-bottom: 16px;
}

.profile-form .form-row .form-td.label{
	float: left;
	width: 32%;
	padding-top: 10px;
	padding-right: 20px;
	text-align: right;
}

.profile-form .form-row .form-td.text{
	float: left;
	width: 32%;
	padding-top: 10px;
	padding-right: 20px;
	text-align: left;
}

.profile-form .form-row .form-td{
	float: right;
	width: 68%;
}

/* radio selectors */
.form-r-selector{
	padding: 8px 0;
}
.form-r-selector label{cursor: pointer;}

.form-r-notice {
	border: 1px solid #f8df6a;
	background: #fffee4 url(../img/notice-ico.png) no-repeat 15px 18px;
	border-radius: 4px;
	padding: 18px 38px;
	margin: 6px 24px 0 24px;
	font-size: 13px;
	line-height: 16px;
	display: none;
}

.form-r-selector input[type='radio']:checked+label+div.form-r-notice{display: block;}

.profile-form .form-row .form-td.label>div span.label-comment{
	display: block;
	font-size: 13px;
	color: #a0a0a0;
	line-height: 15px;
	padding: 4px 0;
}

/* end of radio selectors */

h3.acctype{
	width: 320px;
	margin-bottom: 20px;
	margin-left: 32%;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	color: #424242;
}

.helplink{
	display: none;
}

.hint{
	display: none;
	font-size: 14px;
	color: #989898;
}
.err .hint{
	color: #e52e3b;
}
.hint-err{
	display: none;
	font-size: 14px;
	color: #e52e3b;
}

.profile-form select, .profile-form input[type='text'], .profile-form input[type='number'], .profile-form input[type='password'], .profile-form textarea{
	width: 320px;
	height: 44px;
	padding: 0 30px 0 16px;
	font-size: 16px;
	font-weight: 300;
	color: #383838;
	border: 1px solid #9b9b9b;
	outline: none;
	background-color: #ffffff;
}
.profile-form input[type='number']{
	width: 100px;
	padding-right: 5px;
}

.profile-form select::-webkit-input-placeholder, .profile-form input[type='text']::-webkit-input-placeholder, .profile-form input[type='password']::-webkit-input-placeholder, .profile-form textarea::-webkit-input-placeholder{
	color: #a4a4a4;
}

.profile-form select:-moz-placeholder, .profile-form input[type='text']:-moz-placeholder, .profile-form input[type='password']:-moz-placeholder, .profile-form textarea:-moz-placeholder{
	color: #a4a4a4;
}

.profile-form select::-moz-placeholder, .profile-form input[type='text']::-moz-placeholder, .profile-form input[type='password']::-moz-placeholder, .profile-form textarea::-moz-placeholder{
	color: #a4a4a4;
}

.profile-form select:-ms-input-placeholder, .profile-form input[type='text']:-ms-input-placeholder, .profile-form input[type='password']:-ms-input-placeholder, .profile-form textarea:-ms-input-placeholder{
	color: #a4a4a4;
}

.profile-form select:focus, .profile-form input[type='text']:focus, .profile-form input[type='password']:focus, .profile-form textarea:focus{
	padding: 0 29px 0 15px;
	border: 2px solid #6dc6cd;
	outline: none;
}

.verif select, .verif input[type='text'], .verif input[type='password'], .verif textarea{
	background: #ffffff url(../img/bg-verif.png) 94% center no-repeat;
}

.err select, .err input[type='text'], .err input[type='password'], .err textarea{
	border: 1px solid #e52e3b !important;
	background: #ffffff url(../img/bg-err.png) 94% center no-repeat;
}

.err .hint{
	color: #e52e3b;
}

.about{
	margin: 0 15px;
	padding: 25px 20px 10px;
	background: url(../img/bg-about.png) right center no-repeat;
	background-size: 100% 100%;
}

.about-cont{
	padding: 25px 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.about-cont a{
	color: #595959;
}

.about-cont a:hover{
	text-decoration: none;
}

.about-small{
	background: #f0f9fa;
	padding: 18px 20px;
	margin: 0;
}
.about-small .about-cont{
	padding: 2px 10px 2px 28px;
	background: url(../img/about-hdr-sm.png) no-repeat 0 4px;
	color: #628a9b;
	font-size: 13px;
	line-height: 18px;
	/*margin-right: 170px;*/
}
.about-padright .about-cont{margin-right: 170px;}
.about-btn{
	float: right;
	width: 160px;
}

/*----------- topay -------*/
.top-right .ncontent-pay{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ncontent-pay.png) center no-repeat;
}

.top-right .ncontent-pay:hover{
	opacity: 0.8;
}

.menu-row{
	margin: 0;
	padding: 10px 15px 6px 15px;
	list-style: none;
}

.menu-row li{
	float: left;
	width: 141px;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}

.menu-row li:last-child{
	border-right: 1px solid #eeeeee;
}

.menu-row li:hover{
	background-color: #f6f6f6;
}

.menu-row li.active{
	font-weight: 700;
	border-bottom: 2px solid #f46800;
	background-color: #ffefe4;
}

.menu-row li.active a{
	padding-bottom: 9px;
	cursor: default;
	color: #f46800;
}

.menu-row a{
	display: block;
	padding: 10px 0;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.15s;
	text-align: center;
	text-decoration: none;
	color: #555555;
}

form.invoices-direct{
	padding: 13px 25px 8px 15px;
	text-align: right;
}

form.invoices-direct span{
	vertical-align: middle;
	color: #535353;
}

input.invdir{
	width: 332px;
	height: 45px;
	margin-left: 3px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 400;
	vertical-align: middle;
	color: #535353;
	border: 1px solid #9b9b9b;
	background-color: #ffffff;
}

input.invdir::-webkit-input-placeholder{
	color: #b0b0b0;
}

input.invdir:-moz-placeholder{
	color: #b0b0b0;
}

input.invdir::-moz-placeholder{
	color: #b0b0b0;
}

input.invdir:-ms-input-placeholder{
	color: #b0b0b0;
}

input.nsubmit{
	width: 45px;
	height: 45px;
	vertical-align: middle;
	background: url(../img/ico-nsubmit.png) center no-repeat;
	background-size: 100% 100%;
}

input.nsubmit:hover{
	opacity: 0.9;
}

.orders{
	padding: 13px 25px 14px 15px;
}

.simple{
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

.orders-list{
	margin-bottom: 10px;
}

.simple thead{
	background-color: #f4f4f4;
}

.simple thead th{
	padding: 10px 5px;
	font-weight: 300;
	color: #000000;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.simple thead th:last-child{
	border-right: 1px solid #e6e6e6;
}

.simple tbody td{
	padding: 3px 5px;
	font-size: 13px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.simple tbody td:last-child{
	border-right: 1px solid #e6e6e6;
}

.simple .title{
	width: 45%;
}
.simple .title.title-slim{
	width: initial;
}

.id{
	width: 9%;
	font-size: 12px;
	color: #000000;
}

.title-invoice a{
	display: block;
	padding: 10px 40px 10px 30px;
	text-align: left;
	text-decoration: none;
}

.title-invoice a:hover{
	text-decoration: underline;
}

.title-invoice a span{
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #29529d;
}

.title-invoice a .ref{
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	line-height: 16px;
	color: #606060;
}

.title{
	text-align: left;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
}

.title a{
	cursor: pointer;
	text-decoration: none;
}

.title a:hover{
	text-decoration: none;
}

.title .ref{
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	line-height: 16px;
	color: #606060;
}

.title .chip{
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	text-decoration: underline;
	line-height: 16px;
	color: #606060;
}

.title-sub {
	background: url('../img/ico-title-arr.png');
	background-repeat: no-repeat;
	background-position: 2% center;
}

.title-sub div{
	padding-left: 30px;
}

.title-sub.title-subbuy{
	font-size: 16px;
	font-weight: bold;
	color: #262626;
}
.title-sub.title-subbuy .ref{
	font-size: 15px;
}

.title-sub a{
	font-weight: 400;
	cursor: pointer;
	text-decoration: none;
}


.title-main2 span.ref{
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	line-height: 16px;
	color: #606060;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
}

.title a .ref b.ref-cost{font-weight: normal; color: #54c08a;}

.title-main2 a{
	cursor: pointer;
/*	background: url(../img/ico-title.png) 98% center no-repeat;
	background: center no-repeat;*/
	font-size: 16px;
	padding: 5px 40px 5px 10px;
}

.title-ssl a{
	text-decoration: underline;
	background: /*url(../img/ico-title.png),*/ url(../img/ico-title-ssl.png);
	background-repeat: no-repeat;
	background-position: /*98% center,*/ 2% center;
}

.ordertd{
	text-decoration: none;
}
.ordertd a{
	cursor: pointer;
	text-decoration: none;
}
.ordertd a:hover{
	text-decoration: none;
}

tr.dist{
	height: 10px;
}

.price{
	width: 9%;
	font-size: 13px;
	color: #949494;
}

.price-bold{
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}

/* .status{
	width: 9%;
	background: #ecfaf3 url(../img/ico-credit-card-grey.png) center no-repeat;
}

.status-unpaid{
	width: 9%;
	background: url(../img/ico-credit-card-grey.png) center no-repeat;
}

.status-partpaid{
	width: 9%;
	background: url(../img/ico-credit-card.png) center no-repeat;
}

.status-paid{
	width: 9%;
	background: #ecfaf3 url(../img/ico-credit-card-gr.png) center no-repeat;
} */
.status-unpaid{
	width: 9%;
	background: url(../img/ico-credit-card-grey.png) center no-repeat;
}

.status-topay{
	width: 9%;
	background: url(../img/ico-credit-card.png) center no-repeat;
}

.status{
	width: 9%;
	background: #ecfaf3 url(../img/ico-credit-card-gr.png) center no-repeat;
}
td.tooltip[class^="status"]:before {
	content: attr(data-status);
	display: block;
	width: 100%;
	opacity:0;
	transition:.25s ease-in-out;
}
td.tooltip[class^="status"]:hover:before {
	opacity:1;
}
td.status.tooltip:before {	
	background: #ecfaf3;
	color: #2c9862;
}
td.status-topay.tooltip:before {
	background: #fff;
	color: #fdc600;
}
td.status-unpaid.tooltip:before {
	background: #fff;
	color: #949494;
}

.status-red-wrap {
    text-align: center;
    margin-bottom: 2em;
}

.status-red, .status-green {
    padding: 10px 20px;
    background: #FFD1D1;
    color: #940000;
    border: 2px solid #FF9E9E;
    border-radius: 10px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
}

.status-green {
    background-color: #C7FFDD;
    color: #00752F;
    border-color: #00E05A;
}

.status-red.rotated, .status-green.rotated {
    transform: rotate(-3deg);
}

.invoice{
	width: 9%;
}

.invoice-doc-download{
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px !important;
	font-size: 14px;
	text-decoration: underline;
	color: #76cad0;
	background: url(../img/ico-inv-pdf.png) 6px no-repeat !important;
	background-position: left center;
}

.invoice a:hover{
	text-decoration: none;
}
a.pdf{
	display: inline-block;
	background: url(../img/ico-inv-pdf.png) no-repeat 0 center;
	padding: 1px 0 1px 28px;
}

.term{
	width: 15%;
	font-size: 12px;
	line-height: 16px;
	color: #898989;
}

.term-to span{
	font-weight: 600;
	color: #000000;
}

.term-to-warn{color: #e54141;}
.term-to-warn span{color: #e54141;}


.term-indicator{
	position: relative;
	overflow: hidden;
	width: 80%;
	height: 17px;
	margin: 0 auto 5px;
	border-radius: 15px;
	background-color: #58a3a8;
}

.term-indicator span{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	font-size: 10px;
	color: #ffffff;
}

.therm-in{
	height: 17px;
	background-color: #6dcdd5;
}

.term-indicator-end{background-color: #ff7c76;}
.term-indicator-end .therm-in{background-color: #ff4141;}

.haschild{
	height: 53px;
}

.haschild-bg{
	background-color: #f8f8f8;
}

.haschild-bg .status-topay{
	background: #f8f8f8 url(../img/ico-credit-card.png) center no-repeat;
}

/* order list dop */

.inside-container .orders{padding-left: 0; padding-right: 0;}
.inside-container .about{margin: 0;}

.order-prolong{
}
.order-prolong td{
	padding: 6px 6px;
	color: #383838;
	background-color: #f9f9f9;
}
.order-prolong-period{
	float: right;
	width: 20%;
	text-align: right;
}
.order-prolong-period>select{
	height: 30px;
	min-width: 80px;
}
.order-prolong-chk{
	text-align: left;
	padding: 2px 0 0 6px;
}
.order-prolong-chk>span{
	display: block;
	padding: 2px 4px 2px 0px;
	font-size: 13px;
}
.order-prolong-chk label{
	position: relative;
	display: block;
	padding: 2px 4px 2px 22px;
	font-size: 13px;
	cursor: pointer;
}
.order-prolong-chk input[type='checkbox']{display: none;}
.order-prolong-chk input[type='checkbox'] + label:before{
	position: absolute;
	top: 5px;
	left: 0px;
	display: block;
	width: 15px;
	height: 15px;
	content: '';
	transition: 0.2s;
	background: url(../img/checkbox-empty.png) center no-repeat;
}

.order-prolong-chk input[type='checkbox']:checked + label:before{
	background: url(../img/checkbox-checked-sq-red.png) no-repeat 50% 50%;
}
.order-prolong .price{padding: 0;}

/* order information page */
.order-summary{
	clear: both;
	padding: 5px 0 10px 0;
}
.order-summary:after{clear: both; content: ""; display: block;}
.order-sum-stat{
	float: right;
}
.order-sum-stat>span{
	display: block;
	margin: 0 0 auto auto;
	width: 140px;
	text-align: center;
	background-color: #f0f0f0;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px 0;
	text-transform: uppercase;
}
.order-sum-stat>span.ostat-active{background-color: #f1fff8; color: #54c08a;}
.order-sum-stat>span.ostat-stopped{background-color: #fff5f5; color: #e54141;}

.order-sum-dt{
	margin-top: 3px;
	font-size: 13px;
	background: url(../img/dt.png) no-repeat 0 0;
	padding-left: 28px;
	margin-bottom: 6px;
}
.order-sum-dt>span{font-weight: 600; color: #101010;}


.order-dopusl{
	clear: both;
	margin: 28px 0;
	padding-top: 20px;
}
.main-hdr-txt.dopopts{
	background: url(../img/hdr-options.png) no-repeat 0 55%;
	padding-left: 30px;
}

.order-dopfrm{
	clear: both;
	border: 1px solid #e2f5f7;
	background-color: #f8fcfd;
	padding: 10px 25px 28px 16px;
}
.order-dopfrm form{margin: 0; padding: 0;}

.dopform{clear: both; padding-bottom: 20px;}
.dopform:after{clear: both; content: ""; display: block;}
.dopform-row{
	clear: both;
	padding: 16px 0;
	border-bottom: 1px solid #ceeef1;
}
.dopform-row:after{clear: both; content: ""; display: block;}
.dopusl{
	float: left;
	width: 75%;
}
.dopusl>span{
	display: block;
	box-sizing: border-box;
	width: 49%;
	padding: 8px 10px 0 0;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	text-align: right;
}
.dopusl-cost{
	float: right;
	width: 24%;
	font-size: 15px;
	padding-top: 4px;
}
.dopusl-combo{
	float: right;
	width: 50%;
}
.dopusl-combo select{
	height: 30px;
	width: 100%;
}

/* invoice item page */
.invoice-summary{
	clear: both;
	padding: 20px 0 10px 0;
}
.invoice-summary:after{clear: both; content: ""; display: block;}
.invoice-sum-stat{
	float: right;
	text-align: right;
}
.invoice-sum-stat>span{
	display: inline-block;
	background-color: #f0f0f0;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 12px 5px 40px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 12px 50%;
}
.invoice-sum-stat>span.invstat-payed{background-color: #f1fff8; color: #54c08a; background-image: url(../img/pay-stat-yes.png);}
.invoice-sum-stat>span.invstat-notpayed{background-color: #fff5f5; color: #e54141; background-image: url(../img/pay-stat-no.png);}
.invoice-sum-stat>span.invstat-part{background-color: #fff5f5; color: #e54141; background-image: url(../img/pay-stat-part.png);}

.invoice-sum-dt{
	margin-top: 3px;
	font-size: 15px;
	background: url(../img/dt.png) no-repeat 0 0;
	padding-left: 28px;
	margin-bottom: 6px;
}
.invoice-sum-dt>span{font-weight: 600; color: #101010;}
.invoice-sum-bill{font-size: 15px; margin-top: 3px;}

.invoice-tot td{padding: 12px 0;}
.invoice-tot td:first-child{text-align: right; font-size: 13px; padding-right: 12px;}

.title-invmain a{background-image: none;}
.title-invmain.title-subbuy{
	font-size: 14px;
}
.title-invmain.title-subbuy .ref{
	font-size: 13px;
}

.inv-action{
	display: block;
	float: right;
	background-color: #f0f0f0;
	font-size: 13px;
	line-height: 14px;
	margin-right: 12px;
	margin-top: 6px;
	padding: 5px 12px;
}
.inv-action-buy{
	background-color: #ecf9ff;
	color: #48aad3;
}
.inv-action-prolong{
	background-color: #fff5e5;
	color: #ff8809;
}
.inv-action>span{
	display: inline-block;
	padding: 2px 0 2px 20px;
}
.inv-action-buy>span{
	background: url(../img/invoice-act-buy.png) no-repeat 0 1px;
}
.inv-action-prolong>span{
	background: url(../img/invoice-act-prolong.png) no-repeat 0 4px;
	padding-left: 18px;
}

/*---------- documents ---------*/
.uploader{
	float: right;
	padding: 11px 25px 6px 15px;
}

.fileupload-title{
	border: 1px solid #000;
	font-size: 16px;
    padding: 11px 45px 13px 10px;
}

.fileuploader-filename-wrap{
	float: right;
	padding-top: 11px;
}

.fileuploader-filename{
	height: 45px;
    display: table-cell;
    vertical-align: middle;
}


.fileupload-buttons span{
	vertical-align: middle;
}

.btn-files{
	padding: 10px 25px 10px 39px;
	cursor: pointer;
	letter-spacing: 0.5px;
	color: #6dc6cd;
	border: 1px solid #6dc6cd;
	background: url(../img/ico-btn-files.png) 15px center no-repeat;
}

.btn-files:hover{
	padding: 9px 24px 9px 38px;
	color: #4fa1a9;
	border: 2px solid #64adb3;
	background: url(../img/ico-btn-hover.png) 15px center no-repeat;
}

#files{
	visibility: hidden;
	width: 1px;
}

.fileupload-buttons select{
	width: 250px;
	height: 44px;
	padding: 0 30px 0 10px;
	font-size: 16px;
	font-weight: 300;
	vertical-align: middle;
	color: #a4a4a4;
	border: 1px solid #9b9b9b;
	outline: none;
	background-color: #ffffff;
}

.fileupload-buttons select::-webkit-input-placeholder{
	color: #a4a4a4;
}

.fileupload-buttons select:-moz-placeholder{
	color: #a4a4a4;
}

.fileupload-buttons select::-moz-placeholder{
	color: #a4a4a4;
}

.fileupload-buttons select:-ms-input-placeholder{
	color: #a4a4a4;
}

.fileupload-buttons select:focus{
	padding: 0 29px 0 9px;
	border: 2px solid #6dc6cd;
	outline: none;
}

.fileupload-buttons .submit-sm{
	margin-left: 5px;
	vertical-align: middle;
}

.fileupload-buttons .refresh{
	float: right;
}

.uploader-info{
	font-size: 12px;
	color: #b5b5b5;
}

#fileuploadlist{
	padding: 13px 15px 14px 15px;
}

table.filelist{
	width: 100%;
}
table.tbl{
	width: 100%;
}

.filelist thead{
	background-color: #f4f4f4;
}
.tbl thead{
	background-color: #f4f4f4;
}

.filelist thead th{
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	color: #606060;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
.tbl thead th{
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	color: #606060;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.filelist thead th:last-child{
	border-right: 1px solid #e6e6e6;
}
.tbl thead th:last-child{
	border-right: 1px solid #e6e6e6;
}

.filelist tbody td{
	/* padding: 9px 0; */
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
.tbl tbody td{
	padding: 9px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.filelist tbody td:last-child{
	border-right: 1px solid #e6e6e6;
}
.tbl tbody td:last-child{
	border-right: 1px solid #e6e6e6;
}

.filelist th.file-th{
	padding-left: 20px;
	text-align: left;
}
.tbl th.file-th{
	padding-left: 20px;
	text-align: left;
}

.filelist th.ico-red{
	background: url(../img/ico-red.png) center 14px no-repeat;
}
.tbl th.ico-red{
	background: url(../img/ico-red.png) center 14px no-repeat;
}

.filelist .file-check{
	width: 4.5%;
}
.tbl .file-check{
	width: 4.5%;
}

.filelist .row-tit .file-doc{
	font-size: 14px;
	font-weight: 600;
	color: #606060;
}
.tbl .row-tit .file-doc{
	font-size: 14px;
	font-weight: 600;
	color: #606060;
}

.filelist .file-doc{
	width: 61%;
	padding-left: 20px;
	font-size: 14px;
	text-align: left;
	color: #606060;
}
.tbl .file-doc{
	width: 61%;
	padding-left: 20px;
	font-size: 14px;
	text-align: left;
	color: #606060;
}

.filelist .file-title{
	padding-left: 20px;
	font-size: 14px;
	text-align: left;
	color: #606060;
}
.tbl .file-title{
	padding-left: 20px;
	font-size: 14px;
	text-align: left;
	color: #606060;
}

.filelist .file-size{
	width: 11%;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	color: #616161;
}
.tbl .file-size{
	width: 11%;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	color: #616161;
}

.filelist .file-red{
	width: 5%;
	padding: 0;
}
.tbl .td-btn{
	width: 5%;
	padding: 0;
}

.filelist .file-red a{
	display: block;
	width: 100%;
	height: 35px;
	background: url(../img/ico-file-red.png) center no-repeat;
}
.tbl .td-btn a{
	display: block;
	width: 100%;
	height: 35px;
}
.tbl .td-btn .a-edit{
	background: url(../img/ico-file-red.png) center no-repeat;
}
.tbl .td-btn .a-delete{
	background: url(../img/ico-file-close.png) center no-repeat;
}

.filelist .file-red a:hover{
	opacity: 0.8;
}
.tbl .td-btn a:hover{
	opacity: 0.8;
}

.filelist .file-date{
	width: 10%;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #616161;
}
.tbl .file-date{
	width: 10%;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #616161;
}

.filelist .file-close{
	width: 4%;
	padding: 0;
}

.filelist .file-close a{
	display: block;
	width: 100%;
	height: 35px;
	background: url(../img/ico-file-close.png) center no-repeat;
}

.filelist .file-close a:hover{
	opacity: 0.8;
}

.file-row{
	background-color: #fff;
}

.file-row-blue-h{
	background-color: #e0f2f3;
}

.file-row-blue{
	background-color: #f6fcfc;
}

.file-row-green-h{
	background-color: #d7ede2;
}

.file-row-green{
	background-color: #ecfaf3;
}

.file-row-orange-h{
	background-color: #fdedd0;
}

.file-row-orange{
	background-color: #fffcf6;
}

.file-row-red-h{
	background-color: #f7e8f5;
}

.file-row-red{
	background-color: #fff7fe;
}

.file-row-blue-h.row-tit .file-check{
	background: url(../img/row-blue.png) center no-repeat;
}

.file-row-green-h.row-tit .file-check{
	background: url(../img/row-green.png) center no-repeat;
}

.file-row-orange-h.row-tit .file-check{
	background: url(../img/row-orange.png) center no-repeat;
}

.file-row-red-h.row-tit .file-check{
	background: url(../img/row-red.png) center no-repeat;
}

.form-fileupload-btns{
	margin-left: 60px;
	margin-bottom: 10px;
}

.form-fileupload-info{
	margin-left: 68px;
}

/*----devcp----*/
#sidebar{
	float: left;
	width: 24%;
}

.content-item{
	margin-bottom: 13px;
}

.content-item h4 a{
	display: block;
	padding: 12px 10px 11px 16px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: #6dc6cd;
	background: #ffffff url(../img/ico-content-item.png) 93% center no-repeat;
}

.content-item h4 a:hover{
	text-decoration: underline;
}

.content-text{
	overflow: hidden;
	height: 90px;
	padding: 15px 10px 10px 15px;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	color: #383838;
	background-color: #f6f6f6;
}

.content-date{
	padding-right: 20px;
	font-size: 12px;
	line-height: 22px;
	text-align: right;
	color: #9e9e9e;
	background-color: #f6f6f6;
}

.login-form .form-block{
	padding: 38px 0;
}

.dev-hdr{
	margin-top: 26px;
	margin-bottom: 14px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #5893d0; /*#6dc6cd;*/
}

.dev-tit{
	font-weight: 300;
	text-align: center;
	color: #343434;
}

label.showpass{
	display: block;
	width: 320px;
	margin: 15px auto;
	padding-left: 45px;
	font-weight: 300;
	cursor: pointer;
	text-align: left;
	color: #6d6e76;
	background: url(../img/label-showpass.png) 17px center no-repeat;
}

label.showpass span{
	border-bottom: 1px dashed #6d6e76;
}

label.showpass:hover span{
	border-bottom: 0;
}

input#password1cb{
	display: none;
}

#username1i{
	padding: 0 50px 0 16px;
	border: 1px solid #6ea5de; /*#6dc6cd;*/
	background: url(../img/ico-username1i.png) 100% center no-repeat;
}

#password1i, #password2i{
	padding: 0 50px 0 16px;
	border: 1px solid #6ea5de; /*#6dc6cd;*/
	background: url(../img/ico-password1i.png) 100% center no-repeat;
}

.login-recover{
	display: block;
	margin-top: 17px;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	color: #6dc6cd;
}

.login-recover:hover{
	text-decoration: none;
	color: #6dc6cd;
}

.login-signup{
	display: block;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	color: #6d6e76;
}

.login-signup:hover{
	text-decoration: none;
}

.login-form .form-row .form-td{
	float: none;
	width: 100%;
	text-align: center;
}

.termsAgreement{
	width: 100%;
	text-align: center;	
}

.termsAgreement a{
	color: #1baab5;
	text-decoration: none;
}

.form-msg {
	margin-bottom: 5px;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
}

.form-msg.error {
	color: red;
}

/*-------------  main  -------------*/

.main-cont-wrap{
	padding: 15px;
}

.main-hdr-row{
	padding: 3px 0 6px;
}
.main-hdr-row:after{
	content: "";
	clear: both;
	display: block;
}


.main-hdr-txt{
	font-size: 20px;
	font-weight: 600;
	color: #383838;
	float: left;
	padding: 10px 10px 10px 35px;
}
.main-hdr-txt.tickets{background: url(../img/ihdr-tickets.png) no-repeat 0 50%;}
.main-hdr-txt.writenew{background: url(../img/ihdr-write.png) no-repeat 0 50%;}
.main-hdr-txt.payments{background: url(../img/ihdr-paycard.png) no-repeat 0 50%;}
.main-hdr-txt.help{background: url(../img/ihdr-help.png) no-repeat 0 50%;}
.main-hdr-txt.client-hdr{background: url(../img/ihdr-client.png) no-repeat 0 50%;}
.main-hdr-txt.place-hdr{background: url(../img/ihdr-map.png) no-repeat 0 50%;}
.main-hdr-txt.comment-hdr{background: url(../img/ihdr-comments.png) no-repeat 0 55%;}
.main-hdr-txt.info-hdr{background: url(../img/ihdr-info.png) no-repeat 0 50%;}
.main-hdr-txt.docs-hdr{background: url(../img/ihdr-docs.png) no-repeat 0 50%; padding-left: 26px;}
.main-hdr-txt.tasks-hdr{background: url(../img/ihdr-tasks.png) no-repeat 0 50%;}
.main-hdr-txt.money-hdr{background: url(../img/ihdr-balance.png) no-repeat 0 50%;}

.main-hdr-btn{
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	float: right;
}
.main-hdr-btn div{
	height: 45px;
	width: 135px;
	background: #6dc6cd;
	display: table-cell;
	vertical-align: middle;
}
.main-hdr-btn div.blue{
	background: #6dc6cd;
}
.main-hdr-btn div.blue:hover{
	background: #3e8b91;
	color: #fff;
}
.main-hdr-btn div.green{
	background: #54c08a;
}
.main-hdr-btn div.green:hover{
	background: #37a56e;
	color: #fff;
}

.main-body-cont{
	margin: 15px 0;
}

.main-bot-link:after{
	content: "";
	clear: both;
	display: block;
}
.main-bot-link a{
	display: block;
	margin: 3px 0;
	float: right;
	font-size: 14px;
	color: #383838;
	font-family: "Open Sans";
	font-weight: 400;
	text-decoration: none;
}
.main-bot-link a span{
	text-decoration: underline;
}
.main-dist{
	border-top: 1px solid #eeeeee;
	margin: 29px 0 15px;
}

.simple tr.tr-inactive{
	/*background: #e6e6e6;*/
	color: #b6bac7;
}

.simple.tickets-list{
	font: 400 12px/12px 'Open Sans';
	color: #181818;
}
.simple.tickets-list tr{
	height: 47px;
}
.simple.tickets-list tr td{
	padding: 8px;
}
.simple.tickets-list .date-time{
	text-align: left;
	width: 15%;
	padding-left: 46px;
	line-height: 14px;
	background:  url(../img/date-time.png) 15px center no-repeat;
}

.simple.tickets-list .date-time .time{
	color: #707070;
}
.simple.tickets-list .ticket-title{
	text-align: left;
	font: 14px/14px 'Open Sans';
	width: 36%;
}
.simple.tickets-list .ticket-title a{
	color: #29529d;	
}

.simple.tickets-list .messages{
	color: #898989;
	width: 7%;
	text-align: right;
	padding-right: 30px;
	border-left: 0;
	background:  url(../img/icon_comment.png) right 4px center no-repeat;
}
.simple.tickets-list .messages.unread{
	background:  url(../img/icon_newcomment.png) right 4px center no-repeat;
}
.simple.tickets-list .priority
{
	font: 400 13px/13px 'Open Sans';
	color: #383838;
	width: 13%;
} 
.simple.tickets-list .sender{
	font: 400 13px/13px 'Open Sans';
	color: #383838;
}
.simple.tickets-list .priority.high{
	background:  #f4fffa url(../img/priority-high.png) 10px center no-repeat;
}

/*---- cart ----*/
.row-control{
	padding: 11px 25px 0 15px;
	text-align: right;
}

.row-control a{
	margin-left: 5px;
}

table.cart{
	width: 100%;
}

.cart thead th{
	padding: 10px 0;
	font-size: 16px;
	font-weight: 600;
	color: #adadad;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.cart .cart-th{
	padding-right: 10px;
	padding-left: 20px;
	text-align: left;
}

.cart tbody td{
	padding: 4px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background-color: #f7f7f7;
}

.cart thead th:last-child{
	border-right: 1px solid #e6e6e6;
}

.cart tbody td:last-child{
	border-right: 1px solid #e6e6e6;
}

.cart .item td{
	background-color: #e9e9e9;
}

.cart .cart-chois{
	width: 4.5%;
	background: #f7f7f7 url(../img/ico-curve-arrow.png) center no-repeat;
}

.cart .item .cart-chois{
	background: #e9e9e9 url(../img/ico-cart-chois.png) center no-repeat;
}

.cart .cart-check{
	width: 4.5%;
}

.cart .del{
	width: 4%;
}

.cart .del a{
	display: block;
	width: 100%;
	height: 30px;
	background: url(../img/ico-file-close.png) center no-repeat;
}

.cart .del a:hover{
	background: url(../img/ico-close-hover.png) center no-repeat;
}

.cart .item{
	color: #606060;
}

.cart .item .title{
	width: 500px;
	padding-right: 10px;
	padding-left: 25px;
	font-weight: 600;
}

.cart .item .sum{
	width: 15%;
	font-weight: 600;
	color: #616161;
}

.cart .subtitle{
	width: 458px;
	padding: 5px 10px 10px 25px;
	font-size: 14px;
	font-weight: 400;
	color: #606060;
}

.cart .sum{
	width: 15%;
	text-align: center;
}

.cart .term{
	float: right;
	width: auto;
	padding-right: 20px;
	font-size: 16px;
	font-weight: 400;
	text-align: right;
}

.cart select{
	width: 390px;
	height: 44px;
	margin-top: 7px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 400;
	color: #616161;
	border: 1px solid #9b9b9b;
	background-color: #ffffff;
}

.cart .total-row td{
	background-color: #e8fbfb;
}
.cart.bonuses{
	margin-bottom: 10px;
}
.cart.bonuses td{
	width: 25%;
	background-color: #e8fbfb;
	text-align: center;
	padding: 5px 10px;
}
.cart.bonuses td.bonus-type{
	width: 35%;
	text-align: right;
}
.cart.bonuses td.bonus-val{
	width: 15%;
	text-align-last: left;
}

.cart .total-bonus{
	padding: 0;
}

.cart .total-bonus .bonus{
	float: left;
	width: 50%;
	padding: 9px 0 9px 74px;
	font-size: 14px;
	font-weight: 400;
	color: #616161;
	background: url(../img/total-bonus.png) 48px 10px no-repeat;
}

.cart .total-bonus .bonus span{
	margin-left: 5px;
	font-weight: 600;
}

.cart .total-bonus .total-disc{
	float: right;
	width: 50%;
	padding: 9px 0;
	border-left: 1px solid #e6e6e6;
}

.cart .total-bonus .total-disc .disc{
	float: left;
	padding-left: 32px;
	font-size: 14px;
	font-weight: 400;
	color: #616161;
	background: url(../img/ico-disc.png) 6px center no-repeat;
}

.cart .total-bonus .total-disc .disc span{
	margin-left: 5px;
	font-weight: 600;
}

.cart .total-bonus .total-disc .pay{
	float: right;
	padding-right: 16px;
	color: #606060;
}

.cart .total-pay{
	padding: 9px 0 9px 25px;
	font-weight: 700;
	color: #383838;
}

.cart-to-wrap{
	margin-top: 12px;
	margin-bottom: 20px;
	text-align: right;
}

.cart-to-wrap a{
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-decoration: underline;
	color: #383838;
	background: url(../img/sb-arr.png) right center no-repeat;
}

.cart-to-wrap a:hover{
	text-decoration: none;
}

.form-buttons{
	text-align: center;
}

.form-buttons p{
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: 400;
	color: #383838;
}

.form-buttons p a{
	text-decoration: underline;
	color: #6dc6cd;
}

.form-buttons p a:hover{
	text-decoration: none;
}

.textpage-text{
	overflow: hidden;
	height: 90px;
	padding: 15px 10px 10px 15px;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
}

.news-item{
	margin-bottom: 13px;
	background: #eeeeee;
}

.news-item h4 a{
	display: block;
	padding: 12px 10px 11px 16px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: #6dc6cd;
	float: left;
}

.news-item h4 a:hover{
	text-decoration: underline;
}

.news-text{
	overflow: hidden;
	/* height: 90px; */
	padding: 15px 10px 10px 15px;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	color: #383838;
	background-color: #f6f6f6;
	clear: both;
}

.news-item-date{
	padding-right: 20px;
	padding-top: 12px;
	font-size: 12px;
	line-height: 22px;
	text-align: right;
	color: #9e9e9e;
	background-color: #f6f6f6;
}

.news-date{
	padding-right: 20px;
	padding-top: 12px;
	font-size: 12px;
	line-height: 22px;
	text-align: right;
	color: #9e9e9e;
	float: right;
}

.comment-table{
	width: 100%;
	background: #eeeeee;
}

.comment-item{
	margin-bottom: 13px;
	background: #eeeeee;
	border-bottom: 10px solid #fff;
}

.comment-info{
	padding: 10px 15px;
	text-align: center;
}

.comment-item h4{
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: #6dc6cd;
}

.comment-date{
	font-size: 12px;
	white-space:nowrap;
	line-height: 22px;
	color: #9e9e9e;
}

.comment-text{
	overflow: hidden;
	padding: 0px 15px;
	width: 100%;

	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	color: #383838;
	background-color: #f6f6f6;
}

.comment-slide{
	position: relative;
	overflow: hidden;
	height: 230px;
}

.comment-action{
	color: #383838;
	background-color: #f6f6f6;
}

.tickets-link{
	width: 100% !important;
	padding-top: 5px;
}

.main-link{
	text-align: center;
}

/*-------------  services  -------------*/

.profile-form:after{
	content: "";
	clear: both;
	display: block;
}
.frm-inp>div:first-child{border: 1px solid #80ced4; padding-left: 4px;}
.frm-inp>div:first-child input{border: 0; height: 26px; width: 82%;}
.frm-inp>div.frm-inp-basic:first-child{border: 1px solid #c0c0c0;}
.frm-inp>div.frm-inp-basic:first-child input{height: 28px; width: 98%;}
.frm-inp>div.frm-inp-usr:first-child{background: url(../img/inp-usr.png) no-repeat 94% 50%;}
.frm-inp>div.frm-inp-org:first-child{background: url(../img/inp-org.png) no-repeat 94% 50%;}
.frm-inp>div.frm-inp-tel:first-child{background: url(../img/inp-tel.png) no-repeat 94% 50%;}
.frm-inp>div.frm-inp-mail:first-child{background: url(../img/inp-mail.png) no-repeat 94% 50%;}

.service-items-form{
	padding: 10px 15px 20px
}

.service-tabs{
	padding: 0;
}

.service-menu-row{
	margin: 0;
	padding: 10px 0 20px 0;
	list-style: none;
}

.service-items{
	padding-top: 10px 0;
	font: 14px/14px 'Open Sans';
}

.service-items-3>div{
	width: 31.99999%;
	float: left;
	margin-left: 1.99999%;
	margin-bottom: 20px;
}
.service-items-4>div{
	width: 48.49999%;
	float: left;
	margin-left: 2.99999%;
	margin-bottom: 20px;
}

.service-items-2 .service-item:nth-child(2n+1){
	margin-left: 0;
}

.service-items-3 .service-item:nth-child(3n+1){
	margin-left: 0;
}

.service-items-4 .service-item:nth-child(2n+1){
	margin-left: 0;
}

.service-item .item-buy{
	text-align: center;
}

.service-item .item-buy input{
	width: 90%;
}

.service-item .item-name{
	background: #848484;
	text-align: left;
	padding: 12px 7px 7px 15px;
}
.service-item .server-pic-1{
	background: url(../img/services-server-1.png) no-repeat right center;
}

.service-item .item-name .pack{
	color: #ffffff;
}

.service-item .item-name .name{
	font: bold 20px/26px 'Open Sans';
	color: #ffffff;
}

.service-item .item-descr{
	color: #767676;
	background: #f6f6f6;
	border: 1px solid #ededed;
	min-height: 115px;
	padding-top: 13px;
	padding-bottom: 12px;
}

.service-item .item-descr ul{
	padding: 0;
	margin: 0;
}

.service-item .item-descr li{
	list-style: none;
	padding: 4px 0;
	padding-left: 36px;
	background: url(../img/services-list-ico.png) no-repeat 10px center;
}

.service-item .item-options{
	margin-top: 5px;
}

.service-item .item-option{
	padding: 15px;
	padding-bottom: 12px;
	cursor: pointer;
	display: block;
	height: 100%;
	border: 1px solid #ededed;
	border-bottom: 0;
}
.service-item .item-option:hover{
	background: #f6f6f6;
}

.service-item .item-option:after{
	content: "";
	clear: both;
	display: block;
}

.service-item .item-option-gift{
	padding: 12px 0 5px 25px;
	font-weight: bold;
	color: #f9b437;
}
.service-item .gift-domain-ico{
	background: url(../img/services-gift-ico.png) no-repeat 0 4px;
}
.service-item .gift-hdd-ico{
	background: url(../img/services-hdd-ico.png) no-repeat 0 4px;
}

.service-item .item-option-with-gift{
	min-height: 125px;
}

.service-item .item-option-active{
	background: #fef0e5;
}
.service-item .item-option-active:hover{
	background: #fef0e5;
}

.service-item .item-option input[type="radio"]{
	display: none;
}
.service-item .item-option div.marker{
	width: 8px;
	height: 8px;
	background: #f46800;
	margin: 3px;
	display: none;
}
.service-item .item-option input[type="radio"]+div{
	content: "";
	background: white;
	width: 16px;
	height: 16px;
	border: 1px solid #cccccc;
	margin-top: 10px;
}
.service-item .item-option input[type="radio"]:checked+div div.marker{
	display: block;
}
.service-item .item-option-cont{
	float: left;
	clear: right;
	width: 80%;
}
.service-item .term-price{
	color: #6f6f6f;
	font-weight: bold;
}
.service-item .item-option-active .term-price{
	color: #383838;
}
.service-item .term-price-per-month{
	color: #a6a6a6;
	font-size: 12px;
	padding-top: 7px;
}
.service-item .item-option-active .term-price-per-month{
	color: #7c7c7c;
}
.service-item .item-option .marker-wraper{
	float: left;
	padding-right: 22px;
	display: table-cell;
	vertical-align: middle;
}

.service-item .item-add-params-button{
	border: 1px solid #ededed;
	border-bottom: 0;
	color: #a7a7a7;
	font-weight: 600;
	text-align: center;
	padding: 20px 10px 20px 5px;
	cursor: pointer;
}
.service-item .item-add-params-cont{
	border: 1px solid #ededed;
	border-bottom: 0;
	display: none;
}
.service-item .item-add-param{
	padding: 5px 0 15px;
    border-bottom: 1px solid #ededed;
    width: 100%;
}
.service-item .item-add-param:last-of-type{
	border-bottom: 0;
}
.service-item .add-param-title{
	color: #6f6f6f;
	padding: 5px 5%;
}
.service-item .add-param-select{
	text-align: center;
}
.service-item .add-param-select select{
	width: 90%;
    height: 25px;
    font: 14px/14px 'Open Sans';
    padding: 0 10px;
}

.main-content{
	padding: 13px 25px 14px 15px;
}

.service-item .item-buy{
	border: 1px solid #ededed;
	padding: 20px 0;
}
/*
.service-item .item-option-cont:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #cccccc;
	background: #FFF;
}
.service-item .item-option-cont:after {
	content: '';
	position: absolute;
	top: calc(50% + 4px);
	left: 4px;
	width: 8px;
	height: 8px;
	background: #f46800;
	opacity: 0;
	transition: .2s;
}
.item-option input:checked + .item-option-cont:after {
	opacity: 1;
}
*/


/*-------------  orders  -------------*/

.orders .subitem{
	display: none;
}
.orders .item{
	cursor: pointer;
}

/*-------------  uploader  -------------*/

.qq-gallery.qq-uploader{
	position: relative;
	min-height: 200px;
	max-height: 490px;
	overflow-y: hidden;
	width: inherit;
	border-radius: 6px;
	border: 1px dashed #CCCCCC;
	background-color: #FAFAFA;
	padding: 20px;
}
.qq-gallery.qq-uploader:before{
	content: "Перетяните сюда файлы, или нажмите на кнопку выше";
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 35%;
	opacity: 0.45;
	padding-top: 40px;
	background: url(../img/file-cloud.png) no-repeat 50% 0;
}
.qq-gallery .qq-upload-button{
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	width: auto;
	text-align: center;
}

.qq-gallery .qq-upload-button>div{
	display: inline-block;
	cursor: pointer;
	letter-spacing: 0.5px;
	color: #6d6e76;
	/*border: 1px solid #6dc6cd;*/
	background: url(../img/a-add.png) no-repeat 0 2px;
	padding-left: 22px;
}
.qq-gallery .qq-upload-button>div:hover{color: #303030; text-decoration: underline;}


/*-------------  payments  -------------*/

.payments-vars{
	text-align: center;
	padding: 20px 10px;
}
.payments-vars .pay-sum{
	width: 320px;
	height: 45px;
	margin-left: 3px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 400;
	vertical-align: middle;
	color: #434343;
	border: 1px solid #9b9b9b;
	background-color: #ffffff;
	text-align: center;
}
.payments-vars .pay-sum-text{
	font: 18px/18px 'Open Sans';
	padding: 5px 0;
	color: #4d4e56;
}
.payments-vars .pay-variants {
	text-align: center;
	width: 320px;
	margin: 30px auto;
}
.payments-vars .pay-variants label{
	display: block;
	font: 16px/16px 'Open Sans';
	padding: 8px 0;
	text-align-last: left;
}


/*-------------  balance  -------------*/

.userbalance{
	text-align: center;
}

.userbalance tr td{
	padding: 10px 20px;
}
.userbalance tr td:nth-child(4n+1){
	text-align: left;
}
.userbalance tr td:nth-child(4n+4){
	white-space: nowrap;
}


/*-------------  ftp  -------------*/

.ftp-cont-wrap{
	padding: 15px;
	padding-bottom: 50px;
}

.ftp-create-btn{
	float: left;
	margin-top: 5px;
	background: #6dc6cd;
}
.ftp-create-btn:hover{
	background: #4da6ad;
}

.ftp-create-btn a{	
	font: 16px/16px 'Open Sans';
	color: #ffffff;
	display: block;
	text-decoration: none;
}

.ftp-create-btn a:hover{	
	color: #ffffff;
}

.ftp-create-btn div{
	background: url(../img/plus-ico.png) no-repeat 23px 13px;
	height: 45px;
	width: 235px;    
	padding: 14px;
	padding-left: 50px;
}
.form-filter-col:first-child{margin-left: 0;}
.form-filter-col:after{clear: both; content: ""; display: block;}

.ftp-info-btns table{
	float: right;
}

.ftp-info-btns:after{
	content: "";
	clear: both;
	display: block;
}

.ftp-users-table{
	margin-top: 13px;
}

.ftp-users-table thead th{
	text-align-last: left;
	padding-left: 15px;
	padding-right: 15px;
}

.ftp-users-table .ftp-loign{
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: #29529d;
}
.ftp-users-table .ftp-path{
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: #747474;
	font-style: italic;
}

.ftp-info .ftp-info-name{
	font-size: 14px;
	color: #b1b1b1;
	text-align: right;
	padding-right: 5px;
}
.ftp-info .ftp-info-val{
	font-size: 14px;
	color: #535353;
}

.ftp-domain{
	padding: 0 20px;
}

.ftp-domain select{
	margin: 0 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

/*-------------  email  -------------*/

.email-create-btn div{
	width: 140px;
}

.email-info{
	margin-top: 15px;
}


/*-------------  ftp-edit  -------------*/

.ftp .form-row .form-td.label{
	width: 23%;
}

.ftp .form-row .form-td{
	width: 77%;
}

.ftp .form-row .form-td.value{
	width: 49%;
	float: left;
}
.ftp .form-row .form-td.add{
	width: 51%;
	float: left;
}

.ftp .form-td.add label{
	margin-top: 10px;
	margin-bottom: 20px;
}

label.randompass{
	display: block;
	width: 320px;
	margin: 15px auto;
	padding-left: 45px;
	font-weight: 300;
	cursor: pointer;
	text-align: left;
	color: #6dc6cd;
	background: url(../img/refresh-ico.png) 17px center no-repeat;
}

label.randompass span{
	border-bottom: 1px dashed #6dc6cd;
}

label.randompass input{
	display: none;
}

label.randompass:hover span{
	border-bottom: 0;
}

.ftp .about.form-td{
	padding: 18px 20px 10px;
	margin: 0;
}

.ftp .form-td .about-hdr{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 26px;
	font-size: 14px;
	background-size: 17px 17px;
}

.ftp .form-td .about-cont{
	padding: 10px 0px;
    font-size: 12px;
    line-height: 17px;
}
.ftp .form-td .about-cont li{
	width: 48%;
	float: left;
	margin-bottom: 8px;
}
.ftp .form-td .about-cont li:after{
	content: "";
	clear: both;
	display: block;
}
.ftp .form-td .about-cont div{
	margin-left: 25px;
}


	/*Кастомизация радиобатона*/
.ftp .form-td .marker-wraper input[type="radio"]{
	display: none;
}
.ftp .form-td .marker-wraper div.marker{
	background: url(../img/check-ico.png) center center no-repeat;
	margin: 2px;	
	width: 14px;	
	height: 9px;
	display: none;
}
.ftp .form-td .marker-wraper input[type="radio"]:checked+div div.marker{
	display: block;
}
.ftp .form-td .marker-wraper input[type="radio"]+div{
	content: "";
	background: white;
	width: 16px;
	height: 16px;
	border: 1px solid #cccccc;
	border-radius: 50%;
	margin: 0 auto;
}
.ftp .form-td .marker-wraper input[type="radio"]:checked+div div.marker{
	display: block;
}
.ftp .form-td .homefold{
	width: 100%;
	background: #f7f7f7;
}
.ftp .form-td .homefold td{
	height: 52px;
	border: 2px solid #ffffff;
	vertical-align: middle;
	font-size: 14px;
}
.ftp .form-td .homefold label{
	height: 52px;
}

.ftp .form-td .homefold-chb{
	width: 52px;
	text-align: center;
}
.ftp .form-td .homefold-path{
	padding: 3px 0 2px 13px;
}
.ftp .form-td .fold-path{
	font-size: 12px;
	color: #adadad;
}

.ftp-submit {
	text-align: center;
}

.ftp-submit .submit{
	margin-top: 15px;
	width: 200px;
}

/*-------------  tickets  ------------------*/

.ticket-msg{
	text-align: center;
}

.ticket-msg.value>textarea{
	width:80%;
}

/*-----------------  queue  ----------------*/

.queue-action, .queue-status{
	position: relative;
}


.queue-action>div, .queue-status>div{
	position: absolute;
	display: none;
	z-index: 999;
	left: -9999px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #000;
	max-width: 400px;
	word-wrap: break-word;
}

/*-------------  hosting-edit  -------------*/

.hosting-edit-btn{    
	font: 16px/25px 'Open Sans';
    color: #ffffff;
    display: block;
	text-align: center;
    text-decoration: none;
    background: #6dc6cd;
    width: 70%;
    margin: 0 auto;
    height: 26px;
    border-radius: 10px;
}

.hosting-edit-btn:hover{
    color: #ffffff;
	background: #4da6ad;
}

/*-------------  profile  -------------*/

.sms-resend{
	width: 320px;
	margin: 15px auto;
	padding-left: 45px;
	font-weight: 300;
	cursor: pointer;
	text-align: left;
	color: #6dc6cd;
	background: url(../img/refresh-ico.png) 17px center no-repeat;
	text-decoration: none;
}

.sms-resend:hover{
	color: #4da6ad;
}

/*-------------  filter  -------------*/

.search-wrap{
	padding: 10px 0px 0px 0px;
}

/*-------------  footer  -------------*/

footer{
	background: #eeeeee;
}

.footer-left{
	float: left;
	width: 24%;
	padding: 40px 20px 10px 20px;
	font-size: 14px;
	color: #606060;
}

.footer-right{
	float: right;
	width: 75%;
	padding: 40px 0;
	text-align: center;
	background: #ffffff;
}

.footer-right img{
	margin: 0 50px;
}

/* domain reg form */
.domain-form{
	background: #f0f9fa;
	padding: 20px 18px;
}
.domain-form:after{clear: both; content: ""; display: block;}
.domain-sample{
	margin: 0;
	padding: 4px 0 6px 20px;
	font-size: 14px;
}
.domain-sample>span{font-weight: bold; color: #5dadb3;}
.domain-input{
	padding: 2px 0;
}
.domain-input:after{clear: both; content: ""; display:block;}
.domain-btn{
	float: right;
	width: 140px;
}
.domain-btn .btn{display: block; padding-left: 0; padding-right: 0; width: 100%; text-align: center;}
.domain-dinp{
	margin-right: 144px;
}
.domain-dinp>div{border: 1px solid #76c9d0; background-color: #ffffff; box-sizing: border-box; padding-top: 2px; height:32px;}
.domain-dinp input{border: 0; box-sizing: border-box; width: 99%; padding-left: 20px; font-size: 16px; padding-top: 2px;}

.domain-frm-sel{
	padding: 16px 0px 16px 20px;
	color: #898989;
	font-size: 13px;
}
.domin-frm-sel:after{clear:both; display:block; content:"";}
.domain-frm-txt{
	display: inline-block;
	padding-right: 20px;
}
.domain-frm-txt>span{font-weight:bold;}
.domain-frm-list{
	display: inline-block;
}
.domain-frm-list>a{
	display: inline-block;
	background: #6cc99b url(../img/a-del-sm-w.png) no-repeat 90% 6px;
	color: #fff;
	padding: 0 20px 1px 5px;
	text-decoration: none;
	margin: 0 6px 4px 0;
	border-radius: 3px;
}
.domain-frm-list>a:hover{background-color: #53b182;}

.domain-all-act{
	clear: both;
	padding: 6px 0 6px 20px;
}
.domain-all-act:after{
	clear: both; content: ""; display: block;
}
.domain-actlnk{
	display: inline-block;
	padding-right: 28px;
	font-size: 13px;
	line-height: 16px;
}
.domain-actlnk>input[type=checkbox]{
	display: none;
}
.domain-actlnk>label{
	position: relative;
	padding-left: 18px;
	cursor: pointer;
}
.domain-actlnk>label:before{
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
	width: 14px;
	height: 14px;
	background: url(../img/checkbox-empty.png) no-repeat 0 0;
}
.domain-actlnk>input[type=checkbox]:checked+label:before{background-image: url(../img/checkbox-checked.png);}
.domain-actlnk>label>span{
	color: #29529d;
	border-bottom: 1px dotted #29529d;
}
.domain-actlnk>label:hover>span{color: #5982cd; border-bottom-color: #5982cd;}

.domain-actlnk>a{
	color: #29529d;
	border-bottom: 1px dotted #29529d;
	text-decoration: none;
}
.domain-actlnk>a:hover{color: #5982cd; border-bottom-color: #5982cd;}

.domain-list{
	clear: both;
	padding: 20px 0;
}
.domain-list:after{clear:both; content: ""; display: block;}

.domain-group{
	padding: 10px 20px;
}
.domain-group:after{clear:both; content: ""; display: block;}
.domain-hdr{
	padding: 2px 0 4px 0;
	font-size: 18px;
	line-height: 22px;
	color: #101010;
}
.domain-hdr>span{
	display: inline-block;
	padding: 0 0 0 24px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.domain-hdr-pop>span{background-image:url(../img/dhdr-popular.png);}
.domain-hdr-ukr>span{background-image:url(../img/dhdr-ukr.png);}
.domain-hdr-reg>span{background-image:url(../img/dhdr-regional.png);}
.domain-hdr-new>span{background-image:url(../img/dhdr-new.png);}
.domain-hdr-world>span{background-image:url(../img/dhdr-world.png);}

.domain-group-items{
	font-size: 13px;
	line-height: 16px;
	padding: 4px 0;
}
.domain-group-items:after{clear:both; content: ""; display: block;}

.domain-group-slide{
	position: relative;
	overflow: hidden;
	height: 160px;
}
.domain-group-slide:before{
	position: absolute;
	z-index: 2;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255,255,255,0));
}

.domain-group-slidelnk{padding: 6px 0 4px 0; font-size: 14px;}
.domain-group-slidelnk>a{
	display: inline-block;
	padding: 0 24px 0 0;
	background: url(../img/a-drop-down.png) no-repeat 100% 2px;
	text-decoration: none;
	color: #29529d;
}
.domain-group-slidelnk>a>span{border-bottom: 1px dotted #29529d;}
.domain-group-slidelnk>a:hover{color: #5982cd;}
.domain-group-slidelnk>a:hover>span{border-bottom-color: #5982cd;}

.dom-it{
	float: left;
	width: 32.99999%;
	margin: 0 0 3px 0.29999%;
	box-sizing: border-box;
	padding: 6px 4px 6px 8px;
	background-color: #f8f8f8;
}
.dom-it:after{clear: both; content: ""; display: block;}
.domain-group-col6 .dom-it{width: 16.29999%; margin-left: 0.34999;}


.dom-it-name>input[type=checkbox]{display:none;}
.dom-it-name>label{
	position: relative;
	padding-left: 20px;
	display: block;
	height: 30px;
}
.dom-it-name>label:before{
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
	width: 14px;
	height: 14px;
	background: url(../img/checkbox-empty.png) no-repeat 0 0;
}
.dom-it-name>input[type=checkbox]:checked+label:before{background-image: url(../img/checkbox-checked.png);}
.dom-it-name>label>span{
	/*color: #29529d;
	border-bottom: 1px dotted #29529d;*/
	font-weight: bold;
}
.dom-it-name>label:hover>span{cursor: pointer; color: #5982cd; border-bottom: 1px dotted #5982cd;}
.dom-it-cyr>label>span:after{
	display: inline-block;
	content: "";
	width: 24px;
	height: 11px;
	background: url(../img/d-lbl-cyr.png) no-repeat 100% 50%;
	margin-left: 4px;
}
.dom-it-vertel>label>span:after{
	display: inline-block;
	content: "";
	width: 18px;
	height: 11px;
	background: url(../img/d-lbl-info.png) no-repeat 100% 50%;
	margin-left: 4px;
}
.dom-it-cost{
	display: block;
	clear: both;
	height: 30px;
	font-size: 13px;
}
.dom-it-cost>div{display: inline-block; color: #5c6f8b;}
.dom-it-cost>span{display: inline-block;}
.dom-it-cost-old{font-size: 12px; text-decoration: line-through; color: #bcbcbc; margin-right: 6px;}

.dom-it-spez{background-color: #fff5f5;}
.dom-it-spez .dom-it-cost>div{font-weight: bold; color: #de2929;}

.domain-group-col3 .dom-it-name{float: left; width: 60%;}
.domain-group-col3 .dom-it-cost{float: right; clear: none; height: auto; padding: 6px 0;}

/* domain controls */
.domain-info{
	clear: both;
	padding: 24px 15px;
}

.domain-container{
	clear: both;
	padding: 24px 15px;
}

.domain-whois-data{
	font: 16px/20px 'Courier New', 'Helvetica';	
}

.ns-form-flds .frm-row-col{width: 39%;}
.ns-form-flds .frm-row-col:first-child{width: 56%;}
.ns-form-flds .frm-label{width: 60px;}
.ns-form-flds .frm-inp{width: calc(100% - 70px);}

.trash-pic{
	display: block;
	width: 18px;
	height: 18px;
	margin: auto;
	content:"";
	background: url(../img/ico-trash.png) no-repeat 50% 50%;
}

.domain-dns-tbl tr td:nth-child(2), .domain-dns-tbl tr th:nth-child(2){text-align: left; padding-left: 20px;}

.dns-form-flds form:nth-child(2n+1) .frm-row{background-color: #f6f6f6;}
.dns-form-flds .frm-inp{width: 37%; float: left; box-sizing: border-box; padding: 0 4px;}
.dns-form-flds .frm-label{width: 9%; font-size: 16px;}
.dns-form-flds .frm-label>span{text-align: center;}
.dns-form-flds .frm-btn{width: 16.9999%;}

.dns-form-flds .frm-inp>div.frm-inp-basic:first-child{height: 34px; background: #fff;}
.dns-form-flds .frm-inp>div.frm-inp-80{width: 79%; float: right;}
.frm-sel-20{
	float: left;
	width: 20%;
	height: 34px;
	font-size: 16px;
}

.dns-form-flds .frm-btn input.btn{padding: 8px 18px; font-size: 14px;}


/* tickets */
.tickets-container{
	clear: both; 
	padding: 12px 16px;
}
.tickets-pager{
	padding: 4px 0 6px 0;
	text-align: right;
}

.tickets-pages{
	clear: both;
	padding: 16px 0 20px 0;
}

.tbl-tickets{}


.tick-msg-num{
	float: right;
	display: block;
	font-size: 12px;
}
.tick-msg-num>span{
	display: inline-block;
	padding-left: 18px;
	background: url(../img/ticket-baloon.png) no-repeat 0 5px;
}
.tick-msg-num>span.new-msg{background-image: url(../img/ticket-new-baloon.png);}

.tick-sect{
	font-size: 12px;
	padding-left: 18px;
	position: relative;
}
.tick-sect:before{
	display: block;
	position: absolute;	
	background: #acacac url(../img/q-ico.png) no-repeat 50% 50%;
	left: 0;
	top: 3px;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	content: "";	
}

.tick-status-new .tick-sect{color: #4cc6e9;}
.tick-status-proc .tick-sect{color: #55c08a;}
.tick-status-close .tick-sect{color: #929292;}
.tick-status-new .tick-sect:before{background-color: #4cc6e9;}
.tick-status-proc .tick-sect:before{background-color: #55c08a;}
.tick-status-close .tick-sect:before{background-color: #c0c0c0;}

.tick-title a{color: #29529d; font-weight: 600;}
.tick-status-close .tick-title a{color: #929292;}

.tick-support{color: #8a97b5; font-style: italic; font-size: 12px; line-height: 14px;}
.tick-status-close .tick-support{color: #a0a0a0;}

.tbl-tickets .tbl-tr>div.tick-status{vertical-align: top;}
.tbl-tickets .tbl-tr>div.tick-dt{vertical-align: top;}

.tick-status span{
	margin-top: 8px;
	display: block;
	padding: 22px 0 0 0;
	font-size: 13px;
	line-height: 14px;
	text-align: center;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.tbl-tickets .tick-status-new>div{background-color: #f6feff;}
.tbl-tickets .tick-status-wait>div{background-color: #ffffff;}
.tbl-tickets .tick-status-proc>div{background-color: #f6fffb;}
.tbl-tickets .tick-status-close>div{background-color: #fafafa;}

.tick-status-new .tick-status span{background-image: url(../img/ticket-stat-new.png); color: #4cc6e9;}
.tick-status-wait .tick-status span{background-image: url(../img/ticket-stat-wait.png);}
.tick-status-proc .tick-status span{background-image: url(../img/ticket-stat-proc.png); color: #55c08a;}
.tick-status-close .tick-status span{background-image: url(../img/ticket-stat-close.png); color: #929292;}

.tick-dt span{
	margin-top: 8px;
	display: inline-block;
	padding: 2px 0 2px 30px;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	background: url(../img/dt-ico-gray.png) no-repeat 0 6px;
}
.tick-status-new .tick-dt span{background-image: url(../img/dt-ico-blue.png); color: #4cc6e9;}
.tick-status-proc .tick-dt span{background-image: url(../img/dt-ico-green.png); color: #55c08a;}
.tick-status-close .tick-dt span{color: #929292;}


.tbl-tickets .tbl-tr>div.tick-client{}
.tick-client span{
	display: block; 
	font-size: 12px;
	line-height: 16px;
}

.tick-status-close .tick-client span{color: #929292;}
.tick-status-close .tick-client a{color: #929292;}


/* ticket page */
.ticket-summary-row{
	clear: both;
	padding: 3px 0;
}
.ticket-summary-row:after{clear: both; content: ""; display: block;}

.ticket-summary-row>.about{
	float: right;
	width: 35%;
	margin: 0;
}
.ticket-summary-row .about-small .about-cont{margin: 0; font-size: 13px; line-height: 16px; padding-left: 25px; padding-right: 0;}

.ticket-summary{
	float: left;
	width: 63.79999%;
	min-height: 52px;
	border: 1px solid #eeeeee;
	padding: 10px 0;
	font-size: 14px; 
	line-height: 18px;
}
.ticket-summary:after{clear: both; content: ""; display: block;}
.ticket-summary-col{
	float: left;
	width: 49.99999%;
	padding-left: 20px;
	color: #6d6e76;
}

.ticket-summary-3col{float: none; width: auto;}
.ticket-summary-3col .ticket-summary-col{width: 33.29999%;}


.ticket-support{	
	padding: 1px 0 0px 28px;
	background: url(../img/ticket-usr-support.png) no-repeat 0 0;
}
.ticket-support>div{padding: 0 0 8px 0;}
.ticket-support>span{display: block; font-weight: bold;}

.ticket-client{	
	padding: 1px 0 0px 28px;
	background: url(../img/ticket-usr-client.png) no-repeat 0 0;
}
.ticket-client>div{padding: 0 0 8px 0;}
.ticket-client>span{display: block; font-weight: bold;}
.ticket-client>span:last-child{font-weight: normal;}

.ticket-status{
	padding: 1px 0 0 28px;
	position: relative;
}
.ticket-status:before{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;	
	background: #c0c0c0 url(../img/ico-ticket.png) no-repeat 50% 50%;
	content: "";
}
.ticket-status>div{
	padding: 0 0 8px 0;
}
.ticket-status>span{display: block;}

.ticket-status-new:before{background-color: #67c797;}
.ticket-status-new>span{color: #67c797;}

.ticket-reassign{
}
.ticket-reassign select{
	height: 33px;
}


.ticket-board{
	clear: both; 
	margin: 8px 0;
}
.ticket-board:after{clear: both; content: ""; display: block;}

.ticket-post{
	margin-bottom: 20px;
	/*eddited for constant icon width*/
	display: table;
	width: 100%;
}
.ticket-post:after{clear: both; content: ""; display: block;}
.ticket-post-lbl{
	background: url(../img/tick-corn-sup.png) no-repeat 0 10px; 

	/*eddited for constant icon width*/
	/* 
	float: right;
	width: 12.99999%;
	*/

	width: 70px;
	display: table-cell;
	vertical-align: top;
}
.ticket-post-lbl>span{
	display: block;
	margin: 0 0 0 auto;
	width: 58px;
	height: 58px;
	background: url(../img/ticket-sender-support.png) no-repeat 50% 50%;
	content: "";
}

/*eddited for constant icon width*/
/* 
.ticket-post-msg{
	float: left;
	width: 86.99999%;
}
*/
.ticket-post-body{
	background: #ebf2fa;
	border-radius: 10px;
	padding: 18px;
	color: #6d6e76;
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
}
.ticket-post-tm{
	text-align: right;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #8e8e8e;
}
.ticket-post-tm-left{
	text-align: left;
	padding: 6px 5px;
	font-size: 12px;
	line-height: 14px;
	color: #8e8e8e;
}
.ticket-post-tm a{
	padding: 0 10px;
}
.ticket-history{
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	margin-bottom: 20px;
	clear: both;
}
.ticket-hitory-stamp{    
	font-size: 12px;
	line-height: 14px;
	color: #8e8e8e;
    display: inline-block;
    padding-top: 5px;
}

.ticket-post-usr .ticket-post-lbl{	
	background-position: 100% 10px; 
	background-image: url(../img/tick-corn-usr.png);
	/*eddited for constant icon width*/
	/* float: left; */
}
.ticket-post-usr .ticket-post-lbl>span{margin: 0 auto 0 0; background-image: url(../img/ticket-sender-usr.png);}
/*eddited for constant icon width*/
/* .ticket-post-usr .ticket-post-msg{ float: right; } */
.ticket-post-usr .ticket-post-body{background-color: #e1f6eb;}

.ticket-post-attach{
	margin-top: 10px;
	font-size: 12px;
	font-style: normal;
	color: #303030;
}
.ticket-post-attach>span{
	display: inline-block;
	background: url(../img/files-attached.png) no-repeat 0 1px;
	padding-left: 14px;
	margin-right: 12px;
}
.ticket-post-attach>a{
	display: inline-block;
	background: url(../img/a-download.png) no-repeat 0 2px;
	color: #29529d;
	padding-left: 16px;
	text-decoration: none;
}
.ticket-post-attach>a>span{border-bottom: 1px dotted #29529d;}


.ticket-write{
	clear: both;
	padding: 4px 0 20px 0;
}
.ticket-write:after{clear: both; content: ""; display: block;}
.ticket-inputbox{margin: 0 0 20px 0;}
.ticket-inputbox textarea{width: 100%; min-height: 200px;}

.ticket-write-cols{clear: both;}
.ticket-write-cols:after{clear: both; content: ""; display: block;}

.ticket-write-btn{
	float: right;
	width: 190px;
	text-align: right;
}

.ticket-write-files{
	float: left;
	width: calc(100% - 200px);
}
.ticket-write-files .about-small .about-cont{}

.ticket-file-hdr{
	clear: both;
	margin: 10px 0 6px 0;
	background: url(../img/ihdr-attachments.png) no-repeat 0 4px;
	padding: 2px 0 2px 22px;
}
.ticket-file-list{	
}
.ticket-file-list>div{
	font-size: 13px;
	line-height: 16px;
}
.ticket-file-list>div>a{
	display: block;
	background: url(../img/a-trash.png) no-repeat 97% 50%;
	padding: 8px 30px 8px 20px;
	text-decoration: none;
}
.ticket-file-list>div:nth-child(2n+1)>a{background-color: #f9f9f9;}
.ticket-file-list>div>a:hover{background-image: url(../img/a-trash-sel.png); background-color: #eeeeee; text-decoration: underline;}

/* bonus home */

.main-real-bal{
	font: 400 16px/16px 'Open Sans';
	color: #383838;
	padding: 2px;
	padding-left: 50px;
	background: url(../img/portmone.png) 16px center no-repeat;
}
.main-real-bal .sum{
	color: #54c08a;
	font-weight: bold;
}
.main-real-bal .cur{
	color: #54c08a;
	font-size: 14px;
	font-weight: 600;
}
.main-bonus-bal
{
	border: 1px solid #e5e5e5;
	background: #f8fcfc;
	font: 400 14px/14px 'Open Sans';
	color: #383838;
	margin-top: 20px;
}
.main-bonus-bal table{
	width: 100%;
}
.main-bonus-bal .sum{
	font-weight: bold;
}
.main-bonus-bal .cur{
	font-size: 13px;
}
.main-bonus-bal td{
	padding: 25px 10px 25px 50px;
	background: url(../img/icon_gift.png) 19px center no-repeat;
}



.balance-now{
	clear: both;
	margin: 12px 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	background-color: #f3fbf7;
}
.balance-now:after{clear: both; display: block; content: "";}
.balance-val{
	float: left;
	width: 60%;
	padding-top: 12px;
}
.balance-val>div{
	display: inline-block;
	padding-left: 28px;
	background: url(../img/portmone.png) no-repeat 0 1px;
}
.balance-val>div>span{
	font-weight: bold;
	color: #54c08a;
}
.balance-addfund{
	float: right;
	width: 39%;
	text-align: right;
}

.bonus-row{
	clear: both;
	padding: 16px 0;
}
.bonus-hdr{
	font-weight: 500;
	font-size: 17px;
	padding-left: 10px;
	padding-bottom: 6px;
}
.bonus-hdr>span{
	display: inline-block;
	padding-left: 28px;
	background: url(../img/bonus.png) no-repeat 0 2px;
}
.bonus-summary{
	clear: both;
	margin: 2px 0;
	padding: 12px 10px;
	border: 1px solid #e6e6e6;
	background-color: #f8fcfc;
}
.bonus-summary:after{clear: both; display: block; content: "";}
.bonus-summary>div{
	float: left;
	width: 33%;
	padding: 7px 0;
}
.bonus-summary>div>div{
	display: inline-block;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.bonus-now>div{background-image: url(../img/bonus-gr.png);}
.bonus-total>div{background-image: url(../img/bonus-total-gr.png);}
.bonus-used>div{background-image: url(../img/bonus-used.png);}

.bonus-now>div>span{font-weight: bold; color: #6dc6cd;}
.bonus-total>div>span{font-weight: bold;}
.bonus-used>div>span.bonus-used-red{font-weight: bold; color: #de4632;}

/* payments */
.payments-container{
	clear: both;
	padding: 12px 16px;
}
.payments-container:after{clear: both; content: ""; display: block;}


.tbl-payments{}
/*.tbl-payments .tbl-tr>div.tpay-dt{vertical-align: top;}*/

.tbl-payments .tbl-tr>div.tpay-dt{font-size: 12px; color: #808080;}
.tpay-dt>span{display: block; font-size: 13px; line-height: 16px; color: #202020;}

.tbl-payments .tbl-tr>div.tpay-inv{padding-right: 0;}
.tpay-meth-ico{
	float: right;
	width: 120px;
	margin-left: 8px;
	font-size: 12px;
	line-height: 14px;	
	color: #898989;
	padding: 4px 0 4px 10px;
	border-left: 1px solid #f0f0f0;
}
.tpay-meth-ico>span{
	display: inline-block;
	padding: 2px 0 2px 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.tpay-meth-ik>span{background-image: url(../img/paym-ico-ik.png);}
.tpay-meth-p24>span{background-image: url(../img/paym-ico-p24.png);}
.tpay-meth-card>span{background-image: url(../img/paym-ico-visamc.png);}
.tpay-meth-cash>span{background-image: url(../img/paym-ico-cash.png);}
.tpay-meth-wm>span{background-image: url(../img/paym-ico-wm.png);}
.tpay-meth-bank>span{background-image: url(../img/paym-ico-ik.png);}

.tpay-inf{
	padding: 2px 0 2px 14px;	
	background: url(../img/ico-invoice-sm.png) no-repeat 0 5px;
	color: #000000;
}
.tpay-inf a{color: #29529d;}

.tpay-invoice{
	padding: 2px 0 2px 5px;	
	text-align: center;
	color: #000000;
}
.tpay-invoice a{color: #29529d;}

.tbl-payments .tbl-tr>div.tpay-client{
	font-size: 13px;
	line-height: 16px;
}
.tpay-client a{color: #29529d;}

.tbl-payments .tbl-tr>div.tpay-amount{
	/*font-size: 15px;*/
	color: #101010;
	text-align: right;
}
.tpay-amount span{font-weight: bold;}
.tpay-amount span.income{color: #00752F;}

/* payform */
.inside-container{
	clear: both;
	padding: 12px 16px;
}
.inside-container:after{clear: both; content: ""; display: block;}

.pay-summary{
	clear: both;
	padding: 12px 0;
}
.pay-summary:after{clear: both; content: ""; display: block;}

.pay-summary-sum{
	font-size: 16px;
}
.pay-summary-sum>span{
	display: inline-block;
	color: #6dc6cd;
	font-weight: bold;
	padding-left: 10px;
}

.pay-summary-invc{
	float: right;
	padding-top: 2px;
	font-size: 13px;
}
.pay-summary-invc a{color: #29529d;}

.pay-form-choice{
	width: 316px;
	margin: auto;
	clear: both;
	padding: 20px 0;
}
.pay-form-choice-list{
	padding-bottom: 20px;
}
.pay-form-choice-list>div{
	border: 1px solid #eeeeee;
	border-top: 0;
	height: 66px;
}
.pay-form-choice-list>div:first-child{border-top: 1px solid #eeeeee;}

.pay-form-choice-list>div a{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #ffffff;
	vertical-align: middle;
	font-size: 13px;
	text-decoration: none;
	line-height: 16px;
	padding: 15px 0 0 70px;
	background-repeat: no-repeat;
	background-position: 20px 50%;
}
.pay-form-choice-list>div a:hover{
	background-color: #f8fcfc;
	border-color: #6dc6cd;
}

.pay-form-choice-list>div a.sel, .pay-form-choice-list>div a.sel:hover{
	border: 2px solid #cbecdc;
	background-color: #f6fcf9;
}

.pay-form-choice-list>div a.pchoice-card{background-image: url(../img/pay-choice-card.png);}
.pay-form-choice-list>div a.pchoice-wm{background-image: url(../img/pay-choice-emoney.png);}
.pay-form-choice-list>div a.pchoice-term{background-image: url(../img/pay-choice-terminal.png);}
.pay-form-choice-list>div a.pchoice-bank{background-image: url(../img/pay-choice-nal.png);}
.pay-form-choice-list>div a.pchoice-balance{background-image: url(../img/pay-choice-balance.png);}



.pay-sum-choice{
	width: 300px;
	margin: 20px auto;
	clear: both;
}
.pay-sum-tit{
	color: #6dc6cd;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	padding: 10px 0;
}

.pay-sum-inp{
	clear: both;
	border: 1px solid #77cad0;
}
.pay-sum-inp:after{clear: both; content:""; display: block;}
.pay-sum-inp:before{
	display: block;
	content: "";
	float: right;
	width: 13%;
	height: 38px;
	background: #77cad0 url(../img/grn-icon.png) no-repeat 50% 50%;
}
.pay-sum-inp>div{
	width: 86%;
	float: left;	
}
.pay-sum-inp>div input{
	font-size: 18px;
	font-weight: 300;
	border: 0;
	height: 38px;
	width: 100%;
	display: block;
	text-align: center;
}

.pay-sum-btn{
	clear: both;
	margin-top: 10px;
}
.pay-sum-btn input{width: 100%;}

.pay-systems{
	clear: both;
	margin: 20px 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	min-height: 80px;
	padding: 20px 0;
}
.pay-systems>img{
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto;
}


/* paging control */
/*
.cpages{
	clear: both;
	text-align: right;
	text-transform: uppercase;
	line-height: 0;
}
.cpages:after{clear: both; content: ""; display: block;}
.cpages a{
	display: inline-block;
	width: 24px;
	height: 26px;
	margin: 0 0px;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 1px;
	background: #fff;
	color: #383838;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.cpages a:hover{
	background-color: #eff9fa;
}
.a-page-act{
	color: #6dc6cd;
	background-color: #eff9fa;
	display: inline-block;
	width: 24px;
	height: 26px;
	margin: 0 1px;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.cpages a.a-first-pre{content: " "; width: 24px; background-color: #6dc6cd; background-image: url(../img/p-prev.png);}
.cpages a.a-first-pre>span{visibility: hidden;}
.cpages a.a-first{content: " "; width: 24px; background-color: #6dc6cd; background-image: url(../img/p-prev.png);}
.cpages a.a-first>span{visibility: hidden;}
.cpages a.a-last{content: " "; width: 24px; background-color: #6dc6cd; background-image: url(../img/p-next.png);}
.cpages a.a-last>span{visibility: hidden;}
.cpages a.a-last-next{content: " "; width: 24px; background-color: #6dc6cd; background-image: url(../img/p-next.png);}
.cpages a.a-last-next>span{visibility: hidden;}

.cpages a.a-first-pre:hover, .cpages a.a-first:hover, .cpages a.a-last:hover, .cpages a.a-last-next:hover{
	background-color: #4cb3bb;
}
*/


/* New order - Step 1 */
.serv-type-list{
	clear: both;
	padding: 16px 0;
}
.serv-type-list:after{clear: both; content: ""; display: block;}
.serv-it{
	float: left;
	width: 31.99999%;
	margin-left: 1.99999%;
	margin-bottom: 18px;
}
.serv-it:nth-child(3n+1){margin-left: 0; clear: left;}
.serv-it>a{
	display: block;
	border: 1px solid #b6e2e6;
	background-color: #fff;
	color: #383838;
	text-decoration: none;
}
.serv-it-top{
	height: 102px;
	background-repeat: no-repeat;
	background-position: 90% 50%;
}

.serv-it-hosting .serv-it-top{background-image: url(../img/serv-icons/hosting.png);}
.serv-it-vps .serv-it-top{background-image: url(../img/serv-icons/vps.png);}
.serv-it-server .serv-it-top{background-image: url(../img/serv-icons/servers.png);}
.serv-it-domain .serv-it-top{background-image: url(../img/serv-icons/domain.png);}
.serv-it-ssl .serv-it-top{background-image: url(../img/serv-icons/ssl.png);}

.serv-it-top>div{
	padding: 40px 0 0 20px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.serv-it-bot{
	height: 52px;
	background-color: #6dc6cd;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding-top: 15px;
	font-size: 14px;
}
.serv-it-bot>span{
	display: inline-block;
	background: url(../img/a-more-big-w.png) no-repeat 100% 5px;
	padding-right: 30px;
}
.serv-it>a:hover{box-shadow: 0 0 5px rgba(100,100,100,0.15); color: #383838; border-color: #6dc6cd;}
.serv-it>a:hover .serv-it-bot{background-color: #52b5bd;}

/* bonus home */
.balance-now{
	clear: both;
	margin: 12px 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	background-color: #f3fbf7;
}
.balance-now:after{clear: both; display: block; content: "";}
.balance-val{
	float: left;
	width: 60%;
	padding-top: 12px;
}
.balance-val>div{
	display: inline-block;
	padding-left: 28px;
	background: url(../img/portmone.png) no-repeat 0 1px;
}
.balance-val>div>span{
	font-weight: bold;
	color: #54c08a;
}
.balance-addfund{
	float: right;
	width: 39%;
	text-align: right;
}

.bonus-row{
	clear: both;
	padding: 16px 0;
}
.bonus-hdr{
	font-weight: 500;
	font-size: 17px;
	padding-left: 10px;
	padding-bottom: 6px;
}
.bonus-hdr>span{
	display: inline-block;
	padding-left: 28px;
	background: url(../img/bonus.png) no-repeat 0 2px;
}
.bonus-summary{
	clear: both;
	margin: 2px 0;
	padding: 12px 10px;
	border: 1px solid #e6e6e6;
	background-color: #f8fcfc;
}
.bonus-summary:after{clear: both; display: block; content: "";}
.bonus-summary>div{
	float: left;
	width: 33%;
	padding: 7px 0;
}
.bonus-summary>div>div{
	display: inline-block;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.bonus-now>div{background-image: url(../img/bonus-gr.png);}
.bonus-total>div{background-image: url(../img/bonus-total-gr.png);}
.bonus-used>div{background-image: url(../img/bonus-used.png);}

.bonus-now>div>span{font-weight: bold; color: #6dc6cd;}
.bonus-total>div>span{font-weight: bold;}
.bonus-used>div>span.bonus-used-red{font-weight: bold; color: #de4632;}


/* tarrif change */
.tarrif-row{
	clear: both;
	margin: 12px 0 24px 0;
}
.tarrif-row:after{clear: both; content: ""; display: block;}
.tarrif-hdr{
	float: none;
	clear: both;
	padding-left: 0;
}

.tarrif-list{
	clear: both;
	padding: 10px 0 20px 0;
}
.tarrif-list:after{clear: both; content: ""; display: block;}

.tarrif-it{
	float: left;
	width: 32.29999%;
	margin: 4px 0 10px 0.99999%;
	padding-top: 21px;
}
.tarrif-it:nth-child(3n+1){clear: left; margin-left: 0;}

.tarrif-list-2col .tarrif-it{
	width: 48.99999%;
	margin-left: 1.99999%;
}
.tarrif-list-2col .tarrif-it:nth-child(3n+1){clear: none; margin-left: 1.99999%;}
.tarrif-list-2col .tarrif-it:nth-child(2n+1){clear: left; margin-left: 0;}

.tarrif-list-4col .tarrif-it{
	width: 23.99999%;
	margin-left: 1.29999%;
}
.tarrif-list-4col .tarrif-it:nth-child(3n+1){clear: none; margin-left: 1.29999%;}
.tarrif-list-4col .tarrif-it:nth-child(4n+1){clear: left; margin-left: 0;}

.tarrif-tab{}
.tarrif-tab>span{
	display: inline-block;
	color: #fff;
	background-color: #e83535;
	border-radius: 4px 4px 0 0;
	font-size: 12px;
	line-height: 14px;
	padding: 2px 10px;
}

.tarrif-blk{
	border: 1px solid #cbcbcb;
}
.tarrif-tit{
	background-color: #ededed;
	height: 48px;
	box-sizing: border-box;
	padding: 14px 12px 0 12px;
}
.tarrif-tit>span{
	display: block;
	padding-right: 20px;
	background: url(../img/arr-b.png) no-repeat 100% 4px;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
}
.tarrif-descr{
	height: 128px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 14px 12px;
	font-size: 14px;
	line-height: 18px;
}
.tarrif-descr>ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.tarrif-descr>ul>li{
	background: url(../img/yes-opt.png) no-repeat 0 8px;
	padding: 4px 0 4px 26px;
}
.tarrif-cost{
	text-align: center;
	height: 52px;
	border-top: 1px solid #ededed;
	margin: 0 14px;
}
.tarrif-cost>p{
	font-size: 12px;
	color: #818181;
	padding: 2px 0;
}
.tarrif-cost>div{
	font-weight: bold;
	font-size: 16px;
}
.tarrif-period{
	background: #ededed;
	font-size: 13px;
	line-height: 16px;
	padding: 5px 14px 0 14px;
	text-align: right;
	box-sizing: border-box;
	height: 42px;
}
.tarrif-go{
	height: 43px;
}
.tarrif-go>a.btn{
	display: block;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
}
.tarrif-dop{
	border-right: 2px solid #ededed;
	border-left: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
	padding: 14px;
	font-size: 14px;
}
.tarrif-dop>ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.tarrif-dop>ul>li{
	position: relative;
	padding: 4px 0 4px 14px;
	font-size: 13px;
	line-height: 16px;
}
.tarrif-dop>ul>li:before{
	display: block;
	content: "+";
	position: absolute;
	left: 0;
	top: 4px;
	color: #29529d;
	width: 12px;
}
.tarrif-dop>ul>li div{
	color: #29529d;
	font-weight: 500;
	font-size: 14px;
}

.tarrif-cur{padding-top: 0;}
.tarrif-cur .tarrif-blk{border: 2px solid #e83535;}
.tarrif-cur .tarrif-tit{background-color: #f8f8f8; height: 47px;}

.tarrif-now{padding-top: 0;}
.tarrif-now .tarrif-tab>span{background-color: #5fc491;}
.tarrif-now .tarrif-blk{border: 1px solid #5fc491;}
.tarrif-now .tarrif-tit{background-color: #f5fffa; height: 47px;}
.tarrif-now .tarrif-tit>span{background: none;}
.tarrif-now .tarrif-dop{border: 0; margin: 0 14px; border-top: 1px solid #ededed;}

.tarrif-new{padding-top: 0;}
.tarrif-new .tarrif-tab>span{background-color: #6dc6cd;}
.tarrif-new .tarrif-blk{border: 1px solid #6dc6cd;}
.tarrif-new .tarrif-tit{background-color: #ebfbfc; height: 47px;}
.tarrif-new .tarrif-tit>span{background: none;}
.tarrif-new .tarrif-dop{border: 0; margin: 0 14px; border-top: 1px solid #ededed;}

.tarrif-timepan{
	clear: both;
	margin: 32px 0;
}
.tarrif-h-time{
	float: none;
	background: url(../img/hdr-dt.png) no-repeat 0 4px;
	font-size: 18px;
	padding: 4px 0 12px 30px;
}
.timepan-blk{
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	background: #f7fdfe;
	padding: 16px 14px;
	font-size: 13px;
}
.timepan-row{
	clear: both;
}
.timepan-row:after{clear: both; content: ""; display: block;}
.timepan-tit{
	float: left;
	width: 28%;
	text-align: right;
	padding: 17px 0 4px 0;
}
.timepan-tit>span{
	display: block;
	padding-right: 20px;
	background: url(../img/more-green.png) no-repeat 100% 5px;
}
.timepan-graph{
	float: right;
	width: 70%;
}
.timepan-obj{
	position: relative;
	padding-top: 24px;
}
.timepan-line{
	background: url(../img/time-progress-bg.png) repeat-x 0 0;
	height: 7px;
	content: "";
	width: 80%;
}
.timepan-line>div{
	height: 100%;
	width: 0;
	background: #54c08a;
	content: "";
}
.timepan-point{
	display: block;
	position: absolute;
	z-index: 2;
	background: url(../img/time-pin.png) no-repeat 0 100%;
	height: 35px;
	top: 0px;
}

.timepan-cur .timepan-tit>span b{color: #54c08a;}

.timepan-new .timepan-tit>span{background-image:url(../img/more-blue.png);}
.timepan-new .timepan-tit>span b{color: #58b7bf;}
.timepan-new .timepan-line{background: transparent;}
.timepan-new .timepan-line>div{background-color: #6dc6cd;}

.tarrif-costpan{
	clear: both;
	margin: 32px 0;
}
.tarrif-h-cost{
	float: none;
	background: url(../img/hdr-money-green.png) no-repeat 0 6px;
	font-size: 18px;
	padding: 4px 0 12px 30px;
}
.tbl-costcalc{
}
.tbl-costcalc .tbl-tr>div, .tbl-costcalc .tbl-th>div{
	text-align: center;
}
.tbl-costcalc .tbl-tr>div{padding: 12px 10px; font-size: 16px;}
.tbl-costcalc .tbl-th>div{padding: 7px 10px 3px 10px; font-size: 14px; line-height: 16px;}
.tarrif-costbal{
	font-weight: bold;
	color: #54c08a;
}
.tbl-summary{
	text-align: center;
	padding: 16px 0;
	border-left: 1px solid #cbecdc;
	border-right: 1px solid #cbecdc;
	border-bottom: 1px solid #cbecdc;
	background: #f5fffa;
	font-size: 14px;
	line-height: 16px;
}
.tbl-summary>div{
	display: inline-block;
	padding: 2px 0 2px 30px;
	background: url(../img/info-green.png) no-repeat 0 0;
}
.tbl-summary>div>span{font-weight: bold;}

.tarrif-costpan-new .tarrif-h-cost{background-image: url(../img/hdr-money-blue.png);}
.tarrif-costpan-new .tarrif-costbal{color: #6dc6cd;}
.tarrif-costpan-new .tbl-costcalc .tbl-th>div{padding: 12px 10px 12px 10px;}
.tarrif-costpan-new .tbl-summary{
	border-left: 1px solid #d3eef0;
	border-right: 1px solid #d3eef0;
	border-bottom: 1px solid #d3eef0;
	background: #ecfeff;
}
.tarrif-costpan-new .tbl-summary>div{background-image: url(../img/info-blue.png);}


/*------------ help sections -----------*/
.help-sect-list{
	clear: both;
	padding: 16px 0;
}
.help-sect-list:after{clear: both; content: ""; display: block;}
.help-sect{
	float: left;
	width: 31.99999%;
	margin: 0 0 24px 1.99999%;
}
.help-sect:nth-child(3n+1){margin-left: 0;}
.help-sect>div{
	border: 1px solid #eeeeee;
	background: #fff;
	height: 270px;
}
.help-sect-h{
	margin: 14px 16px 0 16px;
	height: 40px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 15px;
	font-weight: 600;
	color: #303030;
}
.help-sect-h>span{padding: 4px 0 3px 30px; display: inline-block;}
.help-ipay>span{background: url(../img/help-spays.png) no-repeat 0 4px;}
.help-iorder>span{background: url(../img/help-sorder.png) no-repeat 0 4px;}
.help-ibalance>span{background: url(../img/help-sbalance.png) no-repeat 0 4px;}
.help-iadmin>span{background: url(../img/help-sadmin.png) no-repeat 0 4px;}
.help-isupport>span{background: url(../img/help-ssupport.png) no-repeat 0 4px;}
.help-iopts>span{background: url(../img/help-sprofile.png) no-repeat 0 4px;}
.help-sect-q{
	height: 166px;
	box-sizing: border-box;
	padding: 16px 10px 16px 22px;
}
.help-sect-q>ul{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
}
.help-sect-q>ul>li{
	margin: 3px 0;
	padding: 0 0 2px 12px;
	background: url(../img/li-point.png) no-repeat 0 6px;
}
.help-sect-q>ul>li a{color: #29529d; text-decoration: none;}
.help-sect-q>ul>li a:hover{text-decoration: underline;}

.help-sect-more{
	background: #f6f6f6;
	padding: 14px 16px;
	text-align: right;
	font-size: 14px;
}
.help-sect-more div a{
	color: #686868;
	text-decoration: none;
	display: inline-block;
	padding-right: 24px;
	background: url(../img/a-more-gray.png) no-repeat 100% 5px;
}
.help-sect-more div a:hover{text-decoration: underline;}

.help-sect:hover>div{border-color: #6dc6cd;}
.help-sect:hover .help-sect-more{background-color: #6dc6cd;}
.help-sect:hover .help-sect-more div a{color: #fff; background-image: url(../img/a-more-white.png);}


.help-page-side{
	float: right;
	clear: right;
	width: 230px;
}
.help-snav{
	border: 1px solid #eeeeee;
	padding: 4px 0 8px 0;
	font-size: 14px;
}
.help-snav-h{
	margin: 0 12px;
	padding: 10px 0;
	border-bottom: 1px solid #e8e8e8;
	font-weight: bold;
	font-size: 14px;
}
.help-snav-menu{
	line-height: 16px;
	font-size: 13px;
	padding-top: 6px;
}
.help-snav-menu>ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.help-snav-menu>ul>li{
	margin: 0;
	padding: 0;
}
.help-snav-menu>ul>li a{
	display: block;
	padding: 5px 8px 5px 26px;
	background: url(../img/li-point.png) no-repeat 12px 10px;
	color: #29529d;
	text-decoration: none;
}
.help-snav-menu>ul>li a:hover{
	background: #f0f9fa url(../img/li-mark-sel.png) no-repeat 0 8px;
}


.help-page-main{
	float: left;
	clear: left;
	width: calc(100% - 250px);
}
.help-page-main>article{
	clear: both;
	padding: 8px 0 26px 0;
	font-size: 14px;
	color: #505050;
	line-height: 20px;
}
.help-page-main>article:after{clear: both; content: ""; display: block;}
.help-page-main>article h2{
	clear: both;
	margin: 12px 0 4px 0;
	font-size: 16px;
	font-weight: bold;
	color: #707070;
}
.help-page-main>article p{
	padding: 8px 0;
}
.help-page-main>article .image-single{clear: both; padding: 4px 0;}
.help-page-main>article .image-single img{max-width: 100%; height: auto;}

/*------------- tooltip -----------*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 450px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*-------------- operator - order info ------------*/
.client-row{padding: 10px 0 20px 0;}
.client-row:after{clear: both; content: ""; display: block;}

.client-data{
	float: left;
	width: 36%;
	font-size: 14px;
}
.client-info{
	padding: 0 0 20px 0;
}
.client-addr{
	padding: 0 0 20px 0;
}
.client-info-in{
	padding: 0 0 0 22px;
}
.client-info-but{
	padding-left: 22px;
}
.client-info-but>div{padding: 4px 0;}
.client-addr-in{
	padding: 0 0 0 22px;
}

.client-data .main-hdr-txt, .client-comments .main-hdr-txt{
	font-size: 18px;
	padding-left: 22px;
	clear: both;
	float: none;
}

.client-comments{
	float: right;
	width: 60%;
}
.client-com-all{
}
.comment-item{
	clear: both;
	background-color: #f0feff;
	border-radius: 3px;
	font-size: 12px;
	padding: 8px 10px;
	margin: 0 0 10px 0;
}
.comment-item:after{clear: both; content: ""; display: block;}
.comment-item:nth-child(2n+1){background-color: #ecfff6;}
.comment-author{
	float: left;
	width: 50%;
	color: #101010;
}
.comment-dt{
	float: right;
	width: 45%;
	text-align: right;
	color: #909090;
}
.comment-msg{
	clear: both;
	padding: 4px 0 4px 0;
	text-align: justify;
	line-height: 15px;
}
.client-com-cmd{
	clear: both;
	padding: 8px 0;
}
.client-com-cmd:after{clear: both; content: ""; display: block;}
.client-com-add{
	float: right;
	text-align: right;
}
.client-com-lnk{
	padding-top: 4px;
	font-size: 13px;
}
.client-com-lnk a{color: #29529d; text-decoration: none; display: inline-block; padding-right: 16px; background: url(../img/a-drop.png) no-repeat 100% 8px;}
.client-com-lnk a>span{border-bottom: 1px dotted #29529d;}

a.btn-clientlogin>span{padding-left: 17px; background: url(../img/ibtn-usr-red.png) no-repeat 0 2px;}
a.btn-addcom>span{padding-left: 18px; background: url(../img/ibtn-edit.png) no-repeat 0 3px;}


.order-row{
	clear: both;
	padding: 12px 0;
}
.order-row:after{clear: both; content: ""; display: block;}

.order-pay-list{
	float: left;
	width: 57%;
}

.order-pay-list .tbl-basebrd .tbl-tr>div{padding: 6px 7px;}
.order-pay-list .tbl-basebrd .tbl-th>div{padding: 12px 7px;}
.order-pay-list .tpay-inf{font-size: 13px;}
/*.order-pay-list .tbl-payments .tbl-tr>div.tpay-amount{font-size: 13px;}*/
.order-pay-list .tpay-amount{font-size: 13px;}

.order-doc-list{
	float: right;
	width: 40%;
}
.order-doc-list .tbl-docs{font-size: 13px;}
.order-doc-list .tbl-basebrd .tbl-tr>div{padding: 6px 7px;}
.order-doc-list .tbl-basebrd .tbl-th>div{padding: 12px 7px;}
.tdoc-title a{color: #29529d;}

a.a-file{display: inline-block; padding-left: 22px; background: url(../img/file-other.png) no-repeat 0 2px;}
a.file-pdf{background-image: url(../img/file-pdf.gif);}
a.file-doc{background-image: url(../img/file-word.gif);}
a.file-xls{background-image: url(../img/file-xls.gif);}

.order-pay-list .wrap-btn, .order-doc-list .wrap-btn, .order-tickets .wrap-btn{
	padding: 8px 0;
}

.order-tickets .tick-title{font-size: 13px; line-height: 16px;}


.order-queuetask{}

.tbl-tasks{font-size: 13px;}
.tbl-basebrd .tbl-tr>div{vertical-align: top;}

.qtask-id{color: #909090; line-height: 15px;}
.qtask-id span{display: block; color: #303030;}
.qtask-name{font-weight: bold; color: #29529d; text-decoration: none;}
.qtask-name>a{font-weight: bold; color: #29529d; text-decoration: none;}
.qtask-perf>span{
	display: inline-block;
	padding-left: 20px;
}
.qtask-perf>span.qperf-auto{background: url(../img/task-mode-auto.png) no-repeat 0 3px;}
.qtask-perf>span.qperf-oper{background: url(../img/task-mode-oper.png) no-repeat 0 50%;}

.tbl-tasks .tbl-tr>div.task-status{padding-top: 8px;}
.task-status span{
	display: inline-block;
	padding: 5px 0 5px 30px;
	font-size: 13px;
	line-height: 14px;
	text-align: left;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.tbl-tasks .task-status-new>div{/*background-color: #f6feff;*/}
.tbl-tasks .task-status-err>div.task-status{background-color: #fff0f0;}
.tbl-tasks .task-status-warn>div.task-status{background-color: #fffbec;}
.tbl-tasks .task-status-proc>div.task-status{background-color: #ecfaf3;}
.tbl-tasks .task-status-done>div{background-color: #f7f7f7;}
.tbl-tasks .task-status-cancel>div{background-color: #f7f7f7;}

.task-status-new .task-status span{background-image: none;}
.task-status-err .task-status span{background-image: url(../img/task-stat-err.png);}
.task-status-warn .task-status span{background-image: url(../img/task-stat-warn.png);}
.task-status-proc .task-status span{background-image: url(../img/task-stat-proc.png);}
.task-status-done .task-status span{background-image: url(../img/task-stat-done.png);}
.task-status-cancel .task-status span{background-image: url(../img/task-stat-cancel.png);}

/*------------------- client page - operator ------------------ */

.user-credit-limit-change{
	display: none;
}

.client-ooo{
	font-size: 13px;
}
.client-ooo>span{
	display: inline-block;
	color: #fff;
	background: #6dc6cd;
	padding: 2px 10px;
}
.client-ooo>div{
	background: #f3feff;
	border:1px solid #d6eff1;
	padding: 8px 10px;
}
.client-ooo>div table{
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: 0;
	font-size: 13px;
	line-height: 15px;
}
.client-ooo>div table tr td{
	padding: 2px 0;
	text-align: right;
	vertical-align: top;
}
.client-ooo>div table tr td:last-child{text-align: left; padding-left: 8px; font-weight: bold;}
.client-info-dat{
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0;
}
.client-info-dat>div{
	clear: both;
	padding: 6px 0;
	border-bottom: 1px solid #e8e8e8;
}
.client-info-dat>div:after{clear: both; content: ""; display: block;}
/*.client-info-dat>div:last-child{border-bottom: 1px solid #e8e8e8;}*/
.client-info-dat>div>span.stat-act{
	display: block;
	float: right;
	width: 130px;
	box-sizing: border-box;
	padding-left: 20px;
	/*background: url(../img/act-status-no.png) no-repeat 0 1px;*/
	background-position: 0 1px;
	background-repeat: no-repeat;
	color: #959595;
}
.client-info-dat>div>span.stat-act-yes{color: #67c779; background-image: url(../img/act-status-yes.png);}
.client-info-dat>div>span.stat-act-no{background-image: url(../img/act-status-no.png);}
.client-info-dat>div.cl-ico-mail{padding-left: 18px; background: url(../img/sm-ico-mail.png) no-repeat 1px 10px;}
.client-info-dat>div.cl-ico-tel{padding-left: 18px; background: url(../img/sm-ico-tel.png) no-repeat 1px 6px;}
.client-info-dat>div.cl-ico-addr{padding-left: 18px; background: url(../img/sm-ico-map.png) no-repeat 1px 8px;}
.client-info-dat>div.cl-dates{color: #959595; padding-left: 18px;}
.client-info-dat>div.cl-dates>span{color: #303030;}

.client-buttons{
	clear: both;
	padding: 5px 0;
	text-align: center;
}
.client-balance{
	clear: both;
	padding: 24px 0;
}

/* domain whois */
.domain-whois-form{
	clear: both;
	margin: 28px 0;
	padding: 12px 0;
}
.domain-whois-form .main-hdr-txt{float: none; clear: both; width: auto;}

/* task item */
.taskqueue-row{
}
.taskqueue-row:after{clear: both; content: ""; display: block;}
.taskqueue-row>div{
	float: left;
	width: 31.49999%;
	min-height: 240px;
	border-right: 1px solid #f4f4f4;
	margin-left: 1.99999%;
	box-sizing: border-box;
}
.taskqueue-row>div:first-child{margin-left: 0;}
.taskqueue-row>div:last-child{border-right: 0;}

.task-summary .main-hdr-txt{
	font-size: 18px;
	padding-left: 22px;
	clear: both;
	float: none;
}
.task-summary-inf{}
.task-summary-inf:after{clear: both; content: ""; display: block;}
.task-summary-inf>div{
	padding: 6px 20px 12px 28px;
	background-position: 0 4px;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 18px;
}
.itask-act{background-image: url(../img/r-ico-arr.png);}
.itask-usr{background-image: url(../img/r-ico-usr.png);}
.itask-order{background-image: url(../img/r-ico-cart.png);}
.itask-bill{background-image: url(../img/r-ico-doc.png);}
.task-summary-inf>div>a{
	color: #29529d;
}
.itask-order>p, .itask-order>span{
	font-size: 13px;
	color: #7c7c7c;
	font-style: italic;
}

.task-statuses{padding-top: 10px;}
.task-statuses>div{margin-bottom: 12px;}
.task-main-status{
	font-size: 13px;
	line-height: 14px;
	padding: 0 0 12px 0;
}
.task-main-status>span{
	display: inline-block;
	padding: 12px 16px;
	background-color: #eeeeee;
	border-radius: 4px;
}
.task-main-status>span.task-mstat-proc{background-color: #e5f7ff;}
.task-main-status>span.task-mstat-proc>b{color: #00a4eb;}
.task-main-status>span.task-mstat-err{background-color: #fabbbb;}
.task-main-status>span.task-mstat-err>b{color: #eb0000;}
.task-main-status>span.task-mstat-warn{background-color: #faf5bb;}
.task-main-status>span.task-mstat-warn>b{color: #ebbc00;}
.task-date{
	background: url(../img/dt.png) no-repeat 0 10px;
	padding: 4px 0 12px 28px;
	font-size: 14px;
	line-height: 18px;
	color: #303030;
}
.task-date>span{
	display: block;
	color: #6d6e76;
}

.taskcmd-form textarea{
	width: 60%;
	height: 60px;
}


/* -------------------- Tabs -------------------- */

.tabs{
	clear: both;
	margin: 6px 0 12px 0;
}
.tabs:after{clear: both; content: ""; display: block;}
.tabs>ul{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.tabs>ul>li{
	display: block;
	float: left;
	text-align: center;
}
.tabs-4btn>ul>li{width: 24.99999%;}
.tabs-7btn>ul>li{width: 14.285%;}
.tabs-8btn>ul>li{width: 12.49999%;}
.tabs-9btn>ul>li{width: 11.1%;}
.tabs>ul>li>a{
	display: block;
	border-bottom: 3px solid #d1d1d1;
	background: #f7f7f7;
	text-decoration: none;
	margin-right: 2px;
	padding: 10px 0;
}
.tabs>ul>li>a>span{
	display: inline-block;
	padding: 3px 0 3px 0px;
	background-repeat: no-repeat
}
.tabs-wicons>ul>li>a>span{
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.tabs>ul>li>a:hover{background: #e8e7e7;}
.tabs-green>ul>li>a:hover{background: #e4f4ec;}
.tabs-green>ul>li.tab-sel>a{border-bottom: 3px solid #54c08a; background-color: #e4f4ec;}

.tabs>ul>li.tab-addbalace>a>span{background-image: url(../../../img/padd-itab-1.png);}
.tabs>ul>li.tab-addforinvoice>a>span{background-image: url(../../../img/padd-itab-2.png);}
.tabs>ul>li.tab-spisat>a>span{background-image: url(../../../img/padd-itab-3.png);}
.tabs>ul>li.tab-payinvoice>a>span{background-image: url(../../../img/padd-itab-4.png);}

.tabs>ul>li.tab-addbalace>a:hover>span, .tabs>ul>li.tab-addbalace.tab-sel>a>span{background-image: url(../../../img/padd-itab-1-sel.png);}
.tabs>ul>li.tab-addforinvoice>a:hover>span, .tabs>ul>li.tab-addforinvoice.tab-sel>a>span{background-image: url(../../../img/padd-itab-2-sel.png);}
.tabs>ul>li.tab-spisat>a:hover>span, .tabs>ul>li.tab-spisat.tab-sel>a>span{background-image: url(../../../img/padd-itab-3-sel.png);}
.tabs>ul>li.tab-payinvoice>a:hover>span, .tabs>ul>li.tab-payinvoice.tab-sel>a>span{background-image: url(../../../img/padd-itab-4-sel.png);}


/* -------------------- Tabs -------------------- */

.winhost-tabs{
	margin-top: 50px;
}
span.winhost-acc-inactive{
	padding-left: 10px;
	color: darkred;
}

/*-------------  adaptive  -------------*/
@media only screen and (min-width: 1450px)
{
	.wrapper{width: 1400px;}
}

@media only screen and (min-width: 1600px)
{
	.wrapper{width: 1560px;}
}

@media only screen and (min-width: 1840px)
{
	.wrapper{width: 1800px;}
}


@media only screen and (max-width: 1200px)
{
	.wrapper{width: 980px;}
	/*--------  header adaptive  --------*/
	.hd-row{margin-bottom: 12px;}
	/*--------  sidebar adaptive  --------*/
	.sb-hdr, a.sb-hdr{padding: 12px 25px 12px 40px;}
	/*--------  topay adaptive  --------*/
	.menu-row li{width: auto; padding: 0 2.9%;}
	.id{width: 8%;}
	.simple .title{width: 40%;}
	/*--------  myaccount adaptive  --------*/
	#nmain{min-height: calc(100vh - 216px);}
	/*--------  documents adaptive  --------*/
	.uploader{padding: 11px 15px 6px 15px;}
	.fileupload-buttons select{width: 294px;}
	button.refresh{margin-top: 15px;}
	.uploader-info{margin-top: -23px;}
	/*--------  cart adaptive  --------*/
	.cart .del{width: 5%;}
	/*--------  footer adaptive  --------*/
}

@media only screen and (max-width: 1000px)
{
	.wrapper{position: relative; width: 800px;}
	/*--------  header adaptive  --------*/
	.hd-row{margin-bottom: 10px;}
	.hd-link ul li{padding: 0 20px;}
	.hd-user{display: none;}
	header.hd-entry{padding-top: 5px; padding-bottom: 15px;}
	.hd-entry .hd-right{width: 75%; padding-top: 20px;}
	/*--------  sidebar adaptive  --------*/
	.sb{position: absolute; z-index: 5; top: 48px; right: 0; display: none; float: none; width: 50%; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);}
	.sb-home .sb-hdr, .sb-home a.sb-hdr{border-top: none;}
	/*--------  topay adaptive  --------*/
	.menu-row li{padding: 0 3.3%;}
	/*--------  myaccount adaptive  --------*/
	#toggle-menu{display: block;}
	#nmain{float: none; width: 100%; min-height: calc(100vh - 184px); padding-bottom: 30px;}
	/*--------  documents adaptive  --------*/
	.fileupload-buttons select{width: 358px;}
	/*--------  devcp adaptive  --------*/
	#sidebar{float: none; width: 100%; padding-top: 10px;}
	.content-item{float: left; width: 45%; margin-right: 9.9%;}
	.content-item:nth-child(2n){margin-right: 0;}
	/*--------  footer adaptive  --------*/
	footer{padding: 15px 0;}
	.footer-right img{margin: 0 9px;}
	.footer-right{width: 70%; padding: 10px 0; background: none;}
	.footer-left{width: 30%; padding: 0 15px; font-size: 13px; line-height: 16px; text-align: center;}
}

@media only screen and (max-width: 800px)
{
	.wrapper{width: 100%; padding-right: 1%; padding-left: 1%;}
	/*--------  header adaptive  --------*/
	#logo{width: 20%; margin-left: 15px; padding-top: 25px;}
	.hd-right{width: 76%;}
	.hd-info ul li{padding: 0 12px;}
	a.flag-ua{margin-left: 15px;}
	a.flag-ru{margin-left: 15px;}
	.hd-entry #logo{padding-top: 15px;}
	.hd-entry .hd-right{padding-top: 17px;}
	/*--------  sidebar adaptive  --------*/
	.sb{right: 1%;}
	/*--------  topay adaptive  --------*/
	.menu-row{padding: 10px 1% 6px 1%;}
	.menu-row li{padding: 0 2.15%;}
	.status{width: 8%;}
	.term{width: 13%;}
	.simple thead th{font-size: 15px;}
	.simple .title{width: 34%;}
	.title a{padding: 10px 35px 10px 25px;}
	/*--------  myaccount adaptive  --------*/
	.nmain-top{padding: 12px 2% 13px 2%;}
	.ncontent-top{padding: 13px 2% 14px 2%;}
	form.invoices-direct{padding: 13px 2% 8px 2%;}
	.orders{padding: 13px 1.5% 14px 1.5%;}
	.profile-tabs .tab{font-size: 14px;}
	/*--------  documents adaptive  --------*/
	.fileupload-buttons select{width: 35.5%;}
	/*--------  cart adaptive  --------*/
	.cart .total-bonus .bonus{padding: 9px 0 9px 36px; background: url(../img/total-bonus.png) 12px 10px no-repeat;}
	.row-control{padding: 11px 1.5% 0 1.5%; text-align: right;}
	/*--------  footer adaptive  --------*/
}

@media only screen and (max-width: 700px)
{
	/*--------  header adaptive  --------*/
	/*--------  sidebar adaptive  --------*/
	/*--------  topay adaptive  --------*/
	/*--------  myaccount adaptive  --------*/
	/*--------  documents adaptive  --------*/
	.fileupload-buttons select{width: 32%;}
	/*--------  footer adaptive  --------*/
}

@media only screen and (max-width: 650px)
{
	/*--------  header adaptive  --------*/
	/*--------  sidebar adaptive  --------*/
	.sb-hdr, a.sb-hdr{padding: 20px 25px 20px 40px;}
	.sb{left: 1%; width: 98%; font-size: 16px; line-height: 20px;}
	.sb a{padding: 12px 10px 12px 48px; font-size: 16px; line-height: 20px;}
	.sb-hdr-in, a.sb-hdr-in{padding: 12px 10px 12px 28px;}
	.sb-home .sb-hdr, .sb-home a.sb-hdr{padding: 20px 25px 20px 40px;}
	/*--------  topay adaptive  --------*/
	/*--------  myaccount adaptive  --------*/
	/*--------  footer adaptive  --------*/
}

a.disk-update{
	display: inline-block;
	width: 21px;
	height: 20px;
	background: url(../img/refresh-ico.png) center no-repeat;
}