/* 3 TABS NEW START -------------------------------------- */

.js .jsb, .js .jse .jseb
{
	display: 		block;
}
.js .jsi, .js .jse .jsei
{
	display: 		inline;
}

.jsb, .jsi, .js .jsh, .js .jse .jseh
{
	display: 		none;
}

#domain21s_wrapper
	{
	}
.div_desc
{
	margin:			0px 0px 0px -1px;
	float:			left;
	outline: 		solid 0px #0000ff;
}
.div_desc div
{ 
	position:		relative;
	margin:			0px 3px 0px -5px;
	padding:		12px 10px 7px 7px;
	color:			#3b7ab5;
	float:			left;
	outline: 		solid 0px #777700;
}
.div_desc span
{ 
	position:		absolute;
	top:			3px;
	right:			9px;
	color:			#cccccc;
	font-size:		12px;
	outline: 		solid 0px #770077;
}
.div_desc b
{ 
	margin:			0px 1px 0px 1px;
	color:			#aaaaaa;
	font-size:		10px;
}
.div_desc a
{
	margin:			10px 0px 0px 0px;
	display:		block;
	color:			#3b7ab5;
	font-size:		14px;
	font-weight:		bold;
	text-decoration:	underline;
	float:			left;
	outline: 		solid 0px #770000;
}
.div_desc input
{ 
	display: 		block;
	z-index:		2000;
	margin:			0px 3px 0px -1px;
	width:			25px;
	height:			25px;
	float:			left;
	outline: 		solid 0px #007700;
}
.domain21_dtext
{
	border-radius: 10px 0px 0px 0px;
	background-color: #f3f3f3;
	color: #ff6600;
	font-size: 16px;
	height: 45px;
	margin-left: -15px;
	margin-right: -15px;
	text-align: left;
	font-weight: bold;
	padding: 15px 0 0 18px;
}

.domain21_dtext u {
	font-size:16px;
}

.domain21_dtext_client
{
	border-radius:          10px 0px 0px 0px;
	background-color:       #f3f3f3;
	color:                  #555555;
	font-size:              13px;
	height:                 15px;
	margin-left:            -15px;
	margin-right:           -15px;
	text-align:             left;
	font-weight:            bold;
	padding:                7px 0 0 18px;
}
.domain21_items
{
	margin: 0px -15px 10px -15px;
	padding: 15px 0px 15px 0px;
	background-color: #f3f3f3;
	border-radius: 0px 0px 0px 10px;
	border-top: solid 0px #e0e0e0;
	text-align: center;
}
.domain21_items_client
{
	margin: 		0px 0px 0px 15px;
	outline:		solid 0px; 
}
.domain21_items_client_table
{
	margin: 		0px 0px 3px -2px;
	
}
.domain21_items_client_table2
{
	margin: 		0px 0px 5px -3px;
	
}
.domain21_items .domain21frame
{
	display:		none;
	margin: 5px;
	padding: 10px 9px 8px 10px;
	width: 12%;
	min-width: 172px;
	height: 40px !important;
	border: solid 1px #aaaaaa;
	text-align: left;
}

.domain21_items input
{
	display:	block;
	margin:		0px 7px 0px -2px;
	width:			25px;
	height:			25px;
	float:			left;
	overflow: 		hidden;
	outline: 		solid 0px #ccccff;
}

.domain21_items a
{
	display:		block;
/*	margin:			1px -10px 0px 0px;
	font-size:		13px;
	font-weight:		normal !important;
	float:			left;
	outline: 		solid 0px #ccffcc;
*/
	font-size:		16px;
	margin: 1px 5px 12px 5px;
	display: block;
	font-family: "Open Sans",sans-serif;
}
.domain21_items sup
{ 
	display:		block !important;
	margin:			-6px 0px 0px 8px;
	color:			#008000;
	font-size:		10px;
	text-decoration:	none;
	font-weight:		bold;
	float:			left;
	outline: 		solid 0px #000077;
}
	
.domain21_items a sup
{ 
	margin: 2px 0px 10px 64px;
	color: #008000;
	font-size: 15px;
	text-decoration: none;
	font-weight: normal;
	float: right;
	outline: solid 0px #000077;
	position: absolute;
	width:122px;
}

.domain21_items a b {
	font-size: 16px;
	font-weight: normal;
}

.all		.domain21_items .domain21frame,
.popular	.domain21_items .popular,
.ukraine	.domain21_items .ukraine,
.world		.domain21_items .world, 
.cyrillic	.domain21_items .cyrillic,
.action    .domain21_items .action
	{
		display:		inline-block;
	}

.all		.all_l,
.popular	.popular_l,
.ukraine	.ukraine_l,
.world		.world_l,
.cyrillic	.cyrillic_l,
.action	.action_l
	{
		display:		block;
	 	color:			#ff6600;
		font-size:		14px;
		text-decoration:	none;
		float:			left;
		border-radius: 		5px 5px 0px 0px;
		background-color: 	#f3f3f3;
		outline: 		solid 0px #ff0000;
	}
.div_btn01
	{
		margin: 		3px 0px 0px 10px;
		padding: 		0px 0px 0px 0px;
		float:			left;
		outline:		solid 0px #cccccc;
	}
.div_btn01 a
	{
		display:		block;
		margin: 		2px 0px 0px 0px;
		padding: 		0px 0px 0px 0px;
		font-size: 		13px !important;
		text-decoration:	underline !important;
		font-weight: 		normal !important;
		outline:		solid 0px #ccffcc;
	}

.domain21sort {
	position: relative;
	margin-top: -8px;
	color: #3b7ab5;
	font-size: 14px;
}

/*.submit_btn01
{
	margin: 		2px 0px 0px 0px;
	padding: 		8px 16px 8px 16px;
	font-size: 		16px;
	vertical-align: 	middle;
}*/
/*.submit_btn01:hover
{
	cursor:			pointer;
	margin: 		0px -2px -2px -2px;
	padding: 		10px 18px 10px 18px;
	color:			#ffffff;
	border:			solid 1px #339900;
	background: 		#009900;
	background:		-moz-linear-gradient(top, #33CC00, #009900); 
	background:		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#33CC00), color-stop(100%,#009900));
	background:		-webkit-linear-gradient(top, #33CC00, #009900);
	background:		-o-linear-gradient(top, #33CC00, #009900); 
	background:		-ms-linear-gradient(top, #33CC00, #009900); 
	background:		linear-gradient(top, #33CC00, #009900);  
}
*/

.a_rulez_domain_01
{
	display:		block;
	margin: 		10px 0px 30px 10px;
	font-size: 		15px;
	color:			#3b7ab5;
	text-decoration:	underline;
	font-weight: 		normal;
	float:			left;
	padding-top: 7px;
}

.span_rulez_domain_01
{
	display:		block;
	margin: 		8px 0px 0px 5px;
	font-size: 		18px;
	color:			#aaaaaa;
	float:			left;
	padding-top: 7px;
}

.clear
	{
		clear:			both;
	}

/* 3 TABS NEW STOP -------------------------------------- */
	
#sticky.stick {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    position: fixed;
    overflow: hidden;
    top: 2px;
    bottom: 10px;
    /*z-index: 0;*/
}

#sticky.hidden {
	display: none;
}

#menu-slide {
	visibility: visible;
}

.hide {
	width: 1px !important;
	visibility: hidden;
	display: none;
}

#attention {
	visibility: visible;
}

.hide {
	width: 1px !important;
	visibility: hidden;
	display: none;
}

.mdot a:before { 
	content: '\a0\b7\a0'; /* \b7 is a middot, \a0 is a space */
}

#menu-my {
	visibility: visible;
}

.hide {
	width: 1px !important;
	visibility: hidden;
	display: none;
}

.hostingSelected {
	border: solid 1px;
    padding: 5px 2px !important;
    box-shadow: inset 0px 0px 10px 3px white;
}

.hostingSelected :before { 
	content: '\a0\b7\a0'; /* \b7 is a middot, \a0 is a space */	
}

.hostingSelected :after { 
	content: '\a0\b7\a0'; /* \b7 is a middot, \a0 is a space */	
}

.bordered {
	border-radius: 4px;
	border: solid 2px #c0c0c0;
}

.bordered_red {
	border: solid 2px #ff0000;
}

.pad5 {
	padding-top: 5px;
}

.serviceRow {
	text-align: justify;
	color: grey;
}

.serviceRow a {
	font-size: 14px !important;
	display: inline-block;
	padding: 8px;
	border: solid 1px #696969;
    border-radius: 10px;
    background-color: white;
	margin: 5px;
	transition: 0.2s;
}

.serviceRow a:hover {
	background-color: #dadada !important;
	color: black !important;
	transition: 0.2s;
}

div.visual { font-size: 16px !important; color: #000000 !important; }
div.visual a { text-decoration: underline; font-size: inherit !important; color: #3b7ab5; }
div.visual a:hover { text-decoration: underline; font-size: inherit !important; color: #3b7ab5; background-color: #ebebeb; }
div.visual b { font-weight: bold; font-size:inherit; color: inherit !important; }
div.visual b.borange16 { color: #ff6600; }
div.visual strong { font-weight: bold; font-size: inherit !important; color: inherit; }
div.visual ul { padding-bottom: 5px; padding-top: 5px; font-size: inherit !important; color: #555555;  }
div.visual li { padding-bottom: 5px; padding-top: 5px; font-size: inherit !important; color: #555555;  }
div.visual ol { padding-bottom: 5px; padding-top: 5px; font-size: inherit !important; color: #555555;  }
div.visual p { font-size: inherit !important; color: #555555; }
div.visual img { padding: 5px; border: solid 1px #adadad; border-radius: 5px; background-color: #eaeaea; }
div.visual div { font-size: inherit !important; color: #555555; }

/* NEW PRICE LIST */
.tableHighlight {
	font-size: 16px;
}

.tableHighlight:hover {
	background-color: #e4e4e4;
}

.tableHighlight.ZonePriceRow {
    display: inline-table;
    /*outline: solid 1px;*/
    margin: 1px;
    min-width: calc(100% - 8px);
    padding: 3px;
}

.tableHighlight.ZonePriceRow div {
    text-align: center;
    display: table-cell;
}

#SearchFound {
    color: #3bb544;
    font-weight: bold;
}

.sortable {
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: underline;
}

.sortable div {
    display: inline-block;
    vertical-align: middle;
    padding: 8px;
    font-size: 18px;
    transition: .5s;
}

.sortable.up div {
    transform: rotate(180deg);
}
/* NEW PRICE LIST END */

.inputControl {
	color: #0056a4;
    padding: 0px 5px 0px 5px;
    font-size: 18px;
	width: 100%;
	height: 35px;
	border: solid 1px black;
	border-radius: 5px;
	/*box-shadow: 0px 0px 6px 2px #2d4963;*/
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;	
}

.inputControl:focus {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0px 0px 4px 1px #66afe9, 0 0 0px 1px #000000;	
    /*box-shadow: 0px 0px 6px 2px #2d4963, inset 0px 0px 4px 1px #66afe9;*/
}

.inputControl:focus::placeholder {
	color:transparent;
}

.Zonechecked {
	background-color: #ffffff !important;
}

.PriceRow.isToggle {
	background-color: #deffd5 !important
}

/* title всплывающего окна (вместо AllPackages) */
.FloatTitle {
	position: sticky;
    top: 0px;
    border-bottom: solid 2px darkgrey;
    padding: 21px;
    width: 100%;
    margin-left: -10px;
    border-right: solid 2px darkgrey;
    background-color: #ededed;
    font-weight: bold;
    text-align: center;
	z-index:100;
	font-size: 16px;
    color: #3b7ab5;
}
/* title всплывающего окна */

.AllPackages {
    width: 93%;
    border: solid 1px #dadada;
    background-color: #f7f7f7;
    font-size: 16px;
    color: slategrey;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    margin: 10px 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.PackageHeader {
    width: 95%;
    min-width: 125px;
    border: solid 1px #3b7ab5;
    padding: 15px 0px;
    font-size: 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    display: block;
    cursor: pointer;
    transition: .2s;
}

.PackageHeader:hover {
    background-color: #e5e5e5!important;
}

.PackageOption {
	width: 95%;
	min-width: 125px;
	padding: 6px 0px;
	display: block;
	border-left: solid 1px;
	border-right: solid 1px;
}

.PackageOrderButton {
	border: solid 1px #3b7ab5;
    border-top: none;
    width: 95%;
    padding: 10px 0px;
}

.zmdi {
	padding-right:5px;
}

.zmdi-hc-fw, .zmdi-hc-fw:hover {
	transition: .2s;
}
.zmdi-hc-fw.red, .zmdi-hc-fw.green, .zmdi-hc-fw.blue {
	border-radius: 5px;
	border: solid 2px;
}
.zmdi-hc-fw.red {
	border-color: #d20f00;
}
.zmdi-hc-fw.green {
	border-color:#009900;
}
.zmdi-hc-fw.blue {
	border-color:#3b7ab5;
}
.zmdi-hc-fw.red:hover, .zmdi-hc-fw.green:hover, .zmdi-hc-fw.blue:hover {
	color:white !important;
}
.zmdi-hc-fw.red:hover {
	background-color: #d20f00;
}
.zmdi-hc-fw.green:hover {
	background-color: #009900;
}
.zmdi-hc-fw.blue:hover {
	background-color: #3b7ab5;
}

.errorField {
	z-index: 400;
    position: absolute;
    /*margin-top: 30px;*/
    color: #000000 !important;
    font-size: 18px !important;
	font-family: "Open Sans", sans-serif !important;
    border: solid 3px red;
    padding: 5px;
    background-color: #ffffff;
    box-shadow: 1px 3px 16px 0px #000000b8;
    border-radius: 10px;
    font-weight: normal !important;
	display: none;
}
.errorField:after {
	content: '';
    position: absolute;
    left: 12px;
    top: -25px;
    border: 10px solid transparent;
    border-bottom: 15px solid red;
}

.successField {
	z-index: 400;
    position: absolute;
    /*margin-top: 30px;*/
    color: #000000 !important;
    font-size: 18px !important;
	font-family: "Open Sans", sans-serif !important;
    border: solid 3px #1eb500;
    padding: 5px;
    background-color: #ffffff;
    box-shadow: 1px 3px 16px 0px #000000b8;
    border-radius: 10px;
    font-weight: normal !important;
	display: none;
}

.successField:after {
	content: '';
    position: absolute;
    left: 12px;
    top: -25px;
    border: 10px solid transparent;
    border-bottom: 15px solid #1eb500;
}

.errorDisplay, .successDisplay {
    font-size: 18px !important;
    font-family: "Open Sans", sans-serif !important;
    padding: 1rem;
    background-color: #ffffff;
    box-shadow: 1px 3px 16px 0px #000000b8;
    border-radius: 10px;
    display: block;
    width: fit-content;	
}

.successDisplay {
	border: solid 3px #009900;
}

.errorDisplay {
	border: solid 3px red;
}

.fullprice {
    font-size: 16px;
    color: #5b80a2;
    position: relative;
}

.fullprice:before {
    border-bottom: 2px solid red;
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    transform: rotate(-7deg);
}

.salesCorner {
    position: absolute;
    margin-top: -8px;
    margin-left: -11px;
    border: 25px solid transparent;
    border-left: 25px solid #ea5504;
    border-bottom: solid 0 transparent;
    transition: .2s;
}

.salesSign {
    position: absolute;
    color: #fff;
    margin-top: 4px;
    font-weight: 700;
    margin-left: -9px;
    font-size: 12px;
}

.hostSalesCorner {
    position: absolute;
    margin-top: -16px;
    margin-left: -1px;
    border: 25px solid transparent;
    border-left: 25px solid #ff6600;
    border-top: 25px solid #ff6600;
    border-top-left-radius: 5px;
}

.hostSalesSign {
    position: absolute;
    color: #fff;
    margin-top: -10px;
    font-weight: bold;
    margin-left: 4px;
    font-size: 19px;
}

.shoppingCartIcon {
    font-size:38px !important;
    border:double 4px #ffffff;
    padding:3px 19px;
    border-radius:5px;
    background-color:#f6650d;
    color:white;
    transition: .3s;
}

.shoppingCartIcon span {
    font-size: 37px;
    margin-left: 5px;
    font-family: sans-serif;
}

.addToCart, .inCart {
    border: double 4px;
    font-size: 28px !important;
    border-radius: 10px;
    transition: .3s;
}

.addToCart {
    color: #f6650d !important;
}

.inCart {
	background-color: #f6650d;
	color: white;
}

.shoppingCartIcon:hover, .addToCart:hover {
    background-color: #f5f5f5;
    border: double 4px #f6650d;
    color: #f6650d !important;
    transition: .3s;
}

.orderTable tbody tr:nth-child(even) {
	background: #f7f7f7;
}

.noBgChg:hover {
    background-color: inherit !important;
}

.hostOptions tr {
    transition: .2s;
}

.hostOptions tr td {
    padding: 5px;
    width: 33%;
}

.hostOptions tr td:nth-child(2) {
	width: 60%;
	background-image: url(/i/svg/circle-solid.svg);
	background-size: 12px 2px;
	background-repeat-y: no-repeat;
	background-repeat-x: repeat;
	background-position-y: center;
	background-repeat: repeat-x;
}

.hostOptions tr:hover {
    background-color: #e2e2e2;
    cursor: pointer;
}

.OptionArrow {
	display: table-cell;
	font-size: 2.2em;
	position: absolute;
	margin-left: 5px;
	margin-top: -11px;
}

.OptionField {
	display: table-cell;
	padding-left: 20px;
	color: #555555;
	font-size: 1.3em;
}

.topHeader {
	border-bottom:solid 12px #f7f7f7;
	margin-top:12px;
	font-weight: bold !important;
	font-size: 16px !important;
	color: #3b7ab5 !important;
}

.topHeader.error {
	color: #d20000 !important;
}

.classMenu {
	background-color: #4a88c2 !important;
	border-bottom: solid 2px white;
	width: 99%;
	width: calc(100% - 10px);
	padding: 5px;
	position: sticky;
	font-size:14px;
	color:white;
	top: 0px;
	z-index:100;
	--classMenu-height: auto;
}

.innerSection {
	background-color:#4a88c2 !important;
	font-size:16px;
	color: white;
	font-weight:bold;
	width:95%;
	padding:10px;
	margin: 20px 2px 10px 2px;
	position:sticky;
	top:35px;
	z-index:10;
}

.innerSection.green {
	color: white !important;
	background-color: #009900 !important;
}

.domainSearchInput {
	background-color:#f2f2f2;
	margin:10px 0px 10px -17px;
	width:calc(100% + 22px);
	position:sticky;
	top:32px !important;
	z-index:1000;
}

.classMenu div {
	display: inline-block;
	font-size: inherit;
	color: inherit;
}

.classMenu a {
	text-decoration: underline;
}

.classMenu div a, .classMenu div span {
	margin: 5px;
	color: inherit;
	font-size: inherit;
}

.helpMenu {
	background-color: #ffffff;
	color: #4a88c2 !important;
	border: solid 2px #4a88c2;
	border-radius: 5px;
	padding: 8px 0px 10px 10px;
	line-height: 24px;
}

.sTDot {
	text-align: right;
    background-image: url(https://redo.ua/i/svg/circle-solid.svg);
    background-size: 5px 1px;
    background-repeat-y: no-repeat;
    background-repeat-x: repeat;
    background-position-y: center;
    background-repeat: repeat-x;
}

.sTblL {
	padding-left:5px;
	border-left:solid 1px #ababab;
}

.sHeadL, .sHeadR, .sFoot {
    padding: 5px;
    background: #f1f1f1;
	height:25px;
	vertical-align:middle;
	border-bottom: solid 1px #ababab;
	border-top: solid 1px #ababab;
}

.sHead {
	border-top: solid 1px #ababab;
	border-bottom: solid 1px #ababab;
}

.sHeadL {
    border-top-left-radius: 5px;
	border-left: solid 1px #ababab;
}

.sHeadR {
	border-right: solid 1px #ababab;
	border-top-right-radius: 5px;
}

.sFoot {
	border-radius: 0px 0px 5px 5px;
	border-left: solid 1px #ababab;
	border-right: solid 1px #ababab;
	text-align:left;
}

.sUp {
	border-top: solid 1px #ababab;
}

.hostedSites {
	 width:	calc(100% - 13px);
	 border:	solid 1px #4a88c2;
	 border-radius:0px 5px 0px 5px;
	 padding:5px;
	 background-color:#f1f1f1;
	 margin-bottom:3px;
	 min-height:25px;
	 transition: background-color ease-in-out .15s;
}

.hostedSites:hover {
	 background-color:#d7d6d6;
	 transition: background-color ease-in-out .15s;
}

.hostedSitesProperties {
	display:inline;
	float:right;
	border-top-right-radius:4px;
	border-bottom-left-radius:5px;
	padding:5px;
	margin-right:-4px;
	margin-top:-4px;
	color:white;
}

.serviceListEmpty {
	margin: 10px 0px 25px 5px;
    border: solid 1px darkgrey;
    width: max-content;
    padding: 10px;
    border-radius: 10px;
}

.settingsArrow {
	display:block;
	font-size:26px;
	position:absolute;
	margin:-14px 0px 0px 17px;
	color:#4a88c2;
}

.orderRetailsRow {
	font-size: 16px;
	color: black;
	margin: 0px 0px 10px 10px;

}

.menuCounter {
	margin-left: 5px;
}

.menuCounter, .menuCounter u {
	vertical-align: text-bottom;
    text-decoration-color: #4d89c0 !important;
    text-decoration-line: underline;
}