@charset "UTF-8";

/* COLORS */
/* TYPOGRAPHY */
/* */
/* */
/* */
/* */
/* */
/* */
/* Responsive Mixin */
/* roboto-300 - vietnamese_greek */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/roboto-v29-vietnamese_greek-300.eot");
	/* IE9 Compat Modes */
	src:
		local(""),
		url("../fonts/roboto-v29-vietnamese_greek-300.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/roboto-v29-vietnamese_greek-300.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../fonts/roboto-v29-vietnamese_greek-300.woff") format("woff"),
		/* Modern Browsers */ url("../fonts/roboto-v29-vietnamese_greek-300.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../fonts/roboto-v29-vietnamese_greek-300.svg#Roboto")
			format("svg");
	/* Legacy iOS */
}

/* roboto-regular - vietnamese_greek */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/roboto-v29-vietnamese_greek-regular.eot");
	/* IE9 Compat Modes */
	src:
		local(""),
		url("../fonts/roboto-v29-vietnamese_greek-regular.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/roboto-v29-vietnamese_greek-regular.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../fonts/roboto-v29-vietnamese_greek-regular.woff")
			format("woff"),
		/* Modern Browsers */
			url("../fonts/roboto-v29-vietnamese_greek-regular.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../fonts/roboto-v29-vietnamese_greek-regular.svg#Roboto")
			format("svg");
	/* Legacy iOS */
}

/* roboto-500 - vietnamese_greek */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/roboto-v29-vietnamese_greek-500.eot");
	/* IE9 Compat Modes */
	src:
		local(""),
		url("../fonts/roboto-v29-vietnamese_greek-500.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/roboto-v29-vietnamese_greek-500.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../fonts/roboto-v29-vietnamese_greek-500.woff") format("woff"),
		/* Modern Browsers */ url("../fonts/roboto-v29-vietnamese_greek-500.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../fonts/roboto-v29-vietnamese_greek-500.svg#Roboto")
			format("svg");
	/* Legacy iOS */
}

/* roboto-700 - vietnamese_greek */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/roboto-v29-vietnamese_greek-700.eot");
	/* IE9 Compat Modes */
	src:
		local(""),
		url("../fonts/roboto-v29-vietnamese_greek-700.eot?#iefix")
			format("embedded-opentype"),
		/* IE6-IE8 */ url("../fonts/roboto-v29-vietnamese_greek-700.woff2")
			format("woff2"),
		/* Super Modern Browsers */
			url("../fonts/roboto-v29-vietnamese_greek-700.woff") format("woff"),
		/* Modern Browsers */ url("../fonts/roboto-v29-vietnamese_greek-700.ttf")
			format("truetype"),
		/* Safari, Android, iOS */
			url("../fonts/roboto-v29-vietnamese_greek-700.svg#Roboto")
			format("svg");
	/* Legacy iOS */
}

* {
	box-sizing: border-box;
}

html {
	overflow-y: overlay;
}

body {
	color: var(--text-primary);
	background: var(--bg-primary);
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px 0px 56px 280px;
}

a,
a:hover,
a:hover > span.popup-icon,
a:hover > .zmdi-edit.popup-icon,
a:hover > .zmdi-accounts-alt.popup-icon {
	text-decoration: none;
}

a,
a:hover,
a:hover > span.popup-icon,
a:hover > .zmdi-edit.popup-icon,
a:hover > .zmdi-accounts-alt.popup-icon {
	color: var(--brand-primary);
}

.m0 {
	margin: 0;
}

.w100p {
	width: 100%;
}

hr.hr5 {
	height: 5px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

hr.hr10 {
	height: 10px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

hr.hr15 {
	height: 15px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

hr.hr3030 {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	width: 100%;
	border-width: 0px;
	border-bottom: 1px solid var(--border);
}

hr.hr20 {
	height: 32px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

hr.hr30,
hr.hr40,
hr.hr50 {
	height: 40px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	hr.hr20,
	hr.hr30,
	hr.hr40,
	hr.hr50 {
		height: 30px;
	}
}

/* Mobile Header */
#header0h_0 {
	display: none;
	justify-content: space-between;
	align-items: center;
	height: 72px;
	margin-left: 0px;
	width: 100%;
	padding: 0px 30px;
	background: linear-gradient(0deg, #ffffff, #ffffff);
	box-shadow: 0px 3px 16px 0px #0a0e1d36;
	z-index: 10;
	color: var(--bg-primary);
	flex-direction: row-reverse;
	border-bottom: 1px solid #eeeff2;
}

#header0h_0 .zmdi {
	font-size: 24px;
}

#header0h_2 {
	display: block;
	margin: auto;
	width: auto;
	height: 36px;
	position: relative;
	bottom: 1px;
	background-size: 38px 36px;
	background-repeat: no-repeat;
}

#header0h_3 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 29px;
	color: var(--bg-primary);
	cursor: pointer;
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

#header0h_3:before {
	content: "\f1fe";
	color: var(--brand-primary);
}

#header0h_3:after {
	content: "";
	position: absolute;
	top: -1px;
	right: -6px;
	height: 5px;
	width: 5px;
	border-radius: 5px;
	background-color: var(--red);
	animation-name: pulse;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	#header0v_0,
	#header-subnav {
		display: none;
	}

	#header0h_0 {
		display: flex;
	}

	body {
		margin-left: 0px !important;
	}

	a.deploy_floating {
		position: fixed;
		bottom: 32px;
		right: 40px;
	}
}

#header1_1 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 24px;
	cursor: pointer;
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

#header1_1:before {
	content: "\f1fe";
}

@media all and (max-width: 767px) {
	.hide_on_mobile {
		display: none !important;
	}
}

#header1_session {
	display: none;
	text-align: center;
	overflow: hidden;
	transition: height 0.5s linear;
	height: 0px;
	opacity: 0;
}

#header1_session.grow {
	height: 54px;
	opacity: 1;
}

#header1_session > div {
	display: block;
	width: 100%;
	padding: 8px 8px;
	color: var(--warning);
	background-color: var(--bg-darker);
	position: relative;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
}

#header1_session > div .inactivity_message {
	margin-bottom: 8px;
	margin-right: 5px;
	text-align: center;
	vertical-align: middle;
}

#header1_session .button {
	background-color: var(--warning);
	padding: 4px 24px;
	color: var(--bg-primary);
}

#header1_session .button:hover {
	background-color: var(--warning);
}

#header1_session .glyph {
	display: none;
}

@media (max-width: 767px) and (min-width: 0px) {
	#header1_1 {
		display: none;
	}
}

/*  #20273 mobile-responsiveness
	***** (iPhone 6 plus and smaller)  ***/
@media all and (max-width: 767px) {
	#header1_0 {
		position: absolute;
		top: 0px;
		margin-bottom: 3px;
		padding: 0;
		font-size: 16px;
		width: 100%;
		text-align: center;
	}

	#header1_session {
		overflow: visible;
		z-index: -1;
		position: relative;
	}

	#header1_session.grow {
		height: 54px;
		opacity: 1;
		margin-bottom: 17px;
	}

	#header1_session .glyph {
		display: none;
	}
}

#header2_wrap,
#header2_deploy {
	max-width: 1290px;
	margin: 0px auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#header2_wrap,
#header2_deploy,
.header-top {
	padding: 16px 30px 32px 30px;
	margin-top: 27px;
}

#header2_wrap > .header-top {
	padding: 0;
	margin: 0;
}

.app-header {
	margin-bottom: 24px;
	border: 0px !important;
}

#header2_right {
	display: flex;
	white-space: nowrap;
}

#header2_right > form {
	color: var(--dropdown-darker);
	font-size: 14px;
}

#header2_right > form .select2-container {
	width: auto !important;
	background: none;
}

#header2_right > form .select2-selection {
	height: 44px;
	padding-right: 32px;
	background: none;
	border: 1px solid var(--border);
}

#header2_right > form .select2-selection__rendered {
	line-height: 44px;
	color: var(--dropdown-darker);
}

#header2_right > form .select2-selection__arrow {
	height: 44px !important;
}

#header2_right > form .select2-selection__arrow b {
	border-color: var(--gray) transparent transparent;
	border-width: 4px 4px 0;
}

#header2_right > * + * {
	margin-left: 16px;
}

#header2_right .header2_viewconsole,
#header2_right .header2_substop,
#header2_right .header2_subrestart,
#header2_right .header2_subreinstall,
#header2_right .header2_subrescue,
#header2_right .header2_subdestroy,
#header2_right a.header2_subdestroy {
	margin-left: 0;
}

.form-group--icon input[type="text"] {
	height: 42px;
}

/* Header Left - page title */
#header2_deploy h1,
#header2_left h1,
.header-topr h1 {
	color: var(--table-text);
	margin-bottom: 20px;
}

#header2_left {
	flex-grow: 2;
	margin-right: 50px;
}

/*  #20273 mobile-responsiveness
	***** (iPhone 6 plus and smaller)  ***/
@media all and (max-width: 767px) {
	#header1_0 {
		position: absolute;
		top: 0px;
		margin-bottom: 3px;
		padding: 0;
		font-size: 16px;
		width: 100%;
		text-align: center;
	}

	#header1_session {
		overflow: visible;
		z-index: -1;
		position: relative;
	}

	#header1_session.grow {
		height: 54px;
		opacity: 1;
		margin-bottom: 17px;
	}

	#header1_session .glyph {
		display: none;
	}
}

a.header3_1 {
	display: inline-block;
	color: var(--gray);
	position: relative;
	height: 49px;
	padding-top: 16px;
	font-size: 15px;
	margin-right: 20px;
}

a.header3_1:hover {
	color: var(--brand-primary);
}

a.header3_1:after {
	display: block;
	position: absolute;
	z-index: 10;
	content: "";
	left: 0px;
	bottom: -1px;
	height: 2px;
	width: 0px;
	background-color: var(--brand-primary);
	transition: width 0.3s;
}

a.header3_1active {
	color: var(--brand-primary);
	font-weight: bold;
}

a.header3_1active:after {
	width: 100%;
}

#header3_3 {
	display: block;
	position: absolute;
	right: 25px;
	bottom: 35px;
	height: 51px;
	width: 51px;
	z-index: 5;
	border-radius: 26px;
	line-height: 51px;
	text-align: center;
	font-size: 27px;
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

#header3_3:before {
	content: "\f278";
}

#header3_3:hover {
	background-color: var(--brand-primary-lighter);
}

.block1290deploy,
#header3_0 {
	position: relative;
	margin-bottom: 56px;
	overflow: visible;
}

#header4_0 + .block1290 {
	margin-bottom: 30px;
}

#header4_0 {
	display: block;
	position: relative;
	top: -49px;
	z-index: -1;
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: var(--border-secondary);
}

.button.button-servers {
	position: absolute;
	top: -170px;
	right: 30px;
	background-color: var(--dropdown-light);
	color: var(--brand-primary);
	font-weight: 800;
}

.button.button-servers:hover,
.button.button-servers:active {
	background-color: rgba(23, 98, 227, 0.2);
}

@media (max-width: 767px) {
	#header2_wrap,
	#header2_deploy {
		flex-wrap: wrap;
	}

	.button.button-servers.btn-sm {
		top: -118px;
		right: 16px;
		height: 40px;
		padding: 0 12px;
		line-height: 40px;
		font-size: 13px;
	}

	#header2_wrap,
	#header2_deploy,
	.header-top {
		padding: 16px 15px 0 16px;
		margin-top: 27px;
	}

	.app-header {
		margin: 0;
	}

	#header2_left,
	.header-top {
		margin-right: 16px;
		margin-bottom: 0;
	}

	#header2_left h1,
	.header-top h1 {
		font-size: 28px;
	}

	#header2_deploy h1 {
		font-size: 28px;
	}

	#header2_right > form {
		display: block;
	}

	#header2_right > form .form-group {
		border: none;
		height: 44px;
		flex-direction: row-reverse;
	}

	#header2_right > form .form-group input {
		height: 44px;
		width: 100px;
	}

	#header2_right > form .form-group input::-ms-input-placeholder {
		color: transparent;
	}

	#header2_right > form .form-group input::placeholder {
		color: transparent;
	}
}

.header2_details {
	font-weight: 400;
	font-size: 13px;
	margin-right: 24px;
	line-height: 26px;
	color: var(--text-secondary);
}

.header2_billing {
	display: inline-block;
	text-align: right;
}

.header2_billing > a {
	color: var(--table-text);
	font-size: 36px;
	font-weight: 300;
	line-height: 42px;
}

.header2_billing > :nth-child(2) {
	color: var(--dropdown-darker);
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
}

@media (max-width: 767px) {
	.header2_billing > a {
		font-size: 28px;
		line-height: 32px;
	}
}

@media (max-width: 374px) {
	.header2_billing {
		display: none;
	}

	.header2_billing > a {
		color: var(--bg-primary);
		font-size: 36px;
		font-weight: 300;
		line-height: 42px;
	}
}

/* Top Bar */
#header1_0 {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid var(--border-secondary);
}

#header1_0 .block1290 {
	margin: 6px;
	display: flex;
	align-items: center;
}

.block1290 {
	margin-bottom: 10px;
}

#header1_0 .avatar-sm {
	width: 28px;
	height: 28px;
}

.top-bar__news {
	font-weight: 400;
	font-size: 13px;
}

.top-bar__news a {
	transition: all 0.2s ease-in;
}

.top-bar__news .news-title {
	padding-right: 8px;
	color: var(--brand-primary);
	font-weight: 800;
	text-transform: uppercase;
}

.top-bar__news .news-article {
	color: var(--text-primary);
}

.top-bar__actions {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.top-bar__actions .top-action {
	position: relative;
	color: var(--text-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	font-size: 24px;
}

.top-bar__actions .top-action .action-count {
	position: absolute;
	top: 4px;
	right: 4px;
	height: 16px;
	width: 16px;
	padding: 2px;
	background-color: var(--brand-primary);
	border-radius: 50%;
	color: white;
	font-size: 10px;
	font-weight: 300;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-bar__actions .top-action:hover {
	color: var(--brand-primary);
}

.top-bar__actions .top-account {
	display: flex;
	align-items: center;
	margin-right: 90px;
	justify-content: center;
	padding: 6px 0;
	margin-left: 8px;
	color: var(--nav-color);
	font-size: 15px;
}

.top-bar__actions .top-account span {
	margin-left: 10px;
}

.top-bar__actions .top-account span:after {
	display: inline-block;
	padding: 0px 0 0px 10px;
	color: var(--text-secondary);
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 16px;
	content: "\f2f9";
}

.top-bar__actions .top-account .zmdi {
	color: var(--text-secondary);
	font-size: 24px;
}

@media (max-width: 767px) {
	#header1_0 {
		display: none;
	}
}

/* Main Navigation */
#header-subnav {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 90px;
	z-index: 21;
	text-align: center;
	box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: none;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}

#header0v_0::-webkit-scrollbar,
#header-subnav::-webkit-scrollbar {
	width: 0 !important;
}

/* NEEDED FOR ICONS ON MAIN SIDE NAVBAR */
/* #header0v_0 > a:nth-child(n + 2):hover:before {
	transform: translate3d(0, -6px, 0);
} */

.main-nav-bar {
	color: white;
}

.main-nav-bar:hover {
	color: #addeff;
}

.main-nav-bar:after {
	content: "";
	opacity: 0;
	border-right: 0px solid transparent;
	transition-duration: 400ms;
	position: fixed;
	height: 96px;
	left: 86px;
}

.main-nav-bar:hover:after {
	opacity: 1;
	border-right: 4px solid #addeff;
	position: fixed;
	height: 96px;
	left: 86px;
}

#prod-nav-hover:after,
#prod-nav-hover:hover:after {
	top: 77px;
}

#account-nav-hover:after,
#account-nav-hover:hover:after {
	top: 181px;
}

#support-nav-hover:after,
#support-nav-hover:hover:after {
	top: 285px;
}

#market-nav-hover:after,
#market-nav-hover:hover:after {
	top: 388px;
}

@media screen and (max-height: 767px) {
	#header0v_0 > a:nth-child(1) {
		margin: 24px auto 16px auto;
	}
}

#mobile_menu_block {
	display: none;
}

.active-navbar-mobile {
	background-color: #1e293b;
}

#create-mobile--navbar {
	margin-top: -35px;
}

.prod--border {
	border-width: 1px;
}

@media (max-width: 350px) {
	.mobile-menu-text {
		display: none;
	}

	#create-mobile--navbar {
		margin-top: unset;
	}
}

@media all and (min-width: 0px) and (max-width: 767px) {
	#header0v_0,
	#header-subnav {
		display: none;
	}

	#mobile_menu_block {
		display: flex;
	}

	#layout-body {
		padding-bottom: 67px;
	}

	body {
		margin-left: 0px !important;
	}

	a.deploy_floating {
		position: fixed;
		bottom: 32px;
		right: 40px;
	}
}

#header1_1 {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 24px;
	cursor: pointer;
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

#header1_1:before {
	content: "\f1fe";
}

@media all and (max-width: 767px) {
	.hide_on_mobile {
		display: none !important;
	}
}

#header1_session {
	display: none;
	text-align: center;
	overflow: hidden;
	transition: height 0.5s linear;
	height: 0px;
	opacity: 0;
}

#header1_session.grow {
	height: 54px;
	opacity: 1;
}

#header1_session > div {
	display: block;
	width: 100%;
	padding: 8px 8px;
	color: var(--warning);
	background-color: var(--bg-darker);
	position: relative;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
}

#header1_session > div .inactivity_message {
	margin-bottom: 8px;
	margin-right: 5px;
	text-align: center;
	vertical-align: middle;
}

#header1_session .button {
	background-color: var(--warning);
	padding: 4px 24px;
	color: var(--bg-primary);
}

#header1_session .button:hover {
	background-color: var(--warning);
}

#header1_session .glyph {
	display: none;
}

@media (max-width: 767px) and (min-width: 0px) {
	#header1_1 {
		display: none;
	}
}

/*  #20273 mobile-responsiveness
	***** (iPhone 6 plus and smaller)  ***/
@media all and (max-width: 767px) {
	#header1_0 {
		position: absolute;
		top: 0px;
		margin-bottom: 3px;
		padding: 0;
		font-size: 16px;
		width: 100%;
		text-align: center;
	}

	#header1_session {
		overflow: visible;
		z-index: -1;
		position: relative;
	}

	#header1_session.grow {
		height: 54px;
		opacity: 1;
		margin-bottom: 17px;
	}

	#header1_session .glyph {
		display: none;
	}
}

#header2_wrap > .header-top {
	padding: 0;
	margin: 0;
}

.app-header {
	margin-bottom: 24px;
	border: 0px !important;
}

#header2_right {
	display: flex;
	white-space: nowrap;
}

#header2_right > form {
	color: var(--dropdown-darker);
	font-size: 14px;
}

#header2_right > form .select2-container {
	width: auto !important;
	background: none;
}

#header2_right > form .select2-selection {
	height: 44px;
	padding-right: 32px;
	background: none;
	border: 1px solid var(--border);
}

#header2_right > form .select2-selection__rendered {
	line-height: 44px;
	color: var(--dropdown-darker);
}

#header2_right > form .select2-selection__arrow {
	height: 44px !important;
}

#header2_right > form .select2-selection__arrow b {
	border-color: var(--gray) transparent transparent;
	border-width: 4px 4px 0;
}

#header2_right > * + * {
	margin-left: 16px;
}

#header2_right .header2_viewconsole,
#header2_right .header2_substop,
#header2_right .header2_subrestart,
#header2_right .header2_subreinstall,
#header2_right .header2_subrescue,
#header2_right .header2_subdestroy,
#header2_right a.header2_subdestroy {
	margin-left: 0;
}

.form-group--icon input[type="text"] {
	height: 42px;
}

/* Header Left - page title */
#header2_deploy h1,
#header2_left h1,
.header-topr h1 {
	color: var(--table-text);
	margin-bottom: 20px;
}

#header2_left {
	flex-grow: 2;
	margin-right: 50px;
}

/*  #20273 mobile-responsiveness
	***** (iPhone 6 plus and smaller)  ***/
@media all and (max-width: 767px) {
	#header1_0 {
		position: absolute;
		top: 0px;
		margin-bottom: 3px;
		padding: 0;
		font-size: 16px;
		width: 100%;
		text-align: center;
	}

	#header1_session {
		overflow: visible;
		z-index: -1;
		position: relative;
	}

	#header1_session.grow {
		height: 54px;
		opacity: 1;
		margin-bottom: 17px;
	}

	#header1_session .glyph {
		display: none;
	}
}

a.header3_1 {
	display: inline-block;
	color: var(--gray);
	position: relative;
	height: 49px;
	padding-top: 16px;
	font-size: 15px;
	margin-right: 20px;
}

a.header3_1:hover {
	color: var(--brand-primary);
}

a.header3_1:after {
	display: block;
	position: absolute;
	z-index: 10;
	content: "";
	left: 0px;
	bottom: -1px;
	height: 2px;
	width: 0px;
	background-color: var(--brand-primary);
	transition: width 0.3s;
}

a.header3_1active {
	color: var(--brand-primary);
	font-weight: bold;
}

a.header3_1active:after {
	width: 100%;
}

#header3_3 {
	display: block;
	position: absolute;
	right: 25px;
	bottom: 35px;
	height: 51px;
	width: 51px;
	z-index: 5;
	border-radius: 26px;
	line-height: 51px;
	text-align: center;
	font-size: 27px;
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

#header3_3:before {
	content: "\f278";
}

#header3_3:hover {
	background-color: var(--brand-primary-lighter);
}

.block1290deploy,
#header3_0 {
	position: relative;
	margin-bottom: 56px;
	overflow: visible;
}

#header4_0 + .block1290 {
	margin-bottom: 30px;
}

#header4_0 {
	display: block;
	position: relative;
	top: -49px;
	z-index: -1;
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: var(--border-secondary);
}

.button.button-servers {
	position: absolute;
	top: -170px;
	right: 30px;
	background-color: var(--dropdown-light);
	color: var(--brand-primary);
	font-weight: 800;
}

.button.button-servers:hover,
.button.button-servers:active {
	background-color: rgba(23, 98, 227, 0.2);
}

@media (max-width: 767px) {
	#header2_wrap,
	#header2_deploy {
		flex-wrap: wrap;
	}

	.button.button-servers.btn-sm {
		top: -118px;
		right: 16px;
		height: 40px;
		padding: 0 12px;
		line-height: 40px;
		font-size: 13px;
	}

	#header2_wrap,
	#header2_deploy,
	.header-top {
		padding: 16px 15px 0 16px;
		margin-top: 27px;
	}

	.app-header {
		margin: 0;
	}

	#header2_left,
	.header-top {
		margin-right: 16px;
		margin-bottom: 0;
	}

	#header2_left h1,
	.header-top h1 {
		font-size: 28px;
	}

	#header2_deploy h1 {
		font-size: 28px;
	}

	#header2_right > form {
		display: block;
	}

	#header2_right > form .form-group {
		border: none;
		height: 44px;
		flex-direction: row-reverse;
	}

	#header2_right > form .form-group input {
		height: 44px;
		width: 100px;
	}

	#header2_right > form .form-group input::-ms-input-placeholder {
		color: transparent;
	}

	#header2_right > form .form-group input::placeholder {
		color: transparent;
	}
}

.header2_details {
	font-weight: 400;
	font-size: 13px;
	margin-right: 24px;
	line-height: 26px;
	color: var(--text-secondary);
}

.header2_billing {
	display: inline-block;
	text-align: right;
}

.header2_billing > a {
	color: var(--table-text);
	font-size: 36px;
	font-weight: 300;
	line-height: 42px;
}

.header2_billing > :nth-child(2) {
	color: var(--dropdown-darker);
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
}

@media (max-width: 767px) {
	.header2_billing > a {
		font-size: 28px;
		line-height: 32px;
	}
}

@media (max-width: 374px) {
	.header2_billing {
		display: none;
	}

	.header2_billing > a {
		color: var(--bg-primary);
		font-size: 36px;
		font-weight: 300;
		line-height: 42px;
	}
}

h1 {
	font-size: 36px;
	line-height: 42px;
	margin: 0px 0px 25px 0px;
	color: var(--table-text);
	font-weight: 300;
}

h2 {
	font-size: 28px;
	line-height: 32px;
}

h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 0px 0px 25px 0px;
	color: var(--table-text);
	font-weight: 400;
}

h4 {
	font-size: 18px;
	line-height: 18px;
	margin: 0px 0px 18px 0px;
	color: var(--table-text);
	font-weight: 400;
}

h5 {
	font-size: 17px;
	line-height: 16px;
	margin: 0px 0px 18px 0px;
	color: var(--table-text);
	font-weight: 500;
}

.display-2 {
	display: block;
	font-size: 28px;
	line-height: 32px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	h3 {
		font-size: 21px;
	}
}

p {
	margin: 0;
}

@media (min-width: 992px) {
	.row-eq-height {
		display: flex;
		flex-wrap: wrap;
	}

	.row-eq-height > [class*="col-"] {
		display: flex;
	}

	.row-eq-height > [class*="col-"] > * {
		margin: 0;
		width: 100%;
		height: 100%;
	}

	.row-eq-height > [class*="col-"] > * .panel-body {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.row-eq-height > [class*="col-"] > * .accordion {
		flex: 1;
	}
}

span.popup-icon,
.zmdi-edit.popup-icon,
.zmdi-accounts-alt.popup-icon {
	position: relative;
	top: 2px;
	font-size: 19px;
	display: inline-block;
	margin-right: 16px;
	width: 10%;
	text-align: left;
	color: var(--gray);
}

span.popup-icon.fonticonconsole,
span.popup-icon.fonticon_server {
	right: 1px;
}

a.server-destroy > span,
a.server-destroy:hover > span {
	color: var(--red) !important;
}

.input_note {
	border: 1px solid var(--border-primary);
	vertical-align: middle;
	border-radius: 0;
	padding: 16px 12px;
	width: 100%;
}

.input_note.text_light {
	color: var(--text-secondary);
}

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

.flexlayout100p {
	width: 100%;
}

.flexlayout460px {
	width: 460px;
}

.flexwidth1sixth {
	width: 15%;
}

.flexwidth1fifth {
	width: 18%;
}

.flexwidth1third {
	width: 30%;
}

.flexwidth1thirdcc {
	width: 32%;
}

.flexwidth2thirds {
	width: 64%;
}

.flexwidth40 {
	width: 40%;
}

.flexwidth20 {
	width: 20%;
}

.flexwidth25 {
	width: 25%;
}

.flexwidth33 {
	width: 33%;
}

.flexwidth34 {
	width: 34%;
}

.flexwidth27 {
	width: 27%;
}

.flexwidthhalf {
	width: 47.5%;
}

.flexwidthhalfcc {
	width: 49%;
}

.flexwidthhalf49extra {
	width: 49.6%;
}

.flexwidthquarter {
	width: 21.2%;
}

.flexwidthquartercc {
	width: 23.2%;
}

.flexwidth100 {
	width: 100%;
}

div.tag-form,
div.label-form {
	margin-top: 3px;
}

form.dynamic-tag .select2-container--default .select2-selection--single {
	border: 0px;
	margin-left: -15px;
}

form.dynamic-tag
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	height: 35px;
	line-height: initial;
	position: relative;
	top: 5px;
}

form.dynamic-tag .select2-container .select2-selection--single {
	height: initial;
}

form.dynamic-tag
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	top: 35%;
}

input[type="submit"].responsivefullwidthmr10,
.responsivefullwidthmr10 {
	margin-left: 10px;
}

@media all and (min-width: 0px) and (max-width: 700px) {
	.responsiveccfullwidth {
		width: 100%;
	}
}

.success_message,
.success_message a,
.modal_success_message,
.modal_success_message a {
	color: var(--green);
	border-color: var(--green);
}

.warning_message,
.warning_message a {
	color: var(--warning);
	border-color: var(--warning);
}

.error_message,
.error_message a,
.modal_error_message,
.modal_error_message a {
	color: var(--red);
	border-color: var(--red);
}

.error_message .message-title {
	color: var(--red);
}

.promo_message,
.promo_message a {
	color: var(--green);
	border-color: var(--green);
}

.info_message,
.info_message a {
	color: var(--brand-primary);
	border-color: var(--brand-primary);
}

.resolved_message,
.resolved_message a {
	color: var(--text-secondary);
	border-color: var(--gray);
}

.success_message,
.warning_message,
.error_message,
.promo_message,
.info_message,
.resolved_message,
.modal_error_message,
.modal_success_message,
.migrate_db_message {
	position: relative;
	font-size: 15px;
	max-width: 1290px;
	margin: 0px auto 40px auto;
	padding: 14px 16px;
	text-align: left;
	border-radius: 0;
	border-width: 0 0 0 3px;
	border-style: solid;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	overflow: auto;
}

.success_message a,
.warning_message a,
.error_message a,
.promo_message a,
.info_message a,
.resolved_message a,
.modal_error_message a,
.modal_success_message a,
.migrate_db_message a {
	text-decoration: underline;
}

.notice_close {
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 5px;
	font-size: 22px;
	padding: 5px 12px;
}

.notice_close::before {
	content: "\f136";
	font-family: "Material-Design-Iconic-Font", sans-serif;
	opacity: 0.6;
}

.support-status_open:before {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9335_15498)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.51102 1.00049C4.64636 1.00049 1.51343 4.13342 1.51343 7.99809C1.51343 11.8628 4.64636 14.9957 8.51102 14.9957C12.3757 14.9957 15.5086 11.8628 15.5086 7.99809C15.5086 4.13342 12.3757 1.00049 8.51102 1.00049ZM0.513428 7.99809C0.513428 3.58113 4.09407 0.000488281 8.51102 0.000488281C12.928 0.000488281 16.5086 3.58113 16.5086 7.99809C16.5086 12.415 12.928 15.9957 8.51102 15.9957C4.09407 15.9957 0.513428 12.415 0.513428 7.99809ZM8.5 4C8.77614 4 9 4.22386 9 4.5V8.29289L10.8536 10.1464C11.0488 10.3417 11.0488 10.6583 10.8536 10.8536C10.6583 11.0488 10.3417 11.0488 10.1464 10.8536L8.14645 8.85355C8.05268 8.75979 8 8.63261 8 8.5V4.5C8 4.22386 8.22386 4 8.5 4Z' fill='%231062FE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9335_15498'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	transform: translateY(2px);
}

.support-status_closed:before {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.51102 1.00049C4.64636 1.00049 1.51343 4.13342 1.51343 7.99809C1.51343 11.8628 4.64636 14.9957 8.51102 14.9957C12.3757 14.9957 15.5086 11.8628 15.5086 7.99809C15.5086 4.13342 12.3757 1.00049 8.51102 1.00049ZM0.513428 7.99809C0.513428 3.58113 4.09407 0.000488281 8.51102 0.000488281C12.928 0.000488281 16.5086 3.58113 16.5086 7.99809C16.5086 12.415 12.928 15.9957 8.51102 15.9957C4.09407 15.9957 0.513428 12.415 0.513428 7.99809ZM11.8536 5.64645C12.0488 5.84171 12.0488 6.15829 11.8536 6.35355L7.85355 10.3536C7.65843 10.5487 7.34211 10.5488 7.14679 10.3539L5.14287 8.3539C4.94741 8.15883 4.9471 7.84225 5.14217 7.64679C5.33725 7.45134 5.65383 7.45103 5.84928 7.6461L7.49965 9.29324L11.1464 5.64645C11.3417 5.45118 11.6583 5.45118 11.8536 5.64645Z' fill='%23656C87'/%3E%3C/svg%3E ");
	transform: translateY(2px);
}

.support-status_inprogress:before {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20clip-path='url%28%23a%29'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.49.553a.5.5%200%200%201-.39.59%206.957%206.957%200%200%200-2.543%201.08.5.5%200%200%201-.566-.824A7.957%207.957%200%200%201%206.9.163a.5.5%200%200%201%20.59.39Zm2.08.005a.5.5%200%200%201%20.592-.387%208%208%200%200%201-.063%2015.667.5.5%200%200%201-.198-.98A7%207%200%200%200%209.957%201.15.5.5%200%200%201%209.57.558Zm-7.136%203.02a.5.5%200%200%201%20.156.689%206.952%206.952%200%200%200-.973%202.522.5.5%200%201%201-.985-.171%207.951%207.951%200%200%201%201.113-2.885.5.5%200%200%201%20.69-.156ZM1.064%209.01a.5.5%200%200%201%20.59.39c.18.89.53%201.719%201.015%202.452a.5.5%200%200%201-.834.551A7.956%207.956%200%200%201%20.674%209.6a.5.5%200%200%201%20.39-.59Zm2.93%204.994a.5.5%200%200%201%20.692-.145c.65.424%201.585.858%202.382.967a.5.5%200%200%201-.136.991c-.996-.136-2.073-.65-2.793-1.121a.5.5%200%200%201-.145-.692Z'%20fill='%23FF7B00'%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id='a'%3E%3Cpath%20fill='%23fff'%20d='M.5%200h16v16H.5z'%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	transform: translateY(2px);
}

.support-status_awaitclientreply:before {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20clip-path='url%28%23a%29'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.998%200a.5.5%200%200%201%20.5.5v2.251C3.908%201.045%206.144.001%208.51.001a7.998%207.998%200%201%201%200%2015.995c-3.852%200-7.081-2.774-7.844-6.392a.5.5%200%201%201%20.978-.207c.67%203.172%203.503%205.599%206.866%205.599A6.998%206.998%200%201%200%208.511%201C6.143%201%203.97%202.186%202.831%203.993h3.167a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5V.5a.5.5%200%200%201%20.5-.5Zm6.504%203.995a.5.5%200%200%201%20.5.5v3.947l1.77%201.701a.5.5%200%200%201-.694.721L8.156%209.015a.5.5%200%200%201-.154-.36v-4.16a.5.5%200%200%201%20.5-.5Z'%20fill='%237224E8'%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id='a'%3E%3Cpath%20fill='%23fff'%20d='M.5%200h16v16H.5z'%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
	transform: translateY(2px);
}

.status_success:before {
	display: inline-block;
	content: "";
	height: 8px;
	width: 8px;
	margin: -4px 6px 0 0;
	vertical-align: middle;
	border-radius: 4px;
	background-color: var(--green);
}

.status_warning,
.status_warning_2 {
	color: var(--warning);
	white-space: nowrap;
}

.status_warning:before {
	display: inline-block;
	content: "";
	height: 8px;
	width: 8px;
	margin: -4px 6px 0 0;
	vertical-align: middle;
	border-radius: 0;
	background-color: var(--warning);
}

.status_warning-circle:before {
	border-radius: 4px;
}

.status_error,
.status_error_2 {
	color: var(--red);
	white-space: nowrap;
}

.status_error:before {
	display: inline-block;
	content: "";
	height: 8px;
	width: 8px;
	margin: -4px 6px 0 0;
	vertical-align: middle;
	border-radius: 0;
	background-color: var(--red);
}

.status_disabled {
	color: var(--disabled);
	white-space: nowrap;
}

.status_disabled:before {
	display: inline-block;
	content: "";
	height: 8px;
	width: 8px;
	margin: -4px 6px 0 0;
	vertical-align: middle;
	border-radius: 0;
	background-color: var(--disabled);
}

.block1290,
#header3_0 {
	position: relative;
	min-width: 320px;
	margin: 0px auto 48px 0px;
	padding: 0px 30px;
	overflow: unset !important;
}

.block1290 > .block1290 {
	margin: 0;
	padding: 0;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.block1290 {
		padding: 0px 15px;
	}

	.block1290 a.button:first-of-type:not(.button-servers .button-marketplace) {
		width: 100%;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
	.block1290 {
		overflow: hidden;
	}
}

.flex3column_center {
	width: 100%;
}

.block460left .panel,
.block460center .panel,
.block520left .panel,
.block520center .panel,
.content-block .panel {
	box-shadow: none;
	background: transparent;
	border-radius: 0;
}

.block460left .panel .panel-body,
.block460center .panel .panel-body,
.block520left .panel .panel-body,
.block520center .panel .panel-body,
.content-block .panel .panel-body {
	padding: 0;
}

.block460center,
.block460left,
.block520center,
.block520left {
	margin: 0 0 40px 0;
	max-width: 520px;
}

.block460center:last-child,
.block460left:last-child,
.block520center:last-child,
.block520left:last-child {
	margin-bottom: 0;
}

.block460center + hr,
.block460left + hr,
.block520center + hr,
.block520left + hr {
	display: none;
}

#tab_settings .block460left,
#tab_records .block460left {
	border: 1px solid var(--border-secondary);
}

#tab_settings .flex3column_center .block460left {
	border: none;
}

#tab_settings .flex3column_center + .flex3column_center {
	margin-top: 24px;
}

#tab_records .select2-selection__rendered {
	line-height: 37px !important;
	padding-left: 5px !important;
	padding-top: 0px !important;
}

#tab_records .select2-selection {
	height: 37px !important;
}

#tab_records select {
	width: 80% !important;
}

#tab_records
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	top: 35%;
}

#tabc_billingaddfunds .block520center h3 {
	margin-bottom: 30px;
}

/*
* QRCode billing
*/
#tabc_billingaddfunds .qrcode-panel .back_button_header {
	margin: 15px;
}

.qrcode-container {
	border-radius: 0;
	border-top: 1px solid var(--border);
}

#qrcode {
	padding-bottom: 20px;
}

#tabc_billinglimits.block520center .panel-body {
	padding: 20px;
}

@media (min-width: 768px) {
	#tabc_billingaddfunds.flex3column .container-fluid .row {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: flex-start;
		margin: 0;
	}

	#tabc_billingaddfunds.flex3column .container-fluid .row > .col-md-2 {
		width: 180px;
		padding: 0;
	}

	#tabc_billingaddfunds.flex3column .container-fluid .row > .col-md-8 {
		flex: 1;
		width: auto;
		max-width: 100%;
		padding: 0;
	}

	#tabc_billingaddfunds.flex3column .container-fluid .row > .col-sm-2 {
		display: none;
	}
}

.content-block {
	max-width: 100%;
	margin: 0px auto;
	overflow: hidden;
}

.content-block h3,
.content-block h4 {
	width: 100%;
	display: block;
}

.content-block h4 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.content-block .tablelist [colspan="4"],
.content-block .responsivetable [colspan="4"] {
	text-align: center;
}

@media (max-width: 767px) {
	.block520center {
		padding: 16px;
	}
}

/******
	Only used for billing auth form.
	*******/
.block700center {
	max-width: 700px;
	margin: 0px auto 50px auto;
	overflow: hidden;
}

.block730left {
	max-width: 730px;
}

div.flex3column {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: flex-start;
}

div.flex3column_left {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-shadow: none;
	width: 180px;
}

div.flex3column > div.flex3column_left {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

div.flex3column_left input.tabmenu_radio + label {
	margin-bottom: 15px;
}

div.flex3column_left input.tabmenu_radio + label:last-child {
	margin-bottom: 0;
}

div.flex3column_left input.tabmenu_radio:checked + label {
	font-weight: normal;
}

@media (max-width: 768px) {
	div.flex3column {
		flex-direction: column;
	}

	div.flex3column_center {
		margin: 0;
		width: 100%;
	}

	div.flex3column_left {
		margin: 0 0 24px 0;
		width: 100%;
	}
}

.inputformiconoverlay {
	display: block;
	position: absolute;
	top: 12px;
	right: 18px;
}

.inputformiconoverlay > * {
	margin-left: 20px;
}

.innerblock {
	border: 1px solid var(--border-secondary);
	border-radius: 0;
	padding: 30px;
	margin-right: 15px;
}

.beta_tag {
	background: var(--bg-lighter);
	color: var(--brand-primary);
	font-weight: normal;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 11px;
	line-height: 11px;
	position: relative;
	top: -2px;
}

.deprecation_tag {
	background: var(--bg-lighter);
	border-radius: 2px;
	color: var(--red);
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	padding: 4px 6px;
	position: relative;
	top: -2px;
}

.tag {
	background: var(--brand-primary);
	color: white;
	font-weight: normal;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 11px;
	line-height: 11px;
	position: relative;
	top: -2px;
	margin-left: 5px;
}

.new_tag:after {
	content: "NEW";
	background: var(--bg-lighter);
	color: var(--brand-primary);
	font-weight: normal;
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 11px;
	line-height: 11px;
	position: relative;
	top: -2px;
}

.h3link {
	font-size: 15px;
	font-weight: 300;
}

/*span[data-popup2] */
#HOVERPOPUP2 {
	pointer-events: none;
	display: none;
	position: absolute;
	z-index: 1000;
	font-size: 13px;
	text-align: center;
	background-color: var(--bg-dropdown);
	color: var(--bg-primary);
	border-radius: 0;
	padding: 4px 10px;
}

#HOVERPOPUP2:after {
	pointer-events: none;
	position: absolute;
	font-size: 10px;
	bottom: -16px;
	left: 0px;
	right: 0px;
	text-align: center;
	content: "▼";
	color: var(--bg-dropdown);
	transform: scale(2, 1);
}

.dialogPopupBackground {
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1999;
	background-color: rgba(0, 0, 0, 0.8);
}

.dialogPopup {
	position: relative;
	max-width: 500px;
	background-color: var(--bg-primary);
	border-radius: 0;
	padding: 40px 50px;
	margin: 20px;
}

.dialogclosebutton {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: var(--text-sidebar);
	font-weight: bold;
	font-size: 24px;
	cursor: pointer;
}

.dialogclosebutton:hover {
	color: var(--bg-primary);
}

.dialogclosebutton:after {
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 24px;
	content: "\f136";
}

.dialogContent {
	text-align: center;
}

.dialogButtons {
	text-align: center;
	margin-top: 25px;
}

.dialogButtons input[type="button"] {
	margin: 5px;
	min-width: 140px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.dialogPopup {
		padding: 40px 40px;
	}

	.dialogclosebutton {
		position: absolute;
		top: 10px;
		right: 10px;
		background-color: var(--bg-primary);
	}

	.dialogclosebutton:hover {
		color: var(--text-secondary);
	}
}

#DROPDOWNPOPUP {
	position: absolute;
	top: 0px;
	opacity: 0;
	margin-top: 20px;
	display: none;
	background-color: var(--bg-primary);
	width: 200px;
	padding: 6px 0px;
	border: none;
	z-index: 1000;
	border-radius: 0;
	text-align: left;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

#DROPDOWNPOPUP [aria-label="Popup Menu"] {
	display: none;
}

#DROPDOWNPOPUP > a,
#DROPDOWNPOPUP > span,
#DROPDOWNPOPUP > button {
	display: block;
	padding: 5px 24px !important;
	color: black;
	cursor: pointer;
	background-color: transparent;
	border-width: 0px;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	text-decoration: none;
}

#DROPDOWNPOPUP > a:hover,
#DROPDOWNPOPUP > button:hover,
#DROPDOWNPOPUP > span:hover {
	color: #3ba3ff;
	transition: background-color 0.3s;
	background-color: var(--dropdown-light);
}

#DROPDOWNPOPUP > hr {
	background-color: var(--border-primary);
	height: 1px;
	border: none;
	padding: 0px;
	margin: 6px 0px;
}

#DROPDOWNPOPUP:not(.server-popup):before {
	display: block;
	position: absolute;
	right: 17px;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	color: var(--border-primary);
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 40px;
}

.pageoptions span {
	display: inline-block;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: var(--brand-primary);
	font-weight: bold;
	margin: 5px 3px;
	font-size: 14px;
	text-align: center;
	border: 1px solid var(--brand-primary);
}

.pageoptions a {
	display: inline-block;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: var(--gray);
	font-weight: 400;
	margin: 5px 3px;
	font-size: 14px;
	text-align: center;
}

.pagingoptions {
	float: right;
	display: none;
}

#DROPDOWNPOPUP,
.dropdown__menu {
	position: absolute;
	top: 0;
	opacity: 0;
	margin-top: 10px;
	display: none;
	background-color: var(--bg-primary);
	min-width: 230px;
	padding: 6px 0;
	border: none;
	z-index: 1000;
	border-radius: 0;
	text-align: left;
	box-shadow:
		0 8px 16px 0 rgba(10, 14, 29, 0.04),
		0 8px 64px 0 rgba(10, 14, 29, 0.08);
}

#DROPDOWNPOPUP [aria-label="Popup Menu"],
.dropdown__menu [aria-label="Popup Menu"] {
	display: none;
}

#DROPDOWNPOPUP .dropdown__menu-item,
#DROPDOWNPOPUP > a,
#DROPDOWNPOPUP > button,
#DROPDOWNPOPUP > span,
.dropdown__menu .dropdown__menu-item,
.dropdown__menu > a,
.dropdown__menu > button,
.dropdown__menu > span {
	display: block;
	padding: 5px 24px !important;
	color: black;
	cursor: pointer;
	background-color: transparent;
	border-width: 0;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	text-decoration: none;
}

#DROPDOWNPOPUP .dropdown__menu-item svg path,
#DROPDOWNPOPUP > a svg path,
#DROPDOWNPOPUP > button svg path,
#DROPDOWNPOPUP > span svg path,
.dropdown__menu .dropdown__menu-item svg path,
.dropdown__menu > a svg path,
.dropdown__menu > button svg path,
.dropdown__menu > span svg path {
	transition: fill 0.3s;
}

#DROPDOWNPOPUP .dropdown__menu-item:hover,
#DROPDOWNPOPUP > a:hover,
#DROPDOWNPOPUP > button:hover,
#DROPDOWNPOPUP > span:hover,
.dropdown__menu .dropdown__menu-item:hover,
.dropdown__menu > a:hover,
.dropdown__menu > button:hover,
.dropdown__menu > span:hover {
	color: var(--brand-primary);
	transition: background-color 0.3s;
	background-color: var(--dropdown-light);
}

#DROPDOWNPOPUP .dropdown__menu-item:hover svg .st0,
#DROPDOWNPOPUP .dropdown__menu-item:hover svg path,
#DROPDOWNPOPUP > a:hover svg .st0,
#DROPDOWNPOPUP > a:hover svg:not(.destroy) path,
#DROPDOWNPOPUP > button:hover svg .st0,
#DROPDOWNPOPUP > button:hover svg path,
#DROPDOWNPOPUP > span:hover svg .st0,
#DROPDOWNPOPUP > span:hover svg path,
.dropdown__menu .dropdown__menu-item:hover svg .st0,
.dropdown__menu .dropdown__menu-item:hover svg path,
.dropdown__menu > a:hover svg .st0,
.dropdown__menu > a:hover svg path,
.dropdown__menu > button:hover svg .st0,
.dropdown__menu > button:hover svg path,
.dropdown__menu > span:hover svg .st0,
.dropdown__menu > span:hover svg path {
	transition: fill 0.3s;
	fill: var(--brand-primary) !important;
}

#DROPDOWNPOPUP .dropdown__menu-item:hover svg .move-icon-st0,
#DROPDOWNPOPUP > a:hover svg .move-icon-st0,
#DROPDOWNPOPUP > button:hover svg .move-icon-st0,
#DROPDOWNPOPUP > span:hover svg .move-icon-st0,
.dropdown__menu .dropdown__menu-item:hover svg .move-icon-st0,
.dropdown__menu > a:hover svg .move-icon-st0,
.dropdown__menu > button:hover svg .move-icon-st0,
.dropdown__menu > span:hover svg .move-icon-st0 {
	stroke: #3ba3ff !important;
}

#DROPDOWNPOPUP .dropdown__menu-item:hover.remove,
#DROPDOWNPOPUP > a:hover.remove,
#DROPDOWNPOPUP > button:hover.remove,
#DROPDOWNPOPUP > span:hover.remove,
.dropdown__menu .dropdown__menu-item:hover.remove,
.dropdown__menu > a:hover.remove,
.dropdown__menu > button:hover.remove,
.dropdown__menu > span:hover.remove {
	color: var(--red);
}

#DROPDOWNPOPUP .dropdown__menu-item:hover.remove svg path,
#DROPDOWNPOPUP > a:hover.remove svg path,
#DROPDOWNPOPUP > button:hover.remove svg path,
#DROPDOWNPOPUP > span:hover.remove svg path,
.dropdown__menu .dropdown__menu-item:hover.remove svg path,
.dropdown__menu > a:hover.remove svg path,
.dropdown__menu > button:hover.remove svg path,
.dropdown__menu > span:hover.remove svg path {
	fill: var(--red) !important;
}

#DROPDOWNPOPUP .dropdown__menu-divider,
#DROPDOWNPOPUP hr,
.dropdown__menu .dropdown__menu-divider,
.dropdown__menu hr {
	background-color: rgba(220, 222, 224, 0.55);
	height: 1px;
	border: none;
	padding: 0;
	margin: 6px 0;
}

#DROPDOWNPOPUP:not([class*="-flipped"]):before,
.dropdown__menu:before {
	top: -16px;
	color: var(--border-primary);
}

#DROPDOWNPOPUP:before:not(.server-popup),
.dropdown__menu:after,
.dropdown__menu:before {
	display: block;
	position: absolute;
	right: 17px;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 40px;
}

#DROPDOWNPOPUP:not(.server-popup):after,
.dropdown__menu:after {
	top: -15px;
	right: 17px;
	color: var(--bg-primary);
}

#DROPDOWNPOPUP:after {
	display: block;
	position: absolute;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 40px;
}

.dropdown__menu {
	display: block;
	top: 100%;
	right: 20px;
	margin-top: -10px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	transform: translate3d(0, 16px, 0);
}

.dropdown__menu-item {
	display: flex !important;
	align-items: center;
}

.dropdown__menu-item .svg-icon {
	margin-right: 16px;
}

.dropdown__menu-item > span {
	white-space: nowrap;
}

.dropdown__menu-scroll {
	max-height: 415px;
	overflow: auto;
	margin-top: 6px;
	padding: 6px 0;
	border-top: 1px solid rgba(220, 222, 224, 0.55);
	scrollbar-width: none;
}

.dropdown__menu-scroll:not(:last-child) {
	border-bottom: 1px solid rgba(220, 222, 224, 0.55);
	margin-bottom: 6px;
}

.dropdown__menu-scroll:last-child {
	margin-bottom: -6px;
}

.dropdown__menu-scroll::-webkit-scrollbar-button {
	display: none;
}

.dropdown__menu-scroll::-webkit-scrollbar-thumb {
	background-color: var(--bg-lighter);
	height: 0;
}

.dropdown__menu-scroll::-webkit-scrollbar-thumb:hover {
	background-color: var(--bg-lighter);
}

.dropdown__menu-scroll::-webkit-scrollbar-track,
.dropdown__menu-scroll::-webkit-scrollbar-track:hover {
	background-color: var(--dropdown-light);
}

.dropdown__menu-scroll::-webkit-scrollbar {
	width: 6px;
}

.dropdown--on-hover:hover .dropdown__menu {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
	transform: translate3d(0, 8px, 0);
}

.pagingoptions span {
	display: inline-block;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: var(--brand-primary);
	font-weight: bold;
	margin: 5px 3px;
	font-size: 14px;
	text-align: center;
	border: 1px solid var(--brand-primary);
}

.pagingoptions a {
	display: inline-block;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: var(--gray);
	font-weight: 400;
	margin: 5px 3px;
	font-size: 14px;
	text-align: center;
}

.svg-logo {
	overflow: visible;
}

.svg-logo__text {
	fill: var(--bg-primary);
}

.svg-logo__shape-1 {
	fill: var(--brand-primary);
}

.svg-logo__shape-2 {
	fill: #51b9ff;
}

.svg-logo__shape-3 {
	fill: var(--bg-primary);
}

span.service_alerts_count {
	height: 21px;
	width: 21px;
	background-color: var(--red);
	border-radius: 100%;
	border: 2px solid var(--bg-primary);
	top: -9px;
	right: -9px;
	display: inline-flex;
	position: absolute;
	color: var(--bg-primary);
	font-size: 10px;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	font-family: "Roboto", sans-serif;
}

@keyframes pulse {
	from {
		transform: scale3d(1, 1, 1);
	}

	50% {
		transform: scale3d(1.5, 1.5, 1.5);
	}

	to {
		transform: scale3d(1, 1, 1);
	}
}

span.spanlink {
	color: var(--gray);
	padding-left: 10px;
}

span.spanlink:hover {
	color: var(--brand-primary);
	cursor: pointer;
}

span.spanlink:active {
	color: var(--gray);
	text-shadow: 0px 0px 3px #eaeaea;
}

span.spanlink > .fonticon {
	color: inherit;
	font-size: 1.5em;
}

.spanflash {
	-moz-animation: flash 0.5s ease-out;
	-moz-animation-iteration-count: 1;
	-webkit-animation: flash 0.5s ease-out;
	-webkit-animation-iteration-count: 1;
	-ms-animation: flash 0.5s ease-out;
	-ms-animation-iteration-count: 1;
}

/* Menu sidebar */
#prodsidebar_block,
#accountsidebar_block,
#createsidebar_block,
#supportsidebar_block,
#moresidebar_block {
	left: -800px;
	box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
	transition: all ease-in 0.3s;
	display: none;
}

@media (max-width: 767px) {
	#prodsidebar_block,
	#accountsidebar_block,
	#createsidebar_block,
	#supportsidebar_block,
	#moresidebar_block {
		display: unset;
	}
}

#prodsidebar_hide,
#accountsidebar_hide,
#createsidebar_hide,
#supportsidebar_hide,
#moresidebar_hide {
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

#prodsidebar_hide:after,
#accountsidebar_hide:after,
#createsidebar_hide:after,
#supportsidebar_hide:after,
#moresidebar_hide:after {
	content: "\f136";
}

#menusidebar_container a {
	display: block;
	color: var(--nav-color);
	letter-spacing: -0.1px;
	margin-bottom: 10px;
}

#menusidebar_container a:hover {
	color: var(--brand-primary);
}

#menusidebar_container a.active {
	color: var(--brand-primary);
	background-color: var(--bg-primary);
	font-weight: 500;
}

/* Notifications sidebar */
#notifications_block {
	position: fixed;
	right: -400px;
	top: 0px;
	bottom: 0px;
	width: 360px;
	overflow: auto;
	background-color: var(--bg-primary);
	z-index: 1001;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	transition: all ease-in 0.2s;
}

#notifications_hide {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	font-size: 24px;
	opacity: 0.4;
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

#notifications_hide:after {
	content: "\f136";
}

.notification_container {
	border-top: 1px solid var(--border);
	padding: 20px 30px;
}

.notification_title {
	position: relative;
	padding: 0px 0px 0px 30px;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	color: var(--nav-color);
	word-wrap: break-word;
}

.notification_title.closed:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	content: "\f269";
	font-size: 20px;
	color: var(--green);
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

.notification_title.open:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	content: "\f1f4";
	font-size: 20px;
	color: var(--warning);
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

.notification_title.closed .badge {
	background-color: var(--green);
	color: var(--bg-primary);
	font-size: 11px;
}

.notification_title.open .badge {
	background-color: var(--warning);
	color: var(--bg-primary);
	font-size: 11px;
}

#notifications_header {
	font-size: 17px;
	margin: 16px 30px;
	color: var(--nav-color);
	font-weight: 500;
	text-align: left;
	line-height: 20px;
}

#notifications_header a {
	font-size: 13px;
	font-weight: 200;
	display: block;
}

.notification_date {
	display: inline-block;
	font-size: 11px;
	padding: 20px 0px 0px 0px;
	margin-bottom: 7px;
	opacity: 0.7;
	width: 81%;
}

.notification_entry {
	font-size: 13px;
	line-height: 23px;
}

.notification_dismiss {
	cursor: pointer;
	color: var(--brand-primary);
	text-decoration: none;
	font-size: 11px;
}

/* Billing */
div.billingiplog {
	margin: 60px 0px 0px 0px;
	text-align: center;
	opacity: 0.7;
}

input.billing_ccradio {
	display: none;
}

/* creditcard option container */
input.billing_ccradio + label {
	position: relative;
	line-height: 28px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	cursor: pointer;
	min-height: 52px;
	padding: 10px 10px 10px 56px;
	margin-bottom: 15px;
	border: 1px solid var(--border-secondary);
	border-radius: 0;
}

input.billing_ccradio:checked + label {
	color: var(--bg-primary);
	border-color: transparent !important;
	background: #026fce;
	background: linear-gradient(
		45deg,
		#135fac 1%,
		var(--brand-primary) 64%,
		#40baf5 97%
	);
	background-image: linear-gradient(
		45deg,
		#135fac 1%,
		var(--brand-primary) 64%,
		#1e87e3 97%
	);
	background-size: 102% 102%;
	background-position: -1px;
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
	transition: all ease-in 0.3s;
}

/* creditcard option radio button */
input.billing_ccradio + label::before {
	position: absolute;
	top: 12px;
	left: 12px;
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: var(--label);
	content: "\f26c";
}

input.billing_ccradio:checked + label::before {
	content: "\f26f";
	color: var(--bg-primary);
}

/* creditcard option children */
.billing_cc_description {
	margin-right: 20px;
}

.billing_cc_expiration {
	flex-grow: 2;
	-webkit-flex-grow: 2;
	width: 1px;
	font-size: 13px;
	white-space: nowrap;
	text-align: center;
}

.billing_cc_move {
	margin-right: 20px;
	min-width: 28px;
}

input.billing_ccradio + label button {
	border: none;
	background-color: transparent;
}

input.billing_ccradio:checked + label .fonticonchevronup {
	color: #a3d1fa;
}

input.billing_ccradio:checked + label .fonticondelete {
	color: #a3d1fa;
}

input.billing_ccradio:checked + label .fonticonchevronup:hover {
	color: var(--bg-primary);
}

input.billing_ccradio:checked + label .fonticondelete:hover {
	color: var(--bg-primary);
}

@media all and (max-width: 520px) {
	.billing_cc_description {
		width: 100%;
	}

	.billing_cc_expiration {
		opacity: 0;
	}
}

input.billing_ccradioexpired + label {
	opacity: 0.6;
	background-color: var(--bg-darker);
	border-color: var(--border-primary);
}

/* paypal autopay */
div.paypayAutopayContainer {
	margin-bottom: 40px;
}

div.paypalAutopayItem {
	position: relative;
	line-height: 28px;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 52px;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	border: 1px solid var(--border-secondary);
	border-radius: 0;
}

div.paypalAutopayItem button {
	border: none;
	background-color: transparent;
}

div.paypalAutopayItem > :nth-child(1) {
	padding: 0px 15px 0px 5px;
	text-align: center;
}

div.paypalAutopayItem > :nth-child(2) {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 20px;
	flex-grow: 2;
	-webkit-flex-grow: 2;
}

div.paypalAutopayItem > :nth-child(3) {
	text-align: right;
}

div.paypayAutopayContainer > :nth-child(1) > :nth-child(3) {
	opacity: 0;
	pointer-events: none;
}

div.paypayAutopayContainer > :nth-child(1) {
	color: var(--bg-primary);
	border-color: transparent !important;
	background: #026fce;
	background: linear-gradient(
		45deg,
		#135fac 1%,
		var(--brand-primary) 64%,
		#40baf5 97%
	);
	background-image: linear-gradient(
		45deg,
		#135fac 1%,
		var(--brand-primary) 64%,
		#1e87e3 97%
	);
	background-size: 102% 102%;
	background-position: -1px;
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
	transition: all ease-in 0.3s;
}

div.paypayAutopayContainer > :nth-child(1) .fonticondelete {
	color: #a3d1fa;
}

div.paypayAutopayContainer > :nth-child(1) .fonticondelete:hover {
	color: var(--bg-primary);
}

div.balance_blocks {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.balance_block {
	position: relative;
	display: block;
	width: 28%;
	padding: 40px 32px;
	background: var(--bg-primary);
	border-radius: 0;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	text-align: center;
	transition: all 0.2s ease-in;
	overflow: hidden;
}

.balance_block:before {
	font-family: "icons";
	font-size: 58px;
	line-height: 38px;
	color: var(--brand-primary);
}

.balance_block .balance_value {
	color: var(--table-text);
	font-size: 36px;
	font-weight: 300;
	line-height: 42px;
	transition: all 0.2s ease-in;
}

.balance_block .balance_title {
	font-size: 15px;
	color: var(--text-secondary);
	margin-top: 8px;
	transition: all 0.2s ease-in;
}

.balance_block .balance_desc {
	color: var(--text-secondary);
	font-size: 13px;
}

@media all and (min-width: 0px) and (max-width: 800px) {
	div.balance_blocks {
		flex-direction: column;
	}

	a.balance_block {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* Support */
span.ticket_count {
	display: block;
	position: absolute;
	top: -5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 9px;
	font-weight: 300;
	border-radius: 10px;
	background-color: #3ba3ff;
	color: var(--bg-primary);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
	span.ticket_count {
		display: none;
	}
}

#support_alert_notification {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	font-size: 16px;
	color: var(--warning);
	margin: 5px 0px 50px 0px;
	border: 1px solid var(--border);
	padding: 15px 45px 15px 60px;
	min-height: 60px;
	cursor: pointer;
}

#support_alert_notification > :nth-child(1) {
	position: absolute;
	top: -5px;
	left: -40px;
	width: 86px;
	height: 69px;
}

#support_alert_notification > :nth-child(2) {
	vertical-align: middle;
	margin-left: -30px;
}

#support_alert_notification > :nth-child(3) {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -12px;
	color: var(--text-secondary);
	font-size: 24px;
	font-family: Material-Design-Iconic-Font, sans-serif;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	#support_alert_notification {
		margin-left: 0px;
		padding-left: 45px;
		justify-content: center;
		text-align: center;
	}

	#support_alert_notification > :nth-child(1) {
		position: relative;
		top: 0px;
		left: 0px;
		margin-bottom: 10px;
	}

	#support_alert_notification > :nth-child(2) {
		width: 100%;
	}

	#support_alert_notification > :nth-child(3) {
		top: 15px;
		margin-top: 0px;
	}
}

.flexlayoutdatalabel {
	min-height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.flexlayoutdata {
	min-height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.flexlayoutdata *:nth-child(1) {
	width: 120px;
	overflow: hidden;
	color: var(--text-secondary);
}

/* Cart */
.cart {
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	margin: 0px;
	padding: 16px;
	background: var(--bg-primary);
	background-color: var(--bg-primary);
	color: var(--text-primary);
}

.cart .spinner:after {
	top: 115px;
}

table.billingcart {
	width: 100%;
	border-spacing: 0px;
}

table.billingcart td:nth-child(2) {
	text-align: right;
}

tr.billingcartform td {
	padding-bottom: 12px;
}

tr.billingcartform div {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
}

tr.billingcarterror td {
	padding-bottom: 12px;
	font-size: 15px;
	color: var(--red);
	font-weight: bold;
}

tr.billingcartcoupon td {
	padding: 8px 0px;
	border-top: 1px solid rgba(196, 227, 255, 0.1);
}

tr.billingcartcoupon .text_code {
	font-weight: bold;
	font-size: 24px;
}

tr.billingcartcoupon .text_price {
	font-weight: bold;
	font-size: 24px;
}

tr.billingcartcoupon .text_desc {
	font-size: 13px;
	margin: 8px 0px;
}

tr.billingcarttotal td,
tr.billingcartcredit td {
	padding: 8px 0px;
}

tr.billingcarttotal td:last-child,
tr.billingcartcredit td:last-child {
	color: var(--brand-primary);
	font-weight: 800;
}

.billingcart_bl .caption {
	font-size: 15px;
	font-weight: bold;
}

/* ISO */
#uploaderror {
	color: var(--red);
	font-weight: bold;
}

.pending_snapshot {
	color: var(--text-secondary);
}

.graph_container {
	display: inline-block;
	text-align: left;
	width: 100%;
	overflow: auto;
	padding: 16px;
	border: 1px solid var(--border-secondary);
}

.graph_container + h4 {
	margin-top: 30px;
}

.graph {
	width: 800px;
	height: 200px;
}

.graph_error {
	width: 706px;
	height: 165px;
	line-height: 165px;
	text-align: center;
	border: 1px solid var(--border-secondary);
	overflow: hidden;
}

.graph_spinner {
	width: 706px;
	height: 165px;
	line-height: 165px;
	text-align: center;
	border: 1px solid var(--border-secondary);
	overflow: hidden;
	position: relative;
}

.graph_spinner_image {
	position: absolute;
	z-index: 1001;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
}

.app_content {
	display: block;
	word-break: break-word;
	word-wrap: break-word;
	font-size: 15px;
	line-height: 1.25em;
	border: 1px solid var(--border-secondary);
	color: var(--label);
	border-radius: 3px;
	padding: 16px 16px;
	overflow: auto;
}

.app_credentials {
	background-color: var(--bg-darker);
	padding: 20px;
	line-height: 1.5;
}

.app_installation_tab {
	color: var(--nav-color);
}

li.app_doc_link a {
	color: var(--brand-primary) !important;
}

/* bootstrap effects */
.fade {
	opacity: 0;
	transition: opacity 0.15s linear;
}

.fade.in {
	opacity: 1;
}

.collapse {
	display: none;
}

.accordion .collapse.show {
	display: block;
}

.collapse.in {
	display: block;
}

tr.collapse.in {
	display: table-row;
}

tbody.collapse.in {
	display: table-row-group;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition-property: height, visibility;
	transition-duration: 0.35s;
	transition-timing-function: ease;
}

/* accordion */
.accordion {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	list-style: none;
}

.accordion > li {
	position: relative;
	padding: 0 0 6px 30px;
	min-height: 40px;
	list-style: none;
	margin: 0;
}

.accordion > li.open {
	padding-bottom: 30px;
}

.accordion > li.open > .acc-title > .plus-icon {
	transition: all 0.4s;
	transform: rotate(45deg);
}

.accordion > li.open > .acc-title > .plus-icon span {
	background-color: var(--brand-primary);
}

.accordion > li .plus-icon {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s;
}

.accordion > li h4 + ul {
	padding-top: 0 !important;
}

.accordion > li > div > ul {
	padding-top: 8px;
}

.accordion > li > div > ul > li {
	min-height: auto;
}

.accordion > li > div > ul > li.open {
	padding-bottom: 6px;
}

.accordion > li > div > ul > li:last-child {
	padding-bottom: 0;
}

.accordion.nowrap .acc-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

.accordion .collapse-body {
	padding-top: 20px;
}

.accordion .collapse:after {
	display: block;
	content: "";
	clear: both;
}

.accordion.nowrap.faq > li {
	padding: 16px 16px 16px 48px;
	border-radius: 0;
	border: 1px solid var(--border-secondary);
}

.accordion.nowrap.faq > li > .acc-title {
	padding-bottom: 0;
	font-weight: 800;
}

.accordion.nowrap.faq > li > .acc-title > .plus-icon {
	top: 20px;
	left: 16px;
}

.accordion.nowrap.faq > li > div > ul:not(.accordion) {
	padding-left: 16px;
}

.accordion.nowrap.faq > li > div > ul:not(.accordion) > li {
	padding-bottom: 10px;
	list-style: disc;
	color: var(--brand-primary);
}

.accordion.nowrap.faq > li > div > ul:not(.accordion) > li span {
	color: var(--label);
}

.acc-title {
	display: block;
	margin: 0;
	padding: 0 0 8px;
	cursor: pointer;
	transition: color 0.2s ease-in;
}

.faq-question {
	font-size: 16px;
	line-height: 16px;
	color: var(--text-primary);
	font-weight: 400;
}

.acc-title:hover,
.accordion > li.open > .acc-title {
	color: var(--brand-primary);
}

.plus-icon {
	position: relative;
	display: block;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.plus-icon span {
	position: absolute;
	display: block;
	background-color: var(--brand-primary);
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

.plus-icon span:first-child {
	top: 7px;
	height: 2px;
	width: 16px;
}

.plus-icon span:last-child {
	left: 7px;
	height: 16px;
	width: 2px;
}

@media (min-width: 0px) and (max-width: 767px) {
	.accordion.nowrap .acc-title {
		white-space: normal;
	}
}

/* icon list */
.iconlist {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	list-style: none;
}

.iconlist > li {
	position: relative;
	padding: 0 0 6px 0px;
	min-height: 40px;
}

.iconlist .icon {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	overflow: hidden;
}

.iconlist a {
	color: var(--gray);
}

.iconlist a:hover {
	color: #3ba3ff;
}

.iconlist.nowrap > li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
}

/* badges */
.badge {
	background-color: var(--text-sidebar);
	border-radius: 15px;
	color: var(--bg-primary);
	display: inline-block;
	font-size: 9px;
	font-weight: 300;
	line-height: 8px;
	min-width: 16px;
	padding: 5px 6px;
	text-align: center;
	vertical-align: text-bottom;
	white-space: nowrap;
}

/* badges */
.badge.alternative {
	border-radius: 0;
}

.badge.warning {
	background-color: var(--warning) !important;
	color: var(--bg-primary);
	font-weight: bold;
	font-size: 10px;
}

/* spinner */
.spinner:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border: solid 2px transparent;
	border-top-color: var(--warning);
	border-left-color: var(--warning);
	border-radius: 100%;
	animation: pace-spinner 400ms linear infinite;
}

.spinner-lg:after {
	margin: -22px 0 0 -22px;
	width: 40px;
	height: 40px;
}

.spinner-md:after {
	margin: -16px 0 0 -16px;
	width: 28px;
	height: 28px;
}

.spinner-hidden {
	opacity: 0;
	visibility: hidden;
}

.spinner-visible {
	opacity: 1;
	visibility: visible;
}

@keyframes pace-spinner {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.spinner.spinner-white:after {
	border-top-color: var(--bg-primary);
	border-left-color: var(--bg-primary);
}

.spinner.spinner-graph-blue:after {
	border-top-color: var(--brand-primary);
	border-left-color: var(--brand-primary);
}

/* spinner */
i[class^="sp"] {
	position: relative;
	width: 16px;
	height: 16px;
	clear: both;
	margin: 0 !important;
	display: inline-block;
	border: 2px rgba(0, 0, 0, 0.15) solid;
	border-radius: 50%;
	animation: spinner 0.6s infinite linear;
}

i[class="sp-blue"] {
	border-top: 2px var(--brand-primary) solid;
}

i[class="sp-red"] {
	border-top: 2px var(--red) solid;
}

i[class="sp-orange"] {
	border-top: 2px var(--warning) solid;
}

i[class="sp-white"] {
	border-top: 2px var(--bg-primary) solid;
}

@keyframes spinner {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.fadeIn {
	visibility: visible;
	animation: fadeIn 0.25s;
}

@keyframes fadeIn {
	0% {
		visibility: hidden;
		opacity: 0;
	}

	1% {
		visibility: visible;
		opacity: 0;
	}

	100% {
		visibility: visible;
		opacity: 1;
	}
}

.fadeOut {
	visibility: hidden;
	animation: fadeOut 0.25s;
}

@keyframes fadeOut {
	0% {
		visibility: visible;
		opacity: 1;
	}

	99% {
		visibility: hidden;
		opacity: 0;
	}

	100% {
		visibility: hidden;
		opacity: 0;
	}
}

/* tab control */
.button-tab {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	width: 46px;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	color: #000000;
	background-color: transparent;
	border: none;
	outline: none;
	border-radius: 0px;
}

.button-tab:active,
.button-tab:hover,
.button-tab:focus {
	background-color: transparent;
}

.button-tab > .fonticon {
	font-size: 24px;
	color: var(--text-secondary);
	vertical-align: -moz-middle-with-baseline;
	vertical-align: -webkit-baseline-middle;
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav > li {
	position: relative;
	display: block;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 12px 15px;
}

.nav > li.disabled > a {
	color: var(--disabled);
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
	color: var(--disabled);
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
}

.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.nav > li > a > img {
	max-width: none;
}

/* logged out */
@media (min-width: 768px) and (min-height: 700px) {
	.loggedout_vcenter {
		position: absolute;
		top: 50%;
		width: 100%;
		margin-top: -220px;
	}
}

/* block storage free banner */
.banner_blockstoragefree {
	width: 100%;
	background: rgba(0, 0, 0, 0)
		linear-gradient(
			45deg,
			#135fac 1%,
			var(--brand-primary) 64%,
			#1e87e3 97%
		)
		repeat scroll -1px center/102% 102%;
	color: var(--bg-primary);
	font-size: 18px;
	line-height: 25px;
	text-align: left;
	padding: 16px 16px 16px 120px;
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
	border-radius: 0;
	overflow: hidden;
	position: relative;
}

.banner_blockstoragefree::after {
	display: block;
	content: "";
	position: absolute;
	top: -7px;
	left: 11px;
	width: 86px;
	height: 65px;
}

.tw-button {
	background-color: #1b95e0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-sizing: border-box;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-kerning: auto;
	font-kerning: auto;
	-webkit-font-language-override: normal;
	font-language-override: normal;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	-webkit-font-variant-ligatures: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 500;
	height: 28px;
	line-height: 26px;
	outline-color: white;
	outline-style: none;
	outline-width: 0px;
	padding: 5px 10px;
	position: relative;
	text-align: left;
	text-decoration: none;
	-webkit-text-decoration-color: white;
	text-decoration-color: white;
	-webkit-text-decoration-line: none;
	text-decoration-line: none;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
	vertical-align: top;
	white-space: nowrap;
	border-width: 0px;
}

.tw-button span {
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-kerning: auto;
	font-kerning: auto;
	-webkit-font-language-override: normal;
	font-language-override: normal;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	-webkit-font-variant-ligatures: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 500;
	line-height: normal;
	margin-left: 4px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.tw-button::before {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E");
	background-origin: padding-box;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: auto auto;
	color: white;
	content: "";
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-kerning: auto;
	font-kerning: auto;
	-webkit-font-language-override: normal;
	font-language-override: normal;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: italic;
	font-synthesis: weight style;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	-webkit-font-variant-ligatures: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 500;
	height: 18px;
	line-height: 26px;
	text-align: left;
	top: 5px;
	white-space: nowrap;
	width: 18px;
}

.tw-button.tw-disabled {
	background-color: var(--gray);
	cursor: default;
}

.badge.promo {
	font-weight: bold;
	background-color: var(--green);
	font-size: 11px;
}

.badge.disabled {
	font-weight: bold;
	background-color: var(--warning);
	font-size: 11px;
}

.captcha_container {
	display: flex;
	align-items: center;
}

.firewall_button {
	padding: 0px 18px;
	height: 32px;
}

/*
			Begin Blockstorage Slider Styles
	*/
.blockstorage-slider .plusminus-slider,
.blockstorage-slider .package-slider {
	position: relative;
	height: 34px;
	border: 1px solid var(--border-secondary);
	background: var(--bg-primary);
	border-radius: 30px;
}

.blockstorage-slider .package-slider {
	margin: 15px 15px;
}

.blockstorage-slider .plusminus-slider .slider,
.blockstorage-slider .package-slider .slider {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	height: 34px;
	margin: 0 58px 0 32px;
	cursor: pointer;
}

.blockstorage-slider .plusminus-slider .slider-label + .slider {
	margin-right: 132px;
}

.blockstorage-slider .plusminus-slider .slider-label {
	position: absolute;
	right: -1px;
	top: -1px;
	height: 34px;
	width: 100px;
	padding: 0 20px;
	background: var(--bg-darker);
	border-radius: 30px;
	font-weight: bold;
	line-height: 34px;
}

.blockstorage-slider .plusminus-slider .slider-label input {
	position: relative;
	z-index: 9999;
	border: none;
	background: transparent;
}

.blockstorage-slider .plusminus-slider .slider-label input:focus,
.blockstorage-slider .plusminus-slider .slider-label input:active {
	outline: none;
}

.blockstorage-slider .plusminus-slider .ui-slider-handle,
.blockstorage-slider .package-slider .ui-slider-handle {
	position: absolute;
	top: 3px;
	z-index: 999;
	height: 26px;
	width: 26px;
	background: var(--brand-primary);
	border-radius: 20px;
	cursor: pointer;
	box-shadow: 0 3px 10px -3px rgba(37, 45, 51, 0.5);
	transition: background ease 0.15s;
	outline: none;
}

.blockstorage-slider .plusminus-slider .slider-actions,
.blockstorage-slider .package-slider .slider-actions {
	position: absolute;
	height: 100%;
	width: 100%;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn,
.blockstorage-slider .blockstorage-slider .package-slider .slider-actions .btn {
	margin: 3px;
	height: 26px;
	width: 26px;
	padding: 1px;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn > i,
.blockstorage-slider .package-slider .slider-actions .btn > i {
	float: left;
	font-size: 17px;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn > i:before,
.blockstorage-slider .package-slider .slider-actions .btn > i:before {
	line-height: 24px;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn:first-child,
.blockstorage-slider .package-slider .slider-actions .btn:first-child {
	float: left;
}

.blockstorage-slider .plusminus-slider .slider-actions .btn:last-child,
.blockstorage-slider .package-slider .slider-actions .btn:last-child {
	float: right;
}

.blockstorage-slider .plusminus-slider-option .package-header,
.blockstorage-slider .package-slider-option .package-header {
	position: relative;
	padding-bottom: 38px;
}

.blockstorage-slider .plusminus-slider-option .package-body,
.blockstorage-slider .package-slider-option .package-body {
	padding-top: 38px;
}

.blockstorage-slider .btn {
	display: inline-block;
	min-width: 100px;
	padding: 12px 24px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	/*box-shadow: 0 2px 6px rgba(0,0,0, 0.1);*/
	transition: all ease-in 0.15s;
}

.blockstorage-slider .btn-link {
	color: var(--brand-primary);
}

.blockstorage-slider .btn-link,
.blockstorage-slider .btn-link:active,
.blockstorage-slider.btn-link.active {
	background-color: transparent;
	box-shadow: none;
}

.blockstorage-slider .btn-xs {
	height: 36px;
	min-width: 60px;
	padding: 7px 17px;
	border-radius: 0;
	font-size: 13px;
	font-weight: 300;
}

.blockstorage-slider .btn-icon {
	min-width: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.blockstorage-slider .btn-icon.btn-sm {
	line-height: 24px;
	padding: 9px;
	font-size: 19px;
}

.blockstorage-slider .btn-icon.btn-xs {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 17px;
}

.blockstorage-slider .block-card {
	border-radius: 12px;
	border: 1px solid var(--bg-lighter);
	background: linear-gradient(
		45deg,
		#135fac 1%,
		var(--brand-primary) 64%,
		#40baf5 97%
	);
	min-height: 200px;
	margin-bottom: 15px;
}

.blockstorage-slider .block-card > .summary {
	float: right;
	width: 40%;
}

.blockstorage-slider .block-card h1,
.block-card h2,
.block-card h3,
.block-card h4,
.block-card h5 {
	color: white;
	margin-bottom: 10px;
}

.blockstorage-slider .block-card h1 {
	font-size: 22px;
}

.blockstorage-slider .block-card h4 {
	margin-bottom: 0px;
}

.blockstorage-slider #server_farm {
	position: relative;
	margin-top: 10px;
	display: none;
}

.blockstorage-slider .server {
	position: absolute;
	box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.2);
	display: none;
}

@media (min-width: 768px) {
	.blockstorage-slider #server_farm {
		display: block;
	}
}

/*
			End Blockstorage Slider Styles
	*/
/* 2.0 Content */
.app-header .container-fluid {
	margin: 0 auto;
}

.app-header .container-fluid:last-child {
	display: none;
}

/* 2.1 Content: Header*/
.app-header .btn-deploy {
	position: absolute;
	bottom: -25px;
	right: 60px;
	box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
}

.btn-add {
	box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
	border-radius: 30px;
}

@media (max-width: 1199px) {
	.app-header .btn-deploy {
		right: 30px;
	}
}

@media (max-width: 991px) {
	.app-header .btn-deploy {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 999;
	}
}

.icon-console {
	position: relative;
}

.icon-console > span {
	position: absolute;
	top: 5px;
	left: 5px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

.nav-news {
	font-size: 13px;
	width: 450px;
}

.nav-news .carousel-controls,
.nav-news .carousel-inner {
	float: left;
}

.nav-news .carousel-controls {
	position: relative;
	z-index: 999;
	width: 100px;
}

.nav-news .carousel-controls > span {
	font-weight: 500;
	line-height: 24px;
	vertical-align: middle;
}

.nav-news .carousel-controls > a {
	display: inline-block;
	width: 24px;
	height: 24px;
	color: var(--gray);
	font-size: 19px;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
}

.nav-news .carousel-inner {
	height: 24px;
	width: 350px;
	margin-left: -24px;
}

.nav-news .carousel-inner > .item {
	padding: 0 24px;
}

.nav-news .carousel-inner > .item a {
	color: var(--gray);
	line-height: 24px;
}

.nav-news .carousel-inner > .item a > b {
	font-weight: 500;
	transition: all ease-in 0.15s;
}

.nav-news .carousel-inner > .item a:hover,
.nav-news .carousel-inner > .item a:hover > b {
	color: var(--brand-primary);
}

.nav-news .carousel-inner:after,
.nav-news .carousel-inner:before {
	position: absolute;
	top: 0;
	z-index: 998;
	display: block;
	content: "";
	height: 24px;
	width: 24px;
}

.nav-news .carousel-inner:before {
	left: 0;
	background: linear-gradient(90deg, white 30%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(
		90deg,
		white 30%,
		rgba(255, 255, 255, 0) 100%
	);
}

.nav-news .carousel-inner:after {
	right: 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 70%);
	background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		white 70%
	);
}

/* 2.1.1 Header: Top */

.header-top:after,
.header-top:before {
	display: table;
	content: "";
	clear: both;
}

.header-title {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
}

.header-title h1 > .btn {
	margin: -8px 0px -4px;
}

.header-title h1:not(.h2) {
	font-size: 32px;
}

.header-title h1 .switch {
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.header-title h1 > small {
	display: block;
	font-size: 14px;
}

.header-title-info {
	margin: 0;
	padding: 4px 0 0 0;
	list-style: none;
}

.header-title-info > li {
	float: left;
	margin-right: 24px;
	color: var(--text-secondary);
	font-size: 13px;
	line-height: 20px;
}

.header-title-info > li > b {
	font-weight: 500;
}

.header-title-back,
.header-title-avatar {
	position: relative;
	padding-left: 76px;
	width: 100%;
}

.header-title-avatar > h1 {
	margin: 0;
}

.header-back,
.header-avatar {
	position: absolute;
	top: 0;
	left: 0;
}

.avatar {
	display: inline-block;
	height: 56px;
	width: 56px;
	overflow: hidden;
	border-radius: 28px;
}

@media (min-width: 768px) {
	.header-title {
		float: left;
	}

	.header-search {
		float: right;
	}
}

@media (max-width: 767px) {
	.header-avatar > a > img {
		height: auto;
		width: auto;
		max-width: 100%;
	}

	/*.header-title h1 .switch,
		.header-title-info > li {
			display: none;
		}*/
	.header-title-info > li {
		display: block;
	}
}

.header-avatar .btn.btn-circle {
	width: 50px;
	min-width: 0;
	padding-right: 0;
	padding-left: 0;
	border-radius: 40px;
	font-size: 24px;
}

.header-avatar .btn.btn-circle > .zmdi {
	color: var(--brand-primary);
}

.header-avatar .btn {
	display: inline-block;
	min-width: 100px;
	padding: 12px 24px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 0;
	transition: all ease-in 0.15s;
}

/* 2.1.1 Header: Toolbar */
.header-top-toolbar {
	position: relative;
	width: 100%;
}

.header-toolbar {
	position: absolute;
	top: 0;
	right: 0;
	margin: 2px 0;
}

@media (max-width: 767px) {
	.header-toolbar {
		display: none;
	}
}

.header-toolbar .btn-list > li {
	float: left;
}

.header-toolbar .btn {
	display: inline-block;
	min-width: 100px;
	padding: 12px 24px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	transition: all ease-in 0.15s;
}

.header-toolbar .btn.btn-link.btn-icon {
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 24px;
	height: 50px;
	width: 50px;
	min-width: 0;
	line-height: 50px;
	padding: 0;
	text-align: center;
	border-radius: 40px;
	background-color: transparent;
	border: 0px;
	box-shadow: none;
}

.header-toolbar .btn.btn-link.btn-icon > span {
	transition: all 0.2s ease-in;
}

.header-toolbar .btn.btn-link.btn-icon:hover {
	color: var(--brand-primary);
}

.header-toolbar .btn.btn-link.btn-icon:hover > span {
	color: var(--brand-primary);
}

.header-toolbar .btn.btn-link.btn-icon:hover .fonticondelete {
	color: var(--red);
}

.header-toolbar .btn.btn-icon i,
.header-toolbar .btn.btn-circle i {
	float: none;
	display: block;
	height: 24px;
	width: 24px;
	margin: 0 auto;
	font-size: 24px;
}

@media (min-width: 768px) {
	.header-toolbar .btn-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
}

@media (max-width: 767px) {
	.header-top-toolbar {
		padding-right: 50px;
	}

	.header-toolbar {
		right: -10px;
	}
}

/* 2.x Panels */
.panel {
	position: relative;
	display: block;
	margin-bottom: 20px;
	background-color: var(--bg-primary);
	border-radius: 0;
	box-shadow: none;
	border: 1px solid var(--border-secondary);
	text-align: left;
}

.panel.panel-datablock:hover {
	border-color: transparent;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.panel .block460left {
	box-shadow: none;
	border: 1px solid var(--border-secondary);
}

.panel-block {
	padding: 30px;
}

.panel img {
	max-width: 100%;
	max-height: 340px;
}

.panel-title {
	margin-bottom: 24px;
}

.panel-title.title-faded {
	color: var(--text-secondary);
	font-size: 12px;
	font-weight: 300;
}

a.panel,
.panel-link {
	color: var(--gray);
	cursor: pointer;
	transition:
		border-color ease-in 0.15s,
		color ease-in 0.15s;
}

.panel-body,
.panel-block-sm {
	padding: 24px;
}

a.panel:hover,
.panel-link:hover,
.panel.active {
	border-color: var(--brand-primary);
}

@media (max-width: 767px) {
	.panel-block {
		padding: 24px;
	}

	.panel .panel-body {
		padding: 16px;
	}
}

.panel-block .panel-tabs .nav-tabs {
	padding: 0 14px;
	margin: -30px -30px 0;
}

.panel-block-sm .panel-tabs .nav-tabs {
	padding: 0 8px;
	margin: -24px -24px 24px;
}

.panel-block-sm .panel-tabs .nav-tabs > li > a {
	padding-top: 20px;
	padding-bottom: 20px;
}

.panel-billing {
	position: relative;
	display: block;
	margin-bottom: 20px;
	background-color: var(--bg-primary);
	border-radius: 0;
	box-shadow: none;
	text-align: left;
}

.panel-heading {
	margin: 0;
	padding: 15px 24px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}

.panel-heading > .panel-title {
	margin-top: 0;
	margin-bottom: 0;
}

.block1290 .panel-datablock {
	min-height: 140px !important;
}

.panel-datablock > .display-title {
	display: block;
	margin-top: 0;
	margin-bottom: 10px;
	color: var(--text-secondary);
	font-size: 15px;
	font-weight: 400;
}

.panel-datablock > .display-title > a {
	color: var(--brand-primary);
}

.panel-datablock > .display-title:last-child {
	margin: 0;
}

.panel-datablock > .panel-icon {
	position: absolute;
	top: 30px;
	right: 10px;
}

.panel-datablock > .btn.btn-circle {
	width: 50px;
	min-width: 0;
	padding-right: 0;
	padding-left: 0;
	border-radius: 40px;
}

.panel-datablock > .btn {
	display: inline-block;
	min-width: 100px;
	padding: 12px 24px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	transition: all ease-in 0.15s;
}

.panel-datablock > .btn.btn-icon i,
.panel-datablock > .btn.btn-circle i {
	float: none;
	display: block;
	height: 24px;
	width: 24px;
	margin: 0 auto;
	font-size: 24px;
}

.panel-datablock > .panel-text {
	color: var(--brand-primary);
	font-size: 36px;
	font-weight: 300;
	line-height: 42px;
}

.panel-datablock > .panel-text-description {
	width: calc(100% - 30px);
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 18px;
}

.panel-datablock > .panel-text > small {
	color: var(--text-secondary);
	font-size: 18px;
	font-weight: 300;
}

.input-xs {
	height: 38px !important;
	padding: 5px 5px !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	border-radius: 3px !important;
}

.input-xs > span {
	line-height: 24px !important;
	padding: 0px !important;
	height: 32px !important;
}

.simple-dropdown .input-xs > span.select2-selection__arrow {
	height: inherit !important;
}

.select2-container--default .simple-dropdown.select2-dropdown {
	padding: 8px 0;
	border: 1px solid var(--border-primary);
	box-shadow: 0 10px 40px -5px rgba(37, 45, 51, 0.25);
	border-radius: 0;
}

.select2-container--default
	.simple-dropdown
	.select2-results__option[role="group"] {
	padding: 4px 24px;
}

.select2-container--default .simple-dropdown .select2-results__option {
	padding: 4px 24px;
}

.simple-dropdown.select2-dropdown
	.select2-results__options
	.select2-results__options--nested
	.select2-results__option {
	padding: 4px 6px;
}

.simple-dropdown.select2-dropdown
	.select2-results__option--highlighted[aria-selected] {
	color: var(--brand-primary);
	background-color: transparent;
}

.select2-container--default
	.simple-dropdown
	.select2-results__option[aria-selected="true"] {
	font-weight: 600;
	background-color: transparent;
	color: var(--brand-primary);
}

/* instance table list */

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: var(--disabled);
	text-align: left;
}

.table-instance-list th {
	text-align: left;
}

.table-instance-list {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	background-color: var(--bg-primary);
}

.table-instance-list small {
	display: block;
	padding-top: 4px;
	font-size: 85%;
}

.table-instance-list > thead > tr > th,
.table-instance-list > tbody > tr > th,
.table-instance-list > tfoot > tr > th,
.table-instance-list > thead > tr > td,
.table-instance-list > tbody > tr > td,
.table-instance-list > tfoot > tr > td {
	padding: 12px 10px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-bottom: 1px solid var(--border);
}

.table-instance-list > tbody > tr > td.cell-actions {
	padding-top: 6px;
	padding-bottom: 6px;
}

.table-instance-list > tbody > tr > td.cell-actions:last-child {
	text-align: right;
	white-space: nowrap;
}

.table-instance-list > thead > tr > th {
	padding: 16px 10px;
	vertical-align: bottom;
	border-bottom: 1px solid var(--table-active);
	color: var(--text-secondary);
	font-size: 13px;
	font-weight: 300;
}

.table-instance-list > caption + thead > tr:first-child > th,
.table-instance-list > colgroup + thead > tr:first-child > th,
.table-instance-list > thead:first-child > tr:first-child > th,
.table-instance-list > caption + thead > tr:first-child > td,
.table-instance-list > colgroup + thead > tr:first-child > td,
.table-instance-list > thead:first-child > tr:first-child > td {
	border-top: 0;
}

.table-instance-list > tbody + tbody {
	border-top: 2px solid var(--table-active);
}

.table-instance-list td > b {
	color: var(--table-text);
}

.table-instance-list table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}

.table-instance-list table td[class*="col-"],
.table-instance-list table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}

table [data-url] td:not(.cell-actions):not(.cell-checkbox) {
	cursor: pointer;
}

table [data-url] td .click-disabled {
	cursor: auto;
}

table [data-url]:hover {
	background-color: var(--bg-darker);
}

@media (max-width: 767px) {
	.cell-xs-left {
		text-align: left !important;
	}

	.cell-xs-right {
		text-align: right !important;
	}

	.cell-xs-hidden {
		display: none !important;
	}

	.cell-title {
		margin-bottom: 10px;
	}
}

.table-instance-list .table-bottom {
	margin-top: -20px;
}

.table-instance-list .table-bottom .table-length {
	float: right;
}

/* link btn */
.table-instance-list .cell-actions .btn > i.unlink:before,
.responsivetable_loadbalancers_sub .cell-actions .btn > i.unlink:before {
	position: relative;
	top: 0px;
	left: -2px;
	display: inline-block;
	line-height: 10px;
	transform: rotate(-45deg);
}

.table-instance-list .cell-actions .btn.btn-icon i:before,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon i:before,
.btn.btn-circle i:before {
	line-height: 24px;
}

.table-instance-list .cell-actions .btn.btn-icon.btn-link,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon.btn-link {
	color: var(--gray);
}

.table-instance-list .cell-actions .btn-icon.btn-sm,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon.btn-sm {
	padding: 9px;
	font-size: 19px;
}

.table-instance-list .cell-actions .btn-icon.btn-sm,
.btn-circle.btn-sm,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon.btn-sm {
	line-height: 24px;
}

.table-instance-list .cell-actions .btn-sm.btn-link,
.btn-group-sm > .btn.btn-link,
.responsivetable_loadbalancers_sub .cell-actions .btn-sm.btn-link {
	padding-left: 8px;
	padding-right: 8px;
}

.table-instance-list .cell-actions .btn-icon,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon {
	min-width: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.table-instance-list .cell-actions .btn-sm,
.responsivetable_loadbalancers_sub .cell-actions .btn-sm,
.btn-group-sm > .btn {
	height: 42px;
	min-width: 60px;
	padding: 8px 16px;
	border-radius: 0;
	font-size: 14px;
}

.table-instance-list .cell-actions .btn-link,
.responsivetable_loadbalancers_sub .cell-actions .btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	border-color: transparent;
}

.table-instance-list .cell-actions .btn > i,
.responsivetable_loadbalancers_sub .cell-actions .btn > i {
	position: relative;
	font-size: 24px;
}

.table-instance-list .cell-actions .btn-icon.btn-sm > i,
.responsivetable_loadbalancers_sub .cell-actions .btn-icon.btn-sm > i {
	font-size: 19px;
}

.table-instance-list .cell-actions .btn.btn-icon i,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon i,
.btn.btn-circle i {
	float: none;
	display: block;
	height: 24px;
	width: 24px;
	margin: 0 auto;
	font-size: 24px;
}

.table-instance-list .cell-actions .btn i,
.responsivetable_loadbalancers_sub .cell-actions .btn i {
	margin-right: 16px;
	font-size: 24px;
	vertical-align: bottom;
}

.table-instance-list .cell-actions .btn > i.unlink > i,
.responsivetable_loadbalancers_sub .btn > i.unlink > i {
	position: absolute;
	bottom: -5px;
	right: -5px;
	font-size: 14px;
}

.table-instance-list .cell-actions .btn.btn-icon i,
.btn.btn-circle i {
	float: none;
	display: block;
	height: 24px;
	width: 24px;
	margin: 0 auto;
	font-size: 24px;
}

.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon i.unlink > i {
	font-size: 15px;
}

.table-instance-list .cell-actions .btn,
.responsivetable_loadbalancers_sub .cell-actions .btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	transition: all ease-in 0.15s;
}

.table-instance-list .cell-actions .btn.btn-icon.btn-link:hover,
.responsivetable_loadbalancers_sub .cell-actions .btn.btn-icon.btn-link:hover,
.btn.btn-icon.btn-link:active,
.btn.btn-icon.btn-link.active {
	color: var(--brand-primary);
}

/* Promo block */
.promoblock {
	/* dark -> light */
	background: linear-gradient(45deg, #449b41 1%, #50ba4a 64%, #50bf4a 97%);
	position: relative;
	overflow: hidden;
	border-width: 0px;
}

/* Face down triangle under div. */
.arrow_box:after,
.arrow_box:before {
	top: 100%;
	left: 2%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: var(--bg-primary);
	border-width: 6px;
	margin-left: -6.5px;
}

/* New Tooltips */
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	filter: alpha(opacity=0);
	opacity: 0;
	line-break: auto;
}

.tooltip.show {
	filter: alpha(opacity=100);
	opacity: 1;
}

.bs-tooltip-top {
	padding: 5px 0;
	margin-top: -3px;
	word-wrap: break-word;
}

.bs-tooltip-right {
	padding: 0 5px;
	margin-left: 3px;
}

.bs-tooltip-bottom {
	padding: 5px 0;
	margin-top: 3px;
}

.bs-tooltip-left {
	padding: 0 5px;
	margin-left: -3px;
}

.tooltip-inner {
	max-width: 350px;
	padding: 5px 10px;
	color: var(--bg-primary);
	text-align: center;
	background-color: #484d50;
	border-radius: 2px;
}

.arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.bs-tooltip-top .arrow {
	bottom: 1px;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #484d50;
	width: 5px;
}

.bs-tooltip-top-left .arrow {
	right: 5px;
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #484d50;
	width: 5px;
}

.bs-tooltip-top-right .arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #484d50;
	width: 5px;
}

.bs-tooltip-right .arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #484d50;
}

.bs-tooltip-left .arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #484d50;
}

.bs-tooltip-bottom .arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #484d50;
	width: 5px;
}

.bs-tooltip-bottom-left .arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #484d50;
	width: 5px;
}

.bs-tooltip-bottom-right .arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #484d50;
	width: 5px;
}

.btn-xs,
.btn-group-xs > .btn {
	padding: 7px 17px;
	border-radius: 0;
	font-size: 13px;
	font-weight: 300;
}

.btn-default {
	transition: all ease-in 0.15s;
}

.btn-default:hover {
	color: var(--gray);
	background-color: var(--bg-lighter);
}

.btn-primary {
	color: var(--brand-primary) !important;
	background-color: var(--dropdown-light);
	border-color: var(--dropdown-light);
	transition: all ease-in 0.15s;
}

.btn-primary:hover {
	color: var(--brand-primary);
	background-color: rgba(23, 98, 227, 0.2);
	border-color: rgba(23, 98, 227, 0.2);
}

@media (min-width: 480px) {
	.alert {
		display: flex;
		justify-content: space-between;
	}

	.alert-body,
	.alert-actions {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.alert-actions {
		padding-left: 8px;
	}

	.alert-actions > .btn {
		margin-left: 8px;
	}
}

@media (max-width: 479px) {
	.alert-actions {
		padding: 16px 0 0 0;
		text-align: center;
	}

	.alert-actions > .btn {
		margin-right: 8px;
	}

	.alert-body {
		text-align: center;
	}

	.alert-body > p > b:after {
		content: "\a";
		white-space: pre;
	}
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 3px;
}

.alert > i {
	margin-right: 8px;
	font-size: 24px;
	vertical-align: sub;
}

.alert-sm {
	padding: 12px 15px;
	font-size: 13px;
	line-height: 20px;
}

.alert-sm > i {
	font-size: 19px;
}

.alert-info,
.toast-info {
	border-color: var(--brand-primary);
}

.alert-info .btn-primary,
.toast-info .btn-primary {
	color: var(--brand-primary);
	background-color: var(--dropdown-light);
	border-radius: 3px;
	font-weight: 800 !important;
}

.alert-info .btn-primary:hover,
.toast-info .btn-primary:hover {
	background-color: rgba(23, 98, 227, 0.2);
}

.alert-info hr {
	border-top-color: #a6e1ec;
}

.alert-info .alert-link {
	color: var(--brand-primary);
}

.alert-icon {
	position: relative;
	padding-left: 46px;
}

.alert-icon > i {
	position: absolute;
	top: 14px;
	left: 14px;
}

.alert-info.alert-filled {
	border-color: var(--brand-primary);
	background-color: var(--brand-primary);
	color: var(--bg-primary);
}

.alert-body > p {
	margin: 0;
}

.alert-dismissable,
.alert-dismissible {
	position: relative;
	padding-right: 35px;
}

.panel-body,
.panel-block-sm {
	padding: 24px;
}

.tab-section-sm {
	max-width: 520px;
}

.elements-list {
	list-style: none;
	margin: 0 0 24px 0;
	padding: 0;
}

.elements-list > li {
	display: flex;
	align-content: space-between;
	justify-content: space-between;
	position: relative;
	padding: 15px 0;
	border-top: 1px solid var(--border);
}

.elements-list > li:last-child {
	border-bottom: 1px solid var(--border);
}

.elements-with-avatar > li {
	padding-left: 51px;
}

.elements-list > li.ele-add {
	padding: 12px 0;
}

.elements-list > li.ele-add .ele-actions {
	margin: -4px 0;
}

.elements-list > li.ele-add .slash {
	position: absolute;
	top: 7px;
	right: -5px;
}

.ele-body {
	flex-basis: 100%;
	padding-right: 8px;
}

.ele-avatar {
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
	height: 36px;
	width: 36px;
	overflow: hidden;
	border-radius: 20px;
}

.ele-title {
	display: block;
	color: var(--nav-color);
}

.ele-email,
.ele-desc {
	margin: 0;
	font-size: 13px;
}

.ele-actions {
	margin: -8px 0;
	white-space: nowrap;
}

.ele-actions .btn,
.ele-actions .dropdown {
	display: inline-block;
}

.ele-actions .dropdown-menu.pull-right {
	right: -12px;
}

.ele-actions .btn-icon.btn-sm > i {
	font-size: 24px;
}

.ele-date {
	font-size: 13px;
	font-weight: 300;
}

.ele-date span {
	color: var(--text-secondary);
}

.ele-title .ele-date {
	margin-left: 16px;
}

@media (max-width: 479px) {
	.ele-title .ele-date {
		display: block;
		margin: 0;
	}
}

/*
	*** Lists
	*/
.list-styled {
	padding: 0;
	margin: 0 0 12px 0;
	list-style: none;
}

.list-styled > li {
	margin-bottom: 5px;
}

.list-styled > li:last-child {
	margin-bottom: 0;
}

.list-styled.list-sm {
	font-size: 14px;
}

.list-label {
	display: inline-block;
}

.list-styled-minwidth > li {
	position: relative;
	padding-left: 150px;
}

.list-faded .list-label {
	color: var(--text-secondary);
	font-weight: 300;
}

.control-label {
	top: 10px !important;
	left: 12px !important;
	color: var(--text-secondary) !important;
	font-size: 11px !important;
	font-weight: bold !important;
	line-height: 14px;
	margin-bottom: 10px;
}

textarea.form-control {
	height: auto;
	overflow: hidden;
}

.text-muted {
	color: var(--text-secondary);
}

/*
	*** Header with back button
	*/
h3.back_button_header > a {
	margin-right: 25px;
}

h3.back_button_header > i {
	font-size: 30px !important;
}

/* iPhone 5 dimensions - iPhone 7 Plus dimensions */
@media only screen and (min-device-width: 320px) and (max-device-width: 414px) {
	h3.back_button_header {
		font-size: 16px;
	}

	h3.back_button_header > a {
		margin-right: 10px;
	}
}

/*
	*** Attachment icon: /suppport/view_ticket/index.html
	*/
span.attachment {
	flex-grow: 2;
	margin-left: 15px;
	margin-top: 15px;
}

span.attachment > span.fonticonattachment {
	cursor: pointer;
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
	span.attachment {
		margin-left: 35px;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 413px) {
	span.attachment {
		margin-left: 17px;
	}
}

@media (min-width: 415px) {
	.mobile_only {
		display: none;
	}
}

/* EDITABLE START  */
/*! X-editable - v1.5.0
	* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
	* http://github.com/vitalets/x-editable
	* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
	margin-bottom: 0;
	/* overwrites bootstrap margin */
}

.editableform .control-group {
	margin-bottom: 0;
	/* overwrites bootstrap margin */
	white-space: nowrap;
	/* prevent wrapping buttons on new line */
	background: var(--bg-primary);
}

.editable-buttons {
	display: inline-block;
	/* should be inline to take effect of parent's white-space: nowrap */
	vertical-align: top;
	/* inline-block emulation for IE7*/
	zoom: 1;
	background: var(--bg-primary);
	position: relative;
	z-index: 1;
}

.btn.editable-cancel,
.btn.editable-object-cancel,
.btn.editable-cancel-tag,
.btn.editable-submit,
.btn.editable-object-submit,
.btn.editable-submit-tag {
	background: transparent;
	box-shadow: none;
	width: 24px;
	height: 24px;
	min-width: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn.editable-cancel-tag,
.btn.editable-submit-tag,
.btn.editable-object-submit-tag {
	position: relative;
	bottom: -5px;
}

.btn.editable-cancel-snapshot .zmdi,
.btn.editable-cancel .zmdi,
.btn.editable-object-cancel .zmdi,
.btn.editable-cancel-tag .zmdi,
.btn.editable-submit .zmdi,
.btn.editable-object-submit .zmdi,
.btn.editable-submit-tag .zmdi {
	font-size: 22px;
	vertical-align: middle;
	margin-right: 0;
}

.btn.editable-cancel,
.btn.editable-cancel-snapshot,
.btn.editable-object-cancel,
.btn.editable-cancel-tag {
	color: var(--red);
}

.btn.editable-submit,
.btn.editable-object-submit,
.btn.editable-submit-tag,
.btn.editable-submit-snapshot {
	color: var(--brand-primary);
}

.btn.editable-cancel-snapshot {
	background: transparent;
	box-shadow: none;
	width: 24px;
	height: 60px;
	min-width: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

.btn.editable-submit-snapshot {
	background: transparent !important;
	cursor: pointer;
}

.editable-buttons.editable-buttons-bottom {
	display: block;
	margin-top: 7px;
	margin-left: 0;
}

.editable-buttons > button:focus {
	outline: none;
}

.editable-input,
.editable-input-tag {
	vertical-align: top;
	display: inline-block;
	/* should be inline to take effect of parent's white-space: nowrap */
	width: auto;
	/* bootstrap-responsive has width: 100% that breakes layout */
	white-space: normal;
	/* reset white-space decalred in parent*/
	/* display-inline emulation for IE7*/
	zoom: 1;
	margin-left: -5px;
}

.editable-input > input,
.editable-input-tag > input {
	font-family: "Roboto", sans-serif;
	font-weight: 100;
}

.editable-buttons .editable-cancel,
.editable-buttons .editable-object-cancel,
.editable-buttons .editable-cancel-tag {
	margin-left: 7px;
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
	height: 24px;
	width: 30px;
}

.editable-inline .editableform-loading {
	background-position: left 5px;
}

/* ---- For specific types ---- */
.editableform .editable-date {
	padding: 0;
	margin: 0;
	float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
	margin-top: 3px;
	margin-left: 1px;
}

/* IOS-style clear button for text inputs */
.editable-underline {
	position: absolute;
	height: 1px;
	width: 90%;
	background: var(--brand-primary);
	left: 6px;
	bottom: 0px;
}

.editable-underline-subs {
	position: absolute;
	height: 1px;
	width: 90%;
	background: var(--brand-primary);
	left: 6px;
	bottom: 10px;
}

.editable-pre-wrapped {
	white-space: pre-wrap;
}

.editable-container.editable-popup,
.editable-container-tag.editable-popup {
	max-width: none !important;
	/* without this rule poshytip/tooltip does not stretch */
}

.editable-container .form-control,
.editable-container-tag .form-control {
	border: none;
	height: 25px;
	font-size: 15px;
	padding: 0 6px;
	max-width: 180px;
	width: 100%;
}

.editable-container-tag .form-control,
.editable-container .form-control-lg {
	border: none;
	height: 30px;
	font-size: 25px;
	padding: 0 6px;
	max-width: 300px;
	width: 100%;
	margin-bottom: 10px;
}

.editable-container.popover,
.editable-container-tag.popover {
	width: auto;
	/* without this rule popover does not stretch */
}

.editable-container.editable-inline,
.editable-container-tag.editable-inline {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	/* inline-block emulation for IE7*/
	zoom: 1;
	position: relative;
	top: -10px;
	height: 20px;
}

.editable-container.ui-widget,
.editable-container-tag.ui-widget {
	font-size: inherit;
	/* jqueryui widget font 1.1em too big, overwrite it */
	z-index: 9990;
	/* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
	color: var(--text-primary);
	cursor: default;
	border-bottom: none;
}

.editable-empty,
.editable-empty:hover,
.editable-empty:focus {
	font-style: italic;
	color: var(--red);
	/* border-bottom: none; */
	text-decoration: none;
}

.editable-label {
	display: inline !important;
}

.editable-bg-transition {
	animation: successFade 1.5s;
	max-width: 500px;
}

@keyframes successFade {
	0% {
		background-color: var(--bg-primary) f80;
		max-width: 500px;
	}

	100% {
		background-color: rgba(0, 0, 0, 0);
	}
}

.form-horizontal .editable {
	padding-top: 5px;
	display: inline-block;
}

.editable .zmdi,
.editable-object .zmdi,
.editable-tag .zmdi {
	opacity: 0;
	transition: opacity ease-in 0.15s;
	margin-left: 4px;
}

.editable:hover .zmdi,
.editable-object:hover .zmdi,
.editable-tag:hover .zmdi {
	opacity: 1;
}

span.label_link,
span.label_link_tag {
	color: var(--brand-primary);
	cursor: pointer;
}

a.label_link_general {
	color: var(--brand-primary) !important;
}

.subs_label {
	color: var(--nav-color) !important;
	cursor: pointer;
}

.subs_label:hover {
	color: var(--brand-primary) !important;
}

.label {
	display: inline-block;
	padding: 4px 6px;
	font-size: 11px;
	font-weight: 400;
	line-height: 11px;
	color: var(--bg-primary);
	text-align: center;
	white-space: nowrap;
	vertical-align: text-top;
	border-radius: 2px;
}

.label-md {
	padding: 6px 8px;
	font-size: 13px;
}

.label-success {
	background-color: var(--green);
}

.label-default {
	color: var(--label);
	background-color: var(--border-secondary);
}

.label-info {
	color: var(--brand-primary);
	background-color: var(--dropdown-light);
}

.block-info {
	color: var(--brand-primary);
	background-color: var(--dropdown-light);
	border-color: var(--brand-primary);
}

@media (max-width: 767px) {
	.editable-underline {
		left: 0;
		width: 100%;
	}

	.editable-container.editable-inline,
	.editable-container-tag.editable-inline {
		top: -6px;
	}

	.editable-buttons .editable-cancel,
	.editable-buttons .editable-object-cancel,
	.editable-buttons .editable-cancel-tag {
		margin-left: 0;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
	.editable-container .form-control,
	.editable-container-tag .form-control {
		padding-left: 0;
		display: inline;
		width: 150px;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
	.editable-container .form-control.editable-container-tag .form-control {
		padding-left: 0;
		display: inline;
		width: 110px;
	}
}

@media (min-width: 666px) {
	.flexlayoutdataeditor {
		min-width: 260px;
	}
}

/* EDITABLE END  */
/*
	* === CC VALIDATION BEGIN ===
	*/
.card-number .icon {
	position: absolute;
	right: 17px;
	top: 50%;
	color: var(--brand-primary);
	font-size: 34px;
	margin-top: -17px;
}

.card-number-color .icon {
	color: var(--brand-primary);
}

.card-number .ccicon_visa,
.card-number .ccicon_discover,
.card-number .ccicon_mastercard,
.card-number .ccicon_amex,
.card-number .ccicon_jcb,
.card-number .ccicon_unionpay {
	font-size: 26px;
	margin-top: -13px;
}

.floatinglabel > div.input-validation-error {
	color: var(--red);
}

.input-validation-icon {
	position: absolute;
	right: 17px;
	top: 60%;
	color: var(--bg-primary);
	font-size: 20px;
	margin-top: -15px;
}

/* Hide validation error by default. */
.input-validation-error {
	display: none;
}

/* Apply display logic to validation error. */
label.validation-error > .input-validation-error {
	display: block;
	font-size: 12px;
	position: absolute;
	bottom: -25px;
	left: 2px;
}

label.validation-error > .input-validation-icon {
	color: var(--red);
}

label.validation-error > .valid_inputCardExpiry,
label.validation-error > .valid_cc_cscv,
label.validation-error > .valid_cc_number {
	border-color: var(--red);
}

@media only screen and (min-width: 320px) and (max-width: 700px) {
	label.card-number,
	label.expiry-date,
	label.cvv-number {
		margin-bottom: 24px;
	}
}

/*
	* === CC VALIDATION END ===
	*/
/*=============================================
	=              Dropdown Start                 =
	=============================================*/
.dropdown-confirmation {
	width: 300px;
	padding: 0;
}

.confirmation-open .dropdown-confirmation {
	display: block;
	visibility: visible;
	opacity: 1;
	transform: translateX(0px) translateY(0px);
}

.dropdown-body {
	padding: 16px;
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
}

.dropdown-actions > .btn-block {
	text-align: center;
	margin-bottom: 8px;
	cursor: pointer;
}

.dropdown-body label {
	line-height: 25px;
}

.dropdown-body > *:last-child {
	margin-bottom: 0;
}

.dropdown-title {
	margin: 0 0 12px 0;
}

h5.dropdown-title {
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
}

.text-info {
	color: var(--brand-primary);
}

.dropdown-title > i {
	font-size: 24px !important;
	margin-right: 8px;
	vertical-align: bottom;
}

.dropdown-actions {
	padding: 12px 16px;
}

/* APP.CSS */
.dropup,
.dropdown {
	position: relative;
}

.dropdown-toggle:focus {
	outline: 0;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.dropdown-confirmation {
	display: none;
	position: absolute;
	top: 1px;
	z-index: 1000;
	float: left;
	min-width: 200px;
	margin: 2px 0 0;
	font-size: 15px;
	text-align: left;
	list-style: none;
	opacity: 0;
	background-color: var(--bg-primary);
	border: none;
	background-clip: padding-box;
	border-radius: 0;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	transform: translateX(0px) translateY(20px);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.dropdown-confirmation #dropdown-disclaimer {
	display: block;
	margin-bottom: 8px;
}

@media (max-width: 415px) {
	.dropdown-confirmation {
		position: fixed;
		width: 90%;
	}

	.dropdown-confirmation:after,
	.dropdown-confirmation:before {
		display: none !important;
	}
}

.dropdown-confirmation:after:not(.server-popup),
.dropdown-confirmation:not(.server-popup):before {
	position: absolute;
	right: 50px;
	top: -16px;
	display: block;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	color: var(--bg-primary);
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 40px;
	line-height: 26px;
}

.dropdown-confirmation:not(.server-popup):before {
	top: -17px;
	font-size: 41px;
	color: var(--border-primary);
}

.arrow-change:after,
.arrow-change:before {
	right: 71px !important;
}

.dropdown-actions > .btn-outline:hover {
	background-color: var(--bg-primary);
}

.text-danger {
	color: var(--red) !important;
}

.btn-dropdown-danger {
	color: var(--bg-primary) !important;
	background-color: var(--red) !important;
	border-color: var(--red) !important;
}

.btn-dropdown-danger[disabled] {
	background-color: var(--red);
	border-color: var(--gray);
	cursor: not-allowed;
	opacity: 0.5;
}

div.checkbox > label {
	cursor: pointer;
}

.server-info > b {
	word-wrap: break-word;
}

.dropdown-confirmation[class*="dropdown-popup-"]:after {
	display: block;
	position: absolute;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 40px;
	color: var(--bg-primary);
	line-height: 26px;
}

.dropdown-confirmation.dropdown-popup-standard:before,
.popup-menu-standard:before {
	top: -16px;
	display: block;
	position: absolute;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 40px;
	color: var(--border-primary);
	line-height: 26px;
}

.popup-menu-standard:after,
.dropdown-confirmation.dropdown-popup-standard:after {
	top: -15px;
}

.dropdown-confirmation.dropdown-popup-flipped:after {
	transform: rotate(180deg);
}

[class*="popup-menu-"]:after {
	display: block;
	position: absolute;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 40px;
	color: var(--bg-primary);
	line-height: 26px;
}

.popup-menu-flipped:after {
	transform: rotate(180deg);
	margin-top: 7px;
}

.server-popup:after,
.server-popup:before {
	right: 25px;
}

.server-popup:before:not([class*="-flipped"]) {
	display: block;
	position: absolute;
	content: "\f2f8";
	height: 16px;
	width: 18px;
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 40px;
	color: var(--border-primary);
	line-height: 26px;
}

/*=============================================
	=               Dropdown End                  =
	=============================================*/
.form-select-input {
	position: relative;
}

.m-t-20 {
	margin-top: 20px !important;
}

.m-b-0 {
	margin-bottom: 0px !important;
}

/* iPhone X */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
	#header0v_0,
	#header-subnav {
		display: none;
	}

	#header1_0 {
		display: none !important;
	}

	#mobile_menu_block {
		display: flex;
	}

	body {
		margin-left: 0px !important;
	}

	#prodsidebar_hide {
		left: 40px;
	}

	.responsivetable {
		display: block;
	}

	.responsivetable > * {
		display: block;
		margin-bottom: 15px;
		border-bottom: 1px solid var(--table-active);
		padding-bottom: 15px;
	}

	.responsivetable > *:nth-child(1) {
		display: none;
	}

	.responsivetable > *:nth-child(2) {
		border-top: 1px solid var(--table-active);
		padding-top: 15px;
	}

	.responsivetable > * > * {
		display: block;
		position: relative;
		border-bottom: none;
		padding: 2px 0px;
		min-height: 25px;
		padding-left: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.responsivetable > *:nth-child(n + 2):hover > * {
		background-color: transparent;
	}

	.responsivetable > * > *:before {
		display: block;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100px;
		height: 25px;
		margin-top: -11px;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--text-secondary);
		font-size: 12px;
		font-weight: normal;
	}

	.responsivetable_subs > * {
		width: 100%;
		padding-left: 30px;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.responsivetable_subs > * > * {
		padding-left: 5px;
	}

	.responsivetable_subs > * > *:nth-child(1) {
		position: absolute;
		width: auto;
		top: 1px;
		left: 0px;
		padding-left: 8px;
	}

	.responsivetable_subs > *:nth-child(2) > *:nth-child(1) {
		top: 16px;
	}

	.responsivetable_subs > * > *:nth-child(2) {
		width: 86%;
	}

	.responsivetable_subs > * > *:nth-child(3) {
		width: 14%;
		text-align: right;
	}

	.responsivetable_subs > * > *:nth-child(4) {
		display: none;
	}

	.responsivetable_subs > * > *:nth-child(5) {
		width: 49%;
	}

	.responsivetable_subs > * > *:nth-child(5):before {
		content: "Charges: ";
		padding-right: 3px;
		font-weight: bold;
		position: static;
		vertical-align: middle;
		display: inline;
		width: auto;
		height: auto;
		margin: 0px;
		color: var(--table-text);
		font-size: 15px;
	}

	.responsivetable_subs > * > *:nth-child(6) {
		width: 49%;
		text-align: right;
	}

	.responsivetable_subs > * > *:nth-child(7) {
		display: none;
	}
}

@media (max-width: 767px) {
	.mobile-submenu {
		display: block !important;
		margin-bottom: 10px;
	}

	.submenu {
		display: none !important;
	}
}

@media (min-width: 769px) {
	.mobile-submenu + .select2-container--default,
	.mobile-submenu-container {
		display: none !important;
	}
}

span.new_feature_label {
	font-size: 11px;
	border: 1px;
	border-style: solid;
	border-radius: 2px;
	padding: 2px 5px 2px 5px;
	margin-left: 1px;
	font-weight: bold;
	color: var(--bg-primary);
	border-color: var(--brand-primary);
	background-color: var(--brand-primary);
	vertical-align: text-bottom;
}

.banner-label {
	background: var(--brand-primary);
	height: 18px;
	text-transform: uppercase;
	position: absolute;
	color: var(--bg-primary);
	font-size: 10px;
	font-weight: 700;
	border-radius: 0;
	width: 36px;
	text-align: center;
	top: 2px;
	right: -12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.banner-label:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent var(--gray);
	content: "";
	position: absolute;
	bottom: -6px;
	right: 0;
	transform: rotate(8deg);
	z-index: -1;
}

.banner-label-orange {
	background: var(--warning);
	height: 18px;
	text-transform: uppercase;
	position: absolute;
	color: var(--bg-primary);
	font-size: 10px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	top: 2px;
	right: -12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0px 6px;
}

.banner-label-orange:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	border-color: transparent transparent transparent var(--warning);
	content: "";
	position: absolute;
	bottom: -6px;
	right: 0;
	transform: rotate(8deg);
	z-index: -1;
}

/*
	 * App banner
	 */
.app-banner {
	display: block;
	height: 40px;
	width: 100%;
	padding: 7px 0;
	background-color: var(--text-secondary);
	color: var(--bg-primary);
	overflow: hidden;
	line-height: 27px;
}

.app-banner > div {
	position: relative;
	max-width: 85%;
	margin: auto;
	text-align: left;
	padding-left: 8px;
	padding-right: 32px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.app-banner > div {
		max-width: 100%;
	}
}

.app-banner a {
	color: rgba(255, 255, 255, 0.7);
}

.app-banner a:hover {
	color: var(--bg-primary);
}

.app-banner .close {
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 0px;
	font-size: 22px;
	padding: 0px;
	padding-right: 12px;
	opacity: 0.6;
}

.app-banner .close::before {
	content: "\f136";
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

.app-banner .close:hover {
	opacity: 1;
}

.app-banner.banner-success {
	background-color: var(--green);
}

.app-banner.banner-warning {
	background-color: var(--warning);
}

.app-banner.banner-info {
	background-color: var(--brand-primary);
}

.app-banner.banner-error {
	background-color: var(--red);
}

span[name="header_alert"] {
	position: relative;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 0;
	font-size: 13px;
	background-color: var(--warning);
	color: var(--bg-primary);
	box-shadow: 0px 5px 40px 0px rgba(229, 57, 53, 0.25);
}

span[name="header_alert"] > a {
	color: var(--bg-primary);
	font-weight: 500;
	text-decoration: underline;
}

span[name="header_alert"] > span[name="header_alert_arrow"] {
	position: absolute;
	display: block;
	right: -5px;
	top: 50%;
	margin-top: -5px;
	width: 0px;
	height: 0px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid var(--warning);
}

@media (min-width: 769px) {
	span[name="header_alert"] {
		margin-right: 6px;
	}
}

@media (max-width: 767px) {
	span[name="header_alert"] {
		top: 0;
		left: 0;
		right: 0;
		border-radius: 0;
		width: 100%;
		box-shadow: none;
	}

	span[name="header_alert"] > span[name="header_alert_arrow"] {
		display: none;
	}
}

/* DROPDOWN FIREWALL PAGE*/
.drop .drop-content,
.drop-confirmation .drop-content {
	width: 300px;
}

.drop .drop-content {
	min-width: 200px;
	padding: 0;
	margin: 2px 0 0;
	font-size: 15px;
	text-align: left;
	list-style: none;
	background-color: var(--bg-primary);
	border: 1px solid var(--border-primary);
	background-clip: padding-box;
	border-radius: 0;
	-webkit-backface-visibility: hidden;
	box-shadow: 0 10px 40px -5px rgba(37, 45, 51, 0.25);
}

/* FIREWALL TABLE */
.table-firewall tr {
	white-space: nowrap;
}

.table-firewall .btn-dashed {
	border: 1px dashed var(--border-primary);
	/*max-height: 36px;*/
	padding: 9px 10px !important;
	font-weight: bold;
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

.table-firewall .yellow-note {
	color: var(--warning);
	font-size: 24px;
}

.table-firewall .empty-note {
	color: lightgray !important;
	font-size: 24px;
}

.table-firewall .add-new-item {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: none;
}

.table-firewall .chevron i.zmdi.is-open {
	transform: rotate(180deg);
}

.table-firewall .chevron i.zmdi {
	transition: all 0.4s;
}

.table-firewall .chevron {
	margin-left: auto;
	font-size: 20px;
}

.table-firewall .btn-xs > i {
	margin-right: 5px;
	font-size: 14px;
	vertical-align: text-bottom;
}

.table-firewall .input-xs {
	height: 36px;
	padding: 5px 5px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 0;
}

.table-firewall .flex-start .select2-container--default {
	min-width: 35px !important;
}

.table-firewall .btn-add-responsive {
	display: none;
}

.table-firewall a.btn {
	cursor: pointer;
}

@media (max-width: 830px) {
	.table-firewall a.btn {
		cursor: default;
	}

	.table-firewall tbody tr {
		display: flex;
		flex-direction: column;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.table-firewall .item-toggle .form-control {
		flex: 1 !important;
		width: 100%;
	}

	.table-firewall tbody tr:not(.item-toggle) {
		padding-bottom: 8px;
	}

	.table-firewall .arrow-note {
		display: none;
	}

	.table-firewall .btn-add-responsive {
		display: block;
	}

	.table-firewall thead {
		display: none;
	}

	.table-firewall .add-new-item {
		cursor: pointer;
		display: block;
	}

	.table-firewall > tbody > tr > td {
		display: flex;
		width: 100%;
		border-bottom: 0;
		padding: 4px 8px;
	}

	.table-firewall td:before {
		content: attr(data-label);
		display: flex;
		align-items: center;
		justify-content: left;
		width: 35%;
		min-width: 115px;
		color: var(--text-secondary);
		font-size: 13px;
		line-height: 20px;
	}

	.table-firewall .cell-actions :nth-child(2) {
		margin-left: auto;
	}

	.item-toggle .flex-start:before {
		display: flex;
		align-items: end;
		justify-content: flex-start;
		flex-direction: column;
		padding-top: 10px;
	}

	.table-firewall tbody tr.item-toggle {
		display: block;
		border-top: none;
		position: relative;
		padding-top: 0;
	}

	.table-firewall tbody tr.item-toggle .content {
		width: 65%;
	}

	.table-firewall .item-toggle .select2-container {
		flex: 1 !important;
		width: auto;
	}

	.table-firewall .mob_icon_delete {
		margin: auto 20px !important;
	}

	.table-firewall .item-toggle td .row {
		width: 65%;
		margin: 0;
	}

	.table-firewall .item-toggle td .row [class*="col-"] {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.table-firewall .add-new-item td:before {
		content: "";
		display: block;
		width: 0;
		min-width: 0;
	}

	.table-firewall .add-new-item td {
		color: var(--brand-primary);
	}

	.table-firewall .item-toggle:before {
		content: "";
		position: absolute;
		top: -1px;
		left: 0;
		height: 1px;
		display: block;
		width: 100%;
		background-color: var(--bg-primary);
	}

	.table-firewall .item-toggle:after {
		content: "";
		position: relative;
		bottom: -16px;
		left: 0;
		height: 1px;
		display: block;
		width: 100%;
		background-color: var(--brand-primary);
	}

	.table-firewall .mob-btn-block {
		max-width: 100%;
		width: 100%;
		display: block;
		text-align: center;
	}

	.table-firewall .mob-m-t-1x {
		margin-top: 8px;
	}

	.table-firewall .item-toggle .cell-actions .btn-plus {
		display: none;
	}
}

/* netconfig */
.netconfig code {
	font-family: "Consolas", "Menlo", "Monaco", monospace, serif;
	font-size: 0.9em;
	background-color: var(--bg-darker);
	color: var(--red);
	border-width: 0px;
	border-radius: 0;
	padding: 2px 4px;
}

.netconfig p code {
	font-size: 13px;
}

.netconfig pre code {
	font-size: 13px;
	border-width: 0px;
	padding: 0px;
	background-color: transparent;
}

.netconfig pre {
	padding: 0px 10px;
	font-size: 13px;
	line-height: 1.25em;
	background: linear-gradient(
		to bottom,
		var(--bg-darker) 0em,
		var(--bg-darker) 1.25em,
		var(--bg-primary) bfb 1.25em,
		var(--bg-primary) bfb 2.5em
	);
	background-size: 100% 2.5em;
	border: 1px solid var(--bg-darker);
	border-radius: 0;
	color: var(--red);
	overflow: auto;
}

.word-wrap {
	word-break: break-word;
	max-width: 450px;
}

.header-title .btn-primary {
	color: #000;
}

#userform {
	max-width: 520px;
}

#tabc_subsddos .block460center > form {
	max-width: 460px;
}

#tabc_settingsapi .tablelist {
	margin-top: 32px;
	margin-bottom: 10px;
	box-shadow: none;
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
}

#tabc_settingsapi .tablelist .button {
	height: 32px;
	padding: 0 10px;
	width: auto;
	background: var(--bg-primary);
	border: 1px solid var(--border-primary);
	line-height: 30px;
	color: var(--text-primary);
	font-size: 11px;
}

#tabc_settingsapi .tablelist + hr + .flexlayoutform input[type="submit"] {
	width: auto;
}

#tabc_settingsapi #formregeneratekey + hr {
	display: none;
}

#tabc_settingsapi #formregeneratekey + hr + form .flexwidth100 {
	border: 1px solid var(--border-primary);
	background: transparent;
	color: var(--text-primary);
}

#tabc_settingsapi #formregeneratekey + hr + form .flexwidth100:hover {
	background-color: var(--bg-primary);
	border-color: var(--brand-primary);
	color: var(--brand-primary);
}

#tabc_settingsapi .alert-info {
	margin-bottom: 0;
}

#tabc_settingsnotifications #bw_stop_threshold {
	margin: 5px 0 0 0;
	max-width: 580px;
	width: 100%;
}

#tabc_settingsnotifications #bw_stop_threshold .alert-body {
	width: 100%;
}

#tabc_settingsnotifications #bw_stop_threshold .btn {
	float: right;
}

#tabc_settingsusers {
	padding: 0;
	margin: 0;
}

#tabc_settingsusers .responsivetable + .hr30 {
	height: 20px;
}

#tabc_subsbackups > h3:first-child {
	display: none;
}

#tabc_subsbackups .tablelist input[type="button"].btn-danger {
	border: 1px solid var(--border-primary);
	background: transparent;
	color: var(--text-primary);
}

#tabc_subsbackups > [style="width: 100%; overflow: auto;"] {
	overflow: unset !important;
}

#tabc_subsbackups .block460left:last-child {
	margin-top: 24px;
}

body > .block1290 .success_message,
body > .block1290 .modal_success_message {
	margin-bottom: 40px;
	background-color: var(--bg-primary);
	border: none;
	border-radius: 0;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	overflow: hidden;
	padding-left: 20px;
}

body > .block1290 .success_message:after,
body > .block1290 .modal_success_message:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	content: "";
	width: 5px;
	background: var(--green);
}

label.flexwidth1fifth,
label.flexwidth1sixth,
label.flexwidth100 {
	transition: all ease-in 0.15s;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.tablelistbillinghistory tr td:nth-child(4) {
		display: none;
	}

	.tablelistbillinghistory tr td:nth-child(5) {
		display: none;
	}
}

#billing-spinner {
	position: absolute;
	top: 19px;
	right: 59px;
}

.zmdi-plus-circle-o {
	display: none;
}

@media all and (max-width: 767px) {
	.hide_on_mobile {
		display: none !important;
	}

	.zmdi-plus-circle-o {
		display: initial;
	}

	#billing-spinner {
		position: relative;
		right: 24px;
		top: -1px;
	}
}

@media all and (min-width: 0px) and (max-width: 767px) {
	#table_records > * > * {
		padding-left: 100px;
		min-height: 30px;
	}

	#table_records > * > *:before {
		width: 100px;
	}

	.delete_checkbox:before {
		content: "Delete:";
	}

	#table_records > * > *:nth-child(2):before {
		content: "Type:";
	}

	#table_records > * > *:nth-child(3):before {
		content: "Name:";
		text-align: left;
	}

	#table_records > * > *:nth-child(4):before {
		content: "Data:";
	}

	#table_records > * > *:nth-child(5):before {
		content: "TTL (seconds):";
	}

	#table_records > * > *:nth-child(6):before {
		content: "Priority:";
	}

	#table_records > * > *:nth-child(7):before {
		content: "Actions:";
	}

	.delete_checkbox {
		text-align: left !important;
	}

	div[name="delete_prompt"] {
		right: -8px !important;
		left: -8px !important;
		margin-left: 0% !important;
		border-radius: 3px !important;
		width: auto;
		z-index: 1000;
	}

	#sticky.stick {
		margin-top: 0 !important;
		margin-left: -12px !important;
		border-radius: 0px !important;
		position: fixed;
		top: 0;
		z-index: 10000;
	}
}

@media all and (min-width: 768px) {
	#table_records > * > * {
		max-width: 200px;
		word-wrap: break-word;
	}
}

#table_records input[type="text"] {
	height: 37px;
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}

div[name="delete_prompt"] {
	position: absolute !important;
	top: -32px;
	right: 4px;
	left: 6px;
	opacity: 0;
	visibility: hidden;
	margin: 0 !important;
	background-color: var(--bg-primary) !important;
	padding: 8px 16px;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in;
	border: 1px solid var(--brand-primary);
	width: calc(100% - 12px);
}

div[name="delete_prompt"]:after {
	content: none;
}

div[name="delete_prompt"] .delete_button:hover {
	color: var(--red);
}

.delete_checkbox {
	text-align: right;
}

#cancel_edit_button {
	display: none;
}

.delete_button,
.cancel_button {
	display: flex;
	align-items: center;
	float: right;
	cursor: pointer;
	transition: all 0.2s ease-in;
}

.delete_button > *,
.cancel_button > * {
	bottom: auto !important;
	line-height: 32px !important;
}

.delete_button > .zmdi,
.cancel_button > .zmdi {
	font-size: 19px;
}

.delete_button {
	margin-right: 20px;
}

.cancel_button:hover,
.delete_button:hover {
	color: var(--brand-primary);
}

.prompt_icons {
	font-size: 24px;
}

.dnssec_textarea {
	width: 100%;
	resize: none;
	height: 48px;
	padding: 6px;
	padding-top: 16px;
}

#table_dsrecords > * > *:nth-child(6) {
	text-align: right;
}

@media all and (min-width: 850px) and (max-width: 1100px) {
	#table_dsrecords > *:not(:first-child) > *:nth-child(5) {
		width: 350px;
		display: inline-block;
		word-wrap: break-word;
	}

	#table_dsrecords > * > *:nth-child(6) {
		width: 150px;
		text-align: left;
	}

	.dnssec_textarea {
		height: 80px;
	}
}

@media all and (min-width: 768px) and (max-width: 849px) {
	#table_dsrecords > *:not(:first-child) > *:nth-child(5) {
		width: 250px;
		display: inline-block;
		word-wrap: break-word;
	}

	#table_dsrecords > * > *:nth-child(6) {
		width: 200px;
		text-align: left;
	}

	.dnssec_textarea {
		height: 80px;
	}
}

@media all and (min-width: 0px) and (max-width: 767px) {
	#table_dsrecords > * > * {
		padding-left: 150px;
		min-height: 30px;
	}

	#table_dsrecords > * > *:before {
		width: 150px;
	}

	#table_dsrecords > *:nth-child(2) {
		border-top: 0px;
	}

	#table_dsrecords > * > *:nth-child(1):before {
		content: "Record Type:";
	}

	#table_dsrecords > * > *:nth-child(2):before {
		content: "Key Tag:";
	}

	#table_dsrecords > * > *:nth-child(3):before {
		content: "Algorithm:";
	}

	#table_dsrecords > * > *:nth-child(4):before {
		content: "Digest Type:";
	}

	#table_dsrecords > * > *:nth-child(5):before {
		content: "Digest:";
	}

	#table_dsrecords > * > *:nth-child(5) {
		width: 400px;
		word-wrap: break-all;
	}

	#table_dsrecords > * > *:nth-child(6) {
		text-align: left;
	}

	#table_dsrecords > * > *:nth-child(6):before {
		content: "Copy BIND Format:";
		text-align: left;
		box-sizing: inherit;
	}

	.dnssec_textarea {
		height: 80px;
	}
}

.disabled-api_body {
	border: 1px solid var(--border-secondary);
	border-radius: 0;
	text-align: center;
}

.disabled-api_body > img,
.disabled-api_body > form {
	display: block;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
}

.boxLink #cpu_graph_container,
.boxLink #network_graph_container {
	width: 50%;
	height: 75%;
	overflow: hidden;
	bottom: 40px;
	left: 60px;
}

.boxLink #cpu_graph_container > #cpu_graph_sm_spinner,
.boxLink #network_graph_container > #network_graph_sm_spinner {
	width: 100%;
	min-width: 100px;
	height: 80px;
	position: relative;
}

.boxLink #cpu_graph_container > #cpu_graph_sm,
.boxLink #network_graph_container > #network_graph_sm {
	width: 100%;
	min-width: 100px;
	height: 60px;
}

.form-group--icon {
	margin-bottom: 0;
	border: 1px solid var(--border-primary);
	border-radius: 3px;
	padding: 0 12px 0 8px;
	display: flex;
	align-items: center;
}

.form-group .zmdi {
	font-size: 24px;
	opacity: 0.7;
}

.form-group input[type="text"] {
	border: none;
}

.app-icon_shape {
	fill: var(--brand-primary);
}

.os-icon {
	max-width: 26px;
}

.status-icon {
	font-size: 15px;
	display: flex;
	align-items: center;
}

.status-icon .zmdi {
	color: var(--green);
	margin-right: 10px;
	font-size: 20px;
}

.svg-product {
	position: relative;
	z-index: 3;
	visibility: visible;
	overflow: visible;
	width: 100%;
	max-width: 488px;
}

/* ------------------ Resposnive ----------------*/
.responsivetable {
	border-top: 1px solid var(--border-secondary);
	border-left: 1px solid var(--border-secondary);
	border-right: 1px solid var(--border-secondary);
	display: table;
	width: 100%;
	background: var(--bg-primary);
	border-radius: 0;
	box-shadow: none;
}

.responsivetable a {
	color: var(--text-primary);
}

.responsivetable > * {
	display: table-row;
	/* thead*/
}

.responsivetable > * > * {
	display: table-cell;
	padding: 10px 10px;
	border-bottom: 1px solid var(--border-secondary);
	vertical-align: middle;
	color: var(--text-primary);
}

.responsivetable > * > * > a {
	color: var(--text-primary);
}

.responsivetable > * > *:nth-child(1) {
	padding-left: 16px;
}

.responsivetable > * > *:last-child {
	padding-right: 16px;
	text-align: right;
}

.responsivetable > *:nth-child(1) > * {
	color: var(--text-secondary);
	font-size: 15px;
	font-weight: normal;
}

.responsivetable > *:nth-child(n + 2):hover > * {
	background-color: var(--table-hover);
}

.responsivetable [class*="fonticon"] + span {
	margin-left: 8px;
}

.responsivetable [data-dropdownpopup] {
	display: inline-block;
	position: relative;
}

.responsivetable input.checkboxcheckmark + label {
	height: 32px;
	width: 32px;
	align-items: center;
	justify-content: center;
}

.responsivetable input.checkboxcheckmark + label:before {
	margin: 0;
}

.responsivetable input.checkboxcheckmark + label:after {
	left: auto;
}

.responsivetable .responsivetabletag {
	padding: 10px 10px;
	background: var(--table-hover);
}

.responsivetable .responsivetabletag:hover > span {
	background: var(--table-hover) !important;
}

.responsivetable .product-icon,
table .product-icon {
	display: inline-block;
	height: 34px;
	width: 34px;
}

.responsivetable .product-details,
table .product-details {
	padding-left: 16px;
	display: inline-block;
}

.responsivetable .tablefirstline,
table .tablefirstline {
	display: block;
	font-size: 15px;
	color: var(--table-text);
	font-weight: bold;
}

.responsivetable .tablesecondline,
table .tablesecondline {
	display: block;
	font-size: 13px;
	font-weight: normal;
	color: var(--text-secondary);
}

.responsivetable .tablesecondline .copy-content,
table .tablesecondline .copy-content {
	cursor: pointer;
	transition: 0.3s;
}

.responsivetable .tablesecondline .copy-content:hover,
table .tablesecondline .copy-content:hover {
	color: var(--brand-primary);
}

.responsivetable .tablesecondline .copy-content .spanlink,
table .tablesecondline .copy-content .spanlink {
	display: inline-block;
	opacity: 0;
	visibility: hidden;
	width: 22px;
	height: 22px;
	margin-top: -4px;
	text-align: center;
	line-height: 22px;
	transition: 0.3s;
	padding: 0 5px;
}

.responsivetable .tablesecondline .copy-content:hover .spanlink,
table .tablesecondline .copy-content:hover .spanlink {
	color: var(--brand-primary);
	visibility: visible;
	opacity: 1;
}

.responsivetable .tablesecondline .copy-content .spanlink .fonticon,
table .tablesecondline .copy-content .spanlink .fonticon {
	font-size: 13px;
}

.responsivetable_subs > * > *:nth-child(1) {
	width: 1%;
}

.responsivetable_snapshots > * > *:first-child {
	width: 40%;
}

.responsivetable_actions {
	text-align: right;
	white-space: nowrap;
}

.responsivetable_subs_btn {
	float: right;
	width: 40px;
	height: 40px;
	border-width: 0px;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.responsivetable_subs_btn:active,
.responsivetable_subs_btn:focus {
	outline: none;
}

.responsivetabletag {
	color: var(--text-secondary);
}

.responsivetabletag > * {
	border-bottom: none;
}

.responsivetable > .responsivetabletag:nth-child(n + 2):hover > * {
	background-color: var(--bg-primary);
}

.responsivetable_subaccounts > * > *:nth-child(5) {
	text-align: right;
}

.responsivetable_subaccounts > * > *:nth-child(6) {
	text-align: right;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.responsivetable {
		display: block;
		border: 1px solid var(--border-secondary);
	}

	.responsivetable > * {
		display: block;
		border-bottom: 1px solid var(--border-secondary);
		padding: 16px;
	}

	.responsivetable > *:last-child {
		border: none;
	}

	.responsivetable > *:nth-child(1) {
		display: none;
	}

	.responsivetable > *:nth-child(n + 2):hover > * {
		background-color: transparent;
	}

	.responsivetable > * > * {
		display: block;
		position: relative;
		border-bottom: none;
		padding: 2px 0px;
		min-height: 25px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.responsivetable > * > *::before {
		display: block;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100px;
		height: 25px;
		margin-top: -11px;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--text-secondary);
		font-size: 12px;
		font-weight: normal;
	}

	.responsivetable:not(.responsivetable_subs) > * > * {
		padding-left: 100px !important;
		width: 100% !important;
	}

	.responsivetable .product-icon {
		display: none;
	}

	.responsivetable .product-details {
		padding-left: 0;
	}

	.responsivetable .table-row {
		overflow: hidden;
	}

	.responsivetable_subs > * {
		width: 100%;
		padding-left: 30px;
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.responsivetable_subs > * > * {
		padding-left: 0px;
	}

	.responsivetable_subs > * > *:nth-child(1) {
		position: absolute;
		width: auto;
		top: 16px;
		left: 0px;
		padding-left: 8px;
	}

	.responsivetable_subs > * > *:nth-child(2) {
		width: calc(100% - 40px);
		order: 2;
	}

	.responsivetable_subs > * > *:nth-child(3) {
		width: 14%;
		text-align: right;
		order: 1;
		display: flex;
		align-items: center;
	}

	.responsivetable_subs > .responsivetabletag > span:nth-child(3) {
		order: 3;
	}

	.responsivetable_subs > * > *:nth-child(4) {
		display: none;
	}

	.responsivetable_subs > * > *:nth-child(5) {
		width: 49%;
		display: none;
	}

	.responsivetable_subs > * > *:nth-child(5):before {
		content: "Charges: ";
		padding-right: 3px;
		font-weight: bold;
		position: static;
		vertical-align: middle;
		display: inline;
		width: auto;
		height: auto;
		margin: 0px;
		color: var(--table-text);
		font-size: 15px;
	}

	.responsivetable_subs > * > *:nth-child(6) {
		text-align: right;
		order: 3;
		width: 17px;
		overflow: hidden;
		position: absolute;
		right: 24px;
		top: 11px;
	}

	.responsivetable_subs > * > *:nth-child(7) {
		display: none;
	}

	#massactionform .responsivetable > * {
		padding-left: 48px;
	}

	.header2_details {
		display: inline-block;
	}

	#massactionform .responsivetable .table-row {
		padding-left: 20px;
	}

	.block1290deploy {
		margin: 8px 0 19px 0 !important;
	}

	.responsivetable_test > * > * {
		padding-left: 100px !important;
	}

	.responsivetable_test > * > *:before {
		width: 100px;
	}

	.responsivetable_test > * > *:nth-child(1):before {
		content: "Header 1";
	}

	.responsivetable_test > * > *:nth-child(2):before {
		content: "Header 2";
	}

	.responsivetable_test > * > *:nth-child(3):before {
		content: "Header 3";
	}

	.responsivetable_test > * > *:nth-child(4):before {
		content: "Header 4";
	}

	.responsivetable_tickets > * {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}

	.responsivetable_tickets > * > * {
		padding-left: 0px;
	}

	.responsivetable_tickets > * > * > .tablesecondline {
		display: none;
	}

	.responsivetable_tickets > * > *:nth-child(1) {
		width: 100%;
	}

	.responsivetable_tickets > * > *:nth-child(2) {
		width: 49%;
	}

	.responsivetable_tickets > * > *:nth-child(3) {
		width: 49%;
		text-align: right;
		padding-right: 20px;
	}

	.responsivetable_tickets > * > *:nth-child(4) {
		display: none;
	}

	.responsivetable_users > * > * {
		padding-left: 75px;
	}

	.responsivetable_users > * > *:before {
		width: 75px;
	}

	.responsivetable_users > * > *:nth-child(1):before {
		content: "Name:";
	}

	.responsivetable_users > * > *:nth-child(2):before {
		content: "Email:";
	}

	.responsivetable_users > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_subaccounts > * > * {
		padding-left: 120px !important;
	}

	.responsivetable_subaccounts > * > *:before {
		width: 120px;
	}

	.responsivetable_subaccounts > * > *:nth-child(1):before {
		content: "Email:";
	}

	.responsivetable_subaccounts > * > *:nth-child(2):before {
		content: "Name:";
	}

	.responsivetable_subaccounts > * > *:nth-child(3):before {
		content: "ID:";
	}

	.responsivetable_subaccounts > * > *:nth-child(4):before {
		content: "Activated:";
	}

	.responsivetable_subaccounts > * > *:nth-child(5):before {
		content: "Balance:";
	}

	.responsivetable_subaccounts > * > *:nth-child(6):before {
		content: "Pending Charges:";
	}

	.responsivetable_subaccounts > * > *:nth-child(5) {
		text-align: left;
	}

	.responsivetable_subaccounts > * > *:nth-child(6) {
		text-align: left;
	}

	.responsivetable_startup > * > * {
		padding-left: 100px;
	}

	.responsivetable_startup > * > *:before {
		width: 100px;
	}

	.responsivetable_startup > * > *:nth-child(1):before {
		content: "Name:";
	}

	.responsivetable_startup > * > *:nth-child(2):before {
		content: "Type:";
	}

	.responsivetable_startup > * > *:nth-child(3):before {
		content: "Last Modified:";
	}

	.responsivetable_startup > * > *:nth-child(4) {
		padding-top: 8px;
	}

	.responsivetable_sshkeys > * > * {
		padding-left: 100px;
	}

	.responsivetable_sshkeys > * > *:before {
		width: 100px;
	}

	.responsivetable_sshkeys > * > *:nth-child(1):before {
		content: "Name:";
	}

	.responsivetable_sshkeys > * > *:nth-child(2):before {
		content: "Date Created:";
	}

	.responsivetable_sshkeys > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_dns > * > * {
		padding-left: 100px;
	}

	.responsivetable_dns > * > *:before {
		width: 100px;
	}

	.responsivetable_dns > * > *:nth-child(1):before {
		content: "Domain:";
	}

	.responsivetable_dns > * > *:nth-child(2):before {
		content: "Date Created:";
	}

	.responsivetable_dns > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_blockstorage > * > * {
		padding-left: 100px;
	}

	.responsivetable_blockstorage > * > *:before {
		width: 100px;
	}

	.responsivetable_blockstorage > * > *:nth-child(1):before {
		content: "Description:";
	}

	.responsivetable_blockstorage > * > *:nth-child(2):before {
		content: "Location:";
	}

	.responsivetable_blockstorage > * > *:nth-child(3):before {
		content: "Status:";
	}

	.responsivetable_blockstorage > * > *:nth-child(4):before {
		content: "Attached To:";
	}

	.responsivetable_blockstorage > * > *:nth-child(5):before {
		content: "Charges:";
	}

	.responsivetable_blockstorage > * > *:nth-child(6) {
		padding-top: 8px;
	}

	.responsivetable_reservedip > * > * {
		padding-left: 100px;
	}

	.responsivetable_reservedip > * > *:before {
		width: 100px;
	}

	.responsivetable_reservedip > * > *:nth-child(1):before {
		content: "Reserved IP:";
	}

	.responsivetable_reservedip > * > *:nth-child(2):before {
		content: "Location:";
	}

	.responsivetable_reservedip > * > *:nth-child(3):before {
		content: "Attached To:";
	}

	.responsivetable_reservedip > * > *:nth-child(4):before {
		content: "Charges:";
	}

	.responsivetable_reservedip > * > *:nth-child(5) {
		padding-top: 8px;
	}

	.responsivetable_custom > * > * {
		padding-left: 100px;
	}

	.responsivetable_custom > * > *:before {
		width: 100px;
	}

	.responsivetable_custom > * > *:nth-child(1):before {
		content: "Service:";
	}

	.responsivetable_custom > * > *:nth-child(2):before {
		content: "Charges:";
	}

	.responsivetable_custom > * > *:nth-child(3):before {
		content: "Status:";
	}

	.responsivetable_custom > * > *:nth-child(4) {
		padding-top: 8px;
	}

	.responsivetable_snapshots > * > * {
		padding-left: 100px !important;
	}

	.responsivetable_snapshots > * > *:before {
		width: 100px;
		text-align: left;
	}

	.responsivetable > * > *:last-child {
		text-align: left;
	}

	.responsivetable_snapshots > * > *:nth-child(1):before {
		content: "Name:";
	}

	.responsivetable_snapshots > * > *:nth-child(2):before {
		content: "OS:";
	}

	.responsivetable_snapshots > * > *:nth-child(3):before {
		content: "Size:";
	}

	.responsivetable_snapshots > * > *:nth-child(4):before {
		content: "Pending Charges:";
	}

	.responsivetable_snapshots > * > *:nth-child(5):before {
		content: "Date:";
	}

	.responsivetable_snapshots > * > *:nth-child(6):before {
		content: "Status:";
	}

	.responsivetable_snapshots > * > *:nth-child(7) {
		padding-top: 8px;
	}

	.responsivetable_firewall > * > * {
		padding-left: 100px;
	}

	.responsivetable_firewall > * > *:before {
		width: 100px;
	}

	.responsivetable_firewall > * > *:nth-child(1):before {
		content: "ID:";
	}

	.responsivetable_firewall > * > *:nth-child(2):before {
		content: "Description:";
	}

	.responsivetable_firewall > * > *:nth-child(3):before {
		content: "Date Created:";
	}

	.responsivetable_firewall > * > *:nth-child(4):before {
		content: "Rules:";
	}

	.responsivetable_firewall > * > *:nth-child(5):before {
		content: "Instances:";
	}

	.responsivetable_firewall > * > *:nth-child(6):before {
		content: "Actions:";
	}

	.responsivetable_firewall > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_iplist > * > * {
		padding-left: 100px;
	}

	.responsivetable_iplist > * > *:before {
		width: 100px;
	}

	.responsivetable_iplist > * > *:nth-child(1):before {
		content: "Address:";
	}

	.responsivetable_iplist > * > *:nth-child(2):before {
		content: "Netmask:";
	}

	.responsivetable_iplist > * > *:nth-child(3):before {
		content: "Gateway:";
	}

	.responsivetable_iplist > * > *:nth-child(4):before {
		content: "Reverse DNS:";
	}

	.responsivetable_iplist > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_ip6list > * > * {
		padding-left: 100px;
	}

	.responsivetable_ip6list > * > *:before {
		width: 100px;
	}

	.responsivetable_ip6list > * > *:nth-child(1):before {
		content: "Default IP:";
	}

	.responsivetable_ip6list > * > *:nth-child(2):before {
		content: "Network:";
	}

	.responsivetable_ip6list > * > *:nth-child(3):before {
		content: "CIDR:";
	}

	.responsivetable_ip6list > * > *:nth-child(4):before {
		content: "Gateway:";
	}

	.responsivetable_ip6list > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_networks > * > * {
		padding-left: 100px;
	}

	.responsivetable_networks > * > *:before {
		width: 100px;
	}

	.responsivetable_networks > * > *:nth-child(1):before {
		content: "ID:";
	}

	.responsivetable_networks > * > *:nth-child(2):before {
		content: "Description:";
	}

	.responsivetable_networks > * > *:nth-child(3):before {
		content: "Location:";
	}

	.responsivetable_networks > * > *:nth-child(4):before {
		content: "Subnet:";
	}

	.responsivetable_networks > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_actions {
		text-align: left;
	}

	.responsivefullwidth {
		width: 100%;
	}

	input[type="submit"].responsivefullwidthmr10,
	.responsivefullwidthmr10 {
		width: 100%;
		margin-left: 0px;
	}

	.table-bottom {
		margin-left: -15px;
		margin-right: -15px;
		border-top: 1px solid var(--border-secondary);
		justify-content: center;
		align-items: center;
	}

	.table-bottom .table-container {
		display: flex;
		flex-wrap: wrap;
	}
}

@media all and (min-width: 0px) and (max-width: 420px) {
	.table-bottom .table-container {
		justify-content: center !important;
	}
}

/* TABLE MAS ACTIONS */
body.mass-actions-open {
	margin-bottom: 156px;
}

body.mass-actions-open .table-mass-actions {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

.mass-action-table {
	position: relative;
}

.table-mass-actions {
	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	z-index: 100;
	padding: 16px 0;
	background: var(--bg-primary);
	box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
	transition:
		opacity 0.3s ease-in,
		visibility 0.3s ease-in;
	opacity: 0;
	visibility: hidden;
}

.table-mass-actions input[type="button"],
.table-mass-actions input[type="submit"],
.table-mass-actions .button {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0 16px 0 0;
	background: transparent;
	color: var(--brand-primary);
}

.table-mass-actions input[type="button"]:hover,
.table-mass-actions input[type="button"]:active,
.table-mass-actions input[type="button"]:focus,
.table-mass-actions input[type="submit"]:hover,
.table-mass-actions input[type="submit"]:active,
.table-mass-actions input[type="submit"]:focus,
.table-mass-actions .button:hover,
.table-mass-actions .button:active,
.table-mass-actions .button:focus {
	background: transparent;
}

.table-mass-actions .mass-action-title {
	padding-right: 16px;
}

.table-mass-actions .block1290 {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.table-mass-actions.is-active {
	opacity: 1;
	visibility: visible;
}

.table-mass-actions.affix:not(.affix-top) {
	position: fixed;
	top: 0;
}

/* Zero Data */
.zero-data {
	padding: 24px;
	background-color: var(--bg-primary);
	border-radius: 0;
	box-shadow: none;
	border: 1px solid var(--border-secondary);
}

.zero-data-body {
	max-width: 768px;
	margin: 40px auto;
	text-align: center;
}

.zero-data-title {
	margin-bottom: 20px;
	color: var(--table-text);
	font-size: 28px;
	line-height: 32px;
}

.zero-data-desc {
	margin-bottom: 24px;
}

/* Product Notes */
.product-notes {
	margin-top: 32px;
}

.product-notes + p,
.product-notes + .product-notes {
	margin-top: 16px;
}

/* Table List */
.tablelist {
	width: 100%;
	border: 1px solid var(--border-secondary);
	background: var(--bg-primary);
	border-spacing: 0px;
	border-radius: 0;
}

.tablelist a {
	color: var(--text-primary);
}

.tablelist tr td,
.tablelist tr th {
	padding: 10px 10px;
	border-bottom: 1px solid var(--border-secondary);
	text-align: left;
}

.tablelist tr td:first-child,
.tablelist tr th:first-child {
	padding-left: 16px;
}

.tablelist tr td:last-child,
.tablelist tr th:last-child {
	padding-right: 16px;
	text-align: right;
}

.tablelist tr th {
	color: var(--text-secondary);
	font-size: 15px;
	font-weight: normal;
}

.tablelist tr td:last-child {
	padding-top: 6px;
	padding-bottom: 6px;
}

.tablelist tr:hover td {
	background-color: var(--bg-darker);
}

.tablelist tr:last-child td {
	border-bottom: none;
}

.responsivetable .fonticonedit,
.responsivetable .fonticondelete,
.responsivetable .fonticonnewpage,
.tablelist .fonticonedit,
.tablelist .fonticondelete,
.tablelist .fonticonnewpage {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}

.responsivetable > * > *:nth-child(3) {
	width: auto;
}

.table-bottom {
	margin-top: 1rem;
}

.table-bottom .table-container {
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.table-bottom .pagination,
.table-bottom .table-length {
	padding-left: 0;
	display: flex;
	list-style: none;
	font-size: 15px;
	line-height: 40px;
}

.table-bottom .pagination li,
.table-bottom .table-length li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin: 0 5px;
}

.table-bottom .pagination li.active,
.table-bottom .table-length li.active {
	border: 1px solid var(--brand-primary);
	border-radius: 2px;
}

.table-bottom .pagination li.active a,
.table-bottom .table-length li.active a {
	color: var(--brand-primary);
}

.table-bottom .pagination li a,
.table-bottom .table-length li a {
	color: var(--nav-color);
}

.table-bottom .pagination .prev a,
.table-bottom .pagination .next a,
.table-bottom .table-length .prev a,
.table-bottom .table-length .next a {
	color: var(--text-secondary);
	font-size: 19px;
}

.table-icon-sm {
	max-width: 24px;
}

.tabledata tr td:nth-child(n + 2) {
	padding-left: 40px;
}

.tabledata .floatinglabel {
	margin: 0;
}

/* Table Search */
#subscriptionSearchForm {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

#subscriptionSearchForm > div {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: flex-start;
	padding: 3px;
}

#subscriptionSearchForm label {
	min-width: 150px;
}

/*
#subscriptionSearchForm input[type=text] {
		margin:0px 0px 2px 6px;
		font-weight:bold;
		border-radius:0px;
		border:none;
		padding:2px 4px 2px 4px;
		height:25px;
		appearance:none;
		-webkit-appearance:none;
		-moz-appearance:none;
		width:200px;
}
#subscriptionSearchForm select {
		margin:0px 0px 2px 6px;
		font-weight:bold;
		border-radius:0px;
		border:none;
		padding:2px 16px 2px 4px;
		height:25px;
		appearance:none;
		-webkit-appearance:none;
		-moz-appearance:none;
		cursor:pointer;
}
*/

#subscriptionSearchForm > div.searchhl {
	border-color: #1e88e5;
}

/* SVG ICONS */
.fonticon_magento,
.fonticon_windows,
.fonticon_alpinelinux,
.fonticon_archlinux,
.fonticon_esxi,
.fonticon_centos,
.fonticon_coreos,
.fonticon_cpanel,
.fonticon_debian,
.fonticon_db-mysql,
.fonticon_db-pg,
.fonticon_db-ferret-pg,
.fonticon_db-redis,
.fonticon_django,
.fonticon_docker,
.fonticon_drupal,
.fonticon_fedora,
.fonticon_fedora-coreos,
.fonticon_flatcar,
.fonticon_freebsd,
.fonticon_gitlab,
.fonticon_joomla,
.fonticon_lamp,
.fonticon_lemp,
.fonticon_mediawiki,
.fonticon_minecraft,
.fonticon_nextcloud,
.fonticon_openlitespeed,
.fonticon_openvpn,
.fonticon_owncloud,
.fonticon_openbsd,
.fonticon_plesk,
.fonticon_plesk_webadmin,
.fonticon_plesk_webpro,
.fonticon_plesk_webhost,
.fonticon_prestashop,
.fonticon_ubuntu,
.fonticon_opensuse,
.fonticon_vultr_gpu_stack,
.fonticon_webmin,
.fonticon_script,
.fonticon_ssh,
.fonticon_add,
.fonticon_configure,
.fonticon_auto,
.fonticon_iso,
.fonticon_kubernetes,
.fonticon_backup,
.fonticon_server,
.fonticon_jitsi,
.fonticon_directadmin,
.fonticon_nodejs,
.fonticon_centos-webpanel,
.fonticon_pritunl,
.fonticon_wordpress,
.fonticon_snapshot,
.fonticon_compute,
.fonticon_flex-compute,
.fonticon_marketplace_app,
.fonticon_almalinux,
.fonticon_rockylinux,
.fonticon_vzlinux {
	display: inline-block;
	height: 48px;
	width: 48px;
	background-size: cover;
	background-repeat: no-repeat;
}

.responsivetable .fonticon_wordpress,
.responsivetable .fonticon_magento,
.responsivetable .fonticon_windows,
.responsivetable .fonticon_alpinelinux,
.responsivetable .fonticon_archlinux,
.responsivetable .fonticon_esxi,
.responsivetable .fonticon_centos,
.responsivetable .fonticon_coreos,
.responsivetable .fonticon_debian,
.responsivetable .fonticon_db-mysql,
.responsivetable .fonticon_db-pg,
.responsivetable .fonticon_db-ferret-pg,
.responsivetable .fonticon_db-redis,
.responsivetable .fonticon_django,
.responsivetable .fonticon_docker,
.responsivetable .fonticon_drupal,
.responsivetable .fonticon_fedora,
.responsivetable .fonticon_fedora-coreos,
.responsivetable .fonticon_flatcar,
.responsivetable .fonticon_freebsd,
.responsivetable .fonticon_gitlab,
.responsivetable .fonticon_joomla,
.responsivetable .fonticon_lamp,
.responsivetable .fonticon_lemp,
.responsivetable .fonticon_mediawiki,
.responsivetable .fonticon_minecraft,
.responsivetable .fonticon_openlitespeed,
.responsivetable .fonticon_openvpn,
.responsivetable .fonticon_openbsd,
.responsivetable .fonticon_plesk,
.responsivetable .fonticon_plesk_webadmin,
.responsivetable .fonticon_plesk_webpro,
.responsivetable .fonticon_plesk_webhost,
.responsivetable .fonticon_prestashop,
.responsivetable .fonticon_jitsi,
.responsivetable .fonticon_directadmin,
.responsivetable .fonticon_nodejs,
.responsivetable .fonticon_centos-webpanel,
.responsivetable .fonticon_pritunl,
.responsivetable .fonticon_webmin,
.responsivetable .fonticon_backup,
.responsivetable .fonticon_server,
.responsivetable .fonticon_snapshot,
.responsivetable .fonticon_almalinux,
.responsivetable .fonticon_rockylinux,
.responsivetable .fonticon_vzlinux,
table .fonticon_wordpress,
table .fonticon_magento,
table .fonticon_windows,
table .fonticon_alpinelinux,
table .fonticon_archlinux,
table .fonticon_esxi,
table .fonticon_centos,
table .fonticon_coreos,
table .fonticon_debian,
table .fonticon_django,
table .fonticon_docker,
table .fonticon_drupal,
table .fonticon_fedora,
table .fonticon_fedora-coreos,
table .fonticon_flatcar,
table .fonticon_freebsd,
table .fonticon_gitlab,
table .fonticon_joomla,
table .fonticon_lamp,
table .fonticon_lemp,
table .fonticon_mediawiki,
table .fonticon_minecraft,
table .fonticon_openlitespeed,
table .fonticon_openvpn,
table .fonticon_openbsd,
table .fonticon_plesk,
table .fonticon_plesk,
table .fonticon_plesk_webadmin,
table .fonticon_plesk_webpro,
table .fonticon_plesk_webhost,
table .fonticon_prestashop,
table .fonticon_jitsi,
table .fonticon_directadmin,
table .fonticon_nodejs,
table .fonticon_centos-webpanel,
table .fonticon_pritunl,
table .fonticon_webmin,
table .fonticon_backup,
table .fonticon_server,
table .fonticon_snapshot,
table .fonticon_almalinux,
table .fonticon_rockylinux,
table .fonticon_vzlinu {
	height: 28px;
	width: 28px;
}

.fonticon_db-mysql {
	background: url(../images/icons/dbs/64-mysql.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.fonticon_db-pg {
	background: url(../images/icons/dbs/64-pg.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.fonticon_db-ferret-pg {
	background: url(../images/icons/dbs/64-ferret-pg.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.fonticon_db-redis {
	background: url(../images/icons/dbs/64-redis.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.responsivetable .fonticon_ubuntu,
table .fonticon_ubuntu {
	height: 30px;
	width: 28px;
	background-size: cover;
}

.responsivetable .fonticon_vultr_gpu_stack,
table .fonticon_vultr_gpu_stack {
	height: 30px;
	width: 28px;
	background-size: cover;
}

.responsivetable .fonticon_opensuse,
table .fonticon_opensuse {
	height: 30px;
	width: 28px;
	opacity: 0.48;
	background-size: cover;
}

.responsivetable .fonticon_cpanel,
table .fonticon_cpanel {
	height: 28px;
	width: 31px;
	background-size: cover;
}

.responsivetable .fonticon_marketplace_app,
table .fonticon_marketplace_app {
	height: 31px;
	width: 31px;
	background-size: cover;
}

.responsivetable .fonticon_nextcloud,
.responsivetable .fonticon_owncloud,
table .fonticon_nextcloud,
table .fonticon_owncloud {
	height: 28px;
	width: 34px;
	background-size: cover;
}

/* Operating Systems */
.fonticon_centos {
	background: url(../images/os/icon-centos.svg);
}

.fonticon_coreos,
.fonticon_fedora-coreos {
	background: url(../images/os/icon-coreos.svg);
}

.fonticon_debian {
	background: url(../images/os/icon-debian.svg);
}

.fonticon_fedora {
	background: url(../images/os/icon-fedora.svg);
}

.fonticon_flatcar {
	background: url(../images/os/icon-flatcar.svg);
}

.fonticon_freebsd {
	background: url(../images/os/icon-freebsd.svg);
}

.fonticon_ubuntu {
	height: 50px;
	background: url(../images/os/icon-ubuntu.svg);
}

.fonticon_vultr_gpu_stack {
	height: 50px;
	background: url(../images/os/icon-vultr_gpu_stack.svg);
}

.fonticon_opensuse {
	height: 50px;
	background: url(../images/os/icon-opensuse.svg);
}

.fonticon_alpinelinux {
	background: url(../images/os/icon-alpinelinux.svg);
}

.fonticon_archlinux {
	background: url(../images/os/icon-archlinux.svg);
}

.fonticon_windows {
	background: url(../images/os/icon-windows.svg);
}

.fonticon_windows.core {
	background: url(../images/os/icon-windows-core.svg);
}

.fonticon_esxi {
	background: url(../images/os/icon-esxi.svg);
}

/* Applications */
.fonticon_cpanel {
	width: 52px;
	background: url(../images/os/icon-cpanel.svg);
}

.fonticon_django {
	background: url(../images/os/icon-django.svg);
}

.fonticon_docker {
	background: url(../images/os/icon-docker.svg);
}

.fonticon_drupal {
	background: url(../images/os/icon-drupal.svg);
}

.fonticon_gitlab {
	background: url(../images/os/icon-gitlab.svg);
}

.fonticon_joomla {
	background: url(../images/os/icon-joomla.svg);
}

.fonticon_lamp {
	background: url(../images/os/icon-lamp.svg);
}

.fonticon_lemp {
	background: url(../images/os/icon-lemp.svg);
}

.fonticon_magento {
	background: url(../images/os/icon-magento.svg);
}

.fonticon_mediawiki {
	background: url(../images/os/icon-mediawiki.svg);
}

.fonticon_minecraft {
	background: url(../images/os/icon-minecraft.svg);
}

.fonticon_nextcloud {
	width: 58px;
	background: url(../images/os/icon-nextcloud.svg);
}

.fonticon_openlitespeed {
	background: url(../images/os/icon-openlitespeed.svg?v=2);
}

.fonticon_openvpn {
	background: url(../images/os/icon-openvpn.svg);
}

.fonticon_owncloud {
	width: 52px;
	background: url(../images/os/icon-owncloud.svg);
}

.fonticon_openbsd {
	width: 52px;
	background: url(../images/os/icon-openbsd.svg);
}

.fonticon_jitsi {
	background: url(../images/os/icon-jitsi.svg) no-repeat;
}

.fonticon_directadmin {
	background: url(../images/os/icon-directadmin.svg);
}

.fonticon_centos-webpanel {
	background: url(../images/os/icon-cwp.svg);
}

.fonticon_pritunl {
	background: url(../images/os/icon-pritunl.svg);
}

.fonticon_nodejs {
	background: url(../images/os/icon-nodejs.svg);
}

.fonticon_plesk,
.fonticon_plesk_webadmin,
.fonticon_plesk_webpro,
.fonticon_plesk_webhost {
	background: url(../images/os/icon-plesk.svg);
}

.fonticon_prestashop {
	background: url(../images/os/icon-prestashop.svg);
}

.fonticon_webmin {
	background: url(../images/os/icon-webmin.svg);
}

.fonticon_wordpress {
	background: url(../images/os/icon-wordpress.svg);
}

/* Misc */
.fonticon_script {
	background: url(../images/os/misc/icon-startup.svg);
}

.fonticon_ssh {
	background: url(../images/os/misc/icon-ssh.svg);
}

.fonticon_snapshot {
	background: url(../images/os/misc/icon-snapshot-deploy.svg);
}

.fonticon_add {
	background: url(../images/os/misc/icon-add.svg);
}

.fonticon_iso {
	background: url(../images/os/misc/icon-iso.svg);
}

.fonticon_kubernetes {
	background: url(../images/os/misc/icon-kubernetes.svg);
}

.fonticon_almalinux {
	background: url(../images/os/icon-alma.svg);
}

.fonticon_rockylinux {
	background: url(../images/os/icon-rockylinux.svg);
}

.fonticon_vzlinux {
	background: url(../images/os/icon-vzlinux.svg);
}

.fonticon_backup,
.fonticon_server {
	background: url(../images/os/misc/icon-backup.svg);
}

.servertype_section .fonticon_snapshot {
	background: url(../images/os/misc/icon-snapshot-deploy.svg);
}

.fonticon_compute {
	background-image: url(../images/cloud-compute-type/compute.svg);
}

.fonticon_flex-compute {
	background-image: url(../images/cloud-compute-type/flex-compute.svg);
}

.fonticon_marketplace_app {
	background: url(../images/icons/marketplace.svg);
}

span[class*="fonticon_"] {
	background-repeat: no-repeat;
}

@font-face {
	font-family: "Material-Design-Iconic-Font";
	src:
		url("../fonts/Material-Design-Iconic-Font.woff2") format("woff2"),
		url("../fonts/Material-Design-Iconic-Font.woff") format("woff"),
		url("../fonts/Material-Design-Iconic-Font.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "icons";
	src:
		url("../fonts/icons.ttf") format("truetype"),
		url("../fonts/icons.woff") format("woff"),
		url("../fonts/icons.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "icons_2";
	src: url("../fonts/icons_2.eot");
	src:
		url("../fonts/icons_2.eot") format("embedded-opentype"),
		url("../fonts/icons_2.ttf") format("truetype"),
		url("../fonts/icons_2.woff") format("woff"),
		url("../fonts/icons_2.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Material-Design-Iconic-Font, sans-serif;
	src:
		url(../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"),
		url(../fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"),
		url(../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0)
			format("truetype");
}

.zmdi {
	display: inline-block;
	font:
		normal normal normal 14px/1 "Material-Design-Iconic-Font",
		sans-serif;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.zmdi.pull-left {
	float: left;
	margin-right: 0.15em;
}

.zmdi.pull-right {
	float: right;
	margin-left: 0.15em;
}

@keyframes zmdi-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(359deg);
	}
}

@keyframes zmdi-spin-reverse {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-359deg);
	}
}

.zmdi-card-giftcard:before {
	content: "\f126";
}

.zmdi-close-circle-o:before {
	content: "\f134";
}

.zmdi-close-circle:before {
	content: "\f135";
}

.zmdi-close:before {
	content: "\f136";
}

.zmdi-code:before {
	content: "\f13a";
}

.zmdi-collection-text:before {
	content: "\f150";
}

.zmdi-delete:before {
	content: "\f154";
}

.zmdi-edit:before {
	content: "\f158";
}

.zmdi-email-open:before {
	content: "\f159";
}

.zmdi-fullscreen:before {
	content: "\f16d";
}

.zmdi-image:before {
	content: "\f17f";
}

.zmdi-library:before {
	content: "\f18d";
}

.zmdi-link:before {
	content: "\f18e";
}

.zmdi-more-vert:before {
	content: "\f19b";
}

.zmdi-quote:before {
	content: "\f1b2";
}

.zmdi-receipt:before {
	content: "\f1b4";
}

.zmdi-search-replace:before {
	content: "\f1c2";
}

.zmdi-search:before {
	content: "\f1c3";
}

.zmdi-shield-check:before {
	content: "\f1c7";
}

.zmdi-thumb-down:before {
	content: "\f1dc";
}

.zmdi-thumb-up-down:before {
	content: "\f1dd";
}

.zmdi-thumb-up:before {
	content: "\f1de";
}

.zmdi-truck:before {
	content: "\f1e6";
}

.zmdi-wrench:before {
	content: "\f1ed";
}

.zmdi-alert-circle-o:before {
	content: "\f1f0";
}

.zmdi-alert-circle:before {
	content: "\f1f1";
}

.zmdi-alert-triangle:before {
	content: "\f1f4";
}

.zmdi-info-outline:before {
	content: "\f1f7";
}

.zmdi-info:before {
	content: "\f1f8";
}

.zmdi-account-o:before {
	content: "\f206";
}

.zmdi-account:before {
	content: "\f207";
}

.zmdi-accounts-alt:before {
	content: "\f209";
}

.zmdi-accounts:before {
	content: "\f20d";
}

.zmdi-cloud-done:before {
	content: "\f219";
}

.zmdi-cloud-off:before {
	content: "\f21b";
}

.zmdi-file-text:before {
	content: "\f222";
}

.zmdi-format-bold:before {
	content: "\f23d";
}

.zmdi-format-italic:before {
	content: "\f245";
}

.zmdi-format-list-bulleted:before {
	content: "\f247";
}

.zmdi-format-list-numbered:before {
	content: "\f248";
}

.zmdi-format-size:before {
	content: "\f24b";
}

.zmdi-comment-list:before {
	content: "\f25f";
}

.zmdi-check:before {
	content: "\f26b";
}

.zmdi-plus-circle-o:before {
	content: "\f275";
}

.zmdi-plus-circle:before {
	content: "\f276";
}

.zmdi-plus-square:before {
	content: "\f277";
}

.zmdi-plus:before {
	content: "\f278";
}

.zmdi-arrow-left:before {
	content: "\f2ea";
}

.zmdi-arrow-missed:before {
	content: "\f2ec";
}

.zmdi-arrow-right-top:before {
	content: "\f2ed";
}

.zmdi-arrow-right:before {
	content: "\f2ee";
}

.zmdi-arrows:before {
	content: "\f2f0";
}

.zmdi-caret-down:before {
	content: "\f2f2";
}

.zmdi-chevron-down:before {
	content: "\f2f9";
}

.zmdi-chevron-up:before {
	content: "\f2fc";
}

.zmdi-calendar:before {
	content: "\f332";
}

.zmdi-pause-circle-outline:before {
	content: "\f3a5";
}

.zmdi-play-circle-outline:before {
	content: "\f3a8";
}

.zmdi-play-circle:before {
	content: "\f3a9";
}

.zmdi-play:before {
	content: "\f3aa";
}

/* Generic icons 1 */
.fonticonattachment,
a.fonticonattachment,
.fonticonchevronup,
a.fonticonchevronup,
.fonticonconsole,
a.fonticonconsole,
.fonticonconsolenotext,
a.fonticonconsolenotext,
.fonticoncopy,
a.fonticoncopy,
.fonticonclose,
a.fonticonclose,
.fonticondelete,
a.fonticonlaptop,
.fonticonlaptop,
a.fonticondelete,
.fonticondialogs,
a.fonticondialogs,
.fonticonedit,
a.fonticonedit,
.fonticonhelp,
a.fonticonhelp,
.fonticonmore,
a.fonticonmore,
.fonticonnegative,
a.fonticonnegative,
.fonticonneutral,
a.fonticonneutral,
.fonticonnewpage,
a.fonticonnewpage,
.fonticonplus,
a.fonticonplus,
.fonticonpositive,
a.fonticonpositive,
.fonticonrefresh,
a.fonticonrefresh,
.fonticonreinstall,
a.fonticonreinstall,
.fonticonrescue,
a.fonticonrescue,
.fonticonrestart,
a.fonticonrestart,
.fonticonstar,
a.fonticonstar,
.fonticonstop,
a.fonticonstop,
.fonticon-eye,
a.fonticon-eye,
.fonticon-eye-off,
a.fonticon-eye-off,
.fonticon-f275,
a.fonticon-f275,
.fonticonempty,
a.fonticonempty,
.fonticonfolder,
a.fonticonfolder,
.fonticonfile,
a.fonticonfile,
.fonticondownload,
a.fonticondownload {
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 24px;
	color: var(--text-secondary);
	cursor: pointer;
}

.fonticonfolder,
a.fonticonfolder {
	color: var(--brand-primary);
}

.fonticonhelp,
a.fonticonhelp {
	color: #919499;
	font-size: 21px;
	vertical-align: middle;
}

.checkbox .fonticonhelp {
	margin-left: 8px;
}

.fonticonattachment:hover,
a.fonticonattachment:hover,
.fonticonchevronup:hover,
a.fonticonchevronup:hover,
.fonticonconsole:hover,
a.fonticonconsole:hover,
.fonticonconsolenotext:hover,
a.fonticonconsolenotext:hover,
.fonticoncopy:hover,
a.fonticoncopy:hover,
.fonticonclose:hover,
a.fonticonclose:hover,
a.fonticonlaptop:hover,
.fonticonlaptop:hover,
.fonticondialogs:hover,
a.fonticondialogs:hover,
.fonticonedit:hover,
a.fonticonedit:hover,
.fonticonhelp:hover,
a.fonticonhelp:hover,
.fonticonmore:hover,
a.fonticonmore:hover,
.fonticonnegative:hover,
a.fonticonnegative:hover,
.fonticonneutral:hover,
a.fonticonneutral:hover,
.fonticonnewpage:hover,
a.fonticonnewpage:hover,
.fonticonplus:hover,
a.fonticonplus:hover,
.fonticonpositive:hover,
a.fonticonpositive:hover,
.fonticonrefresh:hover,
a.fonticonrefresh:hover,
.fonticonreinstall:hover,
a.fonticonreinstall:hover,
.fonticonrescue:hover,
a.fonticonrescue:hover,
.fonticonrestart:hover,
a.fonticonrestart:hover,
.fonticonstar:hover,
a.fonticonstar:hover,
.fonticonstop:hover,
a.fonticonstop:hover,
.fonticon-eye:hover,
a.fonticon-eye:hover,
.fonticon-eye-off:hover,
a.fonticon-eye-off:hover,
.fonticon-f275:hover,
a.fonticon-f275:hover,
.fonticonempty:hover,
a.fonticonempty:hover,
.fonticondownload:hover,
a.fonticondownload:hover {
	color: var(--brand-primary);
}

.fonticondelete:hover,
a.fonticondelete:hover {
	color: var(--red);
}

.fonticonattachment::after {
	content: "\f10d";
}

.fonticonchevronup::after {
	content: "\f2fc";
}

.fonticonconsole:before {
	content: "\f292";
}

.fonticonconsole:after {
	content: ">_";
	position: absolute;
	top: -3px;
	left: 4px;
	font-size: 8px;
	font-weight: bold;
	font-family: courier, sans-serif;
}

.fonticonconsolenotext:after {
	content: "\f292";
}

.fonticoncopy::after {
	content: "\f237";
}

.fonticonlaptop::after {
	content: "\f2a7";
}

.fonticondelete::after {
	content: "\f154";
}

.fonticondialogs::after {
	content: "\f266";
}

.fonticonedit::after {
	content: "\f158";
}

.fonticonhelp::after {
	content: "\f1f5";
}

.fonticonmore::after {
	content: "\f19c";
}

.fonticonnegative::after {
	content: "\f213";
}

.fonticonneutral::after {
	content: "\f20e";
}

.fonticonnewpage::after {
	content: "\f223";
}

.fonticonplus::after {
	content: "\f278";
}

.fonticonpositive::after {
	content: "\f214";
}

.fonticonrefresh::after {
	content: "\f1b5";
}

.fonticonreinstall::after {
	content: "\f3d6";
}

.fonticonrescue::after {
	content: "\f177";
}

.fonticonrestart::after {
	content: "\f1b9";
}

.fonticonstar:after {
	content: "\f27d";
}

.fonticonstop:after {
	content: "\f1af";
}

.fonticon-eye-off:after {
	content: "\f15b";
}

.fonticon-eye:after {
	content: "\f15c";
}

.fonticon-f275:after {
	content: "\f275";
}

.fonticonfile:after {
	content: "\f222";
}

.fonticonempty:after {
	content: "\f39d";
}

.fonticonfolder:after {
	content: "\f224";
}

.fonticondownload:after {
	content: "\f220";
}

/* Generic icons 2 */
.fonticon_application,
.fonticon_linux,
.fonticon_support,
.fonticon_web,
.fonticon_graphite,
.fonticon_phpbb {
	font-size: 24px;
	color: #8e95a2;
}

/* .icon-server */
.fonticon_web::before {
	content: "\e918";
	font-family: "icons", sans-serif;
}

/* .icon-fedora */
.fonticon_graphite::before {
	content: "\e93c";
	font-family: "icons", sans-serif;
}

/* .icon-openbsd */
.fonticon_openbsd_beta::before {
	content: "\e941";
	font-family: "icons", sans-serif;
}

/* .icon-openbsd */
.fonticon_phpbb::before {
	content: "\e93b";
	font-family: "icons", sans-serif;
}

/* Generic icons 3 */
.fonticon.f20 {
	font-size: 20px;
}

.fonticon_chevron_left::before {
	content: "\f2fa";
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

.fonticon_chevron_right::before {
	content: "\f2fb";
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

.fonticon_plus::before {
	content: "\f278";
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

/* Generic icons 4 */
.fonticon_controller,
.fonticon_workstation,
.fonticon_nodejs,
.fonticon_mysql,
.fonticon_helping_hand,
.fonticon_globe,
.fonticon_realtime_protection,
.fonticon_last_hour,
.fonticon_admin_tools,
.fonticon_multiple_devices,
.fonticon_broadcasting,
.fonticon_electronics,
.fonticon_infinity,
.fonticon_settings,
.fonticon_agreement,
.fonticon_processor,
.fonticon_download,
.fonticon_upload,
.fonticon_question,
.fonticon_document,
.fonticon_message_add,
.fonticon_desktop_linux,
.fonticon_disc,
.fonticon_mouse,
.fonticon_location,
.fonticon_password,
.fonticon_mac_converter,
.fonticon_ipv4_converter,
.fonticon_unixtime_converter,
.fonticon_ipv6_calculator,
.fonticon_ipv4_calculator,
.fonticon_circle_add,
.fonticon_graphite_2 {
	font-size: 24px;
	color: var(--red);
	font-family: "icons_2", sans-serif;
}

.fonticon_controller:before {
	content: "\e907";
}

.fonticon_workstation:before {
	content: "\e908";
}

.fonticon_nodejs:before {
	content: "\e90a";
}

.fonticon_mysql:before {
	content: "\e90c";
}

.fonticon_helping_hand:before {
	content: "\e919";
}

.fonticon_globe:before {
	content: "\e91a";
}

.fonticon_realtime_protection:before {
	content: "\e91b";
}

.fonticon_last_hour:before {
	content: "\e91c";
}

.fonticon_admin_tools:before {
	content: "\e91d";
}

.fonticon_multiple_devices:before {
	content: "\e91e";
}

.fonticon_broadcasting:before {
	content: "\e91f";
}

.fonticon_electronics:before {
	content: "\e920";
}

.fonticon_infinity:before {
	content: "\e921";
}

.fonticon_settings:before {
	content: "\e922";
}

.fonticon_agreement:before {
	content: "\e923";
}

.fonticon_processor:before {
	content: "\e924";
}

.fonticon_download:before {
	content: "\e925";
}

.fonticon_upload:before {
	content: "\e926";
}

.fonticon_question:before {
	content: "\e927";
}

.fonticon_document:before {
	content: "\e928";
}

.fonticon_message_add:before {
	content: "\e929";
}

.fonticon_desktop_linux:before {
	content: "\e92a";
}

.fonticon_disc:before {
	content: "\e92b";
}

.fonticon_mouse:before {
	content: "\e92c";
}

.fonticon_location:before {
	content: "\e92d";
}

.fonticon_password:before {
	content: "\e930";
}

.fonticon_mac_converter:before {
	content: "\e931";
}

.fonticon_ipv4_converter:before {
	content: "\e932";
}

.fonticon_unixtime_converter:before {
	content: "\e933";
}

.fonticon_ipv6_calculator:before {
	content: "\e934";
}

.fonticon_ipv4_calculator:before {
	content: "\e935";
}

.fonticon_circle_add:before {
	content: "\e936";
}

.fonticon_graphite_2:before {
	content: "\e93d";
}

/* Flag icons */
.flag {
	margin-right: 10px;
}

.fonticon_kr,
.fonticon_au,
.fonticon_de,
.fonticon_fr,
.fonticon_gb,
.fonticon_uk,
.fonticon_jp,
.fonticon_nl,
.fonticon_se,
.fonticon_sg,
.fonticon_us,
.fonticon_es,
.fonticon_br,
.fonticon_pl,
.fonticon_mx,
.fonticon_in,
.fonticon_za,
.fonticon_il,
.fonticon_cl,
.fonticon_co,
.fonticon_pa {
	display: inline-block;
	height: 36px;
	width: 54px;
	border-radius: 2px;
	vertical-align: middle;
}

.fonticon_au {
	background-image: url(../images/flags/flag_au.png);
}

.fonticon_es {
	background-image: url(../images/flags/flag_es.png);
}

.fonticon_de {
	background-image: url(../images/flags/flag_de.png);
}

.fonticon_fr {
	background-image: url(../images/flags/flag_fr.png);
}

.fonticon_gb {
	background-image: url(../images/flags/flag_gb.png);
}

.fonticon_uk {
	background-image: url(../images/flags/flag_gb.png);
}

.fonticon_jp {
	background-image: url(../images/flags/flag_jp.png);
}

.fonticon_nl {
	background-image: url(../images/flags/flag_nl.png);
}

.fonticon_se {
	background-image: url(../images/flags/flag_se.png);
}

.fonticon_sg {
	background-image: url(../images/flags/flag_sg.png);
}

.fonticon_us {
	background-image: url(../images/flags/flag_us.png);
}

.fonticon_br {
	background-image: url(../images/flags/flag_br.png);
}

.fonticon_pl {
	background-image: url(../images/flags/flag_pl.png);
}

.fonticon_kr {
	background-image: url(../images/flags/flag_kr.png);
}

.fonticon_mx {
	background-image: url(../images/flags/flag_mx.png);
}

.fonticon_in {
	background-image: url(../images/flags/flag_in.png);
}

.fonticon_za {
	background-image: url(../images/flags/flag_za.png);
}

.fonticon_cl {
	background-image: url(../images/flags/flag_cl.png);
}

.fonticon_co {
	background-image: url(../images/flags/flag_co.png);
}

.fonticon_pa {
	background-image: url(../images/flags/flag_pa.png);
}

.fonticon_il {
	background-image: url(../images/flags/flag_il.png);
}

.fonticon_cm_kr,
.fonticon_cm_au,
.fonticon_cm_de,
.fonticon_cm_fr,
.fonticon_cm_gb,
.fonticon_cm_jp,
.fonticon_cm_nl,
.fonticon_cm_ca,
.fonticon_cm_se,
.fonticon_cm_sg,
.fonticon_cabinet,
.fonticon_cm_us,
.fonticon_cm_es,
.fonticon_cm_br,
.fonticon_cm_pl,
.fonticon_cm_mx,
.fonticon_cm_in,
.fonticon_cm_pa,
.fonticon_cm_za,
.fonticon_cm_il,
.fonticon_cm_cl,
.fonticon_cm_co {
	display: inline-block;
	height: 18px;
	width: 27px;
	border-radius: 0;
	vertical-align: middle;
}

.fonticon_cm_au {
	background-image: url(../images/flags/flagsm_au.png);
}

.fonticon_cm_es {
	background-image: url(../images/flags/flagsm_es.png);
}

.fonticon_cm_de {
	background-image: url(../images/flags/flagsm_de.png);
}

.fonticon_cm_fr {
	background-image: url(../images/flags/flagsm_fr.png);
}

.fonticon_cm_gb {
	background-image: url(../images/flags/flagsm_gb.png);
}

.fonticon_cm_jp {
	background-image: url(../images/flags/flagsm_jp.png);
}

.fonticon_cm_nl {
	background-image: url(../images/flags/flagsm_nl.png);
}

.fonticon_cm_sg {
	background-image: url(../images/flags/flagsm_sg.png);
}

.fonticon_cm_us {
	background-image: url(../images/flags/flagsm_us.png);
}

.fonticon_cm_br {
	background-image: url(../images/flags/flagsm_br.png);
}

.fonticon_cm_pl {
	background-image: url(../images/flags/flagsm_pl.png);
}

.fonticon_cm_se {
	background-image: url(../images/flags/flagsm_se.png);
}

.fonticon_cm_kr {
	background-image: url(../images/flags/flagsm_kr.png);
}

.fonticon_cm_mx {
	background-image: url(../images/flags/flagsm_mx.png);
}

.fonticon_cm_in {
	background-image: url(../images/flags/flagsm_in.png);
}

.fonticon_cm_pa {
	background-image: url(../images/flags/flagsm_pa.png);
}

.fonticon_cm_za {
	background-image: url(../images/flags/flagsm_za.png);
}

.fonticon_cm_il {
	background-image: url(../images/flags/flagsm_il.png);
}

.fonticon_cm_cl {
	background-image: url(../images/flags/flagsm_cl.png);
}

.fonticon_cm_co {
	background-image: url(../images/flags/flagsm_co.png);
}

.fonticon_cabinet {
	background-image: url(../images/file_cabinet.png);
}

/* CC icons */
.ccicon {
	vertical-align: middle;
}

.ccicon.f20 {
	font-size: 20px;
}

.ccicon.f24 {
	font-size: 24px;
}

.ccicon.f30 {
	font-size: 30px;
}

.ccicon.f50 {
	font-size: 50px;
}

.ccicon_discover::before,
.ccicon_visa::before,
.ccicon_visa_debit::before,
.ccicon_visa_electron::before,
.ccicon_mastercard::before,
.ccicon_amex::before,
.ccicon_jcb::before,
.ccicon_unionpay::before,
.ccicon_stripe::before,
.ccicon_maestro::before,
.ccicon_laser::before,
.ccicon_switch::before,
.ccicon_solo::before,
.ccicon_dinnersclub::before {
	font-family: "icons_2", sans-serif;
}

/* Some of the new icons are slightly larger than the original payment processors. */
.ccicon_visa_debit::before,
.ccicon_visa_electron::before,
.ccicon_mastercard::before,
.ccicon_unionpay::before,
.ccicon_stripe::before,
.ccicon_maestro::before,
.ccicon_laser::before,
.ccicon_switch::before,
.ccicon_solo::before,
.ccicon_dinnersclub::before {
	font-size: 65%;
	line-height: 1;
	position: relative;
	bottom: 3.5px;
}

.ccicon_discover::before {
	content: "\e937";
}

.ccicon_visa::before {
	content: "\e938";
}

.ccicon_visa_debit::before {
	content: "\e945";
}

.ccicon_visa_electron::before {
	content: "\e946";
}

.ccicon_mastercard::before {
	content: "\e900";
}

.ccicon_amex::before {
	content: "\e939";
}

.ccicon_jcb::before {
	content: "\e93a";
}

.ccicon_unionpay::before {
	content: "\e901";
}

.ccicon_stripe::before {
	content: "\e94a";
}

.ccicon_maestro::before {
	content: "\e943";
}

.ccicon_laser::before {
	content: "\e944";
}

.ccicon_switch::before {
	content: "\e947";
}

.ccicon_solo::before {
	content: "\e948";
}

.ccicon_dinnersclub::before {
	content: "\e949";
}

.paypal_icon:after {
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 24px;
	content: "\f357";
}

.input-icon {
	position: relative;
}

.input-icon > .form-control:first-child {
	padding-right: 50px;
}

.input-icon.input-icon-x2 > .form-control:first-child {
	padding-right: 100px;
}

.input-icon > .form-control:last-child {
	padding-left: 50px;
}

.input-icon.input-icon-x2 > .form-control:last-child {
	padding-left: 100px;
}

.input-icon > .btn-icon,
.input-icon > i {
	position: absolute;
	top: 0;
}

.input-icon > i {
	top: 13px;
	height: 24px;
	width: 24px;
	font-size: 24px;
	text-align: center;
	line-height: 24px;
}

.input-icon > i > img {
	float: left;
}

.input-icon-lg > i {
	top: 16px;
}

.input-icon > .btn-icon:first-child {
	left: 5px;
}

.input-icon > i:first-child {
	left: 15px;
}

.input-icon > .btn-icon:last-child {
	right: 5px;
}

.input-icon > i:last-child {
	right: 15px;
}

.input-icons-right {
	position: absolute;
	top: 0;
	right: 4px;
	display: flex;
	height: 100%;
	align-items: center;
}

.input-icon-sm .input-icons-right {
	top: 4px;
}

.input-icon-lg .input-icons-right {
	top: 10px;
}

.input-icon-xlg .input-icons-right {
	top: 12px;
}

.input-desc {
	padding-top: 16px;
	font-size: 13px;
	line-height: 18px;
	color: var(--text-secondary);
}

.form-group {
	margin-bottom: 15px;
}

.form-group .row {
	margin-left: -7px;
	margin-right: -7px;
}

.form-group [class*="col-"] {
	padding-left: 7px;
	padding-right: 7px;
}

.form-control {
	display: block;
	width: 100%;
	height: 50px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: var(--text-primary);
	background-color: var(--bg-primary);
	background-image: none;
	border: 1px solid var(--border-primary);
	border-radius: 0;
	transition:
		border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
}

.form-control:focus {
	border-color: var(--brand-primary);
	outline: 0;
}

.form-control::-moz-placeholder {
	color: var(--text-secondary);
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: var(--text-secondary);
}

.form-control::-webkit-input-placeholder {
	color: var(--text-secondary);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: var(--border);
	opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
	cursor: not-allowed;
}

.form-control-hint {
	position: relative;
}

.form-control-hint .floatinglabel {
	width: 100%;
}

.form-control-hint i {
	position: absolute;
	right: 12px;
	top: -13px;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 24px;
	font-size: 21px;
	line-height: 24px;
	text-align: center;
}

.form-control-hint.tooltip-is-open .tooltip {
	pointer-events: none;
}

.form-control-hint i:hover,
.form-control-hint i:focus,
.form-control-hint i:active {
	cursor: pointer;
	color: #1e88e5;
}

.form-control-hint .tooltip {
	width: 100%;
	left: 0 !important;
	margin-top: -9px !important;
}

.form-control-hint .tooltip-inner {
	width: 100%;
	max-width: 100%;
	text-align: left;
}

.form-control-hint .tooltip-arrow {
	left: auto !important;
	right: 18px;
}

.btn.btn-icon.btn-link {
	color: var(--text-primary);
}

.btn.btn-icon.btn-link:hover,
.btn.btn-icon.btn-link:active,
.btn.btn-icon.btn-link.active {
	color: var(--brand-primary);
}

.open .btn.btn-icon.btn-link,
.open .btn.btn-icon.btn-link:active,
.confirmation-open .btn.btn-icon.btn-link,
.confirmation-open .btn.btn-icon.btn-link:active {
	background-color: var(--border);
}

.btn-default.btn-outline {
	color: var(--text-primary);
	border-color: var(--border);
}

.btn-default.btn-outline:hover,
.btn-default.btn-outline:active,
.btn-default.btn-outline:focus,
.open > .btn-default.btn-outline,
.open > .dropdown-toggle.btn-default.btn-outline {
	color: var(--brand-primary);
	border-color: var(--brand-primary);
}

.form-select-input {
	position: relative;
	border: 1px solid var(--brand-primary);
	border-radius: 3px;
}

.form-select-input .input-group {
	width: 100%;
}

.form-select-input .form-control {
	border-radius: 3px !important;
	border-color: var(--brand-primary);
	padding-left: 40px;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.form-select-input .owe-credit-desc {
	display: inline-block;
	width: 100%;
	background: var(--brand-primary);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	color: var(--bg-primary);
	font-size: 13px;
	padding-left: 20px;
	line-height: 24px;
	position: relative;
	top: -1px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.form-select-input:after,
.form-select-input:before {
	bottom: 100%;
	right: 28px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 2;
}

.form-select-input:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: var(--bg-primary);
	border-width: 10px;
	right: 30px;
	margin-bottom: -1px;
}

@media (max-width: 767px) {
	.form-select-input:before {
		right: 15px;
	}

	.form-select-input:after {
		right: 17px;
		margin-bottom: -1.3px;
		z-index: 5;
	}
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.form-select-input:before {
	border-color: rgba(30, 136, 229, 0);
	border-bottom-color: var(--brand-primary);
	border-width: 12px;
	margin-left: -11px;
	margin-bottom: -2px;
}

.form-select-input .input-group-addon {
	position: absolute;
	z-index: 3;
	border: none;
	background: transparent;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: var(--brand-primary);
	font-weight: 700;
	font-size: 16px;
}

.slowFadeIn {
	animation: fadeIn 1s;
	visibility: visible;
}

input:focus,
textarea:focus,
select:focus {
	outline: 0 !important;
}

input[type="text"],
input[type="number"],
input[type="file"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="search"],
select {
	border: 1px solid var(--border-primary);
	border-radius: 3px;
	vertical-align: middle;
	height: 50px;
	padding: 0px 15px;
	color: var(--form-input);
	font-size: 15px;
	background-color: var(--bg-primary);
	font-weight: inherit;
}

textarea {
	border: 1px solid var(--border-primary);
	border-radius: 3px;
	vertical-align: middle;
	height: 50px;
	padding: 12px 16px;
	color: var(--form-input);
	font-size: 15px;
	background-color: var(--bg-primary);
	font-weight: inherit;
}

input[type="file"] {
	height: auto;
	padding: 15px 16px;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
	border-color: var(--brand-primary);
}

input[type="text"][readonly],
input[type="number"][readonly],
input[type="file"][readonly],
input[type="password"][readonly],
input[type="email"][readonly],
input[type="text"][readonly],
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="file"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="text"]:disabled {
	background-color: var(--border);
}

input[type="text"].alternate {
	background-color: rgba(0, 0, 0, 0.2);
	border-width: 0px;
	vertical-align: middle;
	border-radius: 0;
	padding: 17px 12px 16px 12px;
	color: var(--bg-primary);
}

input[type="submit"],
input[type="button"],
.button,
a.button {
	display: inline-block;
	vertical-align: middle;
	padding: 13px 24px;
	margin: 0px;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: 800;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	color: var(--brand-primary);
	background-color: var(--dropdown-light);
	border-radius: 3px;
	border: none;
	-webkit-appearance: none;
	transition: all ease-in 0.1s;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:active,
input[type="button"]:focus,
.button:hover,
.button:active,
.button:focus,
a.button:hover,
a.button:active,
a.button:focus {
	color: var(--brand-primary);
	background-color: rgba(23, 98, 227, 0.2);
	outline: none;
}

.button.disabled,
.button:disabled,
.button:disabled .button[disabled],
.button:disabled a.button[disabled],
.button:disabled input[type="button"][disabled],
.button:disabled input[type="submit"][disabled],
.btn.disabled,
a.button.disabled,
a.button:disabled,
a.button:disabled .button[disabled],
a.button:disabled a.button[disabled],
a.button:disabled input[type="button"][disabled],
a.button:disabled input[type="submit"][disabled],
input[type="button"].disabled,
input[type="button"]:disabled,
input[type="button"]:disabled .button[disabled],
input[type="button"]:disabled a.button[disabled],
input[type="button"]:disabled input[type="button"][disabled],
input[type="button"]:disabled input[type="submit"][disabled],
input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="submit"]:disabled .button[disabled],
input[type="submit"]:disabled a.button[disabled],
input[type="submit"]:disabled input[type="button"][disabled],
input[type="submit"]:disabled input[type="submit"][disabled] {
	cursor: not-allowed;
	opacity: 0.5;
}

.btn {
	transition: all ease-in 0.1s;
	border-radius: 3px;
}

input[type="submit"].btn-sm,
input[type="button"].btn-sm,
.button.btn-sm,
a.button.btn-sm {
	height: 44px;
	padding: 9px 16px;
}

.button.nodisabled[disabled] {
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	opacity: 1;
}

.btn-block {
	display: block;
	width: 100%;
}

input[type="submit"].btn-light,
input[type="button"].btn-light,
.btn-light,
a.btn-light {
	color: var(--bg-primary);
	background-color: #3ba3ff;
}

input[type="submit"].btn-light:hover,
input[type="submit"].btn-light:active,
input[type="submit"].btn-light:focus,
input[type="button"].btn-light:hover,
input[type="button"].btn-light:active,
input[type="button"].btn-light:focus,
.btn-light:hover,
.btn-light:active,
.btn-light:focus,
a.btn-light:hover,
a.btn-light:active,
a.btn-light:focus {
	background-color: #54aaff;
}

input[type="submit"].btn-danger,
input[type="button"].btn-danger,
.btn-danger,
a.btn-danger {
	color: var(--bg-primary);
	background-color: var(--red);
}

.btn-warning,
a.btn-warning {
	color: var(--bg-primary);
	background-color: var(--warning);
	text-decoration: none;
}

input[type="submit"].btn-danger:hover,
input[type="submit"].btn-danger:active,
input[type="submit"].btn-danger:focus,
input[type="button"].btn-danger:hover,
input[type="button"].btn-danger:active,
input[type="button"].btn-danger:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
a.btn-danger:hover,
a.btn-danger:active,
a.btn-danger:focus {
	background-color: var(--red);
}

.btn-danger.btn-faded,
a.btn-danger.btn-faded,
input[type="button"].btn-danger.btn-faded,
input[type="submit"].btn-danger.btn-faded {
	color: var(--red) !important;
	background-color: #fbdedf;
	text-decoration: none;
}

.btn-danger.btn-faded:active,
.btn-danger.btn-faded:focus,
.btn-danger.btn-faded:hover,
a.btn-danger.btn-faded:active,
a.btn-danger.btn-faded:focus,
a.btn-danger.btn-faded:hover,
input[type="button"].btn-danger.btn-faded:active,
input[type="button"].btn-danger.btn-faded:focus,
input[type="button"].btn-danger.btn-faded:hover,
input[type="submit"].btn-danger.btn-faded:active,
input[type="submit"].btn-danger.btn-faded:focus,
input[type="submit"].btn-danger.btn-faded:hover {
	background-color: #facacc;
}

input[type="submit"].btn-warning,
input[type="button"].btn-warning,
.btn-warning,
a.btn-warning {
	background-color: var(--warning);
}

input[type="submit"].btn-warning:hover,
input[type="submit"].btn-warning:active,
input[type="submit"].btn-warning:focus,
input[type="button"].btn-warning:hover,
input[type="button"].btn-warning:active,
input[type="button"].btn-warning:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
a.btn-warning:hover,
a.btn-warning:active,
a.btn-warning:focus {
	background-color: var(--warning);
}

input[type="submit"].btn-alternate,
input[type="button"].btn-alternate,
.btn-alternate,
a.btn-alternate {
	background-color: var(--border-secondary);
	color: var(--text-primary);
}

input[type="submit"].btn-alternate:hover,
input[type="submit"].btn-alternate:focus,
input[type="submit"].btn-alternate:active,
input[type="button"].btn-alternate:hover,
input[type="button"].btn-alternate:focus,
input[type="button"].btn-alternate:active,
.btn-alternate:hover,
.btn-alternate:focus,
.btn-alternate:active,
a.btn-alternate:hover,
a.btn-alternate:focus,
a.btn-alternate:active {
	background-color: var(--bg-lighter);
}

input[type="submit"].btn-default,
input[type="button"].btn-default,
.btn-default,
a.btn-default {
	background-color: var(--bg-lighter);
	border: 1px solid var(--bg-lighter);
	color: var(--text-primary);
}

input[type="submit"].btn-default:hover,
input[type="submit"].btn-default:focus,
input[type="submit"].btn-default:active,
input[type="button"].btn-default:hover,
input[type="button"].btn-default:focus,
input[type="button"].btn-default:active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
a.btn-default:hover,
a.btn-default:focus,
a.btn-default:active {
	background-color: var(--bg-lighter);
	color: var(--text-primary);
}

input[type="submit"].btn-green,
input[type="button"].btn-green,
.btn-green,
a.btn-green {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--bg-primary) !important;
}

input[type="submit"].btn-green:hover,
input[type="submit"].btn-green:focus,
input[type="submit"].btn-green:active,
input[type="button"].btn-green:hover,
input[type="button"].btn-green:focus,
input[type="button"].btn-green:active,
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
a.btn-green:hover,
a.btn-green:focus,
a.btn-green:active {
	background-color: var(--green);
	border-color: var(--green);
}

.panel-block .btn-default {
	background-color: transparent;
}

input[type="submit"].btn_small,
input[type="button"].btn_small,
.btn_small {
	padding: 9px 10px;
	font-size: 12px;
	line-height: 19px;
}

input[type="submit"].btn-outline,
input[type="button"].btn-outline,
.btn-outline,
a.btn-outline {
	background-color: transparent;
	border: 1px solid var(--border-secondary);
	color: var(--text-primary);
}

input[type="submit"].btn-outline:hover,
input[type="submit"].btn-outline:focus,
input[type="submit"].btn-outline:active,
input[type="button"].btn-outline:hover,
input[type="button"].btn-outline:focus,
input[type="button"].btn-outline:active,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
a.btn-outline:hover,
a.btn-outline:focus,
a.btn-outline:active {
	background-color: transparent;
	border-color: var(--brand-primary);
	color: var(--text-primary);
}

.radiolabeldisc {
	display: none;
}

.radiolabeldisc + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 31px;
	margin: 10px 0px;
}

.radiolabeldisc + label::before {
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -12px;
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: var(--label);
	content: "\f26c";
}

.radiolabeldisc:checked + label::before {
	content: "\f26f";
	color: var(--brand-primary);
}

.radiolabelbutton {
	display: none;
}

.radiolabelbutton + label {
	font-size: 15px;
	color: var(--text-primary);
	font-weight: 500;
	line-height: 54px;
	height: 54px;
	margin-bottom: 5px;
	display: inline-block;
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
}

.radiolabelbutton + label:hover {
	border-color: var(--label);
}

.radiolabelbutton:checked + label {
	color: var(--bg-primary);
	border-color: var(--brand-primary);
	background: var(--brand-primary);
	box-shadow:
		0 3px 8px 0px rgba(10, 14, 29, 0.04),
		0px 8px 24px 0px rgba(10, 14, 29, 0.08);
}

.radiolabelbutton:disabled + label {
	color: var(--bg-primary);
	background: #c0c0c0;
	border: 1px solid var(--border-secondary);
}

label.checkboxlabelbtn {
	font-size: 13px;
	color: var(--text-primary);
	font-weight: 300;
	line-height: 54px;
	height: 54px;
	margin-bottom: 15px;
	display: inline-block;
	border: 1px solid var(--border-primary);
	border-radius: 0;
	padding: 0px 24px;
}

label.checkboxlabelbtn > input {
	vertical-align: middle;
	position: relative;
	bottom: 3px;
	margin-right: 3px;
}

label.checkboxlabeltext {
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: 300;
	color: var(--text-primary);
}

label.checkboxlabeltext > input {
	position: relative;
	top: 1px;
}

input.checkboxtoggleonoff + label {
	position: relative;
	display: block;
	width: 46px;
	height: 22px;
	line-height: 22px;
	padding: 0px 5px;
	border-radius: 12px;
	margin: 8px 0px;
	cursor: pointer;
	font-size: 10px;
	text-align: right;
	color: var(--text-primary);
	background-color: var(--bg-lighter);
	transition: all ease 0.3s;
}

input.checkboxtoggleonoff + label::before {
	content: "OFF";
}

input.checkboxtoggleonoff + label::after {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	height: 18px;
	width: 18px;
	border-radius: 9px;
	background-color: var(--bg-primary);
	transition: all ease 0.3s;
}

input.checkboxtoggleonoff:checked + label {
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	text-align: left;
}

input.checkboxtoggleonoff:checked + label::before {
	content: "ON";
}

input.checkboxtoggleonoff:checked + label:after {
	left: 26px;
}

input.checkboxtoggleyesno {
	display: none;
}

input.checkboxtoggleyesno + label {
	position: relative;
	display: block;
	width: 46px;
	height: 22px;
	line-height: 22px;
	padding: 0px 5px;
	border-radius: 12px;
	margin: 8px 0px;
	cursor: pointer;
	font-size: 10px;
	text-align: right;
	color: var(--text-secondary);
	background-color: var(--bg-lighter);
	transition: all ease 0.3s;
}

input.checkboxtoggleyesno + label::before {
	content: "NO";
}

input.checkboxtoggleyesno + label::after {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	height: 18px;
	width: 18px;
	border-radius: 9px;
	background-color: var(--bg-primary);
	transition: all ease 0.3s;
}

input.checkboxtoggleyesno:checked + label {
	background-color: var(--green);
	color: var(--bg-primary);
	text-align: left;
}

.checkboxtoggleyesnoAlt:checked + label {
	background-color: var(--brand-primary) !important;
}

input.checkboxtoggleyesno:checked + label::before {
	content: "YES";
}

input.checkboxtoggleyesno:checked + label:after {
	left: 26px;
}

input.checkboxcheckmark {
	display: none;
}

.leftAlignedCheck {
	position: relative;
	left: 53%;
}

@media (max-width: 900px) {
	.leftAlignedCheck {
		left: 0%;
	}
}

input.checkboxcheckmark + label {
	position: relative;
	display: flex;
	cursor: pointer;
}

input.checkboxcheckmark + label:before {
	display: block;
	content: "";
	height: 16px;
	width: 16px;
	margin-right: 13px;
	transition: all 0.1s ease-in;
	border: 2px solid var(--border-primary);
	border-radius: 3px;
	box-sizing: content-box;
	margin-top: 1px;
}

input.checkboxcheckmark + label:after {
	position: absolute;
	left: 0;
	display: block;
	content: "\f26b";
	height: 20px;
	width: 20px;
	color: var(--bg-primary);
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 19px;
	line-height: 20px;
	text-align: center;
	transform: scale(0.6);
	transition: all 0.2s ease-in;
	opacity: 0;
	visibility: hidden;
	box-sizing: content-box;
	margin-top: 1px;
}

input.checkboxcheckmark + label:hover:before {
	border-color: var(--label);
}

input.checkboxcheckmark:checked + label:before {
	border-color: var(--brand-primary);
	background-color: var(--brand-primary);
}

input.checkboxcheckmark:checked + label:after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

input.checkboxcheckmark:disabled + label::before {
	color: #9399a3;
}

input.checkboxcheckmark:disabled + label:hover::before {
	color: #eaedef;
	cursor: default;
}

input.checkboxcheckmark:disabled + label {
	color: var(--text-sidebar) daf;
}

.checkbox {
	margin-bottom: 16px;
}

input.checkboxcheckmark:disabled + label > a {
	color: #2691d9;
}

input.checkboxtoggleenabledisable {
	display: none;
}

input.checkboxtoggleenabledisable + label {
	position: relative;
	display: block;
	width: 76px;
	height: 22px;
	line-height: 22px;
	padding: 0px 5px;
	border-radius: 12px;
	margin: 8px 0px;
	cursor: pointer;
	font-size: 10px;
	text-align: right;
	color: var(--text-secondary);
	background-color: var(--bg-lighter);
	transition: all ease 0.3s;
}

input.checkboxtoggleenabledisable + label::before {
	content: "DISABLED";
}

input.checkboxtoggleenabledisable + label::after {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	height: 18px;
	width: 18px;
	border-radius: 9px;
	background-color: var(--bg-primary);
	transition: all ease 0.3s;
}

input.checkboxtoggleenabledisable:checked + label {
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	text-align: left;
}

input.checkboxtoggleenabledisable:checked + label::before {
	content: "ENABLED";
}

input.checkboxtoggleenabledisable:checked + label:after {
	left: 56px;
}

.floatinglabel {
	display: inline-block;
	margin-bottom: 15px;
	position: relative;
}

.floatinglabel > :nth-child(1) {
	position: absolute;
	top: 5px;
	left: 16px;
	pointer-events: none;
	font-size: 11px;
	color: var(--text-secondary);
	font-weight: bold;
	line-height: 18px;
	display: none;
	z-index: 1;
}

.floatinglabel > input[type="text"],
.floatinglabel > input[type="number"],
.floatinglabel > input[type="password"],
.floatinglabel > input[type="email"],
.floatinglabel > input[type="date"],
.floatinglabel > textarea,
.floatinglabel > select {
	width: 100%;
	transition: all 0.1s ease-in-out 0s;
}

.staticlabel > input[type="text"],
.staticlabel > input[type="number"],
.staticlabel > input[type="password"],
.staticlabel > input[type="email"],
.staticlabel > input[type="button"],
.staticlabel > input[type="submit"],
.staticlabel > textarea,
.staticlabel > select {
	width: 100%;
}

.floatinglabelfixed {
	display: inline-block;
	margin-bottom: 15px;
	position: relative;
}

.floatinglabelfixed > :nth-child(1) {
	position: absolute;
	top: 5px;
	left: 16px;
	pointer-events: none;
	font-size: 11px;
	color: var(--text-secondary);
	font-weight: bold;
	line-height: 18px;
}

.floatinglabelfixed > input,
.floatinglabelfixed > textarea {
	padding-top: 27px;
	width: 100%;
}

.nav-tabs {
	margin: 0;
	white-space: nowrap;
}

.nav-tabs li {
	display: inline-block;
}

.nav-tabs li a,
.nav-tabs li span,
.nav-tabs li span label,
.nav-tabs li button {
	display: block;
	position: relative;
	padding: 14px 2px;
	margin: 0 14px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #71757c;
	font-size: 15px;
	line-height: 20px;
	transition: color 0.2s ease-in;
	outline: none;
}

.nav-tabs li a:after,
.nav-tabs li span:after,
.nav-tabs li span label:after,
.nav-tabs li button:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	content: "";
	height: 2px;
	width: 0;
	transition: ease-in all 0.15s;
}

.nav-tabs li:first-child a {
	margin-left: 0;
}

.nav-tabs li.active a,
.nav-tabs li.active span,
.nav-tabs li.active span label,
.nav-tabs li.active button {
	color: var(--bg-primary);
}

.nav-tabs li.active a:after,
.nav-tabs li.active span:after,
.nav-tabs li.active span label:after,
.nav-tabs li.active button:after {
	width: 100%;
	margin-left: -50%;
	background-color: var(--brand-primary);
}

.nav-tabs li.active a:hover,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus,
.nav-tabs li.active span:hover,
.nav-tabs li.active span:active,
.nav-tabs li.active span:focus,
.nav-tabs li.active span label:hover,
.nav-tabs li.active span label:active,
.nav-tabs li.active span label:focus,
.nav-tabs li.active button:hover,
.nav-tabs li.active button:active,
.nav-tabs li.active button:focus {
	color: var(--bg-primary);
	cursor: default;
}

.nav-tabs input.tabmenu_radio + label {
	margin: -14px -2px;
	page-break-after: 0;
}

input.tabmenu_radio {
	display: none;
}

input.tabmenu_radio:checked + label {
	color: var(--nav-color);
}

input.tabmenu_radio:disabled + label {
	display: none;
}

input.tabmenu_radio + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	color: var(--label);
	font-size: 15px;
	line-height: 20px;
	padding: 6px 0;
}

input.tabmenu_radio + label:hover {
	color: var(--nav-color);
}

input.tabmenu_radio + label:after {
	display: block;
	position: absolute;
	z-index: 10;
	content: "";
	left: 50%;
	bottom: 0;
	height: 2px;
	width: 0px;
	background-color: var(--brand-primary);
	transition: all 0.2s ease-in;
}

#header3_0 .nav-tabs li a,
#header3_0 .nav-tabs li span,
#header3_0 .nav-tabs li span label,
#header3_0 .nav-tabs li button,
.block1290deploy .nav-tabs li a,
.block1290deploy .nav-tabs li span,
.block1290deploy .nav-tabs li span label,
.block1290deploy .nav-tabs li button {
	color: var(--dropdown-darker);
	font-size: 15px;
}

#header3_0 .nav-tabs li a:hover,
#header3_0 .nav-tabs li span:hover,
#header3_0 .nav-tabs li span label:hover,
#header3_0 .nav-tabs li button:hover,
.block1290deploy .nav-tabs li a:hover,
.block1290deploy .nav-tabs li span:hover,
.block1290deploy .nav-tabs li span label:hover,
.block1290deploy .nav-tabs li button:hover {
	color: var(--nav-color);
}

#header3_0 .nav-tabs li.active a,
#header3_0 .nav-tabs li.active span,
#header3_0 .nav-tabs li.active span label,
#header3_0 .nav-tabs li.active button,
.block1290deploy .nav-tabs li.active a,
.block1290deploy .nav-tabs li.active span,
.block1290deploy .nav-tabs li.active span label,
.block1290deploy .nav-tabs li.active button {
	color: var(--nav-color);
}

#header3_0 .nav-tabs li.active a:hover,
#header3_0 .nav-tabs li.active a:active,
#header3_0 .nav-tabs li.active a:focus,
#header3_0 .nav-tabs li.active span:hover,
#header3_0 .nav-tabs li.active span:active,
#header3_0 .nav-tabs li.active span:focus,
#header3_0 .nav-tabs li.active span label:hover,
#header3_0 .nav-tabs li.active span label:active,
#header3_0 .nav-tabs li.active span label:focus,
#header3_0 .nav-tabs li.active button:hover,
#header3_0 .nav-tabs li.active button:active,
#header3_0 .nav-tabs li.active button:focus,
.block1290deploy .nav-tabs li.active a:hover,
.block1290deploy .nav-tabs li.active a:active,
.block1290deploy .nav-tabs li.active a:focus,
.block1290deploy .nav-tabs li.active span:hover,
.block1290deploy .nav-tabs li.active span:active,
.block1290deploy .nav-tabs li.active span:focus,
.block1290deploy .nav-tabs li.active span label:hover,
.block1290deploy .nav-tabs li.active span label:active,
.block1290deploy .nav-tabs li.active span label:focus,
.block1290deploy .nav-tabs li.active button:hover,
.block1290deploy .nav-tabs li.active button:active,
.block1290deploy .nav-tabs li.active button:focus {
	color: var(--nav-color);
	cursor: default;
}

#header3_0 input.tabmenu_radio label,
.block1290deploy input.tabmenu_radio label {
	color: var(--dropdown-darker);
	font-size: 17px;
}

#header3_0 input.tabmenu_radio label:hover,
.block1290deploy input.tabmenu_radio label:hover {
	color: var(--bg-primary);
}

#header3_0 input.tabmenu_radio:checked + label,
.block1290deploy input.tabmenu_radio:checked + label {
	color: var(--bg-primary);
}

#header3_0 .banner-label-orange,
.block1290deploy .banner-label-orange {
	display: none !important;
}

.nav-tabs > li.active_orange > a::after {
	background-color: var(--warning);
}

.nav-tabs > li.active_green > a::after {
	background-color: var(--green);
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0;
}

.nav-tabs.nav-justified > li {
	float: none;
}

.nav-tabs.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%;
	}

	.nav-tabs.nav-justified > li > a {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	#header3_0 .nav-tabs li a,
	#header3_0 .nav-tabs li span,
	#header3_0 .nav-tabs li span label,
	#header3_0 .nav-tabs li button,
	.block1290deploy .nav-tabs li a,
	.block1290deploy .nav-tabs li span,
	.block1290deploy .nav-tabs li span label,
	.block1290deploy .nav-tabs li button {
		margin: 0 8px;
		color: var(--dropdown-darker);
		font-size: 15px;
	}
}

.nav-tabs.nav-justified > li > a {
	margin-right: 0;
	border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid var(--table-active);
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid var(--table-active);
		border-radius: 4px 4px 0 0;
	}

	.nav-tabs.nav-justified > .active > a,
	.nav-tabs.nav-justified > .active > a:hover,
	.nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: var(--bg-primary);
	}
}

.tabs-responsive {
	position: relative;
	height: 48px;
	overflow: hidden;
}

.tabs-responsive > .tabs-container {
	position: absolute;
	top: 0;
	width: 100%;
}

.tabs-responsive > .tabs-container > .btn {
	position: absolute;
	top: -6px;
}

.tabs-responsive > .tabs-container > .btn-next {
	right: 55px;
	width: 30px;
	padding: 12px 0px;
	text-align: right;
}

.tabs-responsive > .tabs-container > .btn-prev {
	left: 0px;
	width: 30px;
	padding: 12px 0px;
	text-align: left;
}

.tabs-responsive > .tabs-container > .disk_type_prev,
.tabs-responsive > .tabs-container > .disk_type_next {
	padding: 19px 0px !important;
}

.tabs-responsive > .tabs-container > .nav-tabs {
	height: 76px;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: none;
	transition: all ease-in 0.15s;
}

.tabs-responsive > .tabs-container > ul > li {
	float: none;
	display: inline-block;
	width: auto;
}

@media (min-width: 1149px) {
	.tabs-responsive > .tabs-container > .btn {
		display: none;
	}
}

@media (max-width: 1320px) {
	.tabs-responsive > .tabs-container {
		padding-left: 12px;
		padding-right: 68px;
	}

	.tabs-responsive > .tabs-container > .btn-next > .fonticon {
		padding-right: 1px;
	}
}

.btn-nonmain-prev,
.btn-nonmain-next {
	display: none;
}

@media (max-width: 843px) {
	.btn-nonmain-prev,
	.btn-nonmain-next {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	.tabs-responsive > .tabs-container {
		padding-left: 0;
		padding-right: 0;
	}

	.tabs-responsive > .tabs-container:before {
		left: 0;
		background: linear-gradient(
			90deg,
			#232e3f 30%,
			rgba(255, 255, 255, 0) 100%
		);
	}

	.tabs-responsive > .tabs-container:after {
		right: 0;
		background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			#232e3f 70%
		);
	}

	.tabs-responsive {
		margin-left: -15px;
	}

	.tabs-responsive > .tabs-container > .btn {
		text-align: center;
		display: none;
	}
}

.tail {
	border: 1px solid var(--border-secondary);
	padding: 24px;
}

/* Deploy */
.deploy_body {
	width: 100%;
}

.deploy_sidebar .summary-vat {
	display: block;
	margin-top: 16px;
	font-size: 13px;
	line-height: 18px;
}

.deploy_sidebar .summary-vat a {
	display: block;
	margin-top: 8px;
}

.deploy_sidebar .plesk_disclaimer > div > span:first-child,
.deploy_sidebar .summary-vat > div > span:first-child,
.deploy_sidebar .summary-vat a > span:first-child {
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 17px;
	padding-right: 6px;
	color: var(--brand-primary);
	position: relative;
	top: 1px;
}

.deploy_options {
	margin-right: -16px;
}

.deploy_options--no-margin {
	margin-right: 0;
}

@media (min-width: 768px) {
	.deploy_main {
		display: flex;
	}
}

/* Deploy Block */
.deploy_block {
	background-color: var(--bg-primary);
	border-radius: 0;
	box-shadow: none;
	position: relative;
	margin-top: 0 !important;
	margin-bottom: 32px;
}

.deploy_block h3 {
	margin-bottom: 35px;
}

.deploy_block h3 + .tabs-responsive {
	margin-top: -12px;
}

.deploy_block .tabs-responsive {
	position: relative;
	height: 40px;
	margin: 0 0 32px 0;
}

.deploy_block .tabs-responsive .nav-tabs li span {
	padding-top: 10px;
	padding-bottom: 10px;
}

.deploy_block .tabs-responsive .nav-tabs input.tabmenu_radio + label {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: -10px;
}

.deploy_block .select2 {
	margin-bottom: 16px;
}

.deploy_checkbox {
	display: none;
}

.deploy_checkbox + label {
	position: relative;
	z-index: 2;
	vertical-align: top;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 98px;
	padding: 24px 8px 24px 93px !important;
	margin: 0px 16px 16px 0px;
	border: 1px solid var(--border-secondary);
	border-radius: 0;
	background-color: var(--bg-primary);
	cursor: pointer;
	box-shadow: none;
	white-space: nowrap;
	transition: border-color 0.2s ease-in;
}

.deploy_checkbox + label .deploy_checkbox_line1,
.deploy_checkbox + label .deploy_checkbox_line2 {
	margin-left: 0 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

.deploy_checkbox:disabled + label {
	display: none;
}

.deploy_checkbox:not(.deploylocationsoldout) + label:hover {
	border: 1px solid var(--label);
}

.deployplan:not(.deploylocationsoldout):checked + label,
.deploy_checkbox:not(.deploylocationsoldout):checked + label {
	border-color: transparent;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.deployplan:not(.deploylocationsoldout):checked + label:hover,
.deploy_checkbox:not(.deploylocationsoldout):checked + label:hover {
	border: 1px solid transparent;
}

.deployplan:not(.deploylocationsoldout):checked
	+ label
	.deploy_checkbox_checkmark,
.deploy_checkbox:not(.deploylocationsoldout):checked
	+ label
	.deploy_checkbox_checkmark {
	opacity: 1;
}

.deploy_checkbox_new {
	display: block;
	position: absolute;
	top: -1px !important;
	left: -1px;
	width: 34px;
	height: 34px;
	background: url(../images/deploy_new.svg) no-repeat;
	background-size: cover;
	transition: all 0.2s ease-in;
}

.deploy_checkbox_new > span {
	color: var(--brand-primary);
	transform: translate(13px, 2px) rotate(-45deg);
	display: inline-block;
	font-size: 10px;
	font-weight: 500;
	transform-origin: bottom left;
}

@media all and (min-width: 1100px) and (max-width: 1393px) {
	input.deploy_checkbox + label,
	.deploy_linkbox {
		width: calc(25% - 19px);
	}
}

@media all and (min-width: 925px) and (max-width: 1099px) {
	input.deploy_checkbox + label,
	.deploy_linkbox {
		width: calc(33.333% - 19px);
	}
}

@media (max-width: 924px) {
	input.deploy_checkbox + label,
	.deploy_linkbox {
		width: calc(50% - 19px);
	}
}

@media (max-width: 767px) {
	.deploy_block {
		margin-bottom: 16px;
	}

	.deploy_block .tabs-container .btn-prev {
		top: 2px;
		left: -10px;
	}

	.deploy_block .tabs-container .btn-next {
		top: 2px;
		right: -10px;
	}
}

@media (max-width: 479px) {
	input.deploy_checkbox + label,
	.deploy_linkbox {
		width: calc(100% - 19px);
	}
}

.deploy_checkbox_checkmark {
	display: block;
	position: absolute;
	top: -1px !important;
	right: -1px;
	width: 34px;
	height: 34px;
	background: url(../images/deploy_checkmark.svg) no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all 0.2s ease-in;
}

.deploy_checkbox_checkmark:before {
	position: absolute;
	top: -2px;
	right: 0;
	height: 20px;
	width: 20px;
	font-size: 19px;
	line-break: 20px;
	text-align: center;
	color: var(--bg-primary);
	content: "\f26b";
	font-family: "Material-Design-Iconic-Font", sans-serif;
}

.deploy_checkbox_icon {
	position: absolute;
	left: 24px;
}

.deploy_checkbox_icon_soldout {
	top: 26px;
}

.deploy_checkbox_icon.fonticon_kr,
.deploy_checkbox_icon.fonticon_se,
.deploy_checkbox_icon.fonticon_au,
.deploy_checkbox_icon.fonticon_de,
.deploy_checkbox_icon.fonticon_fr,
.deploy_checkbox_icon.fonticon_gb,
.deploy_checkbox_icon.fonticon_uk,
.deploy_checkbox_icon.fonticon_jp,
.deploy_checkbox_icon.fonticon_nl,
.deploy_checkbox_icon.fonticon_sg,
.deploy_checkbox_icon.fonticon_us,
.deploy_checkbox_icon.fonticon_es,
.deploy_checkbox_icon.fonticon_br,
.deploy_checkbox_icon.fonticon_pl,
.deploy_checkbox_icon.fonticon_mx,
.deploy_checkbox_icon.fonticon_in,
.deploy_checkbox_icon.fonticon_pa,
.deploy_checkbox_icon.fonticon_za,
.deploy_checkbox_icon.fonticon_il,
.deploy_checkbox_icon.fonticon_cl,
.deploy_checkbox_icon.fonticon_co {
	margin-top: 6px !important;
	width: 54px !important;
}

.deploy_checkbox_line1 {
	display: block;
	width: 100%;
	margin: 0;
	word-wrap: break-word;
	white-space: normal;
	line-height: 20px;
	color: var(--table-text);
	font-weight: 500;
	font-size: 17px;
	max-height: 72px;
}

.deploy_checkbox_line1_soldout {
	padding-top: 5px;
}

.deploy_checkbox_line2 {
	display: block;
	width: 100%;
	padding-right: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--text-secondary);
	font-size: 13px;
	font-weight: 300;
	line-height: 24px;
	white-space: nowrap;
}

.deploy_checkbox_line2 br {
	display: none;
}

.deploy_checkbox_line2-full-desc {
	white-space: normal;
	line-height: 18px;
	margin-top: 4px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.deploy_checkbox_line1 {
		width: 100%;
	}

	.deploy_checkbox_line2 {
		width: 100%;
	}
}

.deploy_linkbox {
	position: relative;
	vertical-align: top;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 98px;
	padding: 0px 0px 0px 100px;
	margin: 0px 16px 16px 0px;
	border: 1px dashed var(--border-primary);
	border-radius: 0;
	cursor: pointer;
	white-space: nowrap;
	transition: border-color 0.2s ease-in;
}

.large {
	min-height: 118px !important;
}

.deploy_linkbox .deploy_checkbox_icon {
	color: var(--text-secondary);
}

.deploy_linkbox_line1 {
	display: block;
	width: 166px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	line-height: 23px;
	color: var(--text-secondary);
	font-weight: bold;
}

.deploy_linkbox:hover {
	border-color: var(--brand-primary);
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.deploy_linkbox_line1 {
		width: 100%;
	}
}

.deploy_osversionselector {
	display: block;
	padding: 4px 0px;
}

.deploy_osversionselector:last-child {
	padding-bottom: 0;
}

.deploy_osversionselector:hover {
	color: var(--brand-primary);
}

.deploy_osversioncontainer {
	display: none;
	padding: 16px 0 0 0;
	margin: 0 0 0 -80px;
	width: calc(100% + 80px);
}

.deploy_osversioncontainer .beta_tag {
	margin-left: 4px;
}

.deploy_osversioncontainer > span {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.deploy_osversioncontainer > span > *:first-child {
	margin-left: 0 !important;
}

.deploy_osversioncontainer
	> span
	[style="display: inline-block; width: 40%; padding-left: 3%;"] {
	padding-left: 0 !important;
}

#dc_backordered {
	padding: 16px;
	margin-bottom: 16px;
	border: 1px solid var(--red);
	border-radius: 0;
}

.deploy_osversioncontainer_select {
	box-shadow: 0 2px 24px rgba(11, 15, 20, 0.08);
	border: 1px solid var(--label) !important;
	margin-bottom: -200px !important;
	z-index: 100 !important;
}

@media (max-width: 768px) {
	.deploy_osversioncontainer_select {
		margin-bottom: -60px !important;
	}
}

.deploylocationsoldout + label {
	background-color: var(--bg-darker) !important;
}

.deploylocationsoldout + label > .deploylocationsoldhide {
	opacity: 0.9;
	transition: opacity ease-in-out 0.3s;
}

.deploylocationsoldout + label:hover > .deploylocationsoldhide {
	opacity: 0;
}

.deploylocationsoldoutAltAvailable.deploylocationsoldout + label,
label.deploylocationsoldoutAltAvailable {
	background-color: var(--bg-primary) !important;
}

.deploylocationsoldoutmsg {
	display: flex;
	position: absolute;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	top: 7px;
	bottom: -7px;
	left: 0;
	right: 0;
	text-align: center;
	background: var(--bg-darker);
	color: var(--label);
	opacity: 0;
	transition: all ease-in-out 0.3s;
	pointer-events: none;
}

.deploylocationsoldout + label:hover > .deploylocationsoldoutmsg {
	top: 0;
	bottom: 0;
	opacity: 1;
	pointer-events: auto;
}

.deploylocationsoldoutmsg > span {
	font-weight: 800;
}

.deployplan {
	display: none;
}

.deployplan :checked + label {
	border-color: var(--brand-primary);
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.deployplan + label > :nth-child(1) {
	font-size: 17px;
	font-weight: bold;
	padding: 0 0 10px;
}

.deployplan + label > :nth-child(2) {
	color: var(--brand-primary);
	font-size: 21px;
}

.deployplan + label > :nth-child(2) .price_monthly {
	font-size: 28px;
	font-weight: 500;
}

.deployplan + label > :nth-child(3) {
	display: block;
	margin-top: 4px;
	color: var(--text-secondary);
	font-size: 13px;
}

.deployplan + label > :nth-child(4) {
	display: block;
	width: 32px;
	height: 2px;
	margin: 20px auto;
	background: var(--brand-primary);
}

.deployplan + label > :nth-child(5) {
	font-size: 15px;
	padding-bottom: 4px;
}

.deployplan + label > :nth-child(6),
.deployplan + label > :nth-child(7),
.deployplan + label > :nth-child(8) {
	font-size: 14px;
	padding-bottom: 1px;
}

input.deployplan_bm + label > :nth-child(8),
input.deployplan_bm + label > :nth-child(9) {
	font-size: 14px;
	padding-bottom: 1px;
	opacity: 0.7;
}

input.deployplan:disabled + label {
	display: none;
}

input.deployplan.discount + label > *:nth-child(2) {
	color: var(--brand-primary);
}

.deployplanSSDplaceholdertag {
	display: none;
}

input.deployplanSSDplaceholder + label .deployplanSSDplaceholdertag {
	display: block;
	position: absolute;
	left: 0px;
	top: -9px;
	width: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	font-size: 0px;
}

input.deployplanSSDplaceholder + label .deployplanSSDplaceholdertag > span {
	display: inline-block;
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	font-size: 11px;
	font-weight: 600;
	height: 17px;
	line-height: 17px;
	padding: 0px 20px;
}

.deployplanHIGHFREQUENCYplaceholdertag {
	display: none;
}

input.deployplanHIGHFREQUENCYplaceholder
	+ label
	.deployplanHIGHFREQUENCYplaceholdertag {
	display: block;
	position: absolute;
	left: 0px;
	top: -9px;
	width: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	font-size: 0px;
}

input.deployplanHIGHFREQUENCYplaceholder
	+ label
	.deployplanHIGHFREQUENCYplaceholdertag
	> span {
	display: inline-block;
	background-color: #f7674c;
	color: var(--bg-primary);
	font-size: 11px;
	font-weight: 600;
	height: 17px;
	line-height: 17px;
	padding: 0px 20px;
}

input.deployplan + label .discount_tag {
	position: absolute;
	display: block;
	left: 0px;
	top: -9px;
	width: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	font-size: 0px;
}

input.deployplan + label .discount_tag > span {
	display: inline-block;
	background-color: var(--warning);
	color: var(--bg-primary);
	font-size: 11px;
	font-weight: 600;
	height: fit-content;
	line-height: 17px;
	padding: 0 10px;
	top: -5px;
	position: relative;
}

/**
input.deployplan + label .surcharge_line {
	color: var(--text-secondary);
	padding: 20px 0 0 0;
}
*/

input.deployplan + label .v6_tag {
	position: absolute;
	display: block;
	left: 0px;
	top: -9px;
	width: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	font-size: 0px;
}

input.deployplan + label .v6_tag > span {
	display: inline-block;
	background-color: var(--border-primary);
	color: var(--brand-primary);
	font-size: 11px;
	font-weight: 600;
	height: 17px;
	line-height: 17px;
	padding: 0px 20px;
	border-radius: 0;
}

input.deployplan + label .v6_tag > span:before {
	top: 17px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

input.deployplan + label .v6_tag > span:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: var(--border-primary);
	border-width: 4px;
	margin-left: -4px;
}

label.deployplan_perf {
	background-image: url(../images/order/sataperf.png);
	background-repeat: no-repeat;
}

@media (max-width: 767px) {
	.app-header a.deploy_floating {
		display: none;
	}
}

@media all and (min-width: 0px) and (max-width: 767px) {
	a.deploy_floating {
		top: initial;
		position: fixed;
		bottom: 25px !important;
	}

	.block1290deploy {
		padding-right: 0px;
		margin: -8px 0 36px 0;
	}

	#header4_0 {
		top: -20px;
	}
}

a.deploy_floating {
	display: block;
	position: absolute;
	height: 51px;
	width: 51px;
	border-radius: 100%;
	line-height: 51px;
	text-align: center;
	font-size: 27px;
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
	transition: all ease-in 0.15s;
	top: 20px;
	right: 30px;
	z-index: 101;
}

a.deploy_floating:hover {
	background: var(--nav-color);
}

.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	line-height: 50px;
	padding-left: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--text-primary);
}

#server_filters + hr {
	display: none;
}

.deploy-nav li > span:first-child {
	margin-left: 0;
}

@media (max-width: 768px) {
	#header3_0 {
		padding: 0;
	}

	#header3_0 .tabs-responsive {
		margin-left: 0;
	}

	#header3_0 .tabs-responsive > .tabs-container > .btn {
		top: -6px;
	}

	#header3_0 .deploy-nav li > span {
		margin: 0;
		padding: 0;
	}
}

.deploy__box {
	position: relative;
	padding: 0 24px 24px;
	margin-bottom: 16px;
	display: flex;
	flex-direction: column;
	min-height: 200px;
	box-shadow: none;
	border: 1px solid var(--border-secondary);
	cursor: pointer;
}

.deploy__box .svg-illustration-top,
.deploy__box .svg-illustration-bottom,
.deploy__box .svg-illustration-shadow,
.deploy__box .svg-illustration-light {
	transition:
		transform 0.3s ease,
		opacity 0.3s;
}

.deploy__box:hover .svg-illustration-top,
.deploy__box:focus .svg-illustration-top,
.deploy__box:active .svg-illustration-top {
	transform: translateY(-16px) !important;
}

.deploy__box:hover .svg-illustration-bottom,
.deploy__box:hover .svg-illustration-light,
.deploy__box:focus .svg-illustration-bottom,
.deploy__box:focus .svg-illustration-light,
.deploy__box:active .svg-illustration-bottom,
.deploy__box:active .svg-illustration-light {
	transform: translateY(-8px) !important;
}

.deploy__box:hover .svg-illustration-shadow,
.deploy__box:focus .svg-illustration-shadow,
.deploy__box:active .svg-illustration-shadow {
	opacity: 0.6 !important;
}

.deploy__box:hover .svg-product__shadow,
.deploy__box:focus .svg-product__shadow,
.deploy__box:active .svg-product__shadow {
	opacity: 0.06 !important;
}

.deploy__box .label-new {
	position: absolute;
	top: -10px;
	left: 50%;
	display: block;
	margin-left: -80px;
	text-transform: uppercase;
}

.deploy__box .label-new:after {
	position: absolute;
	right: 0;
	bottom: -6px;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid var(--border-secondary);
}

.deploy__box .svg-product {
	max-width: 156px;
	margin: 0 auto;
}

.deploy__box_choose_server .svg-product {
	max-width: auto;
	height: 156px;
}

input.tabmenu_radio:checked + .deploy__box_choose_server .label-info {
	background-color: #007bfc;
	color: #fff;
}

.deploy__box-title {
	color: var(--table-text);
	font-size: 17px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}

.deploy_options--tech {
	display: block;
}

.deploy_options--tech > .row {
	min-width: 100%;
}

.deploy_options--tech .col-xl-4 {
	padding: 0 8px !important;
	display: flex;
	align-items: stretch;
}

.deploy_options--tech
	.col-xl-4
	.deploy_checkbox:not(.pagination-input)
	+ label {
	height: 100%;
	width: 100% !important;
}

.deploy_options--tech .col-xl-4:first-child {
	padding-left: 0 !important;
}

.deploy_options--tech .col-xl-4:last-child {
	padding-right: 0 !important;
}

@media (max-width: 1199px) {
	.deploy_options--tech .col-xl-4 {
		padding: 0 !important;
	}
}

.deploy_options--tech .deploy_checkbox:not(.pagination-input) + label {
	padding-left: 112px !important;
	width: 100%;
}

.deploy_options--tech
	.deploy_checkbox:not(.pagination-input)
	+ label
	.deploy_checkbox_line2 {
	white-space: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	margin-top: 8px;
}

.deploy_options--tech .deploy_checkbox_icon {
	width: 64px;
	height: 64px;
	display: inline-block;
}

.deploy_options--tech .deploy_checkbox_icon--intel {
	background-image: url(../images/icons/64/intel.svg);
}

.deploy__chose-header {
	margin-top: 18px;
}

@media all and (min-width: 0px) and (max-width: 991px) {
	.deploy__box {
		margin-bottom: 16px;
	}
}

input.tabmenu_radio:checked + .deploy__box {
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	border-color: transparent;
}

input.tabmenu_radio:checked + .deploy__box .deploy_checkbox_checkmark {
	opacity: 1;
	position: absolute;
	top: -1px !important;
	right: -1px;
}

@media all and (min-width: 576px) and (max-width: 982px) {
	.deploy_block .deploy__box {
		min-height: 222px;
	}
}

/**
 *	Deploy box "wide" overrides for plan type filter selections
*/
input.tabmenu_radio:checked
	+ .deploy__box--wide
	.deploy__box-info
	.label.label-info {
	background-color: #007bfc;
	color: #fff;
}

.deploy__box--wide {
	display: flex;
	flex-direction: row;
	padding: 24px 24px 24px 153px;
	overflow: hidden;
	height: calc(100% - 16px);
	min-height: auto;
}

.deploy__box--wide .svg-product {
	position: absolute;
	left: -35px;
	top: 25px;
	max-width: 170px !important;
	max-height: 170px !important;
}

.deploy__box--wide .deploy__box-data {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.deploy__box--wide .deploy__box-title {
	text-align: left;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 16px;
}

.deploy__box--wide .deploy__box-desc {
	font-size: 13px;
	line-height: 18px;
	color: #71757c;
	margin-bottom: 16px;
}

.deploy__box--wide .deploy__box-label.label {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 2px 10px;
	border-radius: 4px;
	white-space: normal;
	text-align: left;
}

.deploy__box--wide .deploy__box-label.label-primary {
	background-color: #007bfc;
	color: #fff;
}

.deploy__box--wide .deploy__box-label.label-info {
	background-color: #e5edfc;
	color: #007bfc;
}

.deploy__box--wide .deploy__box-info {
	height: 40px;
	display: flex;
	align-items: center;
}

.deploy__box--wide .deploy__box-info * {
	font-size: 13px;
	line-height: 18px;
	color: #142149;
}

.deploy__box--wide .deploy__box-info > div:not(:first-child) {
	padding-left: 16px;
}

.deploy__box--wide .deploy__box-info span {
	color: #a6aaaf;
	font-size: 11px;
	line-height: 16px;
}

.deploy__box--wide .deploy__box-info .label {
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

@media (min-width: 1199px) and (max-width: 1400px) {
	.deploy__box--wide {
		padding-left: 113px;
	}

	.deploy__box--wide .svg-product {
		left: -75px;
	}
}

@media (max-width: 570px) {
	.deploy__box--wide {
		padding-left: 88px;
	}

	.deploy__box--wide .svg-product {
		left: -100px;
	}
}

@media all and (min-width: 576px) and (max-width: 982px) {
	.deploy_block .deploy__box--wide {
		min-height: auto;
	}
}

/* Order Summary */
#deploy-summary-info > div {
	display: flex;
	height: 36px;
	border: 1px solid var(--border-primary);
	border-radius: 3px;
}

#deploy-summary-info .instanceCountButton {
	display: block;
	width: 34px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	text-align: center;
	font-size: 16px;
	color: var(--text-secondary);
	font-family: Material-Design-Iconic-Font, sans-serif;
	outline: none;
}

#deploy-summary-info .instanceCountButton:hover {
	color: var(--brand-primary);
}

#deploy-summary-info #instanceCount {
	flex: 1;
	font-size: 18px;
	text-align: center;
	line-height: 34px;
}

#deploy-summary-price > span,
#deploy-summary-info > span {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 18px;
	color: var(--text-secondary);
}

#order_total {
	display: inline-block;
	color: var(--brand-primary);
	font-size: 32px;
	font-weight: 500;
	line-height: 36px;
}

#deploy-summary-price-label {
	color: var(--brand-primary);
	font-size: 21px;
}

#order_total_spacer {
	display: inline-block;
	color: var(--text-secondary);
	font-size: 13px;
}

#deploy_ordersummary {
	position: fixed;
	bottom: 0px;
	left: 280px;
	right: 0px;
	background-color: var(--bg-primary);
	color: #000000;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	z-index: 1000;
}

#confirmordersubmit,
#deploy_ordersummary .confirmordersubmit.button {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 24%;
	min-width: 160px;
	background-color: var(--brand-primary);
	color: var(--bg-primary) !important;
	font-size: 17px;
	font-weight: 500;
	transition: all ease-in 0.15s;
}

#confirmordersubmit:hover,
#confirmordersubmit:focus,
#confirmordersubmit:active,
#deploy_ordersummary .confirmordersubmit.button:hover,
#deploy_ordersummary .confirmordersubmit.button:focus,
#deploy_ordersummary .confirmordersubmit.button:active {
	background: var(--nav-color);
}

#deploy-summary-price {
	flex-grow: 2;
}

#deploy-summary-info {
	padding-right: 40px;
}

.additional-info {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 12px;
	margin: 0px auto;
	max-width: 1290px;
	padding: 6px 30px;
	color: var(--gray);
	text-align: left;
}

.additional-info:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	height: 1px;
	background: var(--border-secondary);
}

.additional-info > span {
	margin-right: 10px;
}

.additional-info > span > span {
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 17px;
	padding-right: 4px;
	color: var(--brand-primary);
}

.additional-info > a {
	color: var(--brand-primary);
}

.additional-info > a > span {
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 15px;
	padding-right: 4px;
	color: var(--brand-primary);
}

@media (max-width: 1199px) {
	#deploy_ordersummary > div {
		padding: 8px 24px;
	}

	#deploy_ordersummary > div > * {
		display: inline-block;
		vertical-align: top;
		margin-right: 24px;
	}

	#deploy_ordersummary input[type="submit"] {
		float: right;
		margin: 8px 0 0 0;
	}

	#deploy-summary-info,
	#order_total_spacer {
		margin: 0;
	}

	#order_total {
		font-size: 28px;
	}

	#order_total_spacer {
		display: inline-block;
	}

	#deploy-summary-price > *:nth-child(2) {
		line-height: 40px;
	}

	#deploy-summary-info #instanceCount {
		line-height: 38px;
	}

	#deploy-summary-price > span,
	#deploy-summary-info > span {
		-webkit-margin-after: 2px;
		margin-block-end: 2px;
		font-size: 13px;
	}

	#deploy-summary-info > div {
		height: 40px;
	}

	.deploy-summary-notes {
		padding: 8px 24px;
	}
}

@media (max-width: 767px) {
	.deploy_sidebar {
		left: 0;
	}

	#deploy-summary-price > span:first-child {
		margin-bottom: 0;
		line-height: 14px;
	}

	#deploy-summary-info > span {
		line-height: 14px;
		margin-bottom: 8px;
	}

	#order_total_spacer {
		margin-top: -8px;
		line-height: 14px;
		display: block;
	}
}

@media (max-width: 479px) {
	#deploy_ordersummary input[type="submit"] {
		float: none;
		width: 100%;
	}

	#deploy_ordersummary > div > * {
		margin-right: 16px;
	}
}

@media all and (min-width: 0px) and (max-width: 767px) {
	#deploy_ordersummary {
		left: 0px;
		box-shadow:
			0 8px 16px 0px rgba(10, 14, 29, 0.04),
			0px 8px 64px 0px rgba(10, 14, 29, 0.08);
		position: relative;
		border-top: 1px solid var(--border);
		text-align: center;
		margin-bottom: 0;
	}

	#deploy_ordersummary .empty-block {
		display: none;
	}

	#deploy_ordersummary > div {
		padding-left: 15px;
		padding-right: 15px;
	}

	#deploy_ordersummary .sidebar-info {
		padding: 20px 0 20px 0;
	}

	#confirmordersubmit {
		display: block;
		position: fixed;
		bottom: 71px;
		left: 0;
		right: 0;
		margin: 0;
		width: 100%;
		border-radius: 0;
		z-index: 1001;
	}

	#deploy-summary-info,
	#deploy-summary-price {
		width: 50%;
		margin: 0 !important;
		padding: 0 16px;
	}

	#deploy-summary-price {
		flex-grow: 1;
	}

	.deploy_body .hr50 {
		display: none;
	}

	button.instanceCountButton {
		width: 20% !important;
	}

	#instanceCount {
		width: 60% !important;
	}

	a.deploy_floating {
		top: auto;
		right: 30px;
		z-index: 101;
		position: fixed;
		bottom: 0;
	}
}

.sidebar-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 16px 30px;
	margin: 0;
	max-width: 1290px;
}

.plesk-message {
	font-size: 12px;
	margin: 0px auto;
	max-width: 1290px;
	padding: 6px 30px 6px 30px;
}

.plesk-message div {
	display: inline-block;
	color: var(--gray);
	white-space: nowrap;
	margin-right: 20px;
	vertical-align: middle;
}

.plesk-message div > span:first-child {
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 17px;
	padding-right: 6px;
	color: var(--brand-primary);
	position: relative;
	top: 1px;
}

.empty-block {
	background-color: var(--border-secondary);
	width: 100%;
	height: 1px;
}

.deploy_sidebar {
	z-index: 900;
}

#deploy_block_multidisk + .deploy_block,
#deploy_block_autobackups {
	margin-bottom: 52px;
}

.quick-add-actions,
.quick-add-actions--mobile {
	z-index: 999;
}

.quick-add-actions .dropdown__menu-item,
.quick-add-actions--mobile .dropdown__menu-item {
	padding: 6px 24px !important;
}

.quick-add-actions .dropdown__menu > .dropdown__menu-item:first-child,
.quick-add-actions--mobile .dropdown__menu > .dropdown__menu-item:first-child {
	color: var(--brand-primary);
}

.quick-add-actions .dropdown__menu > .dropdown__menu-item:first-child .st0,
.quick-add-actions--mobile
	.dropdown__menu
	> .dropdown__menu-item:first-child
	.st0 {
	fill: var(--brand-primary);
}

.quick-add-btn {
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: -45px;
	height: 35px;
	width: 85px;
	border-radius: 5%;
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
	transition: all 0.15s ease-in;
}

.quick-add-btn--mobile {
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
	transition: all 0.15s ease-in;
	margin-top: 5px;
}

.quick-add-btn:hover,
.quick-add-btn--mobile:hover {
	color: var(--bg-primary);
	background: var(--nav-color);
}

@media (max-width: 767px) {
	#quick--actions-desktop {
		display: none;
	}
}

@media (max-width: 350px) {
	.quick-add-btn—-mobile {
		margin-top: unset;
		margin-bottom: 18px;
	}
}

.svg-icon-20 {
	width: 20px;
	height: 20px;
}

.svg-icon .st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--text-secondary);
}

@media (max-width: 767px) {
	.quick-add-actions {
		position: relative;
		top: auto;
		bottom: -70px;
		padding-top: 55px;
	}

	.quick-add-actions--mobile {
		position: relative;
		top: auto;
	}

	.quick-add-actions .dropdown__menu,
	.quick-add-actions--mobile .dropdown__menu {
		top: auto;
		max-height: calc(100vh - 80px);
	}

	.quick-add-actions .dropdown__menu-scroll,
	.quick-add-actions--mobile .dropdown__menu-scroll {
		height: calc(100vh - 140px);
		max-height: 240px;
	}

	.quick-add-actions :after,
	.quick-add-actions :before,
	.quick-add-actions--mobile :after,
	.quick-add-actions--mobile :before {
		transform: rotate(180deg);
		bottom: -16px;
		top: auto;
	}

	.quick-add-actions :after,
	.quick-add-actions--mobile :after {
		bottom: -15px;
	}
}

#tabc_tickets > .button + hr {
	display: none;
}

#tabc_knowledgebase .col-lg-6 {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	border-radius: 0;
	border: 1px solid var(--border-secondary);
	text-align: left;
	padding: 24px;
}

#tabc_knowledgebase .col-lg-6 > .hr30 {
	display: none;
}

#tabc_knowledgebase .container-fluid {
	padding: 0 15px;
}

#tabc_knowledgebase h3 {
	font-size: 19px;
	line-height: 32px;
	margin: 0px 0px 24px 0px;
}

#tabc_knowledgebase .accordion {
	flex: 1;
	padding-bottom: 10px;
	padding-top: 5px;
}

@media (min-width: 992px) {
	#tabc_knowledgebase .col-lg-6 {
		max-width: calc(50% - 30px);
		margin: 0 15px;
	}
}

/* Icon List */
#tabc_knowledgebase .iconlist {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	align-content: baseline;
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0;
}

#tabc_knowledgebase .iconlist > li {
	position: relative;
	width: calc(50% - 4px);
	padding: 0;
	margin-bottom: 8px;
}

#tabc_knowledgebase .iconlist > li .icon {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
}

#tabc_knowledgebase .iconlist > li .icon > .fonticon {
	display: block;
	height: 32px;
	width: 32px;
	font-size: 32px;
	line-height: 32px;
	text-align: center;
}

#tabc_knowledgebase .iconlist > li:nth-child(odd) {
	margin-right: 4px;
}

#tabc_knowledgebase .iconlist > li:nth-child(even) {
	margin-left: 4px;
}

#tabc_knowledgebase .iconlist > li > a {
	display: flex;
	align-items: center;
	min-height: 72px;
	padding: 16px 16px 16px 64px;
	border: 1px solid var(--border-secondary);
	border-radius: 0;
	color: var(--text-primary);
	transition: all 0.2s ease-in;
	white-space: pre-wrap;
}

#tabc_knowledgebase .iconlist > li > a:hover {
	border-color: var(--brand-primary);
	color: var(--nav-color);
}

/* Support Blocks */
#tabc_knowledgebase .support_iconlinks {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.support_row_border {
	border: 1px solid var(--border-secondary);
	margin: 0px;
}

#tabc_knowledgebase .support_iconlinks + hr {
	display: none;
}

#tabc_knowledgebase .support_iconlink {
	position: relative;
	display: block;
	width: 33.3333%;
	min-width: 62px;
	white-space: normal;
	padding: 40px 0px;
	background: var(--bg-primary);
	border-radius: 0;
	text-align: center;
	transition: all 0.2s ease-in;
	border: 1px solid var(--border-secondary);
	height: 195px;
	min-height: 1px;
}

.support_iconlink {
	position: relative;
	display: block;
	min-width: 62px;
	white-space: nowrap;
	padding: 10px 60px 5px 60px;
	background: var(--bg-primary);
	border-radius: 0;
	text-align: center;
	transition: all 0.2s ease-in;
	border: 1px solid var(--border-secondary);
	min-height: 1px;
}

#tabc_knowledgebase .support_iconlink:before {
	background-image: url(../images/icons/64/faq.svg);
	content: "";
	display: block;
	height: 64px;
	width: 64px;
	background-repeat: no-repeat;
	margin: 0 auto;
	transition: all 0.2s ease-in;
}

.support_iconlink:before {
	background-image: url(../images/icons/64/docs.svg);
	content: "";
	display: block;
	height: 48px;
	width: 48px;
	background-repeat: no-repeat;
	margin: 0 auto;
	transition: all 0.2s ease-in;
}

#tabc_knowledgebase .support_iconlink:hover {
	border-color: transparent;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.support_iconlink:hover {
	border-color: transparent;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

#tabc_knowledgebase .support_iconlink:nth-child(2n) {
	margin: 0 15px;
}

#tabc_knowledgebase .support_iconlink:nth-child(2):before {
	background-image: url(../images/icons/64/docs.svg);
}

#tabc_knowledgebase .support_iconlink:nth-child(3):before {
	background-image: url(../images/icons/64/api.svg);
}

#tabc_knowledgebase .support_iconlink:nth-child(4):before {
	background-image: url(../images/icons/64/submit-article.svg);
}

#tabc_knowledgebase .support_iconlink > div:first-of-type {
	font-size: 17px;
	color: var(--nav-color);
	font-weight: 500;
	margin-top: 16px;
	transition: all 0.2s ease-in;
}

.support_iconlink > div:first-of-type {
	font-size: 17px;
	color: var(--nav-color);
	font-weight: 500;
	margin-top: 16px;
	transition: all 0.2s ease-in;
}

#tabc_knowledgebase .support_iconlink > div:last-of-type {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	opacity: 0;
	transition:
		all 0.2s ease-in,
		opacity ease-in 0.35s;
	color: var(--text-secondary);
	font-size: 13px;
}

.support_iconlink > div:last-of-type {
	position: absolute;
	bottom: 16px;
	left: 0;
	right: 0;
	opacity: 0;
	transition:
		all 0.2s ease-in,
		opacity 0.35s ease-in;
	color: var(--text-secondary);
	font-size: 13px;
}

#tabc_knowledgebase .support_iconlink .support_iconlink:hover div:last-of-type {
	opacity: 1;
	transform: translate3d(0, -8px, 0);
}

#tabc_knowledgebase .support_iconlink .support_iconlink:hover:before,
#tabc_knowledgebase
	.support_iconlink
	.support_iconlink:hover
	div:first-of-type {
	transform: translate3d(0, -16px, 0);
}

@media (max-width: 767px) {
	#tabc_knowledgebase .support_iconlinks {
		margin-bottom: 16px !important;
		transform: scale(0.9, 0.9);
	}

	#tabc_knowledgebase .support_iconlinks .support_iconlink:before {
		height: 40px;
		width: 40px;
	}

	#tabc_knowledgebase
		.support_iconlinks
		.support_iconlink
		> div:last-of-type {
		font-size: 13px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#tabc_knowledgebase .support_iconlinks .support_iconlink:nth-child(2) {
		margin: 0 16px !important;
	}
}

@media (max-width: 670px) {
	#tabc_knowledgebase .support_iconlinks {
		flex-wrap: wrap;
		text-overflow: ellipsis;
	}

	#tabc_knowledgebase .support_iconlinks .support_iconlink {
		width: 100%;
		min-width: 130px;
		text-overflow: ellipsis;
		overflow: hidden;
		margin: 10px;
	}

	#tabc_knowledgebase
		.support_iconlinks
		.support_iconlink
		> div:last-of-type {
		font-size: 13px;
		overflow: hidden;
	}

	#tabc_knowledgebase .support_iconlinks .support_iconlink:nth-child(2n) {
		margin: 0 8px !important;
	}
}

#support_alert_notification .vultr-alert-logo {
	left: 10px !important;
	top: 10px !important;
	height: 40px !important;
	width: 40px !important;
}

/* Ticket */
#ticketreplyform {
	margin-top: 16px;
	padding: 24px;
	background-color: var(--bg-primary);
	border: 1px solid var(--border-primary);
	border-radius: 3px;
}

div.ticketentries > div {
	position: relative;
	border: 1px solid var(--border-primary);
	border-radius: 3px;
	padding: 60px 24px 20px 24px;
	margin-bottom: 25px;
	background-color: var(--bg-primary);
}

div.ticketentries .from_staff:after,
div.ticketentries .from_account:after {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	display: blcok;
	content: "";
	width: 3px;
}

div.ticketentries .from_staff:after {
	background-color: var(--green);
}

div.ticketentries .from_account:after {
	background-color: var(--brand-primary);
}

div.ticketentries > div > div:nth-child(1) {
	position: absolute;
	top: 16px;
	left: 24px;
	color: var(--text-primary);
	font-weight: bold;
}

div.ticketentries > div > div:nth-child(2) {
	position: absolute;
	top: 20px;
	right: 16px;
	font-size: 13px;
	color: var(--text-secondary);
}

div.ticketnote {
	opacity: 0.9;
	background-color: var(--bg-darker);
	margin: 15px 0px 15px 0px;
	padding: 12px 16px;
	font-size: 13px;
	display: none;
	border-radius: 5px;
	border: 1px solid var(--border-primary);
}

.badge.ticket_staff {
	border-radius: 0;
	background-color: var(--green);
	font-size: 11px;
}

input.ticketentryreview {
	display: none;
}

input.ticketentryreview:checked + label {
	color: var(--brand-primary);
}

.page-manage-service #header2_left [class*="fonticon"] {
	position: absolute;
	left: 0;
	top: 0;
}

.page-manage-service #header2_right.server_actions_mobile {
	position: absolute;
	right: -24px;
	top: 30px;
}

.page-manage-service #tabc_subsbackups .block460left,
.page-manage-service #tabc_subsbackups .block520left,
.page-manage-service #tabc_subssnapshots .block460left,
.page-manage-service #tabc_subssnapshots .block520left {
	padding: 20px;
	border-radius: 0;
	border: 1px solid var(--border-secondary);
}

.server_actions_mobile > div,
.header2_viewconsole,
.header2_substop,
.header2_subrestart,
.header2_subreinstall,
.header2_subrescue,
.header2_subdestroy,
a.header2_subdestroy {
	display: inline-block;
	font-family: "Material-Design-Iconic-Font", sans-serif;
	font-size: 24px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	cursor: pointer;
	text-align: center;
	color: var(--text-secondary);
	border-radius: 40px;
	background-color: transparent;
	border: 0px;
}

.server_actions_mobile > div:hover,
.server_actions_mobile > div:focus,
.server_actions_mobile > div:active,
.header2_viewconsole:hover,
.header2_viewconsole:focus,
.header2_viewconsole:active,
.header2_substop:hover,
.header2_substop:focus,
.header2_substop:active,
.header2_subrestart:hover,
.header2_subrestart:focus,
.header2_subrestart:active,
.header2_subreinstall:hover,
.header2_subreinstall:focus,
.header2_subreinstall:active,
.header2_subrescue:hover,
.header2_subrescue:focus,
.header2_subrescue:active,
.header2_subdestroy:hover,
.header2_subdestroy:focus,
.header2_subdestroy:active,
a.header2_subdestroy:hover,
a.header2_subdestroy:focus,
a.header2_subdestroy:active {
	color: var(--brand-primary);
	outline: none;
}

.header2_subdestroy:hover,
.header2_subdestroy:focus,
.header2_subdestroy:active,
a.header2_subdestroy:hover,
a.header2_subdestroy:focus,
a.header2_subdestroy:active {
	color: var(--red);
}

.header2_viewconsole:after {
	content: "\f292";
}

.header2_substop:after {
	content: "\f1af";
}

.header2_subrestart:after {
	content: "\f1b9";
}

.header2_subreinstall:after {
	content: "\f3d6";
}

.header2_subrescue:after {
	content: "\f177";
}

.header2_subdestroy:after {
	content: "\f154";
}

@media (min-width: 992px) {
	#header2_right.server_actions_mobile {
		display: none;
	}
}

@media (max-width: 991px) {
	#header2_right.server_actions {
		display: none;
	}
}

/* Server Tiles */
.boxLink {
	transition: all ease-in 0.15s;
	background: var(--bg-primary);
	height: 120px;
	padding: 24px;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid var(--border-secondary);
	color: #1f2939;
}

.boxLink_title {
	display: flex;
	color: var(--text-secondary);
	margin-bottom: 8px;
}

.boxLink_content {
	display: inline-block;
	font-weight: 300;
	font-size: 36px;
	line-height: 36px;
	color: var(--brand-primary);
}

.boxLink_content span {
	color: var(--text-secondary);
}

.boxLink_bandwidth_total {
	color: var(--text-secondary);
}

.boxLink:hover {
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
	border-color: transparent;
}

/* Server Details */
#tabc_subsoverview .server-details,
#tabc_overview .server-details {
	margin: 30px 0 0 0;
}

#tabc_subsoverview .server-details > .row:first-child,
#tabc_subsoverview .app-info,
#tabc_overview .server-details > .row:first-child,
#tabc_overview .app-info {
	margin-top: 32px;
}

#tabc_subsoverview .app-info > hr,
#tabc_overview .app-info > hr {
	display: none;
}

#tabc_subsoverview .server-details > .row:first-child .flexlayoutdata .spanlink,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden),
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden),
#tabc_overview .server-details > .row:first-child .flexlayoutdata .spanlink,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden),
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden) {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-top: -4px;
	text-align: center;
	line-height: 32px;
}

#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink
	.spanlink,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden)
	.spanlink,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink
	.spanlink,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden)
	.spanlink,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink
	.spanlink,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden)
	.spanlink,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink
	.spanlink,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden)
	.spanlink {
	padding: 0;
}

#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden)
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden)
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden)
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden)
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden)
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden)
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden)
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden)
	[class*="fonticon"] {
	font-size: 19px;
}

#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:hover
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:hover
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:focus
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:focus
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:active
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:active
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):hover
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):hover
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):focus
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):focus
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):active
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):active
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:hover
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:hover
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:focus
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:focus
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:active
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:active
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):hover
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):hover
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):focus
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):focus
	[class*="fonticon"],
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):active
	.fonticon,
#tabc_subsoverview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):active
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:hover
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:hover
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:focus
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:focus
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:active
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	.spanlink:active
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):hover
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):hover
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):focus
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):focus
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):active
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdata
	> .link-icon:not(.hidden):active
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:hover
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:hover
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:focus
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:focus
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:active
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	.spanlink:active
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):hover
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):hover
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):focus
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):focus
	[class*="fonticon"],
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):active
	.fonticon,
#tabc_overview
	.server-details
	> .row:first-child
	.flexlayoutdatalabel
	> .link-icon:not(.hidden):active
	[class*="fonticon"] {
	color: var(--brand-primary);
}

@media (min-width: 480px) and (max-width: 991px) {
	#tabc_subsoverview .container-fluid > .row:first-child {
		margin-left: -8px;
		margin-right: -8px;
	}

	#tabc_subsoverview .container-fluid > .row:first-child .col-md-4 {
		width: 33.3333%;
		float: left;
		padding: 0 8px;
	}
}

@media (max-width: 991px) {
	#tabc_subsoverview .server-details {
		margin-top: 16px;
	}

	#tabc_subsoverview .server-details .app-info {
		margin-top: 16px;
	}

	#tabc_subsoverview .boxLink {
		height: auto;
		padding: 16px;
	}

	#tabc_subsoverview .boxLink .cpu_graph_container {
		display: none;
	}

	#tabc_subsoverview .boxLink_title {
		font-size: 13px;
		line-height: 18px;
	}

	#tabc_subsoverview .boxLink_content {
		font-size: 28px;
		line-height: 32px;
	}

	#tabc_subsoverview
		.server-details
		> .row:last-child
		.col-md-4
		> .flexlayoutdata,
	#tabc_subsoverview
		.server-details
		> .row:last-child
		.col-md-4
		> .flexlayoutdatalabel {
		width: calc(50% - 8px);
	}
}

@media (max-width: 479px) {
	#tabc_subsoverview .boxLink {
		height: auto;
		padding: 16px;
		margin-bottom: 16px;
	}

	#tabc_subsoverview .server-details {
		margin-top: 0;
	}

	#tabc_subsoverview .server-details > .row:first-child {
		margin: 0;
		padding: 0;
	}

	#tabc_subsoverview
		.server-details
		> .row:first-child
		.col-md-4
		> .flexlayoutdata,
	#tabc_subsoverview
		.server-details
		> .row:first-child
		.col-md-4
		> .flexlayoutdatalabel {
		width: calc(100% - 8px) !important;
	}

	#tabc_subsoverview .app-info {
		padding: 16px;
	}
}

/* Service Settings */
#tabc_subssettings > .col-sm-2 {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

#tabc_subssettings #tab_records {
	width: 100%;
}

#tabc_subssettings #tab_settings {
	width: 100%;
}

#tabc_subssettings #tab_settings .flex3column_center {
	margin-left: 0;
}

#tabc_subssettings #tab_settings .flex3column_center + hr + div {
	padding: 0 !important;
}

#tabc_subssettings #tab_settings .responsivetable,
#tabc_subssettings #tab_settings .tablelist {
	margin-top: 16px;
	box-shadow: none;
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
}

#tabc_subssettings #tab_settings .responsivetable [colspan="4"],
#tabc_subssettings #tab_settings .tablelist [colspan="4"] {
	text-align: center;
}

#tabc_subssettings #tab_settings .responsivetable thead,
#tabc_subssettings #tab_settings .tablelist thead {
	display: none;
}

#tabc_subssettings #tab_settings .responsivetable > *:last-child > *,
#tabc_subssettings #tab_settings .tablelist > *:last-child > * {
	border-bottom: 0;
}

#tabc_subssettings #tab_settings .flexwidth2thirds {
	padding: 32px 16px;
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
}

#tabc_subssettings .responsivetable,
#tabc_subssettings #add_extra_ip_form,
#tabc_subssettings #enable_private_form {
	margin-top: 32px;
}

#tabc_subssettings #update_firewall + .button {
	width: 100%;
}

@media (min-width: 768px) {
	#tabc_subssettings {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: flex-start;
		margin: 0;
	}

	#tabc_subssettings > .col-sm-2 {
		width: 180px;
		margin: 0;
	}

	#tabc_subssettings > .col-sm-10 {
		flex: 1;
		border-radius: 0;
		margin-left: 30px;
	}
}

@media (max-width: 767px) {
	#tabc_subssettings > .col-sm-2 {
		margin: 0 15px 16px 15px;
	}

	#tabc_subssettings .responsivetable,
	#tabc_subssettings #add_extra_ip_form,
	#tabc_subssettings #enable_private_form {
		margin-top: 20px;
	}
}

/* Service Snapshots */
#tabc_subssnapshots ul {
	margin-top: 6px;
	margin-bottom: 0;
	padding-left: 20px;
	color: var(--text-secondary);
	font-size: 13px;
}

#tabc_settingsapi .tablelist,
#tabc_subssnapshots .tablelist {
	box-shadow: none;
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
}

#tabc_subssnapshots .tablelist {
	max-width: none;
}

#tabc_subsddos > h3 {
	display: none;
}

#tabc_subsddos #ddosAttackHistory {
	overflow: unset !important;
}

#tabc_subsddos #ddosAttackHistory .tablelist {
	width: 100%;
	max-width: unset;
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

.container-fluid {
	width: 100%;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-1 {
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-5 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.order-first {
	order: -1;
}

.order-last {
	order: 13;
}

.order-0 {
	order: 0;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

.order-4 {
	order: 4;
}

.order-5 {
	order: 5;
}

.order-6 {
	order: 6;
}

.order-7 {
	order: 7;
}

.order-8 {
	order: 8;
}

.order-9 {
	order: 9;
}

.order-10 {
	order: 10;
}

.order-11 {
	order: 11;
}

.order-12 {
	order: 12;
}

.offset-1 {
	margin-left: 8.333333%;
}

.offset-2 {
	margin-left: 16.666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.333333%;
}

.offset-5 {
	margin-left: 41.666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.333333%;
}

.offset-8 {
	margin-left: 66.666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.333333%;
}

.offset-11 {
	margin-left: 91.666667%;
}

@media (min-width: 576px) {
	.col-sm {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-sm-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-sm-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sm-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-sm-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-sm-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-sm-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-sm-first {
		order: -1;
	}

	.order-sm-last {
		order: 13;
	}

	.order-sm-0 {
		order: 0;
	}

	.order-sm-1 {
		order: 1;
	}

	.order-sm-2 {
		order: 2;
	}

	.order-sm-3 {
		order: 3;
	}

	.order-sm-4 {
		order: 4;
	}

	.order-sm-5 {
		order: 5;
	}

	.order-sm-6 {
		order: 6;
	}

	.order-sm-7 {
		order: 7;
	}

	.order-sm-8 {
		order: 8;
	}

	.order-sm-9 {
		order: 9;
	}

	.order-sm-10 {
		order: 10;
	}

	.order-sm-11 {
		order: 11;
	}

	.order-sm-12 {
		order: 12;
	}

	.offset-sm-0 {
		margin-left: 0;
	}

	.offset-sm-1 {
		margin-left: 8.333333%;
	}

	.offset-sm-2 {
		margin-left: 16.666667%;
	}

	.offset-sm-3 {
		margin-left: 25%;
	}

	.offset-sm-4 {
		margin-left: 33.333333%;
	}

	.offset-sm-5 {
		margin-left: 41.666667%;
	}

	.offset-sm-6 {
		margin-left: 50%;
	}

	.offset-sm-7 {
		margin-left: 58.333333%;
	}

	.offset-sm-8 {
		margin-left: 66.666667%;
	}

	.offset-sm-9 {
		margin-left: 75%;
	}

	.offset-sm-10 {
		margin-left: 83.333333%;
	}

	.offset-sm-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width: 768px) {
	.col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-md-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-md-first {
		order: -1;
	}

	.order-md-last {
		order: 13;
	}

	.order-md-0 {
		order: 0;
	}

	.order-md-1 {
		order: 1;
	}

	.order-md-2 {
		order: 2;
	}

	.order-md-3 {
		order: 3;
	}

	.order-md-4 {
		order: 4;
	}

	.order-md-5 {
		order: 5;
	}

	.order-md-6 {
		order: 6;
	}

	.order-md-7 {
		order: 7;
	}

	.order-md-8 {
		order: 8;
	}

	.order-md-9 {
		order: 9;
	}

	.order-md-10 {
		order: 10;
	}

	.order-md-11 {
		order: 11;
	}

	.order-md-12 {
		order: 12;
	}
}

@media (min-width: 992px) {
	.col-lg {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-lg-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-lg-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-lg-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-lg-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-lg-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-lg-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-lg-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-lg-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-lg-first {
		order: -1;
	}

	.order-lg-last {
		order: 13;
	}

	.order-lg-0 {
		order: 0;
	}

	.order-lg-1 {
		order: 1;
	}

	.order-lg-2 {
		order: 2;
	}

	.order-lg-3 {
		order: 3;
	}

	.order-lg-4 {
		order: 4;
	}

	.order-lg-5 {
		order: 5;
	}

	.order-lg-6 {
		order: 6;
	}

	.order-lg-7 {
		order: 7;
	}

	.order-lg-8 {
		order: 8;
	}

	.order-lg-9 {
		order: 9;
	}

	.order-lg-10 {
		order: 10;
	}

	.order-lg-11 {
		order: 11;
	}

	.order-lg-12 {
		order: 12;
	}

	.offset-lg-0 {
		margin-left: 0;
	}

	.offset-lg-1 {
		margin-left: 8.333333%;
	}

	.offset-lg-2 {
		margin-left: 16.666667%;
	}

	.offset-lg-3 {
		margin-left: 25%;
	}

	.offset-lg-4 {
		margin-left: 33.333333%;
	}

	.offset-lg-5 {
		margin-left: 41.666667%;
	}

	.offset-lg-6 {
		margin-left: 50%;
	}

	.offset-lg-7 {
		margin-left: 58.333333%;
	}

	.offset-lg-8 {
		margin-left: 66.666667%;
	}

	.offset-lg-9 {
		margin-left: 75%;
	}

	.offset-lg-10 {
		margin-left: 83.333333%;
	}

	.offset-lg-11 {
		margin-left: 91.666667%;
	}
}

@media (min-width: 1200px) {
	.col-xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-xl-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xl-2 {
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xl-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xl-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xl-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xl-8 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xl-10 {
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xl-11 {
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-xl-first {
		order: -1;
	}

	.order-xl-last {
		order: 13;
	}

	.order-xl-0 {
		order: 0;
	}

	.order-xl-1 {
		order: 1;
	}

	.order-xl-2 {
		order: 2;
	}

	.order-xl-3 {
		order: 3;
	}

	.order-xl-4 {
		order: 4;
	}

	.order-xl-5 {
		order: 5;
	}

	.order-xl-6 {
		order: 6;
	}

	.order-xl-7 {
		order: 7;
	}

	.order-xl-8 {
		order: 8;
	}

	.order-xl-9 {
		order: 9;
	}

	.order-xl-10 {
		order: 10;
	}

	.order-xl-11 {
		order: 11;
	}

	.order-xl-12 {
		order: 12;
	}

	.offset-xl-0 {
		margin-left: 0;
	}

	.offset-xl-1 {
		margin-left: 8.333333%;
	}

	.offset-xl-2 {
		margin-left: 16.666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.333333%;
	}

	.offset-xl-5 {
		margin-left: 41.666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.333333%;
	}

	.offset-xl-8 {
		margin-left: 66.666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.333333%;
	}

	.offset-xl-11 {
		margin-left: 91.666667%;
	}
}

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

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.d-inline-flex {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

@media (min-width: 576px) {
	.d-sm-none {
		display: none !important;
	}

	.d-sm-inline {
		display: inline !important;
	}

	.d-sm-inline-block {
		display: inline-block !important;
	}

	.d-sm-block {
		display: block !important;
	}

	.d-sm-table {
		display: table !important;
	}

	.d-sm-table-row {
		display: table-row !important;
	}

	.d-sm-table-cell {
		display: table-cell !important;
	}

	.d-sm-flex {
		display: flex !important;
	}

	.d-sm-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 768px) {
	.d-md-none {
		display: none !important;
	}

	.d-md-inline {
		display: inline !important;
	}

	.d-md-inline-block {
		display: inline-block !important;
	}

	.d-md-block {
		display: block !important;
	}

	.d-md-table {
		display: table !important;
	}

	.d-md-table-row {
		display: table-row !important;
	}

	.d-md-table-cell {
		display: table-cell !important;
	}

	.d-md-flex {
		display: flex !important;
	}

	.d-md-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 992px) {
	.d-lg-none {
		display: none !important;
	}

	.d-lg-inline {
		display: inline !important;
	}

	.d-lg-inline-block {
		display: inline-block !important;
	}

	.d-lg-block {
		display: block !important;
	}

	.d-lg-table {
		display: table !important;
	}

	.d-lg-table-row {
		display: table-row !important;
	}

	.d-lg-table-cell {
		display: table-cell !important;
	}

	.d-lg-flex {
		display: flex !important;
	}

	.d-lg-inline-flex {
		display: inline-flex !important;
	}
}

@media (min-width: 1200px) {
	.d-xl-none {
		display: none !important;
	}

	.d-xl-inline {
		display: inline !important;
	}

	.d-xl-inline-block {
		display: inline-block !important;
	}

	.d-xl-block {
		display: block !important;
	}

	.d-xl-table {
		display: table !important;
	}

	.d-xl-table-row {
		display: table-row !important;
	}

	.d-xl-table-cell {
		display: table-cell !important;
	}

	.d-xl-flex {
		display: flex !important;
	}

	.d-xl-inline-flex {
		display: inline-flex !important;
	}
}

@media print {
	.d-print-none {
		display: none !important;
	}

	.d-print-inline {
		display: inline !important;
	}

	.d-print-inline-block {
		display: inline-block !important;
	}

	.d-print-block {
		display: block !important;
	}

	.d-print-table {
		display: table !important;
	}

	.d-print-table-row {
		display: table-row !important;
	}

	.d-print-table-cell {
		display: table-cell !important;
	}

	.d-print-flex {
		display: flex !important;
	}

	.d-print-inline-flex {
		display: inline-flex !important;
	}
}

.flex-row {
	flex-direction: row !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch {
	align-items: stretch !important;
}

.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

@media (min-width: 576px) {
	.flex-sm-row {
		flex-direction: row !important;
	}

	.flex-sm-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-sm-wrap {
		flex-wrap: wrap !important;
	}

	.flex-sm-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-sm-start {
		justify-content: flex-start !important;
	}

	.justify-content-sm-end {
		justify-content: flex-end !important;
	}

	.justify-content-sm-center {
		justify-content: center !important;
	}

	.justify-content-sm-between {
		justify-content: space-between !important;
	}

	.justify-content-sm-around {
		justify-content: space-around !important;
	}

	.align-items-sm-start {
		align-items: flex-start !important;
	}

	.align-items-sm-end {
		align-items: flex-end !important;
	}

	.align-items-sm-center {
		align-items: center !important;
	}

	.align-items-sm-baseline {
		align-items: baseline !important;
	}

	.align-items-sm-stretch {
		align-items: stretch !important;
	}

	.align-self-sm-auto {
		align-self: auto !important;
	}

	.align-self-sm-start {
		align-self: flex-start !important;
	}

	.align-self-sm-end {
		align-self: flex-end !important;
	}

	.align-self-sm-center {
		align-self: center !important;
	}

	.align-self-sm-baseline {
		align-self: baseline !important;
	}

	.align-self-sm-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 768px) {
	.flex-md-row {
		flex-direction: row !important;
	}

	.flex-md-column {
		flex-direction: column !important;
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-md-wrap {
		flex-wrap: wrap !important;
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-md-start {
		justify-content: flex-start !important;
	}

	.justify-content-md-end {
		justify-content: flex-end !important;
	}

	.justify-content-md-center {
		justify-content: center !important;
	}

	.justify-content-md-between {
		justify-content: space-between !important;
	}

	.justify-content-md-around {
		justify-content: space-around !important;
	}

	.align-items-md-start {
		align-items: flex-start !important;
	}

	.align-items-md-end {
		align-items: flex-end !important;
	}

	.align-items-md-center {
		align-items: center !important;
	}

	.align-items-md-baseline {
		align-items: baseline !important;
	}

	.align-items-md-stretch {
		align-items: stretch !important;
	}

	.align-self-md-auto {
		align-self: auto !important;
	}

	.align-self-md-start {
		align-self: flex-start !important;
	}

	.align-self-md-end {
		align-self: flex-end !important;
	}

	.align-self-md-center {
		align-self: center !important;
	}

	.align-self-md-baseline {
		align-self: baseline !important;
	}

	.align-self-md-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 992px) {
	.flex-lg-row {
		flex-direction: row !important;
	}

	.flex-lg-column {
		flex-direction: column !important;
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-lg-start {
		justify-content: flex-start !important;
	}

	.justify-content-lg-end {
		justify-content: flex-end !important;
	}

	.justify-content-lg-center {
		justify-content: center !important;
	}

	.justify-content-lg-between {
		justify-content: space-between !important;
	}

	.justify-content-lg-around {
		justify-content: space-around !important;
	}

	.align-self-lg-auto {
		align-self: auto !important;
	}

	.align-self-lg-start {
		align-self: flex-start !important;
	}

	.align-self-lg-end {
		align-self: flex-end !important;
	}

	.align-self-lg-center {
		align-self: center !important;
	}

	.align-self-lg-baseline {
		align-self: baseline !important;
	}

	.align-self-lg-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 1200px) {
	.flex-xl-row {
		flex-direction: row !important;
	}

	.flex-xl-column {
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important;
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.justify-content-xl-start {
		justify-content: flex-start !important;
	}

	.justify-content-xl-end {
		justify-content: flex-end !important;
	}

	.justify-content-xl-center {
		justify-content: center !important;
	}

	.justify-content-xl-between {
		justify-content: space-between !important;
	}

	.justify-content-xl-around {
		justify-content: space-around !important;
	}

	.align-items-xl-start {
		align-items: flex-start !important;
	}

	.align-items-xl-end {
		align-items: flex-end !important;
	}

	.align-items-xl-center {
		align-items: center !important;
	}

	.align-items-xl-baseline {
		align-items: baseline !important;
	}

	.align-items-xl-stretch {
		align-items: stretch !important;
	}
}

.aflag {
	width: 16px;
	height: 11px;
	display: inline-block;
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
}

.table-firewall
	.select2-container
	.select2-selection--single
	.select2-selection__rendered {
	padding-right: 20px !important;
	padding-left: 15px;
}

.select2-container--default .select2-selection--single {
	background-color: var(--bg-primary);
	border: 1px solid var(--border-primary);
	border-radius: 3px;
	height: 50px;
}

.select2-container--default[dir="rtl"]
	.select2-selection--multiple
	.select2-search--inline,
.select2-container--default[dir="rtl"]
	.select2-selection--multiple
	.select2-selection__choice,
.select2-container--default[dir="rtl"]
	.select2-selection--multiple
	.select2-selection__placeholder {
	float: right;
}

.select2-container--default[dir="rtl"]
	.select2-selection--multiple
	.select2-selection__choice {
	margin-left: 5px;
	margin-right: auto;
}

.select2-container--default[dir="rtl"]
	.select2-selection--multiple
	.select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto;
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid var(--brand-primary);
}

.select2-container--classic
	.select2-selection--single
	.select2-selection__rendered {
	color: var(--text-primary);
	line-height: 28px;
}

.select2-container--classic
	.select2-selection--single
	.select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: 700;
	margin-right: 10px;
}

.select2-container--classic
	.select2-selection--single
	.select2-selection__placeholder {
	color: var(--text-secondary);
}

.select2-container--classic
	.select2-selection--single
	.select2-selection__arrow {
	background-color: var(--bg-lighter);
	border: none;
	border-left: 1px solid var(--text-sidebar);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: linear-gradient(
		to bottom,
		var(--border) 50%,
		var(--bg-lighter) 100%
	);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: var(--text-secondary) transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

.select2-container--classic[dir="rtl"]
	.select2-selection--single
	.select2-selection__clear {
	float: left;
}

.select2-container--classic[dir="rtl"]
	.select2-selection--single
	.select2-selection__arrow {
	border: none;
	border-right: 1px solid var(--text-sidebar);
	border-radius: 4px 0 0 4px;
	left: 1px;
	right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open
	.select2-selection--single
	.select2-selection__arrow {
	background: 0 0;
	border: none;
}

.select2-container--classic.select2-container--open
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: transparent transparent var(--text-secondary);
	border-width: 0 4px 5px;
}

.select2-container--classic.select2-container--open.select2-container--above
	.select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: linear-gradient(
		to bottom,
		var(--bg-primary) 0,
		var(--border) 50%
	);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--bg-primary)FF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below
	.select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: linear-gradient(
		to bottom,
		var(--border) 50%,
		var(--bg-primary) 100%
	);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='var(--bg-primary)FF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
	background-color: var(--bg-primary);
	border: 1px solid var(--text-sidebar);
	border-radius: 0;
	cursor: text;
	outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb;
}

.select2-container--classic
	.select2-selection--multiple
	.select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0 5px;
}

.select2-container--classic
	.select2-selection--multiple
	.select2-selection__clear {
	display: none;
}

.select2-container--classic
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: var(--bg-darker);
	border: 1px solid var(--text-sidebar);
	border-radius: 0;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px;
}

.select2-container--classic
	.select2-selection--multiple
	.select2-selection__choice__remove {
	color: var(--text-secondary);
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	margin-right: 2px;
}

.select2-container--classic
	.select2-selection--multiple
	.select2-selection__choice__remove:hover {
	color: var(--text-primary);
}

.select2-container--classic[dir="rtl"]
	.select2-selection--multiple
	.select2-selection__choice {
	float: right;
	margin-left: 5px;
	margin-right: auto;
}

.select2-container--classic[dir="rtl"]
	.select2-selection--multiple
	.select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto;
}

.select2-container--classic.select2-container--open
	.select2-selection--multiple {
	border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above
	.select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below
	.select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid var(--text-sidebar);
	outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none;
}

.select2-container--classic .select2-dropdown {
	background-color: var(--bg-primary);
	border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
	border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto;
}

.select2-container--classic .select2-results__option[role="group"] {
	padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
	color: grey;
}

.select2-container--classic
	.select2-results__option--highlighted[aria-selected] {
	background-color: #3875d7;
	color: var(--bg-primary);
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb;
}

.select2-selection,
.select2-selection:focus {
	outline-width: 0;
}

.select2-container.select2-container--open .editable-select {
	border-top: 1px solid var(--border-primary);
}

.select2-container .select2-selection--single {
	cursor: pointer;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	outline: 0;
	box-sizing: border-box;
	display: block;
	height: 50px;
}

.select2-container
	.select2-selection--single
	.select2-selection__rendered:focus {
	outline: 0;
}

.select2-container .select2-selection--single .select2-selection__clear {
	position: relative;
}

.select2-container[dir="rtl"]
	.select2-selection--single
	.select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px;
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select2-container .select2-search--inline {
	float: left;
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0;
}

.select2-container
	.select2-search--inline
	.select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.select2-dropdown {
	background-color: var(--bg-primary);
	border: 1px solid var(--border-primary);
	border-radius: 0;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051;
}

.select2-results {
	display: block;
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0;
}

.select2-results__option {
	padding: 6px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

.select2-results__option[aria-selected] {
	cursor: pointer;
}

.select2-container--open .select2-dropdown {
	left: 0;
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-search--dropdown {
	display: block;
	padding: 4px;
}

.select2-search--dropdown .select2-search__field {
	width: 100%;
	box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
	display: none;
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: var(--bg-primary);
	filter: alpha(opacity=0);
}

.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}

.floatinglabel
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	padding-top: 14px;
	line-height: 36px;
	min-width: 100px;
}

.select2-container--default .input-xs .select2-selection__rendered {
	line-height: 24px;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: 700;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__placeholder {
	padding-left: 0;
	color: var(--text-secondary);
}

.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 100%;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: var(--text-secondary) transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -3px;
	position: absolute;
	top: 50%;
	width: 0;
}

.select2-container--default[dir="rtl"]
	.select2-selection--single
	.select2-selection__clear {
	float: left;
}

.select2-container--default[dir="rtl"]
	.select2-selection--single
	.select2-selection__arrow {
	left: 1px;
	right: auto;
}

.select2-container--default.select2-container--disabled
	.select2-selection--single {
	background-color: var(--border);
	cursor: default;
}

.select2-container--default.select2-container--disabled
	.select2-selection--single
	.select2-selection__clear {
	display: none;
}

.select2-container--default.select2-container--open
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: transparent transparent var(--text-secondary);
	border-width: 0 4px 5px;
}

.select2-container--default .select2-selection--multiple {
	background-color: var(--bg-primary);
	border: 1px solid var(--text-sidebar);
	border-radius: 0;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	max-height: 150px;
	padding-top: 20px;
	overflow: auto;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__placeholder {
	color: var(--text-secondary);
	margin-top: 5px;
	float: left;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: 700;
	margin-top: 5px;
	margin-right: 10px;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice {
	background-color: var(--bg-darker);
	border: 1px solid var(--text-sidebar);
	border-radius: 0;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 23px;
	padding: 0 5px;
	margin-left: 10px;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice__remove {
	color: var(--text-secondary);
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	margin-right: 2px;
}

.select2-container--default
	.select2-selection--multiple
	.select2-selection__choice__remove:hover {
	color: #333;
}

.select2-container--default.select2-container--focus
	.select2-selection--multiple {
	border: 1px solid #000;
	outline: 0;
}

.select2-container--default.select2-container--disabled
	.select2-selection--multiple {
	background-color: var(--border);
	cursor: default;
}

.select2-container--default.select2-container--disabled
	.select2-selection__choice__remove {
	display: none;
}

.select2-container--default.select2-container--open.select2-container--above
	.select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above
	.select2-selection--single {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below
	.select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below
	.select2-selection--single {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown {
	position: relative;
	border-bottom: 1px solid var(--border-primary);
}

.select2-container--default .select2-search--dropdown:before {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	content: "\f1c3";
	padding: 8px 20px;
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 24px;
}

.select2-container--default
	.select2-search--dropdown
	.select2-search__field:focus {
	outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	-webkit-appearance: textfield;
	padding: 8px 5px 8px 50px;
	font-weight: 100;
	font-size: 15px;
	border: none !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
	position: relative;
	top: 20px;
	left: 10px;
	background: 0 0;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.select2-container--default .select2-results__option[role="group"] {
	padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
	color: var(--text-secondary);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: var(--bg-lighter);
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em;
}

.select2-container--default
	.select2-results__option
	.select2-results__option
	.select2-results__group {
	padding-left: 0;
}

.select2-container--default
	.select2-results__option
	.select2-results__option
	.select2-results__option {
	margin-left: -1em;
	padding-left: 2em;
}

.select2-container--default
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option {
	margin-left: -2em;
	padding-left: 3em;
}

.select2-container--default
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option {
	margin-left: -3em;
	padding-left: 4em;
}

.select2-container--default
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option {
	margin-left: -4em;
	padding-left: 5em;
}

.select2-container--default
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option
	.select2-results__option {
	margin-left: -5em;
	padding-left: 6em;
}

.select2-container--default
	.select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: var(--bg-primary);
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 0;
}

.sold-out-item .panel {
	background: var(--bg-darker);
	opacity: 0.5;
}

@media (max-width: 767px) {
	.editable-input .select2-container {
		margin-left: 0;
	}

	.select2-container--default
		.select2-selection--single
		.select2-selection__rendered {
		margin-right: 15px;
	}
}

/* Affiliate */
.page-affiliate .block520center {
	max-width: none;
	width: 100%;
}

.page-affiliate .block520center > h3 {
	margin-bottom: 40px;
}

.page-affiliate hr {
	display: none;
}

.page-affiliate div.flex3column_left {
	margin-right: 32px;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

@media (min-width: 768px) {
	.affiliate_numberedlist,
	.affiliate_link.innerblock,
	.affiliate_special {
		width: 45%;
	}

	.affiliate_numberedlist {
		float: left;
	}

	.affiliate_link.innerblock,
	.affiliate_special {
		float: right;
	}
}

.affiliate_numberedlist > div {
	position: relative;
	min-height: 42px;
	margin-bottom: 15px;
	padding: 7px 0px 0px 70px;
}

.affiliate_numberedlist > div > div:nth-child(1) {
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -21px;
	height: 42px;
	width: 42px;
	border: 1px solid var(--border-primary);
	color: var(--text-secondary);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 40px;
	border-radius: 26px;
}

.affiliate_numberedlist > div > div:nth-child(2) {
	vertical-align: middle;
}

.affiliate_banner {
	display: inline-block;
	border: 1px solid var(--border-secondary);
	border-radius: 0;
	padding: 24px;
	margin: 0px 18px 23px 35px;
	max-width: 100%;
	overflow: auto;
}

.affiliate_banner img {
	display: block;
	width: 400px;
	margin-bottom: 15px;
}

.affiliate_banner input[type="button"] {
	font-weight: 500;
	background-color: var(--bg-lighter);
	color: var(--gray);
}

.affiliate_banner input[type="text"] {
	opacity: 0;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	border: none;
}

.affiliate_logo {
	display: inline-block;
	margin: 0px 18px 33px 0px;
	max-width: 100%;
	overflow: auto;
}

.affiliate_logo > :nth-child(1) {
	border-radius: 0;
	padding: 30px 0px;
	min-width: 275px;
	text-align: center;
}

.affiliate_logo > :nth-child(2) {
	text-align: center;
	padding-top: 10px;
}

.affiliate_link.innerblock.purple,
.affiliate_special {
	display: block;
	position: relative;
	transition: all 0.4s;
	border-width: 0px;
	background: linear-gradient(45deg, #433aa3 1%, #5856cd 64%, #6769eb 97%);
	color: var(--bg-primary);
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
}

.affiliate_link.innerblock {
	margin-bottom: 24px;
	background-color: var(--bg-darker);
	border: none;
	border-radius: 0;
	color: var(--brand-primary);
	font-size: 17px;
	font-weight: 500;
}

.affiliate_link.innerblock [style="display:block; position:relative;"] {
	margin-top: 12px;
}

.affiliate_link.innerblock h3 + div,
.affiliate_link.innerblock h3 + p + div {
	position: relative;
}

.affiliate_link.innerblock .fonticoncopy {
	color: var(--brand-primary) !important;
}

.affiliate_link.innerblock input[readonly] {
	background-color: rgba(23, 98, 227, 0.2) !important;
	border: none;
	font-size: 17px;
}

.affiliate_link.innerblock.purple .panel-title {
	color: var(--bg-primary);
}

.affiliate_link.innerblock.purple h3 + p {
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 300;
	font-size: 13px;
}

.affiliate_link.innerblock.purple input[readonly] {
	color: var(--bg-primary);
	background-color: rgba(0, 0, 0, 0.15) !important;
}

.affiliate_link.innerblock.purple .fonticoncopy {
	color: var(--bg-primary) !important;
}

.affiliate_special:after {
	background-image: url(../images/affiliate/affiliates-promo.png);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.4s;
}

.affiliate_special:before {
	content: "";
	background-image: url(../images/affiliate/affiliates-star.png);
	background-size: contain;
	display: block;
	width: 90%;
	height: 90%;
	position: absolute;
	top: 16px;
	background-repeat: no-repeat;
	left: 16px;
	transition: all 0.4s;
}

.affiliate_special .panel-title {
	margin-top: -7px;
	font-size: 36px;
	line-height: 40px;
	font-weight: 900;
}

.affiliate_special .panel-description {
	margin: 10px 0;
}

.affiliate_special .panel-content {
	position: relative;
	z-index: 2;
}

.affiliate_special .button:hover,
.affiliate_special .button:focus,
.affiliate_special .button:active {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--bg-primary);
}

.affiliate_special .big-text {
	font-size: 20px;
	font-weight: 500;
}

.affiliate_speciale_special,
.affiliate_special .button {
	background-color: var(--green);
	border-color: var(--green);
	color: var(--bg-primary);
}

@media (max-width: 568px) {
	.affiliate_special:after {
		opacity: 0.2;
	}
}

/* New affiliate promotion */
.affiliate_special-2 {
	display: block;
	position: relative;
	transition: all 0.4s;
	border-width: 0px;
	background: linear-gradient(45deg, #2539b1 0%, #152777 100%);
	color: var(--bg-primary);
	box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5);
	min-height: 288px;
	padding: 32px 24px;
}

.affiliate_special-2:after {
	background-image: url(../images/affiliate/affiliates-promo-2.png);
	background-size: auto 100%;
	background-position: right;
	background-repeat: no-repeat;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.4s;
}

.affiliate_special-2 .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 22px;
	line-height: 1;
	font-weight: 100;
}

.affiliate_special-2 .panel-description {
	margin: 12px 0 24px;
	font-size: 22px;
	line-height: 1;
	font-weight: 100;
	text-align: right;
}

.affiliate_special-2 .big-text {
	display: block;
	font-size: 88px;
	font-weight: 700;
	text-align: left;
}

.affiliate_special-2 .panel-content {
	position: relative;
	float: left;
	z-index: 2;
}

.affiliate_special-2 .button {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	background-color: #ee7f6a;
	border-color: #ee7f6a;
	color: var(--bg-primary);
}

.affiliate_special-2 .button:hover,
.affiliate_special-2 .button:focus,
.affiliate_special-2 .button:active {
	background-color: #db654d;
	border-color: #db654d;
	color: var(--bg-primary);
}

.affiliate_special-2 .special-campaign {
	display: inline-block;
	position: absolute;
	z-index: 2;
	bottom: 16px;
	right: 16px;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	text-align: right;
}

@media (min-width: 768px) {
	.affiliate_special-2 {
		width: 45%;
	}

	.affiliate_special-2 {
		float: right;
	}
}

@media (max-width: 1200px) and (min-width: 768px) {
	.affiliate_special-2:after {
		opacity: 0.4;
	}
}

@media (max-width: 568px) {
	.affiliate_special-2:after {
		opacity: 0.2;
	}
}

.page-add-product .block520center {
	border: 1px solid var(--border-secondary);
	padding: 30px;
}

.page-add-product .block520center + .block520center {
	margin-top: 30px;
}

.page-manage-block-storage #attachform {
	margin-bottom: 0px;
	border: none;
	padding: 0px;
	border-radius: 0;
}

.page-add-blockstorage .block520center {
	max-width: 768px;
}

.page-add-blockstorage .block520center p {
	margin-bottom: 16px;
}

/* Two factor authentication pages */
.page-conf-2fa #header2_wrap + .block1290deploy {
	display: none;
}

.page-conf-2fa .panel {
	border: none;
}

.page-conf-2fa .back_button_header + .section-desc {
	margin-bottom: 20px;
}

.page-conf-2fa .alert {
	margin: 0;
}

.backup-codes .form-control {
	padding-top: 30px;
	background-color: var(--bg-primary);
	line-height: 32px;
}

/* Product list pages */
@media all and (min-width: 0px) and (max-width: 767px) {
	.page-products .responsivetable {
		border-left: 0;
		border-right: 0;
		border-top: 0;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: -20px;
		border-radius: 0;
		width: calc(100% + 30px);
	}

	.page-products .responsivetable .table-row {
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.responsivetable_subs .table-row .cell-checkbox {
		display: none;
	}

	.page-products .responsivetable > * {
		border-bottom: 1px solid var(--border-secondary);
		padding: 16px;
	}

	.page-products .responsivetable > *:last-child {
		border: none;
	}
}

.disabled-api_body,
.enable-sso_body {
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
	text-align: center;
}

.enable-sso_body > .alert-info,
.enable-sso_body > .back_button_header {
	text-align: left;
}

.enable-sso_body > h3.back_button_header > .btn-link {
	cursor: pointer;
}

.sso_module {
	overflow: hidden;
}

.sso_step_1 {
	opacity: 0;
	position: relative;
	left: 50%;
}

.sso_feature {
	width: 47.5%;
}

span.sso_begin_setup {
	width: 100%;
}

span.sso_begin_setup > div.sso_begin_setup_icon {
	width: 15%;
	float: left;
	margin-top: 6px;
	margin-left: -3px;
}

span.sso_begin_setup > div.sso_begin_setup_description {
	width: 85%;
	float: left;
	text-align: left;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.sso_feature {
		width: initial;
	}

	span.sso_begin_setup > div.sso_begin_setup_icon {
		display: none;
	}

	span.sso_begin_setup > div.sso_begin_setup_description {
		text-align: center;
		width: 100%;
	}
}

.sso_module .sso_error_log {
	position: absolute;
	right: 16px;
	top: 10px;
	padding-left: 0;
	padding-right: 0;
	background-color: none;
	border: none;
	font-weight: 500;
	line-height: 16px;
	transition: all ease-in 0.1s;
}

.sso_module .sso_error_log:hover,
.sso_module .sso_error_log:active,
.sso_module .sso_error_log:focus {
	color: var(--brand-primary);
}

#tabc_settingsusers h3 .btn {
	float: right;
	line-height: 16px;
	margin-top: -4px;
}

/* Deploy */
div.servertype_section > label.servertype_label_group {
	height: auto;
	min-height: 89px;
	padding: 8px 0px 0px 0px;
	justify-content: flex-start;
}

.label-default {
	color: var(--label);
	background-color: var(--border-secondary);
}

.deploy_checkbox:not(.deploylocationsoldout) + label .label-default {
	display: none !important;
}

/* Deploy Note */
.deploy__note_container {
	display: none;
	padding: 16px 0 0 0;
	margin: 0 0 0 -80px;
	width: calc(100% + 80px);
}

.deploy__note {
	white-space: normal;
	font-size: 11px;
	line-height: 14px;
	position: relative;
	padding: 10px 0 0;
	color: var(--text-secondary);
	display: flex;
	align-items: center;
	margin-bottom: -14px;
	margin-top: 8px;
}

.deploy__note:before {
	content: "";
	height: 1px;
	background: var(--border);
	position: absolute;
	top: 0;
	left: -14px;
	right: -8px;
}

.deploy__note strong {
	font-weight: 700;
	color: var(--brand-primary);
}

.deploy__note i {
	height: 12px;
	width: 12px;
	min-width: 12px;
	font-size: 12px;
	margin-right: 15px;
	font-style: normal;
	color: var(--brand-primary);
}

.deploy__note a {
	color: var(--brand-primary);
	text-decoration: underline;
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
	font-weight: 700;
}

/* Canada fonticon */
.fonticon_ca {
	background-image: url(../images/flags/flag_ca.png);
	display: inline-block;
	height: 36px;
	width: 54px;
	border-radius: 2px;
	vertical-align: middle;
}

.fonticon_cm_ca {
	display: inline-block;
	height: 18px;
	width: 27px;
}

.fonticon_cm_ca {
	background-image: url(../images/flags/flagsm_ca.png);
}

.deploy_checkbox_icon.fonticon_ca {
	margin-top: 4px !important;
	width: 54px !important;
}

/* fix fontface */
@font-face {
	font-family: Material-Design-Iconic-Font;
	src:
		url(../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"),
		url(../fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"),
		url(../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0)
			format("truetype");
}

/* Billing UNFUNDED */
@media (min-width: 768px) {
	#tabc_billingaddfunds.flex3column .container-fluid .row > .col-md-2 {
		margin-right: 0px;
	}
}

tr.billingcarttotal td,
tr.billingcartcredit td {
	padding: 8px 0px;
}

tr.billingcarttotal td:last-child,
tr.billingcartcredit td:last-child {
	color: var(--brand-primary);
	font-weight: 800;
}

/* Messages */
.success_message,
.warning_message,
.error_message,
.promo_message,
.info_message,
.resolved_message,
.modal_error_message,
.modal_success_message,
.migrate_db_message {
	position: relative;
	font-size: 15px;
	max-width: 100%;
	margin: 0px auto 40px auto;
	padding: 14px 16px;
	text-align: left;
	border-radius: 0;
	border-width: 0 0 0 3px;
	border-style: solid;
	box-shadow:
		0 8px 16px 0px rgba(10, 14, 29, 0.04),
		0px 8px 64px 0px rgba(10, 14, 29, 0.08);
}

.responsivetable .fonticon_iso {
	height: 28px;
	width: 28px;
}

.page-conf-2fa #header2_wrap + .block1290deploy {
	display: none;
	border: none;
}

.page-conf-2fa #header4_0 {
	display: none;
}

.page-conf-2fa .block520center .panel {
	border: 1px solid var(--border-secondary);
}

.page-conf-2fa .block520center .panel .panel-body {
	padding: 24px;
}

.responsivetable_users span:last-child {
	display: flex;
}

input[type="submit"].btn-warning,
input[type="button"].btn-warning,
.btn-warning,
a.btn-warning {
	color: var(--bg-primary) !important;
}

/* Reverse DNS */
#tab_settings .reverseDNS {
	border: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-right: 20px !important;
	white-space: nowrap;
}

/* Affiliate */
.affiliate_logo > div.affiliate_logo_onwhite,
.affiliate_logo_icon > div.affiliate_logo_onwhite_mono,
div.affiliate_logo_onwhite {
	background-color: var(--bg-primary);
	border: 1px solid var(--border-secondary);
}

.affiliate_logo > div.affiliate_logo_ondark,
.affiliate_logo_icon > div.affiliate_logo_ondark_mono,
.affiliate_logo_icon > div.affiliate_logo_ondark {
	background-color: #333d45;
	border: 1px solid #333d45;
}

.affiliate_logo > div.affiliate_logo_onwhite > div.logo_mono {
	background: url(https://www.vultr.com/media/logo_mono_onwhite.png) no-repeat
		center;
	background-size: contain;
	height: 40.878px;
}

.affiliate_logo > div.affiliate_logo_ondark > div.logo_mono {
	background: url(https://www.vultr.com/media/logo_mono_ondark.png) no-repeat
		center;
	background-size: contain;
	height: 40.878px;
}

.affiliate_logo > div.affiliate_logo_onwhite > div.logo {
	background: url(https://www.vultr.com/media/logo_onwhite.png) no-repeat
		center;
	background-size: contain;
	height: 40.878px;
}

.affiliate_logo > div.affiliate_logo_ondark > div.logo {
	background: url(https://www.vultr.com/media/logo_ondark.png) no-repeat
		center;
	background-size: contain;
	height: 40.878px;
}

.affiliate_logo_icon > div.affiliate_logo_onwhite > div.badge1 {
	background: url(https://www.vultr.com/media/icon_onwhite.png) no-repeat
		center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 37px;
}

.affiliate_logo_icon > div.affiliate_logo_ondark > div.badge1 {
	background: url(https://www.vultr.com/media/icon_ondark.png) no-repeat
		center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 37px;
}

.affiliate_logo_icon > div.affiliate_logo_onwhite_mono > div.badge1 {
	background: url(https://www.vultr.com/media/icon_mono_onwhite.png) no-repeat
		center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 37px;
}

.affiliate_logo_icon > div.affiliate_logo_ondark_mono > div.badge1 {
	background: url(https://www.vultr.com/media/icon_mono_ondark.png) no-repeat
		center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 37px;
}

div.affiliate_banner > img.banner_1 {
	background: url(https://www.vultr.com/media/banners/banner_160x600.png?www);
	content: "";
	width: 160px;
	height: 600px;
}

div.affiliate_banner > img.banner_2 {
	background: url(https://www.vultr.com/media/banners/banner_300x250.png?www);
	content: "";
	width: 300px;
	height: 250px;
}

div.affiliate_banner > img.banner_3 {
	background: url(https://www.vultr.com/media/banners/banner_468x60.png?www);
	content: "";
	width: 468px;
	height: 60px;
}

div.affiliate_banner > img.banner_4 {
	background: url(https://www.vultr.com/media/banners/banner_628x628.png?www);
	content: "";
	width: 628px;
	height: 628px;
}

div.affiliate_banner > img.banner_5 {
	background: url(https://www.vultr.com/media/banners/banner_728x90.png?www);
	content: "";
	width: 728px;
	height: 90px;
}

div.affiliate_banner > img.banner_6 {
	background: url(https://www.vultr.com/media/banners/banner_800x418.png?www);
	content: "";
	width: 800px;
	height: 418px;
}

div.affiliate_banner > img.banner_7 {
	background: url(https://www.vultr.com/media/banners/banner_800x800.png?www);
	content: "";
	width: 800px;
	height: 800px;
}

div.affiliate_banner > img.banner_8 {
	background: url(https://www.vultr.com/media/banners/banner_1200x600.png?www);
	content: "";
	width: 1200px;
	height: 600px;
}

div.affiliate_banner > img.banner_9 {
	background: url(https://www.vultr.com/media/banners/banner_1200x628.png?www);
	content: "";
	width: 1200px;
	height: 628px;
}

div.affiliate_banner > img.banner_10 {
	background: url(https://www.vultr.com/media/banners/banner_1200x800.png?www);
	content: "";
	width: 1200px;
	height: 800px;
}

div.responsivetable_backups .fonticon_snapshot {
	background: url(../images/os/misc/icon-snapshot.svg);
	height: 20px;
	width: 20px;
}

/* VULTR CUSTOM CSS */

.responsivetable_ssolog > * > *:last-child {
	text-align: left;
}

#tabc_subsbgp .tablelist tr th:last-child,
#tabc_subsbgp .tablelist tr td:last-child {
	text-align: left;
}

.backup-codes .control-label {
	position: absolute !important;
	top: 37px !important;
	left: 37px !important;
	font-weight: 300 !important;
}

.responsivetable_loadbalancers_sub > *:nth-child(1) > * {
	color: var(--text-secondary);
	font-size: 13px;
	font-weight: normal;
}

/* Mobile Responsive Table Content Labels */
@media all and (min-width: 0px) and (max-width: 767px) {
	.responsivetable_networks > * > *:nth-child(5):before {
		content: "Actions:";
	}

	.responsivetable_objstore_sub > * > * {
		padding-left: 100px;
	}

	.responsivetable_objstore_sub > * > *:before {
		width: 100px;
	}

	.responsivetable_objstore_sub > * > *:nth-child(1):before {
		content: "Storage:";
	}

	.responsivetable_objstore_sub > * > *:nth-child(2):before {
		content: "Location:";
	}

	.responsivetable_objstore_sub > * > *:nth-child(3):before {
		content: "Charges:";
	}

	.responsivetable_objstore_sub > * > *:nth-child(4):before {
		content: "Status:";
	}

	.responsivetable_objstore_sub > * > *:nth-child(5):before {
		content: "Actions:";
	}

	.responsivetable_objstore_sub > * > *:nth-child(4) {
		padding-top: 8px;
	}

	.responsivetable_startup > * > *:nth-child(4):before {
		content: "Actions:";
	}

	.responsivetable_startup > * > *:nth-child(4):before {
		content: "Actions:";
	}

	.responsivetable_dns > * > *:nth-child(3):before {
		content: "Actions:";
	}

	.responsivetable_blockstorage > * > *:nth-child(3):before {
		content: "Attached To:";
	}

	.responsivetable_blockstorage > * > *:nth-child(4):before {
		content: "Charges:";
	}

	.responsivetable_blockstorage > * > *:nth-child(5):before {
		content: "Charges:";
		content: "Status:";
	}

	.responsivetable_blockstorage > * > *:nth-child(5) {
		padding-top: 8px;
	}

	.responsivetable_blockstorage > * > *:nth-child(6):before {
		content: "Actions:";
	}

	.responsivetable_backups > * > * {
		padding-left: 100px;
	}

	.responsivetable_backups > * > *:before {
		width: 100px;
	}

	.responsivetable_backups > * > *:nth-child(1):before {
		content: "Description:";
	}

	.responsivetable_backups > * > *:nth-child(2):before {
		content: "OS:";
	}

	.responsivetable_backups > * > *:nth-child(3):before {
		content: "Size:";
	}

	.responsivetable_backups > * > *:nth-child(4):before {
		content: "Date:";
	}

	.responsivetable_backups > * > *:nth-child(5):before {
		content: "Status:";
	}

	.responsivetable_backups > * > *:nth-child(5),
	.responsivetable_backups > * > *:nth-child(2) {
		padding-top: 8px;
	}

	.responsivetable_backups > * > *:nth-child(6):before {
		content: "Actions:";
	}

	.responsivetable_iso > * > * {
		padding-left: 100px;
	}

	.responsivetable_iso > * > *:before {
		width: 100px;
	}

	.responsivetable_iso > * > *:nth-child(1):before {
		content: "Name:";
	}

	.responsivetable_iso > * > *:nth-child(2):before {
		content: "Status:";
	}

	.responsivetable_iso > * > *:nth-child(3):before {
		content: "MD5:";
	}

	.responsivetable_iso > * > *:nth-child(4):before {
		content: "Size 1:";
	}

	.responsivetable_iso > * > *:nth-child(5):before {
		content: "Actions:";
	}

	.responsivetable_iso > * > *:nth-child(2) {
		padding-top: 8px;
	}

	.responsivetable_iso > * > *:nth-child(6):before {
		content: "Actions:";
	}

	.responsivetable_reservedip > * > *:nth-child(5):before {
		content: "Actions:";
	}

	.responsivetable_custom > * > *:nth-child(3) {
		padding-top: 8px;
	}

	.responsivetable_snapshots > * > *:nth-child(4):before {
		content: "Date:";
	}

	.responsivetable_snapshots > * > *:nth-child(5):before {
		content: "Status:";
	}

	.responsivetable_snapshots > * > *:nth-child(6):before {
		content: "Actions:";
	}

	.responsivetable_snapshots > * > *:nth-child(5),
	.responsivetable_snapshots > * > *:nth-child(2) {
		padding-top: 8px;
	}

	.responsivetable_sshkeys > * > *:nth-child(3):before {
		content: "Actions:";
	}

	.responsivetable_sshkeys > * > *:nth-child(3),
	.responsivetable_dns > * > *:nth-child(3),
	.responsivetable_startup > * > *:nth-child(4),
	.responsivetable_blockstorage > * > *:nth-child(6),
	.responsivetable_reservedip > * > *:nth-child(5) {
		padding-top: 2px;
	}

	.responsivetable_loadbalancers_rules > * > * {
		padding-left: 100px;
	}

	.responsivetable_loadbalancers_rules > * > *:before {
		width: 100px;
	}

	.responsivetable_loadbalancers_rules > * > *:nth-child(2):before {
		content: "Load Balancer:";
	}

	.responsivetable_loadbalancers_rules > * > *:nth-child(4):before {
		content: "Instance:";
	}

	.responsivetable_loadbalancers_rules > * > *:nth-child(5):before {
		content: "Action:";
	}

	.responsivetable_loadbalancers_rules > * > *:nth-child(5) button {
		float: left;
	}

	.responsivetable_loadbalancers_rules > * > *:nth-child(4) {
		padding-top: 8px;
	}

	.responsivetable_lb_firewall_rules > * > * {
		padding-left: 100px;
	}

	.responsivetable_lb_firewall_rules > * > *:before {
		width: 100px;
	}

	.responsivetable_lb_firewall_rules > * > *:nth-child(2):before {
		content: "Port:";
	}

	.responsivetable_lb_firewall_rules > * > *:nth-child(3):before {
		content: "IP Type:";
	}

	.responsivetable_lb_firewall_rules > * > *:nth-child(4):before {
		content: "Source:";
	}

	.responsivetable_lb_firewall_rules > * > *:nth-child(5):before {
		content: "Action:";
	}

	.responsivetable_lb_firewall_rules > * > *:nth-child(6) button {
		float: left;
	}

	.responsivetable_loadbalancers_sub_index > * > * {
		padding-left: 100px;
	}

	.responsivetable_loadbalancers_sub_index > * > *:before {
		width: 100px;
	}

	.responsivetable_loadbalancers_sub_index > * > *:nth-child(1):before {
		content: "Name:";
	}

	.responsivetable_loadbalancers_sub_index > * > *:nth-child(2):before {
		content: "Location:";
	}

	.responsivetable_loadbalancers_sub_index > * > *:nth-child(3):before {
		content: "Charges:";
	}

	.responsivetable_loadbalancers_sub_index > * > *:nth-child(4):before {
		content: "Status:";
	}

	.responsivetable_loadbalancers_sub_index > * > *:nth-child(5):before {
		content: "Action:";
	}

	.responsivetable_loadbalancers_sub > * > * {
		padding-left: 100px;
	}

	.responsivetable_loadbalancers_sub > * > *:before {
		width: 100px;
	}

	.responsivetable_loadbalancers_sub > * > *:nth-child(1):before {
		content: "Name:";
	}

	.responsivetable_loadbalancers_sub > * > *:nth-child(2):before {
		content: "Status:";
	}

	.responsivetable_loadbalancers_sub > * > *:nth-child(3):before {
		content: "Downtime:";
	}

	.responsivetable_loadbalancers_sub > * > *:nth-child(4):before {
		content: "Action:";
	}

	.responsivetable_loadbalancers_sub .vps_attach_dropdown_container {
		padding-left: 0px !important;
	}
}

table .fonticon_iso {
	height: 28px;
	width: 28px;
}

/*
 * Survey
 */
/* Floating button */
.btn-survey {
	display: block;
	position: relative;
	height: 51px;
	width: 51px;
	border-radius: 100%;
	border-width: 0px;
	line-height: 51px;
	text-align: center !important;
	font-size: 27px;
	background-color: var(--green);
	color: var(--bg-primary);
	box-shadow: 0 3px 15px -2px rgba(37, 45, 51, 0.4);
	transition: all ease-in 0.15s;
	outline: 0;
	cursor: pointer;
}

.btn-survey:hover {
	background-color: var(--green);
}

.btn-survey.faded {
	background-color: #90d1b0;
}

.btn-survey i {
	display: none;
}

.btn-survey .i-survey {
	background-image: url("../images/survey/survey-icon.svg");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center center;
	height: 40px;
}

/* Container */
.survey-container {
	position: fixed;
	bottom: 16px;
	right: 24px;
	display: block;
	z-index: 1000;
}

.survey-container .survey-body.is-open {
	display: flex;
}

.survey-container .survey-body {
	position: absolute;
	bottom: calc(100% + 24px);
	right: 0;
	width: 360px;
	height: 230px;
	background-color: var(--bg-primary);
	box-shadow: 0 5px 35px rgba(37, 45, 51, 0.2);
	display: none;
	border-radius: 4px;
	animation-name: fadeInUp;
	animation-duration: 0.3s;
}

.survey-body .survey-content {
	padding: 24px;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.survey-body .survey-content-green {
	min-width: 124px;
	background-color: var(--green);
	height: 100%;
	position: relative;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-image: url("../images/survey/survey-right.png");
	background-size: contain;
}

.survey-body .survey-content-green:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: -12px;
	right: 16px;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: var(--green) transparent transparent transparent;
}

.survey-title {
	color: #3cb878;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 12px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	.survey-title {
		display: none;
	}

	.survey-step-1 {
		height: 180px !important;
	}
}

.survey-title img {
	max-width: 30px;
	margin-left: 8px;
	margin-top: -8px;
}

.survey-description {
	color: var(--disabled);
	font-size: 14px;
	line-height: 22px;
}

.survey-action {
	margin-top: auto;
}

.survey-container .survey-body.survey-horizontal {
	flex-direction: column;
	max-height: calc(100vh - 92px);
	height: auto;
	overflow-y: auto;
}

.survey-container .survey-body.survey-horizontal::-webkit-scrollbar {
	width: 6px;
}

.survey-container .survey-body.survey-horizontal::-webkit-scrollbar-thumb {
	background-color: var(--green);
	outline: 0;
}

.survey-container .survey-body.survey-horizontal .survey-content {
	flex: 0 1 1;
}

.survey-container
	.survey-body.survey-horizontal
	.survey-content
	.capsule-container {
	margin-top: -56px;
	z-index: 2;
}

.survey-container
	.survey-body.survey-horizontal
	.survey-content
	.capsule-container
	.capsule {
	border-radius: 4px;
	background-color: var(--bg-primary);
	border-top: 1px solid var(--green);
	padding: 15px;
	font-size: 14px;
	line-height: 19px;
	box-shadow: 0 2px 8px rgba(37, 45, 51, 0.2);
	margin-bottom: 16px;
	color: #707474;
}

.survey-container
	.survey-body
	.survey-content
	.capsule-container
	.capsule
	.capsule-action {
	display: flex;
}

.survey-container
	.survey-body
	.survey-content
	.capsule-container
	.capsule
	.capsule-action
	.btn {
	flex: 1;
}

.survey-container
	.survey-body
	.survey-content
	.capsule-container
	.capsule
	.capsule-action
	.btn:first-child {
	margin-right: 8px;
}

.survey-container .capsule p:nth-child(1) {
	margin-top: 0;
	padding-top: 0;
}

.survey-container .survey-body.survey-horizontal .survey-content-green {
	background-image: url("../images/survey/survey-top.png");
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	min-height: 118px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.survey-container .survey-body.survey-horizontal .survey-content-green:before {
	content: "";
	border-color: transparent;
}

.survey-container
	.survey-body.survey-horizontal
	.survey-content-green
	.survey-title {
	font-weight: 800;
	font-size: 24px;
	line-height: 28px;
	color: var(--bg-primary);
}

/* Green button */
.survey-body .btn-green {
	width: 100%;
	padding: 8px 0px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Capsule */
.capsule .capsule-success {
	display: flex;
	border: 2px solid var(--green);
	border-radius: 50%;
	font-size: 40px;
	padding: 15px;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	color: var(--green);
	margin: 0 auto 16px;
}

/* Capsule: Final */
.capsule-final {
	cursor: pointer;
}

/* Range input */
.range-container {
	display: flex;
}

.value-container {
	margin-top: 16px;
}

.range-container .value-container {
	display: flex;
}

.range-container .value-container .value-range {
	display: flex;
	flex: 1;
	padding: 0 2px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.range-container .value-container .value-range.is-active {
	font-weight: 500;
	color: var(--green);
}

.slidecontainer {
	width: 100%;
	/* Width of the outside container */
}

.content-range {
	flex: 1;
}

.range-emoji img {
	max-height: 24px;
	padding-left: 16px;
	display: none;
}

.range-emoji img.is-active {
	display: block;
}

.survey-container {
	/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
}

.survey-container .range-slider {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 30px;
	background: transparent;
	outline: none;
	border-radius: 4px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.survey-container .range-slider::-moz-range-track {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px;
	background: transparent;
	outline: none;
	border-radius: 4px;
}

.survey-container .range-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	/* Override default look */
	appearance: none;
	width: 25px;
	height: 25px;
	background: var(--bg-primary);
	z-index: 2;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	cursor: pointer;
	border: none;
	position: relative;
}

.survey-container .range-slider::-moz-range-thumb {
	display: block;
	position: relative;
	z-index: 2;
	width: 25px;
	/* Set a specific slider handle width */
	height: 25px;
	/* Slider handle height */
	background: var(--bg-primary);
	/* Green background */
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	cursor: pointer;
}

.survey-container .range-slider::-ms-thumb {
	display: block;
	position: relative;
	z-index: 2;
	width: 25px;
	/* Set a specific slider handle width */
	height: 25px;
	/* Slider handle height */
	background: var(--bg-primary);
	/* Green background */
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	cursor: pointer;
}

.survey-container .range-colors {
	position: relative;
}

.survey-container .range-colors .range-bad {
	position: absolute;
	top: calc(50% - 2px);
	left: 0;
	width: 60%;
	background-color: var(--red);
	display: block;
	height: 4px;
	border-radius: 4px;
	z-index: 1;
}

.survey-container .range-colors .range-ok {
	position: absolute;
	top: calc(50% - 2px);
	left: calc(60% + 4px);
	width: calc(20% - 4px);
	background-color: var(--brand-primary-lighter);
	display: block;
	height: 4px;
	border-radius: 4px;
	z-index: 1;
}

.survey-container .range-colors .range-great {
	position: absolute;
	top: calc(50% - 2px);
	left: calc(80% + 4px);
	width: calc(20% - 4px);
	background-color: var(--green);
	display: block;
	height: 4px;
	border-radius: 4px;
	z-index: 1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.survey-container {
		/*---------- IE Hacks ----------*/
		/*.range-colors .range-bad,.range-colors .range-ok,.range-colors .range-great{
						display: none;
				}*/
	}

	.survey-container .range-slider {
		padding: 12px 0;
		height: 50px;
	}

	.survey-container .range-emoji {
		margin-top: 14px;
	}

	.survey-container .value-container {
		margin-top: 0;
	}

	.survey-container input[type="range"] {
		padding: 8px 0;
	}

	.survey-container input[type="range"]::-ms-track {
		width: 300px;
		height: 5px;
		background: transparent;
		border-color: transparent;
		border-width: 6px 0;
		color: transparent;
	}

	.survey-container input[type="range"]::-ms-thumb {
		border: none;
		height: 24px;
		width: 24px;
		border-radius: 50%;
		background: var(--bg-primary);
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	}

	.survey-container input[type="range"]::-ms-fill-lower {
		background-color: transparent;
	}
}

@supports (-ms-ime-align: auto) {
	.survey-container .range-slider {
		height: 30px;
	}

	.survey-container .range-emoji {
		margin-top: 0;
	}
}

/* Responsiveness */
@media (max-width: 991px) {
	.survey-container {
		left: 24px;
		bottom: 16px;
	}

	.survey-container .survey-body {
		left: 0;
		flex-direction: row-reverse;
	}

	.survey-body .survey-content-green:before {
		left: 16px;
	}

	.survey-body .survey-content-green {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
}

@media (max-width: 430px) {
	.survey-body .survey-content-green {
		display: none;
	}

	.survey-container .survey-body {
		width: auto;
	}
}

/* Animations */

@keyframes fadeInUp {
	0% {
		transform: translate3d(0, 20px, 0);
		opacity: 0;
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.fadeInUp {
	animation-name: fadeInUp;
	opacity: 1;
}

/* Select2 */
.survey-container .select2-selection__rendered {
	padding-top: 0px !important;
}

.storage-calculator {
	float: left;
	display: flex;
	align-items: center;
	height: 274px;
	width: 100%;
	margin-bottom: 16px;
	border: 1px solid var(--border-secondary);
}

.storage-calculator__title {
	margin-bottom: 24px;
	color: var(--table-text);
	font-size: 17px;
	font-weight: 500;
}

.storage-calculator__content {
	position: relative;
	z-index: 3;
	flex: 1;
	padding: 32px 80px 32px 32px;
	width: 100%;
	max-width: 760px;
}

.storage-calculator__calc {
	display: flex;
	margin-top: 80px;
}

.storage-calculator__calc > div {
	color: var(--label);
	font-size: 15px;
	max-width: 100%;
	padding-right: 16px;
}

.storage-calculator__calc > div .value {
	display: flex;
	margin-top: 10px;
	color: var(--nav-color);
	font-size: 36px;
	font-weight: 300;
}

.storage-calculator__calc > div .value-price {
	color: var(--brand-primary);
	font-weight: 500;
}

.storage-calculator__calc > div .value .cycle {
	font-size: 24px;
	font-weight: 400;
}

.storage-calculator__illustration {
	position: relative;
	height: 100%;
	width: 396px;
	margin-left: auto;
}

.storage-calculator__illustration .svg-container {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	overflow: hidden;
	height: 400px;
	width: 100%;
	min-width: 586px;
}

.blockstorage-new {
	display: flex;
	align-items: center;
	background-color: var(--border-secondary);
	padding: 10px 20px;
	color: var(--brand-primary);
}

.blockstorage-new__label {
	background-color: var(--brand-primary);
	color: var(--bg-primary);
	margin-right: 15px;
	font-size: 12px;
	padding: 0 10px;
}

.blockstorage-new__desc {
	font-size: 15px;
	margin-right: 20px;
}

.blockstorage-new__learn {
	color: var(--brand-primary);
	border: 1px solid rgba(0, 123, 252, 0.23);
	font-size: 13px;
	padding: 3px 8px;
	font-weight: 500;
	border-radius: 4px;
	transition:
		background-color 0.2s ease-in,
		color 0.2s ease-in,
		border-color 0.2s ease-in;
}

.blockstorage-new__learn:hover {
	color: var(--bg-primary);
	background-color: var(--brand-primary);
	border-color: var(--brand-primary);
}

.storage-calculator__illustration .svg-container--light {
	opacity: 0;
	min-width: unset !important;
	top: 6px;
	width: 344px;
	left: 76px;
	transition:
		opacity 0.2s ease-in,
		transform 0.2s ease-in;
	transform: translateY(-8px);
}

.storage-calculator__illustration .svg-container--light .st0 {
	opacity: 0.8;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: url(#block-storage-light-2_1_);
	enable-background: new;
}

.storage-calculator.faster .svg-container--light,
.storage-calculator.faster .svg-container--speed {
	opacity: 1;
	transform: translateY(0);
}

.page-add-blockstorage .storage-calculator {
	overflow: hidden;
}

.page-add-blockstorage .svg-container {
	right: -90px !important;
}

.storage-calculator__illustration .svg-container--speed {
	opacity: 0;
	min-width: unset !important;
	width: 192px;
	left: -35px;
	top: 99px;
	transition:
		opacity 0.2s ease-in,
		transform 0.2s ease-in;
	transform: translateY(-8px);
}

.storage-calculator__illustration .svg-container--speed .st0 {
	fill: none;
	stroke: var(--brand-primary);
}

.storage-calculator__illustration .svg-container--speed .st1 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: url(#Elipsa_3_kopia_1_);
}

.storage-calculator__illustration .svg-container--speed .st2 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: url(#Elipsa_3_1_);
}

.storage-calculator__illustration .svg-container--speed .st3 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--bg-primary);
	stroke: var(--bg-primary);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.storage-calculator__illustration .svg-container--speed .st4 {
	opacity: 0.2;
	fill: none;
	stroke: var(--nav-color);
	stroke-width: 6;
	stroke-linecap: round;
	stroke-linejoin: round;
	enable-background: new;
}

.storage-calculator__illustration .svg-container--speed .st5 {
	opacity: 0.2;
	fill: none;
	stroke: var(--nav-color);
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	enable-background: new;
}

.storage-calculator__illustration .svg-container--speed .st6 {
	fill: none;
	stroke: var(--bg-primary);
	stroke-width: 6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.blockstorage-slider .storage-calculator__illustration .svg-illustration {
	bottom: -60px;
}

@media (max-width: 1200px) {
	.storage-calculator__illustration .svg-illustration {
		position: absolute;
		bottom: -56px;
	}

	.blockstorage-slider .storage-calculator__illustration .svg-illustration {
		bottom: -20px;
	}

	.storage-calculator__illustration .svg-container--speed {
		top: 69px;
		left: 18px;
		width: 160px;
	}

	.storage-calculator__illustration .svg-container--light {
		width: 245px;
		left: 110px;
		top: 12px;
	}
}

.storage-calculator__illustration .svg-illustration {
	position: absolute;
	bottom: -80px;
	left: 112px;
}

.storage-calculator [data-sc-ssd-ilustrations] > * {
	transform: translateY(-100px);
	transition:
		transform 0.3s,
		visibility 0.3s,
		opacity 0.3s;
	opacity: 0;
	visibility: hidden;
}

.storage-calculator [data-sc-ssd-ilustrations] > *.is-animated {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.storage-calculator .range-slider {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: none;
	width: 100%;
}

.storage-calculator .range-slider * {
	touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.storage-calculator .range-slider[disabled] .range-slider-connect {
	background: #b8b8b8;
}

.storage-calculator .range-slider[disabled].range-slider,
.storage-calculator .range-slider[disabled].range-slider-handle {
	cursor: not-allowed;
}

.storage-calculator .range-slider__base {
	cursor: pointer;
	border: 1px solid #d3d6e2;
	border-left: none;
}

.storage-calculator .range-slider__base,
.storage-calculator .range-slider__connects {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	border-right: none;
}

.storage-calculator .range-slider__base {
	z-index: 999;
}

.storage-calculator .range-slider__base:before,
.storage-calculator .range-slider__base:after {
	content: "";
	margin-left: -14px;
	position: absolute;
	top: -1px;
	width: 16px;
	height: 115%;
	background: var(--bg-primary);
	border: 1px solid #d3d6e2;
}

.storage-calculator .range-slider__base:before {
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	right: -16px;
	border-left: none;
}

.storage-calculator .range-slider__base:after {
	left: auto;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	border-right: none;
}

.storage-calculator .range-slider__connects:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 3px;
	left: -11px;
	width: 16px;
	height: 8px;
	background: var(--brand-primary);
	border-radius: 8px;
}

.storage-calculator .range-slider__connect {
	will-change: transform;
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 3px;
	width: 100%;
	transform-origin: 0 0;
	height: 8px;
	background: var(--brand-primary);
}

.storage-calculator .range-slider__origin {
	will-change: transform;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	transform-origin: 0 0;
	left: auto;
}

.storage-calculator .range-slider__handle {
	position: absolute;
	right: -19px;
	left: auto;
	width: 38px;
	height: 32px;
	top: 0;
	bottom: 0;
	margin: auto;
	box-shadow:
		0 3px 8px 0px rgba(10, 14, 29, 0.04),
		0px 8px 24px 0px rgba(10, 14, 29, 0.08);
	background-color: var(--brand-primary);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy45NzkgMTEuOTgiPjxwYXRoIGRhdGEtbmFtZT0iUHJvc3Rva8SFdCAxIGtvcGlhIDQiIGQ9Ik0xNy45ODkgMTEuOThsLTEtMSA0Ljk5LTQuOTktNC45OS00Ljk5MSAxLTEgNS45OSA1Ljk5LTUuOTkgNS45OXptLTEyIDBMMCA1Ljk4OWw1Ljk5LTUuOTkgMSAxTDIgNS45ODlsNC45OSA0Ljk5LTEgMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 20px 10px;
	border-radius: 3px;
}

.storage-calculator .range-slider__handle:hover,
.storage-calculator .range-slider__handle:focus,
.storage-calculator .range-slider__handle:active {
	outline: none;
	cursor: pointer;
}

.storage-calculator .range-slider__state-tap {
	transition: transform 0.3s;
}

.storage-calculator .range-slider__state-tap .range-slider-connect,
.storage-calculator .range-slider__state-tap .range-slider-origin {
	transition: transform 0.3s;
}

.storage-calculator .range-slider__state-drag * {
	cursor: inherit !important;
}

.storage-calculator .range-slider--horizontal {
	height: 16px;
	margin-left: 16px;
}

.storage-calculator .range-slider__pips {
	position: relative;
	height: 40px;
	top: 0;
	left: 0;
	width: 100%;
}

.storage-calculator .range-slider__marker {
	display: none;
}

.storage-calculator .range-slider__value {
	top: 0;
	position: absolute;
	white-space: nowrap;
	text-align: center;
	font-size: 13px;
	cursor: pointer;
	padding: 8px 0 0;
	transform: translate(-50%, 50%);
	transition: color ease 0.2s;
}

.storage-calculator .range-slider__value:before {
	position: absolute;
	top: 0px;
	left: 50%;
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	margin-left: -2px;
	background: var(--border-primary);
	border-radius: 100%;
	transition: all ease 0.2s;
}

.storage-calculator .range-slider__value.is-active {
	color: var(--brand-primary);
}

.storage-calculator .range-slider__value.is-active:before {
	background: var(--brand-primary);
}

.storage-calculator .range-slider__value:hover {
	color: var(--brand-primary);
}

.storage-calculator .range-slider-container__top {
	margin-bottom: 16px;
	display: flex;
	justify-content: space-between;
	width: calc(100% + 32px);
	font-size: 17px;
}

.storage-calculator .range-slider-container__price {
	color: var(--brand-primary);
}

.storage-calculator .storage-calculator__calc > div {
	color: var(--label);
	font-size: 15px;
	max-width: 100%;
	padding-right: 16px;
}

.storage-calculator .sign {
	width: 24px;
	height: 24px;
	border: 1px solid var(--border-primary);
	border-radius: 100px;
	position: relative;
	cursor: pointer;
	transition: all ease-in 0.15s;
}

.storage-calculator .sign:hover,
.storage-calculator .sign:focus,
.storage-calculator .sign:active {
	border-color: var(--text-secondary);
}

.storage-calculator .sign:after,
.storage-calculator .sign:before {
	background: var(--text-secondary);
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 10px;
	height: 10px;
}

.storage-calculator .sign-minus:after {
	height: 2px;
}

.storage-calculator .sign-minus:before {
	display: none;
}

.storage-calculator .sign-plus:after {
	height: 2px;
}

.storage-calculator .sign-plus:before {
	width: 2px;
}

.storage-calculator__calc > div:first-child {
	min-width: 250px;
}

.storage-calculator__calc > div {
	color: var(--label);
	font-size: 15px;
	max-width: 100%;
	padding-right: 16px;
}

.storage-calculator__calc > div .value .sign + * {
	margin-left: 8px;
}

.storage-calculator__calc > div .value * + .sign {
	margin-left: 8px;
}

.storage-calculator__input {
	outline: none;
}

.storage-calculator-sm {
	height: 224px;
}

.storage-calculator-sm .storage-calculator__content {
	padding: 24px 80px 24px 16px;
}

.storage-calculator-sm .storage-calculator__title {
	margin-bottom: 20px;
}

.storage-calculator-sm .storage-calculator__calc {
	margin-top: 64px;
}

.storage-calculator-sm .storage-calculator__calc > div .value {
	display: flex;
	margin-top: 10px;
	font-size: 36px;
	font-weight: 300;
}

.storage-calculator-sm .storage-calculator__calc > div .value-price {
	font-weight: 500;
}

.storage-calculator-sm .storage-calculator__calc > div .value .cycle {
	font-size: 24px;
}

.storage-calculator-sm .storage-calculator__illustration {
	width: 260px;
	margin-left: auto;
}

.storage-calculator-sm .storage-calculator__illustration .svg-container {
	height: 320px;
	min-width: 426px;
}

.storage-calculator-sm .storage-calculator__illustration .svg-illustration {
	position: absolute;
	bottom: -50px;
}

.storage-calculator-sm .storage-calculator__slider {
	width: 445px;
}

.storage-calculator--flex {
	height: auto;
	overflow: hidden;
}

.storage-calculator--flex .storage-calculator__content {
	padding-top: 20px;
	padding-bottom: 27px;
}

.storage-calculator--flex .storage-calculator__slider {
	max-width: 580px;
}

.storage-calculator--flex
	.storage-calculator__slider
	+ .storage-calculator__slider {
	margin-top: 48px;
}

.storage-calculator--flex .storage-calculator__illustration {
	top: -58px;
	left: -7px;
	margin-top: 53px;
}

.storage-calculator--flex .storage-calculator__calc {
	margin-top: 48px;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	line-height: 18px;
	color: var(--text-secondary);
}

.storage-calculator--flex .storage-calculator__price {
	display: flex;
	align-items: flex-end;
}

.storage-calculator--flex .storage-calculator__price .value-price {
	font-size: 32px;
	font-weight: 500;
	line-height: 32px;
}

.storage-calculator--flex .storage-calculator__price .value + .value {
	font-size: 18px;
	line-height: 18px;
	font-weight: 300;
	color: var(--text-secondary);
	margin-left: 8px;
	margin-bottom: 4px;
}

.storage-calculator--flex .range-slider__value.is-active {
	padding-top: 0;
}

.storage-calculator--flex .range-slider__value.is-active:before {
	display: none;
}

.storage-calculator--flex .range-slider__value:not(.is-active) {
	overflow: hidden;
	text-indent: -500px;
	width: 4px;
}

@media (max-width: 1200px) {
	.storage-calculator {
		height: 224px;
	}

	.storage-calculator__content {
		padding: 24px 80px 24px 16px;
	}

	.storage-calculator__title {
		margin-bottom: 20px;
	}

	.storage-calculator__calc {
		margin-top: 56px;
	}

	.storage-calculator__calc > div {
		font-size: 13px;
	}

	.storage-calculator__calc > div .value {
		margin-top: 4px;
		font-size: 28px;
	}

	.storage-calculator__calc > div .value .cycle {
		font-size: 24px;
	}

	.storage-calculator__illustration {
		width: 310px;
		margin-left: auto;
	}

	.storage-calculator__illustration .svg-container {
		height: 320px;
		min-width: 446px;
	}

	.storage-calculator__illustration .svg-illustration {
		position: absolute;
		bottom: -56px;
	}
}

@media (max-width: 991px) {
	.storage-calculator {
		height: auto;
		overflow: hidden;
	}

	.storage-calculator__content {
		padding: 16px 56px 16px 16px;
	}

	.storage-calculator__title {
		margin-bottom: 20px;
	}

	.storage-calculator__calc {
		margin-top: 56px;
	}

	.storage-calculator__calc > div {
		font-size: 13px;
	}

	.storage-calculator__calc > div .value {
		margin-top: 4px;
		font-size: 28px;
	}

	.storage-calculator__calc > div .value .cycle {
		font-size: 24px;
	}

	.storage-calculator__illustration {
		display: none;
	}

	.storage-calculator-sm .storage-calculator__slider {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.storage-calculator {
		height: auto;
		overflow: hidden;
	}

	.storage-calculator__content {
		padding: 16px 56px 16px 16px;
	}

	.storage-calculator__calc {
		margin-top: 32px;
	}

	.storage-calculator .range-slider__value {
		text-indent: -9999px;
	}
}

@media (max-width: 555px) {
	.storage-calculator-sm .storage-calculator__calc > div .value {
		font-size: 34px;
	}

	.storage-calculator__calc > div:first-child {
		min-width: 200px;
	}
}

@media (max-width: 479px) {
	.storage-calculator .storage-calculator__calc > div .value {
		font-size: 24px;
	}

	.storage-calculator-sm .storage-calculator__calc > div .value {
		font-size: 20px;
	}

	.storage-calculator__calc > div:first-child {
		min-width: 160px;
	}
}

@media (max-width: 375px) {
	.storage-calculator-sm .storage-calculator__calc > div:first-child {
		min-width: 145px;
	}

	.storage-calculator-sm .storage-calculator__slider {
		width: 245px;
	}
}

.tablelist-forwarding-rules .cell-instance div,
.tablelist-forwarding-rules .cell-load-balancer div {
	display: flex;
}

.tablelist-forwarding-rules .cell-instance div > input,
.tablelist-forwarding-rules .cell-load-balancer div > input {
	margin-right: 8px;
}

.tablelist-forwarding-rules .cell-instance div > .floatinglabel,
.tablelist-forwarding-rules .cell-load-balancer div > .floatinglabel {
	margin-right: 8px;
	margin-bottom: 0;
}

.tablelist-forwarding-rules .cell-instance div > *:last-child,
.tablelist-forwarding-rules .cell-load-balancer div > *:last-child {
	margin-right: 0;
}

.tablelist-forwarding-rules .cell-instance input,
.tablelist-forwarding-rules .cell-load-balancer input {
	min-width: 80px;
}

.tablelist-forwarding-rules .cell-arrow {
	text-align: center;
}

.tablelist-forwarding-rules .cell-arrow .arrow {
	align-items: center;
	justify-content: center;
}

.tablelist-forwarding-rules .cell-arrow svg {
	margin: 0 auto;
}

.tablelist-forwarding-rules .select2 {
	margin-bottom: 0 !important;
}

.tablelist-forwarding-rules .cell-another-rule {
	text-align: left;
}

.tablelist-forwarding-rules .cell-another-rule .button {
	margin-left: -21px;
	background: none;
	text-align: left;
	align-items: center;
	display: flex;
}

.tablelist-forwarding-rules .arrow {
	width: 20px;
	padding-left: 5px;
	position: initial;
}

.input-number-arrows {
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
	width: 28px;
	border-left: 1px solid var(--border-primary);
}

.input-number-arrow-up {
	transform: rotate(180deg);
}

.input-number-arrow-up,
.input-number-arrow-down {
	height: 50%;
	position: relative;
	cursor: pointer;
}

.input-number-arrow-down {
	border-top: 1px solid var(--border-primary);
}

.input-number-arrow-up:after,
.input-number-arrow-down:after {
	content: "";
	border-color: var(--text-secondary) transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	position: absolute;
	width: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: border-color ease 0.3s;
}

#deploy_block_load_balancer .add-rule-panel .button {
	margin-left: -21px;
	background: none;
	text-align: left;
	align-items: center;
	display: flex;
}

#deploy_block_load_balancer .add-rule-panel {
	border-top: none;
}

#deploy_block_load_balancer .add-rule-panel .panel-body {
	padding: 4px;
	padding-left: 15px;
}

.add-forwarding-rule a,
.add-firewall-rule a {
	text-align: left;
	cursor: pointer;
	color: var(--brand-primary);
	font-weight: 800;
}

.add-forwarding-rule,
.add-firewall-rule {
	border-top: none;
	margin-bottom: none;
}

.http_path_error {
	color: var(--red);
	font-size: 11px;
	z-index: 100;
	position: relative;
	top: -3px;
}

label[data-input-number] input[type="number"]::-webkit-outer-spin-button,
label[data-input-number] input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

label[data-input-number] input[type="number"] {
	-moz-appearance: textfield;
}

/* logged out */
.loggedout_body {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 100%;
	width: 100%;
	padding: 16px;
	margin: 0;
	background: linear-gradient(90deg, #021048, #1e38a3);
	background-attachment: fixed;
	color: #4e5259;
}

.loggedout_fluid_container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.loggedout_vcenter {
	margin: 120px 0px;
}

@media all and (max-width: 768px) {
	#loggedout_module {
		margin-bottom: 100px;
	}
}

.loggedout_vcenter > div#loggedout_container > div#loggedout_module {
	min-height: 420px;
	min-width: 365px;
	max-width: 420px;
	padding: 40px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
	overflow-x: hidden;
}

.loggedout_vcenter > div#loggedout_container > div#loggedout_module > a {
	display: block;
	height: 58px;
	width: 227px;
	margin: 0 auto 30px auto;
	background-image: url(../images/logo__on-white.svg);
	background-size: auto 50px;
	background-repeat: no-repeat;
}

@media (min-width: 768px) and (min-height: 700px) {
	.loggedout_vcenter {
		position: absolute;
		top: 50%;
		width: 100%;
		margin-top: -220px;
	}
}

.products_TableText {
	vertical-align: middle;
	color: var(--gray);
}

.affiliate_campaign {
	display: inline-block;
	margin-right: 15px;
	color: #363b40;
	font-weight: bold;
}

.legend {
	margin-left: 30%;
}

.ticketmessage {
	padding: 20px 24px 20px 24px;
	border-radius: 4px;
	margin-bottom: 20px;
	background-color: var(--border);
}

.theme-switch {
	display: flex;
	margin: 0 -12px 24px;
}

.theme-switch__option {
	width: 272px;
	padding: 12px 12px 12px 12px;
	margin: auto;
}

.theme-switch__option input[type="radio"] {
	display: none;
}

.theme-switch__preview {
	position: relative;
	background: var(--bg-primary);
	border: 1px solid var(--border-secondary);
	cursor: pointer;
	transition: all 0.2s ease-in;
	width: 248px;
}

.theme-switch__option input[type="radio"]:checked + .theme-switch__preview {
	box-shadow:
		0 8px 16px 0 rgba(10, 14, 29, 0.04),
		0 8px 64px 0 rgba(10, 14, 29, 0.08);
	border-color: transparent;
}

.theme-switch__option
	input[type="radio"]:checked
	+ .theme-switch__preview
	.theme-switch__checkmark {
	opacity: 1;
	position: absolute;
}

.theme-switch__img {
	text-align: center;
	padding: 24px 0 0;
	overflow: hidden;
}

.theme-switch__img img {
	box-shadow:
		0 3px 8px 0 rgba(10, 14, 29, 0.04),
		0 8px 24px 0 rgba(10, 14, 29, 0.08);
	vertical-align: bottom;
}

.theme-switch__name {
	text-align: center;
	color: rgb(78, 82, 89);
	padding: 6px 10px;
	border-top: 1px solid var(--border-secondary);
}

.theme-switch__checkmark {
	display: block;
	position: absolute;
	top: -1px !important;
	right: -1px;
	width: 34px;
	height: 34px;
	background: url(../images/deploy_checkmark.svg) no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all 0.2s ease-in;
}

.theme-switch__checkmark:before {
	position: absolute;
	top: -2px;
	right: 0;
	height: 20px;
	width: 20px;
	font-size: 19px;
	line-break: 20px;
	text-align: center;
	color: var(--bg-primary);
	content: "\f26b";
	font-family: Material-Design-Iconic-Font, sans-serif;
}

.theme-switch__option--dark .theme-switch__preview {
	background: #45464d;
	border-color: #45464d;
}

.theme-switch__option--dark .theme-switch__name {
	border-top-color: #5c5c63;
	color: rgba(255, 255, 255, 0.64);
}

svg:not(:root):not(.svg-product) {
	overflow: hidden;
}

#mobile-view-logo {
	margin-left: 32px;
}

@media (max-width: 757px) {
	#mobile-view-logo {
		margin-left: unset;
	}
}

.icon-sm {
	height: 48px;
	width: 48px;
}

.icon-sm .fill-primary {
	fill: var(--brand-primary);
}

.icon-sm > * {
	fill: none;
}

.icon-sm .fill-gradient {
	fill: #cadefe;
	stroke: #cadefe;
	stroke-width: 1;
}

.icon-sm .fill-primary.stroke-primary {
	stroke-width: 1;
}

.icon-sm .stroke-primary,
.icon-sm .stroke-primary-l {
	stroke: var(--brand-primary);
}

.icon-sm .stroke-dark,
.icon-sm .stroke-primary,
.icon-sm .stroke-primary-l {
	stroke-linecap: round;
	stroke-linejoin: round;
}

.icon-sm .fill-primary {
	fill: var(--brand-primary);
}

.icon-sm .stroke-dark {
	stroke: var(--nav-color);
}

.nav__item-icon {
	order: 1;
	width: 48px;
	height: 48px;
	min-width: 48px;
	margin-top: 2px;
}

.cc-box {
	width: 100%;
	padding: 16px 8px 8px;
	margin-bottom: 24px;
	border: 1px solid var(--border-primary);
	border-radius: 4px;
}

.cc-box .floatinglabel {
	float: left;
	display: block;
	padding: 0 8px;
	margin-bottom: 8px;
}

.cc-box .flexwidthhalfcc {
	width: 50%;
}

.cc-box .flexwidthquartercc {
	width: 25%;
}

.cc-support {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
}

.cc-support > span {
	color: var(--label);
	font-size: 13px;
	line-height: 18px;
}

.cc-logos {
	display: flex;
	padding-left: 16px;
}

.cc-logos > .cc-logo {
	width: 40px;
}

.cc-logos > .cc-logo + .cc-logo {
	margin-left: 8px;
}

@media (max-width: 479px) {
	.cc-box .floatinglabel {
		margin-bottom: 16px;
	}

	.cc-box .flexwidthhalfcc {
		width: 100%;
	}

	.cc-box .flexwidthquartercc {
		width: 50%;
	}

	.cc-support {
		flex-direction: column;
		align-items: baseline;
	}

	.cc-logos {
		padding-left: 0;
	}
}

.account-verify_message {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 20px 24px !important;
}

.account-verify_message .message-icon {
	flex: 0;
	margin-right: 24px;
}

.account-verify_message .message-body {
	flex: 1;
}

.account-verify_message .message-body > :last-child {
	margin-bottom: 0;
}

.account-verify_message .message-actions {
	margin-left: auto;
	padding-left: 24px;
}

.account-verify_message .message-title {
	margin-bottom: 8px;
}

@media (max-width: 479px) {
	.account-verify_message {
		padding: 16px !important;
	}

	.account-verify_message .message-actions {
		width: 100%;
		margin: 0;
		padding: 16px 0 0;
	}
}

textarea.deploy_ignition_input {
	width: 100%;
	height: 300px;
	font-family: "Courier New", Courier, monospace;
	tab-size: 4;
}

.heading-has-subheading {
	line-height: normal;
	margin-bottom: 0px !important;
}

.subheading {
	line-height: normal;
	color: var(--text-secondary);
	font-weight: 300;
}

.deploy_ignition_error {
	color: var(--red);
}

.page-application-form .app-form {
	display: flex;
	margin-top: 60px;
}

.page-application-form .app-form__form {
	width: 70%;
}

.page-application-form #header2_wrap.header-wrap--app-form {
	padding: 16px 30px 32px 30px;
}

.page-application-form #header2_wrap.header-wrap--app-form .header2_details {
	display: block;
	margin-top: 14px;
	font-size: 15px;
}

@media (max-width: 767px) {
	.page-application-form
		#header2_wrap.header-wrap--app-form
		.header2_details {
		margin-top: 7px;
	}
}

@media (max-width: 767px) {
	.page-application-form #header2_wrap.header-wrap--app-form {
		padding: 16px 30px 16px 30px;
	}
}

.page-application-form .from-info__heading {
	font-size: 16px;
	font-weight: 500;
	color: #283459;
	line-height: 20px;
	margin-bottom: 14px;
}

@media (max-width: 1299px) {
	.page-application-form .app-form {
		flex-direction: column-reverse;
		align-items: center;
	}
}

@media (max-width: 1299px) {
	.page-application-form .app-form__form {
		width: 100%;
	}
}

.page-application-form .app-form__form .flexlayoutform {
	flex-direction: column;
	align-items: flex-start;
}

.page-application-form .app-form__form .flexlayoutform .form-info {
	width: 100%;
	margin-bottom: 30px;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.from-info__labels {
	display: flex;
}

@media (max-width: 991px) {
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--address,
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--your,
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--business {
		flex-wrap: wrap;
	}

	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--address
		> label,
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--your
		> label,
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--business
		> label {
		width: 100%;
	}

	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--address
		> label.floatinglabel,
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--your
		> label.floatinglabel,
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--business
		> label.floatinglabel {
		margin-right: 0;
		margin-bottom: 16px;
	}

	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--address
		> label.floatinglabel:nth-last-of-type(1),
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--your
		> label.floatinglabel:nth-last-of-type(1),
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.from-info__labels--business
		> label.floatinglabel:nth-last-of-type(1) {
		margin-bottom: 0;
	}
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.from-info__labels
	.floatinglabel {
	flex-grow: 1;
	margin-bottom: 0;
	margin-right: 16px;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.from-info__labels
	.floatinglabel:nth-last-of-type(1) {
	margin-right: 0;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.from-info__labels
	.floatinglabel.flexwidth100 {
	margin-right: 0;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.from-info__labels
	.floatinglabel.floatinglabel--radio
	> input[type="radio"] {
	display: inline;
	left: 0;
	opacity: 0;
	top: 12px;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.from-info__labels
	.floatinglabel.floatinglabel--radio:nth-last-of-type(1) {
	margin-bottom: 0;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.from-info__labels
	.floatinglabel
	.input-icons-right {
	color: var(--text-secondary);
	font-size: 24px;
	right: 17px;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.form-info__optional-labels {
	display: flex;
	flex-direction: column;
	padding: 9px 0 8px 28px;
}

@media (max-width: 991px) {
	.page-application-form
		.app-form__form
		.flexlayoutform
		.form-info
		.form-info__optional-labels {
		width: 100%;
	}
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.form-info__optional-labels.is-hidden {
	display: none;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.form-info__optional-labels
	.floatinglabel {
	margin-bottom: 16px;
	margin-right: 0;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.form-info__optional-labels
	.floatinglabel:nth-last-of-type(1) {
	margin-bottom: 0;
}

.page-application-form
	.app-form__form
	.flexlayoutform
	.form-info
	.form-info__optional-labels
	.input-icon
	input {
	padding-right: 40px;
}

.page-application-form .app-form__form .flexlayoutform .form-info .input-desc {
	padding-top: 7px;
	line-height: 20px;
}

.page-application-form .app-form__form .flexlayoutform .form-info textarea {
	resize: vertical;
	min-height: 200px;
	width: 100%;
}

.page-application-form .app-form__form .flexlayoutform .form-info__terms {
	padding-left: 2px;
}

.page-application-form .app-form__form .flexlayoutform .form-info .agree_terms {
	align-items: center;
}

@media (max-width: 1299px) {
	.page-application-form .right-sidebar--app-form .sidebar-row .sidebar-col {
		max-width: 50%;
		flex: 0 0 50%;
	}
}

@media (max-width: 1299px) {
	.page-application-form
		.right-sidebar--app-form
		.sidebar-row
		.sidebar-col
		.sidebar-block {
		max-width: unset;
	}
}

.page-application-form
	.right-sidebar--app-form
	.sidebar-row
	.sidebar-col
	.sidebar-block
	.sidebar-desc {
	color: var(--text-primary);
}

.radiobox-circle {
	display: flex;
	flex-direction: column;
}

.radiobox-circle [type="radio"]:checked,
.radiobox-circle [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.radiobox-circle [type="radio"]:checked + span,
.radiobox-circle [type="radio"]:not(:checked) + span {
	position: relative;
	padding: 9px 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: var(--dropdown-darker);
}

.radiobox-circle [type="radio"]:checked + span:before,
.radiobox-circle [type="radio"]:not(:checked) + span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border: 2px solid var(--border-primary);
	border-radius: 100%;
	background: var(--bg-primary);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.radiobox-circle [type="radio"]:checked + span:before {
	border: 2px solid var(--brand-primary);
	box-sizing: unset !important;
}

.radiobox-circle [type="radio"]:checked + span:after,
.radiobox-circle [type="radio"]:not(:checked) + span:after {
	content: "";
	width: 12px;
	height: 12px;
	background: var(--brand-primary);
	position: absolute;
	top: 50%;
	left: 5px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.radiobox-circle [type="radio"]:not(:checked) + span:hover::before {
	border-color: var(--label);
}

.radiobox-circle [type="radio"]:not(:checked) + span:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0) translateY(-50%);
}

.radiobox-circle [type="radio"]:checked + span:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1) translateY(-50%);
}

.filelabel input[type="file"] {
	width: 100%;
}

input[type="date"] {
	font-family: "Roboto", sans-serif;
	padding-top: 14px;
	color: var(--text-primary);
}

input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	color: transparent;
	background: transparent;
}

.label-datepicker > span {
	display: block !important;
}

.right-sidebar {
	width: 30%;
	padding: 0 0 0 80px;
}

@media (max-width: 1299px) {
	.right-sidebar {
		width: 100%;
		padding: 0;
	}
}

.right-sidebar .sidebar-row {
	flex-direction: column;
	margin-right: -10px;
	margin-left: -10px;
}

@media (max-width: 1299px) {
	.right-sidebar .sidebar-row {
		flex-direction: row;
		margin-bottom: 28px;
		justify-content: center;
	}
}

.right-sidebar .sidebar-row .sidebar-col {
	max-width: 100%;
	flex: 0 0 100%;
	margin-bottom: 16px;
}

@media (max-width: 1299px) {
	.right-sidebar .sidebar-row .sidebar-col {
		max-width: 25%;
		flex: 0 0 25%;
		padding: 0 10px;
	}
}

@media (max-width: 800px) {
	.right-sidebar .sidebar-row .sidebar-col {
		max-width: 50%;
		flex: 0 0 50%;
	}
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: var(--bg-primary);
	padding: 20px 30px 20px 30px;
	height: 100%;
	max-width: 248px;
	border-radius: 3px;
}

@media (max-width: 1299px) {
	.right-sidebar .sidebar-row .sidebar-col .sidebar-block {
		padding: 20px 10px 20px 10px;
	}
}

@media (max-width: 800px) {
	.right-sidebar .sidebar-row .sidebar-col .sidebar-block {
		max-width: unset;
	}
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block h4 {
	margin-bottom: 23px;
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	transition: box-shadow 0.3s ease;
	box-shadow:
		0 3px 8px 0px rgba(10, 14, 29, 0.04),
		0px 8px 24px 0px rgba(10, 14, 29, 0.08);
	border-radius: 3px;
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block .sidebar__img {
	width: 91px;
	margin-bottom: 19px;
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block .learn-more__btn {
	padding: 10px 15px;
	background-color: var(--brand-primary);
	color: var(--bg-primary) !important;
	font-size: 17px;
	font-weight: 500;
	transition: all ease-in 0.15s;
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block .learn-more__btn:hover {
	background-color: var(--nav-color);
}

@media (max-width: 991px) {
	.right-sidebar .sidebar-row .sidebar-col .sidebar-block .learn-more__btn {
		padding: 10px 10px;
	}
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block .sidebar-price {
	font-weight: 800;
	color: var(--brand-primary);
	margin: 0;
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block .sidebar-desc {
	color: var(--text-secondary);
}

.right-sidebar .sidebar-row .sidebar-col .sidebar-block .sidebar-desc span {
	font-size: 13px;
	font-weight: 800;
}

#header2_wrap.header-wrap__article {
	padding: 16px 30px 43px 30px;
}

@media (max-width: 767px) {
	#header2_wrap.header-wrap__article {
		padding: 16px 30px 16px 30px;
	}
}

#header4_0.article-seperator {
	top: 0;
}

.submit-article {
	display: flex;
	margin: 48px auto 48px auto;
}

@media (max-width: 1299px) {
	.submit-article {
		flex-direction: column-reverse;
		margin: 20px auto 48px auto;
	}
}

.submit-article input[type="submit"]:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.submit-article .article__form {
	width: 70%;
}

.submit-article .article__form .success_message,
.submit-article .article__form .warning_message,
.submit-article .article__form .error_message,
.submit-article .article__form .promo_message,
.submit-article .article__form .info_message,
.submit-article .article__form .resolved_message {
	background: var(--bg-primary);
}

@media (max-width: 1299px) {
	.submit-article .article__form {
		width: 100%;
	}
}

.submit-article .article__form .article-title {
	margin-bottom: 29px;
}

.submit-article .article__form .input-desc {
	padding-top: 16px;
	font-size: 13px;
	line-height: 18px;
	color: var(--text-secondary);
}

.submit-article .article__form textarea {
	resize: none;
	height: 200px;
	margin-bottom: 20px;
	width: 100%;
	transition: all 0.1s ease-in-out 0s;
}

.submit-article .article__form textarea:focus {
	border: 1px solid var(--brand-primary);
}

.submit-article .article__form .markdown-wrap {
	position: relative;
	margin-bottom: 20px;
}

.submit-article .article__form .markdown-wrap .CodeMirror {
	min-height: 320px;
	resize: vertical;
	border: 1px solid var(--border-primary);
	color: var(--form-input);
}

.prev_tab_docs {
	height: auto;
	min-height: 322px;
	border: 1px solid var(--border-primary);
}

.submit-article .article__form .markdown-wrap .editor-toolbar {
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	justify-content: flex-end;
	align-items: center;
	height: 49px;
	border-bottom: 0;
	padding-left: 21px;
}

@media (max-width: 991px) {
	.submit-article .article__form .markdown-wrap .editor-toolbar {
		position: unset;
		justify-content: flex-start;
		border-left: 1px solid var(--border-primary);
		border-right: 1px solid var(--border-primary);
		border-top: 1px solid var(--border-primary);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

.submit-article .article__form .markdown-wrap .editor-toolbar.fullscreen {
	position: fixed;
	right: 0;
	width: 50%;
	left: unset;
}

.submit-article .article__form .markdown-wrap .editor-toolbar button.zmdi {
	color: var(--text-secondary);
	font-size: 22px;
}

.submit-article .article__form .markdown-wrap .CodeMirror-fullscreen {
	z-index: 110;
	top: 48px;
}

@media (max-width: 767px) {
	.submit-article .article__form .markdown-wrap .tabs-responsive {
		margin-left: 0;
	}
}

.submit-article .article__form .markdown-wrap .tabs-responsive.navtabs-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 50%;
	z-index: 110;
	background: var(--bg-primary);
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive.navtabs-fixed
	.tabs-container {
	border-right: 0;
}

.submit-article .article__form .markdown-wrap .tabs-responsive .tabs-container {
	position: unset;
	border: 1.5px solid var(--border-primary);
	height: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

@media (max-width: 991px) {
	.submit-article
		.article__form
		.markdown-wrap
		.tabs-responsive
		.tabs-container {
		padding-left: 0;
		padding-right: 0;
	}
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.btn {
	display: none;
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs {
	height: 48px;
	overflow: unset;
	overflow-x: auto;
	margin-left: 0;
	background: var(--bg-primary);
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs
	li {
	margin: 0 13px;
	padding-left: 0;
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs
	li::before {
	display: none;
}

@media (max-width: 767px) {
	.submit-article
		.article__form
		.markdown-wrap
		.tabs-responsive
		.tabs-container
		.nav-tabs
		li {
		margin: 0 10px;
	}
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs
	li:first-of-type {
	margin-left: 21px;
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs
	li:last-of-type {
	margin-right: 21px;
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs
	li
	a {
	color: var(--dropdown-darker);
	margin: 0;
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs
	li
	a::after {
	bottom: 1px;
	z-index: 2;
}

.submit-article
	.article__form
	.markdown-wrap
	.tabs-responsive
	.tabs-container
	.nav-tabs
	li.active
	a {
	pointer-events: none;
	color: var(--nav-color);
}

.submit-article .article__form .markdown-wrap textarea {
	resize: none;
	height: 560px;
	margin-bottom: 20px;
	width: 100%;
}

.submit-article .article__form .markdown-wrap .tutorial-preview {
	padding: 12px 16px;
	border: 1px solid rgb(220, 222, 224);
}

.submit-article .article__form .markdown-wrap .hide-tutorialNav {
	display: none;
}

.article__sidebar {
	width: 30%;
	padding: 0 0 0 80px;
}

@media (max-width: 1299px) {
	.article__sidebar {
		width: 100%;
		padding: 0;
	}
}

.article__sidebar .sidebar-row {
	flex-direction: column;
	margin-right: -10px;
	margin-left: -10px;
}

@media (max-width: 1299px) {
	.article__sidebar .sidebar-row {
		flex-direction: row;
		margin-bottom: 28px;
	}
}

.article__sidebar .sidebar-row .sidebar-col {
	max-width: 100%;
	flex: 0 0 100%;
	margin-bottom: 16px;
}

@media (max-width: 1299px) {
	.article__sidebar .sidebar-row .sidebar-col {
		max-width: 25%;
		flex: 0 0 25%;
		padding: 0 10px;
	}
}

@media (max-width: 950px) {
	.article__sidebar .sidebar-row .sidebar-col {
		max-width: 50%;
		flex: 0 0 50%;
	}
}

.article__sidebar .sidebar-row .sidebar-col .sidebar-block {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: var(--bg-primary);
	padding: 20px 30px 20px 30px;
	height: 100%;
	max-width: 248px;
	min-width: 150px;
	min-height: 150px;
	border-radius: 3px;
}

@media (max-width: 1299px) {
	.article__sidebar .sidebar-row .sidebar-col .sidebar-block {
		padding: 20px 10px 20px 10px;
		height: 142px !important;
	}
}

@media (max-width: 950px) {
	.article__sidebar .sidebar-row .sidebar-col .sidebar-block {
		max-width: unset;
	}
}

.article__sidebar .sidebar-row .sidebar-col .sidebar-block::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	transition: box-shadow 0.3s ease;
	box-shadow:
		0 3px 8px 0px rgba(10, 14, 29, 0.04),
		0px 8px 24px 0px rgba(10, 14, 29, 0.08);
	border-radius: 3px;
}

.article__sidebar .sidebar-row .sidebar-col .sidebar-block .learn-more__btn {
	padding: 10px 15px;
	background-color: var(--brand-primary);
	color: var(--bg-primary) !important;
	font-size: 17px;
	font-weight: 500;
	transition: all ease-in 0.15s;
}

.article__sidebar
	.sidebar-row
	.sidebar-col
	.sidebar-block
	.learn-more__btn:hover {
	background-color: var(--nav-color);
}

@media (max-width: 991px) {
	.article__sidebar
		.sidebar-row
		.sidebar-col
		.sidebar-block
		.learn-more__btn {
		padding: 10px 10px;
	}
}

.article__sidebar .sidebar-row .sidebar-col .sidebar-block .sidebar-price {
	font-weight: 800;
	color: var(--brand-primary);
	margin: 0;
}

.article__sidebar .sidebar-row .sidebar-col .sidebar-block .sidebar-desc {
	margin-top: 10px;
	color: var(--text-secondary);
}

.article__sidebar .sidebar-row .sidebar-col .sidebar-block .sidebar-desc span {
	font-size: 13px;
	font-weight: 800;
}

.article__image {
	margin-bottom: 56px;
	text-align: center;
}

.article b,
.article strong {
	color: var(--nav-color);
}

.article .h1,
.article h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 52px;
	margin: 0 0 40px;
}

@media (max-width: 1231px) {
	.article .h1,
	.article h1 {
		font-size: 40px;
		font-weight: 700;
		line-height: 52px;
	}
}

@media (max-width: 1011px) {
	.article .h1,
	.article h1 {
		font-size: 32px;
		font-weight: 700;
		line-height: 40px;
	}
}

@media (max-width: 751px) {
	.article .h1,
	.article h1 {
		font-size: 32px;
		font-weight: 700;
		line-height: 40px;
	}
}

.article .h2,
.article h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: 44px;
	margin: 0 0 32px;
}

@media (max-width: 1011px) {
	.article .h2,
	.article h2 {
		font-size: 24px;
		font-weight: 700;
		line-height: 32px;
	}
}

@media (max-width: 751px) {
	.article .h2,
	.article h2 {
		font-size: 24px;
		font-weight: 700;
		line-height: 32px;
	}
}

.article .h3,
.article h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 24px;
}

@media (max-width: 1231px) {
	.article .h3,
	.article h3 {
		font-size: 24px;
		font-weight: 700;
		line-height: 34px;
	}
}

@media (max-width: 1011px) {
	.article .h3,
	.article h3 {
		font-size: 21px;
		font-weight: 700;
		line-height: 28px;
	}
}

@media (max-width: 751px) {
	.article .h3,
	.article h3 {
		font-size: 21px;
		font-weight: 700;
		line-height: 28px;
	}
}

.article .h4,
.article h4 {
	font-size: 21px;
	font-weight: 500;
	line-height: 28px;
	margin: 0 0 24px;
}

@media (max-width: 1231px) {
	.article .h4,
	.article h4 {
		font-size: 18px;
		font-weight: 500;
		line-height: 28px;
	}
}

@media (max-width: 1011px) {
	.article .h4,
	.article h4 {
		font-size: 19px;
		font-weight: 500;
		line-height: 24px;
	}
}

@media (max-width: 751px) {
	.article .h4,
	.article h4 {
		font-size: 17px;
		font-weight: 500;
		line-height: 24px;
	}
}

.article .h5,
.article h5 {
	font-size: 19px;
	font-weight: 500;
	line-height: 24px;
	margin: 0 0 16px;
}

@media (max-width: 1231px) {
	.article .h5,
	.article h5 {
		font-size: 19px;
		font-weight: 500;
		line-height: 24px;
	}
}

@media (max-width: 1011px) {
	.article .h5,
	.article h5 {
		font-size: 17px;
		font-weight: 500;
		line-height: 24px;
	}
}

@media (max-width: 751px) {
	.article .h5,
	.article h5 {
		font-size: 15px;
		font-weight: 500;
		line-height: 20px;
	}
}

.article .h6,
.article h6 {
	font-size: 17px;
	font-weight: 300;
	line-height: 28px;
}

@media (max-width: 1011px) {
	.article .h6,
	.article h6 {
		font-size: 15px;
		line-height: 24px;
	}
}

.article .h1,
.article .h5,
.article .h6,
.article h1,
.article h5,
.article h6 {
	font-weight: 500;
}

.article .h1 + p,
.article .h5 + p,
.article .h6 + p,
.article h1 + p,
.article h5 + p,
.article h6 + p {
	margin-top: 0;
}

.article .h3,
.article .h4,
.article h3,
.article h4 {
	font-weight: 400;
}

.article .h3 + p,
.article .h4 + p,
.article h3 + p,
.article h4 + p {
	margin-top: 0;
}

.article .h2 + p,
.article h2 + p {
	margin-top: 0;
}

.article table tr th {
	text-transform: none;
}

.article table tr td,
.article table tr th {
	height: 48px;
}

.article table.table--bordered {
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
	border-collapse: unset;
	border-spacing: 0;
}

.article table.table--bordered thead th {
	border-bottom: 0;
}

.article table.table--bordered td,
.article table.table--bordered th {
	padding-left: 24px;
	padding-right: 24px;
}

.article table.table--bordered td + td,
.article table.table--bordered td + th,
.article table.table--bordered th + td,
.article table.table--bordered th + th {
	border-left: 1px solid var(--border-secondary);
}

.article ol li,
.article ul li {
	margin-top: 4px;
}

.article ul {
	list-style: none;
	padding: 0;
}

.article ul:not(.list-group) {
	margin-left: 20px;
}

.article ul.list-group {
	padding: 12px 0;
}

.article ul.list-group .list-group__item {
	border: 0;
	margin: 0;
	padding: 4px 24px;
}

.article ul.list-group .list-group__label {
	text-transform: none;
	color: var(--nav-color);
	width: 114px;
	font-weight: 500;
	font-size: inherit;
}

.article ul.list-group--api .list-group__label {
	width: 140px;
}

.article .code {
	background: var(--bg-darker);
	border-radius: 3px;
}

.article .code-title {
	padding: 9px 16px 0;
	color: #a1a5b2;
	font-size: 13px;
	font-weight: 300;
	margin-bottom: -4px;
}

.article .code + .code {
	margin-top: 32px;
}

.article pre {
	background: var(--bg-darker);
	white-space: normal;
	padding: 9px 16px;
	border-radius: 3px;
}

.article pre code {
	padding: 0;
	background: var(--bg-darker);
	white-space: pre;
	color: var(--bg-dropdown);
}

.article ol {
	padding-left: 44px;
}

.article a {
	text-decoration: none;
	color: var(--brand-primary);
}

.article > :last-child {
	margin-bottom: 0;
}

.article ol + .table,
.article ol + blockquote,
.article ol + div,
.article ol + ol,
.article ol + p,
.article ol + table,
.article ol + ul,
.article p + .table,
.article p + blockquote,
.article p + div,
.article p + ol,
.article p + p,
.article p + table,
.article p + ul,
.article table + .table,
.article table + blockquote,
.article table + div,
.article table + ol,
.article table + p,
.article table + table,
.article table + ul,
.article ul + .table,
.article ul + blockquote,
.article ul + div,
.article ul + ol,
.article ul + p,
.article ul + table,
.article ul + ul {
	margin-top: 32px;
}

.article ol + .h1,
.article ol + .h2,
.article ol + .h3,
.article ol + .h4,
.article ol + .h5,
.article ol + .h6,
.article ol + h1,
.article ol + h2,
.article ol + h3,
.article ol + h4,
.article ol + h5,
.article ol + h6,
.article p + .h1,
.article p + .h2,
.article p + .h3,
.article p + .h4,
.article p + .h5,
.article p + .h6,
.article p + h1,
.article p + h2,
.article p + h3,
.article p + h4,
.article p + h5,
.article p + h6,
.article table + .h1,
.article table + .h2,
.article table + .h3,
.article table + .h4,
.article table + .h5,
.article table + .h6,
.article table + h1,
.article table + h2,
.article table + h3,
.article table + h4,
.article table + h5,
.article table + h6,
.article ul + .h1,
.article ul + .h2,
.article ul + .h3,
.article ul + .h4,
.article ul + .h5,
.article ul + .h6,
.article ul + h1,
.article ul + h2,
.article ul + h3,
.article ul + h4,
.article ul + h5,
.article ul + h6 {
	margin-top: 36px;
}

.article pre + p {
	margin-top: 28px;
}

.article p {
	word-break: break-word;
}

.article blockquote {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	padding: 10px 20px;
	border-left: 5px solid var(--border);
}

.article blockquote > p {
	font-size: 14px;
}

.article .json_example .string {
	color: var(--green);
}

.article .json_example .number {
	color: var(--warning);
}

.article .json_example .boolean {
	color: #00f;
}

.article .json_example .null {
	color: #f0f;
}

.article .json_example .key {
	color: var(--red);
}

.article kbd {
	font-size: 13px !important;
	line-height: 20px;
	background-color: var(--bg-darker);
	border: 1px solid var(--bg-dropdown);
	border-radius: 3px;
	padding: 1px 6px;
	margin: 0 2px;
	box-shadow: none;
}

.article .form-group > label,
.article .form-label > label {
	font-size: 13px;
	line-height: 20px;
	color: #a1a5b2;
}

.article video {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 100%;
}

.article .pagination {
	margin-top: 44px;
}

.article .pagination__item:not(.is-active) {
	color: var(--bg-dropdown);
}

.article ul:not(.list-group) li,
.list--dots:not(.list-group) li,
ul.list-styled:not(.list-group) li {
	position: relative;
	padding-left: 24px;
}

.article ul:not(.list-group) li:before,
.list--dots:not(.list-group) li:before,
ul.list-styled:not(.list-group) li:before {
	position: absolute;
	left: 0;
	display: inline-block;
	content: "";
	border-radius: 100px;
	height: 6px;
	width: 6px;
	background-color: var(--text-secondary);
}

.article ul:not(.list-group) li ul,
.list--dots:not(.list-group) li ul,
ul.list-styled:not(.list-group) li ul {
	margin-left: 12px;
}

.article ul:not(.list-group) li ul li:before,
.list--dots:not(.list-group) li ul li:before,
ul.list-styled:not(.list-group) li ul li:before {
	height: 8px;
	width: 8px;
	background: none;
	border: 1px solid var(--text-secondary);
}

.article ul:not(.list-group).list--lg li:before,
.list--dots:not(.list-group).list--lg li:before,
ul.list-styled:not(.list-group).list--lg li:before {
	width: 8px;
	height: 8px;
}

.article ul.list--primary li:before,
.list--dots.list--primary li:before,
ul.list-styled.list--primary li:before {
	background: var(--brand-primary);
}

.article ul:not(.list-group) li:before {
	top: 10px;
}

.article ul:not(.list-group).list--lg li:before {
	top: 14px;
}

.list--dots li:before,
ul.list-styled li:before {
	top: 11px;
}

.list--dots.list--lg li:before,
ul.list-styled.list--lg li:before {
	top: 16px;
}

.article--sm,
.article--sm .alert {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	padding: 0 14px 0 14px;
	color: #000;
}

.article--docs blockquote + h1,
.article--docs blockquote + h2,
.article--docs blockquote + h3,
.article--docs blockquote + h4,
.article--docs blockquote + h5,
.article--docs blockquote + h6,
.article--docs blockquote + p,
.article--docs blockquote + table,
.article--docs blockquote + ul + ol,
.article--docs div:not(.post__section) + h1,
.article--docs div:not(.post__section) + h2,
.article--docs div:not(.post__section) + h3,
.article--docs div:not(.post__section) + h4,
.article--docs div:not(.post__section) + h5,
.article--docs div:not(.post__section) + h6,
.article--docs div:not(.post__section) + p,
.article--docs div:not(.post__section) + table,
.article--docs div:not(.post__section) + ul + ol {
	margin-top: 24px;
}

.article--docs .resources__section h2:not(:first-child) {
	position: relative;
	padding-top: 64px;
	margin-top: 64px;
	margin-bottom: 40px;
}

.article--docs .resources__section h2:not(:first-child):before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	background: var(--border-secondary);
	height: 1px;
}

.article code,
.article pre {
	font-size: inherit;
}

.article code {
	border-radius: 25px;
	background-color: var(--bg-darker);
	color: var(--red);
	font-weight: 400;
	padding: 0.25em 0.5em;
}

.article code,
.article kbd,
.article pre,
.article samp {
	font-family: monospace;
	font-size: 1em;
	overflow-x: auto;
}

.x_button {
	position: absolute;
	top: 5px;
	right: 5px;
}

.modal {
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: flex !important;
	outline: 0;
	opacity: 0;
	visibility: hidden;
}

.modal.show {
	overflow: auto;
	opacity: 1;
	visibility: visible;
}

.modal__dialog {
	width: 910px;
	transform: scale(0.5);
	transition: all 0.3s;
}

.modal__content {
	background-color: var(--bg-primary);
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.modal__body {
	padding: 16px;
	border-top: 1px solid var(--border-secondary);
	border-bottom: 1px solid var(--border-secondary);
}

.modal__body--scroll {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}

.modal__top {
	height: 48px;
	min-height: 48px;
	padding: 8px 16px;
}

.modal__actions {
	padding: 16px;
}

.modal__actions .btn {
	margin-right: 8px;
}

.modal__actions .btn:last-child {
	margin-right: 0;
}

.modal--hero .modal__content,
.modal--info .modal__content {
	padding: 14px 24px 24px;
}

.modal--hero .modal__content > .top,
.modal--info .modal__content > .top {
	padding: 0;
}

.modal--hero .modal__content > .top__title,
.modal--info .modal__content > .top__title {
	overflow: initial;
	white-space: normal;
	font-size: 18px;
	text-overflow: clip;
}

.modal--hero .modal__body,
.modal--info .modal__body {
	padding: 0;
	border: 0;
	margin: 24px 0 16px;
}

.modal--hero .modal__body + .modal__actions,
.modal--info .modal__body + .modal__actions {
	margin-top: 32px;
}

.modal--hero .modal__actions,
.modal--info .modal__actions {
	padding: 0;
}

.modal.show .modal__dialog {
	transform: scale(1);
}

.modal .close.is-absolute {
	top: 8px;
	right: 8px;
}

.modal--xs .modal__dialog {
	width: 480px;
}

.modal--sm .modal__dialog {
	width: 750px;
}

.modal--xl .modal__dialog {
	width: 1150px;
}

.modal--lg.modal--default .modal__actions,
.modal--lg.modal--default .modal__body,
.modal--lg.modal--default .modal__content .top,
.modal--xlg.modal--default .modal__actions,
.modal--xlg.modal--default .modal__body,
.modal--xlg.modal--default .modal__content .top {
	padding-left: 32px;
	padding-right: 32px;
}

.modal--lg.modal--hero .modal__content,
.modal--lg.modal--info .modal__content,
.modal--xlg.modal--hero .modal__content,
.modal--xlg.modal--info .modal__content {
	padding: 22px 32px 32px;
}

.modal--full .modal__dialog {
	width: 100%;
}

.modal--preview .modal__dialog {
	width: auto;
}

@media (max-width: 513px) {
	.modal .modal__dialog,
	.modal--lg .modal__dialog,
	.modal--sm .modal__dialog {
		width: 100%;
	}
}

.is-open .modal,
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.fade {
	opacity: 0;
	visibility: hidden;
}

.modal-backdrop.show {
	opacity: 0.5;
	visibility: visible;
}

.modal.fade.show {
	opacity: 1;
}

.modal.fade {
	opacity: 0;
	transition: opacity 0.15s linear;
}

.modal--hero .modal__content,
.table-box {
	box-shadow:
		0 4px 32px 0 rgba(10, 14, 29, 0.02),
		0 8px 64px 0 rgba(10, 14, 29, 0.08);
}

.modal--hero .modal__content {
	padding: 40px 48px 48px;
	border-radius: 3px;
}

@media (max-width: 1011px) {
	.modal--hero .modal__content {
		box-shadow:
			0 8px 16px 0 rgba(10, 14, 29, 0.02),
			0 8px 40px 0 rgba(10, 14, 29, 0.06);
	}
}

.modal--hero .modal__top {
	height: auto;
}

.modal--hero .modal__top .top__title {
	margin-bottom: 0;
}

.modal--hero .modal__top .top__toolbar {
	margin-left: auto;
}

.modal--hero .modal__top .close {
	top: -25px;
	right: -21px;
}

.modal--hero .modal__top .close .btn__icon {
	font-size: 40px;
}

.modal--hero .modal__top .close:not(:hover) {
	color: #a1a5b2;
}

.modal--hero .modal__body {
	margin-top: 16px;
}

.modal--hero .modal__body p {
	margin-bottom: 28px;
}

.modal--confirmation .modal__content {
	padding-bottom: 83px;
}

.modal--confirmation .modal__body {
	text-align: center;
	align-items: center;
	margin-top: -5px;
	margin-bottom: 0;
}

.modal--confirmation .modal__body .i-circled--border {
	border-width: 2px;
}

.modal--confirmation .modal__body .btn {
	min-width: 230px;
}

.modal--confirmation .modal__body h2 {
	margin-bottom: 48px;
}

.modal--confirmation .modal__body p {
	margin-top: -24px;
	margin-bottom: 40px;
}

.upload-wrapper {
	display: flex;
}

.upload-wrapper form label {
	border: 1px dashed var(--border-primary);
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 8px;
	justify-content: center;
	margin-top: 14px;
}

.upload-wrapper form span {
	font-size: 15px;
	color: var(--nav-color);
	font-weight: 500;
}

.upload-wrapper form.icon--large {
	padding-left: 20px;
}

.upload-wrapper form label.icon--small {
	width: 186px;
	height: 88px;
	position: relative;
}

.upload-wrapper form label span {
	color: var(--brand-primary);
	font-size: 13px;
	font-weight: 500;
}

.upload-wrapper form span.gray {
	font-size: 13px;
	color: var(--text-primary);
	font-weight: 400;
}

.upload-wrapper form label.icon--large {
	width: 236px;
	height: 236px;
	position: relative;
}

.block1290 > .general__wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0;
}

.block460center,
.page-edit-application .block460center {
	max-width: 460px;
	margin-bottom: 0;
}

.flexlayoutform .flexwidthhalf {
	width: 49%;
}

.upload-wrapper .icon--large,
.upload-wrapper .icon--small {
	border-radius: 0;
}

.upload-wrapper form label {
	transition: 0.3s ease;
	cursor: pointer;
}

.upload-wrapper form label:hover {
	border: 1px solid var(--brand-primary);
}

.upload-wrapper form label.icon--large.has-image {
	border: 1px solid var(--border-primary);
}

.upload-wrapper form label.icon--large.has-image:hover {
	border: 1px solid var(--brand-primary);
}

.upload-wrapper form label.icon--small.has-image {
	width: 186px;
	height: 108px;
	border: 1px solid var(--border-primary);
}

.upload-wrapper form label.icon--small.has-image:hover {
	border: 1px solid var(--brand-primary);
}

.upload-wrapper form input[type="file"] {
	display: none;
}

.upload-wrapper form label.icon--small.has-image > * {
	transition: 0.3s;
}

.upload-wrapper .has-image:hover img,
.upload-wrapper .has-image:hover img {
	filter: blur(18px);
	opacity: 0.5;
}

.upload-wrapper .has-image:hover span,
.upload-wrapper .has-image:hover svg {
	opacity: 1;
}

.upload-wrapper .has-image span,
.upload-wrapper .has-image svg {
	opacity: 0;
}

.upload-wrapper form label svg {
	transform: rotate(180deg);
	margin-top: 3px;
	margin-bottom: 8px;
}

.upload-wrapper form label.icon--small.has-image img {
	position: absolute;
	width: 50%;
	height: auto;
}

.upload-wrapper form label.icon--large.has-image > * {
	transition: 0.3s;
}

.upload-wrapper form label.icon--large.has-image img {
	position: absolute;
	width: 80%;
}

.marketplace_submenu {
	border-bottom: 1px solid var(--border-primary);
}

.marketplace_table_icon {
	width: 20px !important;
	height: 20px !important;
	font-size: 20px !important;
	margin: 0px !important;
	text-align: center !important;
	line-height: 24px !important;
}

.upload-wrapper form label.icon--large:hover {
	border: 1px solid var(--brand-primary);
}

.upload-wrapper form label.icon--small:hover {
	border: 1px solid var(--brand-primary);
}

.status_public:before,
.status_complete:before {
	display: inline-block;
	content: "";
	height: 8px;
	width: 8px;
	margin: -4px 6px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: var(--green);
}

.status_public,
.status_complete {
	color: var(--green);
}

.status_private:before,
.status_failed:before {
	display: inline-block;
	content: "";
	height: 8px;
	width: 8px;
	margin: -4px 6px 0 0;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: var(--red);
}

.status_private,
.status_failed {
	color: var(--red);
}

.marketplace_item__description {
	font-size: 13px;
	color: var(--text-primary);
	line-height: 20px;
	max-width: 400px;
	padding-right: 50px;
	height: 66px;
	white-space: normal;
}

.captcha_iframe {
	visibility: hidden;
}

.marketplace_form-error_message,
.marketplace_form-success_message,
.marketplace_form-warning_message {
	display: none;
}

.flexwidth53 {
	width: 53%;
}

.page-marketplace-register-2 .zero-data-actions a.button {
	margin-bottom: 8px;
}

.zero-data--marketplace-step-2 .zero-data-actions label {
	margin-bottom: 20px;
}

.zero-data--marketplace-step-2 .zero-data-desc {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 32px;
}

.block1290.submit-article.flex-column {
	margin-top: 11px;
	flex-grow: 1;
	padding: 0;
}

@media (max-width: 767px) and (min-width: 0px) {
	.general__wrapper h3 {
		padding-top: 50px;
	}
}

.marketplace-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.marketplace-col-2 {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.pr-15 {
	padding-right: 15px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.block600center,
.block600left {
	max-width: 600px;
	width: 600px;
}

.edit__generalwrapper {
	display: flex;
	flex-direction: row;
}

@media (max-width: 1380px) {
	.edit__generalwrapper {
		display: block;
	}
}

@media (max-width: 767px) and (min-width: 0px) {
	.image_id::before {
		content: "Build ID";
	}

	.snapshot_id::before {
		content: "Snapshot ID";
	}

	.state::before {
		content: "Status";
	}

	.build_added::before {
		content: "Build Start";
	}

	.build_finish::before {
		content: "Build Finish";
	}

	.marketplace_actions::before {
		content: "Actions";
	}

	.marketplace_status::before {
		content: "Status";
	}

	.marketplace_app__name::before {
		content: "Name";
	}

	.marketplace_item__description::before {
		content: "Description";
	}

	.marketplace_item__description {
		height: 25px;
	}

	.marketplace_icon {
		display: none;
	}
}

.app_icons_mobile {
	margin-left: 25px;
	margin-top: -40px;
}

@media (max-width: 1380px) {
	.app_icons_mobile {
		margin-left: 0px;
		margin-top: 10px;
	}
}

@media (max-width: 1200px) {
	.readme_mobile {
		position: relative;
		width: 100%;
	}
}

label.change_startup_script_box {
	min-width: 250px;
}

.deploy_checkbox.change_startup_script_box:not(.pagination-input) + label {
	width: fit-content;
	padding-right: 1.5em !important;
}

.prefixed_input {
	position: relative;
	min-height: 50px;
	margin-bottom: 15px;
}

.prefixed_input .prefixed_label {
	position: absolute;
	left: 10px;
	top: 15px;
	color: var(--text-secondary);
	z-index: 99;
	font-size: 1.1em;
	min-height: 50px;
}

.prefixed_input input {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 25px;
}

.prefixed_input_medium input {
	padding-left: 58px;
}

.prefixed_input_extra_long input {
	padding-left: 265px;
}

@media (max-width: 767px) and (min-width: 0px) {
	.prefixed_input .prefixed_label {
		position: relative;
	}

	.prefixed_label {
		display: none;
	}

	.prefixed_input input {
		position: relative;
		padding-left: 15px;
	}

	.prefixed_input_medium input {
		padding-left: 58px;
	}

	.prefixed_input_extra_long input {
		padding-left: 265px;
	}

	.prefixed_input {
		margin-bottom: 0px;
	}
}

.marketplace_apps_table_row_clickable {
	cursor: pointer;
}

.boxLegend {
	margin-left: auto;
}

.boxLegend > span {
	margin-left: 16px;
	font-size: 13px;
}

.boxLegend > span:before {
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	margin: -2px 8px 0 0;
	background-color: var(--green);
	border-radius: 100%;
	vertical-align: middle;
}

.boxLegend > span.disk-read:before {
	background-color: var(--brand-primary);
}

.boxLegend > span.disk-write:before {
	background-color: var(--warning);
}

img.marketplace_icon_img.marketplace_apps_table_row_clickable {
	width: 30px;
	height: auto;
	margin-right: 12px;
	margin-left: 15px;
	vertical-align: middle;
	position: relative;
}

.list-item__title {
	display: inline-flex;
	flex-direction: column;
	vertical-align: middle;
	font-weight: 500;
	color: var(--table-text);
}

.list-item__subtitle {
	color: var(--text-secondary);
	font-size: 13px;
}

a.button.button--gray {
	font-weight: 500;
	padding: 9px 13px;
	min-width: unset;
	border: 1px solid var(--border-primary);
	color: var(--text-primary);
	background-color: transparent;
	margin-right: 12px;
}

.list-item__logo {
	display: inline-flex;
	vertical-align: middle;
	max-width: 75px;
	max-height: 75px;
	margin-right: 12px;
	position: relative;
	width: 100%;
	height: 100%;
}

.bm_ipxe_warning {
	color: var(--brand-primary);
	font-style: italic;
	font-size: 12px;
}

.page-deploy #table_records div span.list-item__name {
	font-weight: 500;
	color: var(--table-text);
}

.page-deploy #table_records div span.list-item__description {
	font-size: 14px;
	color: var(--text-primary);
	line-height: 24px;
	max-width: 400px;
	padding-right: 50px;
	height: 66px;
	white-space: normal;
}

/*cookie css*/

.cookie-btn.cookie--outline {
	border: 1px solid;
}

.icon-ui--18 {
	width: 18px;
	height: 18px;
}

.cookie--outline {
	background: transparent;
	box-shadow: none;
}

.cookie--light-overlay {
	color: #fff;
}

.icon-ui--24 {
	width: 24px;
	height: 24px;
}

.cookie-btn .cookie-hover-effect {
	z-index: 5;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: radial-gradient(circle closest-side, #51b9ff, transparent);
	transform: translate(-50%, -50%);
	transition:
		width 0.2s ease,
		height 0.2s ease;
}

.cookie-btn:hover .cookie-hover-effect {
	width: 300px;
	height: 300px;
}

.cookie-btn:active .cookie-hover-effect {
	width: 600px;
	height: 600px;
}

.cookie--light-overlay .cookie-hover-effect {
	opacity: 0.1;
}

.cookie--light-overlay:hover .cookie-hover-effect {
	width: 200px;
	height: 200px;
}

.cookie--light-overlay:active .cookie-hover-effect {
	width: 600px;
	height: 600px;
}

.icon-ui .stroke {
	fill: none;
	stroke: #8692b0;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.cookie--primary {
	color: #fff;
	background: #007bfc;
}

.cookie--sm {
	font-size: 17px;
	padding: 0 20px;
	height: 48px;
	border-radius: 2px;
}

.cookie-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition:
		border-color 0.3s,
		background 0.3s,
		color 0.3s;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid transparent;
	outline: 0;
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
	padding: 0 24px;
	height: 56px;
	border-radius: 3px;
}

.cookie--primary .stroke {
	stroke: #fff;
}

.cookie--sm .cookie-btn__icon:first-child {
	margin-left: -12px;
}

.cookie-btn .cookie-btn__icon:first-child {
	margin-left: -14px;
}

.cookie-btn .cookie-btn__icon,
.cookie-btn .cookie-btn__text {
	z-index: 10;
	position: relative;
	pointer-events: none;
	margin-left: 10px;
}

.cookie--sm .cookie-btn__icon {
	font-size: 19px;
}

.cookie-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: inherit;
	font-size: 24px;
	line-height: 24px;
}

.cookie-btn--outline.cookie-btn--light-overlay {
	color: #fff;
	border-color: rgba(223, 226, 235, 0.32);
}

.cookie-bar {
	background: #252c45;
	background-color: #252c45;
	position: fixed;
	bottom: 84px;
	right: 24px;
	max-width: 316px;
	z-index: 100;
	color: rgba(255, 255, 255, 0.92);
	border-radius: 4px;
	visibility: hidden;
	opacity: 0;
	transition: 0.7s;
	font-size: 15px;
	line-height: 24px;
}

.cookie-bar.is-active {
	visibility: visible;
	opacity: 1;
}

.cookie-bar__content {
	padding: 32px 24px 24px;
}

.cookie-bar__content a {
	color: #fff;
}

.cookie-bar__desc {
	margin-bottom: 20px;
	font-weight: lighter;
}

.cookie-bar__icon {
	height: 42px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}

.cookie-bar__icon .svg-cookie {
	height: 41px;
	width: 89px;
}

.cookie-bar__action {
	background: #fff;
	color: #142149;
	text-transform: uppercase;
	font-weight: 700;
}

.cookie-bar__action:hover,
.cookie-bar__action:focus,
.cookie-bar__action:active {
	background: #fff;
	color: #142149;
}

.cookie-bar.cookie-bar-full-width {
	border-radius: 6px;
	max-width: unset;
	width: calc(100% - 48px);
	bottom: 12px;
}

.cookie-bar.cookie-bar-full-width .cookie-bar__content {
	align-items: center;
	padding: 32px 24px;
	display: flex;
	flex-direction: row;
}

.cookie-bar.cookie-bar-full-width .cookie-bar__icon {
	margin-bottom: 0;
	margin-right: 40px;
}

.cookie-bar.cookie-bar-full-width .cookie-bar__desc {
	margin-bottom: 0;
	width: 60%;
	margin-right: 20px;
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn .btn__text {
	font-size: 15px;
	font-weight: 300;
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn .btn__icon {
	margin-left: 0px;
	margin-right: 6px;
	width: 22px;
	height: 22px;
}

.cookie-bar.cookie-bar-full-width
	.cookie-bar__actions
	.btn
	.btn__icon
	svg
	path {
	stroke: #fff;
}

.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn + .btn {
	margin-left: 24px;
}

.cookie-bar.cookie-bar-half-width {
	width: 600px;
	max-width: calc(100% - 48px);
	bottom: 12px;
	border-radius: 6px;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__content {
	padding: 32px 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__icon {
	height: 100%;
	margin-bottom: 0;
	margin-right: 40px;
	display: flex;
	align-items: center;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__desc {
	margin-right: 0;
	margin-bottom: 0;
	width: 100%;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions {
	display: flex;
	align-items: center;
	margin-top: 16px;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn {
	width: 100%;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn .btn__text {
	font-size: 15px;
	font-weight: 300;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn .btn__icon {
	margin-left: 0px;
	margin-right: 9px;
	width: 22px;
	height: 22px;
}

.cookie-bar.cookie-bar-half-width
	.cookie-bar__actions
	.btn
	.btn__icon
	svg
	path {
	stroke: #fff;
}

.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn + .btn {
	margin-left: 24px;
}

.cookie-container-1 .cookie-bar.cookie-bar-half-width {
	display: none;
}

.cookie-container-2 .cookie-bar.cookie-bar-full-width {
	display: none;
}

@media (max-width: 1011px) {
	.cookie-bar.cookie-bar-full-width .cookie-bar__content {
		flex-direction: column;
	}

	.cookie-bar.cookie-bar-full-width .cookie-bar__icon {
		margin-bottom: 16px;
	}

	.cookie-bar.cookie-bar-full-width .cookie-bar__desc {
		width: 100%;
		margin-bottom: 16px;
		text-align: center;
	}

	.cookie-bar.cookie-bar-full-width .cookie-bar__actions {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn {
		width: 100%;
	}

	.cookie-bar.cookie-bar-full-width .cookie-bar__actions .btn + .btn {
		margin-left: 0;
		margin-top: 16px;
	}

	.cookie-bar.cookie-bar-half-width .cookie-bar__content {
		flex-direction: column;
	}

	.cookie-bar.cookie-bar-half-width .cookie-bar__icon {
		margin-bottom: 16px;
	}

	.cookie-bar.cookie-bar-half-width .cookie-bar__desc {
		width: 100%;
		margin-bottom: 16px;
		text-align: center;
	}

	.cookie-bar.cookie-bar-half-width .cookie-bar__actions {
		display: flex;
		flex-direction: column;
	}

	.cookie-bar.cookie-bar-half-width .cookie-bar__actions .btn + .btn {
		margin-left: 0;
		margin-top: 16px;
	}
}

/* K8 START */
.vke-cluster .responsivetable .product-icon {
	width: 35px;
	height: unset;
}

.vke-cluster .responsivetable .product-icon img {
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
	.vke-cluster .responsivetable > * > *:nth-of-type(3) .status-icon span,
	.vke-cluster .responsivetable > * > *:nth-child(2),
	.vke-cluster .responsivetable > * > *:nth-child(5) {
		display: none;
	}

	.vke-cluster .responsivetable > * > * .product-icon {
		display: inline-flex;
		margin-right: 16px;
	}

	.vke-cluster .responsivetable > * > * {
		padding-left: 0 !important;
	}

	.vke-cluster .responsivetable > * > * .status-icon i,
	.vke-cluster .responsivetable > * > * .status-icon img {
		margin-right: 0;
	}

	.vke-cluster .responsivetable > * {
		display: flex;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.vke-cluster .responsivetable > *:nth-of-type(1) {
		display: none;
	}

	.vke-cluster .responsivetable {
		border: none;
	}

	.vke-cluster .responsivetable > * > * .status-icon {
		justify-content: flex-end;
		float: right;
	}

	.vke-cluster .responsivetable .status {
		width: 50% !important;
	}
}

@media (max-width: 991px) {
	.vke-cluster .responsivetable > * > *:nth-child(3) {
		display: none;
	}
}

.status-icon.error .zmdi {
	color: var(--red);
}

.status-icon.warning .zmdi {
	color: var(--warning);
}

.page-deploy-cluster .vke-special-table.responsivetable {
	border-top: none;
	border-left: none;
	border-right: none;
}

.responsivetable--deploy > * > :first-child {
	width: 19%;
}

.responsivetable--deploy > * > :nth-child(2) {
	width: 18%;
}

.page-deploy .responsivetable--deploy > * > :nth-child(2) {
	width: 45%;
}

.responsivetable--deploy > * > :nth-child(3) {
	width: 45% !important;
}

.mobile-label {
	display: none !important;
}

.dropdown--input {
	background-color: var(--bg-primary);
	cursor: pointer;
}

.dropdown--input .dropdown__input {
	border-radius: 3px;
	border: 1px solid var(--border-primary);
	height: 50px;
	overflow: hidden;
}

.dropdown--input .dropdown__input .dropdown__label {
	position: relative;
}

.dropdown--input .dropdown__input .dropdown__column--big {
	margin: 0 !important;
}

.dropdown--input .dropdown__input div {
	display: inline-block;
}

.dropdown--input .dropdown__column {
	flex-grow: 1;
	display: inline-flex !important;
	flex-direction: column;
	margin-right: 20px;
	transform: translateY(2px);
}

.dropdown--input .dropdown__input .dropdown__value {
	padding-top: 14px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 34px;
}

.dropdown--input .dropdown__value {
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 20px;
	display: flex;
	align-items: center;
	height: 100%;
}

.dropdown--up .dropdown__menu {
	top: unset;
	bottom: 70px;
}

.dropdown--input .dropdown__column:first-of-type {
	margin-left: 16px;
}

.dropdown--input .dropdown__menu-item .dropdown__column:last-child {
	margin-right: 0;
}

.dropdown--input .dropdown__menu-item .dropdown__column--big {
	margin: 0;
}

.dropdown--input .dropdown__menu-item .dropdown__column {
	margin-left: 0;
}

.dropdown--input .dropdown__menu-item .dropdown__value {
	padding: 0;
}

.dropdown__menu-item.active {
	background-color: var(--dropdown-light);
}

.dropdown--input:after {
	content: "\f2f9";
	position: absolute;
	font-family: Material-Design-Iconic-Font, sans-serif;
	font-size: 26px;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: #888;
}

.dropdown--input .dropdown__column > span {
	top: 5px;
	left: 16px;
	pointer-events: none;
	font-size: 11px;
	color: var(--text-secondary);
	font-weight: 400;
	line-height: 18px;
	z-index: 100;
	transform: translateY(-4px);
}

.dropdown--input .dropdown__value-big {
	font-size: 15px;
	line-height: 20px;
	color: var(--table-text);
	transition: color 0.2s ease-in;
}

.dropdown--input .dropdown__value-small {
	font-size: 13px;
	line-height: 18px;
	color: var(--text-secondary);
	transition: color 0.2s ease-in;
}

.responsivetable--deploy > :not(:first-of-type) > * {
	border-bottom: none;
}

.vke-nodepool-counter {
	position: relative;
}

.vke-nodepool-counter > div {
	display: flex;
}

.vke-nodepool-counter > div > span {
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-secondary);
	font-size: 26px;
	border: 1px solid var(--border-primary);
	cursor: pointer;
	transition:
		border 0.2s ease-in,
		color 0.2s ease-in;
}

.vke-nodepool-counter > div > *:not(button) {
	background-color: var(--bg-primary);
}

.vke-nodepool-counter > div > span.minus {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	user-select: none;
	border-right: none;
}

.vke-nodepool-counter > div > span.plus {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	user-select: none;
	border-left: none;
}

.vke-nodepool-counter > div input {
	width: 62px;
	text-align: center;
	border: 1px solid var(--border-primary);
	border-radius: 0;
	transition: border 0.2s ease-in;
}

.vke-nodepool-counter--button .button {
	margin-left: 24px;
}

.rate-container {
	position: relative;
}

.rate-container .rate {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.rate__price {
	display: inline-block;
	color: var(--brand-primary);
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
}

#deploy-summary-price-label,
.rate__label {
	color: var(--brand-primary);
	font-size: 13px;
}

.rate-container .rate #order_total_spacer,
.rate-container .rate .rate__spacer {
	display: flex;
	width: 100%;
}

.rate__spacer {
	display: inline-block;
	color: var(--text-secondary);
	font-size: 13px;
}

.fonticonclose:after {
	content: "\f136";
}

.dropdown--input.open .dropdown__menu {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease;
	transform: translate3d(0, 8px, 0);
	max-height: 400px;
	overflow-y: scroll;
}

@media (max-width: 479px) {
	.responsivetable--deploy.responsivetable > * > .vke-nodepool-counter,
	.responsivetable--deploy.responsivetable > * > .rate-container {
		width: 100% !important;
	}

	.responsivetable--deploy.responsivetable > * .responsivetable_actions {
		margin-left: 0;
	}

	.vke-cluster .responsivetable > * > * .status-icon {
		justify-content: flex-end;
	}

	.vke-cluster .responsivetable > * > *:nth-child(1) {
		text-align: left;
	}

	.vke-cluster .responsivetable > * > *:nth-child(2),
	.vke-cluster .responsivetable > * > *:last-child,
	.vke-cluster .responsivetable > * > * .status-icon span {
		display: none;
	}
}

@media (max-width: 640px) {
	.responsivetable--deploy.responsivetable
		> div
		> .floatinglabel:nth-child(2) {
		width: 100% !important;
		padding-right: 0 !important;
	}

	.responsivetable--deploy.responsivetable
		> div
		> .floatinglabel:nth-child(3) {
		width: 100% !important;
		padding-left: 0 !important;
		margin-top: 8px;
	}
}

.responsivetable-bordered-cells > * {
	display: block;
}

.responsivetable-bordered-cells > :not(:first-child) {
	border: 1px solid #e6e7eb;
}

.responsivetable-bordered-cells > :not(:first-child) > * {
	border: none;
}

.responsivetable-bordered-cells > :not(:first-child) > :first-child {
	max-width: 29%;
}

.responsivetable-bordered-cells > * > :first-child {
	min-width: 356px;
	width: 0 !important;
	max-width: 356px !important;
}

.responsivetable-bordered-cells > * > :nth-child(2) {
	width: 0 !important;
	min-width: 200px !important;
	max-width: 200px !important;
}

.responsivetable-bordered-cells > * > :nth-child(3) {
	min-width: 301px;
	width: 25% !important;
}

.responsivetable-bordered-cells > * > :nth-child(4) {
	min-width: 181px;
	width: 24%;
}

.responsivetable-bordered-cells > :first-of-type > :nth-of-type(5) {
	width: 7%;
}

.responsivetable-bordered-cells .responsivetable_actions {
	min-width: 60px;
}

.responsivetable-bordered-cells
	> :not(.collapsed)
	.plus-icon--collapse
	span:nth-of-type(2),
.vke-special-table .plus-icon--collapse:not(.collapsed) span:nth-of-type(2) {
	transform: rotate(90deg);
}

.responsivetable-bordered-cells .collapse-main {
	margin-top: 24px;
}

@media (max-width: 1380px) {
	.responsivetable-bordered-cells > * > :nth-child(2) {
		width: 12% !important;
		min-width: 120px !important;
	}

	.responsivetable-bordered-cells > * > :nth-child(3) {
		width: 8% !important;
	}

	.responsivetable-bordered-cells > * .responsivetable_actions {
		min-width: unset;
	}
}

@media (max-width: 1240px) {
	.responsivetable-bordered-cells > * > :nth-child(2) {
		min-width: 120px;
	}

	.responsivetable-bordered-cells > * > :nth-child(3) {
		min-width: 264px;
	}

	.responsivetable-bordered-cells > * > :nth-child(4) {
		min-width: 145px;
	}
}

@media (max-width: 1099px) {
	.responsivetable-bordered-cells > * > :first-child {
		width: 0 !important;
		min-width: 341px;
	}

	.responsivetable-bordered-cells > * > :nth-child(2) {
		display: none;
	}

	.responsivetable-bordered-cells > * > :nth-child(3) {
		min-width: 281px;
	}

	.responsivetable-bordered-cells > * > :nth-child(5) {
		width: 28px;
	}

	.responsivetable-bordered-cells .rate-container {
		width: 24% !important;
	}
}

@media (max-width: 1012px) {
	.responsivetable-bordered-cells > :first-child {
		display: none !important;
	}

	.responsivetable-bordered-cells > :not(:first-child) {
		display: flex;
	}

	.responsivetable-bordered-cells.responsivetable {
		display: flex;
		flex-wrap: wrap;
	}

	.responsivetable-bordered-cells.responsivetable > div {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
	}

	.responsivetable-bordered-cells.responsivetable > div > div,
	.responsivetable-bordered-cells.responsivetable > div > span {
		width: unset !important;
		min-width: unset !important;
		max-width: unset !important;
	}

	.responsivetable-bordered-cells.responsivetable > div > :first-child {
		width: 100% !important;
		max-width: unset !important;
	}

	.responsivetable-bordered-cells.responsivetable > div.sub_items {
		flex-wrap: wrap;
	}

	.responsivetable-bordered-cells.responsivetable > div.sub_items.collapse.in,
	.responsivetable-bordered-cells.responsivetable > div.sub_items.collapsing {
		display: flex;
	}

	.responsivetable-bordered-cells.responsivetable
		.collapse-main
		> :not(:first-child) {
		padding-left: 56px !important;
	}

	.responsivetable-bordered-cells.responsivetable .responsivetable_actions {
		position: absolute;
		right: 16px;
		top: 24px;
		padding: 0 !important;
	}
}

.page-cluster-details
	.responsivetable.responsivetable-bordered-cells
	> *
	> :first-of-type {
	width: 29%;
}

@media (max-width: 767px) {
	.responsivetable-bordered-cells .collapse-main {
		margin-top: 16px;
	}

	.responsivetable-bordered-cells
		.collapse-main
		.vke-nodepool-counter--button,
	.responsivetable-bordered-cells .collapse-main .rate-container {
		margin-top: 8px;
		padding-top: 0;
	}

	.responsivetable-bordered-cells
		.collapse-main
		.vke-nodepool-counter--button
		.mobile-label,
	.responsivetable-bordered-cells
		.collapse-main
		.rate-container
		.mobile-label {
		margin-bottom: 8px;
		display: inline-block !important;
		position: static;
		font-size: 13px;
		line-height: 18px;
	}

	.responsivetable-bordered-cells .collapse-main .button {
		width: unset !important;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 13px;
		line-height: 18px;
	}

	.responsivetable-bordered-cells
		.collapse-main
		.vke-nodepool-counter--button
		> div
		> input,
	.responsivetable-bordered-cells
		.collapse-main
		.vke-nodepool-counter--button
		> div
		> span {
		min-width: 48px;
		height: 38px;
		width: 48px;
	}

	.responsivetable-bordered-cells
		.collapse-main
		.vke-nodepool-counter--button
		.minus,
	.responsivetable-bordered-cells
		.collapse-main
		.vke-nodepool-counter--button
		.plus {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		user-select: none;
	}

	.responsivetable-bordered-cells.responsivetable
		.collapse-main
		> :not(:first-child) {
		padding-left: 40px !important;
	}

	.page-cluster-details .rate-container .rate #order_total_spacer {
		width: unset;
		margin-left: 12px;
	}

	.rate-container .rate #deploy-summary-price-label {
		font-size: 20px;
		line-height: 24px;
	}

	.responsivetable-bordered-cells.responsivetable
		.collapse-main
		> :not(:first-child) {
		padding-left: 40px !important;
	}

	.responsivetable-bordered-cells.responsivetable > * > * {
		padding-left: 0 !important;
	}

	.page-cluster-details .block1290cluster #tabc_subsoverview {
		padding: 0 15px;
	}

	.page-deploy-cluster .vke-special-table.responsivetable > * {
		display: flex;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.page-deploy-cluster .vke-special-table.responsivetable {
		border: none;
	}

	.page-deploy-cluster
		.vke-special-table.responsivetable
		> :first-of-type
		.page-deploy-cluster
		.vke-special-table.responsivetable
		> *
		> :nth-of-type(2),
	.page-deploy-cluster
		.vke-special-table.responsivetable
		> *
		> :nth-of-type(3)
		.page-deploy-cluster
		.vke-special-table.responsivetable
		> *
		> :nth-of-type(4)
		.status-icon
		span,
	.page-deploy-cluster
		.vke-special-table.responsivetable
		> *
		> :nth-of-type(5) {
		display: none;
	}

	.page-deploy-cluster.responsivetable > * > * {
		padding-left: 0 !important;
	}

	.page-deploy-cluster.responsivetable > * > * .product-icon {
		display: inline-flex;
		margin-right: 16px;
	}

	.page-deploy-cluster.responsivetable .status {
		width: 50% !important;
	}

	.responsivetable--deploy.responsivetable > * > * {
		padding: 0 !important;
		margin-top: 55px;
		overflow: visible;
	}

	.responsivetable--deploy.responsivetable > * {
		padding: 0 !important;
		margin-bottom: 24px;
	}

	.responsivetable--deploy.responsivetable label span:first-of-type {
		top: 6px !important;
	}

	.responsivetable--deploy.responsivetable
		> *
		> .floatinglabel:nth-of-type(3) {
		padding-left: 12px !important;
	}

	.responsivetable--deploy.responsivetable > * .responsivetable_actions {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.mobile-label {
		display: inline !important;
		position: absolute;
		top: -39px;
		font-size: 20px;
		line-height: 24px;
		color: var(--table-text);
	}

	.responsivetable--deploy.responsivetable > * .vke-nodepool-counter,
	.responsivetable--deploy.responsivetable > * .rate-container {
		width: 50% !important;
	}

	.rate-container .rate #order_total,
	.rate-container .rate .rate__price {
		font-size: 24px;
		line-height: 32px;
	}

	.rate-container .rate #order_total_spacer,
	.rate-container .rate .rate__spacer {
		font-size: 13px;
		line-height: 18px;
		margin-top: 0;
	}

	#order_total_spacer,
	.rate__spacer {
		margin-top: -8px;
		line-height: 14px;
	}
}

.vke-flex-table > .np {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	border-bottom: 1px solid var(--border-secondary);
	padding: 4rem 0 2rem;
}

.vke-flex-table--a100 > .np {
	border-bottom: unset;
	padding: 2rem 0 2rem;
}

.vke-flex-table > .np > *:not(.responsivetable_actions) {
	flex-grow: 1;
}

.vke-flex-table__sub-group {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	width: 100%;
	padding-top: 2rem;
}

.vke-flex-table__sub-group > * {
	flex-grow: 1;
}

.vke-field-label {
	display: inline !important;
	position: absolute;
	top: -39px;
	font-size: 20px;
	line-height: 24px;
	color: var(--table-text);
}

@media (max-width: 991px) {
	#tabc_subsoverview
		.server-details
		> .row:last-child
		.col-md-4
		> .flexlayoutdata,
	#tabc_subsoverview
		.server-details
		> .row:last-child
		.col-md-4
		> .flexlayoutdatalabel {
		width: calc(50% - 8px);
	}

	#tabc_subsoverview .server-details,
	#tabc_subsoverview .server-details .app-info {
		margin-top: 16px;
	}

	#header2_right.server_actions {
		display: none;
	}
}

@media (max-width: 924px) {
	.dropdown--input .dropdown__column {
		margin-right: 8px;
	}

	.responsivetable--deploy .floatinglabel:nth-of-type(2) {
		width: 30% !important;
	}

	.responsivetable--deploy .floatinglabel:nth-of-type(3) {
		width: 70% !important;
	}
}

.responsivetable .sub_items {
	margin-left: 24px;
	border: none;
}

.responsivetable .sub_items.collapse {
	display: none;
}

.responsivetable .sub_items.collapse.show,
.responsivetable .sub_items.collapsing,
.responsivetable .sub_items.collapse.in {
	display: block;
}

.responsivetable .sub_items .status_success {
	color: var(--table-text);
}

.responsivetable .sub_items > :first-child {
	padding-left: 24px !important;
	border-left: 1px solid #e6e7eb;
	max-width: 332px !important;
	min-width: 332px !important;
}

.responsivetable .sub_items > * {
	border-bottom: none;
}

@media (max-width: 1012px) {
	.responsivetable .sub_items .responsivetable_actions {
		position: static;
		margin-right: 12px;
	}

	.responsivetable-bordered-cells.responsivetable .responsivetable_actions {
		position: absolute;
		right: 16px;
		top: 24px;
		padding: 0 !important;
	}

	.page-cluster-details .responsivetable .sub_items .responsivetable_actions {
		width: 50% !important;
	}

	.responsivetable .sub_items .gray--price {
		display: none;
	}

	.page-cluster-details .responsivetable .sub_items > :first-child {
		max-width: unset !important;
		min-width: unset !important;
	}

	.responsivetable .sub_items {
		flex-direction: row !important;
		align-items: center;
		flex-wrap: nowrap !important;
	}

	.responsivetable-bordered-cells.responsivetable > div.sub_items {
		flex-wrap: wrap;
	}

	.responsivetable-bordered-cells .mobile-label {
		display: inline !important;
	}

	.responsivetable-bordered-cells.responsivetable
		.collapse-main
		> :not(:first-child) {
		padding-left: 56px !important;
	}

	.responsivetable-bordered-cells > :not(:first-child) {
		display: flex;
	}

	.responsivetable-bordered-cells.responsivetable > div {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
	}

	.responsivetable-bordered-cells.responsivetable {
		display: flex;
		flex-wrap: wrap;
	}

	.responsivetable-bordered-cells.responsivetable > div > :first-child {
		width: 100% !important;
		max-width: unset !important;
	}

	.responsivetable-bordered-cells.responsivetable > div > div,
	.responsivetable-bordered-cells.responsivetable > div > span {
		width: unset !important;
		min-width: unset !important;
		max-width: unset !important;
	}
}

@media (min-width: 1100px) {
	.responsivetable--deploy .responsivetable_actions .button {
		display: none;
	}
}

@media (max-width: 1190px) {
	.responsivetable--deploy .floatinglabel:first-of-type,
	.responsivetable--deploy .floatinglabel:nth-of-type(2) {
		width: 16%;
	}

	.responsivetable--deploy .floatinglabel:nth-of-type(3) {
		width: 46%;
	}
}

@media (max-width: 1199px) {
	#order_total,
	.rate__price {
		font-size: 28px;
	}

	#order_total_spacer,
	.rate__spacer {
		display: inline-block;
	}

	#deploy-summary-info,
	#order_total_spacer,
	.rate__spacer {
		margin: 0;
	}
}

@media (max-width: 1099px) {
	.page-cluster-details .responsivetable .sub_items .responsivetable_actions {
		width: 12% !important;
	}

	.page-cluster-details .responsivetable .sub_items > :first-child {
		max-width: 312px !important;
		min-width: 312px !important;
	}

	.page-cluster-details .responsivetable .sub_items > :nth-of-type(2) {
		min-width: 100%;
		width: 3%;
	}
}

@media (max-width: 1299px) {
	.responsivetable-bordered-cells > * > :nth-child(5) {
		width: 28px;
	}

	.responsivetable-bordered-cells > * > :nth-child(3) {
		min-width: 281px;
	}

	.responsivetable-bordered-cells > * > :nth-child(2) {
		display: none;
	}

	.responsivetable-bordered-cells > * > :first-child {
		width: 0 !important;
		min-width: 341px;
	}

	.responsivetable--deploy > * > * {
		border-bottom: unset;
	}

	.responsivetable--deploy > div:first-of-type {
		display: none;
	}

	.responsivetable--deploy > div {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.responsivetable--deploy > div > .floatinglabel:first-of-type {
		width: 100%;
	}

	.responsivetable--deploy > div > .floatinglabel:nth-of-type(2),
	.responsivetable--deploy > div > .floatinglabel:nth-of-type(3) {
		width: 50%;
	}

	.vke-nodepool-counter {
		width: 50%;
	}

	.vke-nodepool-counter > div > span {
		min-width: 50px;
	}

	.vke-nodepool-counter > div input {
		width: 60px;
	}

	.responsivetable--deploy .responsivetable_actions .fonticonclose {
		display: none;
	}
}

@media (max-width: 1340px) {
	.responsivetable--deploy .dropdown--input .dropdown__column {
		margin-right: 10px;
	}
}

@media (max-width: 1380px) {
	.responsivetable-bordered-cells > * > :nth-child(3) {
		width: 8% !important;
	}

	.page-cluster-details .responsivetable > * > :nth-of-type(2) {
		width: 0;
		min-width: 89px;
	}

	.responsivetable-bordered-cells > * > :nth-child(2) {
		width: 12% !important;
		min-width: 120px !important;
	}
}

.nodepoolname {
	padding-top: 14px;
}

.displaynone {
	display: none !important;
}

.page-deploy-cluster .modal .deploy_sidebar #confirmordersubmit {
	height: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.page-deploy-cluster .modal .deploy_sidebar #deploy-summary-price,
.page-deploy-cluster .modal .deploy_sidebar #deploy-summary-price > span {
	margin-bottom: 0;
}

.page-deploy-cluster .modal #deploy-summary-price {
	flex-grow: 2;
}

.page-deploy-cluster .modal .deploy_sidebar {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	z-index: 900;
}

.page-deploy-cluster .responsivetable-bordered-cells > :not(:first-child) {
	border: 1px solid #e6e7eb;
}

.page-deploy-cluster .vke-special-table.responsivetable > :first-child > * {
	color: #8a9099;
	font-size: 15px;
	font-weight: 400;
}

.plus-icon--collapse {
	margin-left: 24px;
	display: inline-block;
	top: -8px;
}

@media (max-width: 1240px) {
	.plus-icon--collapse {
		margin-left: 16px;
	}
}

.page-deploy-cluster .vke-special-table.responsivetable .vpsdesc {
	display: flex;
}

.gray {
	color: #a6aaaf !important;
}

/* K8 END */

.vpc_table {
	background: #eef4ff;
	border-right: 1px solid #e6e7eb;
	font-size: 16px;
	width: 8%;
}

/* Bare Metal Pricing on Deploy  */
.bare_metal_desc {
	font-size: 15px !important;
}

@media (max-width: 924px) {
	.deploy_options {
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

@media (max-width: 767px) {
	.deploy_checkbox:not(.pagination-input) + label,
	.deploy_linkbox,
	[data-js-pagination] .pagination-label {
		width: calc(50% - 8px) !important;
		margin-right: 6px !important;
		margin-left: 0px !important;
	}

	.deploy_block.change_startup_script {
		display: flex;
		flex-direction: column;
	}

	.deploy_checkbox.change_startup_script_box:not(.pagination-input) + label {
		width: 100% !important;
	}
}

/* LoggedOut Snippets */
@media (max-width: 750px) {
	.text_emailverify,
	.text_passwordrecover {
		padding: 0 !important;
	}

	.text_passwordrecover #register_submit_button {
		margin-right: 25px;
	}

	.text_passwordrecover input {
		font-size: 10px;
		color: black;
	}
}

@media (max-width: 430px) {
	.form-group input[type="text"] {
		width: 85px;
	}
}

@media (max-width: 450px) {
	.notice_close {
		padding: 0px 2px 0px 0px;
	}
}

.block608left {
	max-width: 608px;
	margin-bottom: 48px;
}

.label-wrapper {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
}

.label-wrapper > * + * {
	margin-left: 16px;
}

.suggestion {
	display: flex;
	flex-direction: column;
	margin-top: 16px;
}

.suggestion__title {
	color: #142149;
	font-weight: 500;
	margin-bottom: 8px;
}

.suggestion__body {
	display: flex;
	flex-wrap: nowrap;
}

.suggestion__value {
	padding: 13px 16px !important;
	background-color: #f5f6fa !important;
	color: #1e2736 !important;
	flex-grow: 1;
	margin-right: 12px;
	border: none !important;
}

.suggestion__button {
	font-size: 17px !important;
	line-height: 28px !important;
	padding: 11px 24px !important;
}

.deploy_block--tabs {
	margin-top: 32px !important;
	margin-bottom: 24px;
}

.deploy_block--tabs .deploy_checkbox_line2 {
	display: flex;
}

.deploy_block--tabs .deploy_checkbox_line1 {
	color: #142149;
	line-height: 28px;
}

.deploy_block--tabs .deploy_options {
	margin-bottom: -16px;
	justify-content: initial;
}

@media (max-width: 767px) {
	.deploy_block--tabs .deploy_options {
		justify-content: space-between;
	}
}

.deploy_block--tabs .deploy_checkbox_icon {
	top: 50%;
	transform: translateY(-50%);
}

.deploy_block--tabs .deploy_checkbox:not(.pagination-input) + label {
	padding-left: 89px !important;
}

@media (max-width: 480px) {
	.deploy_block--tabs .deploy_checkbox:not(.pagination-input) + label {
		padding: 24px 8px 24px 66px !important;
	}
}

.floatinglabel__icon {
	display: none;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.floatinglabel__icon.active {
	display: flex;
}

.floatinglabel__icon--danger svg {
	display: flex;
}

.floatinglabel__icon--danger svg path {
	stroke: var(--red);
}

.floatinglabel__icon--success svg {
	display: flex;
}

.floatinglabel__icon--success svg path {
	stroke: var(--green);
}

.m-b-16 {
	margin-bottom: 16px !important;
}

.m-t-16 {
	margin-top: 16px !important;
}

.m-b-32 {
	margin-bottom: 32px !important;
}

.m-t-32 {
	margin-top: 32px !important;
}

.panel--alert {
	border-radius: 4px;
	padding: 24px;
	position: absolute;
	max-width: 608px;
	left: 0;
	margin: 0;
	z-index: 99999;
	top: 100%;
	border-color: var(--red);
}

.panel--alert .text-danger {
	font-weight: 600;
}

@media (min-width: 768px) {
	.deploy_main {
		display: flex;
	}
}

.fonticon_auto {
	background: url(../images/icons/icon-settings.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.fonticon_configure {
	background: url(../images/icons/icon-configure.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.network_section {
	display: none;
}

.beta_tag--gray {
	background-color: #f5f6fa;
	color: #71757c;
}

.beta_tag--big {
	font-size: 13px;
	line-height: 18px;
	margin-top: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.block_title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.block_title-actions span {
	margin-left: 12px;
}

.block_title-actions a {
	display: flex;
}

.block_title-actions {
	font-size: 15px;
	line-height: 24px;
	display: flex;
}

.block_title-actions a svg {
	margin-left: 8px;
}

.toggle-box {
	cursor: pointer;
	margin-top: 32px;
	margin-bottom: 48px;
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #e6e7eb;
	max-width: 450px;
	padding: 24px;
	transition: border-color 0.2s ease-in;
}

.toggle-box-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 40px);
}

.toggle-box-text h5 {
	margin: 0px 0px 0px 24px;
	font-weight: 500;
	font-size: 17px;
	line-height: 28px;
}

.autobackup-box {
	cursor: pointer;
	margin-top: 32px;
	margin-bottom: 48px;
	display: flex;
	flex-direction: row;
	align-items: center;
	border: 1px solid #e6e7eb;
	max-width: 450px;
	padding: 24px;
	transition: border-color 0.2s ease-in;
}

.autobackup-box:hover {
	border: 1px solid #cacdcf;
}

input.checkboxtoggleonoff {
	position: absolute;
	right: -200000;
	opacity: 0;
	display: none;
}

.autobackup-box input.checkboxtoggleonoff {
	display: none;
}

.autobackup-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 40px);
}

.autobackup-icon {
	max-width: 60px;
	min-width: 60px;
	max-height: 60px;
	min-height: 60px;
	margin-left: 8px;
	margin-right: 10px;
}

.autobackup.selected {
	box-shadow:
		0px 8px 16px rgba(10, 14, 29, 0.04),
		0px 8px 64px rgba(10, 14, 29, 0.08);
	border-color: transparent;
}

.autobackup-text h5 {
	margin: 0 0 0 24px;
	font-weight: 500;
	font-size: 17px;
	line-height: 28px;
}

input.checkboxtoggleonoff + label:after {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	height: 18px;
	width: 18px;
	border-radius: 9px;
	background-color: #fff;
	transition: all 0.3s ease;
}

.deploy_block:after {
	display: block;
	content: "";
	clear: both;
}

@media (max-width: 500px) {
	.autobackup-icon {
		display: none;
	}
}

#deploy_block_autobackups input.checkboxtoggleonoff + label {
	background-color: red;
	font-weight: 700;
	color: #fff;
}

#deploy_block_autobackups input.checkboxtoggleonoff:checked + label {
	background-color: var(--brand-primary);
	color: #fff;
	text-align: left;
}

.deploy_options.deploy_options-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.deploy_options--new-layout-lang {
	margin-left: -8px !important;
	margin-right: -8px !important;
}

.deploy_block--new .tabs-responsive--search {
	display: flex;
	height: 50px;
}

.deploy_block--new .tabs-responsive--search .tabs-container {
	position: static;
}

.deploy_options--new-layout-lang-new
	.deploy_checkbox:not(.pagination-input)
	+ label {
	width: calc(25% - 16px);
}

.deploy_options--new-layout-lang .deploy__check-panel,
.deploy_options--new-layout-lang label {
	margin: 0 8px 16px !important;
}

.deploy_options--new-layout-lang
	label.deploy__check-panel
	.deploy_checkbox_icon {
	position: static;
	min-width: 27px !important;
	min-height: 18px !important;
	max-height: 18px !important;
	line-height: 24px;
	background-size: contain;
	background-position: 50%;
	margin: 0 20px 0 0 !important;
}

.deploy_options--new-layout-lang-new .deploy__check-panel .deploy_checkbox_icon,
.deploy_options--new-layout-lang-new label .deploy_checkbox_icon {
	max-width: 27px !important;
}

.deploy_options--new-layout-lang-new
	.deploy__check-panel
	.deploy_checkbox_lines,
.deploy_options--new-layout-lang-new label .deploy_checkbox_lines {
	display: flex;
	align-items: center;
	width: 100%;
}

.deploy_options--new-layout-lang
	label.deploy__check-panel
	.deploy_checkbox_line1 {
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
}

.deploy_options--new-layout-lang
	label.deploy__check-panel
	.deploy_checkbox_line2 {
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: var(--label);
	padding-right: 0;
	text-align: right;
}

.deploy_options--new-layout-lang-new .deploy_checkbox_line2 {
	position: relative;
}

@media (max-width: 1400px) {
	.deploy_options--new-layout-lang
		.deploy_checkbox:not(.pagination-input)
		+ label:not(:nth-of-type(3n + 1)) {
		margin: 0 8px 16px !important;
	}
}

@media (max-width: 1400px) {
	.deploy_options--new-layout-lang
		.deploy_checkbox:not(.pagination-input)
		+ label {
		width: calc(33.33333% - 16px);
		padding: 12px 16px !important;
		margin: 0 8px 16px !important;
	}
}

@media (max-width: 1199px) {
	.deploy_options--new-layout-lang
		.deploy_checkbox:not(.pagination-input)
		+ label {
		width: calc(50% - 16px) !important;
	}
}

@media (max-width: 768px) {
	.deploy_options--new-layout-lang
		.deploy_checkbox:not(.pagination-input)
		+ label
		.deploy_checkbox_lines {
		flex-direction: column;
	}
}

.deploy_checkbox:not(.pagination-input):disabled + label {
	display: none;
}

.deploy_options--new-layout-no-margins {
	margin-right: 0;
}

.deploy_options.deploy_options-eq-height label .deploy_checkbox_icon {
	bottom: 24px;
	margin: auto;
}

@media (max-width: 480px) {
	.deploy_checkbox_icon {
		top: 25px;
		left: 12px;
		background-repeat: no-repeat;
	}
}

.deploy_checkbox_checkmark:before {
	position: absolute;
	top: -2px;
	right: 0;
	height: 20px;
	width: 20px;
	font-size: 19px;
	line-break: 20px;
	text-align: center;
	color: #fff;
	content: "\f26b";
	font-family: Material-Design-Iconic-Font, sans-serif;
}

.deploy_checkbox:not(.pagination-input) + label,
.deploy_linkbox,
[data-js-pagination] .pagination-label {
	height: auto !important;
	margin-right: 0;
	min-height: 98px !important;
}

.deploy_checkbox:not(.pagination-input) + label {
	position: relative;
	z-index: 2;
	vertical-align: top;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	min-height: 98px;
	padding: 24px 8px 24px 100px !important;
	margin: 0 16px 16px 0;
	border: 1px solid #e6e9eb;
	border-radius: 0;
	background-color: #fff;
	cursor: pointer;
	box-shadow: none;
	white-space: nowrap;
	transition: border-color 0.2s ease-in;
}

.deploy_options--new-layout-tech {
	display: block;
	margin-left: -8px !important;
	margin-right: -8px !important;
}

@media (max-width: 1200px) {
	.deploy_options--new-layout-tech {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 1200px) {
	.deploy_options--new-layout-tech .col-xl-3.col-lg-12.col-md-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (min-width: 1200px) {
	.deploy_options--new-layout-tech .col-xl-3.col-lg-12.col-md-12 {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

@media (min-width: 1200px) {
	.deploy_options--new-layout-tech .col-xl-3.col-lg-12.col-md-12 label {
		height: calc(100% - 16px) !important;
	}
}

@media (max-width: 1200px) {
	.deploy_options--new-layout-tech .col-xl-3.col-lg-12.col-md-12 label {
		width: 100% !important;
	}
}

.deploy_options--new-layout-tech > .row {
	min-width: 100%;
}

.deploy_options--new-layout-tech .col-xl-4 {
	padding: 0 8px !important;
	display: flex;
	align-items: stretch;
}

.deploy_options--new-layout-tech
	.col-xl-4
	.deploy_checkbox:not(.pagination-input)
	+ label {
	height: 100%;
	width: 100% !important;
}

.deploy_options--new-layout-tech .col-xl-4:first-child {
	padding-left: 0 !important;
}

.deploy_options--new-layout-tech .col-xl-4:last-child {
	padding-right: 0 !important;
}

@media (max-width: 1199px) {
	.deploy_options--new-layout-tech .col-xl-4 {
		padding: 0 !important;
	}
}

.deploy_options--new-layout-tech
	.deploy_checkbox:not(.pagination-input)
	+ label {
	padding: 24px !important;
	width: 100%;
	justify-content: flex-start;
}

.deploy_options--new-layout-tech
	.deploy_checkbox:not(.pagination-input)
	+ label
	.deploy_checkbox_line1 {
	padding-left: 16px;
	white-space: normal;
}

.deploy_options--new-layout-tech
	.deploy_checkbox:not(.pagination-input)
	+ label
	.deploy_checkbox_line2 {
	white-space: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	margin-top: 8px;
}

.deploy_options--new-layout-tech .deploy_checkbox_icon {
	width: 64px;
	min-width: 64px;
	height: 64px;
	display: inline-block;
	position: static;
	background-repeat: no-repeat;
	background-position: 50%;
}

.deploy_options--new-layout-tech .deploy_checkbox_icon--amd {
	height: 32px;
	width: 80px;
	min-width: 80px;
	background-image: url(../images/icons/64/amd.svg);
}

.deploy_options--new-layout-tech .deploy_checkbox_icon--intel {
	height: 32px;
	width: 56px;
	min-width: 56px;
	background-image: url(../images/icons/64/intel.svg);
}

.deploy_options--new-layout-tech .deploy_checkbox_title {
	display: flex;
	align-items: center;
}

.deploy_checkbox:not(.pagination-input) + label .deploy_checkbox_line1,
.deploy_checkbox:not(.pagination-input) + label .deploy_checkbox_line2 {
	margin-left: 0 !important;
}

.deploy_options--new-layout-lang label.deploy__check-panel {
	display: flex;
	flex-direction: row;
	padding: 12px 16px !important;
	min-height: unset !important;
	align-items: center;
}

.deploy_checkbox:not(.deploylocationsoldout):checked + label:not(.filtr-item),
.deployplan:not(.deploylocationsoldout):checked + label:not(.filtr-item) {
	border-color: transparent;
	box-shadow:
		0 8px 16px 0 rgb(10 14 29 / 4%),
		0 8px 64px 0 rgb(10 14 29 / 8%);
}

@media (min-width: 1100px) and (max-width: 1393px) {
	.deploy_linkbox,
	input.deploy_checkbox + label {
		width: calc(25% - 19px);
	}
}

.deploy_linkbox,
.deploy_checkbox + label {
	width: calc(25% - 19px);
}

.deployplan + label {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 24px;
	margin: 0px 0px 16px 0px;
	border: 1px solid var(--border-secondary);
	border-radius: 0;
	color: var(--text-primary);
	cursor: pointer;
	text-align: center;
	height: calc(100% - 16px);
}

@media (min-width: 1199px) {
	.deploy__box-label {
		max-width: 100px;
	}
}

@media (max-width: 1273px) and (min-width: 1199px) {
	.deploy_block .row .col-xl-4 label .deploy__box {
		height: 232px;
	}
}

.icon_deploy_plans {
	top: 20px;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container {
	top: 54px;
	margin-left: -6px;
	margin-right: -8px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: calc(100% + 14px);
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav {
	white-space: normal;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li {
	position: relative !important;
	align-items: center;
	height: clamp(66px, 66px, 66px);
	margin-left: 8px;
	margin-right: 8px;
	width: calc(25% - 16px);
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	> span {
	width: 100%;
	height: 100%;
	padding: 0;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label {
	padding: 16px 24px 10px 74px;
	border: 1px solid #e6e7eb;
	transition: border-color 0.2s ease-in;
	height: 100%;
	width: 100%;
	font-weight: 500;
	font-size: 17px;
	line-height: 28px;
	position: static !important;
	color: #142149;
	margin-top: -2px;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	input:checked
	+ label {
	border: 1px solid transparent;
	box-shadow:
		0 8px 16px 0 rgb(10 14 29 / 4%),
		0 8px 64px 0 rgb(10 14 29 / 8%);
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.deploy_checkbox_icon {
	width: 34px;
	height: 34px;
	top: 16px;
	left: 24px;
	position: absolute;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	input:checked
	+ label
	.deploy-checkbox__checked {
	opacity: 1;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.deploy-checkbox__checked {
	display: block;
	position: absolute;
	top: 0 !important;
	right: 1px;
	width: 34px;
	height: 34px;
	background: url(../images/deploy_checkmark.svg) no-repeat;
	background-size: cover;
	opacity: 0;
	transition: all 0.2s ease-in;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.deploy-checkbox__checked:before {
	position: absolute;
	top: -2px;
	right: 0;
	height: 20px;
	width: 20px;
	font-size: 19px;
	line-break: 20px;
	text-align: center;
	color: #fff;
	content: "\f26b";
	font-family: Material-Design-Iconic-Font, sans-serif;
}

input.tabmenu_radio + label:after {
	display: block;
	position: absolute;
	z-index: 10;
	content: "";
	left: 50%;
	bottom: 0;
	height: 2px;
	width: 0;
	background-color: #007bfc;
	transition: all 0.2s ease-in;
}

.nav-tabs li:not(.active) a:not(.icon):after,
.nav-tabs li button:not(.icon):after,
.nav-tabs li span:not(.icon):after,
.nav-tabs li span label:not(.icon):after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	content: "";
	height: 2px;
	width: 0;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

input.tabmenu_radio:checked + label:after {
	width: 100% !important;
	margin-left: -50%;
}

.tooltip-custom {
	height: 100%;
	display: inline-block;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.icon.fonticonhelp {
	position: relative;
}

.deploy_block--new .tabs-responsive .nav-tabs li span .icon {
	font-size: 20px;
	line-height: 18px;
	margin: 0 0 0 8px;
	padding: 0;
	display: inline-block !important;
	transition: color 0.3s ease;
}

.tabs-responsive--overflow > .tabs-container > .nav-tabs {
	overflow: visible !important;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.deploy_checkbox_icon--general_purpose {
	background-image: url(../images/icons/34/server-type-general.svg);
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.deploy_checkbox_icon--cpu_optimized {
	background-image: url(../images/icons/34/server-type-cpu.svg);
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.deploy_checkbox_icon--memory_optimized {
	top: 12px;
	left: 21px;
	width: 40px;
	height: 40px;
	background-image: url(../images/icons/34/server-type-memory.svg);
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label
	.deploy_checkbox_icon--storage_optimized {
	background-image: url(../images/icons/34/server-type-storage.svg);
}

.tabs-responsive--overflow {
	overflow: visible;
}

.tooltip-custom .fonticonhelp::after {
	content: "\f1f5";
	position: unset;
	display: unset;
}

.tooltip-custom .tooltip__wrapper {
	cursor: auto;
	display: none;
	position: absolute;
	width: 480px;
	right: -24px;
	left: unset;
	bottom: 20px;
	z-index: 998;
	margin-bottom: 9px;
	padding-bottom: 26px;
	color: #71757c;
	max-width: calc(100vw - 48px);
}

.tooltip-custom .tooltip__content {
	position: relative;
	display: flex;
	opacity: 0;
	transition: opacity 0.3s ease;
	background-color: #fff;
	box-shadow:
		0 8px 16px rgb(10 14 29 / 4%),
		0 8px 64px rgb(10 14 29 / 8%);
	padding: 24px;
	transition-delay: 0.1s;
}

.tooltip-custom .tooltip__icon {
	min-width: 60px;
	height: 60px;
	margin-right: 16px;
}

.fonticon_general {
	background: url(../images/icons/34/server-type-general.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.fonticon_cpu {
	background: url(../images/icons/34/server-type-cpu.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.fonticon_memory {
	background: url(../images/icons/34/server-type-memory.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.fonticon_storage {
	background: url(../images/icons/34/server-type-storage.svg);
	background-size: cover;
	background-repeat: no-repeat;
}

.tooltip-custom .tooltip__text {
	display: flex;
	flex-direction: column;
}

.tooltip-custom .tooltip__title {
	margin-bottom: 16px;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
}

.tooltip-custom .tooltip__desc {
	white-space: normal;
	margin-bottom: 12px;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
}

.tooltip-custom .tooltip__link {
	color: #007bfc;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	padding: 0;
	margin: 0;
	cursor: pointer;
	width: min-content;
	white-space: nowrap;
}

.tooltip-custom:hover .tooltip__content {
	opacity: 1;
}

.tooltip-custom:hover .tooltip__wrapper {
	display: block !important;
}

.tooltip-custom .tooltip__link--external:after {
	content: "" !important;
	width: 20px !important;
	height: 20px !important;
	position: absolute !important;
	left: unset !important;
	right: -24px;
	top: 2px;
	background-image: url(../images/icons/20/external-link.svg) !important;
}

.tooltip-custom:hover .fonticonhelp:before {
	content: "";
	position: absolute;
	height: 16px;
	width: 16px;
	z-index: 999;
	background: #fff;
	transform: rotate(45deg);
	top: -20px;
	left: calc(50% - 8px);
}

@media (max-width: 1600px) {
	.tooltip-custom:hover .fonticonhelp:before {
		top: -32px;
	}
}

.tooltip-custom .tooltip__wrapper b {
	color: #1e2736;
}

.deploy_block--new-server-types
	.tabs-responsive--new-server-types
	.tabs-container
	.deploy-nav
	li
	label:hover {
	border: 1px solid #cacdcf;
}

@media (max-width: 1600px) {
	.tooltip-custom {
		position: static;
	}
}

@media (max-width: 1401px) {
	.deploy_block--new-server-types
		.tabs-responsive--new-server-types
		.tabs-container
		.deploy-nav
		li {
		margin-bottom: 16px;
		width: calc(50% - 16px);
	}
}

@media (max-width: 1600px) {
	.tooltip-custom .tooltip__wrapper {
		bottom: 32px;
	}
}

@media (max-width: 767px) {
	.tooltip-custom .tooltip__wrapper {
		right: unset;
		left: 12px;
		max-width: calc(100vw - 80px);
	}
}

@media (max-width: 800px) {
	.deploy_block--new-server-types
		.tabs-responsive--new-server-types
		.tabs-container
		.deploy-nav
		li {
		width: calc(100% - 16px);
	}
}

#server_type_label::after {
	content: none;
}

.deploy_block
	> .row--sm
	> .col-xl-4:nth-child(3)
	> label
	> .deploy__box--wide
	> .deploy__box-data
	> .deploy__box-info
	> .deploy__box-label {
	margin-top: 17px;
}

.app_content--mono .app_content-actions > a {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
}

.app_content--mono .app_content-actions > a + a {
	margin-left: 32px;
}

.app_content--mono .app_content-actions > a > div {
	color: inherit;
	margin-right: 8px;
}

.deploy_checkbox_icon--small {
	width: 62px;
	height: 62px;
	top: 50% !important;
	transform: translateY(-50%);
}

.dropdown--nodes .dropdown__input .dropdown__value {
	display: flex;
	font-weight: 500;
}

.routes_text {
	color: var(--text-secondary);
	margin: 3px;
	font-weight: bold;
}

.header-avatar--has-icon {
	display: flex;
	align-items: center;
}

.app_content--mono {
	border: 1px solid var(--border-primary);
	padding: 0;
}

.app_content--mono .app_content-actions {
	padding: 16px;
	background: var(--bg-primary);
	display: flex;
}

.app_content--mono .app_content-content {
	padding: 16px;
	background: var(--bg-darker);
	border-bottom: 1px solid var(--border-primary);
	font-family: monospace;
}

.app_content--mono .app_content-actions > a + a {
	margin-left: 32px;
}

.app_content--mono .app_content-actions > a > div {
	color: inherit;
	margin-right: 8px;
}

.app_content--outline {
	border: 1px solid var(--border-primary);
	background: var(--bg-primary);
}

.app_content--outline .flexlayoutdata {
	min-height: 34px;
}

@media (max-width: 1315px) {
	#connectionDetailsModal .app_content--mono .app_content-actions {
		display: block;
	}

	#connectionDetailsModal .app_content--mono .app_content-actions > a + a {
		margin-left: 0px;
		margin-top: 20px;
	}
}

.box-outline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: var(--bg-primary);
	padding: 18px 24px 14px;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid var(--border-primary);
	color: var(--text-primary);
}

.pg-extensions-box {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	background: #f9f9f9;
}

.boxLink-text {
	max-height: 32px;
	display: flex;
	min-width: 50%;
	max-width: 50%;
	align-items: center;
}

.boxLink-planType {
	width: 100%;
	max-width: 100%;
	font-size: 18px;
	padding-bottom: 5px;
}

.text-primary-color {
	color: var(--brand-primary);
}

.boxLink-big {
	font-size: 19px;
	line-height: 32px;
}

.deploy__box--database {
	padding-top: 24px;
	align-items: center;
	min-height: unset;
}

.deploy__box--database svg {
	width: 80px;
	height: 80px;
}

.deploy__box--database .deploy__box-title {
	margin-top: 12px;
}

.deploy__box--database .deploy__box-title .label {
	margin-left: 12px;
	background-color: var(--bg-darker);
}

.dropdown--nodes {
	width: calc(50% - 11px);
}

.dropdown--nodes .dropdown__input .dropdown__value .dash {
	display: inline;
	margin-left: 4px;
}

.dropdown--nodes .dropdown__input .dropdown__value .dash,
.dropdown--nodes .dropdown__menu .dropdown__value .dash {
	margin-right: 4px;
}

.dropdown--nodes .dropdown__input .dropdown__value .price-wrapper {
	font-weight: 400;
}

.dropdown--nodes .dropdown__input .dropdown__value .price-wrapper,
.dropdown--nodes .dropdown__menu .dropdown__value .price-wrapper {
	display: flex;
	align-items: center;
}

.dropdown--nodes
	.dropdown__input
	.dropdown__value
	.price-wrapper
	span:first-of-type {
	color: #007bfc;
}

.dropdown--nodes
	.dropdown__input
	.dropdown__value
	.price-wrapper
	span:first-of-type,
.dropdown--nodes
	.dropdown__menu
	.dropdown__value
	.price-wrapper
	span:first-of-type {
	font-weight: 500;
}

.dropdown--nodes
	.dropdown__input
	.dropdown__value
	.price-wrapper
	span:nth-of-type(2) {
	display: none;
}

.dropdown--nodes
	.dropdown__input
	.dropdown__value
	.price-wrapper
	span:nth-of-type(2),
.dropdown--nodes
	.dropdown__menu
	.dropdown__value
	.price-wrapper
	span:nth-of-type(2) {
	margin-left: 4px;
	color: #a6aaaf;
	font-size: 13px;
	line-height: 18px;
}

.dropdown--nodes .dropdown__menu {
	width: 100%;
}

.dropdown--vpc .dropdown__menu {
	width: 100%;
	max-height: 200px;
	overflow-y: scroll;
	margin-top: 0;
}

.deploy_options--database .deployplan + label > :first-child {
	line-height: 28px;
	padding-bottom: 0;
}

.deploy_options--database .deployplan + label > :nth-child(2) {
	font-size: 19px;
	line-height: 32px;
}

.boxLink-map {
	height: 36px !important;
	width: 54px !important;
	background-size: cover;
	margin-right: 20px;
}

.deploy_options--database .deployplan + label > :nth-child(2) span {
	font-size: 28px;
	line-height: 32px;
}

.deploy_options--database .deployplan + label > :nth-child(3) {
	line-height: 18px;
}

.deploy_options--database .deployplan + label > :nth-child(4) {
	background-color: transparent;
	margin-top: 16px;
	margin-bottom: 0;
	height: 0;
}

.deploy_options--database .deployplan + label > :nth-child(6) {
	padding-bottom: 0;
}

.page-deploy .vke-special-table.responsivetable {
	border-top: none;
	border-left: none;
	border-right: none;
}

.page-deploy .vke-special-table.responsivetable > * > label {
	display: table-cell;
}

.page-deploy .vke-special-table.responsivetable label span:first-of-type {
	top: 18px;
	left: 30px;
}

.page-deploy .deploy_block .select2 {
	margin-bottom: unset;
}

.db_update_message {
	white-space: nowrap;
	position: relative;
}

#db_update_text {
	color: var(--brand-primary);
	font-weight: 400;
}

@media (min-width: 1301px) {
	.db_update_message {
		bottom: 15px;
		left: 45px;
	}
}

.header-avatar-icon {
	position: relative;
	left: 19px;
	text-align: center;
}

.cpu_loading {
	left: 219px;
	position: relative;
	bottom: 15px;
	white-space: nowrap;
}

@media (max-width: 1315px) {
	.cpu_loading {
		left: unset;
	}

	.boxLink {
		height: 120px !important;
	}
}

.databases_error_loading {
	position: relative;
	left: 19px;
	top: 26px;
}

@media (max-width: 535px) {
	.databases_error_loading {
		left: unset;
	}
}

.dbaas-table .np-dbaas label:nth-child(1) .select2-selection__rendered {
	position: relative;
	bottom: 5px;
	right: 6px;
}

.dbaas-table .np-dbaas label:nth-child(3) .select2-selection__rendered {
	position: relative;
	bottom: 6px;
	text-align: left;
}

.info_message code {
	background-color: #eee !important;
	padding: 0px 4px !important;
}

#dbaas_alerts {
	margin-bottom: 15px;
}

#dbaas_alerts .dbaasAlert:not(:first-child) {
	margin-top: 25px;
	margin-bottom: 0px;
}

.dbaasAlert {
	margin-bottom: 0px;
}

.dbaasAlert > div {
	color: #000;
}

#dbaas_orderform-external_submit_btn {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 24%;
	min-width: 160px;
	background-color: var(--brand-primary);
	color: var(--bg-primary) !important;
	font-size: 17px;
	font-weight: 500;
	transition: all ease-in 0.15s;
}

@media (min-width: 0px) and (max-width: 767px) {
	#dbaas_orderform-external_submit_btn {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		width: 100%;
		border-radius: 0;
		z-index: 1001;
	}
}

#dbaas_orderform-external_submit_btn:hover {
	background: var(--nav-color);
}

@media (max-width: 1299px) {
	.dbaas-table .np-dbaas label:nth-child(1),
	.dbaas-table .np-dbaas label:nth-child(2),
	.dbaas-table .np-dbaas label:nth-child(3) {
		padding-left: unset;
		padding-right: unset;
	}

	.dbaas-table .np-dbaas label:nth-child(1) .select2-selection__rendered,
	.dbaas-table .np-dbaas label:nth-child(3) .select2-selection__rendered {
		bottom: 0px;
	}
}

.accordion > li .support_align {
	top: 3px;
}

.accordion .support_align_table {
	padding-right: 30px;
}

.dbaas-table-users > .np-dbaas {
	display: flex !important;
}

.dbaas-table-users > .np-dbaas > .floatinglabel {
	margin-bottom: unset;
}

.dbaas-table-users > .np-dbaas > .floatinglabel:first-child,
.dbaas-table-users > .np-dbaas > .floatinglabel:nth-child(2),
.dbaas-table-users > .nodepool-table-header > span:first-child,
.dbaas-table-users > .nodepool-table-header > span:nth-child(2) {
	width: 20%;
}

.dbaas-table-users > .np-dbaas > .floatinglabel:nth-child(3),
.dbaas-table-users > .nodepool-table-header > span:nth-child(3) {
	width: 60% !important;
}

.dbaas-table-users-modal > .np-dbaas > .floatinglabel:first-child,
.dbaas-table-users-modal > .nodepool-table-header > span:first-child {
	width: 20%;
}

.dbaas-table-users-modal > .np-dbaas > .floatinglabel:nth-child(2),
.dbaas-table-users-modal > .nodepool-table-header > span:nth-child(2) {
	width: 20%;
}

.dbaas-table-users-modal > .np-dbaas > .floatinglabel:nth-child(3),
.dbaas-table-users-modal > .nodepool-table-header > span:nth-child(3) {
	width: 60%;
}

.dbaas-table-users-modal .np-dbaas .floatinglabel .select2-container--default {
	width: unset !important;
}

.dbaas-table-users,
.dbaas-table-users-modal {
	border-bottom: 1px solid var(--border);
}

.dbaas-table-users-modal > .np-dbaas > .floatinglabel {
	display: table-cell;
}

.dbaas-table-users-modal > .np-dbaas > .floatinglabel > :first-child {
	position: unset;
	display: unset;
}

.dbaas-table-users-modal > .np-dbaas > .floatinglabel > input {
	font-size: 14px;
}

.dbaas-table-users
	.np-dbaas
	.floatinglabel
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered,
.dbaas-table-users-modal
	.np-dbaas
	.floatinglabel
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	padding-top: 7px;
}

.dbaas-pw {
	position: relative;
	top: 10;
	left: 10;
}

.dbaas-table-users > * > :last-child {
	text-align: unset;
}

.resetPwModalButton,
.accessControlModalButton,
.editPoolButton,
.dbaas-delete-user,
.dbaas-destroy-db {
	padding: 4px 13px;
	font-size: 12px;
	display: unset;
}

.connectionDetailsButton {
	padding: 4px 13px;
	font-size: 10px;
	display: unset;
	background-color: var(--brand-primary);
	text-transform: uppercase;
	font-weight: 400;
}

.connectionDetailsButton:hover {
	color: #fff;
	background-color: #2094fd;
	outline: none;
}

@media (min-width: 1300px) {
	.resetPwModalButton,
	.editPoolButton,
	.dbaas-delete-user {
		position: relative;
	}

	.modal-users-mobile-label {
		display: none !important;
	}
}

.dbaas-delete-user {
	margin-left: 10px;
}

.dbaas_dbs_responsivetable_actions {
	position: relative;
}

.dbaas-table-users > .np-dbaas > .floatinglabel > .users-mobile-label {
	display: none !important;
}

#dbUserDisplayName {
	position: relative;
	top: 15px;
}

@media (max-width: 925px) and (min-width: 767px) {
	.dbaas_dbs_responsivetable_actions {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		top: -21px;
		right: 20px;
	}

	#resetPwModalButton,
	.accessControlModalButton,
	.editPoolButton,
	#deleteUserModalButton {
		margin-bottom: 5px;
	}

	.dbaas-table-users > .np-dbaas > .floatinglabel:nth-child(3) {
		width: 50% !important;
	}

	.dbaas-table-users > .nodepool-table-header > span:nth-child(3) {
		width: 45% !important;
	}

	.dbaas-table-users > .nodepool-table-header > span:nth-child(2) {
		width: 30%;
	}

	.dbaas-delete-user {
		margin-top: 5px;
		margin-left: unset;
	}
}

@media (max-width: 767px) {
	.dbaas-table-users .nodepool-table-header {
		display: none !important;
	}

	.dbaas_dbs_responsivetable_actions {
		margin-right: 5px;
		flex-direction: column;
		align-items: center;
	}

	.dbaas-table-users > .np-dbaas > .floatinglabel:first-child {
		width: 27%;
	}

	.dbaas-pw {
		position: relative;
	}
}

@media (max-width: 767px) and (min-width: 525px) {
	.dbaas-table-users > .np-dbaas > .floatinglabel > .users-mobile-label {
		display: inline-block !important;
	}

	.dbaas-table-users
		> .np-dbaas
		> .floatinglabel:nth-child(3)
		> .users-mobile-label {
		margin-top: -2px;
	}

	.dbaas-table-users > .np-dbaas > .floatinglabel:nth-child(3) > .dbaas-pw,
	.dbaas-table-users
		> .np-dbaas
		> .floatinglabel:nth-child(2)
		> .dbaas-pw-encrypt {
		top: 22px !important;
	}

	.dbaas-pw-encrypt {
		position: relative;
		margin-left: 15px;
	}

	.dbaas-table-users > .np-dbaas:not(:first-child) > .floatinglabel {
		position: relative;
		bottom: 20px;
	}

	.users-data-db {
		position: relative;
		top: 21px;
		left: 15px;
	}

	.dbaas-table-users {
		overflow: hidden;
	}
}

@media (max-width: 525px) {
	.dbaas_dbs_responsivetable_actions {
		position: unset;
		top: unset;
		display: unset;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.dbaas-table-users > .np-dbaas > .floatinglabel:nth-child(3) {
		position: unset;
		top: unset;
		float: unset;
		right: unset;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
	}

	.dbaas-table-users
		> .np-dbaas
		> .floatinglabel:nth-child(3)
		> .users-mobile-label {
		position: relative;
		left: unset;
		top: unset;
	}

	.dbaas-table-users > .np-dbaas > .floatinglabel > .users-mobile-label {
		display: inline-block !important;
	}

	#deleteUserModalButton {
		margin-left: unset;
	}

	.dbaas-delete-user {
		margin-top: unset;
	}

	.dbaas-pw-encrypt {
		position: relative;
		top: 27px !important;
		left: 10px;
	}

	.np-dbaas {
		overflow: hidden;
	}

	.dbaas-table-users > .np-dbaas:not(:first-child) > .floatinglabel {
		position: relative;
		bottom: 20px;
	}

	.users-data-db {
		position: relative;
		top: 21px;
		left: 15px;
	}

	.dbaas-table-users {
		overflow: hidden;
	}

	#dbUserAddUsername {
		width: 100%;
	}
}

.dropdown-confirmation-red {
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
}

@media (max-width: 925px) {
	#addUserModal .np-dbaas,
	#resetPwModal .np-dbaas {
		flex-direction: column;
	}

	#addUserModal
		.block1290
		.dbaas-table-users-modal
		.np-dbaas
		.floating-label:nth-child(1),
	#addUserModal
		.block1290
		.dbaas-table-users-modal
		.np-dbaas
		.floating-label:nth-child(2),
	#addUserModal
		.block1290
		.dbaas-table-users-modal
		.np-dbaas
		.floating-label:nth-child(3) {
		width: 100% !important;
	}

	.modal-users-mobile-label {
		margin-left: 15px;
	}
}

@media (max-width: 1299px) {
	.modal-users-mobile-label {
		display: inline-block !important;
		text-align: left !important;
	}
}

.dbaas-modal-table {
	border-top: 1px solid var(--border-secondary);
	border-left: 1px solid var(--border-secondary);
	border-right: 1px solid var(--border-secondary);
	border-bottom: 1px solid var(--border-secondary);
	width: 100%;
	background: var(--bg-primary);
	border-radius: 0;
	box-shadow: none;
}

.dbaas-modal-table .nodepool-table-header {
	display: flex;
}

.dbaas-modal-table .nodepool-table-header-db {
	display: grid;
}

.dbaas-modal-table > .np-dbaas > .floatinglabel {
	display: table-cell;
}

.dbaas-modal-table > :not(:first-of-type) > * {
	border-bottom: none;
}

.dbaas-modal-table > * > * {
	display: table-cell;
	padding: 10px 10px;
	border-bottom: 1px solid var(--border-secondary);
	vertical-align: middle;
	color: var(--text-primary);
}

.dbaas-modal-table .np-dbaas {
	display: flex;
}

.dbaas-modal-table .np-dbaas .floatinglabel-modal {
	display: inline-block !important;
}

.dbaas-modal-table .np-dbaas .floatinglabel-modal:nth-child(1),
.dbaas-modal-table .nodepool-table-header span:nth-child(1) {
	width: 25%;
}

.dbaas-modal-table .np-dbaas .floatinglabel-modal:nth-child(2),
.dbaas-modal-table .nodepool-table-header span:nth-child(2) {
	width: 35%;
}

.dbaas-modal-table .np-dbaas .floatinglabel-modal:nth-child(3),
.dbaas-modal-table .nodepool-table-header span:nth-child(3) {
	width: 40%;
}

.acl-table .np-dbaas {
	padding: 0px 10px 10px 10px;
	display: block;
}

.acl-table .np-dbaas .floatinglabel-modal {
	width: 100% !important;
	margin-top: 10px;
}

.mobile-label-modal-acl {
	position: absolute;
	pointer-events: none;
	font-size: 11px;
	color: var(--text-secondary);
	font-weight: bold;
	line-height: 18px;
	z-index: 100;
}

#accessControlModal .modal__content {
	width: 700px;
	max-width: 90%;
	padding: 35px;
}

#pw-mobile-label {
	width: 100%;
	z-index: 1;
}

.mobile-label-db {
	display: none;
}

.floatinglabel-modal-db {
	width: 100%;
}

@media (min-width: 925px) {
	.mobile-label-modal-add {
		display: none;
	}
}

@media (max-width: 1300px) {
	.mobile-label-modal-add,
	.mobile-label-db {
		position: absolute;
		pointer-events: none;
		font-size: 11px;
		color: var(--text-secondary);
		font-weight: bold;
		line-height: 18px;
		display: none;
		z-index: 100;
	}
}

#dbUserAuthentication {
	position: relative;
	top: 15px;
	left: 90px;
}

@media (max-width: 925px) {
	.dbaas-modal-table .nodepool-table-header,
	.dbaas-modal-table .nodepool-table-header-db {
		display: none;
	}

	.mobile-label-modal-add,
	.mobile-label-db {
		display: inline;
		margin-left: 3px;
	}

	.dbaas-modal-table .np-dbaas .floatinglabel-modal:nth-child(1),
	.dbaas-modal-table .np-dbaas .floatinglabel-modal:nth-child(2),
	.dbaas-modal-table .np-dbaas .floatinglabel-modal:nth-child(3) {
		width: 100%;
		line-height: 35px;
	}

	input[id="dbUserAddPassword"] {
		width: 100%;
	}
}

.dbaas-delete-btn:hover,
.dbaas-delete-btn:hover:focus {
	opacity: 0.5;
	color: white;
}

.sub-status {
	color: var(--brand-primary);
	font-weight: bolder;
}

.sub-status.warning {
	color: var(--warning);
}

#deleteDbCautionMessage {
	color: red;
	font-weight: bolder;
}

.link_hover a:hover {
	color: var(--nav-color);
}

#dbaas_restore_submit_btn {
	width: 100%;
	margin-bottom: 10px;
	background-color: var(--brand-primary);
	color: #fff;
}

#dbaas_restore_submit_btn:hover {
	background-color: var(--nav-color);
	color: #fff;
}

#dbaasCancelRestore:hover {
	color: var(--brand-primary);
}

#select2-pitr_second-results .select2-results__option[aria-disabled="true"] {
	display: none;
}

#select2-pitr_minute-results .select2-results__option[aria-disabled="true"] {
	display: none;
}

#select2-pitr_hour-results .select2-results__option[aria-disabled="true"] {
	display: none;
}

.gen_info_alignment div {
	display: unset !important;
	color: var(--text-primary) !important;
}

#select2-dbUserAddAuthentication-container {
	position: relative;
	bottom: 5px;
}

@media (max-width: 1300px) and (min-width: 926px) {
	#dbUserAuthentication {
		left: 51px;
	}
}

@media (max-width: 925px) {
	#dbUserAuthentication {
		left: unset;
	}

	#dbUserDisplayName {
		top: unset;
	}
}

#dbaasChildSubNodesContainer {
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	left: 180px;
}

.node-line-child {
	width: 30px;
	height: 15px;
	border: 2px solid var(--text-secondary);
	border-radius: 0px 7px;
	border-top: none;
	border-right: none;
	display: inline-block;
	position: relative;
}

#dbaasChildSubNodes {
	margin-left: 10px;
	margin-top: 12px;
	color: var(--brand-primary);
}

#dbaasChildSubNodes a {
	font-weight: bold;
}

@media (max-width: 575px) {
	#dbaasChildSubNodes {
		word-break: break-word;
		width: 100px;
	}
}

#dbaasRepNodeCont {
	display: flex;
}

.node-line-instances {
	width: 30px;
	height: 25px;
	border: 2px solid var(--text-secondary);
	border-radius: 0px 7px;
	border-top: none;
	border-right: none;
	display: flex;
	position: relative;
	left: 13px;
	top: 1px;
}

.migration_columns {
	display: flex;
}

.migration_col_left {
	margin-right: 5px;
}

.migrate_db_message {
	font-weight: bolder;
	color: var(--green);
}

#migrate_db_dismiss {
	font-weight: 400;
	margin-left: 20px;
	float: right;
}

#migrate_db_dismiss:hover,
#migrate_db_info span:hover {
	text-decoration: underline;
	cursor: pointer;
}

#migrate_db_info {
	color: var(--text-primary);
	font-weight: 400;
	font-size: 14px;
	width: 85%;
}

#migrate_db_info span {
	color: var(--brand-primary);
}

#sql_modes_heading {
	position: unset;
}

/* India Cyber Law feature */

#additDocsCyber {
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
	text-align: center;
	margin-top: 20px;
	padding: 20px;
	width: 500px;
}

#additDocsCyberHeading {
	color: var(--brand-primary);
	font-weight: bolder;
	text-align: center;
	align-items: center;
}

#additDocsCyberHeading a {
	color: var(--nav-color);
}

#additDocsCyberHeading a:hover {
	color: var(--brand-primary);
}

.cyberLawOptions {
	display: flex;
	margin-top: 40px;
	flex-direction: column;
}

#additDocsCyberSubhead {
	text-align: left;
}

#cyberAttachOne,
#cyberAttachTwo,
#cyberAttachThree,
#cyberAttachFour {
	position: relative;
	left: -12px;
	bottom: -33px;
	font-size: 11px;
	color: var(--text-secondary);
	font-weight: bold;
	line-height: 18px;
}

@media (max-width: 1355px) {
	.dbaas_dbs_responsivetable_actions {
		display: flex;
		flex-direction: column;
	}

	.dbaas-delete-user {
		margin-left: unset;
	}

	#editConnectionButton {
		margin-bottom: 10px;
	}
}

@media (max-width: 1090px) and (min-width: 767px) {
	#connectionDetailsButton,
	#dbaas-connection-details,
	.dbaas-connect-table > :nth-child(6) {
		display: none;
	}
}

.connect-mobile-label {
	display: none;
	font-size: 13px;
	font-weight: normal;
	color: var(--text-secondary);
}

.dbaas-table-connect-head {
	display: flex !important;
}

@media (max-width: 767px) {
	.connect-mobile-label {
		display: inline;
	}

	.dbaas-table-connect,
	.dbaas-table-connect-size {
		visibility: hidden;
	}

	.floatinglabel-connect {
		margin-left: 15px;
	}

	.dbaas-table-connect-head {
		display: none !important;
	}
}

input[name="pool_name"],
input[name="pool_size"] {
	box-sizing: border-box;
	width: 100%;
}

@media (max-width: 954px) {
	#np-connect-table {
		flex-direction: column;
	}

	input[name="pool_name"],
	input[name="pool_size"],
	.floatinglabel-modal-connect {
		width: 100% !important;
	}

	.nodepool-table-header-connect {
		display: none !important;
	}
}

@media (max-width: 850px) {
	#connect-actions {
		display: flex;
		flex-direction: column;
	}

	#connect-actions > * {
		margin-left: unset;
		margin-bottom: 5px;
	}
}

.form-compliance-data {
	border: 1px solid var(--border-secondary);
	border-radius: 3px;
	text-align: center;
	margin-top: 40px;
	padding: 20px;
	width: 615px;
}

.databaseLabelUpdate {
	word-break: break-all;
}

.gpu_usecase {
	position: absolute;
	top: 0px;
	margin-left: 36px;
	color: var(--brand-primary-link);
	font-weight: 500;
}

.recommended_cards.description {
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
	height: 110px;
	max-height: 110px;
	max-width: 178.5px;
}

.servertype_label .recommended_cards.description {
	max-height: 85px;
	height: 85px;
}

.recommended_cards.usecase {
	font-weight: 900;
	font-size: 13px;
	color: var(--brand-primary-link);
}

.recommended_title {
	font-size: 25px;
	line-height: 25px;
	white-space: normal !important;
}

label.servertype_label.recommended_card,
label.server-image.recommended_card,
label.marketplace-image.recommended_card {
	height: 258px !important;
	justify-content: inherit;
}

.deploy_checkbox_icon {
	top: 20px;
}

.recommended_icon {
	top: 25px;
}

.recommended_icon_marketplace {
	top: 25px !important;
}

.recommended_card .marketplace_app_deploy_label-more_info_btn {
	position: absolute;
	bottom: 10px;
}

#wire_transfer_memo {
	color: #ff0000;
	font-size: 12px;
}

#cyberLawDiv {
	margin-top: 20px;
}

#bmNvidiaImg {
	background: unset;
}

#bmNvidiaImg img {
	height: 22px;
	position: relative;
	bottom: 12px;
	right: 47px;
}

.info_act_heading {
	font-size: 22px;
	text-align: center;
}

.datacenter_comp_table thead th {
	padding: 8px;
	height: 64px;
	white-space: unset;
	text-transform: none;
	border-bottom-width: 1px;
	font-weight: 300;
	color: #a1a5b2;
}

.datacenter_comp_table tbody tr td:first-child {
	color: #525666;
	font-family: Roboto, sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 28px;
}

.datacenter_comp_table tbody tr td {
	border-bottom: none;
	vertical-align: middle;
	border-top: 1px solid #edeef2;
	padding: 8px;
	height: 64px;
}

#compliancesTable thead tr :nth-child(5),
#compliancesTable tbody tr :nth-child(5) {
	text-align: left;
}

#hipaa_comp_body {
	margin-bottom: 50px;
}

#compliancesTable {
	width: 782px;
}

@media (max-width: 954px) {
	#compliancesTable {
		width: 600px;
	}
}

@media (max-width: 600px) {
	#compliancesTableDiv {
		overflow: auto;
	}
}

#deploy_windowscore_warning {
	margin-top: -10px;
}

.server_status {
	margin-left: 50%;
	font-size: 16px;
}

.free-tier-info {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 3rem;
	margin-bottom: 3rem;
}

.mp_required_val:placeholder-shown {
	border: 1px solid #f08080;
}

.mp_required_val:placeholder-shown:focus {
	border: 1px solid #f5adad;
}

#datacenterTableBody tr td,
.datacenter_comp_table thead tr th,
.datacenter_comp_table thead tr th:last-child {
	text-align: center;
}

.compliance-tab-heading {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.compliance-icon {
	margin-bottom: 18px;
}

.app_content.article code {
	line-height: 2em;
}

.article.gpu_tab code {
	display: inherit;
	border-radius: 5px;
	color: brown;
	margin-top: 10px;
	margin-bottom: 10px;
	white-space: pre;
}

.subnav-header {
	border-bottom: 1px solid var(--border-secondary);
	padding: 13px 0px 2px 10px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	list-style: none;
}

.subnav-items {
	padding-left: 0px;
	color: var(--label);
}

.submenu-list-item {
	padding-left: 9px;
	align-items: center;
	color: black;
}

.submenu-list-item a {
	color: #020617;
}

.submenu-list-item:hover,
.submenu-list-item a:hover,
.submenu-list-item a:focus,
.submenu-list-item a:active {
	transition: background-color 0.3s;
}

.nav-icon {
	padding-right: 8px;
	margin-bottom: -5px;
}

.dropdown-button {
	border: none;
	background-color: transparent;
	font-size: 14px;
	cursor: pointer;
}

#header-subnav {
	text-align: left;
	left: 90px;
	background-color: var(--bg-primary);
	font-size: 14px;
	border-right: 0.5px solid var(--border-secondary);
	width: 190px;
}

.dropdown-category {
	color: black;
	cursor: pointer;
}

.dropdown-items::before {
	content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTEgMEwxIDM1IiBzdHJva2U9IiNDOUM5QzkiIHN0cm9rZS13aWR0aD0iMC41Ii8+Cjwvc3ZnPgo=");
}

.docs-card {
	display: flex;
	padding: 5px;
	border-radius: 5px;
	box-shadow:
		0px 0px 0px 1.5px rgba(10, 14, 29, 0.04),
		0px 3px 16px 0px rgba(10, 14, 29, 0.06);
	background: #fcfcfc;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.docs-card a {
	color: black;
}

.snapshot_inline_checkbox {
	display: inline-block;
}

/**
	Note: do not add any styles below .hidden unless theyre intended to override .hidden
**/
.hidden {
	display: none;
}