/* input(2219,1): run-time error CSS1019: Unexpected token, found '}' */

/*usunięcie czarnych ramek wbr chrome*/
*, *:focus, *:hover {
	outline: none;
}

.hrr {
	width: 100%;
	height: 1px;
	float: left;
	background: #cecece;
}

.CalculatorDetail {
	width: 100%; /*min-height:750px;*/
	display: block;
	font-size: 18px;
}

.CalculatorDetailBody {
	width: 65%;
	min-height: 50px;
	float: left;
	border-right: solid 1px #ccc;
	margin-left: 10px;
	min-height: 470px;
	font-size: 18px;
}

.CalculatorDetailSumary {
	min-height: 50px;
	float: left;
	font-size: 18px;
	padding: 0 0 0 20px;
	width: calc(35% - 21px);
}

.CalculatorDetailSumary select, .CalculatorDetailBody select {
/*	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
	color: inherit;
	font-family: inherit;
	font-size: 1em;
}

.CalculatorDetail.SelectCoreCount .SelectCoreCount,
.CalculatorDetail.SelectCoreCount .CalculatorDetailSumary {
	display: none
}

.CalculatorDetail.SelectCoreCount .CalculatorDetailBody {
	width: 100%;
	border-right: none;
	margin-left: 10px;
	width: calc(100% - 10px)
}

.CoreCount_Section .SectionDetailMain {
	height: auto;
	min-height: 40px;
	padding-top: 8px;
}

.CoreCount_Section .radio-inline {
	font-weight: 700;
}

.CoreCount_Section .checkbox {
	margin-top: 0 !important;
	display: inline-block;
}

.CoreCount_Section input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

.CoreCount_Section .SectionDetailMain {
	float: left;
	width: 58%;
}

	.CoreCount_Section .SectionDetailMain .checkboxV2 {
		min-height: 26px;
	}

.SectionGroup {
	width: 100%;
	text-align: center;
	font-size: 25px;
	color: #95c00e;
	float: left;
	padding: 15px 0 0 0;
	display: block;
}

.SectionGroupSummary {
	width: 100%;
	font-size: 25px;
	color: #95c00e;
	float: left;
	padding: 30px 0 20px 60px;
	display: block;
}

.Sections {
	min-height: 35px;
	width: 100%;
	float: left;
}

.SectionSep {
	width: 100%;
	height: 1px;
	float: left;
}

.SectionSepHDD {
	margin-top: 1px;
}

.SectionHDDHidden {
	display: none
}

.SectionName, .SectionNameBgNone, .SectionNameBgNoneColor {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 41%;
	color: #fffeff;
	padding: 8px 20px;
	float: left;
}

.SectionName {
	background: #97bf0d;
}

.SectionNameBgNone, .SectionNameEmpty, .SectionNameBgNoneColor {
	background: none;
}

.SectionNameBgNoneColor {
	color: #686868;
	text-align: right;
}

.SectionNameBgNoneColor2 {
	color: #686868;
}

.SectionAddHDD {
	text-align: right;
	padding: 4px;
	padding-right: 0px;
	width: 99%;
}

.SectionDetail {
	width: calc(60% - 70px);
	min-height: 18px;
	background: #f2f2f2;
	color: #ababab;
	padding: 8px 25px;
	float: left;
}

.SectionValue {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 10%;
	min-height: 38px;
	background: #cecece;
	color: #686868;
	float: left;
}

.SectionValueBgN {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 10%;
	min-height: 38px;
	color: #686868;
	float: left;
}

.SectionValueLabel {
	float: right;
	font-size: 15px;
	font-weight: 400;
	margin-top: 9px;
	margin-right: 5px;
}

.SectionDetail_div {
	background: url(/Images/arrow.png?v=n6YK5YLife7YSFv7_LFSsLltKbw) no-repeat 96% 0;
	overflow: hidden;
	width: 48%;
	cursor: pointer;
	min-height: 38px;
	background-color: #f2f2f2;
	padding: 0px 0px;
	float: left;
	border: none;
}



.SectionDetail_basic {
	overflow: hidden;
	width: 48%;
	cursor: pointer;
	min-height: 38px;
	color: #686868;
	padding: 0px 0px;
	float: left;
	border: none;
}

.SectionAdminRbhRow {
	float: left;
	width: 59%;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-height: 38px;
}

.SectionAdminRbhRow .SectionAdminRbhDesc {
	float: none;
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
	overflow: visible;
	cursor: default;
}

.SectionAdminRbhRow .SectionAdminRbhText {
	display: block;
	float: none;
	padding: 8px 0 0 15px;
	line-height: 1.45;
}

.SectionAdminRbhRow .SectionAdminRbhPrice {
	float: none;
	width: auto;
	flex: 0 0 auto;
	min-width: 105px;
	overflow: visible;
	text-align: right;
}

.SectionAdminRbhRow .SectionAdminRbhPrice .SectionValueLabel {
	display: block;
	float: none;
	white-space: nowrap;
	margin-right: 0;
}

.SectionDetail_div .spanNumeric {
	padding: 10px 0 0px 15px;
	float: left;
}

.SectionDetail_div .numericinput {
	float: right;
	height: 38px;
	background: #f2f2f2;
	border: dashed 1px #cecece;
	border-left: none;
	border-right: none;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
}

.SectionDetail_div select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	padding: 0 35px 0 15px;
	border: none;
	height: 38px;
	width: 100%;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
}

.RadioLabel {
	cursor: pointer;
	padding: 8px 5px;
	font-weight: 400;
	font-size: 15px;
	float: left;
}

.BayButton {
	background-color: #97bf0d;
	float: left;
	cursor: pointer;
	text-align: center;
	width: 100%;
	border: none;
	margin-top: 15px !important;
	padding: 12px 0 !important;
	color: #fff;
	min-width: 130px;
}

.BayButtonColorBlack {
	background: #444;
}

.testt {
	width: 300px;
}

.Difference {
	font-size: 11px;
	color: red;
}

.ErrorDiv {
	padding: 0px 0 14px 0;
	float: left;
	font-size: 1em;
	text-align: center;
	width: 100%;
	color: red;
}

.DivExtraMsg {
	padding: 0px 0 14px 0;
	float: left;
	font-size: 1em;
	text-align: center;
	width: 100%;
	color: #50952A;
}


.LabelDiv {
	padding: 9px 0 14px 0;
	float: left;
	font-size: 11px;
	text-align: center;
	width: 96%;
	color: green;
}


#ControlerCacheCade, #HDDsas {
	display: none;
}

.ddlShowCurrency {
	float: left;
	text-align: right;
	border-left: none;
	border-color: #cecece;
	border-right: none;
	border-top: none;
	font-size: 15px;
	width: 100%;
	padding: 8px 0px 8px 5px;
	box-shadow: inset 0 0 0 5px #fff !important;
}

	.ddlShowCurrency:focus {
		border: none;
		outline: none;
	}

.ddlShowCurrency::-webkit-select-inner {
	text-align: right;
}


.ddlShowCurrency option {
	text-align: right;
}

.ddlShowCurrency {
	-webkit-text-align: right;
	text-align-last: right;
}

.PrivacyPolicy {
	font-weight: 500;
	line-height: 20px;
	padding-left: 20px;
	font-size: 15px;
}

.SendOrderButton {
	background: #444;
	width: 100%;
	margin-top: 12px;
}

.BayButton_disabled {
	background: #cecece;
	cursor: no-drop;
}

#FinishTable > table > tbody > tr > td {
	padding: 0 5px;
}

#dProgressDef {
	display: none;
}

#FinishTable table {
	margin: 0 auto;
}

.loadingBG {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1112;
	left: 0px;
	top: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color: #c0c0c0;
}

.loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -80px;
	z-index: 10000000;
	padding: 0px;
	width: 160px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

.FinishTransactionMain {
	Width: 100%;
	min-height: 100px;
	background: white;
	float: left;
	text-align: center;
	margin-bottom: 70px;
}

.btnWidth48P {
	width: 48%;
}

.marginR4P {
	margin-right: 4%;
}

.forUserCalculatorTxt {
	height: 30px;
	width: 200px;
}

.textError {
	color: red;
}

.forUserCalculatorTitle {
	clear: both;
	width: 250px;
	float: left;
	line-height: normal;
	margin-right: 20px
}

.forUserData {
	width: 1100px;
	margin: 0 auto;
	line-height: 48px;
}

.forUserCalculatorControlRow100 {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.forUserCalculatorControlRow {
	float: left;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.forUserCalculatorControl {
	width: 250px;
	float: left;
}

	.forUserCalculatorControl input {
		padding: .75rem .5rem;
		font-weight: 500;
	}

.forUserCalculatorControlRow100 .forUserCalculatorControl {
	width: calc(100% - 150px);
}

.forUserCalculatorControlRow100 .forUserCalculatorTxt {
	width: 100%;
}

.forUserDataBtn {
	width: 300px;
	margin: 0 auto;
}

.display-n {
	display: none !important;
}

.boxPaymentMetod {
	display: inline-block;
	padding: 10px 20px 0;
}

/*nowości str główna*/
.d_boxNewsBodyMain {
	display: block;
	width: 100%;
}

.d_boxNewsBody {
	float: left;
	display: block;
	width: 100%;
}

	.d_boxNewsBody ul {
		margin: 15px 15px 15px 30px;
	}

	.d_boxNewsBody li {
		padding: 2px 0px 2px 0px;
	}

.d_boxTitleMain {
	float: left;
	width: 100%;
	color: rgb(151, 191, 13);
	font-weight: bold;
	font-size: 22px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

	.d_boxTitleMain a, .d_boxTitleMain a:link, .d_boxTitleMain a:visited {
		color: rgb(151, 191, 13);
	}

		.d_boxTitleMain a:hover {
			text-decoration: none;
			color: #333333;
		}

/*.d_boxNewsL			{float:left; width:285px; margin-right:30px; margin-left:12px;}
.d_boxNewsC			{float:left; width:285px; margin-right:30px;}
.d_boxNewsR			{float:left; width:285px;}*/

/*.d_boxNewsL, .d_boxNewsC, .d_boxNewsR {float:left; padding-top:10px; padding-bottom:10px}*/
.d_boxNewsCon {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px
}

.d_boxNewsTitle {
	float: left;
	width: 100%;
	font-weight: normal;
	color: #97bf0d;
}

	.d_boxNewsTitle h1 {
		width: 100%;
		color: #97bf0d;
		margin: 0px;
		padding: 0px;
		font-size: 18px;
	}

	.d_boxNewsTitle a:link, .d_boxNewsTitle a:visited {
		float: left;
		text-decoration: none;
		color: #97bf0d;
		padding: 0px;
	}

	.d_boxNewsTitle a:hover {
		text-decoration: none;
		color: #333333;
	}

.d_boxNewsContent {
	float: left;
	width: 100%;
	color: #939393;
	font-weight: normal;
	padding-top: 10px;
}

	.d_boxNewsContent ul {
		margin: 15px 15px 15px 30px;
	}

	.d_boxNewsContent li {
		padding: 2px 0px 2px 0px;
	}

.boxNewsBtn {
	float: right;
	width: 100%;
	text-align: right;
	padding-top: 30px;
}
/*koniec. Nowości str główna*/

.valueChooseQuantity {
	padding-top: 20px;
	z-index: 1;
	position: relative;
}

/*input number*/
.SectionDetail_div .nice-number .numericinput {
	border: none;
	height: 30px;
}

.SectionDetail_div .nice-number {
	float: left;
	margin-left: 40px;
	margin-right: 0px;
	border: none;
	background: #fff !important;
	border: 1px solid #97bf0d;
	border-radius: 4px;
}

.nice-number .numericinput {
	box-sizing: border-box !important;
	padding-left: 4px;
	padding-right: 4px;
	background: #fff !important;
	width: 3ch;
}

.nice-number button {
	border: none;
	background: none;
	padding-left: 4px;
	padding-right: 4px;
}

	.nice-number button .glyphicon {
		color: #888888 !important;
		font-size: 1em;
		top: 0px !important;
	}


	.nice-number button:focus {
		border: none;
	}
/*koniec input number*/

.main-partner-logos {
	display: block;
	width: 100%;
	background: #fff;
	border-top: 1px solid #d8d8d8;
	padding-top: 15px;
	padding-bottom: 15px;
}

#popupTransferAdd .nice-number .tbinput {
	height: 18px;
}

#popupTransferAdd .modal-body-title {
	padding-bottom: 20px;
}

.confirmSendTransferAdd {
	margin-bottom: 20px;
}

p-captcha div div {
	transform: scale(0.9) !important;
	-webkit-transform: scale(0.9) !important;
	transform-origin: 0 0 !important;
	-webkit-transform-origin: 0 0 !important;
}

.g-recaptcha {
	transform: scale(0.9);
	transform-origin: 0 0;
}

.slick-slide img {
	margin: 0 auto;
}

.rbl {
}

	.rbl label {
		font-weight: normal;
		margin-left: 4px;
		margin-right: 6px;
	}

	.rbl input {
		margin-left: 6px !important;
	}

.calPopupDateCloseText:before {
	content: "OK";
	font-size: 24px;
	font-weight: bold;
}

.CommissionPriceServices table td, .CommissionPriceServices table th {
	padding: 6px;
}

.CommissionPriceServices table {
}


.CommissionPriceServices {
	padding: 6px 12px;
	font-size: 1.0em;
}

	.CommissionPriceServices > div {
		border: 1px solid #97bf0d !important;
		padding: 6px;
		border-radius: 4px;
	}

.lbtnRegulation {
	color: #337ab7;
	cursor: pointer;
}

.CommissionContent .form-control, .CommissionContent .input-group-addon {
	border: 1px solid #97bf0d !important;
}

.CommissionContent .modal {
	z-index: 9999
}

.CommissionContent .modal-body div > ol, .CommissionContent .modal-body div > ul {
	margin: 0 0 10px 20px;
}

.CommissionContent .modal-body li {
	margin-top: 8px;
}

.CalculatorDetailBody {
	border-right: 1px solid #97bf0d;
	padding-right: 10px;
}

	.CalculatorDetailBody .SectionGroup {
		border-bottom: none;
		text-align: left;
	}

		.CalculatorDetailBody .SectionGroup legend {
			border-bottom: 1px solid #97bf0d !important;
			color: #5c6b57;
		}

			.CalculatorDetailBody .SectionGroup legend div {
				display: inline-block;
				background: #97bf0d;
				padding: 0px 19px 0px 19px;
				color: #fff;
			}

	.CalculatorDetailBody .Sections .SectionName {
		color: #686868;
		background: #fff;
		font-weight: 700;
		text-align: right;
	}

	.CalculatorDetailBody .Sections .SectionDetail_div {
		margin-bottom: 4px;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div {
		background: url(/Images/arrow.png?v=n6YK5YLife7YSFv7_LFSsLltKbw) no-repeat 96% 0;
		border: 1px solid #97bf0d;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		border-right: none;
	}

		.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select {
			height: auto;
			min-height: 30px;
			padding-top: 8px;
		}

.secChooseQuantity .SectionDetail_div {
	border-top: 0 !important;
	border-top-left-radius: 0 !important;
	background: none !important;
	cursor: default;
}

/*.CalculatorDetailBody .Sections .SectionDetailMain:has(.valueChooseQuantity) .SectionDetail_div {
	border-bottom-left-radius: 0px;
	border-bottom: 0;
}*/

.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
	background: #fff;
	border: 1px solid #97bf0d;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left: none;
}


.CalculatorDetailSumary {
	padding: 0 0 0 10px;
}

	.CalculatorDetailSumary .SectionGroupSummary {
		padding: 30px 0 0 0;
	}

		.CalculatorDetailSumary .SectionGroupSummary legend {
			border-bottom: 1px solid #97bf0d !important;
			color: #5c6b57;
			margin-bottom: 10px;
		}

			.CalculatorDetailSumary .SectionGroupSummary legend div {
				display: inline-block;
				background: #97bf0d;
				padding: 7px 19px 8px 19px;
				color: #fff;
			}

	.CalculatorDetailSumary .hrr {
		background: #97bf0d;
	}

	.CalculatorDetailSumary .ddlShowCurrency {
		border-color: #97bf0d;
	}


.checkboxV2 {
	float: left;
}

	.checkboxV2 label > input[type="checkbox"], .checkboxV2 label > input[type="radio"] {
		display: none;
	}

	.checkboxV2 label {
		font-weight: normal;
	}

		.checkboxV2 label > input[type="checkbox"] + *::before, .checkboxV2 label > input[type="radio"] + *::before {
			content: "";
			display: inline-block;
			vertical-align: bottom;
			border-style: solid;
			border-width: 2px;
			border-color: #97bf0d;
			border-radius: 6px;
			width: 30px;
			height: 20px;
			margin-right: 10px;
			line-height: 20px;
		}

		.checkboxV2 label > input[type="checkbox"]:checked + *::before, .checkboxV2 label > input[type="radio"]:checked + *::before {
			content: '\2714';
			font-size: 20px;
			color: #686868;
			text-align: center;
		}

		.checkboxV2 label > input[type="checkbox"]:checked + *, .checkboxV2 label > input[type="radio"]:checked + * {
			color: #686868;
		}

		.checkboxV2 label span {
			display: flex;
			line-height: 20px;
			margin-right: 10px;
		}

			.checkboxV2 label span:before {
				font-weight: bold;
				line-height: 18px !important;
			}

.CalculatorDetailSumary .checkboxV2 {
	margin-top: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #97bf0d;
	width: 100%;
}

.CalculatorDetailSumary .SectionValueLabel {
	font-weight: bold;
}

/*Google Consent Mode*/

.consent-mod {
	z-index: 100003;
	position: relative;
}

	.consent-mod.d_d-b {
		display: block;
	}

	.consent-mod.d_d-n {
		display: none;
	}

	.consent-mod div {
		box-sizing: border-box;
	}

.m_mod_f {
	animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running jBcSpD;
	z-index: 100001;
	position: fixed;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	inset: 0px;
	overflow: auto;
	background: rgba(0, 0, 0, 0.55);
	padding: 0px;
}

.m_mod_b {
	z-index: 100002;
	background: rgb(255, 255, 255);
	/*height: 100%;
			width: 100%;*/
	border-radius: 0px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	height: auto;
	max-height: 100%;
	/*min-height: 200px;*/
	min-height: 250px;
	width: calc(100% - 64px);
	max-width: 812px;
	align-self: flex-end;
	margin-bottom: 100px;
}

.m_mod_c {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-top: 0px;
	max-height: calc(-56px + 100vh);
	min-height: 300px;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.m_mod_c_t {
	width: 100%;
	min-height: 50px;
	position: unset;
	padding: 8px 10px 8px 10px;
	/*border-radius: 8px 8px 0px 0px;*/
	color: #343434;
	background: #d6d6d6;
	border-bottom: 1px solid #808080;
	display: inline-flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	top: 0px;
	max-width: 812px;
}

.m_mod_c_t2 {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	width: 100%;
}

.m_mod_c_t3 {
	display: inline-flex;
	flex-direction: row;
	padding-left: 8px;
	flex: 1 6 auto;
	min-width: 0px;
}

.m_mod_c_t3t {
	display: inline-block;
	width: calc(100% - 60px);
}

	.m_mod_c_t3t div {
		font-size: 14px;
		line-height: 30px;
		color: #343434;
		font-weight: bold;
		text-decoration: none;
		margin: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.m_mod_c_t3tb {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	color: #343434;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	white-space: nowrap;
}

.m_mod_c_b {
	max-height: calc(-112px + 100vh);
	min-height: unset;
	overflow: hidden auto;
	min-height: 200px;
	color: #343434;
}

.m_mod_c_b2 {
	margin: 0px auto;
	padding: 10px;
}

.m_mod_c_b3 {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	/*font-size: 12px;*/
	font-size: 0.7em;
	line-height: 18px;
}

.m_mod_c_b3_def {
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 10px;
}

.m_mod_c_f {
	background-color: rgb(242, 242, 242);
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	padding: 8px 24px;
	position: relative;
	border-top: 1px solid rgb(221, 221, 221);
}

.m_mod_c_f_bset {
	margin-right: 14px;
	/*	background-color: transparent !important;
	color: #808080 !important;*/
}

.cm-m {
	width: 100%;
	margin: 0;
	max-width: none;
	display: block;
}

.cm-m-box {
	line-height: 1.1;
	display: inline-block;
	position: relative;
	border-radius: 2px;
	margin: 0;
	padding: 0;
	border: 1px solid #d8d8d8;
	border-top: none;
	width: calc(100% - 2px);
	float: left;
}

.cm-m .cm-m-box:first-of-type {
	border-top: 1px solid #d8d8d8;
}



.cm-m-box-btn {
	display: inline-block;
	box-sizing: border-box;
	padding: 12px 30px;
	line-height: 1;
	word-break: break-word;
	word-wrap: break-word;
	white-space: normal;
	font-weight: bold;
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	left: 0;
	z-index: 1;
	max-width: none;
	border: none;
	background: none;
}


.cm-m-box-h {
	position: relative;
	min-height: 25px;
	padding: 0.5rem 0;
	margin: 0;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.cm-box-plus-minus {
	width: 20px;
	height: 20px;
	font-size: 1.5em;
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

	.cm-box-plus-minus span {
		position: absolute;
		background: #27455c;
		border-radius: 1px;
	}

		.cm-box-plus-minus span:first-of-type {
			top: 25%;
			bottom: 25%;
			width: 10%;
			left: 45%;
		}


		.cm-box-plus-minus span:last-of-type {
			left: 25%;
			right: 25%;
			height: 10%;
			top: 45%;
		}

.cm-m .cm-m-box > span[aria-expanded=true] ~ .cm-m-box-h .cm-box-plus-minus span:first-of-type {
	transform: rotate(90deg);
}
/*.d1 .cm-m-box > button[aria-expanded=true]~.cm-m-box-h .cm-box-plus-minus span:last-of-type {
    transform: rotate(90deg);
}*/

.cm-m-box-h-txt {
	flex: 1;
	margin: 0 0.5rem;
	width: calc(100% - 130px);
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.5;
	max-width: 90%;
	vertical-align: middle;
}

.cm-m-box-chb {
	z-index: 1;
	position: relative;
	transform: none;
	right: 0;
	top: 0;
	float: none;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}

	.cm-m-box-chb .checkboxV2 {
		line-height: 1.5;
		float: none;
		position: relative;
		display: flex;
	}

		.cm-m-box-chb .checkboxV2 span {
			cursor: pointer;
		}

		.cm-m-box-chb .checkboxV2 label span {
			margin-right: 0px;
		}

		.cm-m-box-chb .checkboxV2 label > input[type="checkbox"] + *::before, .cm-m-box-chb .checkboxV2 label > input[type="radio"] + *::before {
			margin-right: 0px;
		}

.cm-box-atxt {
	z-index: 1;
	position: relative;
	padding: 0;
	background-color: #F8F8F8;
}

.cm-m .cm-m-box > span[aria-expanded=false] ~ .cm-box-atxt {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	transition-timing-function: ease-out;
	transition: 0.25s;
	display: none;
}

.cm-m .cm-m-box > span[aria-expanded=true] ~ .cm-box-atxt {
	width: auto;
	margin-top: 0px;
	padding-bottom: 10px;
	transition-timing-function: ease-in;
	transition: 0.25s;
	overflow: auto;
	display: block;
}

.cm-box-atxt p {
	clear: both;
	float: left;
	line-height: 1.5;
	padding-left: 20px;
	padding-right: 20px;
	/*width: calc(100% - 10px);*/
	font-size: 1.2em;
	margin-bottom: 0px;
	margin-top: 10px;
}
/*koniec - Google Consent Mode*/



.SectionDetail-select {
	position: relative;
	float: left;
	width: 100%;
}

	.SectionDetail-select .SectionDetail_ddl {
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.SectionDetail-select .SectionDetail_div {
		width: 100% !important;
		/*	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-right: 1px !important;*/
		border: none !important;
	}

.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div {
	background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 82%;
	background-size: 0.65em;
	border-radius: 1rem;
	border: 1px solid #97bf0d !important;
}

.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .secChooseQuantity .SectionDetail_div {
	border: unset !important;
	margin: 0;
	background-color: unset !important;
}

.SectionDetail_ddl {
	cursor: pointer;
}

.SectionDetail-select .SectionDetail_ddl {
	padding-right: 22%;
}

.section-sc .SectionDetail-select .SectionDetail_ddl,
#HDD_SectionDiv .SectionDetail-select .SectionDetail_ddl {
	padding-right: 34%;
}

.CalculatorDetailBody .Sections.section-sc .SectionDetailMain.SectionDetail-select .SectionDetail_div,
.CalculatorDetailBody #HDD_SectionDiv .SectionDetailMain.SectionDetail-select .SectionDetail_div {
	background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 69%;
	background-size: 0.65em;
}

.SectionDetail-select .SectionValue {
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}

.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionValue {
	background-color: unset !important;
	border: none;
}

/*nowy wygląd DH4*/
#PanelCalculator, #PanelFinishTable, #PanelFinish {
	max-width: 2500px;
	margin: 0 auto;
	font-size: 18px;
}

.CalculatorDetailBody {
	padding-left: 50px;
	padding-right: 50px;
	border-right: none
}

	.CalculatorDetailBody .SectionGroup legend {
		border-bottom: none !important;
		text-align: center;
		font-size: 23px;
	}

		.CalculatorDetailBody .SectionGroup legend div {
			background: none;
			color: #50952A;
			font-size: 1.0em;
			text-transform: uppercase;
		}

	.CalculatorDetailBody .Sections .SectionName,
	.CalculatorDetailBody .Sections-title .SectionName {
		width: 100%;
		background: #76B729;
		background: rgba(118, 183, 41, 0.50);
		color: #000000;
		font-weight: normal;
		text-align: center;
		font-size: 1.0em;
		border-radius: 1rem;
		padding: 4px 20px;
	}


		.CalculatorDetailBody .Sections .SectionName.SectionNameEmpty {
			background: none;
		}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div {
		background-image: url(/Images/arrow.png?v=n6YK5YLife7YSFv7_LFSsLltKbw) no-repeat 99% 0;
		background-color: rgba(255, 255, 255, 0.50) !important;
		border-top-left-radius: 1rem;
		border-bottom-left-radius: 1rem;
		/*	
	border: 1px solid rgba(80, 149, 42, 0.50);
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-right: none;*/
		width: 86%;
		font-size: 1.0em;
		margin-top: 10px;
		margin-bottom: 10px
	}

		.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select {
			height: auto;
			min-height: 30px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

.CoreCount_Section .SectionDetailMain {
	float: left;
	width: 100%;
}

.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
	background-color: rgba(255, 255, 255, 0.50) !important;
	border: 1px solid rgba(80, 149, 42, 0.50);
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-left: none;
	/*	font-size: 1.75rem;*/
	margin-top: 10px;
	margin-bottom: 10px;
	width: 18%;
}

.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionDetail_div,
.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionDetail_div {
	width: 74%;
}

.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionValue,
.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionValue {
	width: 30%;
}

.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel {
	font-size: 1.0em;
	padding-top: 6px;
	padding-bottom: 4px;
	margin-top: 0px;
	color: #8CBD3A;
}

.CalculatorDetailSumary {
	/*	background: rgb(249,248,204);
	background: linear-gradient(180deg, rgba(249,248,204,0) 0%, rgba(0,100,34,0.4962359943977591) 100%);*/
	background-image: url(/images/calculator-detail-sumary-bg.svg?v=TIKmF2PGCAWpLJn2PidaoOOpD20) !important;
	background-size: cover;
	border-radius: 3rem;
	padding: 1.75rem 1.75rem;
}

	.CalculatorDetailSumary .dh-btn.btn {
		font-size: 1em;
		border-radius: 1rem;
		width: auto;
		background: rgba(140, 189, 58, 0.76) !important;
		padding: 4px 18px;
	}

	.CalculatorDetailSumary .dh-btn.btn {
		float: left;
	}

	.CalculatorDetailSumary .dh-btn.btnGetPdf {
		float: right;
	}


.CalculatorDetailSumary {
	position: sticky;
	top: 130px;
	margin-top: 50px;
}

.CalculatorDetailSummaryPrice {
	width: 100%;
	float: left;
	text-align: center;
	padding-bottom: 8px;
	margin-top: 1rem;
}

	.CalculatorDetailSummaryPrice .SectionValueLabel {
		width: 100%;
		float: left;
	}

	.CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
		font-size: 1.0em;
		border-radius: 1rem;
		background: rgba(140, 189, 58, 0.76) !important;
		padding: 4px 18px;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 4px;
		font-weight: 600;
	}

	.CalculatorDetailSummaryPrice .TotalSummaryPrice {
	}

	.CalculatorDetailSummaryPrice #SUMMARY_PRICE {
		float: none;
		font-size: 1.0em;
		border-radius: 1rem;
		background: rgba(255, 255, 255, 0.41) !important;
		border: solid 1px rgba(0, 0, 0, 0.50);
		padding: 2px;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		margin: 0;
		width: 100%;
	}

	.CalculatorDetailSummaryPrice .TotalSummaryPrice #SUMMARY_PRICE {
		float: left;
		margin-top: 1rem;
	}

.CalculatorDetailSumary .ddlShowCurrency {
	background: rgba(255, 255, 255, 0.41) !important;
	border: solid 1px rgba(0, 0, 0, 0.50);
	border-radius: 1rem;
	box-shadow: none !important;
	font-size: 1.0em;
	font-weight: 600;
	padding: 2px 4px 3px 4px;
	width: 100%;
}

.CalculatorDetailSummaryPrice .TotalSummaryPrice .ddlShowCurrency {
	float: right;
	margin-top: 1rem;
}

.CalculatorDetailSumary .SummaryPrice-col-l {
	padding-right: 8px !important;
}

.CalculatorDetailSumary .SummaryPrice-col-r {
	padding-left: 8px !important;
}


	.CalculatorDetailSumary .SummaryPrice-col-l #BayButton,
	.CalculatorDetailSumary .SummaryPrice-col-r .btnGetPdf {
		width: 100% !important;
	}

.CalculatorSummaryTitle {
	font-size: 1.0em;
	border-radius: 1rem;
	background: rgba(140, 189, 58, 0.76) !important;
	padding: 4px 18px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-weight: 600;
}

.CalculatorDetailSumary .summary-cont-btn-period {
	width: 100%;
	max-width: 600px;
}

.CalculatorDetailSumary .btn-period {
	font-size: 1.0em;
	width: auto;
	background: rgba(255, 255, 255, 0.41) !important;
	border: solid 1px rgba(0, 0, 0, 0.50);
	padding: 0px 10px;
	min-width: 160px;
	margin-top: 1rem;
	border-radius: 1rem;
	box-shadow: unset !important;
	color: #000;
	font-weight: 500;
}

.CalculatorDetailSumary .btn-period-activ {
	background: rgba(140, 189, 58, 0.76) !important;
	border: solid 1px rgba(151, 191, 13, 1);
}

.CalculatorDetailSumary .btn-period-1 {
	float: left;
	width: calc(50% - 8px);
}

.CalculatorDetailSumary .btn-period-2 {
	float: right;
	width: calc(50% - 8px);
}

.CoreCount_Section .SectionDetailMain {
	display: flex;
}

.CoreCount_Section .section-core-all,
.CoreCount_Section .section-core-btn {
	float: left;
}

.CoreCount_Section .section-core-all {
	margin-bottom: 0.5rem;
	white-space: nowrap !important;
}
.CoreCount_Section .section-core-all {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.CoreCount_Section .section-core-all .btn-core-activ,
.CoreCount_Section .section-core-all .btn-core-clear {
		width: 100%;
		max-width: calc(2 * var(--btn-width, 100px) + var(--bs-gap, 0.5rem)); /* Zakładamy, że przyciski AMD/INTEL mają podobną szerokość */
	}

.CoreCount_Section .section-core-all .d-f-cpu {
	display:flex;
	width: 100%;
}

.CoreCount_Section .section-core-all .d-f-cpu .btn {
			flex: 1; /* Przyciski AMD i INTEL dzielą przestrzeń równo */
		}




.CoreCount_Section .btn-core {
	font-size: 1.0em;
	background: rgba(255, 255, 255, 0.41) !important;
	border: solid 1px rgba(80, 149, 42, 0.64);
	border-radius: 0.5rem;
	box-shadow: unset !important;
	color: #000;
	font-weight: 500;
	min-width: 110px
}

.CoreCount_Section .section-core-btn .btn-core {
	margin-bottom: 0.5rem;
	margin-left: 1rem;
}



.CoreCount_Section .btn-core-activ {
	background: rgba(118, 183, 41, 0.50) !important;
	border: solid 1px rgba(118, 183, 41, 0.64);
}

.CalculatorDetailBody .SectionDetail_div .spanNumeric {
	padding: 0px 0 0px 15px;
}

.CalculatorDetailBody .SectionDetail_div .nice-number {
	margin-bottom: 4px;
}

	.CalculatorDetailBody .SectionDetail_div .nice-number .numericinput {
		height: auto;
		padding: 0;
	}

.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel.valueChooseQuantity {
	padding-top: 30px !important;
	z-index: 1;
	position: relative;
}


.CalculatorDetailBody .btn-core-clear {
	margin-top: 0.5rem;
	display: block;
}

.CalculatorDetailBody .SectionAddHDD {
	width: 100%;
	margin-bottom: 6px;
}

	.CalculatorDetailBody .SectionAddHDD .btn {
		font-size: 1.0em;
		background: rgba(255, 255, 255, 0.50) !important;
		border: solid 1px rgba(80, 149, 42, 0.64);
		border-radius: 1rem;
		box-shadow: unset !important;
		color: #97BF0D;
		font-weight: 500;
	}

.ServerComponent_Section .SectionDetailMain {display:flex; width:100%;
}

.ServerComponent_Section .ServerComponentBtn {
	margin-bottom: 0.5rem;
	white-space: nowrap !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.ServerComponent_Section .d-f-cpu {
	display: flex;
	width: 100%;
}


	.ServerComponent_Section .d-f-cpu .btn {
		flex: 1; /* Przyciski AMD i INTEL dzielą przestrzeń równo */
		
		min-width: auto;
		padding: 2px;
	}

.ServerComponent_Section .d-f-cpu .btn img{ max-width:35px;
}


.ServerComponent_Section .btn-core {
	font-size: 1.0em;
	background: rgba(255, 255, 255, 0.41) !important;
	border: solid 1px rgba(80, 149, 42, 0.64);
	border-radius: 0.5rem;
	box-shadow: unset !important;
	color: #000;
	font-weight: 500;
	min-width: 110px
}


.ServerComponent_Section .btn-core-activ {
	background: rgba(118, 183, 41, 0.50) !important;
	border: solid 1px rgba(118, 183, 41, 0.64);
}


#PanelFinishTable {
	padding-bottom: 3rem;
}

	#PanelFinishTable .finish-table-title {
		color: #000000;
		font-size: 1.28em;
		font-weight: 600;
	}

	#PanelFinishTable table {
		border-collapse: separate;
		border-spacing: 1rem;
		max-width: 1800px;
	}

		#PanelFinishTable table .OrderColTitle {
			display: none;
		}

		#PanelFinishTable table .OrderCol1 {
			background: #76B729;
			background: rgba(118, 183, 41, 0.50);
			color: #000000;
			text-align: center;
			font-size: 1em;
			border-radius: 1rem;
			padding: 4px 20px;
			font-weight: 600;
		}

		#PanelFinishTable table .OrderCol2,
		#PanelFinishTable table .OrderCol3 {
			background-color: rgba(255, 255, 255, 0.50) !important;
			border: 1px solid rgba(80, 149, 42, 0.50);
			color: #000000;
			font-weight: normal;
			text-align: center;
			font-size: 1em;
			border-radius: 1rem;
			padding: 4px 20px;
			text-align: center !important;
		}

		#PanelFinishTable table .OrderCol2 {
			min-width: 300px
		}

		#PanelFinishTable table .OrderCol3 {
			min-width: 200px
		}

		#PanelFinishTable table td b {
			font-weight: 600 !important;
		}

	#PanelFinishTable .dh-btn.btn {
		font-size: 1em;
		border-radius: 1rem;
		width: auto;
		min-width: 200px;
		background: rgba(140, 189, 58, 0.76) !important;
		padding: 8px 30px;
	}

#PanelFinish .form-group {
	max-width: 800px;
}

#PanelFinish .dh-btn.btn {
	font-size: 1em;
	border-radius: 1rem;
	width: auto;
	min-width: 400px;
	background: rgba(140, 189, 58, 0.76) !important;
	padding: 8px 30px;
}

#HDD_SectionDiv .Sections {
	width: 50% !important;
}

	#HDD_SectionDiv .Sections:nth-child(odd) {
		padding-left: 10px;
	}

	#HDD_SectionDiv .Sections:nth-child(even) {
		padding-right: 10px;
	}

.CalculatorDetailBody .section-sc {
	width: 50% !important;
}

.CalculatorDetailBody div.section-sc-1 {
	padding-right: 10px;
}

.CalculatorDetailBody div.section-sc-2 {
	padding-left: 10px;
}

/*### v3*/
.Section-btn .SectionDetailMain {
	float: left;
	width: 100%;
	display: flex;
	height: auto;
	min-height: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.section-btn-calc {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}





.d-btn-calc {
	display: flex;
	flex: 1 0 auto;
	padding: 0 .413rem;
	width: 25%;
	max-width: 25%;
	margin-bottom: 1rem;
	position: relative;
}

.d2-btn-calc {
	display: flex;
	flex: 1 1 auto;
	margin: .313rem 0;
	position: relative;
}

.d3-btn-calc {
	background-image: url(/images/calculator-detail-sumary-bg.svg?v=TIKmF2PGCAWpLJn2PidaoOOpD20);
	background-size: cover;
	background-clip: padding-box;
	border-radius: 2.5rem;
	border: solid 1px rgba(0, 0, 0, 0);
	padding: .5rem 0 1.375rem 0;
	cursor: pointer;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.d3-btn-calc-top {
	padding: 0 1.375rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	flex-grow: 1;
}

.d3-btn-calc-top-name, .d3-btn-calc-top-img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	/*flex-grow: 1;*/
	text-align: center;
	font-size: .75em;
	line-height: 1.1;
}

.d3-btn-calc-top-name {
	font-size: .85em;
	line-height: 1.1;
}

.d3-btn-calc-top-img {
	height: auto;
	overflow: hidden;
}

	.d3-btn-calc-top-img img {
		width: auto;
		max-width: 100%;
		/*    height: 35px;*/
		object-fit: contain;
	}

.d3-btn-calc-desc {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: .75em;
	line-height: 1.1;
	height: 100%;
	margin: .5rem 0;
	padding: 0.2rem 0;
	width: 100%;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.41);
	border: solid 1px rgba(80, 149, 42, 0.50);
	border-left: none;
	border-right: none;
	display: none;
}

.d3-btn-calc-desc-mh {
	max-height: 1.65rem;
}

.d3-btn-calc-footer {
	/*	padding: .625rem 1rem;*/
	padding: .75rem 1.5rem .75rem 1.5rem;
	text-align: center;
	font-size: .75em;
	line-height: 1.1;
	margin: 0 0 -1.25rem;
	/*margin-top: auto;*/
	/*margin-top: 1.5rem;*/
	width: 100%;
	display: flex;
	justify-content: center;
}

.d3-btn-calc-footer label {
	width: 100%;
	background: rgba(255, 255, 255, 0.42);
	border: solid 1px rgba(80, 149, 42, 0.50);
	border-radius: 1rem;
	box-shadow: unset !important;
	color: #000;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .35rem .5rem;
}

/*.d-btn-calc .d3-btn-calc-footer label {
	display: none;
}
.d-btn-calc.activ .d3-btn-calc-footer label {
	display: block;
}*/

.d-btn-calc.activ .d3-btn-calc-desc {
	display: block;
	background: rgba(255, 255, 255, 0.65);
}

.d-btn-calc.activ .d3-btn-calc-footer label {
	background: rgba(255, 255, 255, 0.6);
}

.d-btn-calc.activ .d3-btn-calc {
	background-image: none;
	background: rgba(118, 183, 41, .50);
	border: solid 1px rgba(94, 115, 20, .25);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

/*nowy wyglad*/
.d-btn-calc-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat right 4px center;
	background-size: 0.75em;
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 1px 8px 0 4px;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	width: 100%;
	cursor: pointer;
	position: relative;
	text-overflow: ellipsis; /* Dodaje '...' gdy tekst jest za długi */
	white-space: nowrap; /* Zapobiega zawijaniu tekstu */
	overflow: hidden; /* Ukrywa tekst, który nie mieści się w elemencie */
}

	/* Efekt hover */
	.d-btn-calc-select:hover {
		background-color: transparent !important;
	}

	/* Efekt focus */
	.d-btn-calc-select:focus {
		outline: none;
		background-color: transparent !important;
	}

.d-btn-calc-select::-webkit-select-inner {
    text-align: center;
}

.d-btn-calc-select option {
    text-align: center;
}

.d-btn-calc-select {
    -webkit-text-align: center;
    text-align-last: center;
}

.d-btn-calc-select-mh {
	max-height: 1.5rem;
}

.d3-btn-calc-desc .spanNumeric {
	margin-right: 6px
}

.d3-btn-calc-desc .nice-number {
	background-color: transparent;
	border: none;
	margin-left: 6px;
}

	.d3-btn-calc-desc .nice-number .numericinput {
		width: 4ch !important;
		border: none;
	}

.cursor-default {
	cursor: default !important;
}

/* kalkulatory boksy z grafiką dla szerokości ekranu do 802px */
@media (max-width: 802px) {
	.d-btn-calc {
		width: 33.33%;
		max-width: 33.33%;
	}
}

@media (max-width: 602px) {
	.d-btn-calc {
		width: 50%;
		max-width: 50%;
	}
}


@media (max-width: 400px) {
	.d-btn-calc {
		width: 100%;
		max-width: 100%;
	}
}

/*### v3*/
@media only screen and (min-width: 2000px) {
	.CalculatorDetailSumary .summary-cont-btn-period {
		width: 400px !important;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1816px) {
	.section-sc .SectionDetail-select .SectionDetail_ddl,
	#HDD_SectionDiv .SectionDetail-select .SectionDetail_ddl {
		padding-right: 38%;
	}

	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain.SectionDetail-select .SectionDetail_div,
	.CalculatorDetailBody #HDD_SectionDiv .SectionDetailMain.SectionDetail-select .SectionDetail_div {
		background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 68%;
		background-size: 0.65em;
	}

	.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionValue,
	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionValue {
		width: 30%;
	}
}

@media only screen and (max-width: 1756px) {

	.CalculatorDetailSumary {
		padding: 1.75rem 1.5rem;
	}
}

@media only screen and (max-width: 1642px) {

	.CalculatorDetailBody {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.section-sc .SectionDetail-select .SectionDetail_ddl,
	#HDD_SectionDiv .SectionDetail-select .SectionDetail_ddl {
		padding-right: 40%;
	}

	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain.SectionDetail-select .SectionDetail_div,
	.CalculatorDetailBody #HDD_SectionDiv .SectionDetailMain.SectionDetail-select .SectionDetail_div {
		background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 66%;
		background-size: 0.65em;
	}

	.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionValue,
	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionValue {
		width: 32%;
	}
}

@media only screen and (max-width: 1540px) {
	.CalculatorDetailBody .SectionGroup legend div,
	.CalculatorDetailBody .Sections .SectionName,
	.CalculatorDetailBody .Sections-title .SectionName {
		font-size: 1em;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select {
		min-height: 40px;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		margin-top: 10px
	}

		.CalculatorDetailBody .SectionDetail_ddl,
		.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel,
		.CalculatorDetailBody .ErrorDiv,
		.CalculatorDetailBody .DivExtraMsg,
		.CoreCount_Section .btn-core,
		.CalculatorDetailBody .SectionAddHDD .btn,
		.CalculatorDetailBody .spanNumeric {
			font-size: 1.0em;
		}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select {
		padding-top: 0px
	}

	.SectionDetail_div .nice-number {
		height: 36px;
	}

		.SectionDetail_div .nice-number i {
			font-weight: 600;
		}
}

}

@media only screen and (max-width: 1465px) {


	.CalculatorDetailBody {
		margin-left: 0;
		padding-left: 0.5rem;
		padding-right: 2rem;
	}

	.CalculatorDetailSumary {
		width: calc(31% - 1rem);
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div {
		width: 80%;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		width: 20%;
	}

	.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionDetail_div,
	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionDetail_div {
		width: 68%;
	}

	.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionValue,
	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionValue {
		width: 32%;
	}
}

@media only screen and (max-width: 1382px) {
	.section-sc .SectionDetail-select .SectionDetail_ddl,
	#HDD_SectionDiv .SectionDetail-select .SectionDetail_ddl {
		padding-right: 38%;
	}

	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain.SectionDetail-select .SectionDetail_div,
	.CalculatorDetailBody #HDD_SectionDiv .SectionDetailMain.SectionDetail-select .SectionDetail_div {
		background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 68%;
		background-size: 0.65em;
	}
}

@media only screen and (max-width: 1298px) {
	.CalculatorDetailBody {
		width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
		border: none;
		min-height: auto;
	}


	.Difference {
		font-size: 11px;
		display: inline-block;
	}

	.CalculatorDetailSumary {
		width: calc(100% - 2rem);
		margin-left: 1rem;
		background-image: url(/images/calculator-detail-sumary-bg-2.svg?v=nEKwbWp84P32bXv61eQjQv65OhA) !important;
		margin-top: 40px
	}

	.SectionName, .SectionDetailMain, .LabelDiv {
		width: 100%;
	}

	.CalculatorDetailBody .Sections .SectionAdminRbhSpacer {
		display: none;
	}

	.CalculatorDetailBody .Sections .SectionAdminRbhRow {
		clear: both;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.summary-cont-btn-period {
		width: 400px !important;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 991px) {
	.CalculatorDetailBody {
		padding: 0px;
		margin: 0px;
	}

		.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div,
		.CalculatorDetailBody .Sections.section-sc .SectionDetailMain.SectionDetail-select .SectionDetail_div,
		.CalculatorDetailBody #HDD_SectionDiv .SectionDetailMain.SectionDetail-select .SectionDetail_div {
			background-size: 0.65em;
		}
}

@media only screen and (max-width: 730px) {
	#PanelFinishTable .btn-group {
		width: 100%;
		padding-bottom: 1rem;
	}

	#PanelFinishTable .dh-btn.btn {
		margin-left: 2rem;
		margin-right: 2rem;
		width: 100%;
		font-size: 1.2em;
	}

	#HDD_SectionDiv .Sections,
	.CalculatorDetailBody .section-sc {
		width: 100% !important;
	}

	.CalculatorDetailBody div.section-sc-2 {
		padding-left: 0px;
	}

	.CalculatorDetailBody div.section-sc-1 {
		padding-right: 0px;
	}

	#HDD_SectionDiv .Sections:nth-child(odd) {
		padding-left: 0px;
	}

	#HDD_SectionDiv .Sections:nth-child(even) {
		padding-right: 0px;
	}

	.CalculatorDetailBody .section-sc {
		padding-right: 0px;
		padding-left: 0px;
	}


	.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionDetail_div,
	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionDetail_div {
		width: 80%;
	}

	.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionValue,
	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionValue {
		width: 20%;
	}

	#PanelFinishTable table .OrderCol1,
	#PanelFinishTable table .OrderCol2,
	#PanelFinishTable table .OrderCol3 {
		font-size: 1em;
		padding: 4px 10px;
	}

	#PanelFinishTable table .OrderCol3 {
		min-width: 100px;
	}
}

@media only screen and (max-width: 768px) {

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select {
		min-height: 40px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		margin-top: 10px
	}
}

@media only screen and (max-width: 668px) {

	.SectionDetail-select .SectionDetail_ddl {
		padding-right: 28%;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div {
		background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 76%;
		background-size: 0.65em;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		width: 24%;
	}

	.CalculatorDetailBody #HDD_SectionDiv .Sections .SectionDetailMain .SectionValue,
	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain .SectionValue {
		width: 30%
	}

	.CalculatorDetailSumary {
		width: 100%;
		margin-left: 0rem;
	}

	/*	.section-sc .SectionDetail-select .SectionDetail_ddl,
	#HDD_SectionDiv .SectionDetail-select .SectionDetail_ddl {
		padding-right: 38%;
	}

	.CalculatorDetailBody .Sections.section-sc .SectionDetailMain.SectionDetail-select .SectionDetail_div,
	.CalculatorDetailBody #HDD_SectionDiv .SectionDetailMain.SectionDetail-select .SectionDetail_div {
		background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 68% 0.8rem;
	}*/
}

@media only screen and (max-width: 500px) {
	.CalculatorDetailSumary .summary-cont-btn-period {
		width: 100% !important;
		margin: 0 auto;
		text-align: center;
	}

	.CalculatorDetailSumary .btn-period-1,
	.CalculatorDetailSumary .btn-period-2 {
		float: none;
		display: inline-block;
		margin-left: 4px;
		margin-right: 4px;
	}

	.CoreCount_Section .btn-core {
		padding: .375rem .50rem;
		min-width: 100px;
	}

	#PanelFinish .form-group {
		max-width: 100% !important;
	}

	#PanelFinish .dh-btn.btn {
		font-size: 1em;
		width: 100%;
		min-width: auto;
	}

	#PanelFinish .contact-form-label,
	#PanelFinish .contact-form-control {
		max-width: 100%;
	}

	.SectionDetail-select .SectionDetail_ddl {
		padding-right: 32%;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div {
		background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 72%;
		background-size: 0.65em;
	}

	.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		width: 28%;
	}

	.CalculatorDetailBody .Sections .SectionAdminRbhRow {
		flex-direction: column;
		align-items: center;
		gap: 6px;
		padding: 8px 12px 16px;
		text-align: center;
	}

	.CalculatorDetailBody .Sections .SectionAdminRbhRow .SectionAdminRbhDesc,
	.CalculatorDetailBody .Sections .SectionAdminRbhRow .SectionAdminRbhPrice {
		width: 100%;
		min-width: 0;
	}

	.CalculatorDetailBody .Sections .SectionAdminRbhRow .SectionAdminRbhText {
		max-width: 270px;
		margin: 0 auto;
		padding: 0;
	}

	.CalculatorDetailBody .Sections .SectionAdminRbhRow .SectionAdminRbhPrice {
		text-align: center;
	}

	.CalculatorDetailBody .Sections .SectionAdminRbhRow .SectionAdminRbhPrice .SectionValueLabel {
		display: inline-block;
		margin: 0;
	}

	.CalculatorDetailSumary .SummaryPrice-col-l {
		padding-right: 0px !important;
		width: 100%
	}

	.CalculatorDetailSumary .SummaryPrice-col-r {
		padding-left: 0px !important;
		width: 100%
	}

	.CalculatorDetailSumary .SummaryPrice-col-r .btnGetPdf {
		margin-top: 1rem;
	}
}
	@media only screen and (max-width: 442px) {
		.SectionDetail-select .SectionDetail_ddl {
			padding-right: 34%;
		}

		.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div {
			background: url(/Images/calc-arrow.png?v=Mr8Tw-F04GZ5Wus-xHXZ9ZBvFIw) no-repeat 68%;
			background-size: 0.65em;
		}

		.CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
			width: 30%;
		}
	}

	/*END nowy wygląd DH4*/
	@media only screen and (max-width: 991px) {
		.SectionGroupSummary {
			padding: 30px 0 20px 0px;
			text-align: center;
		}

		.RadioLabel {
			padding: 8px 0px 8px 10px;
		}

		.SectionValue, .SectionValueBgN {
			width: 15%;
		}

		.SectionDetail_div, .SectionDetail_basic {
			width: 44%;
		}

		.RadioLabel {
			font-size: 13px;
		}

		.BayButton {
			font-size: 14px;
		}

		.Difference {
			font-size: 10px;
			display: block;
			color: red;
		}

		.SectionName, .SectionNameBgNone, .SectionNameBgNoneColor {
			width: 40%;
		}

		.SectionAddHDD {
			width: 98%;
		}
	}


	@media only screen and (max-width: 730px) {
		.forUserData {
			width: 100%;
		}

		.forUserCalculatorControlRow {
			width: 100%;
			float: left;
		}

		.forUserCalculatorControlRow100 .forUserCalculatorControl {
			width: 200px;
		}

		.forUserData .forUserCalculatorControl .forUserCalculatorTxt {
			width: 100%;
		}

		.forUserData .forUserCalculatorControlRow100 .forUserCalculatorControl, .forUserData .forUserCalculatorControlRow .forUserCalculatorControl {
			width: calc(100% - 200px);
		}
	}


	@media only screen and (max-width: 620px) {
		.col-xxs-6 {
			width: 50% !important;
		}

		.col-xxs-12 {
			width: 100% !important;
		}
	}

	@media only screen and (max-width: 420px) {

		.col-xxxs-12 {
			width: 100% !important;
		}
	}

@media only screen and (max-width: 410px) {
	.CoreCount_Section .SectionDetailMain {
		display: block;
	}

	.section-core-all {
		width: 100%;
		max-width: 100%;
		padding: .375rem 1rem 1rem;
	}

	.CoreCount_Section .section-core-all {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.5rem;
		margin-bottom: 0.5rem;
		white-space: nowrap !important;
	}
		.CoreCount_Section .section-core-all .d-f-cpu {
			width: auto;
			margin-top: 0px!important;
		}

	.CoreCount_Section .SectionDetailMain .section-core-all .btn {
		display: inline-block;
	}
	.CoreCount_Section .section-core-all .d-f-cpu .btn {
		
	}

	.CalculatorDetailBody .section-core-all .btn-core-activ {
		float: left;
	}

	.CalculatorDetailBody .section-core-all .btn-core-clear {
		margin-top: 0;
		margin-left: 1rem;
		float: right;
	}

	.section-core-btn {
		text-align: center;
	}

	.CoreCount_Section .btn-core {
		padding: .375rem .25rem;
	}
}

	@media only screen and (max-width: 370px) {
		.forUserCalculatorControl {
			width: 150px;
		}

		.forUserCalculatorTxt {
			width: 150px;
		}

		.forUserData {
			width: 100%
		}
	}

	@media only screen and (max-width: 319px) {
		.forUserCalculatorControl {
			width: 50%;
		}

		.forUserCalculatorTitle {
			width: 50%;
		}

		.forUserCalculatorTxt {
			width: 100%;
		}

		.forUserData {
			width: 100%
		}
	}
	/*tabela responsywna*/
	.calculator-panel .table-wrapper {
		overflow-x: scroll;
		overflow-y: visible;
		-ms-overflow-style: none; /* Internet Explorer 10+ */
		scrollbar-width: none; /* Firefox */
	}

		.calculator-panel .table-wrapper::-webkit-scrollbar {
			display: none; /* Safari and Chrome */
		}

		.calculator-panel .table-wrapper #slideLeft {
			width: 26px;
			height: 26px;
			position: absolute;
			left: calc(320px + 1rem + 4px);
			margin-top: 4px;
			z-index: 1;
			cursor: pointer;
		}

		.calculator-panel .table-wrapper #slideRight {
			width: 26px;
			height: 26px;
			position: absolute;
			right: 4px;
			margin-top: 4px;
			z-index: 1;
			cursor: pointer;
		}

	.calculator-panel table {
		text-align: center;
		vertical-align: middle;
	}

	.calculator-panel .fix {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: 60px;
		margin-left: -60px;
	}

	.calculator-panel thead th {
		background: linear-gradient(#8CBD3A, #94B887);
		vertical-align: middle;
		height: 70px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		max-width: 300px;
		border-bottom: unset;
		border-right: 1px solid black;
	}

		.calculator-panel thead th:first-of-type {
			border-radius: 1rem 0 0 1rem;
		}

		.calculator-panel thead th:last-of-type {
			border-radius: 0 1rem 1rem 0;
			border-right: unset;
		}

	.calculator-panel tbody tr:first-of-type th:first-of-type {
		border-radius: 1rem 0 0 0;
	}

	.calculator-panel tbody tr:first-of-type td:last-of-type {
		border-radius: 0 1rem 0 0;
	}

	.calculator-panel tbody tr:last-of-type th:first-of-type {
		border-radius: 0 0 0 1rem;
	}

	.calculator-panel tbody tr:last-of-type td:last-of-type {
		border-radius: 0 0 1rem 0;
	}

	.calculator-panel tbody tr:last-of-type th, .calculator-panel tbody tr:last-of-type td {
		border-bottom: unset;
	}

	.calculator-panel tbody th div, .calculator-panel tbody td div {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.calculator-panel tbody th.fix {
		border-bottom: unset;
		border-top: 1px solid black;
	}

	.calculator-panel tbody tr:first-of-type th.fix {
		border-top: unset;
	}

	.calculator-panel tbody td:last-of-type {
		border-right: unset;
	}

/* VPS configurator visual refresh */
.dh-configurator-vps-refresh .calculator-panel {
	background: #f7f8f4 !important;
	color: #11160f;
}

.dh-configurator-vps-refresh .top-bg {
	align-items: flex-start !important;
	aspect-ratio: auto !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	box-sizing: border-box;
	min-height: clamp(300px, 21vw, 430px) !important;
	padding: clamp(46px, 4.2vw, 78px) clamp(24px, 5vw, 112px) clamp(34px, 3.2vw, 58px) !important;
	text-align: left;
}

.dh-configurator-vps-refresh .dh-configurator-hero-eyebrow {
	color: #95c83d;
	font-size: clamp(0.78rem, .82vw, 1rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	margin-bottom: clamp(12px, 1.45vw, 24px);
	text-transform: uppercase;
}

.dh-configurator-vps-refresh .dh-configurator-hero-eyebrow strong {
	color: #fff;
	font-weight: 800;
}

.dh-configurator-vps-refresh .subpage-head-title {
	color: #fff !important;
	font-size: clamp(2.05rem, 3.1vw, 3.75rem) !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	margin: 0 !important;
	max-width: 760px;
	text-align: left !important;
}

.dh-configurator-vps-refresh .subpage-head-title span {
	color: #95c83d;
	display: block;
}

.dh-configurator-vps-refresh .subpage-head-cont {
	color: rgba(255,255,255,.92) !important;
	font-size: clamp(0.94rem, 1vw, 1.18rem);
	font-weight: 400;
	line-height: 1.32;
	margin-top: clamp(12px, 1.55vw, 24px);
	max-width: 700px;
	text-align: left !important;
}

.dh-configurator-vps-refresh .dh-configurator-hero-badges {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(18px, 2.4vw, 44px);
	margin-top: clamp(20px, 2.4vw, 38px);
	max-width: 900px;
}

.dh-configurator-vps-refresh .dh-configurator-hero-badge {
	align-items: center;
	color: #95c83d;
	display: flex;
	gap: 10px;
	min-width: 155px;
}

.dh-configurator-vps-refresh .dh-configurator-hero-icon {
	color: #95c83d;
	fill: none;
	flex: 0 0 34px;
	height: 34px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	width: 34px;
}

.dh-configurator-vps-refresh .dh-configurator-hero-badge strong,
.dh-configurator-vps-refresh .dh-configurator-hero-badge span {
	color: #fff;
	display: block;
	line-height: 1.25;
	white-space: normal;
}

.dh-configurator-vps-refresh .dh-configurator-hero-badge strong {
	font-size: clamp(0.82rem, .78vw, .96rem);
	font-weight: 700;
}

.dh-configurator-vps-refresh .dh-configurator-hero-badge span {
	font-size: clamp(0.76rem, .72vw, .88rem);
	opacity: .9;
}

.dh-configurator-vps-refresh .content-max-width {
	max-width: none !important;
	width: 100%;
}

.dh-configurator-vps-refresh .content-padding {
	padding: clamp(76px, 6vw, 132px) clamp(18px, 5vw, 96px) !important;
}

.dh-configurator-vps-refresh #PanelCalculator {
	margin: 0 auto;
	max-width: 1700px;
	width: 100%;
}

.dh-configurator-vps-refresh .dh-configurator-main-wrap {
	align-items: start;
	display: grid;
	gap: clamp(22px, 2.8vw, 54px);
	grid-template-columns: minmax(0, 1fr) minmax(360px, 450px);
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.dh-configurator-vps-refresh .dh-configurator-section-heading {
	align-self: end;
	color: #111 !important;
	font-size: clamp(1.28rem, 1.65vw, 2.05rem) !important;
	font-weight: 800 !important;
	grid-column: 1;
	grid-row: 1;
	letter-spacing: 0;
	line-height: 1.15 !important;
	margin: 0 !important;
	text-align: left !important;
	text-transform: uppercase;
}

.dh-configurator-vps-refresh .CalculatorDetailBody,
.dh-configurator-vps-refresh .CalculatorDetailSumary {
	border: 1px solid rgba(16, 22, 15, .08) !important;
	border-radius: 8px !important;
	box-shadow: 0 18px 44px rgba(20, 24, 18, .08);
	float: none !important;
	margin-left: 0 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody {
	background: #fff;
	border-right: 1px solid rgba(16, 22, 15, .08) !important;
	display: flow-root;
	grid-column: 1;
	grid-row: 2;
	min-height: 470px;
	padding: clamp(24px, 2.5vw, 44px) !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary {
	background: #fff !important;
	background-image: none !important;
	display: flow-root;
	grid-column: 2;
	grid-row: 1 / span 2;
	margin-top: 0 !important;
	min-height: 420px;
	overflow: hidden;
	padding: clamp(24px, 2vw, 34px) !important;
	position: sticky;
	top: 116px;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary::after {
	background: url(/images/vps-our-offer.svg?v=5tvtNfPqf05syvV9VE3XS5iClfw) center / contain no-repeat;
	content: "";
	height: 68px;
	opacity: .9;
	position: absolute;
	right: 26px;
	top: 24px;
	width: 92px;
}

.dh-configurator-vps-refresh .CalculatorSummaryTitle,
.dh-configurator-vps-refresh .CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
	background: transparent !important;
	border-radius: 0 !important;
	color: #111;
	font-size: clamp(1.12rem, 1.5vw, 1.7rem);
	font-weight: 800;
	letter-spacing: 0;
	padding: 0 106px 16px 0;
	text-align: left;
}

.dh-configurator-vps-refresh .CalculatorDetailSummaryPrice {
	margin-top: 1.2rem;
}

.dh-configurator-vps-refresh .CalculatorDetailSummaryPrice #SUMMARY_PRICE,
.dh-configurator-vps-refresh .CalculatorDetailSumary .ddlShowCurrency,
.dh-configurator-vps-refresh .CalculatorDetailSumary .btn-period {
	background: #f7f8f4 !important;
	border: 1px solid rgba(17, 22, 15, .14) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #111;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .btn-period-activ {
	background: #95c83d !important;
	border-color: #86b833 !important;
	color: #111;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .dh-btn.btn {
	background: #95c83d !important;
	border: 1px solid #86b833 !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #111 !important;
	font-weight: 700;
}

.dh-configurator-vps-refresh .SectionGroup {
	color: #111;
	font-size: clamp(1.1rem, 1.35vw, 1.45rem);
	font-weight: 800;
	padding-top: 0;
	text-align: left;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend div {
	color: #111;
	font-weight: 800;
	text-align: left;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections {
	border-top: 1px solid rgba(16, 22, 15, .08);
	padding: 14px 0;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections:first-child {
	border-top: 0;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionName,
.dh-configurator-vps-refresh .CalculatorDetailBody .Sections-title .SectionName,
.dh-configurator-vps-refresh .SectionNameBgNone,
.dh-configurator-vps-refresh .SectionNameBgNoneColor {
	color: #20251f;
	font-weight: 700;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
.dh-configurator-vps-refresh .d-btn-calc-select,
.dh-configurator-vps-refresh .SectionDetail_div .numericinput,
.dh-configurator-vps-refresh .SectionDetail_div .nice-number {
	background-color: #f8faf6 !important;
	border-color: rgba(17, 22, 15, .16) !important;
	border-radius: 8px !important;
	color: #111;
}

.dh-configurator-vps-refresh .d-btn-calc {
	border-radius: 8px;
}

.dh-configurator-vps-refresh .d3-btn-calc,
.dh-configurator-vps-refresh .d-btn-calc .d3-btn-calc-footer,
.dh-configurator-vps-refresh .d-btn-calc.activ .d3-btn-calc {
	border-radius: 8px;
}

@media only screen and (min-width: 2200px) {
	.dh-configurator-vps-refresh #PanelCalculator {
		max-width: 1840px;
	}

	.dh-configurator-vps-refresh .dh-configurator-main-wrap {
		grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
	}
}

@media only screen and (max-width: 1298px) {
	.dh-configurator-vps-refresh .dh-configurator-main-wrap {
		grid-template-columns: 1fr;
	}

	.dh-configurator-vps-refresh .dh-configurator-section-heading,
	.dh-configurator-vps-refresh .CalculatorDetailBody,
	.dh-configurator-vps-refresh .CalculatorDetailSumary {
		grid-column: 1;
		grid-row: auto;
	}

	.dh-configurator-vps-refresh .CalculatorDetailSumary {
		position: relative;
		top: auto;
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh .top-bg {
		justify-content: flex-start !important;
		min-height: 390px !important;
		padding: 74px 18px 30px !important;
	}

	.dh-configurator-vps-refresh .dh-configurator-hero-eyebrow {
		font-size: .76rem;
		margin-bottom: 12px;
	}

	.dh-configurator-vps-refresh .subpage-head-title {
		font-size: clamp(1.82rem, 8.2vw, 2.42rem) !important;
		max-width: 100%;
	}

	.dh-configurator-vps-refresh .subpage-head-cont {
		font-size: .9rem;
		line-height: 1.3;
		margin-top: 12px;
		max-width: 100%;
	}

	.dh-configurator-vps-refresh .dh-configurator-hero-badges {
		display: grid;
		gap: 9px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		margin-top: 18px;
		width: 100%;
	}

	.dh-configurator-vps-refresh .dh-configurator-hero-badge {
		align-items: center;
		background: rgba(0,0,0,.18);
		border: 1px solid rgba(149, 200, 61, .28);
		border-radius: 6px;
		flex-direction: column;
		gap: 5px;
		justify-content: flex-start;
		min-width: 0;
		padding: 8px 5px;
		text-align: center;
	}

	.dh-configurator-vps-refresh .dh-configurator-hero-icon {
		flex-basis: 28px;
		height: 28px;
		width: 28px;
	}

	.dh-configurator-vps-refresh .dh-configurator-hero-badge strong {
		font-size: .72rem;
		line-height: 1.12;
	}

	.dh-configurator-vps-refresh .dh-configurator-hero-badge span {
		display: none;
	}

	.dh-configurator-vps-refresh .content-padding {
		padding: 46px 14px !important;
	}

	.dh-configurator-vps-refresh .dh-configurator-main-wrap {
		gap: 18px;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody,
	.dh-configurator-vps-refresh .CalculatorDetailSumary {
		padding: 20px !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailSumary::after {
		height: 52px;
		right: 18px;
		top: 18px;
		width: 70px;
	}

	.dh-configurator-vps-refresh .CalculatorSummaryTitle,
	.dh-configurator-vps-refresh .CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
		padding-right: 82px;
	}
}

@media only screen and (max-width: 420px) {
	.dh-configurator-vps-refresh .top-bg {
		min-height: 370px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody,
	.dh-configurator-vps-refresh .CalculatorDetailSumary {
		padding: 16px !important;
	}

	.dh-configurator-vps-refresh .CalculatorSummaryTitle,
	.dh-configurator-vps-refresh .CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
		font-size: 1.05rem;
		padding-right: 74px;
	}
}

/* VPS configurator body controls */
.dh-configurator-vps-refresh .CalculatorDetailBody {
	padding: clamp(32px, 3vw, 58px) clamp(28px, 3vw, 54px) !important;
}

.dh-configurator-vps-refresh #PanelCalculatorMain > .SectionGroup:first-child {
	padding-top: 0 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup {
	clear: both;
	float: none !important;
	margin: 0;
	padding: clamp(28px, 2.4vw, 46px) 0 14px !important;
	text-align: left !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend {
	align-items: center;
	border: 0 !important;
	display: flex;
	gap: 18px;
	justify-content: center;
	margin: 0;
	width: 100%;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend::before {
	background:
		linear-gradient(#95c83d,#95c83d) 50% 10px / 42px 5px no-repeat,
		linear-gradient(#95c83d,#95c83d) 50% 26px / 42px 5px no-repeat,
		linear-gradient(#95c83d,#95c83d) 50% 42px / 42px 5px no-repeat;
	border: 4px solid #95c83d;
	border-radius: 5px;
	content: "";
	display: inline-block;
	height: 54px;
	width: 64px;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend div {
	color: #111 !important;
	font-size: clamp(1.18rem, 1.55vw, 1.78rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0;
	line-height: 1.15 !important;
	text-align: left !important;
	text-transform: uppercase;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections {
	align-items: center;
	background: #fbfcfa;
	border: 1px solid rgba(18, 24, 16, .09);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(24, 31, 20, .035);
	display: grid !important;
	float: none !important;
	grid-template-columns: minmax(220px, .32fr) minmax(0, 1fr);
	gap: 16px 26px;
	margin: 0 0 14px;
	min-height: 0 !important;
	padding: 18px 20px !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections.display-n {
	display: none !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionName,
.dh-configurator-vps-refresh .CalculatorDetailBody .Sections-title .SectionName,
.dh-configurator-vps-refresh .CalculatorDetailBody .SectionNameBgNone,
.dh-configurator-vps-refresh .CalculatorDetailBody .SectionNameBgNoneColor {
	align-self: center;
	background: transparent !important;
	border-radius: 0 !important;
	color: #151914 !important;
	float: none !important;
	font-size: clamp(.98rem, .95vw, 1.12rem) !important;
	font-weight: 800 !important;
	height: auto !important;
	line-height: 1.25 !important;
	margin: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
	text-align: left !important;
	width: auto !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain {
	align-items: center;
	background: transparent !important;
	display: grid !important;
	float: none !important;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
	height: auto !important;
	margin: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetailMain {
	display: none !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div {
	background: transparent !important;
	float: none !important;
	height: auto !important;
	margin: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
	align-items: stretch;
	display: flex;
	float: none !important;
	height: auto !important;
	justify-content: flex-end;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel {
	align-items: center;
	background: #f1f6e9 !important;
	border: 1px solid rgba(149, 200, 61, .36);
	border-radius: 8px !important;
	color: #628f1e !important;
	display: flex;
	font-size: clamp(.92rem, .85vw, 1.02rem) !important;
	font-weight: 800 !important;
	justify-content: center;
	line-height: 1.1;
	margin: 0 !important;
	min-height: 54px;
	min-width: 112px;
	padding: 10px 14px !important;
	text-align: center !important;
	white-space: nowrap;
	width: auto !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl,
.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc-select {
	appearance: auto;
	background-color: #fff !important;
	background-image: none !important;
	border: 1px solid rgba(18, 24, 16, .15) !important;
	border-radius: 8px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
	color: #121812 !important;
	font-size: clamp(.98rem, .9vw, 1.08rem) !important;
	font-weight: 700 !important;
	min-height: 54px !important;
	padding: 0 16px !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select:focus,
.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc-select:focus {
	border-color: #95c83d !important;
	box-shadow: 0 0 0 3px rgba(149, 200, 61, .18) !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .section-sc,
.dh-configurator-vps-refresh .CalculatorDetailBody div.section-sc-1,
.dh-configurator-vps-refresh .CalculatorDetailBody div.section-sc-2 {
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc {
	float: none !important;
	padding: 8px !important;
	width: 33.333% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d3-btn-calc {
	background: #fff !important;
	border: 1px solid rgba(18, 24, 16, .12) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 20px rgba(24, 31, 20, .04);
	min-height: 164px;
	transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc:hover .d3-btn-calc {
	border-color: rgba(149, 200, 61, .5) !important;
	box-shadow: 0 14px 26px rgba(24, 31, 20, .07);
	transform: translateY(-1px);
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc.activ .d3-btn-calc {
	background: #f6fbef !important;
	border-color: #95c83d !important;
	box-shadow: 0 14px 28px rgba(126, 174, 43, .17);
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc .d3-btn-calc-footer,
.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc.activ .d3-btn-calc-footer {
	background: transparent !important;
	border-radius: 0 0 8px 8px !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections.Section-btn {
	grid-template-columns: 1fr !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections.Section-btn .SectionDetailMain {
	display: block !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections.Section-btn .section-btn-calc {
	display: grid !important;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections.Section-btn .d-btn-calc {
	margin: 0 !important;
	max-width: none !important;
	min-width: 0;
	padding: 0 !important;
	width: auto !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections.Section-btn .d2-btn-calc {
	margin: 0 !important;
	width: 100%;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections.Section-btn .d-btn-calc-select {
	max-width: 100%;
	min-width: 0;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .ErrorDiv,
.dh-configurator-vps-refresh .CalculatorDetailBody .DivExtraMsg {
	color: #53604e;
	font-size: .9rem !important;
	margin-top: 8px;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary {
	box-shadow: 0 20px 52px rgba(20, 24, 18, .12);
	padding: clamp(30px, 2.2vw, 42px) !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorSummaryTitle {
	margin-bottom: 24px;
	min-height: 70px;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorSummaryTitle label {
	margin: 0;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .summary-cont-btn-period {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: none !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .btn-period,
.dh-configurator-vps-refresh .CalculatorDetailSumary .btn-period-1,
.dh-configurator-vps-refresh .CalculatorDetailSumary .btn-period-2 {
	float: none !important;
	font-size: .98rem;
	line-height: 1.2;
	margin: 0 !important;
	min-height: 56px;
	min-width: 0 !important;
	padding: 10px 12px !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice {
	margin-top: 32px;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
	display: block;
	font-size: clamp(1.45rem, 1.55vw, 1.85rem);
	line-height: 1.2;
	padding: 0 0 22px 0;
	text-transform: uppercase;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice .TotalSummaryPrice {
	align-items: stretch;
	display: grid !important;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) minmax(92px, 118px);
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .SummaryPrice-col-l,
.dh-configurator-vps-refresh .CalculatorDetailSumary .SummaryPrice-col-r {
	flex: none !important;
	max-width: none !important;
	padding: 0 !important;
	width: auto !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_PRICE,
.dh-configurator-vps-refresh .CalculatorDetailSumary .ddlShowCurrency {
	align-items: center;
	display: flex;
	font-size: 1.02rem !important;
	font-weight: 800 !important;
	justify-content: center;
	min-height: 54px;
	padding: 0 12px !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .ddlShowCurrency {
	display: block;
	text-align: right;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary > .row.TotalSummaryPrice {
	display: grid !important;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
	margin-top: 18px !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary > .row.TotalSummaryPrice .dh-btn {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 58px;
	padding: 10px 12px !important;
	text-align: center;
	white-space: normal;
	width: 100% !important;
}

@media only screen and (max-width: 1298px) {
	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: minmax(190px, .34fr) minmax(0, 1fr);
	}
}

@media only screen and (max-width: 991px) {
	.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh .CalculatorDetailBody {
		padding: 22px 16px !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend {
		justify-content: flex-start;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend::before {
		height: 44px;
		width: 52px;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 16px !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain {
		grid-template-columns: 1fr;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		justify-content: stretch;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel {
		width: 100% !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc {
		width: 100% !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailSumary .summary-cont-btn-period,
	.dh-configurator-vps-refresh .CalculatorDetailSumary > .row.TotalSummaryPrice {
		grid-template-columns: 1fr;
	}
}

/* VPS XD artboard alignment */
.dh-configurator-vps-refresh .calculator-panel {
	background: #fff !important;
}

.dh-configurator-vps-refresh .content-padding {
	padding-top: clamp(100px, 8vw, 150px) !important;
}

.dh-configurator-vps-refresh .dh-configurator-main-wrap {
	grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
	max-width: 1720px;
}

.dh-configurator-vps-refresh .CalculatorDetailBody {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
	padding: 0 clamp(26px, 3vw, 62px) 0 0 !important;
}

.dh-configurator-vps-refresh .dh-configurator-section-heading {
	background: #fff;
	display: inline-block;
	font-size: clamp(1.2rem, 1.28vw, 1.52rem) !important;
	margin-bottom: 12px !important;
	padding: 0 6px !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup {
	margin: 0 !important;
	padding: clamp(34px, 3vw, 56px) 0 18px !important;
	position: relative;
}

.dh-configurator-vps-refresh .CalculatorDetailBody > .SectionGroup:first-child {
	padding-top: 0 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend {
	justify-content: flex-start;
	padding: 0 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend::before {
	display: none !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .SectionGroup legend div {
	font-size: clamp(1.08rem, 1.12vw, 1.32rem) !important;
	line-height: 1.2 !important;
}

.dh-configurator-vps-refresh .dh-vps-section-icon {
	color: #65a91d;
	position: absolute;
	right: 12px;
	top: clamp(30px, 2.8vw, 52px);
}

.dh-configurator-vps-refresh .CalculatorDetailBody > .SectionGroup:first-child .dh-vps-section-icon {
	top: 0;
}

.dh-configurator-vps-refresh .dh-vps-section-icon svg {
	fill: none;
	height: 56px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	width: 56px;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	grid-template-columns: minmax(220px, 300px) minmax(200px, 340px) minmax(90px, 130px);
	margin: 0 0 14px !important;
	padding: 0 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionName {
	color: #1f231f !important;
	font-weight: 700 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionName::after {
	align-items: center;
	border: 1px solid #606b5d;
	border-radius: 50%;
	color: #606b5d;
	content: "i";
	display: inline-flex;
	font-size: .72em;
	font-weight: 800;
	height: 16px;
	justify-content: center;
	margin-left: 5px;
	vertical-align: 2px;
	width: 16px;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain {
	display: contents !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div {
	grid-column: 2;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
	grid-column: 3;
	justify-content: flex-start;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel {
	background: transparent !important;
	border: 0 !important;
	color: #1f231f !important;
	font-size: 1rem !important;
	justify-content: flex-start;
	min-height: 42px;
	min-width: 0;
	padding: 0 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl,
.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc-select {
	border: 1px solid rgba(17, 22, 15, .08) !important;
	box-shadow: 0 5px 14px rgba(20, 24, 18, .11);
	color: #65a91d !important;
	min-height: 42px !important;
	padding: 0 18px !important;
}

.dh-configurator-vps-refresh #CPU_DDL.dh-vps-source-select {
	display: none !important;
}

.dh-configurator-vps-refresh .dh-vps-pill-select {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(8, minmax(64px, 1fr));
	width: 100%;
}

.dh-configurator-vps-refresh #CPU_Section .SectionDetail_div {
	grid-column: 1 / 3 !important;
}

.dh-configurator-vps-refresh #CPU_Section .SectionValue {
	align-self: start;
	padding-top: 4px !important;
}

.dh-configurator-vps-refresh .dh-vps-pill {
	background: #fff;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 4px;
	box-shadow: 0 5px 14px rgba(20, 24, 18, .13);
	color: #4a5047;
	cursor: pointer;
	font-weight: 600;
	min-height: 42px;
	padding: 0 12px;
}

.dh-configurator-vps-refresh .dh-vps-pill.is-active,
.dh-configurator-vps-refresh .dh-vps-pill:hover {
	background: #58a51e;
	border-color: #58a51e;
	color: #fff;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc {
	width: 25% !important;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d3-btn-calc {
	border-color: rgba(101, 169, 29, .26) !important;
	min-height: 132px;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc.activ .d3-btn-calc {
	border-color: #65a91d !important;
	position: relative;
}

.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc.activ .d3-btn-calc::before {
	align-items: center;
	background: #58a51e;
	border-radius: 50%;
	color: #fff;
	content: "✓";
	display: flex;
	font-weight: 800;
	height: 24px;
	justify-content: center;
	left: -10px;
	position: absolute;
	top: -10px;
	width: 24px;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary {
	align-self: start;
	border: 1px solid rgba(17, 22, 15, .08) !important;
	box-shadow: 0 12px 34px rgba(18, 22, 16, .08);
	grid-row: 1 / span 2;
	padding: 34px 40px !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary::after {
	background-image: url(/images/vps-our-offer.svg?v=5tvtNfPqf05syvV9VE3XS5iClfw);
	height: 88px;
	width: 124px;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .summary-cont-btn-period {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .btn-period {
	background: #58a51e !important;
	border-color: #58a51e !important;
	color: #fff !important;
	font-weight: 800;
	min-height: 72px;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .btn-period-activ {
	background: #448c16 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
	font-size: 1.12rem !important;
	padding-bottom: 8px;
	text-align: center;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice .TotalSummaryPrice {
	grid-template-columns: 1fr;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_PRICE {
	background: transparent !important;
	border: 0 !important;
	color: #78b932 !important;
	font-size: clamp(2.5rem, 3vw, 3.4rem) !important;
	font-weight: 800 !important;
	line-height: 1.05;
	min-height: 0;
	padding: 0 !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary .ddlShowCurrency {
	margin: 10px auto 0;
	max-width: 140px;
	min-height: 38px;
	text-align: center;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary > .row.TotalSummaryPrice {
	grid-template-columns: 1fr;
	margin-top: 28px !important;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary #BayButton {
	font-size: 1.18rem;
	min-height: 62px;
}

.dh-configurator-vps-refresh .CalculatorDetailSumary #btnGetPdf1 {
	background: #fff !important;
	border-color: rgba(17, 22, 15, .08) !important;
	color: #1f231f !important;
}

.dh-configurator-vps-refresh .dh-vps-help-card {
	align-items: center;
	background: #f8faf6;
	border-radius: 8px;
	display: flex;
	gap: 20px;
	margin-top: 28px;
	padding: 24px;
}

.dh-configurator-vps-refresh .dh-vps-help-icon {
	color: #65a91d;
	flex: 0 0 58px;
}

.dh-configurator-vps-refresh .dh-vps-help-icon svg {
	fill: none;
	height: 58px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	width: 58px;
}

.dh-configurator-vps-refresh .dh-vps-help-card strong,
.dh-configurator-vps-refresh .dh-vps-help-card em,
.dh-configurator-vps-refresh .dh-vps-help-card b {
	display: block;
	font-style: normal;
	line-height: 1.3;
}

.dh-configurator-vps-refresh .dh-vps-help-card strong {
	font-size: 1.06rem;
}

.dh-configurator-vps-refresh .dh-vps-help-card em {
	color: #596354;
	margin-top: 3px;
}

.dh-configurator-vps-refresh .dh-vps-help-card b {
	color: #65a91d;
	font-size: 1.28rem;
	margin-top: 8px;
}

@media only screen and (max-width: 1298px) {
	.dh-configurator-vps-refresh .dh-configurator-main-wrap {
		grid-template-columns: 1fr;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody {
		padding-right: 0 !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailSumary {
		grid-row: auto;
	}
}

@media only screen and (max-width: 991px) {
	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: minmax(180px, 260px) minmax(180px, 1fr) minmax(82px, 110px);
	}

	.dh-configurator-vps-refresh .dh-vps-pill-select {
		grid-template-columns: repeat(4, minmax(62px, 1fr));
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .d-btn-calc {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: 1fr;
		margin-bottom: 18px !important;
	}

	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain,
	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div,
	.dh-configurator-vps-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue,
	.dh-configurator-vps-refresh #CPU_Section .SectionDetail_div {
		display: block !important;
		grid-column: auto !important;
	}

	.dh-configurator-vps-refresh .dh-vps-pill-select {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dh-configurator-vps-refresh .dh-vps-section-icon {
		position: static;
		margin-top: 10px;
	}

	.dh-configurator-vps-refresh .CalculatorDetailSumary .summary-cont-btn-period {
		grid-template-columns: 1fr;
	}
}

/* Dedicated server XD artboard alignment */
.dh-configurator-dedicated-refresh .dh-configurator-hero-badges {
	max-width: 820px;
}

.dh-configurator-dedicated-refresh .dh-configurator-hero-badge {
	min-width: min(100%, 640px);
}

.dh-configurator-dedicated-refresh .dh-configurator-main-wrap {
	align-items: start;
}

.dh-configurator-dedicated-refresh #PanelCalculatorMain {
	counter-reset: dh-dedicated-section;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(18, 22, 16, .07);
	counter-increment: dh-dedicated-section;
	display: flex !important;
	margin: 0 0 clamp(22px, 2vw, 34px) !important;
	min-height: 74px;
	overflow: visible;
	padding: clamp(28px, 2.5vw, 44px) clamp(26px, 2.8vw, 46px) clamp(24px, 2vw, 38px) !important;
	position: relative;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child,
.dh-configurator-dedicated-refresh .CalculatorDetailBody > .SectionGroup:first-child {
	padding-top: clamp(28px, 2.5vw, 44px) !important;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	gap: 14px;
	margin: 0 !important;
	min-height: 42px;
	padding-right: 64px !important;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend::before {
	align-items: center;
	background: #f8faf6;
	border: 0;
	border-radius: 0;
	color: #65a91d;
	content: counter(dh-dedicated-section, decimal-leading-zero);
	display: inline-flex !important;
	font-size: clamp(1.4rem, 1.45vw, 1.9rem);
	font-weight: 800;
	height: auto;
	justify-content: center;
	line-height: 1;
	margin: 0;
	min-width: 54px;
	padding: 6px 8px;
	width: auto;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend div {
	font-size: clamp(1.08rem, 1.12vw, 1.34rem) !important;
	text-transform: uppercase;
}

.dh-configurator-dedicated-refresh .dh-vps-section-icon {
	align-items: center;
	color: #58a51e;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	right: clamp(18px, 2vw, 30px);
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody > .SectionGroup:first-child .dh-vps-section-icon {
	top: 50%;
}

.dh-configurator-dedicated-refresh .dh-vps-section-icon svg {
	height: 32px;
	width: 32px;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections {
	grid-template-columns: minmax(210px, 290px) minmax(260px, min(44vw, 560px)) minmax(82px, 126px);
	margin-bottom: 16px !important;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section,
.dh-configurator-dedicated-refresh .CoreCount_Section {
	grid-template-columns: minmax(210px, 290px) minmax(260px, min(44vw, 560px)) minmax(82px, 126px) !important;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionName,
.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections-title .SectionName {
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .SectionDetailMain,
.dh-configurator-dedicated-refresh .CoreCount_Section .SectionDetailMain {
	grid-column: 2 / 4;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .SectionDetailMain {
	display: block !important;
}

.dh-configurator-dedicated-refresh .CoreCount_Section .SectionDetailMain {
	display: grid !important;
	gap: 12px;
	grid-template-columns: minmax(132px, 180px) minmax(0, 1fr);
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .ServerComponentBtn,
.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-all,
.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-btn {
	width: 100%;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .d-f-cpu {
	display: grid !important;
	gap: 10px !important;
	grid-template-columns: repeat(auto-fit, 112px);
	justify-content: center;
	margin: 0 !important;
	max-width: 320px;
}

.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-all {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
	margin: 0;
}

.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-btn {
	display: grid !important;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core,
.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core {
	align-items: center;
	background: #fff !important;
	border: 1px solid rgba(17, 22, 15, .08) !important;
	border-radius: 4px !important;
	box-shadow: 0 5px 14px rgba(20, 24, 18, .11);
	color: #4a5047 !important;
	display: inline-flex;
	font-weight: 800;
	justify-content: center;
	line-height: 1.15;
	margin: 0 !important;
	min-height: 42px;
	min-width: 0 !important;
	padding: 8px 10px !important;
	white-space: normal !important;
	width: 100%;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core {
	min-height: 50px;
	overflow: visible;
	padding: 9px 18px !important;
	position: relative;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core img {
	display: block;
	height: 26px;
	max-width: 58px !important;
	object-fit: contain;
	width: auto;
}

.dh-configurator-dedicated-refresh .Section-btn .d2-btn-calc,
.dh-configurator-dedicated-refresh .Section-btn .d3-btn-calc {
	border-radius: 4px;
	overflow: hidden;
}

.dh-configurator-dedicated-refresh .Section-btn .d3-btn-calc-top {
	gap: 8px;
	justify-content: flex-start;
	min-height: 110px;
	padding: 12px 14px 0;
}

.dh-configurator-dedicated-refresh .Section-btn .d3-btn-calc-top-img {
	height: 64px;
	max-height: 64px;
	min-height: 64px;
	overflow: hidden;
}

.dh-configurator-dedicated-refresh .Section-btn .d3-btn-calc-top-img img {
	display: block;
	height: auto !important;
	max-height: 58px;
	max-width: 94px;
	object-fit: contain;
	width: auto !important;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc.activ .d3-btn-calc::before {
	font-size: 14px;
	height: 22px;
	left: 10px;
	top: 10px;
	width: 22px;
	z-index: 2;
}

.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core-activ,
.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core:hover {
	background: #58a51e !important;
	border-color: #58a51e !important;
	color: #fff !important;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core:hover,
.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core-activ {
	background: #fff !important;
	border-color: #58a51e !important;
	box-shadow: 0 8px 18px rgba(20, 24, 18, .13);
	color: #252d22 !important;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core-activ::before {
	background: #58a51e;
	border-radius: 999px;
	content: "";
	height: 20px;
	left: -6px;
	position: absolute;
	top: -6px;
	width: 20px;
	z-index: 2;
}

.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core-activ::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	height: 10px;
	left: 1px;
	position: absolute;
	top: -2px;
	transform: rotate(45deg);
	width: 5px;
	z-index: 3;
}

.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core-clear {
	font-size: .92rem;
}

.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number {
	display: grid;
	gap: 6px;
	grid-template-columns: 42px minmax(48px, 64px) 42px;
	width: max-content;
}

.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number button,
.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number input {
	background: #fff;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 4px;
	box-shadow: 0 5px 14px rgba(20, 24, 18, .08);
	color: #4a5047;
	min-height: 42px;
}

.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number button {
	color: #65a91d;
	font-weight: 900;
}

.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc {
	width: 33.333% !important;
}

.dh-configurator-dedicated-refresh .CalculatorDetailSumary::after {
	background-image: url(/images/calculator-summary-icon.svg?v=sHxt_2zcl33-nLhxrPuuOUR_5NI) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 48px;
	opacity: 1;
	width: 48px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary {
	background: #FAFAFA !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period {
	background: #fff !important;
	border-color: rgba(17, 22, 15, .16) !important;
	color: #111 !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-activ {
	background: #58a51e !important;
	border-color: #58a51e !important;
	color: #fff !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .ServerComponent_Section .SectionDetailMain {
	display: block !important;
	grid-column: 2 / 4 !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .CoreCount_Section .SectionDetailMain {
	display: grid !important;
	gap: 12px;
	grid-column: 2 / 4 !important;
	grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-all {
	grid-column: 1;
	max-width: 210px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-btn {
	display: grid !important;
	gap: 12px;
	grid-column: 2;
	grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
	width: 100%;
}

@media only screen and (min-width: 1700px) {
	.dh-configurator-dedicated-refresh .dh-configurator-main-wrap {
		grid-template-columns: minmax(0, 1fr) minmax(430px, 540px);
	}

	.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections,
	.dh-configurator-dedicated-refresh .ServerComponent_Section,
	.dh-configurator-dedicated-refresh .CoreCount_Section {
		grid-template-columns: minmax(230px, 310px) minmax(320px, 620px) minmax(90px, 132px) !important;
	}
}

@media only screen and (max-width: 991px) {
	.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections,
	.dh-configurator-dedicated-refresh .ServerComponent_Section,
	.dh-configurator-dedicated-refresh .CoreCount_Section {
		grid-template-columns: minmax(180px, 250px) minmax(220px, 1fr) minmax(82px, 110px) !important;
	}

	.dh-configurator-dedicated-refresh .CoreCount_Section .SectionDetailMain {
		grid-template-columns: 1fr;
	}

	.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc {
		width: 50% !important;
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup {
		align-items: center;
		min-height: 58px;
		padding: 22px 18px !important;
	}

	.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend {
		align-items: center;
		flex-wrap: nowrap;
		min-height: 34px;
		padding-right: 48px !important;
	}

	.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend::before {
		min-width: 44px;
	}

	.dh-configurator-dedicated-refresh .dh-vps-section-icon {
		height: 34px;
		margin-top: 0;
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		width: 34px;
	}

	.dh-configurator-dedicated-refresh .dh-vps-section-icon svg {
		height: 26px;
		width: 26px;
	}

	.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections,
	.dh-configurator-dedicated-refresh .ServerComponent_Section,
	.dh-configurator-dedicated-refresh .CoreCount_Section {
		grid-template-columns: 1fr !important;
	}

	.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionName,
	.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections-title .SectionName {
		overflow-wrap: anywhere;
		white-space: normal !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl {
		overflow: hidden;
		padding-right: 92px !important;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dh-configurator-dedicated-refresh .ServerComponent_Section .SectionDetailMain,
	.dh-configurator-dedicated-refresh .CoreCount_Section .SectionDetailMain {
		grid-column: auto;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .CoreCount_Section .SectionDetailMain {
		grid-column: auto !important;
		grid-template-columns: 1fr;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-all,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-btn {
		grid-column: auto;
		max-width: none;
	}

	.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-btn,
	.dh-configurator-dedicated-refresh .ServerComponent_Section .d-f-cpu {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: none;
	}

	.dh-configurator-dedicated-refresh .ServerComponent_Section .d-f-cpu {
		justify-content: stretch;
	}

	.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number {
		width: 100%;
	}

	.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc {
		width: 100% !important;
	}
}

/* Dedicated server configurator visual unification */
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .calculator-panel,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .content-padding {
	background: #fff !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-configurator-main-wrap {
	gap: clamp(22px, 2.2vw, 36px);
	grid-template-columns: minmax(0, 1fr) minmax(360px, 420px);
	margin-left: auto;
	margin-right: auto;
	max-width: 1460px;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody {
	padding-right: clamp(12px, 1.8vw, 28px) !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-configurator-section-heading {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(18, 22, 16, .035);
	box-sizing: border-box;
	display: block;
	font-size: clamp(.98rem, .98vw, 1.12rem) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	margin: 0 0 10px !important;
	min-height: 54px;
	padding: 17px 24px !important;
	text-transform: uppercase;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup {
	background: #fff !important;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: 0 5px 16px rgba(18, 22, 16, .035);
	margin: 0 0 8px !important;
	min-height: 58px;
	padding: 18px 24px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody > .SectionGroup:first-child,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child {
	padding-top: 18px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend {
	min-height: 32px;
	padding-right: 54px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend::before {
	background: #fafafa;
	color: #4d9c19;
	font-size: clamp(1rem, 1.05vw, 1.25rem);
	min-width: 42px;
	padding: 5px 8px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup legend div {
	color: #111;
	font-size: clamp(.92rem, .95vw, 1.04rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-vps-section-icon {
	right: 20px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-vps-section-icon svg {
	height: 30px;
	width: 30px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section {
	background: #fff !important;
	border: 0 !important;
	border-radius: 8px;
	box-shadow: none !important;
	grid-template-columns: minmax(190px, 250px) minmax(240px, 1fr) minmax(76px, 106px) !important;
	margin: 0 0 8px !important;
	min-height: 44px;
	padding: 4px 24px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionName,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections-title .SectionName,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionNameBgNone,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionNameBgNoneColor {
	color: #171b16 !important;
	font-size: .92rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	padding-top: 0 !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionName::after {
	border-color: #7c8578;
	color: #7c8578;
	font-size: .66rem;
	height: 14px;
	width: 14px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain {
	align-items: center;
	min-height: 36px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
	align-items: center;
	min-height: 36px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc-select,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .SectionDetail_div .numericinput {
	background-color: #fafafa !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 8px rgba(18, 22, 16, .08) !important;
	color: #3d8810 !important;
	font-size: .9rem !important;
	font-weight: 500 !important;
	min-height: 36px !important;
	padding: 0 14px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select:focus,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc-select:focus,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .SectionDetail_div .numericinput:focus {
	border-color: rgba(88, 165, 30, .72) !important;
	box-shadow: 0 0 0 3px rgba(88, 165, 30, .14) !important;
	outline: 0 !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel {
	color: #111 !important;
	font-size: .9rem !important;
	font-weight: 700 !important;
	justify-content: flex-start;
	min-height: 36px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section .d-f-cpu {
	gap: 8px !important;
	grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
	max-width: 320px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-vps-pill,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number button,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number input {
	background: #fafafa !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 8px rgba(18, 22, 16, .08) !important;
	color: #30352e !important;
	min-height: 36px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core:hover,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core-activ {
	background: #fff !important;
	border-color: #58a51e !important;
	color: #20261e !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core-activ,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core:hover,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-vps-pill.is-active,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-vps-pill:hover {
	background: #58a51e !important;
	border-color: #58a51e !important;
	color: #fff !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number {
	gap: 6px;
	grid-template-columns: 38px minmax(44px, 58px) 38px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number button {
	color: #3d8810 !important;
	font-weight: 800;
	padding: 0 !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .SectionDetail_div .nice-number input {
	text-align: center;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc {
	padding: 0 8px 12px 0 !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .d2-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .d3-btn-calc {
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 6px !important;
	box-shadow: 0 3px 9px rgba(18, 22, 16, .055) !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .d-btn-calc.activ .d3-btn-calc {
	border-color: #58a51e !important;
	box-shadow: 0 5px 14px rgba(88, 165, 30, .12) !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary {
	background: #fff !important;
	border: 1px solid #e8e8e8 !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 24px rgba(18, 22, 16, .055) !important;
	padding: 28px 30px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary::after {
	background-image: url(/images/dedic-our-offer.svg?v=aGMa4g-DxRd8PEFUGz-QIpnJX9g) !important;
	height: 74px;
	right: 28px;
	top: 18px;
	width: 96px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorSummaryTitle {
	margin-bottom: 20px !important;
	min-height: 64px;
	padding-right: 112px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorSummaryTitle label {
	color: #111 !important;
	font-size: 1.16rem !important;
	font-weight: 800 !important;
	letter-spacing: 0;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .summary-cont-btn-period {
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-1,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-2 {
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 5px !important;
	box-shadow: 0 4px 10px rgba(18, 22, 16, .08) !important;
	color: #4b5048 !important;
	font-size: .9rem !important;
	font-weight: 500 !important;
	min-height: 58px !important;
	padding: 10px 12px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-activ,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period:hover,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-1:hover,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-2:hover {
	background: #58a51e !important;
	border-color: #58a51e !important;
	color: #fff !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
	color: #111 !important;
	font-size: .86rem !important;
	font-weight: 700 !important;
	margin-top: 20px;
	text-align: center;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_PRICE {
	color: #72b82c !important;
	font-size: clamp(2rem, 2.45vw, 2.8rem) !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .ddlShowCurrency {
	background-color: #fafafa !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 8px rgba(18, 22, 16, .08) !important;
	min-height: 36px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary #btnGetPdf1 {
	border-radius: 5px !important;
	box-shadow: none !important;
	font-weight: 700 !important;
	min-height: 48px !important;
	padding: 12px 18px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary #btnGetPdf1 {
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	color: #111 !important;
}

@media only screen and (min-width: 1700px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-configurator-main-wrap {
		grid-template-columns: minmax(0, 1fr) minmax(380px, 440px);
		max-width: 1520px;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section {
		grid-template-columns: minmax(210px, 270px) minmax(300px, 1fr) minmax(80px, 110px) !important;
	}
}

@media only screen and (max-width: 991px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-configurator-main-wrap {
		grid-template-columns: 1fr;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody {
		padding-right: 0 !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary {
		grid-row: auto;
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .dh-configurator-section-heading {
		min-height: 46px;
		padding: 14px 16px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup {
		min-height: 52px;
		padding: 15px 16px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section {
		grid-template-columns: 1fr !important;
		padding: 8px 16px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		grid-column: auto !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary::after {
		height: 56px;
		width: 72px;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorSummaryTitle {
		padding-right: 82px;
	}
}

/* Dedicated server network services section */
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] {
	background: #fefefe !important;
	border: 2px solid #f1f2f4 !important;
	border-bottom: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	min-height: 66px;
	padding: 18px 30px 8px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] legend {
	min-height: 42px;
	padding-right: 76px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] legend::before {
	content: "03" !important;
	background: #fbfdf9;
	color: #4d9c19;
	font-size: 1.2rem;
	font-weight: 500;
	min-height: 38px;
	min-width: 46px;
	padding: 4px 8px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] legend div {
	color: #111;
	font-size: clamp(.98rem, 1vw, 1.12rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .dh-storage-section .dh-storage-section-header legend div {
	font-size: clamp(.98rem, 1vw, 1.12rem) !important;
	font-weight: 700 !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] .dh-vps-section-icon {
	background: url("/images/world-line.svg?v=v25XBg6adazkAshWDJtKA6OQrVE&v=DHPL0263") center / contain no-repeat;
	height: 52.205px;
	right: 30px;
	top: 24px;
	transform: none;
	width: 52.205px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] .dh-vps-section-icon svg {
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections {
	align-items: center;
	background: #fefefe !important;
	border-left: 2px solid #f1f2f4 !important;
	border-radius: 0 !important;
	border-right: 2px solid #f1f2f4 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
	grid-template-columns: minmax(250px, 340px) minmax(280px, 1fr) !important;
	margin: 0 !important;
	min-height: 46px;
	padding: 6px 30px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections {
	border-bottom: 2px solid #f1f2f4 !important;
	border-radius: 0 0 10px 10px !important;
	margin-bottom: 16px !important;
	padding-bottom: 18px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionName,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionName,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionName,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionNameBgNone,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionNameBgNone,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionNameBgNone {
	align-self: center;
	color: #1a1a1e !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	overflow: visible !important;
	text-overflow: clip !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionName::after,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionName::after,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionName::after,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionNameBgNone::after,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionNameBgNone::after,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionNameBgNone::after {
	content: none !important;
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionSep,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionSep,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionSep {
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionDetailMain.SectionDetail-select,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionDetailMain.SectionDetail-select,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionDetailMain.SectionDetail-select {
	align-items: center;
	display: grid !important;
	gap: clamp(18px, 2vw, 34px);
	grid-column: 2 / 3 !important;
	grid-template-columns: minmax(250px, 1fr) minmax(82px, 118px);
	min-height: 36px;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_div {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	grid-column: 1;
	min-width: 0;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_ddl,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_ddl,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionDetail_ddl {
	appearance: none;
	background-color: #feffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%235E9523' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-position: calc(100% - 16px) center !important;
	background-repeat: no-repeat !important;
	border: 1px solid #f0f0f1 !important;
	box-shadow: 0 3px 6px rgba(26, 26, 30, .12) !important;
	color: #5e9523 !important;
	font-weight: 600 !important;
	padding-right: 42px !important;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionDetailMain.SectionDetail-select .SectionValue,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionValue,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionValue {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	display: flex !important;
	grid-column: 2;
	justify-content: flex-end;
	min-height: 36px;
	pointer-events: none;
	position: static !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionDetailMain.SectionDetail-select .SectionValue .SectionValueLabel,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionValue .SectionValueLabel,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionDetailMain.SectionDetail-select .SectionValue .SectionValueLabel {
	color: #1a1a1e !important;
	font-weight: 500 !important;
	justify-content: flex-end !important;
	text-align: right;
	white-space: nowrap;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] {
		padding: 16px 18px 8px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] .dh-vps-section-icon {
		height: 38px;
		right: 18px;
		top: 18px;
		width: 38px;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections {
		grid-template-columns: 1fr !important;
		padding: 8px 18px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections .SectionDetailMain.SectionDetail-select,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections .SectionDetailMain.SectionDetail-select,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup[data-dh-icon="network"] + .Sections + .Sections + .Sections .SectionDetailMain.SectionDetail-select {
		grid-column: 1 !important;
		grid-template-columns: 1fr minmax(74px, 96px);
	}
}

/* Dedicated server software cards: operating system, management panels, databases */
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup:has(+ #OPERATING_SYSTEM_Section),
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup:has(+ #PANEL_Section),
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .SectionGroup:has(+ #DATABASE_Section) {
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section {
	background: #fefefe !important;
	border: 2px solid #f1f2f4 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	display: block !important;
	margin: 0 0 18px !important;
	padding: clamp(22px, 1.9vw, 30px) clamp(22px, 2.1vw, 32px) !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .SectionName,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .SectionName,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .SectionName {
	align-items: center;
	color: #111 !important;
	display: flex !important;
	float: none !important;
	font-size: clamp(1rem, 1.08vw, 1.22rem) !important;
	font-weight: 500 !important;
	gap: 12px;
	line-height: 1.15 !important;
	margin: 0 0 18px !important;
	overflow: visible !important;
	padding: 0 !important;
	text-align: left !important;
	text-transform: uppercase;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .SectionName::before,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .SectionName::before,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .SectionName::before {
	align-items: center;
	background: #fbfdf9;
	border-radius: 3px;
	color: #4d9c19;
	display: inline-flex;
	font-size: clamp(1.18rem, 1.25vw, 1.45rem);
	font-weight: 500;
	justify-content: center;
	line-height: 1;
	min-height: 38px;
	min-width: 46px;
	padding: 4px 8px;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .SectionName::before {
	content: "04";
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .SectionName::before {
	content: "05";
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .SectionName::before {
	content: "06";
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .SectionName::after,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .SectionName::after,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .SectionName::after {
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .SectionDetailMain,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .SectionDetailMain,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .SectionDetailMain {
	display: block !important;
	float: none !important;
	grid-column: auto !important;
	height: auto !important;
	margin: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .section-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .section-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .section-btn-calc {
	display: grid !important;
	gap: 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d-btn-calc {
	display: flex !important;
	float: none !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
	width: auto !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d2-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d2-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d2-btn-calc {
	display: flex !important;
	margin: 0 !important;
	min-width: 0;
	overflow: visible !important;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc {
	background: #fdfdfd !important;
	border: 1px solid #8ab968 !important;
	border-radius: 4px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .08) !important;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	min-height: 134px;
	overflow: visible;
	padding: 17px 16px 13px !important;
	position: relative;
	transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d-btn-calc:hover .d3-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d-btn-calc:hover .d3-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d-btn-calc:hover .d3-btn-calc {
	box-shadow: 0 5px 14px rgba(24, 31, 20, .1) !important;
	transform: translateY(-1px);
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d-btn-calc.activ .d3-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d-btn-calc.activ .d3-btn-calc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d-btn-calc.activ .d3-btn-calc {
	background: #fdfdfd !important;
	border: 2px solid #8ab968 !important;
	box-shadow: 0 4px 12px rgba(88, 165, 30, .12) !important;
	padding: 16px 15px 12px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d-btn-calc.activ .d3-btn-calc::before,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d-btn-calc.activ .d3-btn-calc::before,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d-btn-calc.activ .d3-btn-calc::before {
	align-items: center;
	background: #58a51e;
	border-radius: 50%;
	color: #fff;
	content: "✓";
	display: flex;
	font-size: 14px;
	font-weight: 800;
	height: 22px;
	justify-content: center;
	left: auto;
	position: absolute;
	right: -9px;
	top: -9px;
	width: 22px;
	z-index: 3;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-top,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-top,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-top {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	gap: 10px;
	justify-content: center;
	min-height: 38px;
	padding: 0 !important;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-top-name,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-top-name,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-top-name {
	color: #111;
	display: block;
	flex: 0 1 auto;
	font-size: clamp(.88rem, .82vw, 1rem);
	font-weight: 500;
	line-height: 1.16;
	min-width: 0;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: normal;
	width: auto;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-top-img,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-top-img,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-top-img {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	height: 34px;
	justify-content: center;
	max-height: 34px;
	min-height: 34px;
	order: -1;
	overflow: hidden;
	width: auto;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-top-img img,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-top-img img,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-top-img img {
	display: block;
	height: auto !important;
	max-height: 32px;
	max-width: 92px;
	object-fit: contain;
	width: auto !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-desc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-desc,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-desc {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	display: flex !important;
	height: auto !important;
	justify-content: center;
	margin: 13px auto 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d-btn-calc-select,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d-btn-calc-select,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d-btn-calc-select {
	max-width: 180px !important;
	text-align: center;
	text-align-last: center;
	width: min(88%, 180px) !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-footer,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-footer,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-footer {
	align-items: flex-end;
	background: transparent !important;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	margin: 0 !important;
	padding: 10px 0 0 !important;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-footer label,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-footer label,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-footer label {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #111 !important;
	display: flex;
	font-size: clamp(.76rem, .72vw, .88rem) !important;
	font-weight: 700 !important;
	justify-content: center;
	line-height: 1.15;
	margin: 0 !important;
	min-height: 20px;
	padding: 0 !important;
	text-align: center !important;
	white-space: normal;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .d3-btn-calc-footer label:not(:only-child),
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .d3-btn-calc-footer label:not(:only-child),
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .d3-btn-calc-footer label:not(:only-child) {
	color: #4d9c19 !important;
}

@media only screen and (max-width: 991px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .section-btn-calc,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .section-btn-calc,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .section-btn-calc {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 575px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section {
		padding: 18px 16px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .section-btn-calc,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .section-btn-calc,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .section-btn-calc {
		grid-template-columns: 1fr;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #OPERATING_SYSTEM_Section .SectionName,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #PANEL_Section .SectionName,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody #DATABASE_Section .SectionName {
		font-size: 1rem !important;
		gap: 10px;
	}
}

/* VPS software cards: operating system, management panels, databases */
.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody .SectionGroup:has(+ #OPERATING_SYSTEM_Section),
.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody .SectionGroup:has(+ #PANEL_Section),
.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody .SectionGroup:has(+ #DATABASE_Section) {
	display: none !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) {
	background: #fefefe !important;
	border: 2px solid #f1f2f4 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	box-sizing: border-box;
	container-type: inline-size;
	display: block !important;
	margin: 0 0 19px !important;
	padding: 24px !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .SectionName {
	align-items: center;
	color: #08080a !important;
	display: flex !important;
	float: none !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	gap: 14px;
	line-height: 1.15 !important;
	margin: 0 0 20px !important;
	overflow: visible !important;
	padding: 0 !important;
	text-align: left !important;
	text-transform: none !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .SectionName::before {
	align-items: center;
	background: #fbfdf9;
	border-radius: 3px;
	color: #4b9a16;
	display: inline-flex;
	font-size: 26px;
	font-weight: 600;
	justify-content: center;
	line-height: 1;
	min-height: 42px;
	min-width: 48px;
	padding: 4px 7px;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody #OPERATING_SYSTEM_Section .SectionName::before {
	content: "06";
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody #PANEL_Section .SectionName::before {
	content: "07";
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody #DATABASE_Section .SectionName::before {
	content: "08";
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .SectionName::after {
	display: none !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .SectionDetailMain {
	display: block !important;
	float: none !important;
	height: auto !important;
	margin: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .section-btn-calc {
	display: grid !important;
	gap: 18px;
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	width: 100% !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) :is(.d-btn-calc, .d2-btn-calc) {
	display: flex !important;
	float: none !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc {
	background: #fdfdfd !important;
	border: 1px solid #8ab968 !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12) !important;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	min-height: 166px;
	overflow: visible;
	padding: 17px 14px 14px !important;
	position: relative;
	transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
	width: 100%;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d-btn-calc:hover .d3-btn-calc {
	box-shadow: 0 5px 14px rgba(24, 31, 20, .14) !important;
	transform: translateY(-1px);
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d-btn-calc.activ .d3-btn-calc {
	background: #fdfdfd !important;
	border: 2px solid #8ab968 !important;
	box-shadow: 0 4px 12px rgba(88, 165, 30, .14) !important;
	padding: 16px 13px 13px !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d-btn-calc.activ .d3-btn-calc::before {
	background: url("/images/checkmark-filled.svg?v=A3l3Lct1CRZYhVIJy93B9NZ_VSo") center / contain no-repeat;
	content: "";
	display: block;
	height: 28px;
	position: absolute;
	right: -10px;
	top: -10px;
	width: 28px;
	z-index: 3;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc-top {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	gap: 9px;
	justify-content: center;
	min-height: 42px;
	padding: 0 !important;
	width: 100%;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc-top-name {
	color: #1a1a1e !important;
	display: block;
	flex: 0 1 auto;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.15;
	min-width: 0;
	overflow-wrap: anywhere;
	text-align: center;
	width: auto;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc-top-img {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	height: 38px;
	justify-content: center;
	max-height: 38px;
	min-height: 38px;
	order: -1;
	overflow: hidden;
	width: auto;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc-top-img img {
	display: block;
	height: auto !important;
	max-height: 36px;
	max-width: 78px;
	object-fit: contain;
	width: auto !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc-desc {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	display: flex !important;
	height: auto !important;
	justify-content: center;
	margin: 14px auto 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d-btn-calc-select {
	appearance: none;
	background-color: #feffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%235E9523' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-position: calc(100% - 12px) center !important;
	background-repeat: no-repeat !important;
	border: 1px solid #f0f0f1 !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12) !important;
	color: #1a1a1e !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	height: 36px !important;
	line-height: 1.15 !important;
	max-width: 100% !important;
	min-height: 36px !important;
	padding: 0 34px 0 10px !important;
	text-align: center;
	text-align-last: center;
	width: 100% !important;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc-footer {
	align-items: flex-end;
	background: transparent !important;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	margin: 0 !important;
	padding: 12px 0 0 !important;
	width: 100%;
}

.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .d3-btn-calc-footer label {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #1a1a1e !important;
	display: flex;
	font-size: 17px !important;
	font-weight: 600 !important;
	justify-content: center;
	line-height: 1.15;
	margin: 0 !important;
	min-height: 20px;
	padding: 0 !important;
	text-align: center !important;
	white-space: normal;
	width: 100%;
}

@container (max-width: 760px) {
	.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .section-btn-calc {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@container (max-width: 430px) {
	.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) {
		padding: 18px 16px !important;
	}

	.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .SectionName {
		font-size: 18px !important;
		gap: 10px;
	}

	.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .SectionName::before {
		font-size: 22px;
		min-height: 38px;
		min-width: 42px;
	}

	.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh) .CalculatorDetailBody :is(#OPERATING_SYSTEM_Section, #PANEL_Section, #DATABASE_Section) .section-btn-calc {
		grid-template-columns: 1fr;
	}
}

/* Server administration calculator alignment */
.dh-configurator-admin-refresh .dh-configurator-hero-badges {
	max-width: 1040px;
}

.dh-configurator-admin-refresh .dh-configurator-main-wrap {
	grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
}

.dh-configurator-admin-refresh #PanelCalculatorMain {
	counter-reset: dh-admin-section;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .SectionGroup {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(18, 22, 16, .07);
	counter-increment: dh-admin-section;
	display: flex !important;
	margin: 0 0 clamp(22px, 2vw, 34px) !important;
	min-height: 74px;
	overflow: visible;
	padding: clamp(28px, 2.5vw, 44px) clamp(26px, 2.8vw, 46px) clamp(24px, 2vw, 38px) !important;
	position: relative;
}

.dh-configurator-vps-refresh.dh-configurator-admin-refresh #PanelCalculatorMain > .SectionGroup:first-child,
.dh-configurator-admin-refresh .CalculatorDetailBody > .SectionGroup:first-child {
	padding-top: clamp(28px, 2.5vw, 44px) !important;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .SectionGroup legend {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	gap: 14px;
	margin: 0 !important;
	min-height: 42px;
	padding-right: 64px !important;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .SectionGroup legend::before {
	align-items: center;
	background: #f8faf6;
	border: 0;
	border-radius: 0;
	color: #65a91d;
	content: counter(dh-admin-section, decimal-leading-zero);
	display: inline-flex !important;
	font-size: clamp(1.4rem, 1.45vw, 1.9rem);
	font-weight: 800;
	height: auto;
	justify-content: center;
	line-height: 1;
	margin: 0;
	min-width: 54px;
	padding: 6px 8px;
	width: auto;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .SectionGroup legend div {
	font-size: clamp(1.08rem, 1.12vw, 1.34rem) !important;
	text-transform: uppercase;
}

.dh-configurator-admin-refresh .dh-vps-section-icon {
	align-items: center;
	color: #58a51e;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	right: clamp(18px, 2vw, 30px);
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
}

.dh-configurator-admin-refresh .dh-vps-section-icon svg {
	height: 32px;
	width: 32px;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections {
	align-items: center;
	grid-template-columns: minmax(230px, 310px) minmax(260px, min(44vw, 560px)) minmax(92px, 132px);
	margin: 0 0 18px !important;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionName {
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100% !important;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionSep,
.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhSpacer {
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhRow {
	align-items: center;
	background: rgba(247, 248, 244, .9);
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	box-sizing: border-box;
	display: grid !important;
	gap: 12px;
	grid-column: 2 / 4;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: 10px;
	min-height: 54px;
	padding: 12px 16px;
	width: 100% !important;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhDesc,
.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhPrice {
	float: none;
	min-width: 0;
	width: auto;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhText {
	color: #4a5047;
	display: block;
	font-size: .96rem;
	line-height: 1.45;
	padding: 0;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhPrice {
	text-align: right;
}

.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhPrice .SectionValueLabel {
	color: #1f231f !important;
	display: block;
	font-weight: 800;
	margin: 0;
	white-space: nowrap;
}

.dh-configurator-admin-refresh .CalculatorDetailSumary::after {
	background-image: url(/images/calculator-summary-icon.svg?v=sHxt_2zcl33-nLhxrPuuOUR_5NI) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 48px;
	opacity: 1;
	width: 48px;
}

@media only screen and (max-width: 1298px) {
	.dh-configurator-admin-refresh .dh-configurator-main-wrap {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 991px) {
	.dh-configurator-admin-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: minmax(180px, 250px) minmax(220px, 1fr) minmax(82px, 110px);
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-admin-refresh .CalculatorDetailBody .SectionGroup {
		align-items: center;
		min-height: 58px;
		padding: 22px 18px !important;
	}

	.dh-configurator-admin-refresh .CalculatorDetailBody .SectionGroup legend {
		align-items: center;
		flex-wrap: nowrap;
		min-height: 34px;
		padding-right: 48px !important;
	}

	.dh-configurator-admin-refresh .CalculatorDetailBody .SectionGroup legend::before {
		min-width: 44px;
	}

	.dh-configurator-admin-refresh .dh-vps-section-icon {
		height: 34px;
		margin-top: 0;
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		width: 34px;
	}

	.dh-configurator-admin-refresh .dh-vps-section-icon svg {
		height: 26px;
		width: 26px;
	}

	.dh-configurator-admin-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: 1fr !important;
	}

	.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionName {
		overflow-wrap: anywhere;
		white-space: normal !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain {
		display: block !important;
		grid-column: auto !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select {
		height: auto !important;
		min-height: 0;
		position: static !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div,
	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		display: block !important;
		grid-column: auto !important;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select > .SectionDetail_div > .SectionDetailMain,
	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div.display-n {
		display: none !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionValue {
		margin-top: 10px;
		position: static !important;
		text-align: center;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select .SectionValue .SectionValueLabel {
		align-items: center;
		border: 1px solid rgba(17, 22, 15, .08);
		border-radius: 8px;
		display: inline-flex !important;
		justify-content: center;
		min-height: 38px;
		padding: 6px 16px;
		width: auto;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl {
		overflow: hidden;
		padding-right: 46px !important;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.dh-configurator-vps-refresh.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhRow {
		display: grid !important;
		grid-column: auto;
		grid-template-columns: 1fr;
		margin-top: 12px;
		text-align: center;
	}

	.dh-configurator-admin-refresh .CalculatorDetailBody .Sections .SectionAdminRbhPrice {
		text-align: center;
	}
}

/* Colocation calculator alignment */
.dh-configurator-colocation-refresh .dh-configurator-hero-badges {
	max-width: 1040px;
}

.dh-configurator-colocation-refresh .dh-configurator-main-wrap {
	grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);
}

.dh-configurator-colocation-refresh #PanelCalculatorMain {
	counter-reset: dh-colocation-section 1;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup {
	align-items: center;
	background: #fff;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(18, 22, 16, .07);
	counter-increment: dh-colocation-section;
	display: flex !important;
	margin: 0 0 clamp(22px, 2vw, 34px) !important;
	min-height: 74px;
	overflow: visible;
	padding: clamp(28px, 2.5vw, 44px) clamp(26px, 2.8vw, 46px) clamp(24px, 2vw, 38px) !important;
	position: relative;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup legend {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	gap: 14px;
	margin: 0 !important;
	min-height: 42px;
	padding-right: 64px !important;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup legend::before {
	align-items: center;
	background: #f8faf6;
	border: 0;
	border-radius: 0;
	color: #65a91d;
	content: counter(dh-colocation-section, decimal-leading-zero);
	display: inline-flex !important;
	font-size: clamp(1.4rem, 1.45vw, 1.9rem);
	font-weight: 800;
	height: auto;
	justify-content: center;
	line-height: 1;
	margin: 0;
	min-width: 54px;
	padding: 6px 8px;
	width: auto;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup legend div {
	font-size: clamp(1.08rem, 1.12vw, 1.34rem) !important;
	text-transform: uppercase;
}

.dh-configurator-colocation-refresh .dh-vps-section-icon {
	align-items: center;
	color: #58a51e;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	right: clamp(18px, 2vw, 30px);
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
}

.dh-configurator-colocation-refresh .dh-vps-section-icon svg {
	height: 32px;
	width: 32px;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections {
	grid-template-columns: minmax(220px, 310px) minmax(300px, min(48vw, 640px)) minmax(92px, 132px);
	margin-bottom: 16px !important;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionName,
.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections-title .SectionName {
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100% !important;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetailMain {
	display: block !important;
	margin-top: 8px !important;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div.display-n,
.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections.display-n {
	display: none !important;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetailMain .SectionDetail_div {
	align-items: center;
	display: flex !important;
	gap: 10px;
	width: 100% !important;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .spanNumeric {
	color: #4a5047;
	font-weight: 700;
	white-space: nowrap;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .nice-number {
	display: grid !important;
	gap: 6px;
	grid-template-columns: 34px minmax(54px, 72px) 34px;
	width: max-content;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .nice-number button,
.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .nice-number input {
	background: #fff !important;
	border: 1px solid rgba(17, 22, 15, .08) !important;
	border-radius: 4px !important;
	box-shadow: 0 5px 14px rgba(20, 24, 18, .08);
	color: #4a5047 !important;
	min-height: 38px !important;
}

.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .nice-number button {
	color: #65a91d !important;
	font-weight: 900;
}

.dh-configurator-colocation-refresh .CalculatorDetailSumary::after {
	background-image: url(/images/calculator-summary-icon.svg?v=sHxt_2zcl33-nLhxrPuuOUR_5NI) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 48px;
	opacity: 1;
	width: 48px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .calculator-panel,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .content-padding,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary {
	background: #fff !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .top-bg {
	min-height: clamp(238px, 18vw, 340px) !important;
	padding-bottom: clamp(24px, 2.4vw, 42px) !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .content-padding {
	padding: clamp(16px, 1.8vw, 30px) clamp(16px, 4.5vw, 82px) clamp(54px, 5vw, 96px) !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh #PanelCalculator > .d-flex > .px-3.py-3:first-child {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 1540px;
	padding-bottom: 10px !important;
	padding-top: 0 !important;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .dh-configurator-main-wrap {
	gap: clamp(18px, 2vw, 32px);
	grid-template-columns: minmax(0, 1fr) minmax(340px, 390px);
	margin-left: auto;
	margin-right: auto;
	max-width: 1540px;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .dh-configurator-section-heading {
	font-size: clamp(1.04rem, 1.02vw, 1.3rem) !important;
	margin-bottom: 2px !important;
}

.dh-colocation-type-switch {
	background: #fff;
	border: 1px solid #e8eee4;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(18, 22, 16, .04);
	box-sizing: border-box;
	margin: 0 auto 4px;
	max-width: 1540px;
	padding: clamp(18px, 1.5vw, 24px) clamp(18px, 1.9vw, 30px);
	width: 100%;
}

.dh-colocation-type-head {
	align-items: center;
	color: #111;
	display: flex;
	gap: 16px;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.dh-colocation-type-head span {
	align-items: center;
	background: #f8faf6;
	color: #58a51e;
	display: inline-flex;
	font-size: clamp(1.05rem, 1.05vw, 1.34rem);
	font-weight: 800;
	height: 34px;
	justify-content: center;
	line-height: 1;
	min-width: 42px;
	padding: 4px 8px;
}

.dh-colocation-type-head strong {
	font-size: clamp(.96rem, .98vw, 1.16rem);
	font-weight: 700;
	letter-spacing: 0;
}

.dh-colocation-type-grid {
	display: grid;
	gap: clamp(14px, 1.45vw, 24px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-left: auto;
	margin-right: auto;
	max-width: 1160px;
}

.dh-colocation-type-card {
	align-items: stretch;
	background: #fff;
	border: 1px solid #92c36a;
	border-radius: 4px;
	box-shadow: 0 7px 18px rgba(20, 24, 18, .08);
	color: #111;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) 98px;
	min-height: 152px;
	padding: 18px 18px 16px;
	position: relative;
	text-decoration: none !important;
	transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.dh-colocation-type-card:hover,
.dh-colocation-type-card:focus {
	border-color: #58a51e;
	box-shadow: 0 10px 24px rgba(20, 24, 18, .12);
	color: #111;
	outline: 0;
	transform: translateY(-1px);
}

.dh-colocation-type-card.is-active {
	border-color: #58a51e;
	box-shadow: 0 11px 26px rgba(88, 165, 30, .16);
}

.dh-colocation-card-check {
	align-items: center;
	background: #58a51e;
	border-radius: 50%;
	color: #fff;
	display: none;
	font-size: 1rem;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	left: -15px;
	line-height: 1;
	position: absolute;
	top: -15px;
	width: 34px;
}

.dh-colocation-type-card.is-active .dh-colocation-card-check {
	display: inline-flex;
}

.dh-colocation-card-copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.dh-colocation-card-badge {
	align-self: flex-start;
	background: #111;
	border-radius: 2px;
	color: #fff;
	font-size: .62rem;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 12px;
	padding: 4px 7px;
	text-transform: uppercase;
}

.dh-colocation-card-copy strong {
	color: #111;
	display: block;
	font-size: clamp(1rem, 1vw, 1.16rem);
	font-weight: 500;
	line-height: 1.15;
}

.dh-colocation-card-copy em {
	color: #4b9517;
	display: block;
	font-size: .9rem;
	font-style: normal;
	line-height: 1.25;
	margin-top: 8px;
}

.dh-colocation-card-copy small {
	color: #111;
	display: block;
	font-size: .78rem;
	line-height: 1.25;
	margin-top: auto;
	padding-top: 20px;
}

.dh-colocation-card-art {
	align-self: center;
	height: 108px;
	justify-self: end;
	max-width: 100%;
	object-fit: contain;
	object-position: center;
	width: 98px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody {
	padding-right: clamp(0px, 1vw, 24px) !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup {
	box-shadow: 0 12px 28px rgba(18, 22, 16, .055);
	margin-bottom: 14px !important;
	min-height: 72px;
	padding: 24px 28px !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections {
	background: #fff !important;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	box-shadow: 0 7px 18px rgba(20, 24, 18, .025);
	grid-template-columns: minmax(185px, 230px) minmax(220px, 1fr) minmax(84px, 110px) !important;
	margin-bottom: 12px !important;
	min-height: 58px;
	padding: 10px 16px !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl {
	border-color: rgba(88, 165, 30, .58) !important;
	border-radius: 4px !important;
	box-shadow: 0 5px 12px rgba(20, 24, 18, .08);
	color: #4b9517 !important;
	min-height: 38px !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionName,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionNameBgNone,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionNameBgNoneColor {
	background: transparent !important;
	color: #111 !important;
	font-size: .92rem !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	padding: 0 !important;
	text-align: left !important;
	width: auto !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain {
	gap: 12px !important;
	grid-template-columns: minmax(0, 1fr) minmax(86px, 112px) !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain > .SectionDetail_div,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetailMain > .SectionDetail_div {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
	padding: 0 !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
	align-items: center !important;
	background: transparent !important;
	display: flex !important;
	justify-content: flex-end !important;
	min-height: 38px !important;
	overflow: visible !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #111 !important;
	font-size: .92rem !important;
	font-weight: 500 !important;
	justify-content: flex-end !important;
	min-height: 38px;
	min-width: 84px !important;
	padding: 0 !important;
	text-align: right !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody #RackPlace_DDL.dh-rack-unit-source-select {
	border: 0 !important;
	box-shadow: none !important;
	height: 1px !important;
	margin: 0 !important;
	opacity: 0 !important;
	padding: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	width: 1px !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-rack-unit-buttons {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 38px;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-rack-unit-button {
	align-items: center;
	background: #fff;
	border: 1px solid #e5e8e1;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(20, 24, 18, .07);
	color: #333;
	display: inline-flex;
	font-size: .86rem;
	font-weight: 500;
	height: 38px;
	justify-content: center;
	line-height: 1;
	min-width: 48px;
	padding: 0 14px;
	transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-rack-unit-button:hover,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-rack-unit-button:focus {
	border-color: #58a51e;
	box-shadow: 0 7px 14px rgba(88, 165, 30, .14);
	color: #245f05;
	outline: 0;
	transform: translateY(-1px);
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-rack-unit-button.is-active {
	background: #58a51e;
	border-color: #58a51e;
	box-shadow: 0 8px 15px rgba(88, 165, 30, .22);
	color: #fff;
	font-weight: 800;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary {
	border: 1px solid rgba(17, 22, 15, .08) !important;
	border-radius: 8px !important;
	box-shadow: 0 14px 36px rgba(18, 22, 16, .08);
	padding: 32px 34px !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary::after {
	background-image: url(/images/datahouse-colocation-u.png?v=FKlLRJzboMi26L_QWgXJNVbJrP4) !important;
	height: 112px;
	right: 18px;
	top: 20px;
	width: 78px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh.dh-configurator-colocation-rack .CalculatorDetailSumary::after {
	background-image: url(/images/datahouse-colocation-rack.png?v=-y6FnRmpvI_vbHKvRFrvQowFr8Y) !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh.dh-configurator-colocation-tower .CalculatorDetailSumary::after {
	background-image: url(/images/datahouse-colocation-tower.png?v=eG0UGCUPsHk7C-3Fejxr_p6XTKw) !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .CalculatorSummaryTitle {
	margin-bottom: 18px;
	min-height: 0;
	padding-right: 62px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .CalculatorSummaryTitle label {
	font-size: clamp(1.14rem, 1.12vw, 1.35rem);
	font-weight: 800;
	text-transform: uppercase;
}

.dh-colocation-summary-selected {
	margin: 6px 0 28px;
}

.dh-colocation-summary-location {
	align-items: center;
	border: 1px solid #e5e9e1;
	border-radius: 4px;
	color: #111;
	display: flex;
	font-size: .82rem;
	justify-content: space-between;
	line-height: 1.2;
	margin-bottom: 28px;
	padding: 9px 12px;
	width: min(100%, 220px);
}

.dh-colocation-summary-location svg {
	color: #58a51e;
	fill: none;
	height: 18px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 18px;
}

.dh-colocation-summary-kicker,
.dh-colocation-summary-selected strong,
.dh-colocation-summary-selected em {
	display: block;
	line-height: 1.35;
}

.dh-colocation-summary-kicker {
	color: #111;
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
}

.dh-colocation-summary-selected strong {
	color: #4b9517;
	font-size: .94rem;
	font-weight: 500;
	margin-top: 6px;
}

.dh-colocation-summary-selected em {
	color: #111;
	font-size: .86rem;
	font-style: normal;
	margin-top: 5px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .summary-cont-btn-period {
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 26px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .btn-period,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .btn-period-1,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .btn-period-2 {
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 4px !important;
	box-shadow: 0 4px 8px rgba(20, 24, 18, .08) !important;
	color: #333 !important;
	font-size: .82rem;
	font-weight: 500;
	min-height: 58px;
	padding: 9px 10px !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .btn-period-activ {
	background: #58a51e !important;
	border-color: #58a51e !important;
	box-shadow: 0 7px 15px rgba(88, 165, 30, .22) !important;
	color: #fff !important;
	font-weight: 800;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice {
	margin-top: 14px;
	text-align: center;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_DESC_PRICE {
	color: #111;
	font-size: .82rem !important;
	font-weight: 800;
	padding-bottom: 8px;
	text-align: center;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_PRICE {
	color: #78b932 !important;
	font-size: clamp(2.1rem, 2.4vw, 2.95rem) !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .ddlShowCurrency {
	border-radius: 4px !important;
	min-height: 34px !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary #BayButton {
	background: #58a51e !important;
	border-color: #58a51e !important;
	border-radius: 4px !important;
	color: #fff !important;
	font-size: .96rem;
	min-height: 52px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary #btnGetPdf1 {
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 4px !important;
	color: #111 !important;
	min-height: 48px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .dh-vps-help-card {
	background: #f8faf6;
	border-radius: 4px;
	margin-top: 22px;
	padding: 20px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain[style*="display:none"],
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain[style*="display: none"],
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionNameBgNone[style*="display:none"],
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionNameBgNone[style*="display: none"],
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionSep[style*="display:none"],
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionSep[style*="display: none"] {
	display: none !important;
}

@media only screen and (min-width: 1700px) {
	.dh-configurator-colocation-refresh .dh-configurator-main-wrap {
		grid-template-columns: minmax(0, 1fr) minmax(430px, 540px);
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: minmax(230px, 320px) minmax(340px, 680px) minmax(90px, 132px) !important;
	}
}

@media only screen and (max-width: 1298px) {
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .dh-configurator-main-wrap,
	.dh-configurator-colocation-refresh .dh-configurator-main-wrap {
		grid-template-columns: 1fr;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .dh-configurator-section-heading,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary {
		grid-column: 1;
		grid-row: auto;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody {
		padding-right: 0 !important;
	}

	.dh-colocation-type-grid {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 991px) {
	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: minmax(180px, 250px) minmax(220px, 1fr) minmax(82px, 110px) !important;
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .top-bg {
		min-height: 335px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .content-padding {
		padding-left: 12px !important;
		padding-right: 12px !important;
		padding-top: 14px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .dh-configurator-main-wrap {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary {
		min-width: 0 !important;
		overflow: visible;
		width: 100% !important;
	}

	.dh-colocation-type-switch {
		padding: 16px;
	}

	.dh-colocation-type-card {
		grid-template-columns: minmax(0, 1fr) 82px;
		min-height: 132px;
		padding: 16px;
	}

	.dh-colocation-card-art {
		height: 88px;
		width: 82px;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup {
		align-items: center;
		min-height: 58px;
		padding: 22px 18px !important;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup legend {
		align-items: center;
		flex-wrap: nowrap;
		min-height: 34px;
		padding-right: 48px !important;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .SectionGroup legend::before {
		min-width: 44px;
	}

	.dh-configurator-colocation-refresh .dh-vps-section-icon {
		height: 34px;
		margin-top: 0;
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
		width: 34px;
	}

	.dh-configurator-colocation-refresh .dh-vps-section-icon svg {
		height: 26px;
		width: 26px;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections,
	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionName,
	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections-title .SectionName {
		overflow-wrap: anywhere;
		white-space: normal !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		display: block !important;
		grid-column: auto !important;
		width: 100% !important;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetailMain {
		display: block !important;
		margin-top: 10px !important;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div.display-n,
	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections.display-n {
		display: none !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div select,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetail_ddl {
		max-width: 100% !important;
		overflow: hidden;
		padding-right: 46px !important;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100% !important;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		margin-top: 10px !important;
		text-align: center;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue .SectionValueLabel {
		align-items: center;
		border: 1px solid rgba(17, 22, 15, .08) !important;
		border-radius: 8px !important;
		display: inline-flex !important;
		justify-content: center;
		min-height: 38px;
		padding: 6px 16px !important;
		width: auto !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-rack-unit-buttons {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-rack-unit-button {
		min-width: 0;
		width: 100%;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetailMain .SectionDetail_div {
		display: grid !important;
		grid-template-columns: 1fr;
	}

	.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .nice-number {
		grid-template-columns: 42px minmax(64px, 1fr) 42px;
		width: 100%;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailSumary .summary-cont-btn-period {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetailMain,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionDetail_div,
	.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetailMain .SectionValue {
		left: auto !important;
		margin-left: 0 !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}
}

.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections.display-n,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .display-n,
.dh-configurator-vps-refresh.dh-configurator-colocation-refresh .CalculatorDetailBody .Sections .SectionDetail_div.display-n {
	display: none !important;
}

/* Colocation N x U: keep each logical section in one persistent card. */
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card {
	background: #fefefe;
	border: 2px solid #f1f2f4;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 0 0 14px;
	padding: 22px 28px 24px;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	margin: 0 0 16px !important;
	min-height: 52px;
	overflow: visible;
	padding: 0 68px 0 0 !important;
	position: relative;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup legend {
	align-items: center;
	display: flex;
	gap: 16px;
	margin: 0 !important;
	min-height: 52px;
	padding: 0 !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup legend::before {
	background: #f8faf6;
	color: #4b9a16;
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	min-width: 48px;
	padding: 8px 7px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup legend div {
	color: #08080a !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	letter-spacing: 0;
	line-height: 1.18;
	text-transform: uppercase;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup .dh-vps-section-icon {
	height: 46px;
	right: 0;
	top: 50%;
	width: 46px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup .dh-vps-section-icon svg {
	height: 40px;
	width: 40px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: grid !important;
	gap: 16px 22px;
	grid-template-columns: minmax(220px, 270px) minmax(0, 1fr) minmax(96px, 124px) !important;
	margin: 0 !important;
	min-height: 0;
	overflow: visible;
	padding: 9px 0 !important;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-network-transfer-hidden {
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionName,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionNameBgNone,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionNameBgNoneColor {
	background: transparent !important;
	color: #1a1a1e !important;
	font-size: .92rem !important;
	font-weight: 600 !important;
	grid-column: 1;
	line-height: 1.25 !important;
	margin: 0 !important;
	max-width: none;
	overflow: visible;
	padding: 0 !important;
	text-overflow: clip;
	white-space: normal !important;
	width: auto !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionName::before,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionName::after,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionNameBgNone::before,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionNameBgNone::after {
	content: none !important;
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionDetailMain {
	align-items: center !important;
	display: grid !important;
	gap: 22px !important;
	grid-column: 2 / 4;
	grid-template-columns: minmax(0, 1fr) minmax(96px, 124px) !important;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetailMain > .SectionDetail_div {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	grid-column: 1;
	margin: 0 !important;
	max-width: none !important;
	min-height: 0 !important;
	min-width: 0;
	padding: 0 !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetailMain > .SectionValue {
	align-items: center !important;
	background: transparent !important;
	display: flex !important;
	grid-column: 2;
	justify-content: flex-end !important;
	margin: 0 !important;
	min-height: 40px !important;
	min-width: 0;
	padding: 0 !important;
	position: static !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetail_ddl,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections select.SectionDetail_ddl {
	background-color: #feffff !important;
	border: 1px solid #f0f0f1 !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12) !important;
	color: #5e9523 !important;
	font-size: .92rem !important;
	font-weight: 600 !important;
	height: 40px !important;
	line-height: 1.2 !important;
	min-height: 40px !important;
	padding: 0 42px 0 14px !important;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections select.SectionDetail_ddl option {
	background: #feffff;
	color: #5e9523;
	font-size: .92rem;
	font-weight: 600;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections select.SectionDetail_ddl option:checked {
	background: #e5efda;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionValueLabel {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #1a1a1e !important;
	display: flex !important;
	font-size: .92rem !important;
	font-weight: 600 !important;
	justify-content: flex-end !important;
	line-height: 1.2;
	min-height: 40px !important;
	min-width: 0 !important;
	padding: 0 !important;
	text-align: right !important;
	white-space: nowrap;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-rack-unit-buttons {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(8, minmax(46px, 1fr));
	min-height: 40px;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-rack-unit-button {
	background: #feffff;
	border: 1px solid #f0f0f1;
	border-radius: 3px !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
	color: #1a1a1e;
	font-size: .92rem;
	font-weight: 600;
	height: 40px;
	min-width: 0;
	padding: 0 8px;
	width: 100%;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-rack-unit-button:first-child,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-rack-unit-button:last-child {
	border-radius: 3px !important;
	margin: 0 !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-rack-unit-button.is-active {
	background: #58a51e;
	border-color: #58a51e;
	color: #fff;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .SectionSep,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .SectionNameBgNone,
.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .SectionNameBgNoneColor {
	min-width: 0;
}

@media only screen and (max-width: 991px) {
	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections {
		gap: 14px 16px;
		grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) minmax(90px, 112px) !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionDetailMain {
		gap: 16px !important;
		grid-template-columns: minmax(0, 1fr) minmax(90px, 112px) !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-rack-unit-buttons {
		grid-template-columns: repeat(4, minmax(46px, 1fr));
	}
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card {
		padding: 16px 15px 18px;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup {
		margin-bottom: 12px !important;
		min-height: 46px;
		padding-right: 48px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup legend {
		gap: 10px;
		min-height: 46px;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup legend::before {
		font-size: 21px;
		min-width: 40px;
		padding: 7px 5px;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup legend div {
		font-size: 17px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup .dh-vps-section-icon {
		height: 34px;
		right: 0;
		width: 34px;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .SectionGroup .dh-vps-section-icon svg {
		height: 30px;
		width: 30px;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections {
		display: grid !important;
		gap: 8px;
		grid-template-columns: minmax(0, 1fr) !important;
		padding: 10px 0 !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionName,
	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionNameBgNone,
	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionNameBgNoneColor {
		font-size: .92rem !important;
		grid-column: 1;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .SectionDetailMain {
		display: grid !important;
		gap: 7px !important;
		grid-column: 1;
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetailMain > .SectionDetail_div,
	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetailMain > .SectionValue {
		grid-column: 1;
		margin: 0 !important;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetailMain > .SectionDetail_div {
		display: block !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetailMain > .SectionValue {
		display: flex !important;
		justify-content: flex-end !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetail_ddl,
	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections select.SectionDetail_ddl {
		font-size: .92rem !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionValueLabel {
		border: 0 !important;
		font-size: .92rem !important;
		justify-content: flex-start !important;
		min-height: 28px !important;
		padding: 0 !important;
		text-align: left !important;
		width: auto !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card .dh-rack-unit-button {
		font-size: 16px;
	}
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections > .dh-network-transfer-hidden {
	display: none !important;
}

.dh-configurator-vps-refresh.dh-configurator-colocation-server .CalculatorDetailBody .dh-colocation-section-card > .Sections .SectionDetailMain > .SectionDetail_div.display-n {
	display: none !important;
}

#PanelFinishTable {
	background: #fff;
	overflow: visible;
	padding-top: 0;
}

#PanelFinishTable,
#PanelFinishTable *,
#PanelFinishTable *::before,
#PanelFinishTable *::after {
	box-sizing: border-box;
}

#PanelFinishTable .finish-table-title {
	display: none;
}

#PanelFinishTable > .d-flex.justify-content-center:first-child:has(.finish-table-title) {
	display: none !important;
}

#PanelFinishTable.dh-order-summary-panel > .d-flex.flex-column > .px-3.py-3 {
	padding-top: 0 !important;
}

#PanelFinishTable .table-wrapper {
	margin: 0 auto;
	max-width: 1360px;
	overflow: visible;
	width: 100%;
}

.dh-order-summary-page {
	color: #111;
	clear: both;
	display: block;
	isolation: isolate;
	margin: 0 auto;
	max-width: 1360px;
	padding: clamp(18px, 2.5vw, 48px) 0 0;
	position: relative;
	width: 100%;
}

.dh-order-summary-head {
	clear: both;
	display: block;
	margin: 0 auto clamp(22px, 2.5vw, 38px);
	max-width: 980px;
	padding: 0 clamp(4px, 1vw, 12px);
	position: relative;
	text-align: left;
	z-index: 2;
}

.dh-order-summary-head h1,
.dh-order-summary-head h2 {
	color: #111;
	font-size: clamp(2rem, 3.2vw, 4.4rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0 0 12px;
}

.dh-order-summary-head h1 span,
.dh-order-summary-head h2 span {
	color: #5aa51e;
}

.dh-order-summary-head p {
	color: #46505a;
	font-size: clamp(1rem, 1.1vw, 1.18rem);
	line-height: 1.55;
	margin: 0;
}

.dh-order-summary-grid {
	align-items: start;
	clear: both;
	display: grid;
	gap: clamp(22px, 2.3vw, 34px);
	grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
	margin: 0 auto;
	padding: 0 clamp(4px, 1vw, 12px);
	position: relative;
	width: 100%;
	z-index: 1;
}

.dh-order-summary-card,
.dh-order-summary-side {
	background: #fff;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(20, 24, 18, .08);
	min-width: 0;
}

.dh-order-summary-selected {
	overflow: visible;
	padding: clamp(20px, 2vw, 32px);
	position: relative;
}

.dh-order-summary-selected h2,
.dh-order-summary-side h2 {
	color: #111;
	font-size: clamp(1.05rem, 1.2vw, 1.35rem);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 clamp(18px, 1.8vw, 28px);
	position: relative;
	z-index: 1;
}

.dh-order-summary-table {
	clear: both;
	display: grid;
	min-width: 0;
	position: relative;
	width: 100%;
	z-index: 0;
}

.dh-order-summary-row {
	align-items: center;
	border-top: 1px solid rgba(17, 22, 15, .08);
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(190px, .9fr) minmax(220px, 1.25fr) minmax(110px, .42fr);
	min-width: 0;
	padding: 14px 0;
}

.dh-order-summary-row:first-child {
	border-top: 0;
}

.dh-order-summary-header {
	color: #111;
	font-size: .88rem;
	font-weight: 800;
	padding: 0 0 10px;
}

.dh-order-summary-name {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 28px minmax(0, 1fr);
	min-width: 0;
}

.dh-order-summary-name span:last-child,
.dh-order-summary-param,
.dh-order-summary-amount {
	min-width: 0;
	overflow-wrap: anywhere;
}

.dh-order-summary-icon {
	align-items: center;
	color: #70b62c;
	display: inline-flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.dh-order-summary-icon svg,
.dh-order-safe svg,
.dh-order-help svg {
	fill: none;
	height: 100%;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 100%;
}

.dh-order-summary-param,
.dh-order-summary-amount {
	color: #262d33;
	font-size: .96rem;
	line-height: 1.45;
}

.dh-order-summary-amount {
	text-align: right;
}

.dh-order-summary-total {
	background: #f3f8ee;
	border-radius: 4px;
	margin-top: 4px;
	padding-left: 14px;
	padding-right: 14px;
}

.dh-order-summary-total .dh-order-summary-name,
.dh-order-summary-total .dh-order-summary-amount {
	color: #4f941a;
	font-size: 1.08rem;
	font-weight: 800;
}

.dh-order-summary-side {
	display: grid;
	gap: 18px;
	padding: clamp(18px, 1.8vw, 26px);
	position: sticky;
	top: 112px;
}

.dh-order-price-card {
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	display: grid;
	gap: 16px;
	grid-template-columns: 92px minmax(0, 1fr);
	padding: 22px 18px;
}

.dh-order-server-illustration {
	align-self: start;
	color: #90c83d;
	height: auto;
	max-width: 96px;
	width: 100%;
}

.dh-order-period span,
.dh-order-net span {
	color: #111;
	display: block;
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.dh-order-period strong,
.dh-order-net strong {
	color: #5aa51e;
	display: block;
	font-size: clamp(1.28rem, 1.8vw, 1.72rem);
	font-weight: 800;
	line-height: 1.15;
	overflow-wrap: anywhere;
}

.dh-order-price-separator {
	background: rgba(17, 22, 15, .18);
	grid-column: 1 / -1;
	height: 1px;
}

.dh-order-net {
	grid-column: 1 / -1;
	text-align: center;
}

.dh-order-net em {
	color: #333b42;
	display: block;
	font-size: .88rem;
	font-style: normal;
	line-height: 1.45;
	margin-top: 8px;
}

.dh-order-safe,
.dh-order-help {
	align-items: start;
	display: grid;
	gap: 14px;
	grid-template-columns: 34px minmax(0, 1fr);
}

.dh-order-safe {
	background: #edf6e7;
	border-radius: 8px;
	padding: 16px;
}

.dh-order-safe > span,
.dh-order-help > span {
	color: #70b62c;
	display: inline-flex;
	height: 34px;
	width: 34px;
}

.dh-order-safe strong,
.dh-order-help strong {
	color: #111;
	display: block;
	font-size: .98rem;
	font-weight: 800;
	line-height: 1.25;
	margin-bottom: 5px;
}

.dh-order-safe p,
.dh-order-help p {
	color: #333b42;
	font-size: .9rem;
	line-height: 1.45;
	margin: 0;
}

.dh-order-help {
	border-top: 1px solid rgba(17, 22, 15, .08);
	padding-top: 18px;
}

.dh-order-help a {
	color: #5aa51e;
	display: block;
	font-size: .95rem;
	font-weight: 700;
	line-height: 1.45;
	margin-top: 7px;
	text-decoration: none;
}

#PanelFinishTable > .d-flex.justify-content-center:last-child {
	margin-top: 18px;
}

#PanelFinishTable > .d-flex.justify-content-center:last-child .col-12 {
	align-items: center;
	display: flex;
	gap: clamp(16px, 2.5vw, 44px);
	justify-content: center;
	min-width: 0;
	width: 100%;
}

#PanelFinishTable .btn-group {
	display: flex;
	margin: 0;
	max-width: 100%;
	min-width: min(280px, 100%);
	width: auto;
}

#PanelFinishTable #BackButton2,
#PanelFinishTable #NextButton {
	border-radius: 4px !important;
	box-shadow: 0 10px 24px rgba(20, 24, 18, .08) !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	min-height: 54px;
	min-width: 280px;
	padding: 0 28px !important;
	width: 100%;
}

#PanelFinishTable #BackButton2 {
	background: #fff !important;
	border: 1px solid rgba(17, 22, 15, .08) !important;
	color: #5aa51e !important;
}

#PanelFinishTable #NextButton {
	background: #4f9f1b !important;
	border: 1px solid #4f9f1b !important;
	color: #fff !important;
}

@media only screen and (min-width: 2200px) {
	#PanelFinishTable .table-wrapper,
	.dh-order-summary-page {
		max-width: 1540px;
	}

	.dh-order-summary-grid {
		grid-template-columns: minmax(0, 1fr) minmax(380px, 430px);
	}
}

@media only screen and (max-width: 1199px) {
	.dh-order-summary-grid {
		grid-template-columns: 1fr;
	}

	.dh-order-summary-side {
		position: relative;
		top: auto;
	}
}

@media only screen and (max-width: 767px) {
	.dh-order-summary-page {
		padding-top: 18px;
	}

	.dh-order-summary-head,
	.dh-order-summary-grid {
		padding-left: 0;
		padding-right: 0;
	}

	.dh-order-summary-head {
		margin-bottom: 22px;
	}

	.dh-order-summary-selected,
	.dh-order-summary-side {
		padding: 18px;
	}

	.dh-order-summary-header {
		display: none;
	}

	.dh-order-summary-row {
		gap: 8px;
		grid-template-columns: 1fr;
		padding: 14px 0;
	}

	.dh-order-summary-amount {
		color: #5aa51e;
		font-weight: 800;
		text-align: left;
	}

	.dh-order-price-card {
		grid-template-columns: 78px minmax(0, 1fr);
	}

	#PanelFinishTable > .d-flex.justify-content-center:last-child .col-12 {
		flex-direction: column;
		padding-left: 15px;
		padding-right: 15px;
	}

	#PanelFinishTable .btn-group,
	#PanelFinishTable #BackButton2,
	#PanelFinishTable #NextButton {
		min-width: 0;
		width: 100%;
	}
}

#PanelFinish.dh-subscriber-page,
#PanelFinish.dh-subscriber-page *,
#PanelFinish.dh-subscriber-page *::before,
#PanelFinish.dh-subscriber-page *::after {
	box-sizing: border-box;
}

#PanelFinish.dh-subscriber-page {
	background: linear-gradient(180deg, #f8faf7 0%, #fff 72%);
	margin: 0 auto;
	max-width: 1400px;
	padding: clamp(24px, 3vw, 52px) 15px clamp(32px, 4vw, 68px);
	width: 100%;
}

.dh-subscriber-head {
	margin: 0 auto 28px;
	max-width: 1180px;
	min-width: 0;
	padding: 0 clamp(0px, 1.5vw, 18px);
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 1;
}

.dh-subscriber-head h1,
.dh-subscriber-head h2 {
	color: #121910;
	font-size: clamp(2.05rem, 4.1vw, 4.45rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: .98;
	margin: 0;
	text-transform: uppercase;
}

.dh-subscriber-head h1 span,
.dh-subscriber-head h2 span {
	color: #5aa51e;
}

.dh-subscriber-head p {
	color: #50594c;
	font-size: clamp(1rem, 1.25vw, 1.18rem);
	line-height: 1.55;
	margin: 14px 0 0;
	max-width: 720px;
}

.dh-subscriber-grid {
	display: grid;
	gap: clamp(20px, 3vw, 38px);
	grid-template-columns: minmax(0, 1fr) minmax(320px, 395px);
	margin: 0 auto;
	max-width: 1180px;
	min-width: 0;
	padding: 0 clamp(0px, 1.5vw, 18px);
	width: 100%;
}

.dh-subscriber-card {
	background: #fff;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 8px;
	box-shadow: 0 22px 54px rgba(16, 22, 14, .09);
	min-width: 0;
}

.dh-subscriber-form-card {
	padding: clamp(20px, 2.5vw, 34px);
}

#PanelFinish.dh-subscriber-page #order-form {
	align-items: stretch !important;
	margin: 0;
	max-width: 100%;
	padding-bottom: 0 !important;
	width: 100%;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group {
	border-bottom: 1px solid rgba(17, 22, 15, .08);
	column-gap: clamp(18px, 2.4vw, 32px);
	display: grid;
	grid-template-columns: minmax(170px, 32%) minmax(0, 1fr);
	grid-template-rows: auto auto;
	row-gap: 7px;
	margin-left: 0;
	margin-right: 0;
	max-width: 100% !important;
	padding: 15px 0 !important;
	width: 100%;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group:first-child {
	padding-top: 0 !important;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group:last-child {
	border-bottom: 0;
	padding-bottom: 0 !important;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-12 {
	flex: none;
	min-width: 0;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-5 {
	grid-column: 1;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-7 {
	grid-column: 2;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-5:empty {
	display: block;
	min-height: 0;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-5,
#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-7 {
	justify-content: flex-start !important;
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-7 {
	align-items: stretch;
	flex-wrap: wrap;
	gap: 10px;
}

#PanelFinish.dh-subscriber-page .contact-form-label {
	align-items: center;
	color: #242b20;
	display: flex;
	font-size: .98rem;
	font-weight: 800;
	line-height: 1.35;
	margin: 0;
	max-width: 100%;
	min-height: 44px;
	text-align: left;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .contact-form-control {
	background: #fbfcfa;
	border: 1px solid rgba(17, 22, 15, .14);
	border-radius: 4px;
	box-shadow: none;
	color: #141a12;
	font-size: 1rem;
	min-height: 46px;
	max-width: 100%;
	padding: 10px 14px;
	width: 100%;
}

#PanelFinish.dh-subscriber-page select.contact-form-control,
#PanelFinish.dh-subscriber-page select.contact-form-control option {
	color: #141a12;
}

#PanelFinish.dh-subscriber-page .contact-form-control:focus {
	background: #fff;
	border-color: #5aa51e;
	box-shadow: 0 0 0 3px rgba(90, 165, 30, .16);
	outline: 0;
}

#PanelFinish.dh-subscriber-page .checkboxV2 {
	margin: 0 12px 8px 0;
}

#PanelFinish.dh-subscriber-page .checkboxV2 label {
	align-items: center;
	background: #f6f8f4;
	border: 1px solid rgba(17, 22, 15, .1);
	border-radius: 5px;
	color: #222a1f;
	display: inline-flex;
	font-weight: 800;
	gap: 10px;
	min-height: 46px;
	padding: 10px 15px;
}

#PanelFinish.dh-subscriber-page .checkboxV2 input {
	margin: 0;
}

.dh-subscriber-actions-card {
	align-self: start;
	overflow: hidden;
	padding: clamp(20px, 2.1vw, 30px);
	position: sticky;
	top: 104px;
}

.dh-subscriber-side-head {
	align-items: flex-start;
	display: grid;
	gap: 16px;
	grid-template-columns: 54px minmax(0, 1fr);
}

.dh-subscriber-side-head > span,
.dh-subscriber-checklist span {
	align-items: center;
	background: #eef7e8;
	border-radius: 50%;
	color: #5aa51e;
	display: flex;
	height: 54px;
	justify-content: center;
	min-width: 54px;
	width: 54px;
}

.dh-subscriber-side-head svg,
.dh-subscriber-checklist svg {
	fill: none;
	height: 25px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.3;
	width: 25px;
}

.dh-subscriber-side-head h2 {
	color: #121910;
	font-size: clamp(1.28rem, 1.7vw, 1.7rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.12;
	margin: 0 0 8px;
}

.dh-subscriber-side-head p,
.dh-subscriber-help p {
	color: #5c6557;
	font-size: .95rem;
	line-height: 1.45;
	margin: 0;
}

.dh-subscriber-checklist {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 24px 0;
	padding: 0;
}

.dh-subscriber-checklist li {
	align-items: center;
	display: grid;
	gap: 13px;
	grid-template-columns: 44px minmax(0, 1fr);
}

.dh-subscriber-checklist span {
	height: 44px;
	min-width: 44px;
	width: 44px;
}

.dh-subscriber-checklist svg {
	height: 21px;
	width: 21px;
}

.dh-subscriber-checklist strong {
	color: #252d22;
	font-size: .97rem;
	line-height: 1.25;
}

.dh-subscriber-help {
	background: #f6f8f4;
	border: 1px solid rgba(17, 22, 15, .08);
	border-radius: 6px;
	padding: 16px;
}

.dh-subscriber-help strong {
	color: #121910;
	display: block;
	font-size: 1rem;
	margin-bottom: 6px;
}

.dh-subscriber-help a {
	color: #4c941a;
	display: block;
	font-size: .95rem;
	font-weight: 800;
	line-height: 1.35;
	margin-top: 8px;
	text-decoration: none;
}

.dh-subscriber-actions {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 24px;
}

#PanelFinish.dh-subscriber-page .dh-btn.btn {
	border-radius: 4px !important;
	box-shadow: 0 10px 24px rgba(20, 24, 18, .08) !important;
	font-size: 1rem !important;
	font-weight: 900 !important;
	letter-spacing: 0;
	min-height: 54px;
	min-width: 0 !important;
	padding: 0 26px !important;
	width: 100% !important;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-primary-action .dh-btn.btn,
#PanelFinish.dh-subscriber-page #pnlPayment .dh-btn.btn {
	background: #4f9f1b !important;
	border: 1px solid #4f9f1b !important;
	color: #fff !important;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-secondary-action .dh-btn.btn {
	background: #fff !important;
	border: 1px solid rgba(17, 22, 15, .12) !important;
	color: #5aa51e !important;
}

#PanelFinish.dh-subscriber-page #pnlPayment {
	margin: 0;
	padding-bottom: 0 !important;
}

#PanelFinish.dh-subscriber-page #pay {
	align-items: stretch !important;
	margin: 0 !important;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-payment-options {
	gap: 12px;
	padding-bottom: 16px !important;
	padding-top: 0 !important;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .boxPaymentMetod {
	align-items: center;
	background: #fbfcfa;
	border: 1px solid rgba(17, 22, 15, .1);
	border-radius: 5px;
	display: flex;
	flex: 1 1 0;
	justify-content: center;
	min-height: 58px;
	min-width: 0;
	padding: 10px 12px;
}

#PanelFinish.dh-subscriber-page .boxPaymentMetod label {
	justify-content: center;
	margin: 0;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .boxPaymentMetod img {
	height: auto !important;
	max-height: 30px;
	max-width: 108px;
	width: auto;
}

#PanelFinish.dh-subscriber-page .pay-failed,
#PanelFinish.dh-subscriber-page .send-order-failed,
#PanelFinish.dh-subscriber-page .text-danger {
	font-size: .9rem;
	line-height: 1.3;
	margin-top: 7px;
	min-height: 0;
}

@media only screen and (min-width: 2200px) {
	#PanelFinish.dh-subscriber-page {
		max-width: 1600px;
	}

	.dh-subscriber-head,
	.dh-subscriber-grid {
		max-width: 1360px;
	}

	.dh-subscriber-grid {
		grid-template-columns: minmax(0, 1fr) minmax(390px, 440px);
	}
}

@media only screen and (max-width: 1199px) {
	.dh-subscriber-grid {
		grid-template-columns: 1fr;
	}

	.dh-subscriber-actions-card {
		position: relative;
		top: auto;
	}
}

@media only screen and (max-width: 767px) {
	#PanelFinish.dh-subscriber-page {
		padding-top: 18px;
	}

	.dh-subscriber-head,
	.dh-subscriber-grid {
		padding-left: 0;
		padding-right: 0;
	}

	.dh-subscriber-card {
		box-shadow: 0 14px 34px rgba(16, 22, 14, .08);
	}

	.dh-subscriber-form-card,
	.dh-subscriber-actions-card {
		padding: 18px;
	}

	#PanelFinish.dh-subscriber-page #order-form .row.form-group {
		gap: 8px;
		grid-template-columns: 1fr;
		padding: 13px 0 !important;
	}

	#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-5,
	#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-7 {
		grid-column: 1;
	}

	#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-5:empty {
		display: none;
	}

	#PanelFinish.dh-subscriber-page #order-form .row.form-group > .col-md-7 {
		align-items: stretch !important;
		flex-direction: column;
	}

	#PanelFinish.dh-subscriber-page .contact-form-label {
		min-height: 0;
	}

	#PanelFinish.dh-subscriber-page .checkboxV2 {
		margin-right: 0;
		width: 100%;
	}

	#PanelFinish.dh-subscriber-page .checkboxV2 label {
		justify-content: center;
		width: 100%;
	}

	.dh-subscriber-side-head {
		grid-template-columns: 46px minmax(0, 1fr);
	}

	.dh-subscriber-side-head > span {
		height: 46px;
		min-width: 46px;
		width: 46px;
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-payment-options {
		flex-direction: column;
	}
}

/* Subscriber details: compact order form aligned with the order summary step. */
#PanelFinish.dh-subscriber-page {
	background: #fff;
	max-width: none;
	padding: clamp(22px, 2.5vw, 38px) 20px clamp(34px, 4vw, 62px);
}

.calculator-panel:has(#PanelFinish[style*="display: block"]) {
	background-color: #fff !important;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-head,
#PanelFinish.dh-subscriber-page .dh-subscriber-grid {
	margin-left: auto;
	margin-right: auto;
	max-width: 1320px;
	padding: 0;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-head {
	margin-bottom: 22px;
	max-width: 1320px !important;
	width: auto !important;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-head h1,
#PanelFinish.dh-subscriber-page .dh-subscriber-head h2 {
	font-size: clamp(1.85rem, 2.6vw, 2.8rem);
	line-height: 1.08;
	text-transform: none;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-head p {
	font-size: .98rem;
	line-height: 1.5;
	margin-top: 10px;
	max-width: 760px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-grid {
	background-color: #fff;
	gap: clamp(18px, 2vw, 28px);
	grid-template-columns: minmax(0, 1fr) minmax(320px, 370px);
}

#PanelFinish.dh-subscriber-page .dh-subscriber-form-card {
	background: #fff;
	border: 0;
	box-shadow: none;
	padding: 0;
}

#PanelFinish.dh-subscriber-page #order-form.dh-subscriber-form {
	display: block !important;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-sections {
	background-color: #fff;
	display: grid;
	gap: 12px;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-section {
	background: #fff;
	border: 1px solid #e5e8e3;
	border-radius: 7px;
	box-shadow: 0 7px 22px rgba(20, 28, 16, .035);
	min-width: 0;
	padding: 17px 19px 19px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-section-head {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-bottom: 15px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-section-head > span {
	align-items: center;
	background: #f5f8f2;
	color: #4e9d18;
	display: inline-flex;
	font-size: 1.12rem;
	font-weight: 700;
	height: 34px;
	justify-content: center;
	line-height: 1;
	min-width: 40px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-section-head h2 {
	color: #171a16;
	font-size: .98rem;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-fields {
	display: grid;
	gap: 13px 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#PanelFinish.dh-subscriber-page #order-form .row.form-group.dh-subscriber-field {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: flex;
	flex-direction: column;
	gap: 6px;
	grid-template-columns: none;
	grid-template-rows: none;
	margin: 0 !important;
	max-width: none !important;
	min-width: 0;
	padding: 0 !important;
	width: 100%;
}

#PanelFinish.dh-subscriber-page #order-form .dh-subscriber-field-wide {
	grid-column: 1 / -1;
}

#PanelFinish.dh-subscriber-page #order-form .dh-subscriber-field > .col-12 {
	background: transparent !important;
	display: flex;
	grid-column: auto;
	justify-content: flex-start !important;
	max-width: none;
	min-width: 0;
	padding: 0;
	width: 100%;
}

#PanelFinish.dh-subscriber-page #order-form .dh-subscriber-field > .col-md-5:empty {
	display: none;
}

#PanelFinish.dh-subscriber-page #order-form .dh-subscriber-field > .col-md-7 {
	align-items: stretch;
	flex-wrap: wrap;
	gap: 8px;
}

#PanelFinish.dh-subscriber-page #order-form .dh-subscriber-field:has(#radioFormComapany) > .col-md-7 {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 190px));
	justify-content: start !important;
}

#PanelFinish.dh-subscriber-page .contact-form-label {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #242923;
	display: block;
	font-size: .82rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	min-height: 0;
	padding: 0 !important;
	text-align: left;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .contact-form-control,
#PanelFinish.dh-subscriber-page select.contact-form-control {
	background: #fff !important;
	border: 1px solid #dfe3dc !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 8px rgba(17, 22, 15, .055) !important;
	color: #20251e !important;
	font-size: .91rem !important;
	font-weight: 500;
	height: 42px;
	line-height: 1.25;
	max-width: none !important;
	min-height: 42px;
	padding: 8px 12px !important;
	transition: border-color .18s ease, box-shadow .18s ease;
	width: 100% !important;
}

#PanelFinish.dh-subscriber-page .contact-form-control:hover,
#PanelFinish.dh-subscriber-page select.contact-form-control:hover {
	border-color: #cbd2c6 !important;
	box-shadow: 0 5px 13px rgba(17, 22, 15, .09) !important;
}

#PanelFinish.dh-subscriber-page .contact-form-control:focus,
#PanelFinish.dh-subscriber-page select.contact-form-control:focus,
#PanelFinish.dh-subscriber-page .contact-form-control:focus-visible,
#PanelFinish.dh-subscriber-page select.contact-form-control:focus-visible {
	background: #fff !important;
	border-color: #65a82b !important;
	box-shadow: 0 0 0 3px rgba(90, 165, 30, .15) !important;
	outline: 0;
}

#PanelFinish.dh-subscriber-page #order-form .dh-gus-control {
	display: grid !important;
	gap: 8px;
	grid-template-columns: minmax(120px, 1fr) auto;
}

#PanelFinish.dh-subscriber-page #order-form .dh-gus-control .contact-form-control {
	min-width: 0;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-button {
	align-items: center;
	background: #5ea724;
	border: 1px solid #5ea724;
	border-radius: 5px;
	box-shadow: 0 3px 8px rgba(61, 112, 28, .14);
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: .82rem;
	font-weight: 700;
	gap: 8px;
	height: 42px;
	justify-content: center;
	line-height: 1.2;
	padding: 0 14px;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	white-space: nowrap;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-button[hidden] {
	display: none !important;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-button:hover:not(:disabled) {
	background: #4e9519;
	border-color: #4e9519;
	box-shadow: 0 7px 16px rgba(45, 91, 17, .2);
	transform: translateY(-1px);
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-button:focus-visible {
	box-shadow: 0 0 0 3px rgba(90, 165, 30, .2);
	outline: 2px solid #4f9f1b;
	outline-offset: 2px;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-button:disabled {
	cursor: not-allowed;
	opacity: .55;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-button.is-loading::before {
	animation: dh-gus-spin .75s linear infinite;
	border: 2px solid rgba(255, 255, 255, .45);
	border-radius: 50%;
	border-top-color: #fff;
	content: "";
	height: 14px;
	width: 14px;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-status {
	font-size: .76rem;
	grid-column: 1 / -1;
	line-height: 1.3;
	min-height: 1em;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-status[hidden] {
	display: none !important;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-status.is-loading {
	color: #616760;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-status.is-success {
	color: #3f8613;
}

#PanelFinish.dh-subscriber-page .dh-gus-lookup-status.is-error {
	color: #b42318;
}

@keyframes dh-gus-spin {
	to {
		transform: rotate(360deg);
	}
}

#PanelFinish.dh-subscriber-page .dh-legal-form-choice {
	margin: 0;
	min-width: 0;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-option {
	align-items: center;
	background: #fff;
	border: 1px solid #dfe3dc;
	border-radius: 5px;
	color: #20251e;
	cursor: pointer;
	display: flex;
	font-size: .9rem;
	font-weight: 600;
	gap: 9px;
	justify-content: flex-start;
	min-height: 42px;
	padding: 8px 12px;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-option:hover {
	border-color: #cbd2c6;
	box-shadow: 0 5px 13px rgba(17, 22, 15, .09);
}

#PanelFinish.dh-subscriber-page .dh-legal-form-option:has(input:checked) {
	background: #fff;
	border-color: #5fa525;
	box-shadow: 0 3px 8px rgba(61, 112, 28, .12);
}

#PanelFinish.dh-subscriber-page .dh-legal-form-option:has(input:focus-visible) {
	border-color: #5fa525;
	box-shadow: 0 0 0 3px rgba(90, 165, 30, .17);
	outline: 2px solid #4f9f1b;
	outline-offset: 2px;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-option input {
	height: 1px;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-icons {
	align-items: center;
	display: inline-flex;
	flex: 0 0 21px;
	height: 21px;
	justify-content: center;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-icon {
	display: block;
	height: 20px;
	width: 20px;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-icon-checked {
	display: none;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-option input:checked ~ .dh-legal-form-icons .dh-legal-form-icon-unchecked {
	display: none;
}

#PanelFinish.dh-subscriber-page .dh-legal-form-option input:checked ~ .dh-legal-form-icons .dh-legal-form-icon-checked {
	display: block;
}

#PanelFinish.dh-subscriber-page .country-select-wrapper {
	position: relative;
	width: 100%;
}

#PanelFinish.dh-subscriber-page .country-select-wrapper select.contact-form-control {
	-webkit-appearance: none;
	appearance: none;
	background-image: none !important;
	padding-right: 48px !important;
}

#PanelFinish.dh-subscriber-page .country-select-arrow {
	height: 8px;
	pointer-events: none;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
}

#PanelFinish.dh-subscriber-page #order-form .text-danger {
	font-size: .76rem;
	height: auto !important;
	line-height: 1.25;
	margin: 0;
	min-height: 0;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-actions-card {
	background: #fff;
	border: 1px solid #e5e8e3;
	border-radius: 7px;
	box-shadow: 0 12px 30px rgba(20, 28, 16, .065);
	overflow: visible;
	padding: 19px;
	top: 92px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary {
	display: grid;
	gap: 14px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary > h2 {
	color: #141713;
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-price-card {
	gap: 12px;
	grid-template-columns: 68px minmax(0, 1fr);
	padding: 16px 14px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-server-illustration {
	max-width: 72px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-safe,
#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-help {
	gap: 11px;
	grid-template-columns: 28px minmax(0, 1fr);
}

#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-safe {
	padding: 13px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-safe > span,
#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-help > span {
	height: 28px;
	width: 28px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-actions {
	background: #fff;
	border: 1px solid #e5e8e3;
	border-radius: 7px;
	box-shadow: 0 7px 22px rgba(20, 28, 16, .035);
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 12px;
	padding: 18px;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-payment {
	grid-column: 1 / -1;
	order: 1;
	padding-bottom: 0 !important;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-secondary-action {
	order: 2;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-primary-action {
	order: 3;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-primary-action,
#PanelFinish.dh-subscriber-page .dh-subscriber-secondary-action {
	padding-bottom: 0 !important;
}

#PanelFinish.dh-subscriber-page .dh-subscriber-primary-action > div,
#PanelFinish.dh-subscriber-page .dh-subscriber-secondary-action > div,
#PanelFinish.dh-subscriber-page .dh-subscriber-primary-action .dh-btn,
#PanelFinish.dh-subscriber-page .dh-subscriber-secondary-action .dh-btn {
	width: 100%;
}

#PanelFinish.dh-subscriber-page .dh-btn.btn {
	font-size: .9rem !important;
	min-height: 44px;
	padding: 0 18px !important;
	transition: box-shadow .2s ease, background-color .2s ease, transform .2s ease;
}

#PanelFinish.dh-subscriber-page .dh-btn.btn:hover {
	box-shadow: 0 9px 20px rgba(45, 91, 17, .18) !important;
	transform: translateY(-1px);
}

#PanelFinish.dh-subscriber-page .dh-btn.btn:focus-visible {
	box-shadow: 0 0 0 3px rgba(90, 165, 30, .2) !important;
	outline: 2px solid #4f9f1b;
	outline-offset: 2px;
}

@media only screen and (max-width: 1199px) {
	#PanelFinish.dh-subscriber-page .dh-subscriber-grid {
		grid-template-columns: minmax(0, 1fr) minmax(290px, 330px);
	}
}

@media only screen and (max-width: 991px) {
	#PanelFinish.dh-subscriber-page .dh-subscriber-grid {
		grid-template-columns: 1fr;
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-actions-card {
		position: relative;
		top: auto;
	}
}

@media only screen and (max-width: 640px) {
	#PanelFinish.dh-subscriber-page {
		padding: 16px 12px 34px;
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-head {
		margin-bottom: 16px;
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-head h1,
	#PanelFinish.dh-subscriber-page .dh-subscriber-head h2 {
		font-size: 1.72rem;
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-section,
	#PanelFinish.dh-subscriber-page .dh-subscriber-actions-card {
		padding: 15px;
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-fields {
		grid-template-columns: 1fr;
	}

	#PanelFinish.dh-subscriber-page #order-form .dh-subscriber-field-wide {
		grid-column: auto;
	}

	#PanelFinish.dh-subscriber-page .dh-legal-form-choice {
		width: 100%;
	}

	#PanelFinish.dh-subscriber-page #order-form .dh-subscriber-field:has(#radioFormComapany) > .col-md-7 {
		grid-template-columns: 1fr;
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-order-summary .dh-order-price-card {
		grid-template-columns: 58px minmax(0, 1fr);
	}

	#PanelFinish.dh-subscriber-page .dh-subscriber-actions {
		grid-template-columns: 1fr;
	}

	#PanelFinish.dh-subscriber-page #order-form .dh-gus-control {
		grid-template-columns: 1fr;
	}

	#PanelFinish.dh-subscriber-page .dh-gus-lookup-status {
		grid-column: auto;
	}
}

/* Dedicated server configurator: one select contract, also restored after AJAX renders. */
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain select.configurator-select,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #CalculatorDetailSumary select.configurator-select {
	-webkit-appearance: none !important;
	appearance: none !important;
	background-color: #feffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%235E9523' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-position: right 13px center !important;
	background-repeat: no-repeat !important;
	background-size: 12px 8px !important;
	border: 1px solid #f0f0f1 !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16) !important;
	box-sizing: border-box !important;
	color: #5e9523 !important;
	font-size: .9rem !important;
	font-weight: 600 !important;
	height: 40px !important;
	line-height: 1.5 !important;
	min-height: 40px !important;
	padding: 7px 34px 7px 13px !important;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
	width: 100% !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain select.configurator-select:hover:not(:disabled),
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #CalculatorDetailSumary select.configurator-select:hover:not(:disabled) {
	border-color: #5aa025 !important;
	box-shadow: 0 4px 9px rgba(0, 0, 0, .14) !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain select.configurator-select:focus,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain select.configurator-select:focus-visible,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #CalculatorDetailSumary select.configurator-select:focus,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #CalculatorDetailSumary select.configurator-select:focus-visible {
	border-color: rgba(94, 149, 35, .68) !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 0 0 2px rgba(94, 149, 35, .13) !important;
	outline: 0 !important;
}

.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton,
.dh-configurator-dedicated-refresh .CalculatorDetailSumary #btnGetPdf1 {
	transition: box-shadow .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton:hover:not(.BayButton_disabled),
.dh-configurator-dedicated-refresh .CalculatorDetailSumary #btnGetPdf1:hover:not(.BayButton_disabled) {
	box-shadow: 0 7px 14px rgba(88, 165, 30, .14) !important;
}

.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton:focus-visible,
.dh-configurator-dedicated-refresh .CalculatorDetailSumary #btnGetPdf1:focus-visible {
	box-shadow: 0 7px 14px rgba(88, 165, 30, .14) !important;
	outline: 2px solid #58a51e !important;
	outline-offset: 2px;
}

.dh-configurator-dedicated-refresh :is(
	#PACKAGE_Section,
	#RAM_Section,
	#NETWORKCARD_Section,
	#TOWER_Section,
	.dh-storage-section,
	#NETWORK_Section,
	#IP_Section,
	#ADDON_Section
) .SectionDetail_div {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	min-height: 40px;
}

/* Section 01 is composed from legacy siblings; join them into one visual card. */
.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child,
.dh-configurator-dedicated-refresh #PanelCalculatorMain > .ServerComponent_Section,
.dh-configurator-dedicated-refresh #PanelCalculatorMain > .CoreCount_Section,
.dh-configurator-dedicated-refresh #PanelCalculatorMain > #PACKAGE_Section,
.dh-configurator-dedicated-refresh #PanelCalculatorMain > #RAM_Section,
.dh-configurator-dedicated-refresh #PanelCalculatorMain > #NETWORKCARD_Section,
.dh-configurator-dedicated-refresh #PanelCalculatorMain > #TOWER_Section {
	background: #fefefe !important;
	border-left: 2px solid #f1f2f4 !important;
	border-right: 2px solid #f1f2f4 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-bottom: 0 !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child {
	border-bottom: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	border-top: 2px solid #f1f2f4 !important;
	min-height: 70px;
	padding-bottom: 8px !important;
	padding-right: 96px !important;
	padding-top: 18px !important;
	position: relative;
}

.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child > .dh-vps-section-icon {
	display: none !important;
}

.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child > .dh-section-one-icon {
	height: 46px;
	object-fit: contain;
	position: absolute;
	right: 30px;
	top: 12px;
	width: 46px;
}

.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child legend > div {
	font-size: .98rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child legend::before {
	font-size: 1.2rem !important;
	font-weight: 500 !important;
	height: 38px !important;
	min-width: 46px !important;
	padding: 4px 8px !important;
}

.dh-configurator-dedicated-refresh #PanelCalculatorMain > #TOWER_Section {
	border-bottom: 2px solid #f1f2f4 !important;
	border-radius: 0 0 10px 10px !important;
	margin-bottom: 18px !important;
	padding-bottom: 18px !important;
}

/* DHPL-0305: dedicated configurator XD alignment. */
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section .d-f-cpu {
	grid-template-columns: repeat(2, 100px) !important;
	justify-content: center !important;
	max-width: 216px !important;
	width: 216px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section .btn-core {
	width: 100px !important;
}

/* DHPL-0306: full-width, two-row core selector matching the XD control rhythm. */
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core {
	font-size: .9rem !important;
	font-weight: 400 !important;
	height: 40px !important;
	line-height: 1 !important;
	min-height: 40px !important;
	min-width: 82px !important;
	padding: 0 18px !important;
	white-space: nowrap !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain :is(
	.ServerComponent_Section,
	.CoreCount_Section,
	#PACKAGE_Section,
	#RAM_Section,
	#NETWORKCARD_Section,
	#TOWER_Section
) .SectionName::after {
	content: none !important;
	display: none !important;
}

@media only screen and (min-width: 992px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .CoreCount_Section {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .CoreCount_Section > .SectionName {
		grid-column: 1 !important;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailBody .CoreCount_Section .SectionDetailMain {
		display: grid !important;
		gap: 10px !important;
		grid-column: 1 !important;
		grid-template-columns: repeat(6, minmax(82px, 112px)) !important;
		justify-content: center !important;
		position: relative;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-all,
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-btn {
		display: contents !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .section-core-all > .btn-core:first-child {
		grid-column: span 2;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core {
		min-width: 82px !important;
		width: 100% !important;
	}
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice .TotalSummaryPrice {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap;
	gap: 16px !important;
	grid-template-columns: none !important;
	justify-content: center;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice .SummaryPrice-col-l,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice .SummaryPrice-col-r {
	flex: 0 0 auto !important;
	height: auto !important;
	width: auto !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #SUMMARY_PRICE {
	width: auto !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice #ddlShowCurrency.configurator-select {
	margin: 0 !important;
	max-width: 92px !important;
	min-width: 84px;
	text-align: center;
	width: 92px !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period:not(.btn-period-activ),
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core:not(.btn-core-activ) {
	background: #fff !important;
	color: #5c5f62 !important;
	transition: transform .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period:not(.btn-period-activ):hover,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core:not(.btn-core-activ):hover {
	background: #fff !important;
	box-shadow: 0 8px 18px rgba(18, 22, 16, .13) !important;
	color: #111315 !important;
	transform: translateY(-2px);
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-activ,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .btn-period-activ:hover,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core-activ,
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CoreCount_Section .btn-core-activ:hover {
	background: #58a51e !important;
	border-color: #58a51e !important;
	color: #fff !important;
	font-weight: 400 !important;
	transform: none;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton {
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton:hover:not(.BayButton_disabled) {
	box-shadow: 0 9px 20px rgba(88, 165, 30, .2) !important;
	transform: translateY(-2px);
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton:active:not(.BayButton_disabled) {
	transform: translateY(0);
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary #BayButton:focus-visible {
	outline: 2px solid #58a51e !important;
	outline-offset: 2px;
}

@media only screen and (max-width: 767px) {
	.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child {
		padding-right: 70px !important;
	}

	.dh-configurator-dedicated-refresh #PanelCalculatorMain > .SectionGroup:first-child > .dh-section-one-icon {
		height: 38px;
		right: 16px;
		top: 15px;
		width: 38px;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .ServerComponent_Section .d-f-cpu {
		grid-template-columns: repeat(2, minmax(0, 100px)) !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh .CalculatorDetailSumary .CalculatorDetailSummaryPrice .TotalSummaryPrice {
		gap: 12px !important;
	}
}

/* Section 01 control contract must also win over legacy mobile breakpoints. */
.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain :is(
	#PACKAGE_DDL.configurator-select,
	#RAM_DDL.configurator-select,
	#NETWORKCARD_DDL.configurator-select,
	#TOWER_DDL.configurator-select
) {
	background-color: #feffff !important;
	border: 1px solid #f0f0f1 !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16) !important;
}

.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain :is(
	#PACKAGE_DDL.configurator-select,
	#RAM_DDL.configurator-select,
	#NETWORKCARD_DDL.configurator-select,
	#TOWER_DDL.configurator-select
):hover:not(:disabled) {
	border-color: #5aa025 !important;
}

@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain :is(
		#PACKAGE_Section,
		#RAM_Section,
		#NETWORKCARD_Section,
		#TOWER_Section
	) > .SectionDetailMain {
		height: auto !important;
		min-height: 40px !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain :is(
		#PACKAGE_Section,
		#RAM_Section,
		#NETWORKCARD_Section,
		#TOWER_Section
	) > .SectionDetailMain > .SectionValue:not(.display-n) {
		display: flex !important;
		height: auto !important;
		justify-content: flex-end !important;
		margin-top: 5px !important;
		min-height: 18px;
		position: static !important;
		width: 100% !important;
	}

	.dh-configurator-vps-refresh.dh-configurator-dedicated-refresh #PanelCalculatorMain #NETWORKCARD_Section > .SectionDetailMain:has(> .display-n) {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	/* Reserve the final two-column CPU pill grid before the JS enhancement runs. */
	.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh):not(.dh-configurator-admin-refresh):not(.dh-configurator-colocation-refresh) #CPU_Section {
		min-height: 452px !important;
	}
}

/* DHPL-0477: keep VPS option prices below selects in the mobile single-column layout. */
@media only screen and (max-width: 767px) {
	.dh-configurator-vps-refresh:not(.dh-configurator-dedicated-refresh):not(.dh-configurator-admin-refresh):not(.dh-configurator-colocation-refresh)
	.CalculatorDetailBody .Sections .SectionDetailMain.SectionDetail-select > .SectionValue:not(.display-n) {
		height: auto !important;
		inset: auto !important;
		min-height: 0 !important;
		position: static !important;
	}
}