* {
		box-sizing: border-box;		
	}

	html, 
	body {
		margin: 0;
		padding: 0;
		font-family: 'Roboto Condensed', sans-serif;
		color: #444;
		background: #0c2239;
	}

	ul {
		padding: 0 0 0 14px;
		margin: 0;
	}

	#content {
		background: #fff;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	section > .inr {
		width: 1200px;
		max-width: 100%;
		margin: 0 auto;
		padding: 10px;		
	}

	/* title */	

	.title-sub {
		margin: 20px 10px 10px 10px;		
		border-bottom: 2px solid #ddd;		
		display: flex;
	}
	
	.title-sub > .inr {		
		position: relative;
		font-size: 15px;		
		padding: 0 0 5px 0;
	}
	
	.title-sub > .inr:after {		
		content: "";
		position: absolute;
		bottom: -2px;
		right: 0;
		left: 0;
		width: 100%;
		border-bottom: 2px solid rgb( 255, 60, 0 );
	}	
	
	.t5 {
		font-size: 16px;
		color: #666;
		line-height: 1;
		padding: 10px;
	}

	.t100 {
		font-size: 12px;
		color: rgb( 255, 60, 0 );
		line-height: 1;
		padding: 5px 0 0 0;
	}

	/* tbl */

	.tbl {
		display: flex;
		flex-wrap: wrap;
		padding: 5px;
		color: #666;
		font-size: 14px;
	}

	.tbl-col {
		padding: 5px;
		flex-grow: 1;		
	}

	.tbl-col-t {
		font-weight: bold;
		flex: 140px 0 0;	
	}	

	.tbl-col-sep {
		min-width: 100%;
	}

	/* color */	

	.main-color {
		color: rgb( 255, 60, 0 );
	}

	/* box */
	
	.box {
		padding: 10px;
	}	
	
	.box > .inr {
		background: #fff;
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
		padding: 10px;
	}
	
	.box > .inr > .title {
		margin: 10px;		
		border-bottom: 3px solid #ddd;		
		display: flex;
		align-items: center;
	}
	
	.box > .inr > .title > .inr {		
		position: relative;
		font-size: 20px;		
		padding: 0 0 5px 0;
	}
	
	.box > .inr > .title > .inr:after {		
		content: "";
		position: absolute;
		bottom: -3px;
		right: 0;
		left: 0;
		width: 100%;
		border-bottom: 3px solid rgb( 255, 60, 0 );
	}	
	
	.box > .inr > .title > .sub {		
		padding: 0 0 0 10px;
		font-size: 14px;
	}

	/* */
	
	.pl-40 {
		height: 40px;
	}

	.flex-center {
		display: flex;
		justify-content: center;

	}

	.ul-check {
		position: relative;
		padding: 0 0 0 20px;
	}

	.ul-check:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "✔";
	}


	 




	/* display */
	
	.d-none {
		display: none;		
	}

	.d-flex {
		display: flex;		
	}

	.d-flex-wrap {
		display: flex;
		flex-wrap: wrap;
	}	
		
	.d-flex-justify-content-sb {
		display: flex;
		justify-content: space-between;		
	}	


	
	
	/* header */

	section.header {
		box-shadow: 0px 20px 15px 0px rgba(0,0,0,0.65);
		background: #fff;
		position: sticky;
		top: 0;
		z-index: 99999;
	}
	
	section.header > .inr {
		padding: 0 10px;			
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}

	.logo {
		display: block;
		padding: 0 10px;
		text-decoration: none;		
	}

	.logo img {
		width: 180px;
		display: block;		
	}

	/* footer */

	section.footer > .inr {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	section.footer .copyright {
		color: #fff;
		padding: 0 10px;
	}

	/* footer - nav */

	.nav-footer > .inr {
		display: flex;
		align-items: center;
	}

	.nav-footer > .inr > a {
		display: block;
		font-size: 16px;
		text-decoration: none;
		color: #fff;
		padding: 0 10px;
	}
	
	.nav-footer > .inr > a:hover,
	.nav-footer > .inr > a.active {
		color: rgb( 255, 60, 0 );
	}	
	
	.nav-footer > .inr > .sep {
		display: block;
		color: #eee;
		font-size: 28px;
		line-height: 28px;
		padding: 0 0;
		font-weight: 100;
	}	

	@media all and ( max-width: 1100px ) {

		section.footer > .inr {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}

		section.footer .copyright {
			width: 100%;
			padding-bottom: 20px;
			text-align: center;
			
		}

	}

	@media all and ( max-width: 900px ) {
		
		.nav-footer > .inr {
			flex-wrap: wrap;
			justify-content: center;
		}




	}




	/* notice */

	.notice {
		padding: 10px;
		display: flex;
	}
	
	.notice .inr {
		border-radius: 5px;	
		padding: 10px;
		font-size: 16px;
		display: flex;
		align-items: center;
	}	
	
	.notice .inr:before {		
		font-family: refstore;
		font-size: 20px;
		line-height: 20px;
		display: block;
		padding: 0 10px 0 0;
	}		
	
	.notice.notice-info .inr {		
		background: rgb(204, 255, 193);
		color: rgb(20, 115, 0);
	}	
	
	.notice.notice-info .inr:before {		
		content: "\E05D";		
	}	
	
	.notice.notice-fault .inr {		
		background: rgb(255, 214, 202);
		color: rgb( 255, 60, 0 );
	}	
	
	.notice.notice-fault .inr:before {		
		content: "\E05D";		
	}	





	/* h */

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0; 
		font-size: 20px;
		font-weight: bold;		
	}

	/* partner */

	.partner-button-con {
		margin: 40px 0 60px 0;
		display: flex;
		justify-content: center;
	}
	
	.partner-button {
		background-color: rgb( 255, 60, 0 );
		border-radius: 5px;
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 10px 20px;
		font-size: 18px;
	}

	.partner-percent {
		margin-bottom: 60px;
	}

	.partner-percent > .inr {
		flex-wrap: nowrap;
	}

	.partner-percent > .inr > .item {
		flex-grow: 1;
	}


	/* nav - main */

	.nav-main > .inr {
		display: flex;
		align-items: center;
	}

	.nav-main > .inr > a {
		display: block;
		font-size: 16px;
		text-decoration: none;
		color: #666;
		padding: 0 10px;
	}
	
	.nav-main > .inr > a:hover,
	.nav-main > .inr > a.active {
		color: rgb( 255, 60, 0 );
	}	
	
	.nav-main > .inr > .sep {
		display: block;
		color: #eee;
		font-size: 28px;
		line-height: 28px;
		padding: 0 10px;
		font-weight: 100;
	}	
	
	/* nav - main - mobile - button */

	.nav-mobile-button {
		cursor: pointer;
		display: none;
		padding: 0 10px;
	}

	.nav-mobile-button:before {
		font-family: refstore;
		content: "U";
		display: block;
		font-size: 35px;
		color:#666;
	}

	@media all and ( max-width: 960px ) {

		.nav-mobile-button {			
			display: block;
		}

		/* */

		.nav-main {
			position: absolute;
			right: 20px;
			top: 100%;
			padding: 20px 0 0 0;
			display: none;
		}
	
		.nav-main.active {
			display: block;
		}

		.nav-main > .inr {
			display: block;
			background-color: #fff;
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
			padding: 6px 0;
		}		

		.nav-main > .inr > a {
			padding: 2px 10px;
			font-size: 18px;
		}

		.nav-main > .inr > .sep {
			display: none;
		}

	}	

	/* header set 1 */

	.header-set-1 {
		padding: 30px 10px;
		text-align: center;
	}

	.header-set-1 .top-txt {
		font-size: 16px;
		color: rgb( 255, 60, 0 );
	}

	.header-set-1 h1 {
		font-size: 28px;
		line-height: 40px;	
		font-weight: 400;
	}

	.header-set-1::after {
		content: "";
		display: block;
		width: 60px;
		height: 4px;
		background: rgb( 255, 60, 0 );
		margin: 10px auto 0 auto;		
	}

	.header-set-1 .bottom-txt {
		font-size: 18px;
		line-height: 26px;
		color: #999;
	}








	/* items 1 */

	.items-1 > .inr {
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;		
	}

	.items-1 > .inr > .item {
		text-align: center;	
		padding:10px;
	}

	.items-1 > .inr > .item > .inr {
		display: block;
		text-decoration: none;
		color: #000;
		height: 100%;
		background: #fff;
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);		
		padding:10px;		
	}

	.items-1 > .inr > .item > .inr .icon {
		padding:10px;
		font-family: refstore;
		font-size: 40px;
		line-height: 50px;
		color: rgb( 255, 60, 0 );
	}
	
	.items-1 > .inr > .item > .inr .title {
		padding:10px;
		font-size: 20px;		
	}

	.items-1 > .inr > .item > .inr .description {		
		padding:10px;
		font-size: 16px;	
		line-height: 22px;
		color: #666;		
	}

	/* form */

	label, 
	.label {
		display: block;
		padding: 10px;				
	}

	label > .title,
	.label > .title {
		padding: 0 0 8px 0;
		font-size: 16px;		
	}
	
	label > .txt,
	.label > .txt {
		padding: 0 0 8px 0;
		font-size: 13px;
		line-height: 18px;
		color: #666;
	}	
	
	label > .input-con > input[type="text"],
	label > .input-con > input[type="password"],
	label > .input-con > textarea,	
	label > .input-con > select {
		border: 1px solid #ddd;
		border-radius: 5px;	
		display: block;
		width: 100%;
		height: 36px;
		padding: 0 8px;
		font-size: 15px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #444;
	}
	
	label > .input-con > textarea {
		padding: 12px 8px;
		height: 80px;		
	}
	
	/* form - radio */

	.label.radio > .input-con {		
		display: flex;		
	}

	.label.radio > .input-con > .item  {		
		display: flex;
		align-items: center;
		padding: 0;
	}
	
	.label.radio > .input-con > .item > input  {		
		margin: 0;
		padding: 0;
	}	
	
	.label.radio > .input-con > .item > .title  {		
		font-size: 15px;
		line-height: 1;
		color: #444;
		padding: 0 16px 0 8px;
	}	
	
	/* form - slider */	
	
	label.slider .input-con {
		border: 1px solid #ddd;
		height: 12px;
		border-radius: 20px;
		padding: 0 20px 0 0;
	}
	
	label.slider .ui-widget.ui-widget-content {
		position: relative;	
	}

	label.slider .ui-state-default, 
	label.slider .ui-widget-content .ui-state-default {		
		background: rgb( 255, 60, 0 );
		font-weight: normal;
		color: #454545;
	}	

	label.slider .ui-slider .ui-slider-handle {
		top: -5px;
		margin-left: 0;
		border-radius: 20px;
		position: absolute;
		z-index: 2;
		width: 20px;
		height: 20px;
		cursor: default;
		-ms-touch-action: none;
		touch-action: none;
	}
	
	/* form - radio list */

	.label.radio-list > .input-con {		
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #ddd;
		border-radius: 5px;
		padding: 5px;		
	}

	.label.radio-list > .input-con > .item  {		
		display: flex;
		align-items: center;
		padding: 5px;
	}
	
	.label.radio-list > .input-con > .item > input  {		
		margin: 0;
		padding: 0;
	}	
	
	.label.radio-list > .input-con > .item > .title  {		
		font-size: 15px;
		line-height: 1;
		color: #444;
		padding: 0 0 0 8px;
	}	
	
	
	
	
	
	
	/* form - button */	

	label.button > .input-con > .inr {
		display: block;
		position: relative;
		cursor: pointer;
		padding: 0 10px;   
		text-align: center;
		text-decoration: none;
		background: rgb( 255, 60, 0 );		  
		color: #fff;
		font-size: 16px;				
		height: 36px;
		border-radius: 5px;
		display: flex;
		align-items: center;
	}
	
	label.button > .input-con > .inr > .icon {
		display: block;
		font-family: refstore;
		padding: 0 10px 0 0;
		font-size: 18px;
	}






	label.button.button-small > .input-con > .inr {		
		padding: 0 8px; 		
		font-size: 13px;				
		height: 26px;		
	}
	
	label.button.button-small > .input-con > .inr > .icon {
		
		padding: 0 8px 0 0;
		font-size: 15px;
	}











	




	/* fonts */

	@font-face {
		font-family: "Roboto Condensed";
		font-style: normal;
		font-weight: 300;
		font-display: swap;		
		src:url("../fonts/roboto-condensed-v19-latin-300.eot");
		src:url("../fonts/roboto-condensed-v19-latin-300.eot?#iefix") format("embedded-opentype"),
			url("../fonts/roboto-condensed-v19-latin-300.woff2") format("woff2"),
			url("../fonts/roboto-condensed-v19-latin-300.woff") format("woff"),			
			url("../fonts/roboto-condensed-v19-latin-300.ttf") format("truetype"),
			url("../fonts/roboto-condensed-v19-latin-300.svg") format("svg");		
	}	
		
	@font-face {
		font-family: "Roboto Condensed";
		font-style: normal;
		font-weight: 400;
		font-display: swap;		
		src:url("../fonts/roboto-condensed-v19-latin-regular.eot");
		src:url("../fonts/roboto-condensed-v19-latin-regular.eot?#iefix") format("embedded-opentype"),
			url("../fonts/roboto-condensed-v19-latin-regular.woff2") format("woff2"),
			url("../fonts/roboto-condensed-v19-latin-regular.woff") format("woff"),			
			url("../fonts/roboto-condensed-v19-latin-regular.ttf") format("truetype"),
			url("../fonts/roboto-condensed-v19-latin-regular.svg") format("svg");		
	}	
	
	@font-face {
		font-family: "Roboto Condensed";
		font-style: normal;
		font-weight: 700;
		font-display: swap;		
		src:url("../fonts/roboto-condensed-v19-latin-700.eot");
		src:url("../fonts/roboto-condensed-v19-latin-700.eot?#iefix") format("embedded-opentype"),
			url("../fonts/roboto-condensed-v19-latin-700.woff2") format("woff2"),
			url("../fonts/roboto-condensed-v19-latin-700.woff") format("woff"),			
			url("../fonts/roboto-condensed-v19-latin-700.ttf") format("truetype"),
			url("../fonts/roboto-condensed-v19-latin-700.svg") format("svg");		
	}	

	@font-face {
		font-family: "refstore";
		font-weight: normal;
		font-style: normal;
		font-display: swap;
		src:url("../fonts/refstore.eot");
		src:url("../fonts/refstore.eot?#iefix") format("embedded-opentype"),
			url("../fonts/refstore.woff") format("woff"),
			url("../fonts/refstore.ttf") format("truetype"),
			url("../fonts/refstore.svg#refstore") format("svg");
	}
	
	
	
	
	
	
	
	
	
	
	
	/* account */
	
	.status-icon:before {
		font-family: refstore;
		content: "\E012";
		display: flex;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #03a41c;
		color: #fff;
		font-size: 15px;
		align-items: center;
		justify-content: center;		
	}	
	
	.status-icon.status-icon-error:before {		
		content: "!";
		background: rgb( 255, 60, 0 );
		font-weight: bold;
		font-size: 15px;
		font-family: 'Roboto Condensed', sans-serif;	
	}	
	
	.status-icon.status-icon-wait:before {		
		content: "\E0BE";
		background: #ff8606;
		font-size: 12px;		
	}	
	
	/* cnt */
	
	.account-cnt {
		display: flex;			
	}
	
	.account-cnt > .left {
		min-width: 280px;
		max-width: 280px;		
	}
	
	.account-cnt > .right {
		flex-grow: 1;			
	}	
	
	
	/* nav */	
	
	.nav-account {		
		padding: 5px 10px;
	}

	.nav-account > a {
		display: block;
		font-size: 16px;
		text-decoration: none;
		color: #666;
		padding: 5px 0px;
		display: flex;
		align-items: center;
		line-height: 1;
	}
	
	.nav-account > a:before {
		display: block;
		font-family: refstore;
		content: "\s";
		padding: 0 5px 0 0;
	}	
	
	.nav-account > a:hover,
	.nav-account > a.active {
		color: rgb( 255, 60, 0 );
	}	
	
	.nav-account > .sep {
		border-bottom: 1px solid #ddd;
		
	}	
	
	.nav-account > a.sub {
		font-size: 15px;
		padding: 5px 0px 5px 18px;
	}	
	
	
	
	
	
	
	
	
	
	
	/* sell - domain list */
		
	.sell-domain-list {
		padding: 0 10px;		
	}	
	
	.sell-domain-list-sep {
		border-bottom: 1px solid #ddd;		
	}
	
	.sell-domain-list a {
		color: rgb( 255, 60, 0 );
		text-decoration: none;		
	}	
	
	.sell-domain-list a:hover {		
		text-decoration: underline;		
	}
	
	.sell-domain-list .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.sell-domain-list-head > .top,	
	.sell-domain-list-head > .bottom,
	.sell-domain-list-item > .inr,	
	.sell-domain-list-foot {	
		display: flex;
	}	
	
	.sell-domain-list-head > .top {
		border-bottom: 1px solid #ddd;
	}	
	
	.sell-domain-list-head > .bottom .col {
		font-size: 13px;	
	}
	
	.sell-domain-list-head > .bottom .col.col-bookings,
	.sell-domain-list-foot > .col.col-bookings {		
		padding: 0;
	}	
	
	.sell-domain-list-foot  {		
		border-top: 2px solid #ddd;
	}	
	
	.sell-domain-list-head {
		border-bottom: 2px solid #ddd;
	}	
		
	.sell-domain-list-item > .actions {
		display: flex;
		margin: 0 -5px 10px -5px;
	}
	
	.sell-domain-list-item > .actions > .button {		
		padding: 0px 5px;		
	}	
	
	.sell-domain-list .col.col-domain {
		min-width: 260px;
		max-width: 260px;		
	}
	
	.sell-domain-list .col.col-status {
		text-align: center;
		min-width: 50px;
		max-width: 50px;
		display: flex;
		justify-content: center;
	}

	.sell-domain-list .col.col-code {
		text-align: center;
		min-width: 50px;
		max-width: 50px;
		display: flex;
		justify-content: center;		
	}

	.sell-domain-list .col.col-pages {
		text-align: center;
		min-width: 50px;
		max-width: 50px;		
	}
	
	.sell-domain-list .col.col-bookings {
		text-align: center;
		display: flex;
	}	
	
	.sell-domain-list .col.col-earnings {
		min-width: 90px;
		max-width: 90px;
		text-align: right;
	}
	
	.sell-domain-list-item .col.col-bookings {		
		padding: 0;
	}
	
	.sell-domain-list-item .domain-data .data-item {
		display: flex;
		padding: 5px 0 0 0;
		font-size: 14px
	}
	
	.sell-domain-list-item .domain-data .data-item > .title {
		min-width: 170px;
		max-width: 170px;		
		color: #888;
	}	
	
	/* sell - domain pages list */
		
	.sell-domain-pages-list {
		padding: 0 10px;		
	}	
	
	.sell-domain-pages-list-sep {
		border-bottom: 1px solid #ddd;		
	}
	
	.sell-domain-pages-list a {
		color: rgb( 255, 60, 0 );
		text-decoration: none;		
	}	
	
	.sell-domain-pages-list a:hover {		
		text-decoration: underline;		
	}
	
	.sell-domain-pages-list .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.sell-domain-pages-list-head > .top,	
	.sell-domain-pages-list-item > .inr {	
		display: flex;
	}	
			
	.sell-domain-pages-list-head {
		border-bottom: 2px solid #ddd;
	}
		
	.sell-domain-pages-list .col.col-bookings {
		min-width: 130px;
		max-width: 130px;
		text-align: right;
	}	
	
	/* sell - domain bookings list */

	.sell-domain-booking-list {
		padding: 0 10px;		
	}	
	
	.sell-domain-booking-list-sep {
		border-bottom: 1px solid #ddd;		
	}
	
	.sell-domain-booking-list a {
		color: rgb( 255, 60, 0 );
		text-decoration: none;		
	}	
	
	.sell-domain-booking-list a:hover {		
		text-decoration: underline;		
	}
	
	.sell-domain-booking-list .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.sell-domain-booking-list-head > .top,	
	.sell-domain-booking-list-head > .bottom,
	.sell-domain-booking-list-item > .inr {	
		display: flex;	
	}	
	
	.sell-domain-booking-list-item > .inr {			
		border-bottom: 1px solid #ddd;
	}	

	.sell-domain-booking-list-head > .top {
		border-bottom: 1px solid #ddd;
	}	
	
	.sell-domain-booking-list-head > .bottom .col {
		font-size: 13px;	
	}
			
	.sell-domain-booking-list-head {
		border-bottom: 2px solid #ddd;
	}	
	
	.sell-domain-booking-list .col.col-txt .link {
		display: block;	
		padding: 10px 0 0 0;
	}

	.sell-domain-booking-list .col.col-txt .actions {
		display: flex;	
	}

	.sell-domain-booking-list .col.col-txt .actions .button {
		padding: 10px 0 0 0 !important;	
	}

	.sell-domain-booking-list .col.col-status {
		text-align: center;
		justify-content: center;
		display: flex;
		min-width: 50px;
		max-width: 50px;		
	}
	
	.sell-domain-booking-list .col.col-start-date {
		text-align: center;
		min-width: 140px;
		max-width: 140px;
	}

	.sell-domain-booking-list .col.col-price {
		text-align: right;
		min-width: 100px;
		max-width: 100px;		
	}

	

	
		






	
	
	
		
	
	
	
	



	
	
	
	
	/* buy - domain list */
		
	.buy-domain-list {
		padding: 0 10px;		
	}	
	
	.buy-domain-list-sep {
		border-bottom: 1px solid #ddd;		
	}
	
	.buy-domain-list a {
		color: rgb( 255, 60, 0 );
		text-decoration: none;		
	}	
	
	.buy-domain-list a:hover {		
		text-decoration: underline;		
	}
	
	.buy-domain-list .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.buy-domain-list-head > .top,	
	.buy-domain-list-head > .bottom,
	.buy-domain-list-item > .inr,	
	.buy-domain-list-foot {	
		display: flex;
	}	
	
	.buy-domain-list-head > .top {
		border-bottom: 1px solid #ddd;
	}	
	
	.buy-domain-list-head > .bottom .col {
		font-size: 13px;	
	}
	
	.buy-domain-list-head > .bottom .col.col-bookings,
	.buy-domain-list-foot > .col.col-bookings {		
		padding: 0;
	}	
	
	.buy-domain-list-foot  {		
		border-top: 2px solid #ddd;
	}	
	
	.buy-domain-list-head {
		border-bottom: 2px solid #ddd;
	}	
		
	.buy-domain-list-item > .actions {
		display: flex;
		margin: 0 -5px 10px -5px;
	}
	
	.buy-domain-list-item > .actions > .button {		
		padding: 0px 5px;		
	}	
	
	.buy-domain-list .col.col-domain {
		min-width: 260px;
		max-width: 260px;		
	}
	
	.buy-domain-list .col.col-status {
		text-align: center;
		min-width: 50px;
		max-width: 50px;
		display: flex;
		justify-content: center;
	}



	
	.buy-domain-list .col.col-bookings {
		text-align: center;
		display: flex;
	}	
	
	.buy-domain-list .col.col-costs {
		min-width: 90px;
		max-width: 90px;
		text-align: right;
	}
	
	.buy-domain-list-item .col.col-bookings {		
		padding: 0;
	}
	
	.buy-domain-list-item .domain-data .data-item {
		display: flex;
		padding: 5px 0 0 0;
		font-size: 14px
	}
	
	.buy-domain-list-item .domain-data .data-item > .title {
		min-width: 170px;
		max-width: 170px;		
		color: #888;
	}	














	

	
	/* buy - domain - linktexte - list */
		
	.buy-domain-links-list {
		padding: 0 10px;		
	}	
	
	.buy-domain-links-list-sep {
		border-bottom: 1px solid #ddd;		
	}
	
	.buy-domain-links-list a {
		color: rgb( 255, 60, 0 );
		text-decoration: none;		
	}	
	
	.buy-domain-links-list a:hover {		
		text-decoration: underline;		
	}
	
	.buy-domain-links-list .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.buy-domain-links-list-head > .top,	
	.buy-domain-links-list-item > .inr {	
		display: flex;
	}	
	
	.buy-domain-links-list-head > .top {
		border-bottom: 1px solid #ddd;
	}	
	
	.buy-domain-links-list-head > .bottom .col {
		font-size: 13px;	
	}
		
	.buy-domain-links-list-head {
		border-bottom: 1px solid #ddd;
	}			

	.buy-domain-links-list-items .col {
		padding-top: 14px;

	}

	.buy-domain-links-list-items .col.col-edit {
		padding-top: 10px;			
	}	

	.buy-domain-links-list .col.col-check {
		min-width: 30px;
		max-width: 30px;		
	}
	
	.buy-domain-links-list .col.col-linktext {
		flex-grow: 1;		
	}

	.buy-domain-links-list .col.col-status {
		text-align: center;
		min-width: 50px;
		max-width: 50px;
		display: flex;
		justify-content: center;
	}
	
	.buy-domain-links-list .col.col-in-use {
		min-width: 110px;
		max-width: 110px;
		text-align: center;	
	}
	
	.buy-domain-links-list .col.col-edit {
		min-width: 100px;
		max-width: 100px;		
	}	

	.buy-domain-links-list .col.col-edit .button {
		padding: 0 !important;			
	}

	/* buy - domain bookings list */

	.buy-domain-booking-list {
		padding: 0 10px;		
	}	
	
	.buy-domain-booking-list-sep {
		border-bottom: 1px solid #ddd;		
	}
	
	.buy-domain-booking-list a {
		color: rgb( 255, 60, 0 );
		text-decoration: none;		
	}	
	
	.buy-domain-booking-list a:hover {		
		text-decoration: underline;		
	}
	
	.buy-domain-booking-list .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.buy-domain-booking-list-head > .top,	
	.buy-domain-booking-list-head > .bottom,
	.buy-domain-booking-list-item > .inr {	
		display: flex;
	}	
	
	.buy-domain-booking-list-item > .inr {			
		border-bottom: 1px solid #ddd;
	}


	.buy-domain-booking-list-head > .top {
		border-bottom: 1px solid #ddd;
	}	
	
	.buy-domain-booking-list-head > .bottom .col {
		font-size: 13px;	
	}
			
	.buy-domain-booking-list-head {
		border-bottom: 2px solid #ddd;
	}	
	
	.buy-domain-booking-list .col.col-txt .link {
		display: block;	
		padding: 10px 0 0 0;
	}

	.buy-domain-booking-list .col.col-txt .actions {
		display: flex;
		margin: 0 -5px;	 
	}

	.buy-domain-booking-list .col.col-txt .actions .button {
		padding: 10px 5px 0 5px !important;	
	}

	.buy-domain-booking-list .col.col-status {
		text-align: center;
		justify-content: center;
		display: flex;
		min-width: 50px;
		max-width: 50px;		
	}
	
	.buy-domain-booking-list .col.col-start-date {
		text-align: center;
		min-width: 140px;
		max-width: 140px;
	}

	.buy-domain-booking-list .col.col-price {
		text-align: right;
		min-width: 100px;
		max-width: 100px;		
	}

	/* account - affiliate - partner - list */

	.account-affiliate-partner-list {
		padding: 0 10px;		
	}	
	
	.account-affiliate-partner-item {
		border-bottom: 1px solid #ddd;		
	}
	
	.account-affiliate-partner-list .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.account-affiliate-partner-head > .top,		
	.account-affiliate-partner-item > .inr {	
		display: flex;
	}	
				
	.account-affiliate-partner-head {
		border-bottom: 2px solid #ddd;
	}	

	.account-affiliate-partner-list .col.col-id {		
		min-width: 80px;
		max-width: 80px;		
	}
	
	.account-affiliate-partner-list .col.col-date {		
		min-width: 160px;
		max-width: 160px;
	}

	.account-affiliate-partner-list .col.col-earnings {
		text-align: right;	
	}

	/* account - charge */

	.account-charge-value-items {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		padding: 5px;
	}

	.account-charge-value-items > .item {
		width: 20%;
		padding: 5px;
		text-align: center;
		display: flex;			
	}

	.account-charge-value-items > .item > .inr {
		border: 1px solid #ddd;
		border-radius: 5px;
		padding: 10px;
		height: 100%;
		width: 100%;		
		display: flex;		
		justify-content: center;	
	}

	.account-charge-value-items .row-1 {
		font-size: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 0 3px 0;
	}

	.account-charge-value-items .row-1 b {
		display: block;
		padding: 0 0 0 5px;
	}

	.account-charge-value-items .row-1 .amount-man {
		display: block;
		width: 50px;
		margin: 0 0 0 5px;
		border: 1px solid #ddd;
		border-radius: 3px;
		padding: 0 5px;	
		height: 21px;	
	}

	.account-charge-value-items .row-1 .submit-icon {
		padding-left: 5px;	
		cursor: pointer;	
	}
	.account-charge-value-items .row-1 .submit-icon:before {
		font-family: refstore;
		content: "s";
		display: flex;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: rgb( 255, 60, 0 );
		color: #fff;
		font-size: 22px;
		line-height: 22px;
		align-items: center;
		justify-content: center;
		padding: 0 0 1px 2px;		
	}	

	.account-charge-value-items .row-2 {
		font-size: 12px;
		color: #777;
	}

	.account-charge-value-items .row-3 {
		padding: 3px 0 0 0;
		font-size: 13px;
		color: rgb( 255, 60, 0 );		
	}

	/* account - bill */

	.account-bill {
		padding: 0 10px 10px 10px;		
	}
	
	.account-bill .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.account-bill-head > .top,
	.account-bill-item > .inr {	
		display: flex;
	}	
	
	.account-bill-item > .inr {
		border-bottom: 1px solid #ddd;
	}	
			
	.account-bill-head {
		border-bottom: 2px solid #ddd;
	}		

	.account-bill-item > .inr {	
		border-bottom: 1px solid #ddd;
	}	

	.account-bill .col.col-id {		
		min-width: 100px;
		max-width: 100px;	
	}

	.account-bill .col.col-status {	
		min-width: 60px;
		max-width: 60px;	
		display: flex;
		justify-content: center;		
	}

	.account-bill .status-icon:before {
		font-family: refstore;
		content: "\E012";
		display: flex;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #03a41c;
		color: #fff;
		font-size: 15px;
		align-items: center;
		justify-content: center;		
	}
	
	.account-bill .status-icon.status-icon-wait:before {		
		content: "\E0BE";
		background: #ff8606;
		font-size: 12px;		
	}

	.account-bill .col.col-pdf {
		justify-content: right;
		display: flex;
		text-decoration: none;		
	}
	
	.account-bill .account-bill-item .col.col-pdf:before {	
		font-family: refstore;
		content: "\E074";
		display: block;
		color: rgb( 255, 60, 0 );
		font-size: 15px;
		padding: 0 5px 0 0;
	}

	.account-bill .col.col-date {
		text-align: center;
		min-width: 120px;
		max-width: 120px;		
	}

	.account-bill .col.col-sum {
		text-align: right;
		min-width: 100px;
		max-width: 100px;		
	}


	/* account - payout */

	.account-payout {
		padding: 0 10px 10px 10px;		
	}
	
	.account-payout .col {
		flex-grow: 1;
		padding: 10px 0;
		font-size: 15px;
	}

	.account-payout-head > .top,
	.account-payout-item > .inr {	
		display: flex;
	}	
	
	.account-payout-item > .inr {
		border-bottom: 1px solid #ddd;
	}	
			
	.account-payout-head {
		border-bottom: 2px solid #ddd;
	}		

	.account-payout-item > .inr {	
		border-bottom: 1px solid #ddd;
	}	

	.account-payout .col.col-id {		
		min-width: 100px;
		max-width: 100px;	
	}

	.account-payout .col.col-status {	
		min-width: 60px;
		max-width: 60px;	
		display: flex;
		justify-content: center;		
	}

	.account-payout .status-icon:before {
		font-family: refstore;
		content: "\E012";
		display: flex;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #03a41c;
		color: #fff;
		font-size: 15px;
		align-items: center;
		justify-content: center;		
	}
	
	.account-payout .status-icon.status-icon-wait:before {		
		content: "\E0BE";
		background: #ff8606;
		font-size: 12px;		
	}

	.account-payout .col.col-pdf {
		justify-content: right;
		display: flex;
		text-decoration: none;		
	}
	
	.account-payout .account-payout-item .col.col-pdf:before {	
		font-family: refstore;
		content: "\E074";
		display: block;
		color: rgb( 255, 60, 0 );
		font-size: 15px;
		padding: 0 5px 0 0;
	}

	.account-payout .col.col-date {
		text-align: center;
		min-width: 120px;
		max-width: 120px;		
	}

	.account-payout .col.col-sum {
		text-align: right;
		min-width: 100px;
		max-width: 100px;		
	}

	/* account - info */
	
	.account-info {
		border-bottom: 1px solid #ddd;
		font-size: 13px;
		margin: 0 10px -5px 10px;
		line-height: 20px;
		padding: 0 0 10px 0;

	}

	.account-info > .item {
		display: flex;
		
	}

	.account-info > .item > .left {
		width: 80px;
	}

	.account-info > .item > .right {
		font-weight: bold;
	}





	/* dashboard - info */
	
	.dashboard-info {		
		font-size: 16px;
		margin: 0 10px -5px 10px;
		line-height: 20px;
		padding: 0 0 10px 0;

	}

	.dashboard-info a {
		color: rgb( 255, 60, 0 );
		text-decoration: none;

	}

	.dashboard-info > .item {
		display: flex;
		padding: 0 0 5px 0;
		
	}

	.dashboard-info > .item > .left {
		width: 100px;
	}

	.dashboard-info > .item > .right {
		font-weight: bold;
		text-align: right;
		width: 120px;
	}

	.dashboard-info > .item > .link {		
		display: flex;
		justify-content: right;
		flex-grow: 1;
		color: rgb( 255, 60, 0 );
		
	}

	.dashboard-info > .item > .link a {				
		display: flex;
		align-items: center;
		background: #fff;	
		padding: 2px 8px;
		border-radius: 50px;
		font-size: 13px;		
	}	

	.dashboard-info > .item > .link a::before {		
		
		font-family: refstore;
		content: "\s";
		padding: 0 5px 0 0;
	}

	









	/* sell domain code */	

	.sell-domain-code {
		display: flex;
	}

	.sell-domain-code > .left {
		width: 200px;
		padding: 5px 0;
	}

	.sell-domain-code > .right {
		flex-grow: 1;
	}
	
	.sell-domain-code > .left > .item {
		padding: 5px 0 5px 10px;
		cursor: pointer;
		display: flex;
		align-items: center;
		line-height: 1;		
	}

	.sell-domain-code > .left > .item::before {
		display: block;
		font-family: refstore;
		content: "\s";
		padding: 0 5px 0 0;
	}
	
	.sell-domain-code > .left > .item.active {		
		color: rgb( 255, 60, 0 );
	}

	.sell-domain-code > .right > .item.item-php {		
		padding: 10px;
	}

	.sell-domain-code > .right > .item.item-php textarea {		
		border: 1px solid #ddd;
		border-radius: 5px;
		display: block;
		width: 100%;
		height: 300px;
		padding: 0 8px;
		font-size: 15px;
		font-family: 'Roboto Condensed', sans-serif;
		color: #444;
	}

	.sell-domain-code > .right .sell-domain-code-download {		
		padding: 10px;
		color: rgb( 255, 60, 0 );
		display: block;	
	}

	/**/

	









	/**/


	.pd-10 {
		padding: 10px;
	}

	/**/

	.text-align-l {
		text-align: left;
	}


	/* width */

	.w-25  { width: 25%; }
	.w-30  { width: 30%; }
	.w-33  { width: 33.333333%; }
	.w-40  { width: 40%; }		
	.w-50  { width: 50%; }
	.w-60  { width: 60%; }	
	.w-66  { width: 66.666666%; }
	.w-70  { width: 70%; }
	.w-75  { width: 75%; }
	.w-100 { width: 100%; }

	@media all and ( max-width: 800px ) {

		.w-m-800-25  { width: 25%; }
		.w-m-800-33  { width: 33.333333%; }	
		.w-m-800-50  { width: 50%; }
		.w-m-800-66  { width: 66.666666%; }
		.w-m-800-75  { width: 75%; }
		.w-m-800-100 { width: 100%; }

	}

	@media all and ( max-width: 620px ) {

		.w-m-620-25  { width: 25%; }
		.w-m-620-33  { width: 33.333333%; }	
		.w-m-620-50  { width: 50%; }
		.w-m-620-66  { width: 66.666666%; }
		.w-m-620-75  { width: 75%; }
		.w-m-620-100 { width: 100%; }

	}


	@media all and ( max-width: 440px ) {

		.w-m-440-25  { width: 25%; }
		.w-m-440-33  { width: 33.333333%; }	
		.w-m-440-50  { width: 50%; }
		.w-m-440-66  { width: 66.666666%; }
		.w-m-440-75  { width: 75%; }
		.w-m-440-100 { width: 100%; }

	}


	/* width pixel */						

	.w-220px-i {
		width: 220px !IMPORTANT;		
	}		

	.w-400px-i {
		width: 400px !IMPORTANT;		
	}	
	
	.w-600px-i {
		width: 600px !IMPORTANT;		
	}