@font-face {
	font-family: 'Open Sans Light';
	src: url('../fonts/OpenSans-Light.eot');
	src: local('☺'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'), url('../fonts/OpenSans-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot');
	src: local('☺'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
html {
	position: relative;
	min-height: 100%;
}
body {
	font: 16px/1.5em 'Open Sans', Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	background: url('../images/bg/bg10.jpg') top no-repeat #717d93;
	background-size: cover;
	min-height: 100%;
}


body.bg1 {background-image: url('../images/bg/bg1.jpg');}
body.bg2 {background-image: url('../images/bg/bg2.jpg');}
body.bg3 {background-image: url('../images/bg/bg3.jpg');}
body.bg4 {background-image: url('../images/bg/bg4.jpg');}
body.bg5 {background-image: url('../images/bg/bg5.jpg');}
body.bg6 {background-image: url('../images/bg/bg6.jpg');}
body.bg7 {background-image: url('../images/bg/bg7.jpg');}
body.bg8 {background-image: url('../images/bg/bg8.jpg');}
body.bg9 {background-image: url('../images/bg/bg9.jpg');}


/* Typo
-------------------------------------------------------*/
h1, h2 {
	margin: 0 0 20px;
	font-weight: 400;
	line-height: 1;
}
h1 {
	color: #ccc4bf;
    font-size: 30px;
}
h2 {
	font-size: 1.5em;
}
p {
	margin: 0 0 18px;
}
a {
	color:#000;
}
td {position: relative;}
input {
	background: #eee;
	/*border: 1px solid #ccc4bf;
	border-radius: 5px;
	padding:4px 7px 4px;
	*/
	border: 1px solid #858585;
	padding: 1px 7px 1px;
	color:#000;
	width: 100%;
	margin:0;
	outline:none;
	position: relative;
	font: 16px 'Open Sans Light', Arial, Helvetica, sans-serif;
	line-height: 22px;
	box-shadow: 0px 0px 3px rgba(0, 0, 50, 0.25) inset;
}

input:hover, textarea:hover {
	background-color:#ddd;
	border:1px solid rgb(0,0,50);
	color:#222;
}

.btn {
	background: transparent;
	border: 1px solid #ccc4bf;
	border-radius: 5px;
	padding: 0;
	width: 135px;
	margin: 10px auto 20px;
	display: block;
	color: #ccc4bf;
	cursor: pointer;
	outline:none;
	font: 16px/23px 'Open Sans Light', Arial, Helvetica, sans-serif;
}
.btn:hover, .btn:active {
	background: #434954;
	border: 1px solid #515969;
}
button {
	cursor: pointer;
	padding: 5px 14px;
	border: 1px solid #000;
	background: #fff;
}
button:hover {
	background: #aaccff;
}
input:active, textarea:active {
    outline: none;
    background-color: #fff;
}
input:focus, button:focus, textarea:focus {
    outline: none;
    background-color: #fff;
}
.balance-top {
	font-size: 18px;
	color: #ccc4bf;
	line-height: 1em;
}
.balance-top p {
	margin: 10px 0;
}
.balance-top span {
	font-weight:700;
}
.pagetitle {
	padding: 10px 0 0;
	text-align: center;
}
.pagetitle h1 {
	font-size: 18px;
	margin: 0;
}
.text-left {
	text-align:left;
}
input:required:valid, input:focus:valid {
	background: url('../images/inp-el-suc.png') no-repeat right 50% transparent;
	background-color: #fff;
}
input:required:invalid, input:focus:invalid {
	background: url('../images/inp-el-false.png') no-repeat right 50% transparent;
	background-color: #fff;
}

/* Main Layout
-------------------------------------------------------*/
.widesection {
	width:100%;
}
.mainsection {
	margin: 20px 0;
}
.container {
	padding: 0 15px;
	margin: 0 auto;
}
.row {
	width:100%;
	display: table;
	position: relative;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.fill-block {
	background-color:rgba(29, 29, 27, 0.4);
	border-radius: 15px;
	padding: 20px 25px;
}


/* Navbar
-------------------------------------------------------*/
.navbar {
	padding: 24px 0 23px;
	background-color:rgba(29, 29, 27, 0.4);
	display: flex;
}
.navbuttons {
	float:right!important;
	position: absolute;
	right: 205px;
}
.navbuttons a {
	font-size: 18px;
	text-decoration:none;
	color:#8a9ba2;
	display: inline-block;
	padding: 7px 0 0;
}
.navbuttons img {
	margin-left:35px;
	margin-right: 15px;
	display: inline-block;
	float: left;
}
.navbuttons #lang-sv {
	float:left;
	width: 40px;
	overflow: hidden;
	height: 37px;
	transition:1s;
	position: relative;
}
.navbuttons #lang-sv:hover {
	width: 160px;
	transition:1s;
}
.navbuttons #lang-sv a {
	display:block;
	width: 40px;
	float: left;
    width: 40px;
}
.navbuttons .lang-switch {
	background:rgba(138, 155, 162, 0.10);
	padding: 10px;
	line-height: 1em;
}
.navbuttons .lang-switch:hover {
	background:#1d1d1b;
}
a.lang-switch.active {
	background:#5D6371;
	position:absolute;
	right:0;
	text-align:center;
}
.top-right-col {
/*	width: 180px; */
	margin: 0 auto;
	float: right!important;
}
.col-md.login-button {
	float:right;
	width: 180px;
}
.login-button img {
	float: left;
	display: block;
	width: 40px;
}
.login-button a {
	font-size: 18px;
	text-decoration: none;
	color: #8a9ba2;
	display: block;
	float: left;
	padding: 7px 0 10px;
	margin-left: 20px;
}

/* Recovery
-------------------------------------------------------*/
.recovery-form {
	width: 250px;
	font-size: 14px;
	color:#ccc4bf;
}
.formtitle {
	font-size: 16px;
}
.recovery-form label {
	display:block;
}
.recovery-form div.captcha {
	width: 150px;
	height: 24px;
	margin: 7px auto 17px;
	background:rgba(34, 40, 49, 0.7);
	border-radius: 5px;
}
.recovery-content-block {
	color:#FFF;
	font-weight: 300;
}
.recovery-content-block p {
	text-indent: 15px;
}


/* Registration
-------------------------------------------------------*/
.registration-form {
	width: 240px;
	font-size: 14px;
	color:#ccc4bf;
}
.registration-form label {
	display:block;
}
.registration-content-block {
	color:#FFF;
	font-weight: 300;
}
.registration-content-block p {
	text-indent: 15px;
}
.registration-form div.captcha {
	width: 150px;
	height: 24px;
	margin: 7px auto 17px;
	background:rgba(34, 40, 49, 0.7);
	border-radius: 5px;
}

/* Сheckbox
--------------------------------------*/
.checkbox-box {
	position:relative;
	width: 30px;
	height: 24px;
}
.checkbox-label p {
	margin:0;
}
.checkbox {
	width: 21px;
	height: 24px;
	border:none;
}
.checkbox + label {
	cursor: pointer;
}
.checkbox:not(checked) {
	position: absolute;
	opacity: 0;
}
.checkbox:not(checked) + label {
	position: relative;
}
.checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	width: 21px; 
	height: 24px;
	background-image: url('../images/elements.png');
	background-position: -22px -0px;
}
.checkbox:checked + label:before {
	background-position: -22px -26px;
}
.checkbox-label {
	width: 160px;
}

/* Login
-------------------------------------------------------*/
.login-form {
	width: 300px;
	padding: 20px 45px;
	font-size: 14px;
	color:#ccc4bf;
	margin: 45px auto 0;
}
.login-form label {
	display:block;
}
p.logo {
	text-align:center;
	margin: 0;
}
.logo-text {
	text-align:center;
	font-weight: 700;
	margin: 0;
}
.logo-text span {
	font-weight: 400;
}
.login-form p.link {
	text-align:center;
	margin: 0 0 5px;
}
.login-form p.link a {
	text-decoration:none;
	color:#ccc4bf;
}
.login-form p.link a:hover {
	text-decoration:underline;
}
.login-form .btn {
	margin: 10px auto 20px;
}


/* Avatar
-------------------------------------------------------*/
.avatar-large {
	padding: 0 0 5px;
	width: 300px;
	text-align:center;
	color:#cbc4bf;
	border-radius: 30px;
}
.avatar-large .avatar-block {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	height: 200px;
	overflow: hidden;
}
.avatar-large h2 {
	font-size: 28px;
	margin: 10px 0;
	font-weight: 500;
}
.avatar-large p {
	margin:0 0 15px;
	font-size: 21px;
}
.avatar-small {
	padding:0px;
	width: 200px;
	text-align:center;
	color:#cbc4bf;
	border-radius: 20px;
}
.avatar-small .avatar-block {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	height: 135px;
	overflow: hidden;
}
.avatar-small h2 {
	font-size: 18px;
	margin: 10px 0 0;
	font-weight: 500;
}
.avatar-small p {
	margin:0 0 10px;
	font-size: 14px;
}
.avatar-block img {
	width: 100%;
}


/* Account
-------------------------------------------------------*/
.user-info-block {
	margin-bottom: 20px;
	color:#cbc4bf;
	padding: 15px 35px;
}
.user-info-block td:first-child {
	min-width: 100px;
}
.fill-button {
	font-size: 16px;
	color: #cbc4bf;
	background-color: rgba(29, 29, 27, 0.4);
	border-radius: 15px;
	padding: 5px 20px;
	border: none;
	cursor:pointer;
}
.fill-button:hover, .fill-button:active, .fill-button.current {
	background: #ccc4bf;
	color:#222831;
}
.user-button-block .fill-button {
	margin-left: 30px;
}
.user-button-block .fill-button:first-child {
	margin-left:0;
}


/* Balance
-------------------------------------------------------*/
.user-balance-block {
	margin-bottom: 20px;
	color:#cbc4bf;
	padding: 10px 15px;
}
.user-balance-block td:first-child {
	min-width: 125px;
}
.user-balance-block + .user-button-block {
	width: 100%;
}
.balance-table {
	display:block;
	margin: 20px 0 0;
	text-align:center;
	width: 100%;
}
.balance-table table {
	border-spacing: 0;
	margin: 0 0 30px;
	width: 100%;
}
.balance-table th {
	color:#ccc4bf;
	background-color: rgba(29, 29, 27, 0.4);
	padding: 0 12px;
	height: 60px;
	vertical-align: middle;
	line-height: 1.2em;
	font-weight: 400;
}
.balance-table th:first-child {
	border-top-left-radius: 30px;
}
.balance-table th:last-child {
	border-top-right-radius: 30px;
}
.balance-table td {
	color:#323f4b;
	background-color: #ccc4bf;
	padding: 5px 8px;
	font-size: 14px;
	border: 1px solid #b4aeab;
}
.balance-table tr:last-child td:first-child {
	border-bottom-left-radius: 30px;
}
.balance-table tr:last-child td:last-child {
	border-bottom-right-radius: 30px;
}

/* Balance Checkbox
-------------------------------------------------------*/
.checkbox-row {
	width: 160px;
}
.balance-table .checkbox-group {
		margin: 0 auto;
	width: 42px;
}
.balance-table .checkbox-box {
	position:relative;
	width: 21px;
	height: 26px;
}
.balance-table .checkbox-label p {
	margin:0;
}
.balance-table .checkbox {
	width: 21px;
	height: 26px;
	border:none;
}
.balance-table .checkbox + label {
	cursor: pointer;
}
.balance-table .checkbox:not(checked) {
	position: absolute;
	opacity: 0;
}
.balance-table .checkbox:not(checked) + label {
	position: relative;
}
.balance-table .checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	width: 21px; 
	height: 26px;
	background-position: 0 0;
}
.balance-table .checkbox:checked + label:before {
	background-position: 0px -27px;
}


/* Balance Checkbox
-------------------------------------------------------*/
.user-data-block {
	margin-bottom: 20px;
	color:#cbc4bf;
	padding: 10px 15px;
}
.user-data-block td {
	padding: 9px 0;
}
.user-data-block td:first-child {
	width: 175px;
}


/* Server Iframe
-------------------------------------------------------*/
.balance-table td.server_container {
	padding: 0px 0px 30px;
}
.server_iframe {
	text-align:left;
	color:#000;
	height: 150px;
	overflow: auto;
	padding: 20px 45px 0;
}
.server_iframe p {
	line-height: 1em;
	margin: 0 0 5px;
}


/* Payment Table
-------------------------------------------------------*/
.phone_number {
	color:#F5EDE8;
	font-size: 14px;
	margin: 20px 0 0;
}
.payment-table {
	color:#cbc4bf;
	width: 100%;
	padding: 30px 50px 20px;
	text-align: center;
	font-size: 14px;
}
.alert-block {
	color: #323f4b;
	background:#ccc4bf;
	border-radius: 15px;
	padding: 5px 20px;
	display: inline-block;
	margin: 0 auto 20px;
}
.pay_mtd table {
	border-collapse: collapse;
}
.pay_mtd td {
	text-align:left;
	padding: 10px 0;
	border-top: 1px solid transparent;
	background-color: #C9C2BC;
	color: #2C3433;
}
.pay_mtd td p {
	margin: 0 20px;
	line-height: 1.5;
}
.pay_mtd tr td:first-child {
	padding: 10px;
}
.pay_mtd tr:first-child td:first-child {
	border-top-left-radius: 15px;
}
.pay_mtd tr:first-child td:last-child {
	border-top-right-radius: 15px;
}
.pay_mtd tr:last-child td:first-child {
	border-bottom-left-radius: 15px;
}
.pay_mtd tr:last-child td:last-child {
	border-bottom-right-radius: 15px;
}
.pay_mtd .fill-button:hover, .pay_mtd .fill-button:focus {
	background:#2d353f;
	color:#FFF;
}

.transv-block {
	background:#2d353f;
	color:#ccc4bf;
	border-radius: 15px;
	display:inline-block;
	padding: 5px 10px;
	margin: 0 0 30px;
}
.transv-block p {
	margin: 0 0 5px;
}
.payment-table button.clean-button {
	width: 250px;
}
.payment-buttons {
	text-align:center;
}
button.clean-button {
	font-size: 16px;
	color: #cbc4bf;
	background:transparent;
	border-radius: 15px;
	padding: 5px 20px;
	border: 1px solid #cbc4bf;
	cursor: pointer;
}
button.clean-button:hover, button.clean-button:active {
	background:#cbc4bf;
	color:#323f4b;
}
.price {
	color: #323f4b;
	background:#ccc4bf;
	border-radius: 8px;
	padding: 0 10px;
	display: inline-block;
}
.button-block.center-buttons {
	text-align:center;
}
.color-button {
	width: 33px;
	height: 34px;
	background-image: url('../images/elements.png');
	background-repeat:no-repeat;
	background-color:transparent;
	border: none;
	margin: 0 10px;
}
.accept-btn {
	background-position: -44px 0;
}
.close-btn {
	background-position: -44px -34px;
}


/* Payment Confirm
-------------------------------------------------------*/
.payment-confirm {
	color: #cbc4bf;
	text-align:center;
}
.payment-confirm .price {
	color: #cbc4bf;
	background: transparent;
	border-radius: 15px;
	padding: 5px 20px;
	font-size: 20px;
	border: 1px solid #cbc4bf;
}
.icon-button {
	width: 40px;
	height: 40px;
	background-image: url('../images/elements.png');
	background-repeat:no-repeat;
	background-color:transparent;
	border: none;
	margin: 0 10px;
}
.icon-button.accept-btn {
	background-position: -142px 0px;
}
.icon-button.close-btn {
	background-position: -142px -40px;
}
.pay_method {
	text-align: center;
	text-align: -webkit-center;
	line-height: 40px;
}
.pay_method span {
	font-size: 20px;
}
.pay_method input {
	color: #cbc4bf;
	background: transparent;
	border-radius: 15px;
	padding: 5px 20px;
	font-size: 20px;
	border: 1px solid #cbc4bf;
	line-height: 27px;
	width:90px;
	margin: 0 10px 0 10px;
}
.pay_method .icon-button {
	background-image: url('../images/elements.png');
	width: 36px;
	height: 35px;
	margin: 2px 10px 0;
	background-position: -106px 0;
}
.pay_method .icon-button:hover, .pay_method .icon-button:active {
	background-position: -106px -35px;
}


/* Product Table
-------------------------------------------------------*/
.product-table {
	display: block;
	text-align: center;
	width: 98%;
	margin: 20px auto;
}
.product-table table {
	border-spacing: 0;
	margin: 0 0 30px;
	width: 100%;
}
.product-table th {
	color: #ccc4bf;
	background-color: rgba(29, 29, 27, 0.4);
	padding: 10px 12px;
	vertical-align: middle;
	line-height: 1em;
	font-weight: 400;
	white-space: nowrap;
	font-size: 1em;
}
.product-table th:first-child {
	border-top-left-radius: 5px;
}
.product-table th:last-child {
	border-top-right-radius: 5px;
}
.product-table td {
	color:#323f4b;
	background-color: #ccc4bf;
	padding: 2px 4px 2px;
	font-size: 14px;
	border-top: 1px solid #b4aeab;
	border-left: 1px solid #b4aeab;
}
.product-table tr:last-child td {
	border-bottom: 1px solid #b4aeab;
}

.product-table tr td:last-child {
	border-right: 1px solid #b4aeab;
}
.list-table td {
	border:0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.product-table tr:last-child td:first-child {
	border-bottom-left-radius: 5px;
}
.product-table tr:last-child td:last-child {
	border-bottom-right-radius: 5px;
}
.product-table td.color-block {
	background-color: rgba(17, 18, 26, 0.25);
	border: 1px solid transparent;
	color:#ccc4bf;
}

.product-table table table.inner tbody tr td,
.product-table table table.inner tr:last-child td:first-child,
.product-table table table.inner tr:last-child td:last-child {
	border-radius: 0;
	border-bottom: 0;
	background-color: rgba(222, 237, 255, 0.51);
}
.product-table table table.inner td input, .product-table table table.inner td input:hover {
	border:0;
	padding:0;
	font-size:14px;
	box-shadow:none;
	background:#fff;
}

/* Server info
-------------------------------------------------------*/
.server-info-block {
	color:#cbc4bf;
	padding: 15px 35px;
}
.server-info-block td {
	padding: 3px 0;
}
.server-info-block td:first-child {
	width: 160px;
}
.server-info {
	color: #cbc4bf;
	text-align:center;
	width: 200px;
	margin: 10px 0;
}
.server-info p {
	margin: 0 10px;
}
.server-info-page .col-md {
	padding-top: 20px;
}
.server-info-page .left-col {
	padding-left:0px;
}
.server-info-page .right-col {
	text-align: center;
	padding: 20px;
	border-radius: 30px;
}
.server-info-page .alert-block {
	width: 100%;
}
.server-info-page .button-block {
	margin: 0 20px;
}
.server-info-page .button-block button {
	padding: 10px 20px;
}
.server-info-page .button-block button:last-child{
	float: right;
}
.server-info-page .product-table td {
	padding: 8px 15px 5px;
}
.server-info-page .right-col .clean-button {
	width:170px;
	margin: 0 0 10px;
} 



/* Select
-----------------------------------*/
.balance-selection .left-col {
	padding-left: 0;
}
.balance-selection .balance-table td {
	padding: 10px 5px 4px;
	position: relative;
	font-size: 16px;
}
.balance-table td.select {
	padding: 0!important;
}
.balance-selection .balance-table tr:first-child td:first-child {
	border-top-left-radius: 15px;
}
.balance-selection .balance-table tr:first-child td:last-child {
	border-top-right-radius: 15px;
}
.balance-selection .balance-table tr:last-child td:first-child {
	border-bottom-left-radius: 15px;
}
.balance-selection .balance-table tr:last-child td:last-child {
	border-bottom-right-radius: 15px;
}
.balance-selection .balance-table td:first-child {
	width: 200px;
	text-align:left;
	padding: 5px 10px 5px 15px;
}
.balance-selection .right-col .balance-table td:first-child {
	width: 90px;
}
.balance-selection .balance-table td:last-child {
	width: 270px;
	padding: 0px 5px 4px;
	text-align:left;
}
.balance-selection .balance-table tr td:last-child {
	color: #ccc4bf;
	background-color: rgba(50, 63, 75, 0.4);
	border: 1px solid transparent;
	border-bottom: 1px solid #ccc4bf;
}
.balance-selection .balance-table tr:last-child td {
	border-bottom-color:transparent;
}
.refrsesh {
	width: 14px;
	height: 14px;
	background: url('../images/elements.png') 0 -54px no-repeat;
	cursor:pointer;
	position: absolute;
	right: 10px;
	top:8px;
}
.balance-table select { 
	padding: 0 30px 0 5px;
	margin: 0;
	font-size: 16px;
	background: transparent;
	border:none; 
	outline:none; 
	display: block;
	width: 100%;
		-webkit-appearance:none; 
		-moz-appearance:none; 
	appearance:none; 
	cursor:pointer;
	color: #ccc4bf;
} 
.balance-table label {
	display: block;
}
.balance-selection .balance-table label {position:relative} 
.balance-selection .balance-table label:before { 
	position:absolute; 
	pointer-events:none;
	display: block;
	width: 10px;
	height: 11px;
	background: url('../images/elements.png') 0 -70px no-repeat;
	content: " ";
	right: 10px;
	top: 3px;
}
.notes-block {
	display: flex;
	margin: 0 0 10px;
}
.notes-block > div {
	width: 205px;
	float:left;
	border: 1px solid #ccc4bf;
}
.notes-block div:first-child {
	color: #323f4b;
	background-color: #ccc4bf;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 5px 20px; 
}
.notes-block div:last-child {
	color:#ccc4bf;
	background-color: rgba(50, 63, 75, 0.4);
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 5px 20px; 
}
.notes-block input {
	border:none;
	background:transparent;
	margin: 0;
	padding: 0;
}

/* User Profile Edit
-------------------------------------------------------*/

.profile-edit .avatar-large h2 {
	padding: 0 20px;
}
.profile-edit .avatar-large h2 input {
	font-size: 28px;
	margin: 10px 0 0;
	text-align: center;
	font-weight: 500;
	padding: 0px 10px 3px;
}
.profile-edit .avatar-block {
	position:relative;
}
#file + label {
	position: absolute;
	top: 0px;
	width: 300px;
	left: 0;
	border: 0;
	padding: 0;
	margin: 0;
	height: 200px;
	border-radius: 0;
	z-index:1;
	cursor:pointer;
}
#file + label span {
	font-size: 28px;
	z-index: 2;
	top: 0px;
	position: absolute;
	left: 0;
	width: 300px;
	padding: 80px 60px;
	background: rgba(105, 112, 125, 0.6);
}
input[type=checkbox] {
	float: left;
	width: 15px;
	margin-left: 3px;
	clear: both;
}

input[type=file] {
/*	display: none; */
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
	border: 1px solid #fff;
}

select {
float: left;
}

textarea {
width: 100%;
border:1px solid #aaa;
}

textarea:focus, textarea:active {
border:1px solid #000;
}

.user-info-block input {
	padding: 2px 10px 2px;
	margin: 2px 0 2px;
	line-height:1.1em;
}
.profile-edit .user-info-block td:first-child {
	width: 150px;
}
.profile-edit .user-info-block td.wide_td {
	width: 120px;
}
.profile-edit .user-info-block.wide-block {
	width: 600px;
}
.full-color-btn {
	width: 27px;
	height: 28px;
	background-image: url('../images/elements.png');
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	margin: 0 10px;
	display: block;
	position: absolute;
	background-position: -78px 1px;
	top: 0px;
	right: -43px;
}
.full-color-btn.false-btn {
	background-position: -77px -27px;
}
.wide-block {
	padding: 15px 20px;
}
.wide-block input {
	width: 110px;
}


.change-bg-block {
	margin: 20px 0;
	color: #cbc4bf;
	padding: 15px 35px;
}

.bg_chooser > div {
	display:inline;
}
.bg_chooser a {
	cursor:pointer;
	width: 135px;
	height: 70px;
	margin-left: 5px;
	border: 3px solid transparent;
	overflow: hidden;
	display: inline-block;
}
.bg_chooser a:hover {
	border: 3px solid #cbc4bf;
}
.bg_chooser a img {
	padding:0;
	border:0;
}


/* Modal Styles
-------------------------------------------------------*/
.modalblock {
	width:430px;
	min-height:200px;
	display:none;
	border-radius: 30px;
	margin: 15px;
	padding: 20px 50px;
	background: rgba(34, 40, 49, 0.8);
	overflow: hidden;
	color:#ccc4bf;
	text-align:center;
}
.modal-header {
	font-size: 16px;
	font-weight: 600;
}
.modalblock {
	font-size: 14px;
	line-height: 1em;
}


/* Navigation
-------------------------------------------------------*/
.topnav {
	position: absolute;
	top:35px;
	z-index:9;
	left: -60px;
	width: 270px;
	height: 0px;
	overflow: hidden;
	background: url('../images/top_menu_bg.png') top no-repeat;
	-webkit-transition: all 2s cubic-bezier(.19,1,.22,1) 0s;
	-moz-transition: all 2s cubic-bezier(.19,1,.22,1) 0s;
	-ms-transition: all 2s cubic-bezier(.19,1,.22,1) 0s;
	-o-transition: all 2s cubic-bezier(.19,1,.22,1) 0s;
	transition: all 2s cubic-bezier(.19,1,.22,1) 0s;
}
.login-button #top-menu-btn:hover + .topnav, .topnav:hover  {
    height:337px;
	-webkit-transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
	-moz-transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
	-ms-transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
	-o-transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
	transition: all 1s cubic-bezier(.19,1,.22,1) 0s;
}
#top-menu-btn {
	cursor:pointer;
	border-bottom: 1px solid #C58686;
}
#top-menu-btn:hover {
        border-bottom:1px solid transparent;
}
.topnav ul {
	overflow: hidden;
	margin-top: 15px;
	display:block;
	background-color:rgba(34, 40, 49, 0.45);
}
.topnav li {
	display:block;
	list-style:none;
	overflow: hidden;
	font-family: 'Open Sans Light', Arial, Helvetica, sans-serif;
	border:none;
}
.topnav li.current, .topnav li:hover {
	background:#292e3a;
}
.topnav li a {
	color: #ccc4bf;
	font-size: 20px;
	text-decoration: none;
	padding: 0px 10px;
	line-height: 46px;
	display: block;
	width: 200px;
}
.topnav li img {
	display: block;
	float: left;
	background:#292e3a;
	height: 46px;
	width: 46px;
}



/* Client image on header
------------------------------*/
.user-ico-sm img {
	width: 40px;
}
.user-balance {
	margin-right: 100px;
}
.user-balance p {
	margin-bottom:0;
}


/* Colored rows
------------------------------*/

tr.green td {
	background:#BEFFBF;
}
tr.red td {
	background:#FFBEBE;
}
tr.yellow td {
	background:#FFF9BE;
}


/* Left nav
------------------------------*/
.leftnav {
	position: fixed;
	top: 28%;
	left: 0px;

}
.leftnav ul {
	width: 47px;
	overflow: hidden;
	position: fixed;
	z-index: 9;
	transition: 1s;
	background-color: rgba(34, 40, 49, 0.45);
}
.leftnav li {
	display: block;
	height: 46px;
	width: 46px;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #353a47;
}
.leftnav li:last-child {
	border-bottom: 1px solid transparent;
} 
.leftnav li.current, .leftnav li:hover {
	border-right: 2px solid #77665d;
	background: #292e3a;
}

.big {
	font-size: 16px;
}

.link {
	cursor:pointer;
	color:#080056;
	text-decoration: none;
}
.link:hover {
	text-decoration: underline;
}

a.white { color: #C5BFFF; }
a.white:hover {color:#fff; }

.nav-btns button {
background: #ccc;
border: 1px solid #000;
padding: 2px 4px;
}
.nav-btns button:hover { background:#fff; }

tr.s0 > td { background: #818181; color: #fff; } /* hidden */
tr.s7 > td { background: #FFD778; } /* new */
tr.s10 > td { background: #56FFF9; } /* interesting */
tr.s20 > td { background: #EFFF58; } /* ready */
tr.s30 > td { background: #F89090; } /* bad */
tr.s40 > td { background: #18FF00; } /* good */
tr.s50 > td { background: #C1B9D0; } /* in use */
tr.s60 > td { background: #CBCBCB; } /* old */

#tbl1 tr:last-child td, #tbl2 tr:last-child td { border-bottom: 1px solid rgba(0,0,0,0.1); }

tr.q7 > td { background: #9AC2D2; }
tr.q20 > td { background: #75D4B5; }

button.q_yes {
    background:#4C4C4C;
    color:#00ff00;
    font-size:1em;
    line-height:1;
}
button.q_yes:hover {
    background:#6C6C6C;
}

button.q_no {
    background:#494949;
    color:#fb7070;
    font-size:1em;
    line-height:1;
}

button.q_no:hover {
    background:#696969;
}

/* Sortable tables */
table.sortable thead {
    cursor: pointer;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

.nw { white-space: nowrap; }

#progressbox {
        border: 2px solid #000;
        padding:0;
/*        position: absolute; */
        width: 700px;
        margin: 8px;
        display: none;
        text-align: left;
}

#progressbar {
        height:8px;
        background-color: #DEFF00;
        width: 1%;
}

.rdns tr:last-child td:first-child {
	border-bottom-left-radius: 0 !important;
}

.rdns tr:last-child td:last-child {
	border-bottom-right-radius: 0 !important;
    white-space: nowrap;
}

.rdns tr td {
	background: #ded8f0;
	border: 1px solid #b0b0b0;
	border-right: 0;
	border-bottom: 0;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rdns tr td:last-child {
	border-right:1px solid #b0b0b0;
}

.rdns tr:last-child td {
	border-bottom:1px solid #b0b0b0;
}

.rdns tr td.ok {
	background: #a5fcbc;
	width: 1px;
}

td.ok { background: #a5fcbc; }

.rdns tr td.warn {
	background: #F3FCA5;
	width: 1px;
}

td.warn { background: #F3FCA5; }

.rdns tr td.warnfield {
	background:#F5FFD6;
}

.rdns tr td.err {
	background: #fca5bc;
	width: 1px;
}

td.err { background: #fca5bc; }

.rdns tr td.errfield {
	background:rgb(255, 214, 214);
}

#rir {float: right;}

a:link, a:visited {
    text-decoration:none;
    color: #0D0D3F;
    font-size: 0.9em;
    cursor: pointer;
}

a:active,a:hover {
    text-decoration:underline;
    color:#000;
    cursor: pointer;
}

.list-questions table tr td.nw {
    font-size:1em;
    color:#000;
}

.login-frame {
	display: block;
	width: 400px;
	margin: 50px auto 0;
}
.login {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
display: block;
width: 400px;
text-align: center;
padding: 20px;
border: 1px solid #000;
color: #fff;
font-size: 12px;
}

.login table { width:auto; margin: 0 auto;}
.login table th { text-align:right; }
.login table td { text-align:center; }

div.search { display: inline-block; }

#search {
	background: #CCC none repeat scroll 0% 0%;
	border: 1px solid #000;
	padding: 0 5px;
	width: 150px;
height: 26px;
margin: 0;
box-shadow: none;
border-radius: 0;
margin-bottom: -8px;
clear: both;
float: left;
font-size: 17px;
color: #000;
}

#search:focus, #search:active, #search:hover {
	background: #fff;
	border: 1px solid #00ff00;
}

.result {
text-align: left;
font-size: 10px;
font-family: monospace;
background: rgb(233, 235, 254);
color: rgb(0, 0, 0);
padding: 10px 15px;
line-height: 1.5;
width:100%;
margin:5px;
}

#task {
background:rgba(0,0,0,0.3);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
display:none;
}

#taskimg {
background:url('../images/wait.gif') no-repeat;
display: block;
width: 64px;
height: 64px;
margin: 0 auto;
margin-top: 50vh;
}

.warning {
background:url('../images/warn.png') no-repeat;
width:20px;
height:20px;
display:block;
top: 6px;position: absolute;left: 17px;
}

input.netcopy {
border: 1px dashed #00000024;
border-radius: 0;
padding: 2px 0px 0px;
background: rgba(255,255,255,0.6);
box-shadow: none;
text-align: center;
width: 180px;
font-family: sans;
font-size: 14px;
text-shadow: 0 0 1px rgba(0,0,0,0.2);
}

.whois-area {
	min-height: 14rem;
	padding: 0.5rem;
}