section#regform {
	 background: url('../img/bg.jpg') center center no-repeat;
	 background-size: cover;
	 height: 100%;
	 width: 100%;
	overflow: auto;
	font-size: 16px;
}

section#regform .nav-button a {left: 25px !important;}
section#regform .nav-button a span {background: #fff;}
section#regform header.main-header .login-logout a {color: #fff;}


input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

.popup-regform {
	background: rgba(44,46,50,0.85);
	border-radius: 30px;
	margin: 50px auto;
	text-align: center;
	color: #fff;
}


/*change abuse form style 2019*/

.popup-regform.abuse-contact-send {
	padding: 50px;
}

.popup-regform.abuse-contact-send .secret-q-form {
	text-align: center !important;
}

.popup-regform.abuse-contact-send > p,
.popup-regform.abuse-contact-send > h1,
.popup-regform.abuse-contact-send > ul,
.popup-regform.abuse-contact-send > blockquote,
.popup-regform.abuse-contact-send > br,
.popup-regform.abuse-contact-send > table {
	display: none;
}

/*change abuse form style 2019 ends*/

.popup-regform input,
.popup-regform button,
.popup-regform select { outline: 0 none }

.popup-regform .incorrect .gender input[type="radio"] + label span, .popup-regform .incorrect input, .popup-regform .incorrect textarea,.popup-regform .incorrect .phone-number {border-color: #da5584 !important;}
.popup-regform .correct input,.popup-regform .correct .phone-number {border-color: #09c47e !important;}

.popup-regform .error-text { color: #da5584; font-size: 9pt; display: inline-block; line-height: 1.1em; margin-top: 10px }
.popup-regform .error-text a { color:#428bca}
.popup-regform .error-text a:hover { text-decoration:underline }

/* -----------------CHECKBOX-------------------*/
.popup-regform input[type="checkbox"] {display:none !important;}
.popup-regform input[type="checkbox"] + label span {
	display: inline-block;
	height: 20px;
	width: 20px;
	border-radius: 3px;
	border: 2px solid #6b6c6d;
	background: #3b3c41;
	color: #fff;
	margin:-5px 6px 0 0;
	vertical-align:middle;
	cursor:pointer;
}
.popup-regform input[type="checkbox"]:checked + label span {background: #fff url('../img/i_check.png') center center no-repeat; background-size: 80% 80%;}
.popup-regform input.incorrect[type="checkbox"] + label span {border-color: #da5584;}
.popup-regform input.correct[type="checkbox"] + label span {border-color: #09c47e;}
/* -------------------- CHECKBOX-----------------*/


/* --------------------- RADIO ------------------ */
.popup-regform .gender input[type="radio"] {display:none !important;}
.popup-regform .gender input[type="radio"] + label {position: relative; width: 45px; height: 45px; margin: 0 10px 15px 0;}
.popup-regform .gender input[type="radio"] + label span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 45px;
	width: 45px;
	border-radius: 29px;
	border: 2px solid #6b6c6d;
	background: #3b3c41;
	color: #fff;
	margin: 0;
	vertical-align:middle;
	cursor:pointer;
	z-index: 10;
}
.popup-regform .gender input[type="radio"] + label em {font-style: normal; position: absolute; display: block; top: 0; left: 0; z-index: 100; width: 45px; text-align: center; line-height: 45px;cursor:pointer; color: #b1adb0;}
.popup-regform .gender input[type="radio"]:checked + label span {border: 2px solid #09c47e;}
.popup-regform .gender input[type="radio"]:checked + label em {color: #fff;}
.popup-regform .gender input[type="radio"] + label em:hover {color: #fff;}
.popup-regform .gender input.incorrect[type="radio"] + label span {border-color: #da5584;}
/* --------------------- RADIO ------------------ */

.popup-regform h4.success {color: #09c47e; font-size: 25pt; margin: 0 0 35px 0;}

.popup-regform .form-group, .create-site .check-agree {clear:both; margin-bottom:15px; text-align:left!important; position:relative;}
.popup-regform label {width: 175px; text-align: left; font-weight:200; line-height: 45px; color: #f6f5f5; vertical-align: top; margin-bottom: 0;}

.popup-regform.big-size {padding: 30px 70px; max-width: 820px;}
.popup-regform.small-size {padding: 30px 50px; max-width: 540px;}
.popup-regform.standart-size {padding: 30px 50px; max-width: 780px;}

.popup-regform h3 {color: #f6f6f6; font-size: 19pt; margin: 0 0 30px 0; }

.popup-regform.enter p {color: #fff;}
.popup-regform.enter p.title {margin-bottom: 20px;}

.popup-regform .reg-comment {padding: 0 20px; font-size: 12px; display: block; text-align: left; color: #bdbdbd;}
.popup-regform .reg-comment:before {content: '*'; display: inline-block; color: #488bfa; margin-right: 5px;}

.popup-regform.enter .uid-login .uid-btn {
	margin: 35px auto;
	border: 3px solid #488bfa;
	background: transparent;
	padding-left: 0px;
	color: #fff;
	height: 61px;
	line-height: 55px;
	width: 255px;
	font-weight: 500;
	border-radius: 72px;
	display: block;
	font-size: 16pt;
}
.popup-regform.enter .uid-login .uid-btn:hover {background: #29292c;}
.popup-regform.enter .fast-reg {margin-bottom: 10px;}

.popup-regform.first .login-form {
	padding-right: 70px !important;
	padding-top: 25px;
	border-right: 1px solid #585758;
}
.popup-regform.first .login-form input {
	display: block;
	line-height: 56px;
	height: 56px;
	border-radius: 29px;
	padding: 0 27px;
	margin: 10px 0 0px 0;
	border: 2px solid #828283;
	background-color: #fff !important;
	color: #000 !important;
}

.popup-regform.first .login-form button {
	display: block;
	line-height: 56px;
	height: 56px;
	border-radius: 29px;
	border: 0px;
	outline: 0 none;
	width: 275px;
	padding: 0 25px;
	margin: 10px 0 0 0;
	color: #fff;
	background-color: #09c47e;
	font-size: 18px;
}
.popup-regform.first .login-form button:hover {background-color: #52ca9a;}

.popup-regform.first .fast-reg {padding: 0 0 0 25px!important; margin-bottom: 0 !important;}
.popup-regform.first .fast-reg p {color: #fff;}
.popup-regform.first .fast-reg .reg-list {padding-top: 10px;}
/* .popup-regform.first .fast-reg .reg-list a {margin: 0 7px 15px 8px !important; width: 57px; height: 57px;}
.popup-regform.first .fast-reg .reg-list i {height: 57px; line-height: 57px; width: 57px; font-size: 22pt!important;} */

.fast-reg .reg-list a.uid {background: url('../img/i_logoucoz.png') center center no-repeat; background-size: cover;}

.popup-regform.first .fast-reg .uid-btn {
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	padding: 10px 30px;
	border-radius: 40px;
	display: inline-block;
	text-decoration: none;
	border: 3px solid rgba(72, 139, 250, 0.8);
	margin:5px 0 0;
	transition: background .2s ease;
}

.popup-regform.first .fast-reg .uid-btn:hover {
	background: rgba(72, 139, 250, 1);
}

.popup-regform input {
	display: inline-block;
	line-height: 45px;
	height: 45px;
	border-radius: 29px;
	padding: 0 18px;
	margin: 0;
	border: 2px solid #6b6c6d;
	width: 275px;
	background: #3b3c41;
	color: #fff;
	position: relative;
}
.popup-regform input:focus {background: #fff; color: #131415;}

.popup-regform textarea {
	display: inline-block;
	/* line-height: 45px; */
	border-radius: 29px;
	padding: 10px 18px;
	margin: 0;
	border: 2px solid #6b6c6d;
	width: 275px;
	height:150px;
	background: #3b3c41;
	color: #fff;
	position: relative;
}
#subj-fld, #text-fld, #subj-group .SumoSelect > .CaptionCont  {width:460px!important; outline:0 none }
#text-group textarea { height:300px!important }
#abuse-form {padding-left:100px;}

.popup-regform input::-webkit-input-placeholder {color:#aaa;}
.popup-regform input::-moz-placeholder          {color:#aaa;}/* Firefox 19+ */
.popup-regform input:-moz-placeholder           {color:#aaa;}/* Firefox 18- */
.popup-regform input:-ms-input-placeholder      {color:#aaa;}

.popup-regform form button, .to-main {
	display: block;
	line-height: 45px;
	height: 45px;
	border-radius: 29px;
	border: 0px;
	min-width: 275px;
	padding: 0 25px;
	margin: 0 auto 10px auto;
	color: #fff;
	background-color: #488bfa;
	font-size: 18px;
}

.to-main {
	display: none;
}

.to-main-opn {
	display: inline-block;
}

.popup-regform.second .register-form input {margin-left: 163px; display: block;}
.popup-regform.second .register-form label {float: left; width: auto;}

.popup-regform.second .register-form .birthDate {float: right; width: 275px;}
.popup-regform.second .register-form .birthDate > div {display: inline-block;}

.check-agree {clear: both; margin-bottom: 45px;}
.check-agree em {font-size: 9pt; color: #777878; display: block; clear: both; text-align: justify; margin-top: 3px; line-height: 1em; font-style:normal;}
.check-agree label.incorrect, #form-status {color:#da5584!important;}
label a {text-decoration: underline; color: #488bfa;}
label a:hover,label a:active {text-decoration: none; color: #488bfa; }

.popup-regform.second .register-form .gender {float: right; width: 275px; text-align: left;}
.popup-regform.second .register-form .gender input[type='radio'] {
	display: inline-block;
	float: none;
	width: 45px;
	height: 45px;
	border-radius: 29px;
	padding: 0 18px;
	margin: 0 0 15px 0;
	border: 2px solid #6b6c6d;
	background: #3b3c41;
	color: #fff;
}
.popup-regform.secret-q .form-group .error-text {width: 275px; margin-left: 196px;}
.popup-regform.second .form-group .error-text {width: 275px; margin-left: 175px;}
.popup-regform.create-site .form-group .error-text { margin-left: 196px; }
#fTerms-status { margin-bottom:12px; }
#fTerms-label { width:auto; line-height:150%;float: none}
.check-agree label { padding-left:25px }
.check-agree input[type="checkbox"] + label span { margin-left:-25px!important }
#contact-form.sent { padding:70px 30px; background: url('/.s/img/icon/32/apl.png') center top no-repeat; text-align:center }


.form-group i {
	display:none;
	top: 14px;
	right: 16px;
	width: 16px;
	height: 16px;
	position: absolute;
}

.first .login-form i {
	display:none;
	top: 20px;
	right: 0;
	width: 16px;
	height: 16px;
	position: absolute;
}

.first .login-form .wait i {
	display: block;
	background: url(/img/icon/ajsml.gif) center center no-repeat;
}

.popup-regform .wait i {
	display: block;
	background: url(/img/wd/6/ajaxs.gif) center center no-repeat;
}

.popup-regform .cancel i {
	cursor:pointer;
	display:block;
	background: url(/img/icon/cmt.png) center center no-repeat;
}


.popup-regform .securityCode {display: inline-block; width: 275px; text-align: left; position: relative;}
.popup-regform.second .register-form .securityCode {float: right;}
.popup-regform input.securityCode-field,
.popup-regform input[name=code]{width:110px; margin-left:0 !important; display:inline-block !important; }
.popup-regform input.securityCode-text {width: 117px; margin-left: 0 !important;  background-color:#fff; background-repeat: no-repeat;border: 2px solid #fff;float: none !important; display: inline-block !important;}
.popup-regform .securityCode-refresh {display: inline-block; vertical-align: middle; text-indent: -9999px; overflow: hidden; cursor: pointer; width: 30px; height: 25px;background: url('../img/refresh_arrow.png') center center no-repeat;}
.popup-regform .securityCode-resend {text-decoration: underline; color: #488bfa; font-size: 9pt; margin-left: 7px;}
	.popup-regform .securityCode-resend:hover {text-decoration: none; color: #4d7ccc;}
.popup-regform .securityCode .error-text {margin-left: 17px !important;}

.popup-regform .phone-form {padding-top: 15px;}
.popup-regform .phone-form .securityCode {width: 300px;}

.popup-regform .secret-q-form {padding-top: 15px;}

.popup-regform.check-email p {text-align: justify; color: #fff;}
.popup-regform.check-email span {font-size: 9pt; text-align: justify; display: block;}
.popup-regform.check-email .check-mailbox {
	display: block;
	text-align: left;
	text-decoration: underline;
	color: #488bfa;
	font-size: 14pt;
	/*padding: 0 0 0 35px;
	background: url('../img/gmail.png') left center no-repeat;*/
	margin: 20px 0;
}
.popup-regform.check-email .check-mailbox:hover {text-decoration: none; color: #4d7ccc;}

.popup-regform.confirm-phone p {color: #fff; text-align: justify;}
.popup-regform.confirm-phone button {margin: 0 0 10px 178px;}

.popup-regform .do-later {display: block; text-align: left; font-size: 9pt; width: 275px; margin: 0 0 0 178px; text-decoration: underline;}
.popup-regform .do-later:hover {text-decoration: none;}

.popup-regform.secret-q p {color: #fff; text-align: left; }
.popup-regform.secret-q .view-pass {display: inline-block; margin-left: 6px; vertical-align: middle;}
.popup-regform.secret-q .view-pass label { white-space:nowrap; width:auto }

.popup-regform.secret-q button {margin:0 0 10px 178px;}
.popup-regform.secret-q #contact-form button {margin-top:15px!important}

.popup-regform.email-checked p {color: #fff; text-align: justify;}
.popup-regform.email-checked button {margin: 0 0 10px 178px;}

.popup-regform.create-site a {color: #7596cf; text-decoration: underline;}
.popup-regform.create-site a:hover {text-decoration: none;}
.popup-regform.create-site .check-agree {text-align: left; margin-left: 178px;}
.popup-regform.create-site .check-agree label {width: auto; line-height:140%!important; font-size:0.92em }
.popup-regform.create-site select.site-domen  {width: auto;}
.popup-regform.create-site .grecaptcha-badge{margin:0 auto 20px; }

.popup-regform.site-transfer { padding: 15px 13px 15px 20px!important; margin:50px auto -30px auto!important; text-align:left!important; position:relative }
.popup-regform.site-transfer button { float:right; width:auto; height:30px; margin:-4px 0 0; padding:0 12px; min-width:100px; border-radius:30px; border:0; font-weight:300 }
.popup-regform.site-transfer button.btn-success { border-top-right-radius:0; border-bottom-right-radius:0 }
.popup-regform.site-transfer button.btn-default { border-top-left-radius:0; border-bottom-left-radius:0 }
.site-transfer a img { vertical-align:-3px; width:16px; height:16px }
#transfer-hint {  position:absolute; text-align:center; color:#f6f6f6; width:100%; text-shadow:0px 0px 10px #000; opacity:0 }
#mysites-list { display:block; position:relative; text-align:left }
#mysites-list a {display: inline; white-space: nowrap; margin: 0 20px 0 0; line-height: 28px;}
#mysites-list a img {width: 16px; height: 16px; display: inline-block; margin-right:2px; vertical-align:-2px }
#click-goto-cp { display:none; color: #555; position:absolute; top:44px; left:30px; z-index:5; margin:0px; border-radius:5px; font: 12px/19px 'Arial'; word-wrap: break-word; white-space: normal; padding:10px; box-shadow: 0 0 6px rgba(101, 191, 226, 0.61), 0 2px 4px rgba(0, 0, 0, 0.17); background-color:#ffedea;	border: 1px solid #56A3C1; background-image: -webkit-linear-gradient(bottom,#fbfcd0,#ffffeb); background-image: -moz-linear-gradient(bottom,#fbfcd0,#ffffeb); background-image: -o-linear-gradient(bottom,#fbfcd0,#ffffeb); background-image: -ms-linear-gradient(bottom,#fbfcd0,#ffffeb); background-image: linear-gradient(to top,#fbfcd0,#ffffeb) }
#click-goto-cp:after { background: url(/ucoz/img/uconnect-triangle.png) no-repeat; display: block; content: ""; position: absolute; left: 16px; bottom: -7px; width: 16px;	height: 9px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg) }

.popup-regform.site-created p {color: #fff; text-align: center; margin: 10px 0 10px 0;}
.popup-regform.site-created a {color: #7596cf; text-decoration: underline;}
.popup-regform.site-created a:hover {text-decoration: none;}

.popup-regform .phone-number {
	display: inline-block;
	line-height: 45px;
	height: 45px;
	border-radius: 29px;
	padding: 0 18px;
	margin: 0;
	border: 2px solid #6b6c6d;
	width: 275px;
	background: #3b3c41;
	color: #fff;
	position: relative;
}
.popup-regform .phone-number:focus {background: #fff; color: #131415;}
.popup-regform .phone-number input {color: #fff; width: 180px; border:none!important; box-shadow:none!important; border-radius:0!important; display:inline!important; margin:0; padding:0; vertical-align:0;  background:none!important;}


.info-page-wrap .u-tariffs-table td { color:#fff; border-color:#6b6c6d!important }
.info-page-wrap .u-tariffs-table tr:not(:first-child) .u-tariff-current { color:#000!important; background-color:#ecfeef }
.info-page-wrap .u-tariffs-table .u-tf-title { text-align:center!important }
.u-tariffs-table tr:not(:nth-child(2)) td:first-child, .u-tariffs-table tr:nth-child(2) td:not(:first-child), .info-page-wrap .u-tariffs-table td.tariffs-title { color:#b1adb0!important; background-color:#3b3c41!important }
.info-page-wrap .u-tf-price { padding-left:0 }
.info-page-wrap .u-tf-price .dollar { display:inline!important; position:relative; font-size:inherit!important }


/* ------------------------------- SUMO SELECT ------------------------------- */

/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; border: none; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

.SumoSelect > .optWrapper > .options > li label, .SumoSelect > .CaptionCont { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.SumoSelect { display: inline-block; position: relative;outline:0 none; vertical-align: middle; height: 45px;}
.popup-regform.second .location .SumoSelect {float: right;}

.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont {border-color: #09c47e;}
.SumoSelect > .CaptionCont {
	position: relative;
	display: inline-block;
	width: 275px;
	height: 45px;
	padding: 0 26px 0 7px;
	margin: 0;
	border: 2px solid #6b6c6d;
	color: #b1adb0;
	background: #3b3c41;
	border-radius: 29px;
	cursor: pointer;
	/*for WebKit*/
	-webkit-appearance: none;
	/* for FF */
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	/* for IE */
	-ms-appearance: none;
	appearance: none!important;
}
.incorrect .SumoSelect > .CaptionCont {border-color: #da5584;}
.correct .SumoSelect > .CaptionCont {border-color: #09c47e;}
.popup-regform .birthDate-day .SumoSelect > .CaptionCont {width: auto; min-width: 75px;}
.popup-regform .birthDate-month .SumoSelect > .CaptionCont {width: auto; min-width: 110px;}
.popup-regform .birthDate-year .SumoSelect > .CaptionCont {width: auto; min-width: 80px;}

.popup-regform.create-site .SumoSelect {margin-left: 5px;}
.popup-regform.create-site .SumoSelect > .CaptionCont {width: 117px; margin: 0;}

.SumoSelect > .CaptionCont.open {border-radius: 29px 29px 0 0; border-bottom: none;border-color: #09c47e;}

.SumoSelect > .CaptionCont > span {line-height: 42px; display: block; padding-right: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:pointer;}
/*placeholder style*/
.SumoSelect > .CaptionCont > span.placeholder { color: #ccc; font-style: italic; }

.SumoSelect > .CaptionCont > label { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 30px;}
.SumoSelect > .CaptionCont > label > i { background: url('../img/select_arrow.png') center right no-repeat; width: 14px; height: 10px; display: block; position: absolute; top: 16px; right: 5px; margin: auto; cursor:pointer;}

.SumoSelect > .optWrapper { top: 30px; width: 100%; position: absolute; left: 0; opacity: 0; visibility: hidden; transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -webkit-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -moz-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -ms-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -o-transition: opacity 200ms ease-out, top 200ms ease-out, visibility 200ms ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: -100; border: 2px solid #6b6c6d; color: #b1adb0; background: #3b3c41; border-radius: 0 0 29px 29px; overflow: hidden; padding-bottom: 10px;}
.SumoSelect > .optWrapper.open { top: 35px; visibility: visible; opacity: 1; z-index: 1000; border-top: none; border-color: #09c47e; padding-top: 8px;}

.SumoSelect > .optWrapper > .options { list-style: none; display: block; padding: 0px; margin: 0px; overflow: auto; border-radius: 2px;
	/*Set the height of pop up here (only for desktop mode)*/
	max-height: 250px;
	/*height*/ }
.SumoSelect > .optWrapper.isFloating > .options {max-height: 100%;box-shadow: 0px 0px 100px #595959;}
.SumoSelect > .optWrapper > .options > li { padding: 0 7px; position: relative; }
.SumoSelect > .optWrapper.open > .options > li.selected:first-child {display: none;}
.SumoSelect > .optWrapper > .options > li:last-child { border-bottom: none; border-radius: 0px 0px 2px 2px; }
.SumoSelect > .optWrapper > .options > li:hover { background-color: #2c2e32; }
.SumoSelect > .optWrapper > .options > li.selected { background-color: #2c2e32; }
.SumoSelect > .optWrapper > .options > li.sel{background-color: #a1c0e4;}

.SumoSelect > .optWrapper > .options > li label { text-overflow: ellipsis; padding:5px 0; width:100%; white-space:normal; overflow: hidden; display: block;cursor: pointer; float: none; line-height: 24px;}
.SumoSelect > .optWrapper > .options > li span { display: none; }

/*Floating styles*/
.SumoSelect > .optWrapper.isFloating { position: fixed; top: 0px; left: 0px; right: 0px; width: 90%; bottom: 0px; margin: auto; max-height: 90%; }

/*Hover*/
/*.SumoSelect:hover > .CaptionCont > label { background-color: #F1F1F1; }*/

/*disabled state*/
.SumoSelect > .optWrapper > .options > li.disabled { background-color: inherit;pointer-events: none;}
.SumoSelect > .optWrapper > .options > li.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; }


/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options > li { padding-left: 35px;cursor: pointer;}
.SumoSelect > .optWrapper.multiple > .options > li span,
.SumoSelect .select-all > span{ position: absolute; display: block; width: 30px; top: 0px; left: 0px; bottom: 0px; }
.SumoSelect > .optWrapper.multiple > .options > li span i,
.SumoSelect .select-all > span i{position: absolute;margin: auto;left: 0px;right: 0px;top: 0px;bottom: 0px;width: 14px;height: 14px;border: 1px solid #AEAEAE;border-radius: 2px;box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);background-color: #fff;}
.SumoSelect > .optWrapper > .MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.13); border-radius: 0px 0px 3px 3px; }
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0px; width: 100%; }

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls { display: block; }
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p { padding: 6px; }

.SumoSelect > .optWrapper.multiple > .MultiControls > p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover { background-color: #f1f1f1; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0px 0px 0px 3px; }
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel { border-radius: 0px 0px 3px 0px; }
/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options > li { padding: 12px 6px; }

/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options > li { padding-left: 35px; }
.SumoSelect > .optWrapper.multiple.isFloating { padding-bottom: 43px; }
/*selected state
.SumoSelect > .optWrapper.multiple > .options > li.selected span i:after,
.SumoSelect .select-all.selected > span i:after{content: '';position: absolute;width: 11px;height: 11px;top: 2px;left: 2px;background-color: rgb(17, 169, 17);border-radius: 2px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);}
*/
.SumoSelect > .optWrapper.multiple > .options > li.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i{background-color: rgb(17, 169, 17);box-shadow: none;border-color: transparent;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center center;}
/*disabled state*/
.SumoSelect.disabled { opacity: 0.7;cursor: not-allowed;}
.SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none;}

/**Select all button**/
.SumoSelect .select-all{border-radius: 3px 3px 0px 0px;position: relative;border-bottom: 1px solid #ddd;background-color: #fff;padding: 8px 0px 3px 35px;height: 20px;}
.SumoSelect .select-all > span i{cursor:pointer;}
.SumoSelect .select-all.partial > span i{background-color:#ccc;}

/*styling for optgroups*/
.SumoSelect > .optWrapper > .options > li.optGroup { padding-left: 5px; text-decoration: underline; }

/*invisible recaptcha*/
.grecaptcha-badge{margin:0 0 15px 178px; }

/* vip form */
#vipForm .form-group{display:flex; }
#vipForm .form-group wrapper{display:flex; flex-direction:column; }
#vipForm .form-group output{padding:0; }
#vipForm .form-group:not(.incorrect) output{display:none; }
#vipForm .success{margin:0 0 .5em; }
#vipForm .success + h5{margin:0 0 2em; }