@charset "UTF-8";

:root {
	/* Tvist palette */
	--s1: #3b1f2b;
	/* --x1: #C4BCBF; use --b9 */
	/* --x2: #EBE9EA; use --bB */
	--g1: #DBDFAC;
	--rX: #BD1429;
	--r0: #D4172E;
	--r1: #E71D36;
	--r2: #E9344A;
	--r3: #EC4A5E;
	--r4: #EE6172;
	--r5: #F17786;
	--r6: #F38E9B;
	--r7: #F5A5AF;
	--r8: #F8BBC3;
	--r9: #FAD2D7;
	--rA: #FDE8EB;
	--d1: #383961;
	--d2: #4C4D71;
	--d3: #606181;
	--d4: #747490;
	--d5: #8888A0;
	--d6: #9C9CB0;
	--d7: #AFB0C0;
	--d8: #C3C4D0;
	--d9: #D7D7DF;
	--dA: #EBEBEF;
	--l1: #5F758E;
	--l2: #6F8399;
	--l3: #7F91A5;
	--l4: #8F9EB0;
	--l5: #9FACBB;
	--l6: #AFBAC7;
	--l7: #BFC8D2;
	--l8: #CFD6DD;
	--l9: #DFE3E8;
	--lA: #EFF1F4;
	--lB: #F5F7FA;

	/* Extra palette */
	--b0: #0A0A0A;
	--b1: #211D1E;
	--b2: #363032;
	--b3: #4C4346;
	--b4: #62565A;
	--b5: #77696E;
	--b6: #8C7D83;
	--b7: #9F9397;
	--b8: #b3A8AC;
	--b9: #C4BCBF;
	--bA: #D9D4D6;
	--bB: #ECE9EA;
	--bC: #FFF;
	--aX: #1463BD;
	--a0: #176FD4;
	--a1: #1D7BE7;
	--a2: #3488E9;
	--a3: #4A96EC;
	--a3: #61A3EE;
	--a5: #77B0F1;
	--a6: #8EBDF3;
	--a7: #A5CAF5;
	--a8: #BBD7F8;
	--a9: #D2E5FA;
	--aA: #E8F2FD;

	--shadow: #0004;
	--info: var(--aX);
	--error: var(--rX);
	--warning: #BDB314;
	--success: #81BD14;
	--validation: #BD1497;

	--msg-info-bg: #1463bd26;
	--msg-success-bg: #81bd1426;
	--msg-warning-bg: #bdb31426;
	--msg-error-bg: #bd142926;
	--msg-validation-bg: #bd149726;


	--rgb-a1: 29,123,231;
	--rgb-a3: 97,163,238;
	--rgb-r1: 231,29,54;
	--rgb-r8: 248,187,195;
	--rgb-lA: 239,241,244;

	/* GENERAL */
	--border-radius: 12px;
	--border-radius-light: 5px;
	--border-radius-heavy: 25px;
	--border-radius-input: 8px;
	--border-width: 1px;
	--border-thick-width: 2px;
	--border-thin: var(--border-width) solid var(--border-color);
	--border-thick: var(--border-thick-width) solid var(--border-color);
	--padding-small-x: 15px;
	--padding-small-y: 7.5px;
	--spacing-1: .25rem;
	--spacing-2: .5rem;
	--spacing-3: 1rem;
	--spacing-4: 1.5rem;
	--spacing-5: 3rem; /* same as mt-5 */
	--spacing-6: 6rem;
	--spacing-7: 12rem;
	--spacing-8: 24rem;
	--spacing-9: 48rem;
	--spacing-10: 96rem;

	/* SPECIFIC */
	--card-border-radius: var(--border-radius);
	--card-border-width: var(--border-thick-width);
	--card-header-border-bottom: 0;
	--tooltip-padding-x: var(--padding-small-x);
	--tooltip-padding-y: var(--padding-small-y);
	--tooltip-border-radius: var(--border-radius);
	--header-dropdown-toggle-font-size: var(--font-size-large);

	--bs-white-rgb: var(--rgb-lA);
	--bs-primary-rgb: var(--rgb-r1);

	--bs-body-font-family: 'Inter', sans-serif;
	--bs-body-font-size: var(--font-size-small);
	--bs-border-color: var(--border-color);
	--bs-border-radius: var(--border-radius);
	--bs-border-width: 1px;


	--btn-primary-color: var(--bC);
	--btn-primary-bg: var(--r1);
	--btn-primary-active-bg: var(--r4);
	--btn-secondary-color: var(--bC);
	--btn-secondary-bg: var(--a1);
	--btn-secondary-active-bg: var(--a3);
	--btn-disabled-color: var(--bB);
	--btn-disabled-bg: var(--bg);

	--font-family-header: 'Lexend', sans-serif;
	--font-weight-header: 700;
	--font-size-small: 15px; /* buttons, header */
	--font-size-medium: 18px;
	--font-size-large: 20px;
	--font-size-extraLarge: 24px;
	--font-size-h1: 55px;
	--font-size-h2: 31px;
	--font-size-h3: 25px;
	--font-color-header-link: var(--r1);
	--font-color-success: var(--success);
	--font-color-info: var(--info);
	--font-color-warning: var(--warning);
	--font-color-error: var(--error);
	--font-color-validation: var(--validation);
	--font-color-blink: var(--l1);
	--font-color-blink-hover: var(--l4);
}


@font-face {
	font-family: "Lexend";
	src: url("../fonts/Lexend/static/Lexend-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "Inter";
	src: url("../fonts/Inter/static/Inter-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@media (prefers-color-scheme: light) {
	* {
		--bg-dark: #555;
		--bg: var(--bC);
		--bg-light: #fcfcfc;
		--bg-lightest: #fff;
		--bg-light-transparent: #fcfcfcf0;
		--link: var(--a1);
		--link-gray: #ddd;
		--font-bright: var(--bB);
		--font-light: var(--l6);
		--font-gray: #555;
		--font-white: var(--bC);
		--icon-gray: #777;
		--border-color: var(--r7);
		--input: var(--lB);
		--primary: var(--r1);
		--primary-light: var(--r4);
		--secondary: var(--l1);
		--secondary-light: var(--d4);
		--hover: var(--rA);
		--selected: var(--bC);
		--active: var(--r9);

		/* FONT */
		--font-color-default: var(--d1);
		--font-color-inverse: var(--lA);

		/* TABLE */
		--table-color: var(--font-color-default);
		--table-bg: var(--bC);
		--table-striped-bg: var(--rA);
		--table-hover-bg: var(--rA);
		--table-head-bg: var(--bg);
		--table-head-color: var(--font-color-default);
		--table-head-border-bottom: 1px solid var(--r1);

		/* LINK */
		--link-color: var(--a1);
		--link-color-rgb: var(--rgb-a1);
		--link-hover-color: var(--a3);
		--link-hover-color-rgb: var(--rgb-a3);

		/* FOOTER */
		--footer-color: var(--font-color-inverse);
		--footer-bg: var(--l1);
		--footer-link-color-rgb: var(--rgb-lA);
		--footer-link-hover-color-rgb: var(--rgb-lA);
		--footer-heading-color: var(--lA);

		/* CARDS */
		--card-bg: var(--bg);
		--card-border-color: var(--border-color);
		--card-color: var(--font-color-default);

		--bs-tertiary-bg: var(--lB); /* FIX */
		--bs-body-bg: var(--bg); /* FIX */
		--bs-nav-link-color: var(--primary); /* FIX */
		--bs-secondary-color: var(--font-light); /* FIX */

		--bs-link-color: var(--link-color);
		--bs-link-color-rgb: var(--link-color-rgb);
		--bs-link-hover-color: var(--link-hover-color);
		--bs-link-hover-color-rgb: var(--link-hover-color-rgb);
		--bs-nav-tabs-link-active-color: var(--primary); /* FIX */

		/* NAV-PILLS */
		--nav-pills-link-color: var(--r1);
		--nav-pills-link-active-bg: var(--r1);
		--nav-pills-link-active-color: var(--lB);
		--nav-pills-link-hover-bg: var(--lB);
		--nav-pills-link-hover-color: var(--r1);

		/* BUTTONS */
		--btn-disabled-bg: var(--b8);

		/* TOOLTIP */
		--tooltip-bg: var(--s1);
		--tooltip-color: var(--font-color-inverse);

		/* MATERIAL SWITCH */
		--material-switch-slider-color: var(--l6);
		--material-switch-slider-on-color: var(--success);
		--material-switch-circle-color: var(--bC);
		--material-switch-circle-border: 1px solid var(--l6);
	}

	footer a {
		--bs-link-color-rgb: var(--bs-white-rgb);
		--bs-link-hover-color-rgb: var(--rgb-r8); /* FIX */
	}
}





@media not print {
@media (prefers-color-scheme: dark) {
	* {
		--bg-dark: var(--b1);
		--bg: var(--b2);
		--bg-light: var(--b3);
		--bg-dark-transparent: #1d1d1df0;
		--border-color: var(--r3);
		--btn: var(--primary);
		--btn-active: var(--primary-light);
		--link: var(--a5);
		--link-gray: var(--b4);
		--red: var(--primary);
		--font-bright: var(--bB);
		--font-light: var(--b5);
		--font-dark: var(--b2);
		--font-gray: var(--b5);
		--input: var(--bg-dark);
		--primary: var(--r1);
		--primary-light: var(--r3);
		--secondary: var(--l1);
		--hover: var(--b3);
		--selected: var(--bg);
		--active: var(--d1);
		--font-color-error: var(--r3);

		/* FONT */
		--font-color-default: var(--lA);
		--font-color-inverse: var(--d1);

		/* TABLE */
		--table-color: var(--font-color-default);
		--table-bg: var(--bg);
		--table-striped-bg: var(--b1);
		--table-hover-bg: var(--b3);
		--table-head-bg: var(--b3);
		--table-head-color: var(--font-color-default);

		/* LINK */
		--link-color: var(--a5);
		--link-color-rgb: 119,176,241; /* --a5 */
		--link-hover-color: var(--a7);
		--link-hover-color-rgb: 165,202,245; /* --a7 */

		/* FOOTER */
		--footer-color: var(--font-color-default);
		--footer-bg: var(--b2);
		--footer-link-color-rgb: var(--rgb-lA);
		--footer-link-hover-color-rgb: var(--rgb-lA);

		/* CARDS */
		--card-bg: var(--bg);
		--card-border-color: var(--border-color);
		--card-color: var(--font-color-default);

		--bs-tertiary-bg: var(--lB); /* FIX */
		--bs-secondary-color: var(--font-gray);
		--bs-border-color: var(--border-color);
		--bs-secondary-bg: var(--r3); /* FIX */
		--bs-body-bg: var(--bg); /* FIX */

		--bs-link-color-rgb: var(--link-color-rgb);
		--bs-link-hover-color: var(--link-hover-color);
		--bs-link-hover-color-rgb: var(--link-hover-color-rgb);
		--bs-nav-tabs-link-active-color: var(--primary); /* FIX */

		/* NAV-PILLS */
		--nav-pills-link-color: var(--dA);
		--nav-pills-link-active-bg: var(--r1);
		--nav-pills-link-active-color: var(--lB);
		--nav-pills-link-hover-bg: var(--b3);
		--nav-pills-link-hover-color: var(--lB);

		/* BUTTONS */
		--btn-disabled-bg: var(--b3);

		/* TOOLTIP */
		--tooltip-bg: var(--bB);
		--tooltip-color: var(--font-color-inverse);

		/* MATERIAL SWITCH */
		--material-switch-slider-color: var(--b7);
		--material-switch-slider-on-color: var(--success);
		--material-switch-circle-color: var(--bC);
		--material-switch-circle-border: 0;
	}

	.form-check-input {
		--bs-form-check-bg: var(--bg-dark); /* FIX */
	}
}
}

hr {
	border-color: var(--border-color);
	opacity: 1;
}
body {
	--bs-body-color: var(--font-color-default); /* FIX */
}
.card {
	--bs-card-cap-bg: var(--card-bg);
	--bs-card-border-color: var(--card-border-color);
	--bs-border-radius: var(--card-border-radius);
	--bs-card-border-width: var(--card-border-width);
	--bs-card-height: 100%;

	background-color: var(--bg);
}
.card-header {
	border-bottom: var(--card-header-border-bottom);
	margin-left: var(--bs-card-spacer-x);
	margin-right: var(--bs-card-spacer-x);
	padding-left: 0;
	padding-right: 0;
	font-size: var(--font-size-h2);
	font-family: var(--font-family-header);
	font-weight: var(--font-weight-header);
}
.card-body {
	--bs-card-color: var(--card-color);

	font-size: var(--font-size-medium);
}

.form-control {
	--bs-body-color: var(--font-color-default);
	--bs-body-bg: var(--lB); /* FIX */
	--bs-body-placeholder-color: var(--font-light); /* FIX */
	--bs-border-color: var(--border-color);
	--bs-form-check-bg-image: var(--input); /* FIX */
	--input-front-domain-search-padding: 38px 30px;
}
.form-control ::placeholder {
	--bs-body-color: var(--font-light); /* FIX */
}
.nav-link {
	--bs-nav-link-font-size: var(--font-size-small);
	--bs-nav-link-font-weight: var(--font-weight-header);
	--bs-nav-tabs-border-width: var(--border-thick-width);
}
.nav-pills {
	--bs-nav-tabs-link-hover-border-color: var(--border-color);
	--bs-nav-link-hover-color: var(--nav-pills-link-color);
	--bs-nav-pills-link-active-color: var(--nav-pills-link-active-color);
	--bs-nav-pills-link-active-bg: var(--nav-pills-link-active-bg);
	--bs-nav-tabs-link-active-border-color: var(--border-color);
	--bs-nav-link-color: var(--nav-pills-link-color);
}
.nav-tabs {
	--bs-nav-tabs-border-color: var(--bs-border-color);
	--bs-nav-tabs-link-hover-border-color: var(--border-color);
	--bs-nav-link-color: var(--bs-nav-link-color);
	--bs-nav-tabs-link-active-color: var(--bs-nav-link-color);
	--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
	--bs-nav-tabs-border-width: 0px;  /* FIX */
	--bs-nav-tabs-link-active-bg: var(--selected);  /* FIX */
}
.navbar {
	--bs-navbar-nav-link-padding-x: 18px;  /* FIX */
	--bs-navbar-hover-color: var(--primary);  /* FIX */
	--bs-navbar-color: var(--primary);  /* FIX */
	--bs-navbar-toggler-border-color: transparent;
	--bs-navbar-toggler-padding-y: 10px;
	--bs-navbar-toggler-padding-x: 10px;
	--bs-navbar-toggler-focus-width: 0px;
}
.navbar button {
	--bs-border-radius: var(--border-radius-light);
}
@media (min-width: 768px) {
	ul.nav-pills > li.nav-item:not(:last-child) {
		margin-right: 1em;
	}
}@media (max-width: 767px) {
	ul.nav-pills > li.nav-item:not(:last-child) {
		margin-bottom: 0.5em;
	}
}
input, .form-control, .form-select, select, textarea, button, .btn {
	--bs-border-radius: var(--border-radius-input);
}


.table {
	--bs-table-bg: var(--table-bg);
	--bs-table-striped-bg: var(--table-striped-bg);
	--bs-table-color-type: var(--bs-table-color-state);
	--bs-table-striped-color: var(--bs-table-color-state);
	--bs-table-color-state: var(--table-color);
	--bs-table-border-color: var(--border-color);
	--bs-table-hover-bg: var(--table-hover-bg);
}
.table > thead {
	--bs-table-bg: var(--table-head-bg);
	--bs-table-color-state: var(--table-head-color);
}
.table > thead > tr > th,
.table > thead > tr > td {
	border-bottom-width: 0;
}
.table > thead {
	border-bottom: var(--table-head-border-bottom);
}
.table.rounded.overflow-hidden {
	--bs-border-radius: calc(var(--bs-border-radius) - 2px);
}

.btn {
	--bs-btn-padding-x: 32px;
	--bs-btn-padding-y: 14px;
	--bs-btn-font-family: var(--font-family-header);
	--bs-btn-font-weight: var(--font-weight-header);
	--bs-btn-font-size: var(--font-size-small);
	--bs-btn-disabled-opacity: 1;
}
.btn-primary {
	--bs-btn-border-width: 0;
	--bs-btn-hover-color: var(--btn-primary-color);
	--bs-btn-bg: var(--btn-primary-bg);
	--bs-btn-hover-color: var(--btn-primary-color);
	--bs-btn-hover-bg: var(--btn-primary-active-bg);
	--bs-btn-active-color: var(--btn-primary-color);
	--bs-btn-active-bg: var(--btn-primary-active-bg);
	--bs-btn-disabled-color: var(--btn-disabled-color);
	--bs-btn-disabled-bg: var(--btn-disabled-bg);
}
.btn-outline-primary {
	--bs-btn-color: var(--btn-primary-bg);
	--bs-btn-border-color: var(--btn-primary-active-bg);
	--bs-btn-hover-color: var(--btn-primary-color);
	--bs-btn-hover-bg: var(--btn-primary-active-bg);
	--bs-btn-hover-border-color: var(--btn-primary-bg);
	--bs-btn-active-color: var(--btn-primary-color);
	--bs-btn-active-bg: var(--btn-primary-active-bg);
	--bs-btn-active-border-color: var(--btn-primary-active-bg);
	--bs-btn-disabled-color: var(--btn-disabled-color);
	--bs-btn-disabled-bg: var(--b9);
}
.btn-secondary {
	--bs-btn-border-width: 0;
	--bs-btn-hover-color: var(--btn-secondary-color);
	--bs-btn-bg: var(--btn-secondary-bg);
	--bs-btn-hover-color: var(--btn-secondary-color);
	--bs-btn-hover-bg: var(--btn-secondary-active-bg);
	--bs-btn-active-color: var(--btn-secondary-color);
	--bs-btn-active-bg: var(--btn-secondary-active-bg);
	--bs-btn-disabled-color: var(--btn-disabled-color);
	--bs-btn-disabled-bg: var(--btn-disabled-bg);
}
.btn-outline-secondary {
	--bs-btn-color: var(--btn-secondary-bg);
	--bs-btn-border-color: var(--btn-secondary-active-bg);
	--bs-btn-hover-color: var(--btn-secondary-color);
	--bs-btn-hover-bg: var(--btn-secondary-active-bg);
	--bs-btn-hover-border-color: var(--btn-secondary-bg);
	--bs-btn-active-color: var(--btn-secondary-color);
	--bs-btn-active-bg: var(--btn-secondary-active-bg);
	--bs-btn-active-border-color: var(--btn-secondary-active-bg);
	--bs-btn-disabled-color: var(--btn-disabled-color);
	--bs-btn-disabled-bg: var(--btn-disabled-bg);
}

.btn-link {
	--bs-btn-color: var(--link);
}

.dropdown-menu {
	--bs-dropdown-border-color: var(--border-color);
	--bs-dropdown-link-hover-bg: var(--hover);
	--bs-dropdown-link-color: var(--primary);
	--bs-dropdown-link-hover-color: var(--primary);
	--bs-dropdown-link-active-bg: var(--selected);
	--bs-dropdown-link-active-color: var(--primary);
	--bs-dropdown-item-padding-x: 1.5rem;
	--bs-dropdown-item-padding-y: 0.75rem;
}
.form-select {
	--bs-form-select-bg-img: url('/images/chevron_down.svg');
	background-blend-mode: exclusion;
	--bs-body-bg: var(--input);
}
.list-group-item {
	--bs-list-group-action-hover-bg: var(--active);
	--bs-list-group-action-active-bg: var(--active);
	--bs-list-group-bg: var(--lB);
}
a.list-group-item {
	--bs-list-group-color: var(--link-color);
	--bs-list-group-action-hover-color: var(--link-color);
	--bs-list-group-action-active-color: var(--link-color);
}
.tooltip {
	--bs-tooltip-bg: var(--tooltip-bg);
	--bs-tooltip-color: var(--tooltip-color);
	--bs-tooltip-padding-x: var(--tooltip-padding-x);
	--bs-tooltip-padding-y: var(--tooltip-padding-y);
	--bs-tooltip-border-radius: var(--border-radius-heavy);
	--bs-tooltip-opacity: 1;
}

html {
	font-size: var(--bs-body-font-size);
}
body {
	--bs-body-bg: var(--lA);
}

div.stats {
	background-color: #fff;
	padding: 1em;
}
.dropdown-item {
	--bs-link-hover-color-rgb: var(--primary);
}

.page-link {
	color: var(--link);
}

a,
button {
	transition: background-color linear 0.25s, color linear 0.25s;
}
a {
    text-decoration: none;
}
a.grayed_out {
	color: var(--link-gray);
}

h1,h2,h3,h4,h5,h6 {
	font-family: var(--font-family-header);
	font-weight: var(--font-weight-header);
	margin-top: 10px;
}
h1 {
	font-size: var(--font-size-h1);
}
h2 {
	font-size: var(--font-size-h2);
}
h3 {
	font-size: var(--font-size-h3);
}
h1 a,
h2 a,
h3 a {
	color: var(--font-color-header-link);
}

b,strong {
	font-family: var(--font-family-header);
}
.relative {
	position: relative;
}

.clear {
	clear: both;
}

.word-break {
	word-wrap: break-word;
	word-break: break-all;
}


nav#navbar div.dropdown-menu {
	left: unset;
	right: 0px;
	overflow: hidden;
}
.navbar .btn {
	padding: 20px 18px;
}
.navbar-light {
	background-color: var(--bg);
}
ul.nav-tabs ~ .card,
ul.nav-tabs ~ .tab-content .card {
	border-radius: 0px var(--bs-border-radius) var(--bs-border-radius) var(--bs-border-radius);
}
ul.nav-tabs ~ .card::after,
ul.nav-tabs ~ .tab-content .card::after {
	content: '';
	width: 2px;
	height: 2px;
	position: absolute;
	background: var(--border-color);
	top: -2px;
	left: -2px;
	z-index: 1;
}
.nav-pills .nav-item:hover > .nav-link:not(.active),
.nav-tabs .nav-link:not(.active):focus,
.nav-tabs .nav-item:hover > .nav-link:not(.active) {
	background-color: var(--nav-pills-link-hover-bg);
	color: var(--nav-pills-link-hover-color);
}
.nav-pills .nav-item:hover > .nav-link.active {
	background-color: var(--btn-primary-active-bg);
}
.nav-pills .nav-link:focus,
.nav-pills .nav-item:hover .nav-link {
	border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-pills .nav-link {
	border-style: solid;
	border-width: 1px;
	border-color: var(--border-color);
}
.nav-pills .dropdown-menu {
	border-top-right-radius : var(--bs-dropdown-border-radius);
	border-top-left-radius : var(--bs-dropdown-border-radius);
}
.nav-link {
	position: relative;
	top: 0px;
	z-index: 1;
}
.nav-tabs .nav-link {
	margin-right: calc(-1 * var(--bs-nav-tabs-border-width));
}

.tvist-shadow {
	box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.10);
}

.dropdown {
	font-family: var(--bs-btn-font-family);
}
.dropdown-item {
	font-weight: 600;
}

.btn-link {
	text-decoration: none;
}
.btn-link.underline::after {
	content: "";
	width: 100%;
	display: block;
	border-bottom: 1px solid var(--bs-btn-color);
	position: relative;
	left: 0;
	transition: width 0.125s ease, left 0.125s ease;
}
.btn-link.underline:hover::after {
	border-bottom: 1px solid var(--bs-link-hover-color);
	width: 75%;
	left: 12.5%;
}

.first-border-top-not-visible .border-top:first-child {
	border-top: 0 !important;
}
.frontPageTop {
	margin: -10px 0px;
	padding: 100px 0px;
	background-color: var(--bg-lightest);
	font-size: var(--font-size-large);
}
.frontPageTop h1 {
	color: var(--primary);
}
.frontPageTop .frontPageImage {
	overflow: hidden;
	display: flex;
	justify-content: center;
	border-radius: var(--bs-border-radius);
}
.frontPageTop #whois_form {
	width: 100%;
}
.frontPageTop #whois_form input {
	font-size: var(--font-size-extraLarge);
	padding: var(--input-front-domain-search-padding) !important;
}
.frontPageTop #whois_form button {
	font-size: var(--font-size-extraLarge);
	position: relative;
	left: 12px;
	color: var(--bs-secondary-color);
	padding-right: 30px !important;
	padding-left: 30px !important;
}
.frontPageTop .frontPageSearch {
	max-width: 770px;
}
.frontPageTop .frontPageSearch input:focus + .input-group-text > #whois_search_button {
	z-index: 5;
}
.frontPageTop .msg_success,
.frontPageTop .msg_info,
.frontPageTop .msg_warning,
.frontPageTop .msg_error,
.frontPageTop .msg_validation {
	max-width: min(1200px, 95%);
}
.frontPageImageContainer {
	width: calc(100% - 770px);
	max-width: 1456px;
}
.frontPageText {
	height: 153px;
	display: flex;
	align-items: center;
}
.list-group > .list-group-item {
	margin-bottom: calc(0px - var(--bs-list-group-border-width));
}
.list-group-item+.list-group-item {
	border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-sub {
	margin-left: 3rem;
	width: calc(100% - 3rem);
}
.list-group-item-sub + .list-group-item:not(.list-group-item-sub) {
	border-top-left-radius: inherit;
}
.list-group-item.logged-in-only::after {
	content: '🗝';
	position: absolute;
	color: var(--border-color);
	right: var(--bs-list-group-item-padding-x);
}
@media (min-width: 1800px) {
	.container {
		max-width: min(calc(100% - 340px), 2223px);
	}
}
.frontPageContainer {
	height: 100%;
	flex-direction: column;
	display: flex;
	justify-content: space-between;
}
.frontPageRibbon {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 30px 0px;
	background-color: var(--primary);
	color: var(--bC);
}
.frontPageRibbon a {
	color: var(--bC);
}
@media (max-width: 991px) {
	nav#navbar div.dropdown-menu > .dropdown-item {
		padding-left: 0;
	}
	nav#navbar .nav-item > .btn {
		margin-left: 0 !important;
		margin-top : 0.75em;
	}
	nav#navbar .navbar-nav {
		align-items: start !important;
	}
	nav#navbar .nav-item {
		margin: 0 !important;
	}
	nav#navbar .navbar-collapse > ul {
		margin-top : 0.75em;
	}
	.nav-link {
		--bs-nav-link-padding-y: 0.75em;
	}
}

@media (max-width: 575px) {
	.navbar-brand {
		padding-left: 26px;
	}
}

	.navbar-brand path.logo_isnic_dot,
	.navbar-brand path.logo_isnic_i {
		transition: all 1s;
	}
	.navbar-brand g.logo_isnic_nic {
		transition: all 1s;
	}

	.navbar-brand.init-animation path.logo_isnic_dot {
		animation-name: dotMovesLeft;
		animation-duration: 1s;
		animation-direction: normal;
		animation-delay: 2s;
		animation-fill-mode: both;
		animation-timing-function: ease-out;
		animation-iteration-count: 1;
	}
	.navbar-brand.init-animation path.logo_isnic_i {
		animation-name: iMovesDown;
		animation-duration: 1s;
		animation-direction: normal;
		animation-delay: 2s;
		animation-fill-mode: both;
		animation-timing-function: ease-in;
		animation-iteration-count: 1;
	}
	.navbar-brand:not(.init-animation) path.logo_isnic_dot {
		transform: translateX(0px);
	}
	.navbar-brand:not(.init-animation):hover path.logo_isnic_dot {
		transform: translateX(11.67px);
	}
	.navbar-brand:not(.init-animation) path.logo_isnic_i {
		transform: translateY(0px);
	}
	.navbar-brand:not(.init-animation):hover path.logo_isnic_i {
		transform: translateY(-14px);
	}

	.navbar-brand.init-animation g.logo_isnic_nic {
		opacity: 1;
	}
	.navbar-brand:not(.init-animation) g.logo_isnic_nic {
		opacity: 0;
	}

	@keyframes iMovesDown {
		0% {
			transform: translateY(-14px);
		}
		100% {
			transform: translateY(0px);
		}
	}
	@keyframes dotMovesLeft {
		0% {
			transform: translateX(11.67px);
		}
		100% {
			transform: translateX(0px);
		}
	}

@media (max-width: 992px) {

	.navbar-collapse .nav-item.dropdown .dropdown-menu {
		--bs-dropdown-border-width: 0px;
	}

	.navbar-collapse .nav-item > .nav-link  {
		--bs-nav-link-font-size: var(--header-dropdown-toggle-font-size);
	}

	.navbar-collapse .nav-item.dropdown {
		width: 100% !important;
	}
}


#cart-text {
    top: -2px;
    left: 2px;
    color: white;
}


.nav-link {
	font-family: var(--font-family-header);
}

li.basketMenuItem > a {
	padding: 12px;
}


.container {
	transition: max-width ease 0.25s;
}
body > .container {
	min-height: calc(100VH - 642px);
}
@media (max-width: 992px) {
	body > .container {
		min-height: calc(100VH - 1341px);
	}
}

.sandboxWarningText {
	background: var(--bg-light-transparent);
	position: absolute;
	padding: 8px 32px;
	height: 100%;
	font-weight: bolder;
}

.sandboxWarningContainer {
	box-shadow: inset 0px 0px 16px var(--bg-light);
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #ff0;
	background-repeat: repeat;
	background-size: 40px 40px;
	background-position: 0% 0%;
	background-image: linear-gradient(-45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);
	animation: sandboxWarningAnimation 2s ease-in-out infinite;
	display: flex;
	justify-content: center;
}
.sandboxWarningContainer:hover {
	animation-play-state: paused;
}
@keyframes sandboxWarningAnimation {
	 0% {
		background-position-x: 0px;
	}
	100% {
		background-position-x: 80px;
	}
}

.faqEntry h5 {
	margin-top: 2em;
}



.box {
	padding: 10px 15px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.box-fixedh { min-height: 15.5em; }
@media (max-width: 1400px) { .box-fixedh { min-height: 17em; } }
@media (max-width:  992px) { .box-fixedh { min-height: 0; } } /* Single column */


.footer {
	--bs-heading-color: var(--footer-heading-color);
	font-size: var(--font-size-small);
	background-color: var(--footer-bg);
	color: var(--footer-color);
}
.footer a {
	--bs-link-color-rgb: var(--footer-link-color-rgb);
}
.x_social_media_link {
	background-color: var(--footer-color);
	color: var(--footer-bg);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-header);
	padding: 0px 3px;
	border-radius: var(--border-radius-light);
}


.tmpHidden {
	display: none;
}
@media not print {
@media (prefers-color-scheme: dark) {
	.islandLogin svg > g {
		fill: var(--b9);
	}
}
}

a.btn.btn-link.disabled,
a.btn.btn-link[disabled] {
	text-decoration: none;
	background: transparent;
	color: var(--link-gray);
}

.btn.disabled, .btn[disabled] {
	--bs-btn-color: var(--bs-btn-disabled-color);
	--bs-btn-hover-color: var(--bs-btn-disabled-color);
	--bs-btn-active-color: var(--bs-btn-disabled-color);
	--bs-btn-bg: var(--bs-btn-disabled-bg);
	--bs-btn-hover-bg: var(--bs-btn-disabled-bg);
	--bs-btn-active-bg: var(--bs-btn-disabled-bg);
	--bs-btn-border-color: var(--bs-btn-disabled-bg);
	--bs-btn-hover-border-color: var(--bs-btn-disabled-bg);
	pointer-events: auto;
	cursor: not-allowed !important;
}

@media (max-width: 1399px) { #whois_form { width: 200px; } }
@media (max-width: 1199px) { #whois_form { width: 155px; } }
@media (max-width: 991px) { .whois_search_box { width: 130px; } }

.bootstrapFront {
	position: relative;
	bottom: 0px;
	transition: bottom ease-out 1s;
	transition-delay: 0s;
}

.form-control:focus {
	border-color: var(--bs-border-color);
}

@media (max-width: 767px) {
	.shortcuts .shortcut {
		width: 50%;
	}
}

.btn.btn-icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	max-width: 153px;
	width: 100%;
	height: 100%;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	font-size: var(--font-size-medium);
	color: var(--primary);
	line-height: 1.25;
	background-color: var(--bg);
	padding: 18px 10px;
}

.btn-icon:hover {
	background-color: var(--rA);
}
.btn.btn-icon > :first-child {
	margin-top: 18px;
	margin-bottom: 6px;
}

.frontPageTop {
	--bs-border-width: 2px;
}


.font-1x {
	font-size: 1em;
}
.font-2x {
	font-size: 2em;
}
.font-3x {
	font-size: 3em;
}
.font-4x {
	font-size: 4em;
}
.font-5x {
	font-size: 5em;
}
.font-6x {
	font-size: 6em;
}
.font-xs {
	font-size:.75em;
	vertical-align:-0.1em;
}
.font-sm {
	font-size:.875em;
	vertical-align:-0.1em;
}
.font-md {
	font-size:1em;
	vertical-align:0em;
}
.font-lg {
	font-size:1.25em;
	vertical-align:-0.2em;
}
.font-xl {
	font-size:1.5em;
	line-height:.04167em;
	vertical-align:-.125em;
}
.font-xxl {
	font-size:2em;
	line-height:.03125em;
	vertical-align:-.1875em;
}
@media(min-width: 576px) {
	.font-sm-xs {
		font-size:.75em;
		vertical-align:-0.1em;
	}
	.font-sm-sm {
		font-size:.875em;
		vertical-align:-0.1em;
	}
	.font-sm-md {
		font-size:1em;
		vertical-align:0em;
	}
	.font-sm-lg {
		font-size:1.25em;
		vertical-align:-0.2em;
	}
	.font-sm-xl {
		font-size:1.5em;
		line-height:.04167em;
		vertical-align:-.125em;
	}
	.font-sm-xxl {
		font-size:2em;
		line-height:.03125em;
		vertical-align:-.1875em;
	}
}
@media (min-width: 768px) {
	.font-md-xs {
		font-size:.75em;
		vertical-align:-0.1em;
	}
	.font-md-sm {
		font-size:.875em;
		vertical-align:-0.1em;
	}
	.font-md-md {
		font-size:1em;
		vertical-align:0em;
	}
	.font-md-lg {
		font-size:1.25em;
		vertical-align:-0.2em;
	}
	.font-md-xl {
		font-size:1.5em;
		line-height:.04167em;
		vertical-align:-.125em;
	}
	.font-md-xxl {
		font-size:2em;
		line-height:.03125em;
		vertical-align:-.1875em;
	}
}
@media (min-width: 992px) {
	.font-lg-xs {
		font-size:.75em;
		vertical-align:-0.1em;
	}
	.font-lg-sm {
		font-size:.875em;
		vertical-align:-0.1em;
	}
	.font-lg-md {
		font-size:1em;
		vertical-align:0em;
	}
	.font-lg-lg {
		font-size:1.25em;
		vertical-align:-0.2em;
	}
	.font-lg-xl {
		font-size:1.5em;
		line-height:.04167em;
		vertical-align:-.125em;
	}
	.font-lg-xxl {
		font-size:2em;
		line-height:.03125em;
		vertical-align:-.1875em;
	}
}
@media (min-width: 1200px) {
	.font-xl-xs {
		font-size:.75em;
		vertical-align:-0.1em;
	}
	.font-xl-sm {
		font-size:.875em;
		vertical-align:-0.1em;
	}
	.font-xl-md {
		font-size:1em;
		vertical-align:0em;
	}
	.font-xl-lg {
		font-size:1.25em;
		vertical-align:-0.2em;
	}
	.font-xl-xl {
		font-size:1.5em;
		line-height:.04167em;
		vertical-align:-.125em;
	}
	.font-xl-xxl {
		font-size:2em;
		line-height:.03125em;
		vertical-align:-.1875em;
	}
}

.ds-record-digest {
	font-family: monospace;
	font-size: var(--font-size-medium);
	width: 178px;
}

.card-whois-search-host + .card-whois-search-host {
	margin-top: var(--spacing-4);
}
.max-width-unset {
	max-width: unset;
}
.max-width-5 {
	max-width: var(--spacing-5);
}
.max-width-6 {
	max-width: var(--spacing-6);
}
.max-width-7 {
	max-width: var(--spacing-7);
}
.max-width-8 {
	max-width: var(--spacing-8);
}
.max-width-9 {
	max-width: var(--spacing-9);
}
.max-width-10 {
	max-width: var(--spacing-10);
}

@media (min-width: 768px) {
	.max-width-md-unset {
		max-width: unset;
	}
	.max-width-md-5 {
		max-width: var(--spacing-5);
	}
	.max-width-md-6 {
		max-width: var(--spacing-6);
	}
	.max-width-md-7 {
		max-width: var(--spacing-7);
	}
	.max-width-md-8 {
		max-width: var(--spacing-8);
	}
	.max-width-md-9 {
		max-width: var(--spacing-9);
	}
	.max-width-md-10 {
		max-width: var(--spacing-10);
	}
}
@media (min-width: 992px) {
	.max-width-lg-unset {
		max-width: unset;
	}
	.max-width-lg-5 {
		max-width: var(--spacing-5);
	}
	.max-width-lg-6 {
		max-width: var(--spacing-6);
	}
	.max-width-lg-7 {
		max-width: var(--spacing-7);
	}
	.max-width-lg-8 {
		max-width: var(--spacing-8);
	}
	.max-width-lg-9 {
		max-width: var(--spacing-9);
	}
	.max-width-lg-10 {
		max-width: var(--spacing-10);
	}
}
@media (min-width: 1200px) {
	.max-width-xl-unset {
		max-width: unset;
	}
	.max-width-xl-5 {
		max-width: var(--spacing-5);
	}
	.max-width-xl-6 {
		max-width: var(--spacing-6);
	}
	.max-width-xl-7 {
		max-width: var(--spacing-7);
	}
	.max-width-xl-8 {
		max-width: var(--spacing-8);
	}
	.max-width-xl-9 {
		max-width: var(--spacing-9);
	}
	.max-width-xl-10 {
		max-width: var(--spacing-10);
	}
}


#captchaform-verifycode-image {
	filter: invert(1) hue-rotate(342deg) contrast(0.615);
}

.rule {
	padding-top: 120px;
	margin-top: -100px;
}
.rulegr {
	padding-top: 100px;
	margin-top: -100px;
}

/* ------------------ */

.whoisCaptcha {
	width: 420px;
	margin-left: auto;
	margin-right: auto ;
}
.captchaInput {
	width: 200px;
}

.domainListBox .btn-group>.checkButtonList:first-child {
	margin-left: -1px;
}
.domainListBox .btn-group>.checkButtonList:last-child {
	border-bottom-width: 0px;
}
.domainListBox .btn-group>.checkButtonList{
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}

.checkButtonList {
	padding-left: 40px;
	text-align: left;
	display: block;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 100%;
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: var(--bs-border-radius);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	clear: both;
}

.panel-smaller {
	max-width: 300px;
}
.panel-small {
	max-width: 480px;
}
.panel-wide {
	max-width: 100%;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-heading {
	padding: 3px 15px;
}

.panel-heading {
	border-bottom: 1px solid #ddd;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
}

.panel-heading input[type=radio] {
    margin-right: 10px;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	color: inherit;
}

.panel-title_inline {
	display: inline;
}

.panel-body, .panel-tail {
	padding: 15px;
}
.panel-tail > .btn {
	min-width: 125px;
}
.panel-default {
	border-color: #ddd;
}

div.info > div.modal-dialog {
	margin: 10px auto;
}

i.helperIcon {
	color: #777;
}
i.helperIcon:hover {
	color: #333;
}
i.smallHelperIcon {
	cursor: pointer;
	position: relative;
}
div.info {
	display: none;
	position: absolute;
	z-index: 1000;
}

p.no_result {
	display: inline-block;
	border: 1px solid var(--border-color);
	background-color: white;
	padding: 0px 15px;
	margin-top: 20px;
}

img.loading {
	border: 1px solid var(--border-color);
	border-radius: 50%;
	background-color: white;
	margin-top: 5px;
	padding: 15px;
}

/* loading */
div.loading {
	background-color: #eef;
	border: 2px solid #00C;
	padding: 14px 7px 14px 7px;
	margin: 0 0 20px 0;
}
div.loading,
div.spinner {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
div.loading::after,
div.spinner::after {
	content: "\f110";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	animation: rotating 1.25s linear infinite;
}
div.loading::after {
	font-size: 36px;
	color: #00c;
}
@keyframes rotating {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.loading-indicator-modal {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.8);
}
.loading-indicator-modal > svg {
	color: var(--primary);
	animation: rotating 1.25s linear infinite;
	position: absolute;
	top: min(calc(50% - 24px), calc(50VH - 48px));
	left: calc(50% - 24px);
	font-size: 48px;
}

.loading-indicator {
    position: relative;
}

.loading-indicator.loading-indicator-loading .loading-indicator-modal {
	display: flex;
}

td.date {
	width: 12em;
}

td.nic {
	width: 6em;
}
td.function {
	width: 10em;
}
td.data3 {
	width: 20em;
}

input[type="submit"] {
	cursor: pointer;
}

input[disabled] {
	cursor: default;
}

img.logo {
	margin: 12px;
}

.fa-mid {
	vertical-align: middle;
}

pre.console {
    background-color: black;
    color: gray;
}

span.weak {
	color: gray;
    font-weight: lighter;
}

/* override bot5 checkbox */
input.form-check-input:checked[type=radio] {
	background-image: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-check {
	padding-left: 26px;
}
.form-check .form-check-input {
	margin-left: -26px;
}
.form-check-input[type=checkbox] {
	min-height: 18px;
	height: 18px;
	min-width: 18px;
	width: 18px;
}
.form-check-input:checked[type=checkbox]  {
	--bs-form-check-bg-image: url('/images/check_mark.svg');
	background-size: 10px;
}

input.form-check-input:checked[type=radio]:after {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #fff;
}

.btn-group label.checkButtonList input[type="checkbox"] {
	margin-right: 20px;
}

.my_domains, .my_ispDomains, .my_hosts {
	clear: none;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border: 1px solid var(--border-color);
	background-color: white;
	border-radius: var(--bs-border-radius);
}

.c-input>input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
input:checked~.c-indicator:before {
    border-radius: 50%;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    font-size: 12px;
    color: black;
    content: "\f111";
}
input:checked~.c-indicator {
    position: absolute;
    left: 8px;
    top: 10px;
    width: 24px;
    height: 24px;
}
input:not(:checked)~.c-indicator:before {
    font-family: 'Font Awesome 5 Free';
	font-weight: 400;
    font-size: 12px;
    color: black;
    content: "\f111";
}
input:not(:checked)~.c-indicator {
    position: absolute;
    left: 8px;
    top: 10px;
    width: 24px;
    height: 24px;
}

span#hiddenContent {
	display:none;
}

input#radioWithHidden:checked ~ span#hiddenContent {
  display:block;
}

div.forgot_pass_whois_div {
	width:600px;
	margin-top:5em;
}
.bottomPadding {
	padding-bottom: 10px;
}

input[type="number"].quantity {
	position: relative;
	right: 7px;
	width: 40px;
}

input[type="button"].toggleHistoryButton {
    float: none;
}

input[type="radio"]+label {
	margin-left: 5px;
	margin-top: 3px;
}

.darkred {
    color: darkred;
}

/* old help popups BEGIN */
div.innerhelp{
    background-image:url('/images/queue_icon/help2.png');
    background-repeat:no-repeat;
    background-position: 5px 5px;
    background-color:#F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 12px;
    height: 160px;
    width: 350px;
    position: relative;
    white-space: pre-line;
    text-align: left;
    top: -195px;
    left:-405px;
    display:none;
    padding:10px 40px;
    z-index:1000;
}
div.innerhelp:after{
    content:'';
    position:absolute;
    bottom:-12px;
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:415px;
    margin-left:-10px;
    transform:rotate(45deg);
}
div.innerhelp_above{
    background-color:#F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 12px;
    width: 500px;
    position: absolute;
    text-align: left;
    display:none;
	z-index:1000;
	padding: 30px;
}
div.innerhelp_above:before{
    content:'';
    position:absolute;
    top: -9px;
    left: 0px;
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    transform:rotate(-135deg);
}
div:hover > div.innerhelp_above {
    display:block;
}
/* old help popups END */

svg {
    user-select: none;
}

.material-switch{
	padding-bottom: 8px;
	padding-top: 2px;
}

.material-switch > input[type="checkbox"] {
    display: none;
}
.material-switch > .label,
.material-switch > label {
    cursor: pointer;
    height: 22px;
    position: relative;
	margin-left: 50px;
}
.material-switch > .label::before,
.material-switch > label::before {
	background: var(--material-switch-slider-color);
	border-radius: var(--border-radius-input);
    content: '';
    height: 16px;
    margin-top: 2px;
    position:absolute;
    transition: all 0.4s ease-in-out;
    width: 40px;
	margin-left: -50px;
}
.material-switch > .label::after,
.material-switch > label::after {
	background: var(--material-switch-circle-color);
	border-radius: var(--border-radius-heavy);
	border: var(--material-switch-circle-border);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: 2px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
	margin-left: -50px;
}
.material-switch-on > .label::before,
.material-switch > input[type="checkbox"]:checked + label::before {
	background: var(--material-switch-slider-on-color);
}
.material-switch-on > .label::after,
.material-switch > input[type="checkbox"]:checked + label::after {
    left: 20px;
}

.material-switch > input[type="checkbox"]:checked + label > span.off {
	display: none;
}

.material-switch > input[type="checkbox"]:not(:checked) + label > span.on {
	display: none;
}

.material-switch-inv{
	padding-bottom: 8px;
	padding-top: 2px;
}

.material-switch-inv > input[type="checkbox"] {
    display: none;
}

.material-switch-inv > label {
    cursor: pointer;
    height: 22px;
    position: relative;
	margin-left: 50px;
}

.material-switch-inv > label::before {
	background: var(--material-switch-slider-color);
	border-radius: var(--border-radius-input);
    content: '';
    height: 16px;
    margin-top: 2px;
    position:absolute;
    transition: all 0.4s ease-in-out;
    width: 40px;
	margin-left: -50px;
}
.material-switch-inv > label::after {
	background: var(--material-switch-circle-color);
	border-radius: var(--border-radius-heavy);
	border: var(--material-switch-circle-border);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: 2px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
	margin-left: -50px;
}
.material-switch-inv > input[type="checkbox"]:not(:checked) + label::before {
	background: var(--material-switch-slider-on-color);
}
.material-switch-inv > input[type="checkbox"]:not(:checked) + label::after {
	background-color: var(--material-switch-circle-color);
    left: 20px;
}

.material-switch-inv > input[type="checkbox"]:checked + label > span.on {
	display: none;
}

.material-switch-inv > input[type="checkbox"]:not(:checked) + label > span.off {
	display: none;
}
/* main done */

/* main inner */
input.very-small, div.very-small, select.very-small {
	width: 80px;
}
input.small, div.small, select.small {
	width: 160px;
}
input.normal, div.normal, select.normal {
	width: 185px;
}
input.big, div.big, select.big {
	width: 320px;
}
input.full, div.full, select.full {
	width: 100%;
}

a[name]:not([href]) {
	display: block;
	position: relative;
	top: -110px;
	visibility: hidden;
}

ol,ul {
	line-height: 150%;
}

ol.smalist {
	list-style-type: none;
}

ul:NOT(.square):NOT(.disc) {
	list-style-type: none;
}
ul.square {
	list-style-type: square;
}
ul.disc {
	list-style-type: disc;
}

hr.umbodsm {
	width: 50%;
	text-align: left;
	margin-left: 5px;
}


tt {
	font-family: courier, sans-serif;
}

pre {
    font-family: Consolas,monospace
}

img {
	border: none;
}

.link a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.news_title {
    display: inline-block;
}

.newsFull .crumbs {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px 0;
}

.news {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}


.newsItem {
	margin-left : 78px;
	margin-top : 5px;
	margin-bottom : 10px;
}

table.print_app {
	margin-top: 10px;
	margin-left: 10px;
        border: 1px solid white;
       	background-color: #FFFFFF;
        width: 430px;
}

table.print_app tr {
        border: 1px solid white;
}

table.print_app td {
        border: 1px solid white;
}

table.print_app table {
        border: 1px solid black;
}

table.print_app table tr {
        border: 1px solid black;
}

table.print_app table td {
        border: 1px solid black;
}

p.pagebreak {
	page-break-before: always;
}

form {
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
}

.hidden {
	visibility: hidden;
}

.whoisLink {
	font-family: 'Raleway', sans-serif;
	font-size: small;
        color: #0088cc;
      	text-decoration: none;
        cursor: pointer;
}

.left {
    float: left;
}
.right {
	float: right;
}
.subtle {
	opacity: 0.5;
}
p.right {
	float: none;
	text-align: right;
}


td.rightPadded {
    padding-right: 10px;
}
/* main inner done */

/* form */
div.sep {
	border-top: 1px solid #000;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.form input,
div.form textarea,
div.form select {
	float: left;

}

select, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"],
input[type="color"], .uneditable-input {
	height: calc(1.5em + .75rem + 2px);
    padding: 2px 6px;
}

*:NOT(.input-group) > textarea,
*:NOT(.input-group) > select,
*:NOT(.input-group) > input[type="text"],
*:NOT(.input-group) > input[type="password"],
*:NOT(.input-group) > input[type="datetime"],
*:NOT(.input-group) > input[type="datetime-local"],
*:NOT(.input-group) > input[type="date"],
*:NOT(.input-group) > input[type="month"],
*:NOT(.input-group) > input[type="time"],
*:NOT(.input-group) > input[type="week"],
*:NOT(.input-group) > input[type="number"],
*:NOT(.input-group) > input[type="email"],
*:NOT(.input-group) > input[type="url"],
*:NOT(.input-group) > input[type="search"],
*:NOT(.input-group) > input[type="tel"],
*:NOT(.input-group) > input[type="color"],
*:NOT(.input-group) > .uneditable-input {
    border-radius: var(--bs-border-radius);
    transition: border linear .2s,box-shadow linear .2s;
    padding: 4px 6px;
    margin-bottom: 10px;
    line-height: 20px;
    vertical-align: middle;
	box-shadow: inset 0 20px 20px rgba(0, 0, 0, 0.025);
}



input[type="text"][disabled] {
    background-color: #eee;
}

div.form fieldset {
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    border-radius: var(--bs-border-radius);
}

div.form label {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 215px;
	text-align: left;
	padding-right: 20px;
	font-weight: normal;
}

div.radioHeadings input[type="radio"] ~ div.details { display: none; }
div.radioHeadings input[type="radio"]:checked ~ div.details { display: block; }

div.form .short_label {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 75px;
	text-align: left;
	padding-right: 20px;

}

div.form .med_label {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 250px;
	text-align: left;
	padding-right: 20px;
}

div.form .long_label {
	font-size: 0.9em;
	display: block;
	float: left;
	width:85%;
	text-align: left;
	padding-right: 20px;
}

.center {
    text-align: center;
}

div.form .center_label {
    font-size: 0.9em;
    width:300px;
    margin-left: auto;
    margin-right: auto;
}

.clear {
    clear: both;
}

div.form .row {
	margin: 5px 0;
	clear: both;
	padding-top: 0px;
}

div.form .slimRow {
    clear: both;
}

div.form .rowLeftHalf {
    float: left;
    width: 200px;
}

.hint {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 0.9em;
}

.note {
	font-style: italic;
}

span.required {
	color: red;
}
.row > span.required {
	margin-right: 0.25em;
	margin-left: 0.25em;
}

.hideAddress_en:before,
.hideAddress_is:before,
.hideFromWhois:before {
    content: '\f3ed';
    color: var(--font-light);
    position: absolute;
    left: 2px;
	padding-top: 3px;
    white-space:nowrap;
    font-size: xx-small;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.showAddress_en:before,
.showAddress_is:before,
.publishInWhois:before {
    content: '\f06e';
    color: #a5a;
    position: absolute;
    left: 2px;
	padding-top: 3px;
    white-space:nowrap;
    font-size: xx-small;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.requiredInWhois:before {
    content: '\f06e';
    color: #000;
    position: absolute;
    left: 2px;
	padding-top: 3px;
    white-space:nowrap;
    font-size: xx-small;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

div.form .propertyLink {
    margin-left: 10px;
    float: left;
}
div.wide.form label {
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row {
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
	clear: left;
	padding-left: 110px;
}

div.contactForm {
    border: 1px solid black;
    background-color: #eeeeee;
    padding: 20px 20px 20px 20px;
    font-weight: bold;
}

div.contactFormLeft {
    float:left;
    background: #f5f5f5;
    padding: 10px;
    margin: 10px;
    border: 1px var(--border-color) solid;
    border-radius: var(--bs-border-radius);
}

div.contactForm .sep {
    border-top: 1px solid #000;
    margin-top: 10px;
}

div.contactForm h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.contactForm label {
	font-weight: normal;
}

div.contactForm td {
    padding: 2px;
    font-weight: bold;
}


div.contactForm div.intl-tel-input input {
    width: 185px;
}


div.contactForm2 { font-weight: bold; max-width: 500px; }

div.contactForm2Container {
    width: 100%;
    max-width: 1400px;
    border:none;
}

div.contactForm2Left {
    float:left;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
}

div.contactForm2 .sep {
    border-top: 1px solid #000;
    margin-top: 10px;
}

div.contactForm2 h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.contactForm2 textarea, #YContact_name {
    width: 97%;
}

div.contactForm2 label {
	font-weight: normal;
}

div.contactForm2 td {
    padding: 2px;
    font-weight: bold;
}

div.contactForm2 div.intl-tel-input input {
    width: 185px;
}

div.contactForm2 div.requirements { padding: 10px; text-align: center; }
div.contactForm2 div.requirements label { float: none; }
div.contactForm2 div.switchRow,
div.contactForm2 div.row { position: relative; padding: 2px 25px 2px 160px; }
div.contactForm2 div.row label { position: absolute; left: 0; width: 158px; padding-left: 20px; }
div.contactForm2 div.row label + br { display: none; }
div.contactForm2 div.row .material-switch label,
div.contactForm2 div.row .material-switch-inv label { position: relative; left: auto; width: auto; overflow: wrap; }
div.contactForm2 div#dataProcessConfirm input,
div.contactForm2 div#publicConfirm input { position: absolute; left: 140px; display: flex;}

/* overwrite phone library class */
div.iti {
	display: flex;
}

div.whoisLegend { min-width: 160px; }
div.whoisLegend p { padding-left: 20px; font-weight: normal; font-style: italic; margin: 0; font-size: 0.9em; }

label.required::after {
	color: red;
	content: "*";
    margin-left: 0.25em;
}
div.card div.contactForm2 div.row label {
	width: unset;
}
div.card div.contactForm2 #publicConfirm, div.card div.contactForm2  #dataProcessConfirm {
	display: flex;
}

div.left {
    float: left;
}

div.left_space {
    margin-left: 10px;
}

div.top_space {
    margin-top: 10px;
}

div.dynForm {
    border: 1px solid black;
    background-color: #eeeeee;
    padding: 20px 20px 20px 20px;
    font-weight: bold;
}

div.dynForm .sep {
    border-top: 1px solid #000;
    margin-top: 10px;
}

div.dynForm h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.dynForm label {
	font-weight: normal;
}

div.dynForm td {
    padding: 2px;
    font-weight: bold;
}


table td.column {
    border-right: 1px solid black;
}

.reminder {
	padding: 10px 0px 10px 0px;
	font-size: smaller;
	font-style: italic;
}

a.whois_link {
	float: right;
	cursor: pointer;
}

.whois_search_box {
	position: absolute;
	width: 300px;
	padding: 7px;
	left: calc(50% - 450px);
}
@media (max-width: 1199px) { .whois_search_box { left: calc(50% - 350px); width: 280px; } }
@media (max-width: 992px) { .whois_search_box { left: 125px; } }
@media (max-width:  850px) { .whois_search_box { left: 115px; width: calc(100% - 550px) } }
@media (max-width:  767px) { .whois_search_box { left: 125px; width: calc(100% - 200px); min-width: 120px; } }

nav#red_header .whois_search_box {
	position: static;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 125px;
	min-width: 100px;
	max-width: 125px;
}

/* Magic number: This must match the width of the popped WHOIS window. */
@media (max-width: 450px) {
	nav#red_header .whois_search_box {
		min-width: 200px;
		max-width: 200px;
		width: 200px;
	}
	nav#red_header .navbar-nav li:not(.navWhois):not(.navCount) {
		display: none;
	}
}

.whoisPopped footer,
.whoisPopped nav:not(#red_header) .navbar-nav,
.whoisPopped nav:not(#red_header) .navbar-toggle,
.whoisPopped .navbar-toggle,
.whoisPopped .overlayButton,
.whoisPopped .msg_error,
.whoisPopped .noPrint {
	display: none;
}

.formButton {
    margin-top: 20px;
    margin-left: 160px;
}

.sideBySideButton {
    margin-left: 20px;
}

.registerformButton {
    margin-top: 20px;
    margin-left: 100px;
    margin-bottom: 20px;
}

.whois-search-info,
.cert-copyright {
	color: var(--font-color-blink);
}

div.fa2_secret {
	overflow-wrap: anywhere;
	max-width: 10rem;
	font-family: Consolas,monospace;
}
.biggerFont {
	font-size: 32px;
	font-family: 'Open Sans', sans-serif;
	white-space: nowrap;
	display: inline-block;
}

.biggestFont {
	font-size: 64px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	white-space: nowrap;
	display: inline-block;
}

p.no_result {
	display: inline-block;
}
img.button {
	cursor: pointer;
}


.noWrap {
	white-space: nowrap;
}

.flex {
	display: flex;
}

.flexRow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flexNoWrap {
	flex-wrap: nowrap;
}

.flexColumn {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.flexBottom {
	justify-content: flex-end;
}

div.list_form {
	margin-top: 1em;
}

.bottomBorderRadius {
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

div.steps {
	display: flex;
	flex-wrap: wrap;
	line-height: 30px;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.steps > div.active {
	font-weight: bold;
	border-bottom: 1px solid var(--border-color);
}

div.vsep {
	position: relative;
	width: 20px;
	border-right: #ddd solid 1px;
}
div.vseptext {
	top: 57px;
	right: 15px;
	width: 0px;
	overflow: visible;
	position: absolute;
}
div.vseptext > div {
	text-align: center;
	background-color: #ffffff;
	padding: 6px 0px;
	color: #555;
	width: 30px;
	user-select: none;
}

@media (max-width: 768px) {
	div.vsep {
		width: 100%;
		border-top: #ddd solid 1px;
		border-left: #ddd solid 1px;
		margin-top: 30px;
	}
	div.vseptext {
		top: -16px;
		right: 0px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.roomabove {
		padding-bottom: 50px;
	}
}


div.roomabove {
    margin-top: 43px;
}
div.roomabove > a {
	margin-left: 24px;
	display: flex;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	width: 200px;
	height: 60px;
	transition: box-shadow 0.5s ease-in-out, background 0.5s ease
}
div.roomabove > a:hover,
div.roomabove > a:active,
div.roomabove > a:focus {
    box-shadow: 0px 0px 14px #aaa;
}

div.seperator {
	margin-left: 10px;
	margin-right: 10px;
}

.notShown,
.notShown2 {
	display: none !important; /* Shouldn't get overridden, the class must be removed. */
}

.boldLabel {
	font-weight: bold;
	margin-left: 0.75em;
}

.oneBottomMargin {
	margin-bottom: 1em;
}

.halfBottomMargin {
	margin-bottom: 0.5em;
}

input.noBottomMargin {
	margin-bottom: 0;
}

input[handleFix] {
	text-transform: uppercase;
}

.input-group .form-control, .input-group-btn {
    display: table-cell;
}

.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.input-group input {
	border-right: var(--bs-border-width) solid var(--border-color);
}

div.input-group:not(.has-validation) > input.form-control:not(.rounded-0) {
	border-top-right-radius: var(--bs-border-radius) !important;
	border-bottom-right-radius: var(--bs-border-radius) !important;
}
.input-group input+span {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 100%;
	border: none;
	background-color: transparent;
	--bs-body-color: var(--font-light);
	color: var(--font-light);
	user-select: none;
}
.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus {
	z-index: unset;
}

.domainRegisterContacts {
	padding: 9px;
}

.flexColumn > label + .value {
	font-weight: bold;
	margin-bottom: 0.25em;
}

@media (min-width: 768px) AND (max-width: 992px) {
	nav.navbar > div.container {
		width: 100%;
		padding-left: 4px;
		padding-right: 4px;
	}
	ul.nav > li.hideOnSmall {
		display: none;
	}
	a.noWrap[href="/is/tolur"] {
		white-space: normal;
	}
}


.contacts_form_mini_buttons.btn {
	margin-top: 7px;
	margin-left: 3px;
	padding: 6px 8px;
	font-size: 20px;
}
div.contacts_form_mini_buttons {
	align-items: center;
}

.signIn {
	padding: 2px 5px;
}
.signIn:before {
	content: "\f023";
}
.signIn:hover:before {
	content: "\f09c";
}
.signIn > small {
	padding-left: 0.5em;
	font-size: 0.75em;
}
/* old warnings BEGIN */

div.error label,
label.error,
span.error {
	color: var(--font-color-error);
}

div.error input,
div.error textarea,
div.error select,
input.error,
textarea.error,
select.error,
div.input-group span.error {
	background: var(--msg-error-bg);
	border-color: var(--font-color-error);
}

div.success input,
div.success textarea,
div.success select,
input.success,
textarea.success,
select.success {
	background: var(--msg-success-bg);
	border: var(--font-color-success);
}

.warningSummary,
.infoSummary {
	font-size: 0.9em;
	display: none;
}
.errorSummary {
	flex-direction: column;
}
div.form .errorMessage {
	color: red;
	padding: 0 0 0 20px;
	font-size: 0.9em;
	float: left;
}
div.form .errorSummary p {
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul {
    margin: 8px 0px 0px;
	padding: 0px;
}


/*I really hate this but it has to be becuse it's hidden by default*/
.warningSummary,
.errorSummary,
.infoSummary {
	align-items: center;
	justify-content: center;
}
.msg_info,
.msg_success,
.msg_warning,
.msg_error,
.msg_validation {
	display: block;
}


@media only screen and (max-width: 768px) {
	.msg_info,
	.msg_success,
	.msg_warning,
	.msg_error,
	.msg_validation {
		text-align: center;
	}
	.msg_info li,
	.msg_success li,
	.msg_warning li,
	.msg_error li,
	.msg_validation li {
		text-align: start
	}
}

.warningSummary,
.errorSummary,
.infoSummary,
.msg_info,
.msg_success,
.msg_warning,
.msg_error,
.msg_validation {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--spacing-3);
	padding: var(--spacing-3) var(--spacing-3) var(--spacing-3) 56px;
	border-radius: var(--border-radius);
	border: var(--border-thin);
	position: relative;
	min-width: 35%;
	width: fit-content;
}

.errorSummary:before,
.infoSummary:before,
.warningSummary:before,
.msg_info:before,
.msg_success:before,
.msg_warning:before,
.msg_error:before,
.msg_validation:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	font-size: 1.5em;
	position: absolute;
	left: 16px;
	top: 10px;
}
.infoSummary:before,
.msg_info:before {
	color: var(--font-color-info);
	content: "\f05a";
}
.infoSummary,
.msg_info {
	background-color: var(--msg-info-bg)
}
.msg_success:before {
	color: var(--font-color-success);
	content: "\f058";
}
.msg_success {
	background-color: var(--msg-success-bg);
}
.warningSummary:before,
.msg_warning:before {
	color: var(--font-color-warning);
	content: "\f06a";
}
.warningSummary,
.msg_warning {
	background-color: var(--msg-warning-bg);
}
.errorSummary:before,
.msg_error:before {
	color: var(--font-color-error);
	content: "\f057";
}
.errorSummary,
.msg_error {
	background-color: var(--msg-error-bg);
}
.msg_validation:before {
	color: var(--font-color-validation);
	content: "\f35a";
}
.msg_validation {
	background-color: var(--msg-validation-bg);
}

.msg_green {
    color: var(--font-color-success);
}
.msg_red {
    color: var(--font-color-error);
}
.msg_yellow {
	color: var(--font-color-warning);
}
.msg_blue {
	color: var(--font-color-info);
}
/* old warnings END */


div.error {
	white-space: pre-line;
}

.bg-text {
    color: #333;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 1.5em;
    line-height: 1.5em;
	overflow: hidden;
    padding: 20px 20px 100px 20px;
    position: relative;
	border-radius: 16px;
    max-width: 800px;
	z-index: 1;
}
.bg-text .exception {
    font-size: 0.5em;
}

.bg-text::after {
    color: #aaa;
	color: rgba(0,0,0,0.2);
    content: attr(data-bg-text);
    display: block;
    font-size: 80px;
    line-height: 1;
    position: absolute;
    bottom: -1px;
    right: 10px;
}
.bg-image {
	background-image: url("../images/errors/error_background.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    position: absolute;
    right: 0px;
    top: 50px;
    width: 100%;
    height: calc(100% - 183px);
    min-height: 498px;
    background-color: gray;
	z-index: -1;
}

.stable {
	font-family:sans-serif;
	font-size:10pt;
	text-align: right;
	width: 400px;
}

table.stable th {
	text-align: right;
}

table.stable .center {
	text-align: center;
}

table.stable th.left {
	text-align: left;
}

.stable_wide {
	width: 600px;
}

.stable_narrow {
	width: unset;
	min-width: 200px;
}

div.tariff {
	margin-bottom: 235px;
}

.forwardingForm {
	margin-top: 1em;
	min-width: 325px;
	max-width: 650px;
}
.forwardingForm .faqLink {
	display: inline-block;
	margin: 3px 6px;
}
.forwardingForm .warning {
	float: right;
	color: #f00;
	margin: 3px 6px;
	font-size: 0.85em;
}


div.disputeVerdict { page-break-before: always; }
div.disputeVerdict h3 { margin-top: 30px; padding-top: 30px; border-top: 1px solid #777; }

/* Helpers for inserting sub-navigation lists into a page. */
ul.related {
	float: right;
    list-style: none;
}
ul.related li {
	display: inline-block;
	margin-left: 0;
    padding: 2px 6px;
}
ul.related li.current {
	background: #eee;
	border-radius: 20px;
	padding: 5px 20px;
}
ul.related li.current a {
	color: #000;
	text-decoration: none;
}

div.about a.domainCount {
	margin: 12px 0 1px 0;
	float: right;
	opacity: 0.5;
}
div.about a.domainCount i.fas {
	opacity: 0.75;
}


.gridBackgroundError {
	background-color: #FFD2D2;
}

tr.filters td {
	padding: 0 !important;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}

@media only screen and (max-width: 991px) {
	.navbar-collapse div.dropdown-menu {
		display: block;
		border: 0;
		box-shadow: none !important;
		padding: 0;
		margin-top: 2px !important;
	}
	.navbar-collapse .dropdown-item {
		padding: 12px 15px;
	}
}

/*
.dropdown-item.active, .dropdown-item:active {
	background-color: var(--primary);
}
*/
.tableHead a {
	color: var(--bs-table-color-state);
	position: relative;
}
.tableHead a:not(.desc)::after {
	position: relative;
	top: 0.9em;
	margin-left: 0.5em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}
.tableHead a.desc::after {
	position: relative;
	top: 0.9em;
	margin-left: 0.5em;
	content: "";
	border-top: 0.3em solid transparent;
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid transparent;
}
.tableHead a:not(.asc)::before {
	position: absolute;
	bottom: 0.7em;
	right: 0em;
	content: "";
	border-top: 0;
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid;
	border-left: 0.3em solid transparent;
}

.bg-redelegate,
.bg-redelegate+.card-body {
	margin-left: 0px;
	border-left: 10px solid var(--d1);
}
.bg-transfer,
.bg-transfer+.card-body {
	margin-left: 0px;
	border-left: 10px solid var(--s1);
}
.bg-delete,
.bg-delete+.card-body {
	margin-left: 0px;
	border-left: 10px solid var(--r1);
}
.bg-register,
.bg-register+.card-body {
	margin-left: 0px;
	border-left: 10px solid var(--l1);
}
.bg-host,
.bg-host+.card-body {
	margin-left: 0px;
	border-left: 10px solid var(--g1);
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
	border-left: 2px solid var(--l1);
}

.secondColor {
	background-color: #555;
}


.smallCol {
	width: 5px !important;
  }

.mediumCol {
	width: 131px;
}

.pointer {
	cursor: pointer;
}

.width-fit-content {
	width: fit-content;
}


/* CSS rules for the domain overview / control panel page */
#domain_overview .action {color: var(--primary)}


.blinkIcon:hover,
.blinkIcon:active {
	color: var(--font-color-blink-hover);
}
.blinkIcon {
	color: var(--font-color-blink);
	cursor: pointer;
	transition: color 0.25s ease-in-out;
}

/* CSS rules for the domain overview / control panel page */

.dns_view .grid-view tr.selected > td {
	background-color: var(--bs-table-hover-bg);
}
.dns_view .grid-view tr.selected > td button {
	--bs-btn-border-width: 1px;

	--bs-btn-bg: var(--msg-success-bg);
	--bs-btn-color: var(--font-color-success);
	--bs-btn-border-color: var(--font-color-success);

	--bs-btn-hover-bg: var(--font-color-success);
	--bs-btn-hover-color: var(--lA);
	--bs-btn-hover-border-color: var(--font-color-success);

	--bs-btn-active-bg: var(--font-color-success);
	--bs-btn-active-color: var(--lA);
	--bs-btn-active-border-color: var(--font-color-success);
}

.dns_view .grid-view tr.selected:NOT(.forwardEdit) > td,
.dns_view .grid-view tr.selected.forwardEdit > td.dnsData {
	padding: 8px 8px 4px 8px;
}
.dns_view .grid-view tr.selected > td div.text-danger {
	color: #fff !important;
}
.dns_view .grid-view tr.selected > td .mt-1 {
	margin-top: 0;
}
.dns_view .grid-view tr > td:nth-child(2) {
	max-width: 180px;
}
.dns_view .grid-view tr.selected > td select[name="EditDnsRecord[type]"] {
	height: 38px;
	padding: 6px;
}
.dns_view .grid-view tr.selected > td input[name="EditForwardDnsRecord[priority]"],
.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[priority]"],
.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[weight]"] {
	width: 35px;
}
.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[port]"] {
	width: 60px;
}
.dns_view .grid-view tr.selected > td input,
.dns_view .grid-view tr.selected > td select {
	width: 100%;
}
.dns_view .was-validated .form-control:invalid,
.dns_view .form-control.is-invalid {
	min-width: 80px;
}
.dns_view > .card-body > a.btn {
	float: right;
}

@media (max-width: 575px) {
	.dns_values {
		flex-direction: column;
	}
	.dns_view .grid-view tr.selected > td {
		padding: 10px 0px;
	}
	.dns_view .grid-view tr > td {
		padding: 4px;
	}
	.dns_view .grid-view tr > td:last-child {
		padding: 10px;
	}
	.dns_view .grid-view tr.selected > td > select {
		width: 100%;
	}
	.dns_view .grid-view .tableHead > th:nth-child(4) {
		width: 56px;
	}
	.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[host]"] {
		width: 100% !important;
	}
	.dns_view {
		width: calc(100vw - 16px);
		left: -16px;
		padding: 4px !important;
	}
	.dns_view > .card-body {
		padding: 0 !important;
	}
	.dns_view .grid-view thead > tr th {
		padding: 12px 6px;
	}
	.dns_view .grid-view thead > tr th:first-child {
		width: 60px;
	}
	.dns_view .grid-view tr > td:nth-child(1) {
		width: 50px;
	}
	.dns_view .grid-view tr > td:nth-child(2) {
		max-width: 100px;
		width: 20%;
	}
	.dns_view .grid-view tr > td:nth-child(3) {
		max-width: 65px;
	}
	.dns_view .grid-view tr > td:last-child {
		min-width: 30px !important;
		max-width: 30px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.dns_values {
		flex-direction: column;
	}
	.dns_view .grid-view tr > td:first-child {
		max-width: 120px;
	}
	.dns_view .grid-view tr.selected > td > select {
		width: 60px;
	}
	.dns_view > .card-body {
		padding: 10px;
	}
	.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[ttl]"],
	.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[host]"] {
		width: 100%;
	}
	.dns_view .grid-view tr.selected > td select[name="EditDnsRecord[type]"] {
		width: 70px;
	}
	.dns_view {
		width: 561px;
		left: -28px;
		padding: 0 !important;
	}
	.dns_view .grid-view tr > td:nth-child(2) {
		max-width: 120px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.dns_view .grid-view tr > td:first-child {
		max-width: 180px;
	}
	.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[ttl]"],
	.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[host]"] {
		width: 100%;
	}
	.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[ttl]"] {
		width: 49px;
	}
	.dns_view .grid-view tr > td:nth-child(2) {
		max-width: 150px;
	}
}
@media (min-width: 991px) and (max-width: 1200px) {
	#single_dns_record > .dnsData > .field-dnsrecordmodel-type {
		max-width: 130px;
	}
	#single_dns_record > .dnsData > .field-dnsrecordmodel-ttl {
		min-width: 85px;
	}
}
.dns_view .grid-view tr.selected > td > input {
	padding: 6px;
	width: 100%;
}
.dns_view .grid-view tr > td > label[for="delete"] {
	cursor: pointer;
}
.dns_view .grid-view tr:NOT(.selected) > td > label[for="delete"] {
	color: var(--link);
}
.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[ttl]"]:not(.is-invalid) {
	width: 62px;
}
.dns_view .grid-view tr.selected > td input[name="EditDnsRecord[ttl]"].is-invalid {
	width: 100%;
}
.dns_view .grid-view tr.selected select {
	width: min-content;
}
.diefontsize {
    font-size: 1.12em;
}

.dns_template_create .tableHead > th {
	--bs-table-bg: var(--a9);
}
.dns_template_create > h4 > svg {
	color: var(--a5);
}
.dns_template_delete .tableHead > th {
	--bs-table-bg: var(--d9);
}
.dns_template_delete > h4 > svg {
	color: var(--d5);
}
@media (prefers-color-scheme: dark) {
	.dns_template_create .tableHead > th {
		--bs-table-bg: var(--a1);
	}
	.dns_template_create > h4 > svg {
		color: var(--a3);
	}
	.dns_template_delete .tableHead > th {
		--bs-table-bg: var(--d3);
	}
	.dns_template_delete > h4 > svg {
		color: var(--d5);
	}
}

.requiredIcon {
	display: none;
	position: absolute;
	pointer-events: none;
	top: 8px;
	right: 8px;
	color: red;
}

#multipe_dns_records select:required ~ .requiredIcon,
#multipe_dns_records input:required:invalid ~ .requiredIcon,
#multipe_dns_records input:focus:invalid ~ .requiredIcon {
	display: block;
}


.font-monospace {
	font-family: 'Courier New', Courier, monospace;
}

/* YII shit overwritten because of CSP */
.was-validated .form-control:invalid,
.form-control.isnic-is-invalid {
	background-image: url('/images/warnings/error.svg');
	border-color: var(--font-color-error) !important;
}
.was-validated .form-control:invalid + .input-group-append > .input-group-text,
.form-control.isnic-is-invalid + .input-group-append > .input-group-text,
.form-control.isnic-is-invalid + .input-group-text {
	color: var(--font-color-error);
}
.form-control.isnic-is-valid,
.was-validated .form-control:valid {
	background-image: url('/images/warnings/success.svg');
	border-color: var(--font-color-success);
}
.was-validated .form-control:valid + .input-group-append > .input-group-text,
.form-control.isnic-is-valid + .input-group-append > .input-group-text {
	border: 1px solid var(--font-color-success) !important;
	background-color: var(--msg-success-bg);
}

.was-validated .form-control:invalid,
.form-control.isnic-is-invalid,
.form-control.isnic-is-valid,
.was-validated .form-control:valid {
	padding-right: calc(1.5em + .75rem)!important;
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.input-group.was-validated .form-control:invalid,
.input-group > .form-control.isnic-is-invalid,
.input-group > .form-control.isnic-is-valid,
.input-group.was-validated .form-control:valid {
	background-position: right calc(3em + .1875rem) center;
}

.isnic-custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: url('/images/check_mark.svg');
}
.isnic-custom-checkbox .custom-control-label::before {
	border-radius: .25rem;
}


.has-success .form-control {
	border-color: var(--font-color-success);
}
.has-success label {
	color: var(--font-color-success);
}
.has-success .input-group-append > .input-group-text {
	color: var(--font-color-success);
	border-color: var(--font-color-success);
	background-color: var(--msg-success-bg);
}

.has-error .form-control,
.has-error .form-control + .input-group-text {
	border-color: var(--font-color-error);
}
.has-error label {
	color: var(--font-color-error);
}
.has-error .input-group-append > .input-group-text {
	color: var(--font-color-error);
	border-color: var(--font-color-error);
	background-color: var(--msg-error-bg);
}

.captchaContainer {
	position: relative;
    width: fit-content;
}
.captchaContainer img {
	cursor: pointer;
}
.captchaContainer .captchaRefresh {
	position: absolute;
	bottom: 2px;
	right: 2px;
    pointer-events: none;
}

.height-1 {
	height: 1rem;
}

.background-red {
	background-color: #f00;
}

.text-fit-grid {
	font-size: 12px;
}

.ccicon > svg {
	width: 42px;
	fill: var(--font-color-default);
}

@media (min-width: 992px) {
	.dc_tokenized_at_label {
		text-align: right;
	}
}


.myIcon {
	fill: currentColor;
	height: 1em;
	vertical-align: -.12em;
}
.iconGray {
	color: var(--icon-gray);
}
.toggleIconsOnHover:hover .myIcon:first-child,
.toggleIconsOnHover:not(:hover) .myIcon+.myIcon {
	display: none;
}

.publicInfoFlagContainer {
	position: relative;
}
.publicInfoFlagContainer svg {
	position: absolute;
	top: 5px;
	left: -24px;
	font-size: 9px;
	fill: var(--font-light);
}

.form-group-1-height {
	min-height: 65.5px;
}



@media not print {
@media (prefers-color-scheme: dark) {
	a.grayed_out {
		color: var(--link-gray);
	}
	pre {
		color: var(--font-color-default);
		background-color: var(--bg-light);
		border-color: var(--border-color);
	}

	/* layout */
	html > body {
		background-color: var(--bg-dark);
		color: var(--font-color-default);
	}
	.overlayButton {
		background-color: var(--bg-dark);
	}

	/* header
	.navbar-nav>li>.dropdown-menu,
	nav.navbar {
		background-color: var(--bg) !important;
	}
	.dropdown-menu>li>a,
	.navbar-light .navbar-toggler,
	nav.navbar-light .navbar-nav .nav-link {
		color: var(--font-color-default);
	}
	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show,
	.navbar-light .navbar-nav .show>.nav-link {
		color: var(--font-bright);
	}

	/* dropdown menu*/
	ul.dropdown-menu,
	div.dropdown-menu {
		background-color: var(--bg);
		color: var(--font-color-default);
	}

	/* front page */
	#whois_search_button {
		color: var(--font-color-default);
	}
	#whois_form > input {
		border: 1px solid var(--border-color);
	}

	/* general bootstrap */
	pre {
		color: var(--font-color-default);
	}

	/* forms and errors */
	.msg_info a:not(.btn-link),
	.msg_success a:not(.btn-link),
	.msg_error a:not(.btn-link) {
		color: var(--font-bright);
	}

	.input-group-text {
		border-color: var(--border-color);
		background-color: var(--bg-light);
		color: var(--font-bright);
	}
	div.error label,
	label.error, span.error,
	.has-error .input-group-append > .input-group-text,
	.has-error label {
		color: var(--font-color-error);
	}

	/* inputs */
	.navbar-light .navbar-toggler {
		border-color: var(--border-color);
		color: var(--font-color-default);
	}

	textarea.form-control,
	select.form-control,
	input.form-control,
	textarea,
	select,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.uneditable-input {
		background-color: var(--input);
		color: var(--font-color-default);
		border-color: var(--border-color);
	}
	input[type="text"][disabled] {
		background-color: var(--bg-light);
		color: var(--font-color-default);
		border-color: var(--border-color);
	}
	.form-control:disabled,
	.form-control[readonly] {
		background-color: var(--bg-light);
		color: var(--font-color-default);
		border-color: var(--border-color);
	}
	textarea.form-control:focus,
	input.form-control:focus,
	select.form-control:focus {
		background-color: var(--input);
		color: var(--font-bright);
	}
	.was-validated .form-control:valid + .input-group-append > .input-group-text,
	.form-control.isnic-is-valid + .input-group-append > .input-group-text {
		background-color: var(--font-color-success);
	}
	::-webkit-calendar-picker-indicator {
		filter: invert(1);
	}

	/* buttons */
	input[type="submit"]/*,
	.btn.btn-primary*/ {
		background-color: var(--btn);
		background-image: unset;
	}

	a.btn.btn-link.disabled,
	a.btn.btn-link[disabled] {
		color: var(--link-gray);
	}

	/* panels */
	.panel-default>.panel-heading {
		color: var(--font-color-default);
		background-color: var(--bg);
		border-color: var(--bg);
	}
	.panel {
		background-color: var(--bg);
	}
	.panel-default {
		border-color: transparent;
	}

	.list-group-item,
	div.card-header {
		background-color: var(--bg);
	}

	/* table */
	.table {
		color: unset;
	}
	.table {
		background-color: var(--bg-light) !important;
	}
	.table-striped tbody tr:nth-of-type(even) {
		background-color: var(--bs-table-bg);
	}
	.table-striped>tbody>tr:nth-of-type(odd)>* {
		color: var(--font-color-default);
	}

	.grid-view table tr.even {
		background-color: var(--bg-light);
	}
	.grid-view table tr.odd {
		background-color: var(--bs-table-bg);
	}
	.table-danger tbody+tbody,
	.table-danger td,
	.table-danger th,
	.table-danger thead th {
		background-color: var(--font-color-error);
	}
	.table-success tbody+tbody,
	.table-success td,
	.table-success th,
	.table-success thead th {
		background-color: var(--font-color-success);
	}
	/* table pagination */
	.pagination > li.page-item.disabled > .page-link,
	.pagination > li.page-item > a.page-link {
		background-color: var(--bg);
		border-color: var(--border-color);
	}
	.pagination > li.page-item:not(.disabled) > a.page-link {
		color: var(--link);
	}
	.pagination > li.page-item:not(.disabled):hover > a.page-link {
		background-color: var(--bg-light);
		color: var(--link-hover-color);
	}
	.pagination > li.page-item.disabled:hover > .page-link {
		color: var(--link-gray);
	}
	.pagination > li.page-item:not(.disabled).active > a.page-link{
		background-color: var(--link-gray);
		color: var(--font-color-default);
	}

	/* front page */
	.bootstrapFront input.form-control {
		background-color: var(--bg-dark);
	}
	.navbar-brand {
		position: relative;
	}

	/* site/login */
	div.vseptext > div {
		background-color: var(--bg);
		color: var(--font-color-default);
	}
	div.vsep {
		border-color: var(--border-color);
	}
	.captchaContainer img {
		filter: invert(0.8) hue-rotate(45deg);
	}

	/* contact/my */
	#domain_overview .action {
		color: var(--btn);
	}
	#domain_overview .action:hover {
		color: var(--btn-active);
	}

	/* contact/edit */
	.intl-tel-input ul.country-list {
		background-color: var(--bg-dark);
		border-color: var(--border-color);
	}

	/* contact/new */
	.publicInfoFlagContainer svg {
		fill: var(--border-color);
	}

	/* domain/overview */
	/* domain/test */
	div.loading {
		border-color: transparent;
		background-color: var(--bg-dark);
	}
	div.loading:after{
		color: var(--font-color-default);
	}

	/* /tolur */
	div.stats {
		background-color: var(--bg-dark);
	}
	div.stats img {
		filter: brightness(0.888) invert(1) hue-rotate(180deg);
		/* sepia(0.5) brightness(0.803) saturate(0.4) invert(1) hue-rotate(-221deg) */
	}

	/* /basket */
	.tab-pane label.card-body {
		background-color: var(--bg);
	}
	.tab-pane label.card-body:hover {
		background-color: var(--bg-dark);
	}
	.border {
		border-color: var(--border-color);
	}
	.ccicon > svg {
		fill: var(--font-color-default);
	}

	/* doc/payment_receipt */
	.bg-light.card {
		background-color: var(--bg) !important;
	}

	/* contact/web_forwarding */
	.loading-indicator-modal {
		background-color: rgba(50,50,50,0.9);
	}

	/* contact/new */
	ul.iti__country-list {
		background-color: var(--bg);
		border: 1px solid var(--border-color);
	}

	/* fakeSvarbox */
	form.svarbox__loginForm {
		background-color: var(--bg-light);
	}
	textarea.svarbox__offlineMessageBox,
	input.svarbox__loginFormInput {
		box-shadow: unset !important;
	}
	textarea.svarbox__offlineMessageBox {
		background-color: var(--bg-dark);
		color: var(--font-color-default);
		-webkit-text-fill-color: var(--font-color-default);
	}
	div.svarbox__messageSent {
		background-color: var(--bg-dark);
	}

	/* epp */
	.main,
	.toc {
		background-color: var(--bg);
	}
	.content {
		background-color: var(--bg);
	}

	.sandboxWarningText {
		background: var(--bg-dark-transparent);
	}
	.sandboxWarningContainer {
		box-shadow: inset 0px 0px 16px var(--bg-dark);
	}

	/* modal */
	.modal-content {
		background-color: var(--bg-light);
	}
}
}

.separator {
	display: flex;
	align-items: center;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: var(--r4);
  }

  .separator::before,
  .separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid var(--border-color);
  }

  .separator:not(:empty)::before {
	margin-right: .25em;
  }

  .separator:not(:empty)::after {
	margin-left: .25em;
  }