@import url('../../bite/css/biteReset.css?cacheBust=019490ade0c486d0005bf5dd92580e63') layer;
@import url('../../font-awesome/css/regular.min.css?cacheBust=9c6fcc60bba56a931c32278ac66ffdca');
@import url('../../font-awesome/css/solid.min.css?cacheBust=25edd8dbfaac7e58a3023fa4440bf76a');
@import url('../../noto-sans/noto-sans.css?cacheBust=cd78f58895e743c0533da9a9af510abf');
/*@import url('../../material-design-icons/material-design-icons.css?cacheBust=be321cd16b7ba479075d88378ffbd02d');*/
@import url('../../newvm-common/css/newvmCommon.css?cacheBust=880593eff14b55d4bb1ca6dad49599f4');
@import url('../../newvm-shop/css/shop.css?cacheBust=8026e06007ce24480dee24737d4d667d');

:root {
	--isGuiStyleDefinition: true;
}

/* full page (rather than embedded) */
body.newvm-portal-portalAppFullPage,
.newvm-portal-portalAppFullPage body {
	/* To prevent pull-down-refresh feature in mobile chrome (used to be overflow-y: hidden;) */
	overscroll-behavior: contain;
	background-color: var(--newvm-colorLion);
}
html.newvm-portal-portalAppFullPage,
body.newvm-portal-portalAppFullPage,
.newvm-portal-portalAppFullPage body {
	height: 100%;
}

/* bootstrap */
.newvm-portal-portalApp-bootstrap-loader-spinner {
	margin: 20px auto auto auto;
	width: 40px;
	height: 40px;
}
.newvm-portal-portalApp-bootstrap-loader-spinner:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 4px solid var(--newvm-colorShark);
	border-color: var(--newvm-colorShark) transparent var(--newvm-colorShark) transparent;
	animation: newvm-portal-portalApp-bootstrap-loader-spinner-animation 1.2s linear infinite;
}
@keyframes newvm-portal-portalApp-bootstrap-loader-spinner-animation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.newvm-portal-portalApp-bootstrap-loader-text {
	margin-top: 15px;
	text-align: center;
	color: var(--newvm-colorShark);
}
.newvm-portal-portalApp-bootstrap-failure {
    margin-top: 15px;
	display: flex;
	justify-content: center;
	color: var(--newvm-colorRhino);
}
.newvm-portal-portalApp-bootstrap-failure:before {
	margin-right: 5px;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	content: '\f06a';
}

/* init */
.newvm-portal-portalApp-init-failure {
	display: flex;
	justify-content: center;
	color: var(--newvm-colorRhino);
}
.newvm-portal-portalApp-init-failure:before {
	margin-right: 5px;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 900;
	content: '\f06a';
}

/* portalApp */
.newvm-portal-portalApp {
	--extends: newvm-common-main;
	--extends2: bite-reset-global;
	/* @temp */
/*	max-width: 1140px;*/
/*	margin: auto;*/
	height: 100%;
}
/*.newvm-portal-portalApp-version {
	font-size: var(--newvm-sizeLithium);
}*/


/* preLogin shared between login form and forgot password form */
.newvm-portal-preLogin {
	/* Flex to allow sticky version at bottom */
	display: flex;
	flex-direction: column;
	margin: auto;
	padding: 25px 25px 0 25px;
	/* Stretch height so version is displayed at the bottom */
	height: 100%;
	max-width: 500px;
	
}
.newvm-portal-preLogin-toolbar {
	display: flex;
	margin-bottom: 25px;
}
.newvm-portal-preLogin-toolbar-languageDropdownField {
	/*icon \f1ab*/
}
.newvm-portal-preLogin-logo {
	margin-bottom: 10px;
	min-height: 50px;
	background-image: url('../../newvm-common/img/logo-horizontal.png?cacheBust=797020b3cee3059e22fa3795a880c70d');
	background-size: contain;
}
.newvm-portal-preLogin-header {
	margin-bottom: 30px;
	font-size: var(--newvm-sizeOxygen);
	font-weight: var(--newvm-weightSemiBold);
	text-align: center;
}
.newvm-portal-preLogin-backToLoginButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	--newvm-fontAwesomeIconContent: '\f060';
	margin-bottom: 10px;
}
.newvm-portal-preLogin-form {
	--extends: newvm-common-form;
}
.newvm-portal-preLogin-form-footer-buttons-largeButton {
/*	display: flex;*/
	flex-grow: 1;
	padding-top: 15px;
	padding-bottom: 15px;
}
.newvm-portal-preLogin-footer {
	display: flex;
	align-items: baseline;
	margin-top: auto;
	/* Always have some bottom margin to prevent tiny scroll because of text with letters that are drawn below baseline (like "g") */
	margin-bottom: 5px;
	padding-top: 10px;
}
.newvm-portal-preLogin-footer-logoutButton {
	--extends: newvm-common-whiteButton;
}
.newvm-portal-preLogin-footer-version {
	margin-left: auto;
	font-size: var(--newvm-sizeLithium);
}

/* login */
.newvm-portal-login {
	--extends: newvm-portal-preLogin;
}
.newvm-portal-login-toolbar {
	display: flex;
}
.newvm-portal-login-toolbar-languageSwitcher {
	margin-left: auto;
}
.newvm-portal-login-form-options {
	display: flex;
	margin-bottom: 20px;
	padding-top: 10px;
}
.newvm-portal-login-form-options-stayLoggedInCheckboxField {
	margin-right: auto;
	font-size: var(--newvm-sizeHelium);
}
.newvm-portal-login-form-options-forgotPasswordButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	flex-shrink: 0;
	margin-left: 15px;
	font-size: var(--newvm-sizeHelium);
}
.newvm-portal-login-form-footer-buttons-loginButton {
	--extends: &-largeButton;
}
.newvm-portal-login-passkeyLoginButton {
	padding-top: 15px;
	padding-bottom: 15px;
	--newvm-fontAwesomeIconContent: '\f084';
}

/* forgotPassword */
.newvm-portal-forgotPassword {
	--extends: newvm-portal-preLogin;
}
.newvm-portal-forgotPassword-form-footer-buttons-sendPasswordResetLinkButton {
	--extends: &-largeButton;
}

/* resetPassword */
.newvm-portal-resetPassword {
	--extends: newvm-portal-preLogin;
}
.newvm-portal-resetPassword-form-footer-buttons-resetPasswordButton {
	--extends: &-largeButton;
}

/* signAgreements */
.newvm-portal-signAgreements {
	--extends: newvm-portal-preLogin;
}

/* signAgreement */
.newvm-portal-signAgreement-agreement-intro {
	padding-top: 10px;
}
.newvm-portal-signAgreement-agreement-download-downloadPdfButton {
	display: flex;
	padding: 15px 0;
	margin: 12px 0 30px 0;
	--newvm-fontAwesomeIconContent: '\f1c1';
}
.newvm-portal-signAgreement-agreement-postponeButton {
	--extends: newvm-common-greyButton;
	display: flex;
	padding: 15px 0;
	margin: 12px 0 5px 0;
/*	--newvm-fontAwesomeIconContent: '\f017';*/
}
.newvm-portal-signAgreement-agreement-doneButton {
	float: right;
}
.newvm-portal-signAgreement-form {
	--extends: newvm-common-form;
}
.newvm-portal-signAgreement-form-footer-signButton {
	display: flex;
	padding: 15px 0;
/*	--newvm-fontAwesomeIconContent: '\f5b7';*/
/*	--newvm-fontAwesomeIconContent: '\f5ad';*/
}

/* layout panels */
.newvm-portal-fillPanel {
	/* Fill the (remaining) space of a flex container allowing inner content panels to have their scrolls */
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	max-height: 100%;
}
.newvm-portal-contentPanel {
	display: flex;
	gap: 20px;
	/* This allows the panel to fill the height to max remaining space (kinda like height: 100%) and pass the scroll to children */
/* @todo This does not work when a second contentPanel is nested inside, check why (used in: shop, vmTabs, opticonTabs) */
	min-height: 0;
	flex-grow: 1;
	align-items: flex-start; /* To prevent children height from stretching */
	/*align-content: flex-start;*/ /* To prevent space between children */
}
@media screen and (max-width: 600px) {
	.newvm-portal-contentPanel {
		flex-wrap: wrap;
	}
}

.newvm-portal-portalApp-mainLayout {
	display: flex;
	height: 100%;
}

.newvm-portal-portalApp-navigationPanel {
	display: flex; /* Needed to get our own scroll */
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 0;
	width: 220px; /* On mobile when not a flex child */
	max-width: 220px;
	border-right: 1px solid var(--newvm-colorHippo);
}
@media screen and (max-width: 700px) {
	.newvm-portal-portalApp-navigationPanel {
		/* @todo popup? */
		z-index: 2;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		transform-origin: 0 0;
		transition: transform 0.4s ease;
		transform: translate(-100%, 0);
		/* White background because it's needs to be able to overlap the other content */
		background-color: var(--newvm-colorLion);
	}
}
.newvm-portal-portalApp-navigationPanel.show {
	transform: none;
}
.newvm-portal-portalApp-navigationPanel-header {
	margin-bottom: 10px;
}
.newvm-portal-portalApp-navigationPanel-header-logo {
	margin: 10px 0 0 15px;
	width: 140px;
	height: 45px;
	background-image: url('../../newvm-common/img/logo-horizontal.png?cacheBust=797020b3cee3059e22fa3795a880c70d');
	background-size: contain;
}
.newvm-portal-portalApp-navigationPanel-header-environment {
	text-align: center;
	color: var(--newvm-colorLion);
	background-color: var(--newvm-colorTurtle);
}
.newvm-portal-portalApp-navigationPanel-content {
	overflow-y: auto;
	display: flex; /* To center the logout button */
	flex-direction: column;
}
.newvm-portal-portalApp-navigationPanel-content-logoutButton {
	--extends: newvm-common-whiteButton;
	margin: auto;
}
.newvm-portal-portalApp-navigationPanel-content-version {
	padding: 5px;
	font-size: var(--newvm-sizeLithium);
	color: var(--newvm-colorBat);
}

.newvm-portal-portalApp-navigationPanelBackground {
	/* To overlay any other (regular) elements that have a z-index of 1 */
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	/* Hide by setting a height 0, display: none will cancell all transitions */
	height: 0;
	background-color: #000000cc;
	
	opacity: 0;
	transition: opacity 0.4s ease, height 0.4s steps(1, end);
}
.newvm-portal-portalApp-navigationPanelBackground.checked {
	height: 100%;
	opacity: 1;
	transition: opacity 0.4s ease, height 0.4s steps(1, start);
}

.newvm-portal-portalApp-mainPanel {
	--extends: newvm-portal-fillPanel;
}

.newvm-portal-portalApp-toolbar {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px;
	border-bottom: 1px solid var(--newvm-colorHippo);
}
.newvm-portal-portalApp-toolbar-navigationPanelToggle {
	--ignoreClass: global;
	display: none; /* Hide by default */
	
	flex-direction: column;
	justify-content: space-between;
	width: 22px;
	height: 19px;
	cursor: pointer;
}
.newvm-portal-portalApp-toolbar-navigationPanelToggle-line {
	width: 100%;
	height: 3px;
	background-color: var(--newvm-colorBat);
	border-radius: 3px;
}
@media screen and (max-width: 700px) {
	.newvm-portal-portalApp-toolbar-navigationPanelToggle {
		display: flex;
	}
}
.newvm-portal-portalApp-toolbar-cartButton {
	--ignoreClass: global;
	--newvm-fontAwesomeIconContent: '\f07a';
	cursor: pointer;
}
.newvm-portal-portalApp-toolbar-cartButton-icon {
	--extends: newvm-fontAwesomeIconSolid;
	width: 36px;
	font-size: 22px; /* Icon size */
	text-align: center;
	color: var(--newvm-colorBat);
}
.newvm-portal-portalApp-toolbar-cartButton-dot {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 1px;
	width: 14px;
	height: 14px;
	font-size: var(--newvm-sizeCarbon);
	text-align: center;
	border-radius: 50%;
	background-color: var(--newvm-colorTurtle);
	color: var(--newvm-colorLion);
}
.newvm-portal-portalApp-toolbar-breadcrumbs {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.newvm-portal-portalApp-toolbar-breadcrumbs-breadcrumb {
	--ignoreClass: global;
	--extends: newvm-common-link;
}
/*.newvm-portal-portalApp-toolbar-breadcrumbs-breadcrumb.passthrough {
	color: inherit;
	cursor: auto;
}*/
.newvm-portal-portalApp-toolbar-breadcrumbs-breadcrumb.current {
	color: inherit;
	cursor: auto;
}
.newvm-portal-portalApp-toolbar-breadcrumbs-separator {
	color: var(--newvm-colorBat);
}
.newvm-portal-portalApp-toolbar-breadcrumbs-separator:before {
	content: '/';
}

.newvm-portal-portalApp-contentPanel {
	--extends: newvm-portal-contentPanel;
	overflow-y: auto; /* Scroll when content blocks wrap */
	padding: 20px;
	background-color: #fbfbfb;
}
@media screen and (max-width: 600px) {
	.newvm-portal-portalApp-contentPanel {
		padding: 20px 0 0 0;
	}
}
.newvm-portal-portalApp-contentPanel.profile {
	flex-wrap: wrap;
}
@media screen and (max-width: 1100px) {
	.newvm-portal-portalApp-contentPanelBlock.block1 {
		display: none;
	}
}
.newvm-portal-portalApp-contentPanelBlock.current {
	/* Override the hidden blocks if it's the current block */
	display: flex;
}

/* shop */
.newvm-portal-portalApp-shop {
	display: flex; /* To allow flex-basis on children */
	flex-grow: 1; /* To take up the full contentPanel */
	max-height: 100%; /* To allow contentBlock-content to scroll */
}
@media screen and (max-width: 1400px) {
	/* @todo need to take navigationMenu into account */
	.newvm-portal-portalApp-shop-vmShop-wrapper {
		min-height: auto; /* Move scrolling from individual contetBlock-content to contentPanel */
	}
}
@media screen and (max-width: 1225px) {
	/* @todo need to take navigationMenu into account */
	.newvm-portal-portalApp-shop {
		max-height: none; /* Move scrolling from individual contetBlock-content to contentPanel */
	}
}

/* navigationMenu */
.newvm-portal-navigationMenu {
	margin-bottom: 10px;
}
.newvm-portal-navigationMenu-loader {
	margin-bottom: 0;
}
.newvm-portal-navigationMenu-loader-spinner {
	width: 30px;
	height: 30px;
}
.newvm-portal-navigationMenu-loader-spinner:after {
	border-width: 3px;
}
.newvm-portal-navigationMenu-group-title {
	padding: 10px 5px 5px 10px;
	font-size: var(--newvm-sizeCarbon);
	font-weight: var(--newvm-weightSemiBold);
	text-transform: uppercase;;
	color: var(--newvm-colorBat);
}
.newvm-portal-navigationMenu-group-items-item {
	--ignoreClass: global;
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0 5px;
	padding: 3px 0 4px 5px;
	border-radius: 4px;
	cursor: pointer;
}
.newvm-portal-navigationMenu-group-items-item:hover,
.newvm-portal-navigationMenu-group-items-item:focus-visible {
	background-color: var(--newvm-colorHippo);
}
.newvm-portal-navigationMenu-group-items-item.active {
	color: var(--newvm-colorShark);
	background-color: var(--newvm-colorBison);
}

.newvm-portal-navigationMenu-group-items-item-icon {
	--extends: newvm-fontAwesomeIconSolid;
	width: 36px;
	font-size: 22px; /* Icon size */
	text-align: center;
	color: var(--newvm-colorBat);
}
.newvm-portal-navigationMenu-group-items-item.active .newvm-portal-navigationMenu-group-items-item-icon {
	color: var(--newvm-colorShark);
}
.newvm-portal-navigationMenu-group-items-item-label {
	color: var(--newvm-colorZebra);
}
.newvm-portal-navigationMenu-group-items-item.active .newvm-portal-navigationMenu-group-items-item-label {
	color: var(--newvm-colorShark);
}
.newvm-portal-navigationMenu-group-items-item-dot {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 1px;
	width: 14px;
	height: 14px;
	font-size: var(--newvm-sizeCarbon);
	text-align: center;
	border-radius: 50%;
	background-color: var(--newvm-colorTurtle);
	color: var(--newvm-colorLion);
}

/* navigationMenu general */
.newvm-portal-navigationMenu-group-items-dashboardItem {
	--newvm-fontAwesomeIconContent: '\f009';
}
.newvm-portal-navigationMenu-group-items-shopItem {
	--newvm-fontAwesomeIconContent: '\f07a';
}
/* navigationMenu hosting */
.newvm-portal-navigationMenu-group-items-vmsItem {
	--newvm-fontAwesomeIconContent: '\f233';
}
.newvm-portal-navigationMenu-group-items-vpcsItem {
	--newvm-fontAwesomeIconContent: '\f6ff';
}
.newvm-portal-navigationMenu-group-items-objectStoresItem {
	--newvm-fontAwesomeIconContent: '\f15b';
}
.newvm-portal-navigationMenu-group-items-dedicatedServersItem {
	--newvm-fontAwesomeIconContent: '\f566';
}
.newvm-portal-navigationMenu-group-items-colocationItem {
	--newvm-fontAwesomeIconContent: '\f2d1';
}
.newvm-portal-navigationMenu-group-items-connectsItem {
	--newvm-fontAwesomeIconContent: '\f074';
}
.newvm-portal-navigationMenu-group-items-dcEdgePortsItem {
	--newvm-fontAwesomeIconContent: '\f796';
}
.newvm-portal-navigationMenu-group-items-domainsItem {
	--newvm-fontAwesomeIconContent: '\f558';
}
.newvm-portal-navigationMenu-group-items-ipAddressesItem {
	--newvm-fontAwesomeIconContent: '\f7bf';
}
.newvm-portal-navigationMenu-group-items-backupItem {
	--newvm-fontAwesomeIconContent: '\f1da';
}
.newvm-portal-navigationMenu-group-items-certificatesItem {
	--newvm-fontAwesomeIconContent: '\f023';
}
.newvm-portal-navigationMenu-group-items-licensesItem {
	--newvm-fontAwesomeIconContent: '\f5f3';
}
.newvm-portal-navigationMenu-group-items-opticonItem {
	--newvm-fontAwesomeIconContent: '\f5f8';
}
/* navigationMenu administrative */
.newvm-portal-navigationMenu-group-items-ordersItem {
	--newvm-fontAwesomeIconContent: '\f543';
}
.newvm-portal-navigationMenu-group-items-invoicesItem {
	--newvm-fontAwesomeIconContent: '\f571';
}
/* navigationMenu account */
.newvm-portal-navigationMenu-group-items-accountDetailsItem {
	--newvm-fontAwesomeIconContent: '\f508';
}
.newvm-portal-navigationMenu-group-items-customersItem {
	--newvm-fontAwesomeIconContent: '\f508';
}
.newvm-portal-navigationMenu-group-items-contactsItem {
	--newvm-fontAwesomeIconContent: '\f2b9';
}
.newvm-portal-navigationMenu-group-items-usersItem {
	--newvm-fontAwesomeIconContent: '\f0c0';
}
.newvm-portal-navigationMenu-group-items-confidentialNotesItem {
	--newvm-fontAwesomeIconContent: '\e3a6';
}
.newvm-portal-navigationMenu-group-items-publicSshKeysItem {
	--newvm-fontAwesomeIconContent: '\f084';
}
.newvm-portal-navigationMenu-group-items-profileItem {
	--newvm-fontAwesomeIconContent: '\f2bd';
}
.newvm-portal-navigationMenu-group-items-supportItem {
	--newvm-fontAwesomeIconContent: '\e1e7'; /* Pro */
/*	--newvm-fontAwesomeIconContent: '\f2bd';*/
}

/* dashboard */
.newvm-portal-dashboard {
	width: 100%;
	height: 100%;
}
.newvm-portal-dashboard-header {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}
.newvm-portal-dashboard-header-info {
	display: flex;
	gap: 5px;
	font-weight: var(--newvm-weightSemiBold);
	color: var(--newvm-colorBear);
}
@media screen and (max-width: 600px) {
	.newvm-portal-dashboard-header-info {
		padding: 0 20px;
	}
}
.newvm-portal-dashboard-header-switcherWrapper {
	display: flex;
	margin-left: auto;
	gap: 10px;
}
@media screen and (max-width: 600px) {
	.newvm-portal-dashboard-header-switcherWrapper {
		margin: 0 20px;
	}
}
.newvm-portal-dashboard-content {
	--extends: newvm-portal-portalApp-contentPanel;
	padding: 0;
	flex-wrap: wrap;
}

/* notificationListing */
.newvm-portal-notificationListing {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-notificationListing-content-notifications-notification {
	margin-bottom: 10px;
	border-bottom: 1px solid var(--newvm-colorHippo);
	padding-bottom: 10px;
}
.newvm-portal-notificationListing-content-notifications-notification-header {
	display: flex;
	align-items: flex-start; /* Prevent children height from stretching */
	margin-bottom: 5px;
}
.newvm-portal-notificationListing-content-notifications-notification-header-title {
/*	font-weight: var(--newvm-weightSemiBold);*/
	color: var(--newvm-colorBear);
}
.newvm-portal-notificationListing-content-notifications-notification-header-level {
	--extends: newvm-common-badge;
	margin-left: auto;
}
.newvm-portal-notificationListing-content-notifications-notification.notice .newvm-portal-notificationListing-content-notifications-notification-header-level {
	--newvm-common-badge-color: var(--newvm-colorTurtle);
}
.newvm-portal-notificationListing-content-notifications-notification.warning .newvm-portal-notificationListing-content-notifications-notification-header-level {
	--newvm-common-badge-color: var(--newvm-colorPuma);
}
.newvm-portal-notificationListing-content-notifications-notification.error .newvm-portal-notificationListing-content-notifications-notification-header-level {
	--newvm-common-badge-color: var(--newvm-colorSnake);
}
.newvm-portal-notificationListing-content-notifications-notification-toggleShowDetailsButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	--newvm-fontAwesomeIconContent: '\f0da';
}
.newvm-portal-notificationListing-content-notifications-notification.showDetails .newvm-portal-notificationListing-content-notifications-notification-toggleShowDetailsButton {
	--newvm-fontAwesomeIconContent: '\f0d7';
}
.newvm-portal-notificationListing-content-notifications-notification-message {
	/* Using margin top because message is hidden/shown and only needs a gap between toggleShowDetailsButton if it is shown */
	margin-top: 10px;
	white-space: break-spaces;
}

/* unsignedAgreementListing */
.newvm-portal-unsignedAgreementListing {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-unsignedAgreementListing-content-agreements-agreement {
	margin-bottom: 10px;
	border-bottom: 1px solid var(--newvm-colorHippo);
	padding-bottom: 10px;
}
.newvm-portal-unsignedAgreementListing-content-explanation {
	padding-bottom: 10px;
	white-space: break-spaces;
}
.newvm-portal-unsignedAgreementListing-content-agreements-agreement-item {
	display: flex;
	gap: 20px;
}
.newvm-portal-unsignedAgreementListing-content-agreements-agreement-item-label {
	min-width: 65px;
}
.newvm-portal-unsignedAgreementListing-content-agreements-agreement-toggleShowDetailsButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	--newvm-fontAwesomeIconContent: '\f0da';
}
.newvm-portal-unsignedAgreementListing-content-agreements-agreement.showDetails .newvm-portal-unsignedAgreementListing-content-agreements-agreement-toggleShowDetailsButton {
	--newvm-fontAwesomeIconContent: '\f0d7';
}
.newvm-portal-unsignedAgreementListing-content-agreements-agreement-message {
	/* Using margin top because message is hidden/shown and only needs a gap between toggleShowDetailsButton if it is shown */
	margin-top: 10px;
	white-space: break-spaces;
}

/* opticonSummary */
.newvm-portal-opticonSummary {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-opticonSummary-header-openOpticonWebButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	--newvm-fontAwesomeIconContent: '\f08e';
	margin-left: 10px;
	padding: 7px 15px;
}
.newvm-portal-opticonSummary-content-summary-summaryItem {
	display: flex;
	gap: 5px;
}
.newvm-portal-opticonSummary-content-summary-critical {
	color: var(--newvm-colorSnake);
}
.newvm-portal-opticonSummary-content-summary-alert {
	color: var(--newvm-colorPuma);
}
.newvm-portal-opticonSummary-content-summary-warning {
	color: var(--newvm-colorTurtle);
}
.newvm-portal-opticonSummary-content-summary-stale {
	color: var(--newvm-colorBunny);
}
.newvm-portal-opticonSummary-content-summary-ok {
	color: var(--newvm-colorFrog);
}
.newvm-portal-opticonSummary-content-summary-summaryItem-label {
	min-width: 160px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-opticonSummary-content-summary-summaryItem-value {
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-opticonSummary-content-updates {
	display: flex;
	gap: 5px;
	color: var(--newvm-colorRhino);
}
.newvm-portal-opticonSummary-content-updates-label {
	min-width: 160px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-opticonSummary-content-updates-value {
	font-weight: var(--newvm-weightSemiBold);
}


/* portal shop */
.newvm-portal-shop {
	--extends: newvm-shop-shop;
	--extends2: newvm-portal-contentPanel;
}
.newvm-portal-shop-shopCategoryChooser {
	--extends: newvm-shop-noBorderBlock;
	background-color: transparent;
	flex-basis: 750px;
}
.newvm-portal-shop-shopCategoryChooser-content-categories {
	display: flex;
	padding-bottom: 10px;
	gap: 20px;
	flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
	.newvm-portal-shop-shopCategoryChooser-content-categories {
		justify-content: space-around;
	}
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category {
	--ignoreClass: global;
	display: flex;
	flex-direction: column;
	padding: 10px;
	width: 230px;
	min-height: 190px;
	border-radius: 10px;
	border: 1px solid var(--newvm-colorHippo);
	box-shadow: #0000001a 2px 2px 7px 4px;
	cursor: pointer;
	background-color: var(--newvm-colorLion);
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-header {
	margin-bottom: 15px;
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-header-icon {
	--extends: newvm-fontAwesomeIconSolid;
	display: flex;
	font-size: 17px; /* Icon size */
	width: 35px;
	height: 35px;
	background-color: var(--newvm-colorBison);
	border-radius: 50%;
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-header-icon:before {
	margin: auto;
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-content {
	padding: 0 10px 5px 10px;
	flex-grow: 1;
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-content-name {
	margin-bottom: 3px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-footer {
	display: flex;
	justify-content: flex-end;
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-footer-nextIcon {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f061';
	display: flex;
	font-size: 17px; /* Icon size */
	width: 35px;
	height: 35px;
	color: var(--newvm-colorCrab);
	background-color: var(--newvm-colorTurtle);
	border-radius: 50%;
}
.newvm-portal-shop-shopCategoryChooser-content-categories-category-footer-nextIcon:before {
	margin: auto;
}
.newvm-portal-shop-shopCategoryChooser-content-categories-vmCategory {
	--newvm-fontAwesomeIconContent: '\f233';
}
.newvm-portal-shop-shopCategoryChooser-content-categories-backupCategory {
	--newvm-fontAwesomeIconContent: '\f1da';
}
.newvm-portal-shop-shopCategoryChooser-content-categories-colocationCategory {
	--newvm-fontAwesomeIconContent: '\f2d1';
}
.newvm-portal-shop-shopCategoryChooser-content-categories-dedicatedServerCategory {
	--newvm-fontAwesomeIconContent: '\f566';
}
.newvm-portal-shop-shopCategoryChooser-content-categories-fileBackupCategory {
	--newvm-fontAwesomeIconContent: '\f15b';
}
.newvm-portal-shop-shopCategoryChooser-content-categories-imageBackupCategory {
	--newvm-fontAwesomeIconContent: '\f8b5';
}
.newvm-portal-shop-shopCategoryChooser-content-categories-objectStoreCategory {
	--newvm-fontAwesomeIconContent: '\f15b';
}

/* shop product */
.newvm-portal-shop-shopProduct {
	--extends: newvm-common-contentBlock;
	flex-basis: 910px;
}
.newvm-portal-shop-shopProduct-content-text {
	margin-bottom: 20px;
}
.newvm-portal-shop-shopProduct-content-customizations,
.newvm-portal-shop-shopProduct-content-settings {
	margin-bottom: 20px;
}
.newvm-portal-shop-shopProduct-content-customizations-customization,
.newvm-portal-shop-shopProduct-content-settings-setting {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}
.newvm-portal-shop-shopProduct-content-customizations-customization-cards {
	--extends: newvm-shop-vmShop-vmCards;
}
.newvm-portal-shop-shopProduct-content-customizations-customization-cards-card {
	--extends: newvm-shop-vmShop-vmCards-vmCard;
}
.newvm-portal-shop-shopProduct-content-settings-setting-radioButtonGroup-name {
	margin-bottom: 5px;
}
.newvm-portal-shop-shopProduct-content-settings-setting-radioButtonGroup-radioButtonField {
	margin-bottom: 5px;
}
.newvm-portal-shop-shopProduct-content-customizations-customization-dropdownField,
.newvm-portal-shop-shopProduct-content-settings-setting-dropdownField,
.newvm-portal-shop-shopProduct-content-customizations-customization-textInputField,
.newvm-portal-shop-shopProduct-content-settings-setting-textInputField {
	flex-grow: 1;
}
.newvm-portal-shop-shopProduct-content-customizations-customization-numberInputField,
.newvm-portal-shop-shopProduct-content-settings-setting-numberInputField {
	margin-bottom: 10px;
	margin-right: 5px;
}
.newvm-portal-shop-shopProduct-content-customizations-customization-unit,
.newvm-portal-shop-shopProduct-content-settings-setting-unit {
	font-style: italic;
}
.newvm-portal-shop-shopProduct-content-order {
	margin-bottom: 20px;
}
.newvm-portal-shop-shopProduct-content-order-title {
	margin-bottom: 10px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-shop-shopProduct-content-footer-addToCartButton,
.newvm-portal-shop-shopProduct-content-footer-toCartButton {
	float: right;
}

/* shop image backup */
.newvm-portal-shop-shopImageBackup {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-shop-shopImageBackup-content-order-text {
	margin-bottom: 5px;
}
.newvm-portal-shop-shopImageBackup-content-order {
	margin-bottom: 20px;
}
.newvm-portal-shop-shopImageBackup-content-product-info {
	display: flex;
	gap: 10px;
	align-items: center;
}
.newvm-portal-shop-shopImageBackup-content-product-info-title {
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-shop-shopImageBackup-content-product-info-logo {
	margin: auto 0;
	background-size: contain;
}
.newvm-portal-shop-shopImageBackup-content-product.VEEAM_IMAGE_BCK .newvm-portal-shop-shopImageBackup-content-product-info-logo {
	width: 80px;
	height: 30px;
	/* @todo Do we want to use image from the newvm-shop 'package'? */
	background-image: url('../../newvm-shop/img/backup/veeam.svg?cacheBust=8c29da3f015a386b1282fe829d24c509');
}
.newvm-portal-shop-shopImageBackup-content-product.PROXMOX_IMAGE_BACKUP .newvm-portal-shop-shopImageBackup-content-product-info-logo {
	width: 140px;
	height: 30px;
	/* @todo Do we want to use image from the newvm-shop 'package'? */
	background-image: url('../../newvm-shop/img/backup/proxmox.svg?cacheBust=e4066a272181c2d69e72ae9e86762a96');
}
.newvm-portal-shop-shopImageBackup-content-product-footer-addToCartButton,
.newvm-portal-shop-shopImageBackup-content-product-footer-toCartButton {
	float: right;
}

/* shop object store */
.newvm-portal-shop-shopObjectStore {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-shop-shopObjectStore-content-section {
	margin-bottom: 10px;
}
.newvm-portal-shop-shopObjectStore-content-section-lines-line {
	display: flex;
	gap: 10px;
}

/* shared vxlan member section (vxlanDetails, vmVxlan) */
.newvm-portal-vxlanMemberSection {
	--extends: newvm-common-section;
}
.newvm-portal-vxlanMemberSection-header-showAddVxlanMemberButton {
	margin-left: auto;
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-vxlanMemberSection-addMember-vms,
.newvm-portal-vxlanMemberSection-addMember-vxlans {
	--extends: newvm-common-list;
}
.newvm-portal-vxlanMemberSection-addMember-vms-vm,
.newvm-portal-vxlanMemberSection-addMember-vxlans-vxlan {
	/* @todo need a different kind of list to extend because of the wrapper/left/right/button/loader situation */
	--extends: &-listItem;
	display: block; /* Override flex because of loader */
}
.newvm-portal-vxlanMemberSection-addMember-vms-vm-orderNumber,
.newvm-portal-vxlanMemberSection-addMember-vxlans-vxlan-vxlanNumber {
	min-width: 40px;
}
.newvm-portal-vxlanMemberSection-addMember-vms-vm-addVxlanMemberButton,
.newvm-portal-vxlanMemberSection-addMember-vxlans-vxlan-addVxlanMemberButton {
	--newvm-fontAwesomeIconContent: '\f055';
}
.newvm-portal-vxlanMemberSection-addMember-vms-vm-loader,
.newvm-portal-vxlanMemberSection-addMember-vxlans-vxlan-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-vxlanMemberSection-addMember-vms-vm-success,
.newvm-portal-vxlanMemberSection-addMember-vxlans-vxlan-success {
	margin-bottom: 0;
}
.newvm-portal-vxlanMemberSection-members {
	--extends: newvm-common-list;
}
.newvm-portal-vxlanMemberSection-members-member {
	/* @todo need a different kind of list to extend because of the wrapper/left/right/button/loader situation */
	--extends: &-listItem;
	display: block; /* Override flex because of loader */
}
.newvm-portal-vxlanMemberSection-members-member-orderNumber,
.newvm-portal-vxlanMemberSection-members-member-vxlanNumber {
	min-width: 40px;
}
.newvm-portal-vxlanMemberSection-members-member-macAddress {
	--extends: newvm-common-code;
}
.newvm-portal-vxlanMemberSection-members-member-success {
	margin-bottom: 0;
}
.newvm-portal-vxlanMemberSection-members-member-deleteButton {
	--extends: newvm-common-deleteButton;
}
.newvm-portal-vxlanMemberSection-members-member-loader {
	--extends: newvm-common-inlineLoader;
}







/* vmListing */
.newvm-portal-vmListing {
	--extends: newvm-common-listing;
}
.newvm-portal-vmListing-content-vms-vm-orderNumber {
	min-width: 40px;
}
.newvm-portal-vmListing-content-vms-vm-state {
	--extends: newvm-common-bullet;
	margin-left: auto;
}
.newvm-portal-vmListing-content-vms-vm.on .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.on {
	--newvm-common-bullet-color: var(--newvm-colorFrog);
}
.newvm-portal-vmListing-content-vms-vm.goingToHibernate .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.goingToHibernate,
.newvm-portal-vmListing-content-vms-vm.stopping .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.stopping,
.newvm-portal-vmListing-content-vms-vm.starting .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.starting,
.newvm-portal-vmListing-content-vms-vm.starting .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.starting,
.newvm-portal-vmListing-content-vms-vm.wakingFromHibernate .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.wakingFromHibernate,
.newvm-portal-vmListing-content-vms-vm.shuttingDown .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.shuttingDown,
.newvm-portal-vmListing-content-vms-vm.goingToSleep .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.goingToSleep,
.newvm-portal-vmListing-content-vms-vm.resetting .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.resetting,
.newvm-portal-vmListing-content-vms-vm.rebooting .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.rebooting {
	--newvm-common-bullet-color: var(--newvm-colorTurtle);
}
.newvm-portal-vmListing-content-vms-vm.off .newvm-portal-vmListing-content-vms-vm-state,
.newvm-portal-vmListing-content-vms-vm-state.off {
	--newvm-common-bullet-color: var(--newvm-colorSnake);
}
/* vmTabs */
.newvm-portal-vmTabs {
	--extends: newvm-portal-fillPanel;
}
.newvm-portal-vmTabs-tabs-tab-icon {
	font-size: 17px; /* Icon size */
}
.newvm-portal-vmTabs-tabs-infoTab {
	--newvm-fontAwesomeIconContent: '\f05a';
}
.newvm-portal-vmTabs-tabs-vpcTab {
	--newvm-fontAwesomeIconContent: '\f6ff';
}
.newvm-portal-vmTabs-tabs-ipTab {
	--newvm-fontAwesomeIconContent: '\f7bf';
}
.newvm-portal-vmTabs-tabs-backupTab {
	--newvm-fontAwesomeIconContent: '\f1da';
}
.newvm-portal-vmTabs-tabs-isoImageTab {
	--newvm-fontAwesomeIconContent: '\f8b5';
}
.newvm-portal-vmTabs-tabs-reinstallTab {
	--newvm-fontAwesomeIconContent: '\e5e7';
}
.newvm-portal-vmTabs-contentPanel {
	--extends: newvm-portal-contentPanel;
}

/* vm block */
.newvm-portal-vmBlock {
	--extends: newvm-common-contentBlock;
	flex-basis: 750px;
	border-top-left-radius: 0; /* Crossover into tabs */
}
.newvm-portal-vmBlock-header-info-state {
	--extends: newvm-common-badge;
}
.newvm-portal-vmBlock-header-info-state.on {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-vmBlock-header-info-state.goingToHibernate,
.newvm-portal-vmBlock-header-info-state.stopping,
.newvm-portal-vmBlock-header-info-state.starting,
.newvm-portal-vmBlock-header-info-state.wakingFromHibernate,
.newvm-portal-vmBlock-header-info-state.shuttingDown,
.newvm-portal-vmBlock-header-info-state.goingToSleep,
.newvm-portal-vmBlock-header-info-state.resetting,
.newvm-portal-vmBlock-header-info-state.rebooting {
	--newvm-common-badge-color: var(--newvm-colorTurtle);
}
.newvm-portal-vmBlock-header-info-state.off {
	--newvm-common-badge-color: var(--newvm-colorSnake);
}

/* vmDetails */
.newvm-portal-vmDetails {
	--extends: newvm-portal-vmBlock;
}
.newvm-portal-vmDetails-content-controls {
	margin-bottom: 20px;
}
.newvm-portal-vmDetails-content-controls-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-vmDetails-content-controls-buttons {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}
.newvm-portal-vmDetails-content-controls-buttons-button {
	white-space: nowrap;
}
.newvm-portal-vmDetails-content-controls-buttons-openConsoleButton {
	--extends: newvm-common-whiteButton;
}
.newvm-portal-vmDetails-content-orderSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmDetails-content-orderSection-header-upgradeButton {
	margin-left: auto;
	--newvm-fontAwesomeIconContent: '\f0e7';
}
.newvm-portal-vmDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmDetails-content-infoSection-content-uuidItem-name,
.newvm-portal-vmDetails-content-infoSection-content-biosGuidItem-name {
	--newvm-fontAwesomeIconContent: '\f577';
}
.newvm-portal-vmDetails-content-infoSection-content-uuidItem-value,
.newvm-portal-vmDetails-content-infoSection-content-biosGuidItem-value {
	--extends: newvm-common-code;
}
.newvm-portal-vmDetails-content-infoSection-content-firmwareItem-name {
	--newvm-fontAwesomeIconContent: '\f011';
}
.newvm-portal-vmDetails-content-infoSection-content-coresItem-name {
	--newvm-fontAwesomeIconContent: '\f2db';
}
.newvm-portal-vmDetails-content-infoSection-content-memoryItem-name {
	--newvm-fontAwesomeIconContent: '\f538';
}
.newvm-portal-vmDetails-content-infoSection-content-hardDiskItem-name {
	--newvm-fontAwesomeIconContent: '\f0a0';
}
.newvm-portal-vmDetails-content-infoSection-content-datacenterItem-name {
	--newvm-fontAwesomeIconContent: '\f1ad';
}
.newvm-portal-vmDetails-content-infoSection-content-monitoringItem-name {
	--newvm-fontAwesomeIconContent: '\f5f8';
}
.newvm-portal-vmDetails-content-infoSection-content-monitoringItem-value-gotoOpticonHostButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	text-decoration: underline;
}
/*
.newvm-portal-vmDetails-content-hardDiskSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmDetails-content-hardDiskSection-header-title {
	margin-right: 15px;
}
.newvm-portal-vmDetails-content-hardDiskSection-header-total {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f0a0';
	margin-right: auto;
}
.newvm-portal-vmDetails-content-hardDiskSection-header-total:before {
	margin-right: 10px;
}
.newvm-portal-vmDetails-content-hardDiskSection-hardDisks {
	--extends: newvm-common-list;
}
.newvm-portal-vmDetails-content-hardDiskSection-hardDisks-hardDisk {
	--extends: &-listItem;
}
.newvm-portal-vmDetails-content-hardDiskSection-hardDisks-hardDisk-sizeInUse {
	color: var(--newvm-colorSpider);
}
*/
.newvm-portal-vmDetails-content-operatingSystemSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem-value {
	display: flex;
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem-value:before {
	content: '';
	display: none;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background-size: contain;
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem.windows .newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem-value:before {
	display: block;
	background-image: url('../img/os/windows.svg?cacheBust=48a4c81707f6e3bde42e0375fa77db97');
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem.linux .newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem-value:before {
	display: block;
	background-image: url('../img/os/linux.svg?cacheBust=d6b206df448d5f26cac3a87098d8da65');
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem.firewall .newvm-portal-vmDetails-content-operatingSystemSection-content-operatingSystemItem-value:before {
	display: block;
	background-image: url('../img/os/firewall.svg?cacheBust=7ff8a3a1d181976852dbca152083bb31');
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-passwordItem-name {
	--newvm-fontAwesomeIconContent: '\f084';
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-passwordItem-value-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-passwordItem-value-showPasswordButton {
	--extends: newvm-common-showPasswordButton;
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-passwordItem-value-hidePasswordButton {
	--extends: newvm-common-hidePasswordButton;
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-passwordItem-value-copyPasswordButton {
	--extends: newvm-common-copyButton;
}
.newvm-portal-vmDetails-content-operatingSystemSection-content-passwordItem-value-password {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}

/* vmVxlan */
.newvm-portal-vmVxlan {
	--extends: newvm-portal-vmBlock;
}
.newvm-portal-vmVxlan-content-memberSection {
	--extends: newvm-portal-vxlanMemberSection;
}

/* vmIp */
.newvm-portal-vmIp {
	--extends: newvm-portal-vmBlock;
}
.newvm-portal-vmIp-content-ipAddressSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmIp-content-ipAddressSection-ipAddresses {
	--extends: newvm-common-list;
	margin-bottom: 10px;
}
.newvm-portal-vmIp-content-ipAddressSection-ipAddresses-ipAddress {
	--extends: &-listItem;
}
.newvm-portal-vmIp-content-ipAddressSection-traffic-controls {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 10px;
}

/* vmBackup */
.newvm-portal-vmBackup {
	--extends: newvm-portal-vmBlock;
}
/* vmBackup-snapshotSection */
.newvm-portal-vmBackup-content-snapshotSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmBackup-content-snapshotSection-header-showCreateSnapshotButton {
	margin-left: auto;
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-vmBackup-content-snapshotSection-createSnapshotForm {
	--extends: newvm-common-form;
}
.newvm-portal-vmBackup-content-snapshotSection-content {
	margin-bottom: 10px;
	max-width: 550px;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots {
	--extends: newvm-common-interactiveExpandList;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot {
	--extends: &-listItem;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 7px;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines-parentLines {
	display: flex;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines-parentLines-parentLine {
	width: calc(20px + 1px); /* $parentLineGap + 1px // 1px for the border width */
	height: 100%;
	border-right: 1px dashed var(--newvm-colorSpider);
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines-parentLines-parentLine.parentLastNodeInTree {
	visibility: hidden;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines-parentLines-parentLine.lastNodeInTree {
	height: 24px;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines-ownLines {
	flex-grow: 1;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines-ownLines-isChildLine {
	margin-left: 1px;
	width: 10px;
	height: 26px;
	border-bottom: 1px dashed var(--newvm-colorSpider);
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-treeLines-ownLines-isParentLine {
	position: absolute;
	left: 20px; /* $parentLineGap */
	bottom: 0;
	top: 34px;
	border-left: 1px dashed var(--newvm-colorSpider);
}

.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-childDepth {
	width: 20px; /* $parentLineGap */
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-childDepth:first-child {
	/* First depth is actually represented by the isChildLine */
	width: 22px;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-content {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f030';
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-grow: 1;
}
@media screen and (max-width: 630px) {
	.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-content {
		display: block;
	}
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-currentBase {
	--extends: newvm-common-badge;
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-date {
	margin-left: auto;
	text-align: right;
}
@media screen and (max-width: 630px) {
	.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-date {
		margin-left: 19px;
		text-align: left;
	}
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-actions-notices {
	max-width: 550px;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-actions-buttons {
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	gap: 5px;
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-actions-buttons-restoreButton {
	--newvm-fontAwesomeIconContent: '\f1da';
}
.newvm-portal-vmBackup-content-snapshotSection-snapshots-snapshot-actions-buttons-deleteButton {
	--extends: newvm-common-deleteButton;
}
/* vmBackup-imageBackupSection */
.newvm-portal-vmBackup-content-imageBackupSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmBackup-content-imageBackupSection-content {
	margin-bottom: 10px;
	max-width: 550px;
}
.newvm-portal-vmBackup-content-imageBackupSection-imageBackups {
	--extends: newvm-common-interactiveExpandList;
}
.newvm-portal-vmBackup-content-imageBackupSection-imageBackups-imageBackup {
	--extends: &-listItem;
}
.newvm-portal-vmBackup-content-imageBackupSection-imageBackups-imageBackup-name {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f017';
}
.newvm-portal-vmBackup-content-imageBackupSection-imageBackups-imageBackup-name:before {
	margin-right: 5px;
}
.newvm-portal-vmBackup-content-imageBackupSection-imageBackups-imageBackup-actions-notices {
	max-width: 550px; /* @todo can be just as wide as the parent, just shouldn't push it too wide */
}
.newvm-portal-vmBackup-content-imageBackupSection-imageBackups-imageBackup-actions-buttons-checkbox {
	margin-bottom: 5px;
}
.newvm-portal-vmBackup-content-imageBackupSection-imageBackups-imageBackup-actions-buttons-restoreButton {
	--newvm-fontAwesomeIconContent: '\f1da';
}

/* vmIso */
.newvm-portal-vmIso {
	--extends: newvm-portal-vmBlock;
}
.newvm-portal-vmIso-content-isoImageAttachmentSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmIso-content-isoImageAttachmentSection-isoImageAttachments-isoImageAttachment-wrapper {
	display: flex;
}
.newvm-portal-vmIso-content-isoImageAttachmentSection-isoImageAttachments-isoImageAttachment-leftWrapper {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-grow: 1;
}
.newvm-portal-vmIso-content-isoImageAttachmentSection-isoImageAttachments-isoImageAttachment-name {
	font-weight: normal; /* Override listItem-name */
}
.newvm-portal-vmIso-content-isoImageAttachmentSection-isoImageAttachments-isoImageAttachment-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-vmIso-content-isoImageAttachmentSection-isoImageAttachments-isoImageAttachment-name {
	/*font-weight: normal;*/ /* Override listItem-name */
}
.newvm-portal-vmIso-content-isoImageAttachmentSection-isoImageAttachments-isoImageAttachment-detachButton {
	--extends: newvm-common-alarmingButton;
}
.newvm-portal-vmIso-content-secureBootSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmIso-content-isoImageSection {
	--extends: newvm-common-section;
}
.newvm-portal-vmIso-content-isoImageSection-isoImages {
	--extends: newvm-common-interactiveExpandList;
}
.newvm-portal-vmIso-content-isoImageSection-isoImages-isoImage {
	--extends: &-listItem;
}
.newvm-portal-vmIso-content-isoImageSection-isoImages-isoImage-name {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f8b5';
}
.newvm-portal-vmIso-content-isoImageSection-isoImages-isoImage-name:before {
	margin-right: 5px;
}
.newvm-portal-vmIso-content-isoImageSection-isoImages-isoImage-loader {
	--extends: newvm-common-inlineLoader;
}
/*.newvm-portal-vmIso-content-isoImageSection-isoImages-isoImage-buttons-attachButton {
	--extends: newvm-common-alarmingButton;
}*/

/* vmInstallOs */
.newvm-portal-vmInstallOs {
	--extends: newvm-portal-vmBlock;
}
.newvm-portal-vmInstallOs-content-installVmOsForm {
	--extends: newvm-common-form;
}
.newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem {
	margin-bottom: 10px;
}
.newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem-icon {
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background-size: contain;
}
.newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem.windows .newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem-icon {
	background-image: url('../img/os/windows.svg?cacheBust=48a4c81707f6e3bde42e0375fa77db97');
}
.newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem.linux .newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem-icon {
	background-image: url('../img/os/linux.svg?cacheBust=d6b206df448d5f26cac3a87098d8da65');
}
.newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem.firewall .newvm-portal-vmInstallOs-content-installVmOsForm-fields-operatingSystems-operatingSystem-icon {
	background-image: url('../img/os/firewall.svg?cacheBust=7ff8a3a1d181976852dbca152083bb31');
}
.newvm-portal-vmInstallOs-content-installVmOsForm-fields-warning {
	margin-bottom: 0;
}
.newvm-portal-vmInstallOs-content-installVmOsForm-footer-buttons-startInstallButton {
	--newvm-fontAwesomeIconContent: '\e5e7';
}

/* vmUpgrade */
.newvm-portal-vmUpgrade {
	--extends: newvm-portal-vmBlock;
}

/* vxlanListing */
.newvm-portal-vxlanListing {
	--extends: newvm-common-listing;
}
.newvm-portal-vxlanListing-header-showCreateVxlanButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-vxlanListing-content-createVxlanForm {
	--extends: newvm-common-form;
}
.newvm-portal-vxlanListing-content-vxlans-vxlan-vxlanNumber {
	min-width: 40px;
}

/* vxlanDetails */
.newvm-portal-vxlanDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-vxlanDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-vxlanDetails-content-infoSection-header-deleteButton {
	--extends: newvm-common-deleteButton;
	margin-left: auto;
}
.newvm-portal-vxlanDetails-content-infoSection-content-editVxlanForm {
	--extends: newvm-common-form;
}
.newvm-portal-vxlanDetails-content-memberSection {
	--extends: newvm-portal-vxlanMemberSection;
}

/* objectStoreListing */
.newvm-portal-objectStoreListing {
	--extends: newvm-common-listing;
}

/* objectStoreTabs */
.newvm-portal-objectStoreTabs {
	--extends: newvm-portal-fillPanel;
}
.newvm-portal-objectStoreTabs-tabs-tab-icon {
	font-size: 17px; /* Icon size */
}
.newvm-portal-objectStoreTabs-tabs-infoTab {
	--newvm-fontAwesomeIconContent: '\f05a';
}
.newvm-portal-objectStoreTabs-tabs-usageTab {
	--newvm-fontAwesomeIconContent: '\e473';
}
.newvm-portal-objectStoreTabs-tabs-s3CredentialsTab {
	--newvm-fontAwesomeIconContent: '\f084';
}
.newvm-portal-objectStoreTabs-tabs-s3BrowserTab {
	--newvm-fontAwesomeIconContent: '\f802';
}
.newvm-portal-objectStoreTabs-contentPanel {
	--extends: newvm-portal-contentPanel;
}

/* objectStoreBlock */
.newvm-portal-objectStoreBlock {
	--extends: newvm-common-contentBlock;
	border-top-left-radius: 0; /* Crossover into tabs */
}
	
/* objectStoreDetails */
.newvm-portal-objectStoreDetails {
	--extends: newvm-portal-objectStoreBlock;
}
.newvm-portal-objectStoreDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-objectStoreDetails-content-infoSection-content-editObjectStoreForm {
	--extends: newvm-common-form;
}
.newvm-portal-objectStoreDetails-content-infoSection-content-s3PublicUrlItem-value,
.newvm-portal-objectStoreDetails-content-infoSection-content-s3ApiUrlItem-value {
	--extends: newvm-common-link;
}

/* objectStoreS3Credentials */
.newvm-portal-objectStoreS3Credentials {
	--extends: newvm-portal-objectStoreBlock;
}
.newvm-portal-objectStoreS3Credentials-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection {
	--extends: newvm-common-section;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-header-showCreateCredentialButton {
	margin-left: auto;
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-createCredentialForm {
	--extends: newvm-common-form;
}
.newvm-portal-objectStoreS3Credentials-content-infoSection-content-s3ApiUrlItem-value,
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-s3ApiUrlItem-value {
	--extends: newvm-common-link;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials {
	--extends: newvm-common-list;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential {
	/* @todo need a different kind of list to extend because of the wrapper/left/right/button/loader situation */
	--extends: &-listItem;
	display: block; /* Override flex because of loader */
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-wrapper {
	/* @todo We want to ignore all styles applied from parents */
	align-items: initial;
	gap: 10px;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-rightWrapperX {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	align-items: flex-start;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-item {
	--extends: newvm-common-section-content-item;
	margin-bottom: 2px;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-accessKeyItem-value,
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-accessKey {
	--extends: newvm-common-code;
/*	min-width: 40px;*/
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-success {
	margin-bottom: 0;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-secretKeyItem-value-showCredentialSecretKeyButton {
	--extends: newvm-common-showPasswordButton;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-secretKeyItem-value-hideCredentialSecretKeyButton {
	--extends: newvm-common-hidePasswordButton;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-secretKeyItem-value-copyCredentialSecretKeyButton {
	--extends: newvm-common-copyButton;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-secretKeyItem-value-password {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-deleteButton {
	--extends: newvm-common-deleteButton;
}
.newvm-portal-objectStoreS3Credentials-content-credentialSection-content-credentials-credential-loader {
	--extends: newvm-common-inlineLoader;
}

/* objectStoreUsage */
.newvm-portal-objectStoreUsage {
	--extends: newvm-portal-objectStoreBlock;
}

/* objectStoreS3Browser */
.newvm-portal-objectStoreS3Browser {
	--extends: newvm-portal-objectStoreBlock;
}

/* s3Browser */
.bite-s3-s3Browser {
}
.bite-s3-s3Browser-controls {
	margin-bottom: 15px;
}
.bite-s3-s3Browser-controls-showCreateBucketButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.bite-s3-s3Browser-controls-showCreateFolderButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.bite-s3-s3Browser-controls-uploadFileButton {
	--newvm-fontAwesomeIconContent: '\f093';
}
.bite-s3-s3Browser-createBucketForm {
	--extends: newvm-common-form;
}
.bite-s3-s3Browser-createFolderForm {
	--extends: newvm-common-form;
}
.bite-s3-s3Browser-upload {
	margin-bottom: 15px;
}
.bite-s3-s3Browser-upload-title {
	font-weight: var(--newvm-weightSemiBold);
}
.bite-s3-s3Browser-upload-files-file {
	display: flex;
	margin-bottom: 5px;
	gap: 5px;
}
.bite-s3-s3Browser-upload-files-file-cancelUploadButton {
	margin-left: auto;
	/* Prevent expanding height to 100% */
	margin-top: auto;
	margin-bottom: auto;
}
.bite-s3-s3Browser-breadcrumbs {
	--extends: newvm-portal-portalApp-toolbar-breadcrumbs;
	margin-bottom: 10px;
}
.bite-s3-s3Browser-breadcrumbs-breadcrumb.home {
	--newvm-fontAwesomeIconContent: '\f015';
}
.bite-s3-s3Browser-pagination {
	display: flex;
	margin-bottom: 5px;
}
.bite-s3-s3Browser-pagination-showFirstPageButton {
	--newvm-fontAwesomeIconContent: '\f04a';
}
.bite-s3-s3Browser-pagination-showNextPageButton {
	margin-left: auto;
	--newvm-fontAwesomeIconContent: '\f051';
}
.bite-s3-s3Browser-items {
	--extends: newvm-common-interactiveList;
}
.bite-s3-s3Browser-items-item-itemRowButton {
	--ignoreClass: global;
	--extends: &&-listItem;
	padding: 3px 20px;
}
.bite-s3-s3Browser-items-item-itemRowButton-wrapper {
	gap: 5px;
}
.bite-s3-s3Browser-items-item.bucket .bite-s3-s3Browser-items-item-itemRowButton {
	--newvm-fontAwesomeIconContent: '\e4cf';
}
.bite-s3-s3Browser-items-item.bucket .bite-s3-s3Browser-items-item-itemRowButton-icon {
	color: var(--newvm-colorTurtle);
}
.bite-s3-s3Browser-items-item.prefix .bite-s3-s3Browser-items-item-itemRowButton {
	--newvm-fontAwesomeIconContent: '\f07b';
}
.bite-s3-s3Browser-items-item.prefix .bite-s3-s3Browser-items-item-itemRowButton-icon {
	color: var(--newvm-colorTurtle);
}
.bite-s3-s3Browser-items-item.file .bite-s3-s3Browser-items-item-itemRowButton {
	--newvm-fontAwesomeIconContent: '\f15b';
}
.bite-s3-s3Browser-items-item.file .bite-s3-s3Browser-items-item-itemRowButton-icon {
	color: var(--newvm-colorKoala);
}
.bite-s3-s3Browser-items-item-itemRowButton-icon {
	--extends: newvm-common-icon;
}
.bite-s3-s3Browser-items-item-itemRowButton-label {
	word-break: break-word;
}
.bite-s3-s3Browser-items-item-itemRowButton-size {
	white-space: nowrap;
}
.bite-s3-s3Browser-items-item-itemRowButton-optionsButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f013';
	margin-left: auto;
	padding: 3px 7px;
}
.bite-s3-s3Browser-items-item-itemRowButton-downloadButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f0ed';
	margin-left: auto;
	padding: 3px 7px;
}
.bite-s3-s3Browser-items-item-download {
	display: flex;
	padding: 10px;
}
.bite-s3-s3Browser-items-item-download-saveDownloadButton {
	--newvm-fontAwesomeIconContent: '\f019';
}
.bite-s3-s3Browser-items-item-download-cancelDownloadButton {
	margin-left: auto;
}
.bite-s3-s3Browser-items-item-options {
	padding: 10px;
}
.bite-s3-s3Browser-items-item-options-section {
	margin-bottom: 10px;
}
.bite-s3-s3Browser-items-item-options-section-row {
	display: flex;
}
.bite-s3-s3Browser-items-item-options-section-downloadButton {
	--newvm-fontAwesomeIconContent: '\f0ed';
}
.bite-s3-s3Browser-items-item-options-section-deleteButton {
	--extends: newvm-common-deleteButton;
	margin-left: auto;
}
.bite-s3-s3Browser-items-item-options-info-publicUrl-title {
	margin-bottom: 3px;
	color: var(--newvm-colorBat);
}
.bite-s3-s3Browser-items-item-options-info-publicUrl-url {
	--extends: newvm-common-link;
	padding: 10px;
	border: 1px solid var(--newvm-colorHippo);
}


/* dedicatedServerListing */
.newvm-portal-dedicatedServerListing {
	--extends: newvm-common-listing;
}
.newvm-portal-dedicatedServerListing-content-dedicatedServers-dedicatedServer-number {
	min-width: 40px;
}
.newvm-portal-dedicatedServerListing-content-dedicatedServers-dedicatedServer {
	display: block; /* Override flex because of subRow */
}
.newvm-portal-dedicatedServerListing-content-dedicatedServers-dedicatedServer-subRow {
	display: flex;
	gap: 5px;
	font-size: var(--newvm-sizeHelium);
	color: var(--newvm-colorSpider);
}

/* pduPowerSection */
.newvm-portal-pduPowerSection {
	--extends: newvm-common-section;
}
.newvm-portal-pduPowerSection-content-pduOutlets-pduOutlet {
	display: flex;
	gap: 10px;
	margin-bottom: 5px;
}
.newvm-portal-pduPowerSection-content-pduOutlets-pduOutlet-status {
	--extends: newvm-common-badge;
}
.newvm-portal-pduPowerSection-content-pduOutlets-pduOutlet.ON .newvm-portal-pduPowerSection-content-pduOutlets-pduOutlet-status {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-pduPowerSection-content-pduOutlets-pduOutlet.OFF .newvm-portal-pduPowerSection-content-pduOutlets-pduOutlet-status {
	--newvm-common-badge-color: var(--newvm-colorSnake);
}
.newvm-portal-pduPowerSection-content-controls-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-pduPowerSection-content-controls-buttons {
	display: flex;
	gap: 5px;
}
.newvm-portal-pduPowerSection-content-controls-buttons-powerOffButton,
.newvm-portal-pduPowerSection-content-controls-buttons-powerCycleButton {
	--extends: newvm-common-alarmingButton;
}

/* dedicatedServerDetais */
.newvm-portal-dedicatedServerDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-dedicatedServerDetails-content-infoSection {
	--extends: newvm-common-section;
}

/* colocationListing */
.newvm-portal-colocationListing {
	--extends: newvm-common-listing;
}
.newvm-portal-colocationListing-content-colocations-colocation {
	display: block; /* Override flex because of subRow */
}
.newvm-portal-colocationListing-content-colocations-colocation-number {
	min-width: 40px;
}
.newvm-portal-colocationListing-content-colocations-colocation-subRow {
	display: flex;
	gap: 5px;
	font-size: var(--newvm-sizeHelium);
	color: var(--newvm-colorSpider);
}

/* colocationDetais */
.newvm-portal-colocationDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-colocationDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-colocationDetails-content-infoSection-content-datacenterWrapper {
	display: flex;
	gap: 5px;
}

/* connectListing */
.newvm-portal-connectListing {
	--extends: newvm-common-listing;
}
.newvm-portal-connectListing-content-connects-connect {
	display: block; /* Override flex because of subRow */
}
.newvm-portal-connectListing-content-connects-connect-number {
	min-width: 40px;
}
.newvm-portal-connectListing-content-connects-connect-subRow {
	display: flex;
	gap: 5px;
	font-size: var(--newvm-sizeHelium);
	color: var(--newvm-colorSpider);
}

/* domainListing */
.newvm-portal-domainListing {
	--extends: newvm-common-listing;
}
.newvm-portal-domainListing-content-domains-domain-name {
	margin-right: auto;
}
.newvm-portal-domainListing-content-domains-domain-registered {
	--extends: newvm-common-badge;
	--newvm-common-badge-color: var(--newvm-colorKoala); /* Disabled by default */
}
.newvm-portal-domainListing-content-domains-domain-registered.enabled {
	--newvm-common-badge-color: var(--newvm-colorTurtle);
}
.newvm-portal-domainListing-content-domains-domain-registered.active {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-domainListing-content-domains-domain-dns {
	--extends: newvm-common-badge;
	--newvm-common-badge-color: var(--newvm-colorKoala); /* Disabled by default */
}
.newvm-portal-domainListing-content-domains-domain-dns.enabled {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}

/* domainDetails */
.newvm-portal-domainDetails {
	--extends: newvm-common-contentBlock;
	flex-basis: 1024px;
	max-width: 1024px;
}
.newvm-portal-domainDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-domainDetails-content-infoSection-content-registrationStatusItem-value {
	--extends: newvm-common-bullet;
	--newvm-common-bullet-color: var(--newvm-colorTurtle);
}
.newvm-portal-domainDetails-content-infoSection-content-registrationStatusItem.active .newvm-portal-domainDetails-content-infoSection-content-registrationStatusItem-value {
	--newvm-common-bullet-color: var(--newvm-colorFrog);
}
.newvm-portal-domainDetails-content-infoSection-content-transferCodeItem-name {
	--newvm-fontAwesomeIconContent: '\f084';
}
.newvm-portal-domainDetails-content-infoSection-content-transferCodeItem-value-showTransferCodeButton {
	--extends: newvm-common-showPasswordButton;
}
.newvm-portal-domainDetails-content-infoSection-content-transferCodeItem-value-hideTransferCodeButton {
	--extends: newvm-common-hidePasswordButton;
}
.newvm-portal-domainDetails-content-infoSection-content-transferCodeItem-value-copyTransferCodeButton {
	--extends: newvm-common-copyButton;
}
.newvm-portal-domainDetails-content-infoSection-content-transferCodeItem-value-transferCode {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}
.newvm-portal-domainDetails-content-dnsSecSection {
	--extends: newvm-common-section;
}
.newvm-portal-domainDetails-content-dnsSecSection-header-status {
	--extends: newvm-common-badge;
	--newvm-common-badge-color: var(--newvm-colorSnake);
}
.newvm-portal-domainDetails-content-dnsSecSection-header-status.enabled {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-domainDetails-content-dnsSecSection-header-showEnableButton,
.newvm-portal-domainDetails-content-dnsSecSection-header-disableButton {
	margin-left: auto;
}
.newvm-portal-domainDetails-content-dnsSecSection-header-disableButton {
	--extends: newvm-common-alarmingButton;
	--newvm-fontAwesomeIconContent: '\f3c1';
}
.newvm-portal-domainDetails-content-dnsSecSection-content-form {
	--extends: newvm-common-form;
}
.newvm-portal-domainDetails-content-dnsSecSection-content-form-fields-keyTypeWrapper {
	display: flex;
	gap: 5px;
}
.newvm-portal-domainDetails-content-dnsSecSection-content-form-footer-buttons-enableButton {
	--newvm-fontAwesomeIconContent: '\f023';
}
.newvm-portal-domainDetails-content-dnsRecordSection {
	--extends: newvm-common-section;
}
.newvm-portal-domainDetails-content-dnsRecordSection-header-showCreateDnsRecordButton {
	margin-left: auto;
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm {
	--extends: newvm-common-form;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-typeAndTtlWrapper {
	display: flex;
	flex-wrap: wrap;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-typeDropdownField {
	margin-right: 20px; /*??*/
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-nameInputField {
	flex-grow: 1;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-domainName {
	margin-bottom: 10px;
	word-break: break-word;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-namePartsWrapper {
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-valuePartsWrapper {
	display: flex;
	gap: 5px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-valuePartsWrapper-criticalFlagCheckboxField {
	margin-right: 30px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-valuePartsWrapper-tagDropdownField {
	flex-grow: 1;
	max-width: 170px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordForm-fields-valuePartsWrapper-hostInputField {
	flex-grow: 1;
}

.newvm-portal-domainDetails-content-dnsRecordSection-createDnsRecordForm {
	--extends: &-dnsRecordForm;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordColumns {
	display: flex;
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordColumns {
		display: none;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordColumns-ttlColumn {
	width: 40px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordColumns-typeColumn {
	width: 55px;
	text-align: center;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecordColumns-nameColumn {
	width: 200px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords {
	--extends: newvm-common-interactiveExpandList;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord {
	--ignoreClass: global;
	--extends: &-listItem;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-editDnsRecordForm {
	--extends: &&&-dnsRecordForm;
	padding: 10px 20px 20px 20px;
}

/* @todo editable > hovers */

.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-rowWrapper {
	padding-top: 5px;
	padding-bottom: 5px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord.notEditable .newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-rowWrapper {
	background-color: inherit;
	cursor: default;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord.notEditable .newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-rowWrapper:hover,
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord.notEditable .newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-rowWrapper::focus-visible {
	background-color: inherit;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-infoWrapper {
	display: flex;
	flex-grow: 1;
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-infoWrapper {
		display: block;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-ttlTypeNameWrapper {
	display: flex;
	gap: 10px;
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-ttlTypeNameWrapper {
		display: block;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-ttlTypeWrapper {
	display: flex;
	gap: 5px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-ttl {
	display: flex;
	gap: 5px;
	flex-shrink: 0;
	width: 40px;
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-ttl {
		width: auto;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-ttl-text {
	display: none;
	color: var(--newvm-colorSpider);
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-ttl-text {
		display: block;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-type {
	display: flex;
	gap: 5px;
	flex-shrink: 0;
	width: 50px;
	color: var(--newvm-colorBear);
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-type {
		width: auto;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-type-text {
	display: none;
	color: var(--newvm-colorSpider);
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-type-text {
		display: block;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-type-value {
	flex-grow: 1;
	text-align: center;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-name {
	display: flex;
	gap: 5px;
	flex-shrink: 0;
	width: 200px;
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-name {
		margin-bottom: 10px;
		width: auto;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-name-text {
	display: none;
	color: var(--newvm-colorSpider);
}
@media screen and (max-width: 500px) {
	.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-name-text {
		display: block;
	}
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-name-value {
	word-break: break-word;
	font-weight: var(--newvm-weightSemiBold);
/*	color: $greyMirageDark;*/
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-nameParts {
	--extends: &-name;
	display: block;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-nameParts-namePart {
	display: flex;
	gap: 5px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-nameParts-namePart-text {
	width: 70px;
	text-transform: lowercase;
	font-weight: normal;
	color: var(--newvm-colorSpider);
	/* @todo maybe $greyChateauLight: #9fa9b3; instead of colorSpider, it's a bit more greyish rather than brownish */
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-nameParts-namePart-value {
	font-weight: var(--newvm-weightSemiBold);
	color: var(--newvm-colorBear);
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-value {
	word-break: break-word;
/*	color: $greyMirageDark;*/
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-value-valuePart {
	display: flex;
	gap: 5px;
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-value-valuePart-text {
	width: 70px;
	text-transform: lowercase;
	color: var(--newvm-colorSpider);
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-value-valuePart-value {
	color: var(--newvm-colorBear);
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-expandInformer {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f0d9';
}
.newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord.selected .newvm-portal-domainDetails-content-dnsRecordSection-dnsRecords-dnsRecord-expandInformer {
	--newvm-fontAwesomeIconContent: '\f0d7';
}

/* ipAddressListing */
.newvm-portal-ipAddressListing {
	--extends: newvm-common-listing;
}
.newvm-portal-ipAddressListing-content-ipAddresses-ipAddress-address {
	/*--extends: &-name;*/ /* @todo extending of a localClass parent, not a named parent */
	--extends: newvm-common-listing-content-list-listItem-name;
	width: 105px;
}
.newvm-portal-ipAddressListing-content-ipAddresses-ipAddress-rdns {
	margin-left: auto;
}

/* ipAddressDetails */
.newvm-portal-ipAddressDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-ipAddressDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-ipAddressDetails-content-infoSection-content-editIpAddressForm {
	--extends: newvm-common-form;
}
.newvm-portal-ipAddressDetails-content-trafficSection {
	--extends: newvm-common-section;
}
.newvm-portal-ipAddressDetails-content-trafficSection-content-controls {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 10px;
}

/* backupListing */
.newvm-portal-backupListing {
	--extends: newvm-common-listing;
}
.newvm-portal-backupListing-content-backups-backup-number {
	min-width: 40px;
}
.newvm-portal-backupListing-content-backups-backup-product {
	/*--extends: &-name;*/ /* @todo extending of a localClass parent, not a named parent */
	--extends: newvm-common-listing-content-list-listItem-name;
}
.newvm-portal-backupListing-content-backups-backup-quota {
	margin-left: auto;
}

.newvm-portal-backupDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-backupDetails-content-productSection {
	--extends: newvm-common-section;
}
.newvm-portal-backupDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-backupDetails-content-infoSection-content-passwordItem-name {
	--newvm-fontAwesomeIconContent: '\f084';
}
.newvm-portal-backupDetails-content-infoSection-content-passwordItem-value-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-backupDetails-content-infoSection-content-passwordItem-value-showPasswordButton {
	--extends: newvm-common-showPasswordButton;
}
.newvm-portal-backupDetails-content-infoSection-content-passwordItem-value-hidePasswordButton {
	--extends: newvm-common-hidePasswordButton;
}
.newvm-portal-backupDetails-content-infoSection-content-passwordItem-value-copyPasswordButton {
	--extends: newvm-common-copyButton;
}
.newvm-portal-backupDetails-content-infoSection-content-passwordItem-value-password {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}

/* certificateListing */
.newvm-portal-certificateListing {
	--extends: newvm-common-listing;
}
.newvm-portal-certificateListing-content-certificates-certificate-number {
	min-width: 40px;
}
.newvm-portal-certificateListing-content-certificates-certificate-product {
	/*--extends: &-name;*/ /* @todo extending of a localClass parent, not a named parent */
	--extends: newvm-common-listing-content-list-listItem-name;
}

/* certificateDetails */
.newvm-portal-certificateDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-certificateDetails-content-infoSection {
	--extends: newvm-common-section;
}

/* licenseListing */
.newvm-portal-licenseListing {
	--extends: newvm-common-listing;
}
.newvm-portal-licenseListing-content-licenses-license-number {
	min-width: 40px;
}
.newvm-portal-licenseListing-content-licenses-license-product {
	/*--extends: &-name;*/ /* @todo extending of a localClass parent, not a named parent */
	--extends: newvm-common-listing-content-list-listItem-name;
}

/* licenseDetails */
.newvm-portal-licenseDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-licenseDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-licenseDetails-content-infoSection-content-passwordItem-name {
	--newvm-fontAwesomeIconContent: '\f084';
}
.newvm-portal-licenseDetails-content-infoSection-content-passwordItem-value-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-licenseDetails-content-infoSection-content-passwordItem-value-showPasswordButton {
	--extends: newvm-common-showPasswordButton;
}
.newvm-portal-licenseDetails-content-infoSection-content-passwordItem-value-hidePasswordButton {
	--extends: newvm-common-hidePasswordButton;
}
.newvm-portal-licenseDetails-content-infoSection-content-passwordItem-value-copyPasswordButton {
	--extends: newvm-common-copyButton;
}
.newvm-portal-licenseDetails-content-infoSection-content-passwordItem-value-password {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}
.newvm-portal-licenseDetails-content-infoSection-content-licenseKeyFileItem-value-downloadLicenseKeyFileButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f019';
}

/* opticonTabs */
.newvm-portal-portalApp-opticonTabs {
	--extends: newvm-portal-fillPanel;
}
.newvm-portal-portalApp-opticonTabs-tabs-openOpticonWebButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	--newvm-fontAwesomeIconContent: '\f08e';
	margin-left: 10px;
	padding: 7px 15px;
}
.newvm-portal-portalApp-opticonTabs-tabs-openOpticonWebButton-icon {
	--extends: newvm-fontAwesomeIconSolid;
}
.newvm-portal-portalApp-opticonTabs-contentPanel {
	--extends: newvm-portal-contentPanel;
}
@media screen and (max-width: 1100px) {
	.newvm-portal-portalApp-opticonTabs-contentPanel-contentPanelBlock.block1 {
		display: none;
	}
}
.newvm-portal-portalApp-opticonTabs-contentPanel-contentPanelBlock.current {
	/* Override the hidden blocks if it's the current block */
	display: flex;
}

/* opticonHostListing */
.newvm-portal-opticonHostListing {
	--extends: newvm-common-listing;
	border-top-left-radius: 0; /* Crossover into tabs */
}
.newvm-portal-opticonHostListing-content-hosts-host-name {
	margin-right: auto;
}
.newvm-portal-opticonHostListing-content-hosts-host-status {
	--extends: newvm-common-bullet;
}
.newvm-portal-opticonHostListing-content-hosts-host.OK .newvm-portal-opticonHostListing-content-hosts-host-status {
	--newvm-common-bullet-color: var(--newvm-colorFrog);
}
.newvm-portal-opticonHostListing-content-hosts-host.WARN .newvm-portal-opticonHostListing-content-hosts-host-status {
	--newvm-common-bullet-color: var(--newvm-colorPuma);
}
.newvm-portal-opticonHostListing-content-hosts-host.ALERT .newvm-portal-opticonHostListing-content-hosts-host-status,
.newvm-portal-opticonHostListing-content-hosts-host.CRIT .newvm-portal-opticonHostListing-content-hosts-host-status {
	--newvm-common-bullet-color: var(--newvm-colorSnake);
}

/* opticonHostDetails */
.newvm-portal-opticonHostDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-opticonHostDetails-header-info-status {
	--extends: newvm-common-badge;
}
.newvm-portal-opticonHostDetails-header-info-status.OK {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-opticonHostDetails-header-info-status.WARN {
	--newvm-common-badge-color: var(--newvm-colorPuma);
}
.newvm-portal-opticonHostDetails-header-info-status.ALERT,
.newvm-portal-opticonHostDetails-header-info-status.CRIT {
	--newvm-common-badge-color: var(--newvm-colorSnake);
}
.newvm-portal-opticonHostDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-opticonHostDetails-content-infoSection-content-problemItem.WARN {
	color: var(--newvm-colorPuma);
}
.newvm-portal-opticonHostDetails-content-infoSection-content-problemItem.ALERT,
.newvm-portal-opticonHostDetails-content-infoSection-content-problemItem.CRIT {
	color: var(--newvm-colorSnake);
}
.newvm-portal-opticonHostDetails-content-infoSection-header-openOpticonWebButton {
	--ignoreClass: global;
	--extends: newvm-common-link;
	--newvm-fontAwesomeIconContent: '\f08e';
	margin-left: 10px;
	padding: 7px 15px;
}
.newvm-portal-opticonHostDetails-content-infoSection-content-biosGuidItem-name {
	--newvm-fontAwesomeIconContent: '\f577';
}
.newvm-portal-opticonHostDetails-content-infoSection-content-biosGuidItem-value {
	--extends: newvm-common-code;
}
.newvm-portal-opticonHostDetails-content-infoSection-content-tenantItem-name {
	--newvm-fontAwesomeIconContent: '\f508';
}
.newvm-portal-opticonHostDetails-content-infoSection-content-agentVersionItem-name {
	--newvm-fontAwesomeIconContent: '\e5e7';
}
.newvm-portal-opticonHostDetails-content-infoSection-content-cpuItem-name {
	--newvm-fontAwesomeIconContent: '\f2db';
}
.newvm-portal-opticonHostDetails-content-infoSection-content-hardwareItem-value {
	display: flex;
	gap: 5px;
}
.newvm-portal-opticonHostDetails-content-infoSection-content-hardwareItem-value-architecture {
	font-style: italic;
	color: var(--newvm-colorMonkey);
}
.newvm-portal-opticonHostDetails-content-infoSection-content-operatingSystemItem-value-kernel {
	font-style: italic;
	color: var(--newvm-colorMonkey);
}
.newvm-portal-opticonHostDetails-content-performanceSection {
	--extends: newvm-common-section;
}
.newvm-portal-opticonHostDetails-content-performanceSection-content-item {
	margin-bottom: 5px;
}
.newvm-portal-opticonHostDetails-content-performanceSection-content-diskListing-header {
	margin-bottom: 5px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-opticonHostDetails-content-performanceSection-content-diskListing-disks-disk {
	padding: 3px 0;
	border-bottom: 1px solid var(--newvm-colorHippo);
}
.newvm-portal-opticonHostDetails-content-performanceSection-content-diskListing-disks-disk-rowWrapper {
	display: flex;
	gap: 10px;
}
.newvm-portal-opticonHostDetails-content-performanceSection-content-diskListing-disks-disk-mount {
	margin-right: auto;
}
.newvm-portal-opticonHostDetails-content-performanceSection-content-diskListing-disks-disk-device,
.newvm-portal-opticonHostDetails-content-performanceSection-content-diskListing-disks-disk-fs {
	font-size: var(--newvm-sizeHelium);
	color: var(--newvm-colorSpider);
}

/* opticonTenantListing */
.newvm-portal-opticonTenantListing {
	--extends: newvm-common-listing;
	border-top-left-radius: 0; /* Crossover into tabs */
}

/* opticonTenantDetails */
.newvm-portal-opticonTenantDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-opticonTenantDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-uuidItem-name {
	--newvm-fontAwesomeIconContent: '\f577';
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-uuidItem-value {
	--extends: newvm-common-code;
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-tenantKeyItem-name {
	--newvm-fontAwesomeIconContent: '\f084';
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-tenantKeyItem-value-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-tenantKeyItem-value-showTenantKeyButton {
	--extends: newvm-common-showPasswordButton;
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-tenantKeyItem-value-hideTenantKeyButton {
	--extends: newvm-common-hidePasswordButton;
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-tenantKeyItem-value-copyTenantKeyButton {
	--extends: newvm-common-copyButton;
}
.newvm-portal-opticonTenantDetails-content-infoSection-content-tenantKeyItem-value-tenantKey {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}


/* orderListing */
.newvm-portal-orderListing {
	--extends: newvm-common-listing;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-info {
	/* Negative margin to overlap the padding on the content wrapper */
	margin: 0 -20px;
	padding: 12px 20px;
	background-color: var(--newvm-colorRhino);
	color: var(--newvm-colorLion);
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders {
	--extends: &&&-interactiveList;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order {
	display: block; /* Override flex */
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-info {
	display: flex;
	align-items: baseline;
	gap: 10px;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-info-number {
	min-width: 40px;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-info-status {
	--extends: newvm-common-bullet;
	margin-left: auto;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-naming {
	display: flex;
	gap: 20px;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-naming-product {
	/*--extends: &-name;*/ /* @todo extending of a localClass parent, not a named parent */
	--extends: newvm-common-listing-content-list-listItem-name;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order.ACTIVE .newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-info-status {
	--newvm-common-bullet-color: var(--newvm-colorFrog);
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order.WAIT_PROVISION .newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-info-status,
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order.PROVISIONING .newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-info-status {
	--newvm-common-bullet-color: var(--newvm-colorTurtle);
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order.WAIT_PAYMENT .newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-order-info-status {
	--newvm-common-bullet-color: var(--newvm-colorSnake);
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-childOrder {
	--extends: &-order;
	display: flex;
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-childOrder-childIcon:before {
	content: '↳';
}
.newvm-portal-orderListing-content-administrationGroups-administrationGroup-orders-childOrder-childWrapper {
	flex-grow: 1;
}

/* orderDetails */
.newvm-portal-orderDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-orderDetails-header-info {
	gap: 10px;
}
.newvm-portal-orderDetails-header-info-status {
	--extends: newvm-common-badge;
}
.newvm-portal-orderDetails.ACTIVE .newvm-portal-orderDetails-header-info-status {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-orderDetails.WAIT_PROVISION .newvm-portal-orderDetails-header-info-status,
.newvm-portal-orderDetails.PROVISIONING .newvm-portal-orderDetails-header-info-status {
	--newvm-common-badge-color: var(--newvm-colorTurtle);
}
.newvm-portal-orderDetails.WAIT_PAYMENT .newvm-portal-orderDetails-header-info-status {
	--newvm-common-badge-color: var(--newvm-colorSnake);
}
.newvm-portal-orderDetails-content-mainInfo {
	margin-bottom: 10px;
}
.newvm-portal-orderDetails-content-mainInfo-info {
	display: flex;
}
.newvm-portal-orderDetails-content-mainInfo-info-price {
	margin-left: auto;
}
.newvm-portal-orderDetails-content-mainInfo-description {
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-orderDetails-content-options {
	display: table;
	margin-bottom: 20px;
}
.newvm-portal-orderDetails-content-options-option {
	display: table-row;
}
.newvm-portal-orderDetails-content-options-option-name {
	display: table-cell;
	padding-right: 20px;
}
.newvm-portal-orderDetails-content-options-option-value {
	display: table-cell;
}

/* invoiceListing */
.newvm-portal-invoiceListing {
	--extends: newvm-common-listing;
}
.newvm-portal-invoiceListing-content-invoices-invoice-info {
	display: flex;
	gap: 20px;
}
.newvm-portal-invoiceListing-content-invoices-invoice-leftWrapper {
	display: block; /* Override flex */
}
.newvm-portal-invoiceListing-content-invoices-invoice-info-number {
	/*--extends: &-name;*/ /* @todo extending of a localClass parent, not a named parent */
	--extends: newvm-common-listing-content-list-listItem-name;
}
.newvm-portal-invoiceListing-content-invoices-invoice-rightWrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
}
.newvm-portal-invoiceListing-content-invoices-invoice-status {
	--extends: newvm-common-bullet;
	margin-bottom: 5px;
}
.newvm-portal-invoiceListing-content-invoices-invoice.INVOICE_PAID .newvm-portal-invoiceListing-content-invoices-invoice-status {
	--newvm-common-bullet-color: var(--newvm-colorFrog);
}
.newvm-portal-invoiceListing-content-invoices-invoice.INVOICE_UNPAID .newvm-portal-invoiceListing-content-invoices-invoice-status {
	--newvm-common-bullet-color: var(--newvm-colorTurtle);
}
.newvm-portal-invoiceListing-content-invoices-invoice.INVOICE_OVERDUE .newvm-portal-invoiceListing-content-invoices-invoice-status {
	--newvm-common-bullet-color: var(--newvm-colorSnake);
}
.newvm-portal-invoiceListing-content-invoices-invoice-downloadPdfButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f1c1';
}
.newvm-portal-invoiceListing-content-invoices-invoice-downloadPdfButton-icon {
	color: var(--newvm-colorCrab);
}

/* invoiceDetails */
.newvm-portal-invoiceDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-invoiceDetails-header-info-status {
	--extends: newvm-common-badge;
}
.newvm-portal-invoiceDetails-header-info-status.INVOICE_PAID {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-invoiceDetails-header-info-status.INVOICE_UNPAID {
	--newvm-common-badge-color: var(--newvm-colorTurtle);
}
.newvm-portal-invoiceDetails-header-info-status.INVOICE_OVERDUE {
	--newvm-common-badge-color: var(--newvm-colorSnake);
}
.newvm-portal-invoiceDetails-content-buttons {
	margin-bottom: 10px;
}
.newvm-portal-invoiceDetails-content-buttons-downloadPdfButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f1c1';
	margin-right: 10px;
}
.newvm-portal-invoiceDetails-content-buttons-downloadPdfButton-icon {
	color: var(--newvm-colorCrab);
}
.newvm-portal-invoiceDetails-content-buttons-downloadUblButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f15c';
}
.newvm-portal-invoiceDetails-content-buttons-downloadUblButton-icon {
	color: var(--newvm-colorPuma);
}
.newvm-portal-invoiceDetails-content-invoice {
	--extends: newvm-common-section;
}
.newvm-portal-invoiceDetails-content-invoice-info {
	width: 260px;
}
.newvm-portal-invoiceDetails-content-invoice-info-point {
	display: flex;
	gap: 5px;
}
.newvm-portal-invoiceDetails-content-invoice-info-point-text {
	margin-right: auto;
}
.newvm-portal-invoiceDetails-content-invoice-info-point-value {
	flex-basis: 50%;
	text-align: right;
}
.newvm-portal-invoiceDetails-content-invoice-info-subtotal {
	margin-top: 10px;
}
.newvm-portal-invoiceDetails-content-invoice-info-vat-value {
	border-bottom: 1px solid var(--newvm-colorShark);
}
.newvm-portal-invoiceDetails-content-invoice-info-total-text {
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-invoiceDetails-content-invoice-info-total-value {
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-invoiceDetails-content-paymentSection {
	--extends: newvm-common-section;
}
.newvm-portal-invoiceDetails-content-paymentSection-payments {
	margin-bottom: 10px;
}
.newvm-portal-invoiceDetails-content-paymentSection-payments-payment {
	display: flex;
	gap: 5px
}
.newvm-portal-invoiceDetails-content-paymentSection-remaining {
	display: flex;
	gap: 5px;
	margin-bottom: 10px;
}
.newvm-portal-invoiceDetails-content-paymentSection-remaining-amount {
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-status-icon {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f057';
	display: inline-block;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-status.created .newvm-portal-invoiceDetails-content-paymentSection-directDebit-status-icon {
	--newvm-fontAwesomeIconContent: '\f5ad';
	color: var(--newvm-colorPuma);
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-status.signed .newvm-portal-invoiceDetails-content-paymentSection-directDebit-status-icon {
	--newvm-fontAwesomeIconContent: '\f058';
	color: var(--newvm-colorFrog);
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-iban,
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-bic {
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-iban-value,
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-bic-value {
	--extends: newvm-common-code;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-text {
	margin-bottom: 10px;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-buttons {
	margin-bottom: 20px;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-buttons-downloadDirectDebitMandateButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f56d';
	margin-right: 10px;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebit-buttons-uploadDirectDebitMandateButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f574';
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods-paymentMethod {
	--extends: newvm-common-whiteButton;
	display: block;
	width: 140px;
	text-align: center;
	white-space: normal;
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods-paymentMethod:before {
	content: '';
	display: block;
	width: 100%;
	height: 40px;
	background-size: contain;
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods-paymentMethod.BANK:before {
	background-image: url('../img/payment-method/bank-transfer.png?cacheBust=1ce67eda53afc99b8533ab5725e1fc65');
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods-paymentMethod.DIRECT_DEBIT:before {
	background-image: url('../img/payment-method/direct-debit.png?cacheBust=59ef1ee2d2775e61d00fd55da1ba252d');
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods-paymentMethod.IDEAL:before {
	background-image: url('../img/payment-method/ideal.png?cacheBust=879c4b7d9a202631c0927ef1ce66c51b');
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods-paymentMethod.BANCONTACT:before {
	background-image: url('../img/payment-method/bancontact.png?cacheBust=2f29dad76fc9cad9a104d39906441401');
}
.newvm-portal-invoiceDetails-content-paymentSection-paymentMethods-paymentMethod.CC:before {
	background-image: url('../img/payment-method/creditcard.png?cacheBust=67e36b1df4b83e023baa5fbe159ab373');
}
.newvm-portal-invoiceDetails-content-paymentSection-bankTransfer-text-iban,
.newvm-portal-invoiceDetails-content-paymentSection-bankTransfer-text-invoiceNumber {
	--extends: newvm-common-code;
	display: inline;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebitForm {
	--extends: newvm-common-form;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebitFinish-text {
	margin-bottom: 10px;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebitFinish-buttons-downloadDirectDebitMandateButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f56d';
	margin-right: 10px;
}
.newvm-portal-invoiceDetails-content-paymentSection-directDebitFinish-buttons-uploadDirectDebitMandateButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f574';
}
.newvm-portal-invoiceDetails-content-paymentSection-ideal-header {
	margin-bottom: 10px;
}
.newvm-portal-invoiceDetails-content-paymentSection-ideal-banks {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.newvm-portal-invoiceDetails-content-paymentSection-ideal-banks-bank {
	--extends: newvm-common-whiteButton;
	display: block;
	padding: 10px;
	width: 125px;
	text-align: center;
	white-space: normal;
}
.newvm-portal-invoiceDetails-content-paymentSection-ideal-banks-bank-logo {
	content: '';
	display: block;
	margin: auto;
	width: 100%;
	height: 25px;
	background-size: contain;
	background-image: var(--ideal-bank-logo);
}


/* customerListing */
.newvm-portal-customerListing {
	--extends: newvm-common-listing;
}
.newvm-portal-customerListing-content-customers-customer-customerNumber {
	min-width: 35px;
}

/* customerDetails */
.newvm-portal-customerDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-customerDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-customerDetails-content-infoSection-content-editCustomerForm {
	--extends: newvm-common-form;
}
.newvm-portal-customerDetails-content-infoSection-content-checkmarkItem-value {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f057';
    margin-left: 5px;
}
.newvm-portal-customerDetails-content-infoSection-content-checkmarkItem.checked .newvm-portal-customerDetails-content-infoSection-content-checkmarkItem-value {
	--newvm-fontAwesomeIconContent: '\f058';
	color: var(--newvm-colorFrog);
}
.newvm-portal-customerDetails-content-infoSection-content-checkmarkItem.unchecked .newvm-portal-customerDetails-content-infoSection-content-checkmarkItem-value {
}
.newvm-portal-customerDetails-content-financeSection {
	--extends: newvm-common-section;
}
.newvm-portal-customerDetails-content-financeSection-content-directDebit-status-icon {
	--extends: newvm-fontAwesomeIconSolid;
	--newvm-fontAwesomeIconContent: '\f057';
	display: inline-block;
}
.newvm-portal-customerDetails-content-financeSection-content-directDebit.created .newvm-portal-customerDetails-content-financeSection-content-directDebit-status-icon {
	--newvm-fontAwesomeIconContent: '\f5ad';
	color: var(--newvm-colorPuma);
}
.newvm-portal-customerDetails-content-financeSection-content-directDebit.signed .newvm-portal-customerDetails-content-financeSection-content-directDebit-status-icon {
	--newvm-fontAwesomeIconContent: '\f058';
	color: var(--newvm-colorFrog);
}
.newvm-portal-customerDetails-content-financeSection-content-directDebit-iban,
.newvm-portal-customerDetails-content-financeSection-content-directDebit-bic {
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.newvm-portal-customerDetails-content-financeSection-content-directDebit-iban-value,
.newvm-portal-customerDetails-content-financeSection-content-directDebit-bic-value {
	--extends: newvm-common-code;
}
.newvm-portal-customerDetails-content-discountSection {
	--extends: newvm-common-section;
}
.newvm-portal-customerDetails-content-discountSection-content-discount {
	display: flex;
	align-items: baseline;
	gap: 5px;
}
.newvm-portal-customerDetails-content-affiliateSection {
	--extends: newvm-common-section;
}

/* contactListing */
.newvm-portal-contactListing {
	--extends: newvm-common-listing;
}
.newvm-portal-contactListing-header-showCreateContactButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-contactListing-content-createContactForm {
	--extends: newvm-common-form;
}
.newvm-portal-contactListing-content-contacts-contact {
	display: block;
}
.newvm-portal-contactListing-content-contacts-contact-rowWrapper {
	display: flex;
	align-items: baseline;
	gap: 10px;
}
.newvm-portal-contactListing-content-contacts-contact-info {
	display: flex;
	gap: 10px;
	margin-right: auto;
}
.newvm-portal-contactListing-content-contacts-contact-info-name {
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-contactListing-content-contacts-contact-roles {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 5px;
}
.newvm-portal-contactListing-content-contacts-contact-roles-role {
	--extends: newvm-common-badge;
}
.newvm-portal-contactListing-content-contacts-contact-email,
.newvm-portal-contactListing-content-contacts-contact-phoneNumber {
	--extends: newvm-common-link;
}

/* contactDetails */
.newvm-portal-contactDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-contactDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-contactDetails-content-infoSection-header-deleteButton {
	--extends: newvm-common-deleteButton;
	margin-left: auto;
}
.newvm-portal-contactDetails-content-infoSection-content-editContactForm {
	--extends: newvm-common-form;
}
.newvm-portal-contactDetails-content-roleSection {
	--extends: newvm-common-section;
}
.newvm-portal-contactDetails-content-roleSection-header-showAddContactRoleLinkButton {
	margin-left: auto;
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-contactDetails-content-roleSection-roles {
	--extends: newvm-common-list;
}
.newvm-portal-contactDetails-content-roleSection-roles-role {
	/* @todo need a different kind of list to extend because of the wrapper/left/right/button/loader situation */
	--extends: &-listItem;
	display: block; /* Override flex because of loader */
}
.newvm-portal-contactDetails-content-roleSection-roles-role-name {
	--extends2: newvm-common-bullet;
}
.newvm-portal-contactDetails-content-roleSection-roles-role-success {
	margin-bottom: 0;
}
.newvm-portal-contactDetails-content-roleSection-roles-role-deleteButton {
	--extends: newvm-common-deleteButton;
}
.newvm-portal-contactDetails-content-roleSection-roles-role-addContactRoleLinkButton {
	--newvm-fontAwesomeIconContent: '\f055';
}
.newvm-portal-contactDetails-content-roleSection-roles-role-loader {
	--extends: newvm-common-inlineLoader;
}

/* userListing */
.newvm-portal-userListing {
	--extends: newvm-common-listing;
}
.newvm-portal-userListing-header-showCreateUserButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-userListing-content-createUserForm {
	--extends: newvm-common-form;
}

/* userDetails */
.newvm-portal-userDetails {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-userDetails-content-infoSection {
	--extends: newvm-common-section;
}
.newvm-portal-userDetails-content-infoSection-header-deleteButton {
	--extends: newvm-common-deleteButton;
	margin-left: auto;
}
.newvm-portal-userDetails-content-infoSection-content-editUserForm {
	--extends: newvm-common-form;
}
.newvm-portal-userDetails-content-infoSection-content-checkmarkItem {
    --extends: newvm-portal-customerDetails-content-infoSection-content-checkmarkItem;
}

/* confidentialNotes */
.newvm-portal-confidentialNotes {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-confidentialNotes-header-showCreateConfidentialNoteButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-confidentialNotes-content-text {
	margin-bottom: 10px;
}
.newvm-portal-confidentialNotes-content-createConfidentialNoteForm {
	--extends: newvm-common-form;
}
.newvm-portal-confidentialNotes-content-confidentialNotes {
	margin-bottom: 10px;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote {
	display: flex;
	gap: 5px;
	margin-bottom: 5px;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-customerWrapper {
	flex-grow: 1;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-label {
	min-width: 200px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-showConfidentialDataButton {
	--extends: newvm-common-showPasswordButton;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-hideConfidentialDataButton {
	--extends: newvm-common-hidePasswordButton;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-copyConfidentialDataButton {
	--extends: newvm-common-copyButton;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-password {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}
.newvm-portal-confidentialNotes-content-confidentialNotes-confidentialNote-deleteButton {
	--extends: newvm-common-deleteButton;
}

/* publicSshKeyListing */
.newvm-portal-publicSshKeyListing {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-publicSshKeyListing-header-showCreatePublicSshKeyButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-publicSshKeyListing-content-text {
	margin-bottom: 10px;
}
.newvm-portal-publicSshKeyListing-content-createPublicSshKeyForm {
	--extends: newvm-common-form;
}
.newvm-portal-publicSshKeyListing-content-publicSshKeys {
	margin-bottom: 10px;
}
.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey {
	display: flex;
	gap: 5px;
	margin-bottom: 5px;
}
.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey-customerWrapper {
	flex-grow: 1;
}
.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey-dataWrapper {
	display: flex;
	gap: 5px;
}
.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey-name {
	min-width: 200px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey-isDefaultSelected {
	--extends: newvm-common-badge;
	margin-left: auto;
	align-self: flex-start;
}
.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey-loader {
	--extends: newvm-common-inlineLoader;
}
/*.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey-publicKey {
	--extends: newvm-common-code;
	margin-bottom: 5px;
}*/
.newvm-portal-publicSshKeyListing-content-publicSshKeys-publicSshKey-deleteButton {
	--extends: newvm-common-deleteButton;
}

/* profile */
.newvm-portal-profile {
	--extends: newvm-common-contentBlock;
}
.newvm-portal-profile-content-infoSection {
	--extends: newvm-common-section;
}
/* @todo More section "items" may benefit from display: table? */
.newvm-portal-profile-content-infoSection-content-items {
	display: table;
}
.newvm-portal-profile-content-infoSection-content-items-item {
	display: table-row;
}
.newvm-portal-profile-content-infoSection-content-items-item-name,
.newvm-portal-profile-content-infoSection-content-items-item-value {
	display: table-cell;
}
.newvm-portal-profile-content-infoSection-content-items-item-name {
	padding-right: 10px;
}
@media screen and (max-width: 390px) {
	.newvm-portal-profile-content-infoSection-content-items {
/*		display: ?;*/
	}
	.newvm-portal-profile-content-infoSection-content-items-item {
		display: flex;
	}
	.newvm-portal-profile-content-infoSection-content-items-item-name,
	.newvm-portal-profile-content-infoSection-content-items-item-value {
/*		display: ?;*/
	}
	.newvm-portal-profile-content-infoSection-content-items-item-name {
		padding-right: 0;
	}
}

.newvm-portal-portalApp-profile-content-infoSection-content-items-checkmarkItem {
    --extends: newvm-portal-customerDetails-content-infoSection-content-checkmarkItem;
}
.newvm-portal-profile-content-infoSection-content-editUserForm {
	--extends: newvm-common-form;
}
.newvm-portal-profile-content-twoStepAuthSection {
	--extends: newvm-common-section;
}
.newvm-portal-profile-content-twoStepAuthSection-header-status {
	--extends: newvm-common-badge;
	--newvm-common-badge-color: var(--newvm-colorSnake);
}
.newvm-portal-profile-content-twoStepAuthSection-header-status.enabled {
	--newvm-common-badge-color: var(--newvm-colorFrog);
}
.newvm-portal-profile-content-twoStepAuthSection-content-text {
	margin-bottom: 10px;
}
.newvm-portal-profile-content-twoStepAuthSection-content-setupButton {
	--newvm-fontAwesomeIconContent: '\f3ed';
}
.newvm-portal-profile-content-twoStepAuthSection-content-qrCode {
	display: block;
	margin: auto;
}
.newvm-portal-profile-content-twoStepAuthSection-content-sharedSecret {
	display: flex;
	gap: 5px;
}
.newvm-portal-profile-content-twoStepAuthSection-content-sharedSecret-secret {
	--extends: newvm-common-code;
}
.newvm-portal-profile-content-twoStepAuthSection-content-totpInputField {
	margin-bottom: 10px;
}
.newvm-portal-profile-content-twoStepAuthSection-content-generatedCodeInputField {
	margin-bottom: 10px;
}
.newvm-portal-profile-content-twoStepAuthSection-content-enableButton {
	--extends: newvm-common-greyButton;
	--newvm-fontAwesomeIconContent: '\f3ed';
}
.newvm-portal-profile-content-twoStepAuthSection-content-disableButton {
	--extends: newvm-common-alarmingButton;
}

/* authMethodListing */
.newvm-portal-authMethodListing {
	--extends: newvm-common-listing;
}
.newvm-portal-authMethodListing-header-info-title {
	display: block;
}
.newvm-portal-authMethodListing-header-showCreateAuthMethodButton {
	--newvm-fontAwesomeIconContent: '\2b';
}
.newvm-portal-authMethodListing-content-text {
	margin-bottom: 10px;
}
.newvm-portal-authMethodListing-content-createAuthMethodForm {
	--extends: newvm-common-form;
}
.newvm-portal-authMethodListing-content-createAuthMethodForm-fields-generatePasskeyOnDeviceButton {
	--newvm-fontAwesomeIconContent: '\f7c2';
}
.newvm-portal-authMethodListing-content-authMethods {
	margin-bottom: 10px;
	border-top: 1px solid var(--newvm-colorHippo);
}
.newvm-portal-authMethodListing-content-authMethods-authMethod {
	display: flex;
	gap: 5px;
	margin-bottom: 5px;
}
.newvm-portal-authMethodListing-content-authMethods-authMethod-infoWrapper {
	flex-grow: 1;
}
.newvm-portal-authMethodListing-content-authMethods-authMethod-name {
	min-width: 200px;
	font-weight: var(--newvm-weightSemiBold);
}
.newvm-portal-authMethodListing-content-authMethods-authMethod-loader {
	--extends: newvm-common-inlineLoader;
}
.newvm-portal-authMethodListing-content-authMethods-authMethod-deleteButton {
	--extends: newvm-common-deleteButton;
}

/* agreementListing */
.newvm-portal-agreementListing {
	--extends: newvm-common-listing;
}
.newvm-portal-agreementListing-header-info-title {
	display: block;
}
.newvm-portal-agreementListing-content-agreements-agreement-info {
	display: flex;
	gap: 20px;
}
.newvm-portal-agreementListing-content-agreements-agreement-info-date {
	min-width: 100px;
}
.newvm-portal-agreementListing-content-agreements-agreement-leftWrapper {
	display: block; /* Override flex */
}
.newvm-portal-agreementListing-content-agreements-agreement-info-number {
	/*--extends: &-name;*/ /* @todo extending of a localClass parent, not a named parent */
	--extends: newvm-common-listing-content-list-listItem-name;
}
.newvm-portal-agreementListing-content-agreements-agreement-rightWrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-left: auto;
}
.newvm-portal-agreementListing-content-agreements-agreement-status {
	--extends: newvm-common-bullet;
	margin-bottom: 5px;
}
.newvm-portal-agreementListing-content-agreements-agreement.SIGNED .newvm-portal-agreementListing-content-agreements-agreement-status,
.newvm-portal-agreementListing-content-agreements-agreement.ACCEPTED .newvm-portal-agreementListing-content-agreements-agreement-status {
	--newvm-common-bullet-color: var(--newvm-colorFrog);
}
.newvm-portal-agreementListing-content-agreements-agreement.UNSIGNED .newvm-portal-agreementListing-content-agreements-agreement-status,
.newvm-portal-agreementListing-content-agreements-agreement.UNACCEPTED .newvm-portal-agreementListing-content-agreements-agreement-status {
	--newvm-common-bullet-color: var(--newvm-colorSnake);
}
.newvm-portal-agreementListing-content-agreements-agreement-downloadPdfButton {
	--extends: newvm-common-whiteButton;
	--newvm-fontAwesomeIconContent: '\f1c1';
}
.newvm-portal-agreementListing-content-agreements-agreement-downloadPdfButton-icon {
	color: var(--newvm-colorCrab);
}