/*!
 * Datepicker v0.6.3
 * https://github.com/fengyuanchen/datepicker
 * 
 * Copyright (c) 2014-2017 Fengyuan Chen
 * Released under the MIT license
 * 
 * Date: 2017-09-29T14:28:02.764Z
 */
.datepicker-container {
	display: flex;
	background: #FFFFFF;
	color: #636981;
	direction: ltr;
	font-family: "Roboto Mono";
	font-size: 12px;
	left: 0;
	line-height: 30px;
	position: fixed;
	top: 0;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -1;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}
.datepicker-container .arrowRight,
.datepicker-container .arrowLeft {
	background-image: url("../img/dropdown_gray.svg");
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.datepicker-container .arrowRight {
	transform: rotate(270deg);
}
.datepicker-container .arrowLeft {
	transform: rotate(90deg);
}
.datepicker-container > .date {
	width: 210px;
}
.datepicker-container > .time {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	width: 80px;
	max-height: 240px;
	padding: 0 5px;
	border-left: 1px solid #D8DCEE;
}
.datepicker-container > .time:after {
	content: ":";
	position: absolute;
	top: 6px;
	bottom: 0;
	left: 0;
	right: 0;
	display: table;
	margin: auto;
	font-family: "Roboto Mono";
	font-size: 16px;
	line-height: 1;
}
.datepicker-container > .time > .hours,
.datepicker-container > .time > .mins {
	height: 100%;
	perspective: 180px;
	overflow: hidden;
}
.datepicker-container > .time > .hours > ul,
.datepicker-container > .time > .mins > ul {
	position: relative;
	width: 30px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	transform-style: preserve-3d;
	list-style-type: none;
	transform: rotateX(1deg);
	-o-transition: transform .35s;
	-moz-transition: transform .35s;
	-webkit-transition: transform .35s;
	transition: transform .35s;
}
.datepicker-container > .time > .hours > ul {
	transform: rotateX(181deg);
}
.datepicker-container > .time > .hours > ul.noAnim,
.datepicker-container > .time > .mins > ul.noAnim {
	-o-transition: transform 0s;
	-moz-transition: transform 0s;
	-webkit-transition: transform 0s;
	transition: transform 0s;
}
.datepicker-container > .time > .hours > .pag,
.datepicker-container > .time > .mins > .pag {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	z-index: 100;
	background-image: url("../img/dropdown_gray.svg");
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	cursor: pointer;
}
.datepicker-container > .time > .hours > .pag:hover,
.datepicker-container > .time > .mins > .pag:hover {
	background-color: rgb(229, 242, 255);
}
.datepicker-container > .time > .hours > .pag.prev,
.datepicker-container > .time > .mins > .pag.prev {
	top: 0;
	transform: rotate(180deg);
}
.datepicker-container > .time > .hours > .pag.next,
.datepicker-container > .time > .mins > .pag.next {
	bottom: 0;
}
.datepicker-container > .time > .hours > ul > li,
.datepicker-container > .time > .mins > ul > li {
	position: absolute;
	top: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: -webkit-calc(3.14 * 100% / 90);
	height: calc(3.14 * 100% / 90);
	width: 100%;
	font-size: 7px;
	transform-origin: 50% 0;
}
.datepicker-container > .time > .hours > ul > li.opaque,
.datepicker-container > .time > .mins > ul > li.opaque {
	top: 0;
	height: 100%;
	background: #FFFFFF;
	transform-origin: 0;
	-o-transition: transform .35s;
	-moz-transition: transform .35s;
	-webkit-transition: transform .35s;
	transition: transform .35s;
}
.datepicker-container > .time > .hours > ul > li.opaque.noAnim,
.datepicker-container > .time > .mins > ul > li.opaque.noAnim {
	-o-transition: transform 0s;
	-moz-transition: transform 0s;
	-webkit-transition: transform 0s;
	transition: transform 0s;
}
.datepicker-container > .time > .hours > ul > li.opaque {
	transform: rotateX(-181deg);
}
.datepicker-container::before,
.datepicker-container::after {
	border: 5px solid transparent;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	width: 0;
}
.datepicker-dropdown {
	border: 1px solid #A3A9C3;
	-webkit-box-shadow: 0 3px 6px #A3A9C3;
	box-shadow: 0 3px 6px #A3A9C3;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	z-index: 1;
}
.datepicker-inline {
	position: static;
}
.datepicker-top-left,
.datepicker-top-right {
	border-top-color: #A51C24;
}
.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
	border-top: 0;
	left: 10px;
	top: -5px;
}
.datepicker-top-left::before,
.datepicker-top-right::before {
	border-bottom-color: #A51C24;
}
.datepicker-top-left::after,
.datepicker-top-right::after {
	border-bottom-color: #fff;
	top: -4px;
}
.datepicker-bottom-left,
.datepicker-bottom-right {
	border-bottom-color: #A51C24;
}
.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
	border-bottom: 0;
	bottom: -5px;
	left: 10px;
}
.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
	border-top-color: #A51C24;
}
.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
	border-top-color: #fff;
	bottom: -4px;
}
.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
	left: auto;
	right: 10px;
}
.datepicker-panel > ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
	content: "";
	display: table;
}
.datepicker-panel > ul::after {
	clear: both;
}
.datepicker-panel > ul > li {
	background: #fff;
	cursor: pointer;
	float: left;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 30px;
}
.datepicker-panel > ul[data-view="week"] > li:nth-child(7n - 1),
.datepicker-panel > ul[data-view="week"] > li:nth-child(7n),
.datepicker-panel > ul[data-view="days"] > li:nth-child(7n - 1),
.datepicker-panel > ul[data-view="days"] > li:nth-child(7n) {
	background: rgba(163, 169, 195, .2);
}
.datepicker-panel > ul > li:hover {
	background: rgb(229, 242, 255)!important;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
	color: #A3A9C3;
}
.datepicker-panel > ul > li.highlighted {
	background: rgb(229, 242, 255);
}
.datepicker-panel > ul > li.highlighted:hover {
	background: rgb(204, 229, 255);
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
	background: #A51C24!important;
	color: #FFFFFF;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
	background: #FFFFFF;
	color: #A3A9C3;
	cursor: default;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
	background: rgb(229, 242, 255);
}
.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
	font-size: 18px;
}
.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
	width: 150px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
	height: 52.5px;
	line-height: 52.5px;
	width: 52.5px;
}
.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
	background: #FFFFFF!important;
	cursor: default;
}
.datepicker-hide {
	display: none;
}

/* devanagari */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: italic;
	font-weight: 300;
	src: url("../fonts/poppins/300i-1.woff2") format("woff2"),
		url("../fonts/poppins/300i-1.woff") format("woff");
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: italic;
	font-weight: 300;
	src: url("../fonts/poppins/300i-2.woff2") format("woff2"),
		url("../fonts/poppins/300i-2.woff") format("woff");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: italic;
	font-weight: 300;
	src: url("../fonts/poppins/300i-3.woff2") format("woff2"),
		url("../fonts/poppins/300i-3.woff") format("woff");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/poppins/400i-1.woff2") format("woff2"),
		url("../fonts/poppins/400i-1.woff") format("woff");
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/poppins/400i-2.woff2") format("woff2"),
		url("../fonts/poppins/400i-2.woff") format("woff");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: italic;
	font-weight: 400;
	src: url("../fonts/poppins/400i-3.woff2") format("woff2"),
		url("../fonts/poppins/400i-3.woff") format("woff");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/poppins/300-1.woff2") format("woff2"),
		url("../fonts/poppins/300-1.woff") format("woff");
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/poppins/300-2.woff2") format("woff2"),
		url("../fonts/poppins/300-2.woff") format("woff");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/poppins/300-3.woff2") format("woff2"),
		url("../fonts/poppins/300-3.woff") format("woff");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/poppins/400-1.woff2") format("woff2"),
		url("../fonts/poppins/400-1.woff") format("woff");
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/poppins/400-2.woff2") format("woff2"),
		url("../fonts/poppins/400-2.woff") format("woff");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/poppins/400-3.woff2") format("woff2"),
		url("../fonts/poppins/400-3.woff") format("woff");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/poppins/500-1.woff2") format("woff2"),
		url("../fonts/poppins/500-1.woff") format("woff");
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/poppins/500-2.woff2") format("woff2"),
		url("../fonts/poppins/500-2.woff") format("woff");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/poppins/500-3.woff2") format("woff2"),
		url("../fonts/poppins/500-3.woff") format("woff");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/poppins/600-1.woff2") format("woff2"),
		url("../fonts/poppins/600-1.woff") format("woff");
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/poppins/600-2.woff2") format("woff2"),
		url("../fonts/poppins/600-2.woff") format("woff");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: "Poppins";
	font-display: block;
	font-style: normal;
	font-weight: 600;
	src: url("../fonts/poppins/600-3.woff2") format("woff2"),
		url("../fonts/poppins/600-3.woff") format("woff");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Roboto Mono";
    src: url("../fonts/roboto-mono/roboto-mono-regular.woff2") format("woff2"),
        url("../fonts/roboto-mono/roboto-mono-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Roboto Mono";
    src: url("../fonts/roboto-mono/roboto-mono-medium.woff2") format("woff2"),
        url("../fonts/roboto-mono/roboto-mono-medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Roboto Mono";
    src: url("../fonts/roboto-mono/roboto-mono-light.woff2") format("woff2"),
        url("../fonts/roboto-mono/roboto-mono-light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
/* GENERAL */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
body.preload * {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-ms-transition: none!important;
	-o-transition: none!important;
}
html {
	width: 100%;
	height: 100%;
}
body {
	min-height: 100%;
	margin: 0;
	font-family: "Poppins", "Arial", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #636981;
	background: #F5F6FA;
}
body.cookie_banner_visible {
	padding-bottom: 162px;
}
body.darkmode * {
	box-shadow: none!important;
}
body > #rocket {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 15%;
	height: 15%;
	max-width: -webkit-calc(100% - 350px);
	max-width: calc(100% - 350px);
	max-height: -webkit-calc(100% - 120px);
	max-height: calc(100% - 120px);
	transform: rotateY(180deg);
	background: url("../img/rocket.svg") left bottom no-repeat;
	background-size: contain;
	z-index: 0;
}
input, textarea {
	font-family: "Poppins", sans-serif;
	display: block;
	width: 100%;
	padding: 8px 15px;
	border: 1px solid #A3A9C3;/*darkmode:ignore*/
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #000000;
	background-color: transparent;
	-webkit-appearance: none;
}
textarea {
	border: 1px solid #A3A9C3;/*darkmode:ignore*/
	height: 112px;
	resize: none;
}
textarea.big {
	height: 360px;
}
input[disabled],
textarea[disabled],
select[disabled] {
	cursor: not-allowed;
	color: rgba(0, 0, 0, .4);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select {
	color: #A3A9C3;
	opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #A3A9C3;
	opacity: 1;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #A3A9C3;
	opacity: 1;
}
select {
	display: block;
	width: 100%;
	padding: 8px 15px;
	padding-right: 30px;
	border: 1px solid #A3A9C3;/*darkmode:ignore*/
	border-radius: 5px;
	margin-bottom: 10px;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	color: #A3A9C3;
	background-image: url("../img/dropdown_gray.svg");
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: -webkit-calc(100% - 10px) center;
	background-position: calc(100% - 10px) center;
	background-color: transparent;
	-webkit-appearance: none;
}
select.changed {
	color: #000000;
}
select option {
	color: #000000;
	background-color: #FFFFFF;
}
input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	padding: 0;
	border: none;
	margin: 3px 0;
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 15px;
	cursor: pointer;
	background: #000000;
	border-radius: 0px;
	border: none;
}
input[type=range]::-webkit-slider-thumb {
	border: 0px solid #A51C24;
	height: 15px;
	width: 7px;
	border-radius: 0px;
	background: #A51C24;
	cursor: pointer;
	-webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
	background: #000000;
}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 15px;
	cursor: pointer;
	background: #fefefe;
	border-radius: 0px;
	border: none;
}
input[type=range]::-moz-range-thumb {
	border: 0px solid #A51C24;
	height: 15px;
	width: 7px;
	border-radius: 0px;
	background: #A51C24;
	cursor: pointer;
}
input[type=range]::-ms-track {
	width: 100%;
	height: 15px;
	cursor: pointer;
	background: #fefefe;
	border-radius: 0px;
	border: none;
}
input[type=range]::-ms-fill-lower {
	display: none;
}
input[type=range]::-ms-fill-upper {
	display: none;
}
input[type=range]::-ms-thumb {
	border: 0px solid #A51C24;
	height: 15px;
	width: 7px;
	border-radius: 0px;
	background: #A51C24;
	cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
	display: none;
}
input[type=range]:focus::-ms-fill-upper {
	display: none;
}
i {
	font-weight: 300;
}
.smaller {
	font-size: 13px;
}
.checkboxHolder {
	display: flex;
}
.checkboxList > .checkboxHolder {
	float: left;
	margin-right: 20px;
}
.checkboxHolder > input {
	display: none;
}
.checkboxHolder > .nicerBox {
	position: relative;
	width: 41px;
	height: 21px;
	border: 1px solid #A3A9C3;
	border-radius: 15px;
	margin: 0 10px 0 0;
	background: #F5F6FA;
	cursor: pointer;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.checkboxHolder.small > .nicerBox {
	height: 16px;
	width: 31px;
}
.checkboxHolder > input:checked + .nicerBox {
	background: #A51C24;
	border-color: #A51C24;
}
body.darkmode .checkboxHolder > input:checked + .nicerBox {
	background: #FFFFFF;/*darkmode:ignore*/
}
.checkboxHolder > .nicerBox:before {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	top: -2px;
	left: -2px;
	border: 1px solid #A3A9C3;
	border-radius: 50%;
	background: #F5F6FA;
	transition: all .25s;
}
.checkboxHolder.small > .nicerBox:before {
	width: 17px;
	height: 17px;
}
.checkboxHolder > input:checked + .nicerBox:before {
	left: unset;
	left: -webkit-calc(100% - 22px);
	left: calc(100% - 22px);
	border-color: #A51C24;
}
.checkboxHolder.small > input:checked + .nicerBox:before {
	left: -webkit-calc(100% - 17px);
	left: calc(100% - 17px);
}
.checkboxHolder > label {
	margin-bottom: 0;
}
.checkboxHolder.small > label {
	line-height: 16px;
}
.checkboxHolder > input[disabled]:checked + .nicerBox:before {
	background: url("../img/lock.svg") center center no-repeat;
	background-size: 10px auto;
	background-color: #FFFFFF;
}
.checkboxHolder.small > input[disabled]:checked + .nicerBox:before {
	background-size: 8px auto;
}
.checkboxHolder > input[disabled]:checked + .nicerBox:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	background: rgba(0, 0, 0, .4);/*darkmode:ignore*/
}
.trenner {
	width: 100%;
	height: 1px;
	margin: 40px 0;
	background: #ccc;
}
.trenner.small {
	margin: 20px 0;
}
.changeCookieSettings {
	float: right;
}
.red {
	color: #FF0000;
}
table {
	width: 100%;
}
table th {
	font-weight: 500;
}
img, video {
	max-width: 100%;
}
p {
	margin: 0 0 20px;
}
a {
	position: relative;
	color: #A51C24;
	text-decoration: none;
}
small {
	font-weight: 400;
}
a.black {
	color: #000000;
	font-weight: 300;
}
span.sup {
	font-size: 70%;
	position: relative;
	top: -4px;
}
.bold {
	font-weight: 500;
}
.hidden {
	display: none!important;
}
.hoverDetails {
	position: relative;
}
.hoverDetails > .label {
	color: #3C8EF4;
}
.hoverDetails > .label:hover {
	text-decoration: underline;
}
.hoverDetails > .details {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: -20px;
	max-width: 100%;
	max-height: 140px;
	padding: 10px 20px;
	margin-top: 7px;
	border: 1px solid #D8DCEE;
	border-radius: 5px;
	color: #636981;
	background: #FFFFFF;
	z-index: 1;
}
.hoverDetails > .details:before {
	content: "";
	position: absolute;
	top: -7px;
	left: 17px;
	display: block;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #D8DCEE;
}
.hoverDetails > .details > .inner {
	max-height: 118px;
	overflow: auto;
}
.detailDomains + .detailDomains {
	margin-top: 7px;
}
.onloadForm {
	margin-top: 10px;
}
.inputLabel {
	line-height: 45px;
}
.form {
	margin-top: 20px;
}
.shadowBox > .form {
	margin-top: 0;
}
.aliasList > .form:first-child,
.forwardList > .form:first-child {
	margin-top: 0;
}
.form.noMargin {
	margin-top: 0;
}
.form > .formPart {
	display: none;
}
.form > .formPart.active {
	display: block;
}
.formField {
	position: relative;
	margin-bottom: 15px;
}
.formField.noMargin {
	margin-bottom: 0;
}
.formField > label {
	padding-bottom: 5px;
	font-size: 14px;
}
.formField.newLabel {
	overflow-x: visible;
	overflow-y: visible;
}
.formField.newLabel label {
	position: absolute;
	left: 11px;
	top: 9px;
	color: #A3A9C3;/*darkmode:ignore*/
	background: #FFFFFF;
	padding: 0 5px;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
	pointer-events: none;
	white-space: nowrap;
}
.formField.newLabel.set label,
.formField.newLabel .set label {
	top: -10px;
	left: 5px;
}
.formField.newLabel input:auto-fill + label {
	top: -10px;
	left: 5px;
	color: #000000;
}
.formField.newLabel input:-webkit-autofill + label {
	top: -10px;
	left: 5px;
	color: #000000;
}
.formField.newLabel input:-webkit-autofill + label:after {
	content: "(autofill)";
	color: #A51C24;
	font-size: 12px;
	line-height: 21px;
	padding-left: 5px;
}
.formField.newLabel input:-webkit-autofill {
	-webkit-text-fill-color: rgba(0, 0, 0, .4);
	-webkit-background-clip: text;
}
.formField.enter2fa {
	position: relative;
	border: 1px solid #A3A9C3;
	border-radius: 10px;
	cursor: text;
}
.formField.enter2fa:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 16.667%;
}
.formField.enter2fa > input {
	display: none;
}
.formField.enter2fa > .semi2fainput {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.formField.enter2fa > .semi2fainput:after {
	content: "";
	display: table;
	clear: both;
}
.formField.enter2fa > .semi2fainput > input.ignore {
	display: block;
	float: left;
	width: 16.667%;
	height: 100%;
	font-size: 24px;
	padding: 0;
	border: none;
	border-radius: 0;
	text-align: center;
	text-transform: uppercase;
	pointer-events: none;
}
.formField.enter2fa > .semi2fainput > input.ignore + input.ignore {
	border-left: 1px solid #D8DCEE;
}
.formField.missing input,
.formField.missing textarea,
.formField.missing select,
.formField.missing .checkboxList > .option > .checkboxLabel:before {
	border-color: #FF0000;/*darkmode:ignore*/
}
.formField.missing > label {
	color: #FF0000;
}
.formField.lowerCaseInput input {
	text-transform: lowercase;
}
.formField.lowerCaseInput input:-ms-input-placeholder {
	text-transform: none;
}
.formField.lowerCaseInput input::-moz-placeholder {
	text-transform: none;
}
.formField.lowerCaseInput input:-moz-placeholder {
	text-transform: none;
}
.formField.lowerCaseInput input::-webkit-input-placeholder {
	text-transform: none;
}
.formField.lowerCaseInput input::placeholder {
	text-transform: none;
}
.formField.hasToggle > input {
	padding-right: 26px!important;
}
.formField.hasToggle > .togglePassword {
	position: absolute;
	top: 0px;
	right: 5px;
	height: 100%;
	width: 16px;
	background-image: url("../img/show.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.formField.hasToggle > input[type="text"] + .togglePassword {
	background-image: url("../img/hide.svg");
}
.form .formField + * {
	margin-top: 20px;
}
.form > .success {
	display: none;
}
.skip.sendForm {
	display: table;
	margin: 10px auto 0;
	font-size: 12px;
	cursor: pointer;
}
.formCondition {
	display: none;
}
.footnotes {
	margin-top: 30px;
	font-size: 13px;
}
.footnotes span.sup {
	top: -3px;
	padding-right: 1px;
}
.mobile {
	display: none;
}
.desktop {
	display: block;
}
.highlight,
.clickable {
	color: #A51C24;
}
.highlight.red {
	color: #FF0000;/*darkmode:ignore*/
}
.noWrap {
	white-space: nowrap;
}
.autocopy {
	position: relative;
	cursor: copy;
}
.clickable {
	display: inline-block;
	cursor: pointer;
}
.clickable:hover {
	text-decoration: underline;
}
.center {
	text-align: center;
}
a.center {
	display: table;
	margin: 0 auto;
}
.error {
	font-size: 18px;
	font-weight: 600;
	color: #A51C24;
}
.semiHeadline {
	margin-top: 0;
	font-weight: 400;
	font-stretch: condensed;
	margin-bottom: 0;
	line-height: 1;
}
p + .semiHeadline {
	margin-top: 20px;
}
.semiHeadline.h1 {
	font-size: 24px;
	margin-bottom: 10px;
}
.semiHeadline.h2 {
	font-size: 18px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
.semiHeadline.h3 {
	font-size: 18px;
	margin-bottom: 20px;
}
.semiHeadline.h3.buttonHeight {
	margin-top: 2.5px;
	margin-bottom: 2.5px;
}
.semiHeadline.h4 {
	font-size: 18px;
	margin-bottom: 5px;
}
.semiHeadline.h5 {
	font-size: 16px;
	margin-bottom: 5px;
}
.semiHeadline.h6 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #A51C24;
}
.semiHeadline.h7 {
	font-size: 14px;
	margin-bottom: 15px;
}
.semiHeadline.step {
	position: relative;
	padding-left: 35px;
}
.semiHeadline.step > span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin: auto 0;
	text-align: center;
	line-height: 25px;
	background: #A51C24;
	color: #FFFFFF;
}
.semiHeadline.lowMargin {
	margin-bottom: 5px;
}
.freeSpace {
	height: 30px;
}
.showOnSendErrors {
	display: none;
}
body.send_js_errors .showOnSendErrors {
	display: block;
}
.monospace {
	font-family: monospace;
}
.container {
	width: 1650px;
	max-width: 100%;
	padding: 0 30px;
	margin: 0 auto;
}
.container.small {
	width: 1200px;
}
.container.bg {
	padding: 20px 25px;
	color: #000000;
	background: rgba(253, 253, 253, .8);
}
.container.shadowBox {
	width: 1140px;
}
.container .container {
	max-width: 100%;
}
.wideContainer {
	width: 100%;
	padding: 0 25px;
}
.row {
	margin: 0 -15px;
}
.row.noSpace {
	margin: 0;
}
.row.sameHeight {
	display: flex;
}
.row.spacer {
	margin: 0 -30px;
}
.row + .row {
	margin-top: 20px;
}
.row + .row.success {
	margin-top: 0;
}
.row.seperator + .row {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #D8DCEE;
}
.row.dataRow {
	overflow: auto;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.row > .w1,
.row > .w2,
.row > .w3,
.row > .w4,
.row > .w5,
.row > .w6,
.row > .w7,
.row > .w8,
.row > .w9,
.row > .w10,
.row > .w11,
.row > .w12 {
	float: left;
	min-height: 1px;
	padding: 0 15px;
}
.row.spacer > .w1,
.row.spacer > .w2,
.row.spacer > .w3,
.row.spacer > .w4,
.row.spacer > .w5,
.row.spacer > .w6,
.row.spacer > .w7,
.row.spacer > .w8,
.row.spacer > .w9,
.row.spacer > .w10,
.row.spacer > .w11,
.row.spacer > .w12 {
	padding: 0 30px;
}
.row.noSpace > .w1,
.row.noSpace > .w2,
.row.noSpace > .w3,
.row.noSpace > .w4,
.row.noSpace > .w5,
.row.noSpace > .w6,
.row.noSpace > .w7,
.row.noSpace > .w8,
.row.noSpace > .w9,
.row.noSpace > .w10,
.row.noSpace > .w11,
.row.noSpace > .w12 {
	padding: 0;
}
.row > .rightBorder {
	border-right: 1px solid #ccc;
}
.row > .w1 {
	width: 8.333%;
}
.row > .w2 {
	width: 16.666%;
}
.row > .w3 {
	width: 25%;
}
.row > .w4 {
	width: 33.333%;
}
.row > .w5 {
	width: 41.666%;
}
.row > .w6 {
	width: 50%;
}
.row > .w7 {
	width: 58.333%;
}
.row > .w8 {
	width: 66.666%;
}
.row > .w9 {
	width: 75%;
}
.row > .w10 {
	width: 83.333%;
}
.row > .w11 {
	width: 91.666%;
}
.row > .w12 {
	width: 100%;
}
.row input,
.row textarea,
.row select,
#account .row select {
	margin-bottom: 0;
}
div.video {
	position: relative;
	width: 100%;
	cursor: pointer;
}
div.video:before {
	display: block;
	padding-top: 56.25%;
	content: "";
}
div.video > .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}
div.video > .over {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
}
div.video > .over > .text {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	color: #A51C24;
	font-size: 21px;
}
div.video > .over > .text > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.checkboxList > .option {
	display: block;
	position: relative;
}
.checkboxList > .option > input {
	display: none;
}
.checkboxList > .option > .checkboxLabel {
	padding-left: 30px;
	cursor: pointer;
}
#lightbox .checkboxList > .option > .checkboxLabel {
	color: #000000;
}
.checkboxList > .option > .checkboxLabel:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #A3A9C3;/*darkmode:ignore*/
	border-radius: 5px;
}
.checkboxList > .option {
	margin-bottom: 10px;
}
.checkboxList > .option > input:checked + .checkboxLabel:after {
	content: "";
	position: absolute;
	display: block;
	left: 2px;
	top: 2px;
	width: 16px;
	height: 16px;
	background: url("../img/check.svg") center center no-repeat;
}
.checkboxList > .option > input[disabled]:checked + .checkboxLabel:after {
	background: rgba(0, 0, 0, .6);
}
.button {
	position: relative;
	display: inline-block;
	font-size: 17px;
	color: #f4f4f4;
	background: #A51C24;
	text-align: center;
	padding: 5px 20px;
	border: 1px solid #A51C24;
	border-radius: 5px;
	white-space: nowrap;
	cursor: pointer;
	-o-transition: background 0.35s, background-color 0.35s, color 0.35s;
	-moz-transition: background 0.35s, background-color 0.35s, color 0.35s;
	-webkit-transition: background 0.35s, background-color 0.35s, color 0.35s;
	transition: background 0.35s, background-color 0.35s, color 0.35s;
}
.button.small {
	font-size: 14px;
	padding: 4px 10px;
	border: 1px solid #A51C24;
	border-radius: 5px;
}
.button.fullWidth {
	width: 100%;
}
.button.right,
.button + .button.right {
	display: table;
	margin-left: auto;
}
.button + .button.right {
	margin-top: 5px;
}
.button.center {
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.button.red {
	background: #f43c3c;/*darkmode:ignore*/
	border-color: #f43c3c;/*darkmode:ignore*/
}
.button.ghost {
	background: #FFFFFF;
	color: #A51C24;
}
.button.ghost.red {
	border-color: #f43c3c;/*darkmode:ignore*/
	color: #f43c3c;/*darkmode:ignore*/
}
.button:hover {
	background: #FFFFFF;
	color: #A51C24;
}
.button.red:hover {
	color: #f43c3c;/*darkmode:ignore*/
}
.button.ghost:hover {
	background: #A51C24;
	color: #ffffff;
}
.button.ghost.red:hover {
	background: #f43c3c;/*darkmode:ignore*/
	color: #ffffff;
}
.button + .button {
	margin-left: 15px;
}
.button.center + .button.center {
	margin-left: auto;
	margin-top: 25px;
}
.button.disabled,
.button.disabled:hover,
.button.loading,
.button.loading:hover {
	border-color: #b1b1b1;
	color: #FFFFFF;
	background: #b1b1b1;
	cursor: default;
}
.button.ghost.disabled,
.button.ghost.disabled:hover {
	border-color: #b1b1b1;
	color: #b1b1b1;
	background: #FFFFFF;
}
.button.hCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}
.textareaEmojiPicker {
	display: none;
	position: absolute;
	top: 27px;
	right: 4px;
	width: 20px;
	height: 20px;
	background: green;
	cursor: pointer;
}
.logo {
	display: block;
	width: 100%;
}
body.darkmode .logo img {
	filter: brightness(0) invert(1);
}
.logo > .square {
	display: none;
}
.menu > .menuItems {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu > .menuItems > .menuItem.icon {
	position: relative;
	padding-left: 25px;
}
.menu > .menuItems > .menuItem.icon.singleIcon {
	cursor: pointer;
	padding-left: 0;
}
.menu > .menuItems > .menuItem.icon:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: -2px;
	width: 22px;
	height: 22px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.menu > .menuItems > .menuItem.icon.singleIcon:before {
	position: relative;
}
.shadowBox {
	padding: 25px;
	border-radius: 10px;
	margin-bottom: 25px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .04);
	overflow: hidden;
}
.shadowBox.bg {
	position: relative;
	min-height: 312px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.shadowBox > .title {
	padding-right: 50px;
	font-size: 22px;
}
.shadowBox.min > .title {
	background: url("../img/dropdown_gray.svg") right center no-repeat;
	background-size: auto 50%;
}
.shadowBox > .title + * {
	margin-top: 10px;
}
.shadowBox > .contentBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.shadowBox > .contentBox > .shadowBox {
	position: relative;
	margin-bottom: 0;
	margin: 25px;
	overflow: visible;
}
.noticeBox {
	position: relative;
}
.noticeBox > .icon {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	margin: auto 0;
}
.noticeBox > .icon:before,
.noticeBox > .icon.active:after {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.noticeBox > .icon.active:before {
	display: none;
}
.noticeBox > .icon.warning:before,
.noticeBox > .icon.warning:after {
	background-image: url("../img/notice-warning.svg");
}
.noticeBox > .icon.error:before,
.noticeBox > .icon.error:after {
	background-image: url("../img/notice-error.svg");
}
.noticeBox > .content {
	padding-left: 65px;
}
.noticeBox > .content > .title {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
}
.noticeBox > .content > p {
	margin-bottom: 0;
}
.noticeBox > .content > .clickable {
	font-size: 12px;
}
label {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
}
.numPicker {
	height: 21px;
	border: 1px solid #a7a7a7;
}
.numPicker:after {
	content: "";
	display: table;
	clear: both;
}
.numPicker > input {
	float: left;
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	height: 100%;
	font-size: 14px;
	line-height: 21px;
	padding: 0;
	text-align: center;
	border: none;
}
.numPicker > div {
	position: relative;
	float: left;
	width: 20px;
	height: 100%;
	cursor: pointer;
}
.numPicker > div:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 21px;
	text-align: center;
}
.numPicker > .minus {
	border-right: 1px solid #a7a7a7;
}
.numPicker > .minus:after {
	content: "-";
}
.numPicker > .plus {
	border-left: 1px solid #a7a7a7;
}
.numPicker > .plus:after {
	content: "+";
}
.languages:after {
	content: "";
	display: table;
	clear: both;
}
.languages > .language {
	float: left;
	width: 26px;
	height: 17px;
	margin-right: 10px;
	opacity: .2;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	-o-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.languages > .language.current {
	opacity: 1!important;
	cursor: auto;
	-o-transition: opacity 0s;
	-moz-transition: opacity 0s;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}
.languages > .language:hover {
	opacity: .6;
}
.languages > .language:last-child {
	margin-right: 0;
}
.languages > .language[data-lang="de"] {
	background-image: url("../img/de.jpg");
}
.languages > .language[data-lang="en"] {
	background-image: url("../img/en.jpg");
}
.stepParts {
	display: flex;
	height: 10px;
	border-radius: 10px;
	margin-bottom: 25px;
	overflow: hidden;
}
.stepParts > .step {
	position: relative;
	flex-basis: 100%;
	text-align: center;
}
.stepParts > .step:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: block;
	height: 10px;
	width: 100%;
	margin: auto 0;
	background: #F0F7FF;
}
.stepParts > .step.done:before {
	background: #3DE300;
}
.stepParts > .step.active:before {
	background: #A51C24;
}
.stepParts > .step > span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: table;
	width: 39px;
	height: 100%;
	border: 4px solid #FFF;
	border-radius: 50%;
	margin: 0 auto;
	line-height: 31px;
	text-align: center;
	color: #FFF;
	background: #989898;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
}
.stepParts > .step.done > span {
	background: #3DE300;
}
.stepParts > .step.active > span {
	background: #A51C24;
}
.mobileMenuIcon {
	height: 100%;
	background: url("../img/menu.svg") right center no-repeat;
	background-size: contain;
	cursor: pointer;
}
.loadingAnim {
	width: 75px;
	height: 75px;
	background: url("../img/loading.svg") center center no-repeat;
	background-size: contain;
}
/* Lightbox */
#lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, .7);
	z-index: 102;
}
#lightbox > .lightboxContent {
	display: table;
	width: 1000px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}
#lightbox > .lightboxContent > .lightboxElements {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
#lightbox > .lightboxContent > .lightboxElements:before {
	content: "";
	position: absolute;
	display: block;
	top: -35px;
	right: -35px;
	width: 25px;
	height: 25px;
	background: url("../img/close.svg") center center no-repeat;
	background-size: contain;
	pointer-events: none;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement {
	position: relative;
	display: none;
	padding: 40px;
	background: #FFFFFF;
	border-radius: 10px;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement.active {
	display: block;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement > .close {
	position: absolute;
	top: -25px;
	right: -25px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	color: #FFFFFF;
	cursor: pointer;
	background: url("../img/close.svg") center center no-repeat;
	background-size: 15px auto;
	opacity: 0.6;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement > .close:hover {
	opacity: 1;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement .form,
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement .onloadForm {
	margin-top: 0;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement .form .row + .row,
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement .onloadForm .row + .row {
	margin-top: 0;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement .onloadForm .row + .row.margin {
	margin-top: 10px;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement .onloadForm .row + .row.bigMargin {
	margin-top: 20px;
}
#lightbox > .lightboxContent > .lightboxElements > .lightboxElement .button {
	margin-top: 20px;
}
/* Confirm Message */
#confirmMessage {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 1000;
}
#confirmMessage > .confirmContainer {
	display: table;
	width: 470px;
	height: 100%;
	margin: 0 auto;
}
#confirmMessage > .confirmContainer > .inner {
	display: table-cell;
	vertical-align: middle;
}
#confirmMessage > .confirmContainer > .inner > .box {
	padding: 25px;
	border-radius: 10px;
	margin-bottom: 25px;
	background: #FFFFFF;
}
#confirmMessage > .confirmContainer > .inner > .box > .title {
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: 500;
	color: #f43c3c;
}
#confirmMessage > .confirmContainer > .inner .actions {
	margin-top: 15px;
}
#confirmMessage > .confirmContainer > .inner .actions > .button.cancel {
	width: calc(100% - 100px);
}
#confirmMessage > .confirmContainer > .inner .actions > .button.confirm {
	width: 85px;
}
#confirmMessage > .confirmContainer > .inner .actions > .button.confirm.wait {
	background-color: #989898;
	border-color: #989898;
	pointer-events: none;
}
#confirmMessage > .confirmContainer > .inner .actions > .button.confirm:before {
	content: "\2713";
}
#confirmMessage > .confirmContainer > .inner .actions > .button.confirm.wait:before {
	display: none;
}
#confirmMessage > .confirmContainer > .inner .actions > .button.confirm > span {
	display: none;
}
#confirmMessage > .confirmContainer > .inner .actions > .button.confirm.wait > span {
	display: block;
}
/* TLD Price List */
.tldPriceList th {
	padding: 15px 0;
	background: #F5F6FA;
	border-bottom: 3px double #D8DCEE;
}
.tldPriceList td {
	padding: 20px 0;
	border-top: 1px solid #D8DCEE;
	text-align: center;
	background: transparent;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.tldPriceList tr:first-child td {
	border-top: none;
}
.tldPriceList tr:hover td {
	background: #F5F6FA;
}
.tldPriceList td.tld,
.tldPriceList th.tld {
	width: 10%;
}
.tldPriceList td.basicPrice,
.tldPriceList th.basicPrice {
	width: 30%;
}
.tldPriceList td.markup,
.tldPriceList th.markup {
	width: 30%;
}
.tldPriceList td.total,
.tldPriceList th.total {
	width: 30%;
	font-weight: 600;
}
.tldPriceList td.markup .formField {
	margin: 0;
}
.tldPriceList td.markup .formField > input {
	padding: 0;
	border: none;
	text-align: center;
	color: #A51C24;
	font-weight: 600;
}
/* OnloadForms */
*[data-onload] {
	display: none;
}
/* 2FA Login */
.login2fa {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 102;
}
.login2fa > .box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 490px;
	height: fit-content;
	padding: 25px;
	border-radius: 10px;
	margin: auto;
	background: #FFFFFF;
}
.login2fa > .box > .close {
	position: absolute;
	top: -25px;
	right: -25px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	color: #FFFFFF;
	cursor: pointer;
	background: url("../img/close.svg") center center no-repeat;
	background-size: 15px auto;
	opacity: 0.6;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
.login2fa > .box > .close:hover {
	opacity: 1;
}
.login2fa > .box > .form {
	margin-top: 0;
}
/* 2FA Setup */
.setup2fa {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 102;
}
.setup2fa > .box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 980px;
	height: fit-content;
	padding: 25px;
	border-radius: 10px;
	margin: auto;
	background: #FFFFFF;
	-o-transition: width .35s;
	-moz-transition: width .35s;
	-webkit-transition: width .35s;
	transition: width .35s;
}
.setup2fa.finished > .box {
	width: 490px;
}
.setup2fa > .box > .close {
	position: absolute;
	top: -25px;
	right: -25px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	color: #FFFFFF;
	cursor: pointer;
	background: url("../img/close.svg") center center no-repeat;
	background-size: 15px auto;
	opacity: 0.6;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
.setup2fa > .box > .close:hover {
	opacity: 1;
}
.setup2fa.finished > .box > .close {
	opacity: 0;
	pointer-events: none;
}
.setup2fa > .box > .form {
	margin-top: 0;
}
.setup2fa > .box .qrcode {
	width: 75%;
	border: 1px solid #D8DCEE;
	border-radius: 10px;
	margin: 45px auto 30px;
	background: url("../img/loading.svg") center center no-repeat;
	background-size: 100px auto;
}
.setup2fa > .box .qrcode:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 100%;
}
.setup2fa > .box .setupKey {
	min-height: 27px;
	font-size: 18px;
	text-align: center;
	letter-spacing: 5px;
}
.setup2fa > .box .setupKey > span + span:before {
	content: "-";
	padding: 0 5px;
}
.setup2fa > .box .backupCodes2fa {
	padding: 15px;
	border: 1px solid #A3A9C3;
	border-radius: 10px;
	margin: 35px 35px 45px;
}
.setup2fa > .box .backupCodes2fa:after {
	content: "";
	display: table;
	clear: both;
}
.setup2fa > .box .backupCodes2fa > .code {
	float: left;
	width: 50%;
	padding: 10px;
	font-size: 18px;
	letter-spacing: 5px;
	text-align: center;
}
/* HEADER */
header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 70px;
	background-size: cover;
	z-index: 99;
	/*background: #FFFFFF;*/
}
header > .rightBox {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	height: 100%;
	/*box-shadow: 0px 10px 5px -5px rgba(55, 84, 170, .1);
	background: #FFFFFF;*/
	z-index: 1;
}
body#login > header > .rightBox {
	width: 100%;
	box-shadow: none;
}
#messageDialog {
	position: fixed;
	width: -webkit-calc(100% - 385px);
	width: calc(100% - 385px);
	top: 25px;
	left: 300px;
	margin: 0 30px;
	z-index: 1001;
	-o-transition: left .35s;
	-moz-transition: left .35s;
	-webkit-transition: left .35s;
	transition: left .35s;
}
body.smallmenu #messageDialog {
	left: 90px;
}
#messageDialog > .msg.shadowBox {
	position: absolute;
	display: flex;
	max-width: 100%;
	padding: 10px 15px;
	border: 2px solid #D8DCEE;
	margin-bottom: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: 20px;
	color: #636981;
	transform: translateY(-200%);
	-o-transition: transform .35s;
	-moz-transition: transform .35s;
	-webkit-transition: transform .35s;
	transition: transform .35s;
}
#messageDialog > .msg.shadowBox.show {
	transform: translateY(0);
}
#messageDialog > .msg.shadowBox.show.hide {
	transform: translateY(-200%);
}
#messageDialog > .msg.shadowBox:before {
	content: "";
	display: inline-flex;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
#messageDialog > .msg.shadowBox.info:before {
	background-image: url("../img/info.svg");
}
#messageDialog > .msg.shadowBox.error:before {
	background-image: url("../img/error.svg");
}
#messageDialog > .msg.shadowBox > .content {
	display: inline-flex;
	width: 100%;
}
#messageDialog > .msg.shadowBox > .content > .inner {
	display: table;
	width: 100%;
	height: 100%;
}
#messageDialog > .msg.shadowBox > .content > .inner > .text {
	display: table-cell;
	vertical-align: middle;
}
header > .rightBox > .productLogo {
	position: relative;
	display: inline-flex;
	width: 71px;
	/*border-left: 1px solid rgba(77, 77, 77, .7);*/
	background: url("../img/hostinator-icon.svg") center center no-repeat;
	background-size: auto 50%;
}
header > .rightBox > .productLogo:after {
	content: "";
	position: absolute;
	top: 0;
	right:0;
	bottom: 0;
	left: 0;
	background: url("../img/hostinator-icon-blue.svg") center center no-repeat;
	background-size: auto 50%;
	opacity: 0;
	z-index: 1;
	-o-transition: opacity .45s;
	-moz-transition: opacity .45s;
	-webkit-transition: opacity .45s;
	transition: opacity .45s;
}
header > .rightBox > .productLogo:hover:after {
	opacity: 1;
}
/* ASIDE */
aside, aside.shadowBox {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	width: 300px;
	height: 100%;
	padding: 25px 25px 5px;
	border-radius: 0;
	color: #636981;
	flex-direction: column;
	overflow-y: auto;
	z-index: 100;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .logoContainer {
	max-width: 100%;
	margin-bottom: 35px;
	padding: 0 15px;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem {
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem.current-page {
	background: #F5F6FA;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a {
	display: flex;
	height: 25px;
	color: #636981;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a:hover,
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem.current-page > a {
	color: #A51C24;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .icon {
	top: 2px;
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .icon:before,
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .icon:after {
	display: block;
	width: 100%;
	height: 100%;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .label {
	width: -webkit-calc(100% - 25px);
	width: calc(100% - 25px);
	line-height: 25px;
	white-space: nowrap;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
aside > .sideBarBottom {
	display: flex;
	width: 100%;
	margin-top: auto;
	margin-bottom: 15px;
	align-items: center;
}
aside > .sideBarBottom > .bigMenu {
	display: flex;
	width: 100%;
	overflow: hidden;
}
aside > .sideBarBottom > .bigMenu > .checkboxHolder {
	flex: 2;
}
aside > .sideBarBottom > .bigMenu > .menu {
	flex: 1;
}
aside > .sideBarBottom > .bigMenu > .menu > .menuItems > .menuItem > a {
	display: table;
	color: #636981;
	margin-left: auto;
}
aside > .sideBarBottom > .bigMenu > .menu > .menuItems > .menuItem > a:hover,
aside > .sideBarBottom > .bigMenu > .menu > .menuItems > .menuItem.current-page > a {
	color: #A51C24;
}
aside > .sideBarBottom > .bigMenu > .menu > .menuItems > .menuItem > a:after {
	content: "";
	display: table;
	clear: both;
}
aside > .sideBarBottom > .bigMenu > .menu > .menuItems > .menuItem > a > .icon {
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
}
aside > .sideBarBottom > .bigMenu > .menu > .menuItems > .menuItem > a > .icon:before,
aside > .sideBarBottom > .bigMenu > .menu > .menuItems > .menuItem > a > .icon:after {
	display: block;
	width: 100%;
	height: 100%;
}
aside > .sideBarBottom > .smallMenu {
	width: 0;
	overflow: hidden;
}
aside > .sideBarBottom > .smallMenu .menu > .menuItems > .menuItem {
	padding: 10px;
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
aside > .sideBarBottom > .smallMenu .menu > .menuItems > .menuItem > .innerItem > .icon {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
}
aside > .sideBarBottom > .smallMenu .menu > .menuItems > .menuItem > .innerItem > .icon:before,
aside > .sideBarBottom > .smallMenu .menu > .menuItems > .menuItem > .innerItem > .icon:after {
	display: block;
	width: 100%;
	height: 100%;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
aside > .sideBarBottom > .smallMenu .menu > .menuItems > .menuItem > a > .label {
	display: none;
}
/* Small Menu */
aside > .switchMenuMode {
	position: fixed;
	top: 25px;
	left: 275px;
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #D8DCEE;
	border-right: none;
	border-radius: 10px 0 0 10px;
	background: #FFFFFF;
	cursor: pointer;
	z-index: 1;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
body.smallmenu aside > .switchMenuMode {
	left: 70px;
	border-right: 1px solid #D8DCEE;
	border-left: none;
	border-radius: 0 10px 10px 0;
}
aside > .switchMenuMode > div {
	width: 100%;
	height: 100%;
	transform: rotate(90deg);
	background: url("../img/dropdown_gray.svg") center center no-repeat;
	background-size: 12px auto;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
body.smallmenu aside > .switchMenuMode > div {
	transform: rotate(-90deg);
}

main,
aside,
aside.shadowBox,
aside > .sideBar > .sideBarContainer > .sideBarInner > .logoContainer,
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem,
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .icon,
aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .label,
aside > .sideBarBottom > .bigMenu,
aside > .sideBarBottom > .smallMenu,
footer {
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}

body.smallmenu aside,
body.smallmenu aside.shadowBox {
	width: 70px;
	padding-left: 0;
	padding-right: 0;
}
body.smallmenu aside > .sideBar > .sideBarContainer > .sideBarInner > .logoContainer {
	margin-bottom: ;
}
body.smallmenu aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems {
	padding: 0 15px;
}
body.smallmenu aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem {
	padding-left: 10px;
	padding-right: 10px;
}
body.smallmenu aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .icon {
	margin-right: 0;
}
body.smallmenu aside > .sideBar > .sideBarContainer > .sideBarInner > .menu > .menuItems > .menuItem > a > .label {
	width: 0;
	overflow: hidden;
}
body.smallmenu aside > .sideBarBottom > .bigMenu {
	width: 0;
}
aside > .sideBarBottom > .bigMenu * {
	white-space: nowrap;
}
body.smallmenu aside > .sideBarBottom > .smallMenu {
	width: 100%;
}
body.smallmenu main,
body.smallmenu footer {
	padding-left: 90px;
}
body.smallmenu main > section > .container,
body.focusarea main > section > .container,
body.smallmenu footer > .container {
	width: 100%;
}
/* MAIN */
main {
	position: relative;
	min-height: -webkit-calc(100% - 61px);
	min-height: calc(100% - 61px);
	padding: 25px 0 20px 300px;
}
body#login > main {
	padding: 0;
}
main > section + section {
	margin-top: 30px;
}
main .workingArea {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
main .workingArea > .main {
	position: relative;
	flex: 0 0 auto;
	width: 70%;
	padding-right: 30px;
	margin-top: -25px;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
body.focusarea main .workingArea > .main {
	width: 100%;
}
main .workingArea > .main > .switchFocusMode {
	position: sticky;
	top: 25px;
	left: 100%;
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #D8DCEE;
	border-top: none;
	border-left: none;
	border-radius: 10px 0 10px 0;
	transform: translateX(55px);
	background: #FFFFFF;
	cursor: pointer;
	z-index: 1;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
body.focusarea main .workingArea > .main > .switchFocusMode {
	transform: translateX(61px);
	border-top: 1px solid #D8DCEE;
	border-left: 1px solid #D8DCEE;
	border-radius: 10px 0 0 10px;
}
main .workingArea > .main > .switchFocusMode > div {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
	background: url("../img/dropdown_gray.svg") center center no-repeat;
	background-size: 12px auto;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
body.focusarea main .workingArea > .main > .switchFocusMode > div {
	transform: rotate(90deg);
}
main .workingArea > .helpDesk {
	position: -webkit-sticky;
	position: sticky;
	top: 25px;
	width: 30%;
	flex: 0 0 auto;
	transform: rotate3d(0, 1, 0, 0deg);
	transform-origin: right;
	overflow: hidden;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
body.focusarea main .workingArea > .helpDesk {
	width: 1px;
	transform: rotate3d(0, 1, 0, 90deg);
}
body.focusarea main .workingArea > .helpDesk > * {
	width: 525px;
}
/* FAQ */
.faqAccordion > .faqAccordionElm {
	padding: 5px;
	border-bottom: 1px solid #D8DCEE;
}
.faqAccordion > .faqAccordionElm > .title {
	position: relative;
	padding: 5px 0;
	font-size: 16px;
	cursor: pointer;
}
.faqAccordion > .faqAccordionElm > .title:after {
	content: "";
	position: absolute;
	top: 0;
	right: 5px;
	display: block;
	width: 15px;
	height: 35px;
	transform: rotate(0deg);
	background: url("../img/dropdown_gray.svg") right center no-repeat;
	background-size: contain;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.faqAccordion > .faqAccordionElm.active > .title:after {
	transform: rotate(180deg);
}
.faqAccordion > .faqAccordionElm > .content {
	display: none;
	padding: 10px 5px;
}
/* Login */
body#login {
	display: table;
	width: 100%;
	height: 100%;
	padding-top: 0;
}
body#login > main {
	display: table-cell;
	vertical-align: middle;
}
.loginElements {
	width: 100%;
	padding-top: 25px;
}
.loginElements .loginHead,
.loginElements .loginForm {
	width: 70%;
	margin: 0 auto 25px;
}
.loginElements .loginLogo {
	max-width: 250px;
	margin: 0 auto 40px;
}
.loginElements .loginLogo.medium {
	max-width: 180px;
}
.loginElements .loginLogo.small {
	max-width: 160px;
}
.loginElements .loginLogo.verysmall {
	max-width: 140px;
}
.loginElements .loginForm .loginRow {
	margin-bottom: 40px;
}
.loginElements .loginForm .loginRow .button.sendForm + a {
	margin-top: 40px;
	font-size: 14px;
}
.loginElements .legal {
	display: table;
	margin: 0 auto;
	font-size: 14px;
}
.loginElements .legal:after {
	content: "";
	display: table;
	clear: both;
}
.loginElements .legal > div {
	position: relative;
	float: left;
	display: block;
	padding: 0 15px;
}
.loginElements .legal > div > a {
	color: #000000;
	font-weight: 300;
}
.loginElements .legal > div + span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #7c7c7c;
}
body#login .shadowBox > .row,
body#login .shadowBox > .row > .w6 {
	display: flex;
	width: 100%;
}
.loginElements .loginFoot {
	margin-top: 75px;
}
.loginQuote {
	position: relative;
	width: 100%;
	flex: 1;
	padding: 25px;
	margin: -25px 0 -25px -25px;
	background: url("../img/login-quote.jpg") center center no-repeat;
	background-size: cover;
}
.loginQuote > .content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	background: rgba(99, 105, 129, .8);
}
.loginQuote > .content > .author {
	margin-top: 10px;
}
.loginQuote > .content > .author:before,
.loginQuote > .content > .author:after {
	content: "–";
	padding: 0 5px;
}
.loginQuote > .content > .author > .name {
	display: inline-block;
	font-weight: 500;
}
.loginQuote > .content > .author > .name:after {
	content: ",";
	padding-right: 5px;
	font-weight: 300;
}
.loginQuote > .content > .author > .company {
	display: inline-block;
}
/* Register */
.registerHead > .registerLogo {
	width: 220px;
	margin: 0 auto 30px;
}
/*	MAIN - Dashboard */
body#dashboard main > section {
	padding: 0;
}
#menu-dashboard.menu {
	margin: -15px;
}
#menu-dashboard.menu > .menuItems:after {
	content: "";
	display: table;
	clear: both;
}
#menu-dashboard.menu > .menuItems > .menuItem {
	position: relative;
	float: left;
	width: 33.33333%;
	padding: 15px;
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem {
	display: block;
	padding: 30px 15px;
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .04);
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem:after {
	display: none;
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem > .icon {
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin: 0 auto 20px;
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem > .icon:before {
	content: "";
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem > .icon:after {
	display: block;
	height: 100%;
	width: 100%;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem:hover > .icon:after {
	opacity: 1;
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem > .label {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #636981;
	-o-transition: color .35s;
	-moz-transition: color .35s;
	-webkit-transition: color .35s;
	transition: color .35s;
	z-index: 1;
}
#menu-dashboard.menu > .menuItems > .menuItem > .innerItem:hover > .label {
	color: #A51C24;
}
/* MAIN - DOMAINS */
.nicerInput {
	padding: 8px 10px;
	border: 1px solid #C6CDD7;
	border-radius: 5px;
}
.nicerInput.labeled {
	display: flex;
}
.oneLine {
	display: flex;
	align-items: center;
}
.oneLine > .button {
	flex: 0 5 0;
	height: max-content;
	height: min-content;
	height: fit-content;
	display: table;
	width: 60px;
	margin-top: 0;
	margin-left: 15px;
}
.nicerInput > input,
.nicerInput > select {
	padding: 0;
	border: none;
} 
.domainField {
	display: flex;
}
.domainField:before {
	content: "www.";
	display: block;
	padding-right: 15px;
	font-size: 18px;
}
/* Data Type Config */
.dataTypeConfig {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.dataTypeConfig > .list {
	width: 190px;
	max-height: 650px;
	border: 1px solid #D8DCEE;
	margin-right: -1px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.dataTypeConfig > .list > .dataType {
	padding: 10px 15px;
	line-height: 25px;
	cursor: pointer;
	color: #636981;
	background: transparent;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.dataTypeConfig > .list > .dataType + .dataType {
	border-top: 1px solid #D8DCEE;
}
.dataTypeConfig > .list > .dataType.createNew {
	font-size: 20px;
	text-align: center;
}
.dataTypeConfig > .list > .dataType.active {
	background: #F5F6FA;
	cursor: auto;
}
.dataTypeConfig > .list > .dataType:hover {
	color: #FFFFFF;
	background: #A51C24;
}
.dataTypeConfig > .list > .dataType.active:hover {
	color: #636981;
	background: #F5F6FA;
}
.dataTypeConfig > .details {
	flex-grow: 1;
	height: 650px;
	padding: 20px;
	border: 1px solid #D8DCEE;
	overflow-x: hidden;
	overflow-y: scroll;
}
.dataTypeConfig > .details .formField {
	margin-bottom: 0;
}
.dataTypeConfig > .details .formField + * {
	margin-top: 0;
}
.dataTypeConfig > .details > .dataType {
	display: none;
}
.dataTypeConfig > .details > .dataType.active {
	display: block;
}
.dataTypeConfig > .details > .dataType > .row + .row {
	padding-top: 25px;
	border-top: 1px solid #D8DCEE;
	margin-top: 25px;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField {
	padding: 10px 0;
	margin: 0 -10px;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField:nth-child(2n) {
	background: #F5F6FA;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField:after {
	content: "";
	display: table;
	clear: both;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .name,
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .type,
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .default {
	float: left;
	width: 25%;
	padding: 0 10px;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .type > .switchCase.hasCase {
	position: relative;
	padding-top: 20px;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .type > .switchCase .hint {
	font-size: 12px;
	text-align: center;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .type > .switchCase.hasCase:before {
	content: "";
	position: absolute;
	top: 5px;
	display: block;
	width: 100%;
	height: 10px;
	background: url("../img/dropdown_gray.svg") center center no-repeat;
	background-size: contain;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .default .formField > .checkboxList {
	margin-top: 8.5px;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .default .vcenter {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .options {
	float: left;
	width: 25%;
	padding: 0 10px;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .dataTypeField > .options > .formField > .checkboxList {
	margin-top: 8.5px;
}
.dataTypeConfig > .details > .dataType .dataTypeFields > .button {
	margin-top: 25px;
}
/* Switch Case */
.switchCase > .case {
	display: none;
}
.switchCase > .case.active {
	display: block;
}
/* ADMIN */
.dataTableContainer {
	padding: 15px 0 30px;
}
.dataTableContainer select {
	display: inline;
	width: auto;
	background-color: transparent;
}
.pageNavigation {
	display: table;
	margin-left: auto;
}
.pageNavigation:after {
	content: "";
	display: table;
	clear: both;
}
.pageNavigation > .navTitle {
	float: left;
	padding-right: 5px;
	line-height: 24px;
}
.pageNavigation > .navigation {
	float: left;
}
.pageNavigation > .navigation > div {
	float: left;
}
.pageNavigation > .navigation > .prev,
.pageNavigation > .navigation > .next {
	padding: 2px 5px;
}
.pageNavigation > .navigation > .pages > .page {
	float: left;
	padding: 2px 6px;
	margin: 0 2px;
	border: 1px solid #fefefe;
}
.pageNavigation > .navigation > .pages > .page.active {
	color: #fefefe;
	background: #A51C24;
}
.pageNavigation > .navigation > .pages > .page.active > a {
	color: #f4f4f4;
}
.dataTableContainer table {
	width: 100%;
	border-collapse: collapse;
}
.dataTableContainer table th,
.dataTableContainer table td {
	max-width: 200px;
	vertical-align: top;
}
.dataTableContainer table > thead th {
	text-align: left;
	padding: 8px 10px;
	font-weight: 600;
	color: #636981;
	background: #F5F6FA;
}
.dataTableContainer table > thead th:first-child {
	border-radius: 5px 0 0 5px;
}
.dataTableContainer table > thead th:last-child {
	border-radius: 0 5px 5px 0;
}
.dataTableContainer table > tbody td {
	position: relative;
	padding: 15px 10px;
	border-bottom: 1px solid #D8DCEE;
}
.dataTableContainer table > tbody td:after {
	content: "";
	position: absolute;
	display: block;
	top: 5%;
	right: 0;
	width: 1px;
	height: 90%;
	z-index: 1;
}
.dataTableContainer table .actions:after {
	content: "";
	display: table;
	clear: both;
}
.dataTableContainer table .actions > div {
	float: left;
	width: 15px;
	height: 15px;
	background: red;
	margin-right: 5px;
}
/* Customer List */
.customerList > .userSearch > .search {
	display: flex;
}
.customerList > .userSearch > .search > .formField {
	width: 100%;
}
.customerList > .userSearch > .search > .filterColumns {
	position: relative;
}
.customerList > .userSearch > .search > .filterColumns > .icon {
	width: 39px;
	height: 39px;
	border: 1px solid #A3A9C3;
	border-radius: 5px;
	margin-left: 15px;
	cursor: pointer;
}
.customerList > .userSearch > .search > .filterColumns > .icon:before,
.customerList > .userSearch > .search > .filterColumns > .icon:after {
	position: absolute;
	top: 7px;
	left: 7px;
	display: block;
	width: 25px;
	height: 25px;
	-o-transition: opacity .35s;
	-moz-transition: opacity .35s;
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
.customerList > .userSearch > .search > .filterColumns > .filterList {
	position: absolute;
	top: 39px;
	right: 0;
	display: none;
	max-height: webkit-calc(100vh - 257px);
	max-height: calc(100vh - 257px);
	padding: 25px;
	margin-top: 7px;
	border: 1px solid #D8DCEE;
	border-radius: 5px;
	color: #636981;
	background: #FFFFFF;
	overflow: auto;
	z-index: 1;
}
.customerList > .userSearch > .search > .filterColumns > .filterList:before {
	content: "";
	position: absolute;
	top: -7px;
	right: 12.5px;
	display: block;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #D8DCEE;
}
.customerList > .userSearch > .search > .filterColumns > .filterList > .form {
	margin-top: 0;
}
.customerList > .userSearch > .search > .filterColumns > .filterList > .form > .formField {
	margin-bottom: 15px;
}
.customerList > .userSearch > .search > .filterColumns > .filterList > .form > .formField + * {
	margin-top: 0;
}
.customerList > .userSearch > .search > .filterColumns > .filterList > .form > .formField:last-child {
	margin-bottom: 0;
}
.customerList > .userSearch > .search > .filterColumns > .filterList .checkboxHolder > label {
	white-space: nowrap;
}
.customerList > .userSearch > .list {
	max-height: webkit-calc(100vh - 297px);
	max-height: calc(100vh - 297px);
	margin-top: 25px;
	overflow-x: hidden;
	overflow-y: auto;
}
.customerList > .userSearch > .list > .user {
	position: relative;
	display: block;
	min-height: 45px;
	padding: 10px 15px 10px 50px;
	border-bottom: 1px solid #D8DCEE;
	line-height: 1;
	color: #636981;
	background: transparent;
	cursor: pointer;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.customerList > .userSearch > .list.activeSearch > .user {
	display: none;
}
.customerList > .userSearch > .list.activeSearch > .user.result {
	display: block;
}
.customerList > .userSearch > .list > .user:hover {
	color: #FFFFFF;
	background: #3C8EF4;
}
.customerList > .userSearch > .list > .user:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 25px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/icons/small-manage-customers.svg");
	filter: brightness(1) invert(0);
}
.customerList > .userSearch > .list > .user:hover:before {
	filter: brightness(0) invert(1);
}
.customerList > .userSearch > .list > .user:after {
	content: "";
	display: table;
	clear: both;
}
.customerList > .userSearch > .list > .user .hoverDetails > .label {
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
.customerList > .userSearch > .list > .user:hover .hoverDetails > .label {
	color: #FFFFFF;
}
.customerList > .userSearch > .list > .user > .name,
.customerList > .userSearch > .list > .user > .domains {
	float: left;
	margin-top: -5px;
}
.customerList > .userSearch > .list > .user > .name {
	width: 50%;
}
.customerList > .userSearch > .list > .user > .domains {
	width: 50%;
}
.customerList > .userSearch > .list > .user > .name > div,
.customerList > .userSearch > .list > .user > .domains > div {
	padding-top: 5px;
}
.customerList > .userSearch > .list > .loading {
	margin: 10px;
}
.customerList > .userSearch > .list > .loading > .loadingAnim {
	width: 30px;
	height: 30px;
	margin: 0 auto 10px;
}
.customerList > .userSearch > .list > .loading > .hint {
	text-align: center;
	color: #3C8EF4;
}
/* CustomerView */
.personalView {
	position: relative;
	height: 80px;
	margin-bottom: 30px;
}
.personalView > .profilePicture {
	position: absolute;
	width: 80px;
	height: 100%;
	border: 2px solid #D8DCEE;
	border-radius: 50%;
	background: url("../img/user.svg") center bottom no-repeat;
	background-size: 75% auto;
}
.personalView > .data {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: table;
	padding-left: 100px;
	margin: auto 0;
}
.personalView > .data > .semiHeadline {
	margin-bottom: 5px;
}
table.viewTable {
	margin-bottom: 30px;
}
table.viewTable > tbody > tr > th {
	width: 40%;
	font-weight: 300;
	text-align: left;
	vertical-align: top;
}
table.viewTable > tbody > tr > td {
	width: 60%;
}
/* ViewSwitch */
.viewSwitch > .viewNav:after {
	content: "";
	display: table;
	clear: both;
}
.viewSwitch > .viewNav {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #a7a7a7;
}
.viewSwitch > .viewNav > div {
	float: left;
	color: #A51C24;
}
.viewSwitch > .viewNav > div:after {
	content: "|";
	padding: 15px;
}
.viewSwitch > .viewNav > div:last-child:after {
	display: none;
}
.viewSwitch > .viewNav > div > span {
	color: #A51C24;
	cursor: pointer;
	font-weight: 300;
}
.viewSwitch > .viewNav > div.active > span {
	font-weight: 600;
}
/* Websites */
.website .title {
	padding-bottom: 15px;
	border-bottom: 1px solid #D8DCEE;
	line-height: 1;
}
.website .title:after {
	content: "";
	display: table;
	clear: both;
}
.website .title > .domain {
	float: left;
	font-size: 24px;
	color: #3C8EF4;
}
.website .title > .packet {
	float: right;
	font-size: 14px;
	line-height: 24px;
	color: #A3A9C3;
}
.website .preview {
	position: relative;
	display: block;
	width: 100%;
	background-color: #FFFFFF;
	z-index: 1;
}
.website .preview:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 50.625%;
	border: 1px solid transparent;
}
.website .preview > .img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #D8DCEE;
	border-radius: 5px;
	background-size: cover;
	background-position: top center;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
	z-index: 2;
}
.website .preview > .placeholder {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.website .preview > .placeholder > .text {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
}
.website .button {
	display: block;
	width: 100%;
}
.website .advancedSettings {
	display: none;
	padding-top: 20px;
}
.website .settings .checkboxHolder {
	margin: 5px 0;
}
.website .settings .websiteBackup {
	display: flex;
}
.website .settings .websiteBackup > select {
	font-size: 14px;
	padding: 3px 5px;
}
.website .settings .websiteBackup > select > option {
	font-family: monospace;
}
.website .settings .websiteBackup > .button {
	width: auto;
	margin-left: 15px;
}
.website .showExpertMode {
	display: table;
}
.website .showExpertMode:after {
	content: "";
	display: table;
	clear: both;
}
.website .showExpertMode > .semiHeadline {
	float: left;
	margin-bottom: 0;
}
.website .showExpertMode > .switch {
	float: left;
	margin-left: 20px;
	color: #A3A9C3;
}
.website .showExpertMode > .switch > .item {
	display: none;
	padding-left: 20px;
	font-size: 14px;
	line-height: 27px;
	background-size: auto 15px;
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
.website .showExpertMode > .switch > .item.active {
	display: block;
}
.website .showExpertMode > .switch > .item.hide {
	background-image: url("../img/hide_gray.svg");
}
.website .showExpertMode > .switch > .item.show {
	background-image: url("../img/show_gray.svg");
}
.website .expertMode {
	display: none;
}
.website .expertMode .dnsHeaderRow,
.website .expertMode .ftpHeaderRow,
.website .expertMode .dbHeaderRow {
	font-weight: 600;
}
.website .expertMode .dnsRow .formField,
.website .expertMode .ftpRow .formField,
.website .expertMode .dbRow .formField,
.website .expertMode .subDomainRow .formField {
	margin-bottom: 0;
}
.website .expertMode .dnsRow .formField input[disabled],
.website .expertMode .dnsRow .formField select[disabled],
.website .expertMode .dnsRow .formField .nicerInput.disabled,
.website .expertMode .ftpRow .formField input[disabled],
.website .expertMode .ftpRow .formField select[disabled],
.website .expertMode .ftpRow .formField .nicerInput.disabled
.website .expertMode .subDomainRow .formField input[disabled],
.website .expertMode .subDomainRow .formField select[disabled],
.website .expertMode .subDomainRow .formField .nicerInput.disabled
.website .expertMode .dbRow .formField input[disabled],
.website .expertMode .dbRow .formField select[disabled],
.website .expertMode .dbRow .formField .nicerInput.disabled {
	color: #a5a5a5;
	border-bottom-color: #a5a5a5;
}
.website .expertMode .dnsRow .formField select[disabled],
.website .expertMode .ftpRow .formField select[disabled],
.website .expertMode .dbRow .formField select[disabled] {
	background-image: none;
}
.website .expertMode .subDomainRow .checkboxHolder {
	margin: 9px 0;
}
/* CONTENT SWITCH */
.contentSwitchMenu {
	border-bottom: 1px solid #D8DCEE;
}
.contentSwitchItems > .item .contentSwitchMenu {
	border-bottom: none;
}
.contentSwitchMenu:after {
	content: "";
	display: table;
	clear: both;
}
.contentSwitchMenu > .item {
	position: relative;
	float: left;
	padding: 10px 15px;
	cursor: pointer;
}
.contentSwitchItems > .item .contentSwitchMenu > .item {
	border: 1px solid #D8DCEE;
	border-bottom: none;
}
.contentSwitchItems > .item .contentSwitchMenu > .item:first-child {
	border-radius: 10px 0 0 0;
}
.contentSwitchItems > .item .contentSwitchMenu > .item:last-child {
	border-radius: 0 10px 0 0;
}
.contentSwitchMenu > .item.disabled {
	color: #888888;
	cursor: auto;
}
.contentSwitchMenu > .item.current {
	color: #A51C24;
	cursor: auto;
}
.contentSwitchItems > .item .contentSwitchMenu > .item.current {
	border-color: #A51C24;
}
.contentSwitchMenu > .item.current:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #A51C24;
}
.contentSwitchItems > .item .contentSwitchMenu > .item.current:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #FFFFFF;
}
.contentSwitchItems {
	margin: 25px 0;
}
.shadowBox .contentSwitchItems {
	padding: 0 15px;
}
.contentSwitchItems > .item .contentSwitchItems {
	margin-top: 0;
	padding: 0;
}
.contentSwitchItems > .item {
	display: none;
}
.contentSwitchItems > .item .contentSwitchItems > .item {
	padding: 25px;
	border: 1px solid #D8DCEE;
	border-radius: 0 10px 10px 10px;
}
.contentSwitchItems > .item.current {
	display: block;
}
.contentSwitchItems.space > .item {
	padding: 25px;
}
.contentSwitchItems .semiHeadline.h1 {
	font-size: 24px;
}
.contentSwitchItems > .item > *:first-child {
	margin-top: 0;
}
.contentSwitchItems > .item > *:last-child {
	margin-bottom: 0;
}
/* ExpertBox */
.expertBox > img {
	display: table;
	height: 100px;
	width: auto;
	margin: 0 auto 10px;
}
.expertBox > .text {
	font-size: 16px;
	text-align: center;
}
.expertBox > .text > .name {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
}
/* FOOTER */
footer {
	padding: 20px 0 20px 300px;
}
body#login > footer {
	padding: 0;
}
footer .footerText:after {
	content: "";
	display: table;
	clear: both;
}
footer .footerText div {
	display: block;
	float: left;
}
footer .footerText div:after {
	content: "|";
	display: block;
	float: right;
	margin: 0 7px;
	color: #636981;
}
footer .footerText div:last-child:after {
	display: none;
}
footer .footerText .shadowBox {
	display: table;
}
footer .footerText .shadowBox:after {
	content: "";
	float: none;
	display: table;
	clear: both;
}
/* HELPAREA */
.helpArea {
	display: none;
	position: fixed;
	right: 0;
	top: 25%;
	max-width: 100%;
	color: #000;
	z-index: 5;
}
.helpArea .checkboxList > .option > .checkboxLabel,
.helpArea input,
.helpArea textarea,
.helpArea select {
	color: #000;
}
.helpArea .checkboxList > .option > .checkboxLabel:before {
	border-color: #000;
}
.helpArea .formField > label {
	font-stretch: condensed;
}
.helpArea:after {
	content: "";
	display: table;
	clear: both;
}
.helpArea > .areaIcons {
	float: left;
	width: 50px;
	height: 100%;
	box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
}
.helpArea > .areaIcons > .areaIcon {
	position: relative;
	width: 100%;
	background-size: 50% auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(68, 68, 68, .8);
	cursor: pointer;
}
.helpArea > .areaIcons > .areaIcon.active {
	background-color: rgba(136, 136, 136, .8);
}
.helpArea > .areaIcons > .areaIcon:hover {
	background-color: rgba(68, 68, 68, 1);
}
.helpArea > .areaIcons > .areaIcon + .areaIcon {
	border-top: 1px solid #ddd;
}
.helpArea > .areaIcons > .areaIcon.faq {
	background-image: url("../img/icons/faq.svg");
}
.helpArea > .areaIcons > .areaIcon.report {
	background-image: url("../img/icons/report.svg");
}
.helpArea > .areaIcons > .areaIcon.preview {
	background-image: url("../img/icons/preview.svg");
}
.helpArea > .areaIcons > .areaIcon:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 100%;
}
.helpArea > .areas {
	float: left;
	width: 0;
	max-width: -webkit-calc(100% - 50px);
	max-width: calc(100% - 50px);
	min-height: 350px;
	overflow: hidden;
	background: #fefefe;
	box-shadow: inset 0 0 15px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.05);
	-o-transition: width .45s;
	-moz-transition: width .45s;
	-webkit-transition: width .45s;
	transition: width .45s;
}
.helpArea > .areas.visible {
	width: 450px;
}
.helpArea > .areas > .area {
	display: none;
	padding: 10px 15px;
}
.helpArea > .areas > .area.active {
	display: block;
}
/* FAQ */
.accordionList.shadowBox {
	padding: 15px 5px;
}
.accordionList > .accordion {
	padding: 10px 0;
	border-bottom: 1px solid #D8DCEE;
}
.accordionList > .accordion:last-child {
	border-bottom: none;
}
.accordionList > .accordion > .title {
	position: relative;
	cursor: pointer;
	padding: 0 20px;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 400;
	color: #A51C24;
	font-stretch: condensed;
}
.accordionList > .accordion > .title:after {
	content: "";
	position: absolute;
	top: 0;
	right: 20px;
	display: block;
	width: 20px;
	height: 100%;
	background: url("../img/dropdown_gray.svg") center center no-repeat;
	background-size: contain;
	transform: rotate(0deg);
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.accordionList > .accordion.active > .title:after {
	transform: rotate(180deg);
}
.accordionList > .accordion > .content {
	display: none;
	padding: 20px;
}
/* FileUpload */
.fileUploadField {
	position: relative;
	display: table;
	max-width: 100%;
	padding: 35px;
	border-radius: 5px;
	border: 1px dashed #989EB5;/*darkmode:ignore*/
	cursor: pointer;
}
.fileUploadField.dragOver {
	border-color: #A51C24;
}
.fileUploadField.large {
	width: 800px;
	padding: 70px 35px;
}
.fileUploadField.big {
	width: 800px;
	padding: 120px 35px;
}
.fileUploadField > .icon {
	width: 35px;
	height: 35px;
	margin: 0 auto 20px;
}
.fileUploadField > .icon:before {
	display: block;
	width: 100%;
	height: 100%;
}
.fileUploadField > .content {
	text-align: center;
}
.fileUploadField.set > .icon,
.fileUploadField.set > .content {
	visibility: hidden;
}
.fileUploadField + input[type="file"] {
	display: none;
}
.fileUploadField > .preview {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 90%;
	height: 90%;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.fileUploadField.set > .preview {
	display: block;
}
.fileUploadField > .preview.favicon {
	background-size: 32px 32px;
}
.fileUploadField > .preview.square {
	background-size: 40px 40px;
}
/* ColorPicker */
.colorPicker > input {
	display: none;
}
.colorPicker > .field {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	cursor: pointer;
}
.lbColorpicker {
	width: 300px;
	position: absolute;
	border-radius: 5px;
	margin-left: 15px;
	background: #FFFFFF;
	box-shadow: 0 0 20px rgba(35, 23, 5, .5);
}
body.darkmode .lbColorpicker {
	border: 1px solid #D8DCEE;/*darkmode:ignore*/
}
.lbColorpicker > .arrow {
	position: absolute;
	right: 100%;
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #FFFFFF;
	margin-right: 1px;
}
body.darkmode .lbColorpicker > .arrow {
	border-right-color: #D8DCEE;/*darkmode:ignore*/
}
.lbColorpicker > .fields {
	padding: 0 15px 15px;
	margin: 0 -5px;
}
.lbColorpicker > .fields:after {
	content: "";
	display: table;
	clear: both;
}
.lbColorpicker > .fields > .hex {
	float: left;
	width: 34%;
	padding: 0 5px;
}
.lbColorpicker > .fields > .rgb {
	float: left;
	width: 66%;
}
.lbColorpicker > .fields > .rgb:after {
	content: "";
	display: table;
	clear: both;
}
.lbColorpicker > .fields > .rgb > * {
	float: left;
	width: 33.333%;
	padding: 0 5px;
}
.lbColorpicker > .fields input {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #E5E8E8;
	border-radius: 5px;
}
/* New Table */
.newTable {
	border: 1px solid #D8DCEE;
	border-left: 0;
}
.newTable tr > th {
	padding: 20px;
	background: #F5F6FA;
}
.newTable > tbody > tr > th {
	border-top: 3px double #D8DCEE;
}
.newTable tr > th:first-child {
	text-align: left;
}
.newTable tr > th:last-child {
	border-right: none;
}
.newTable tr > th .name {
	white-space: nowrap;
}
.newTable > tbody > tr > td {
	padding: 20px;
	border-top: 1px solid #D8DCEE;
	background: #FFFFFF;
	-o-transition: background-color .35s;
	-moz-transition: background-color .35s;
	-webkit-transition: background-color .35s;
	transition: background-color .35s;
}
.newTable > tbody > tr > td:last-child {
	border-right: none;
}
.newTable > tbody > tr:first-child > td,
.newTable > tbody > tr.head + tr > td {
	border-top: 3px double #D8DCEE;
}
.newTable > tbody > tr > td:first-child {
	background: #FFFFFF;
}
.newTable > tbody > tr:hover > td {
	background: #F5F6FA;
}
.newTable > tbody > tr.loading:hover > td {
	background: #FFFFFF;
}
/* Permission Table */
.permissionHolder {
	width: 100%;
	max-height: 560px;
	overflow-y: auto;
}
.permissionHolder > .permissionTable > tbody > tr.template {
	display: none;
}
.permissionHolder > .permissionTable > tbody > tr.addRow > td {
	background: #FFFFFF;
}
.permissionHolder > .permissionTable tr > th:first-child,
.permissionHolder > .permissionTable > tbody > tr > td:first-child {
	position: sticky;
	left: 0;
	border-right: 3px double #D8DCEE;
	border-left: 1px solid #D8DCEE;
	z-index: 1;
}
.permissionHolder > .permissionTable > tbody > tr.default > td {
	opacity: .6;
}
.permissionHolder > .permissionTable > tbody > tr.default > td > .val {
	cursor: auto;
}
.permissionHolder > .permissionTable > tbody > tr.addRow > td {
	border-right: none;
}
.permissionHolder > .permissionTable > tbody > tr > td > .val {
	position: relative;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.permissionHolder > .permissionTable > tbody > tr > td > .val[data-state="-1"] {
	background-image: url("../img/ignore.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .val[data-state="0"] {
	background-image: url("../img/deny.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .val[data-state="1"] {
	background-image: url("../img/allow.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .val {
	position: relative;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.permissionHolder > .permissionTable > tbody > tr > td > .val[data-state="-1"] {
	background-image: url("../img/ignore.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .val[data-state="0"] {
	background-image: url("../img/deny.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .val[data-state="1"] {
	background-image: url("../img/allow.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .val > .default {
	position: absolute;
	top: -4px;
	right: -4px;
	display: none;
	width: 12px;
	height: 12px;
	opacity: .6;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	cursor: default;
}
.permissionHolder > .permissionTable > tbody > tr > td > .val[data-state="-1"] > .default {
	display: block;
}
.permissionHolder > .permissionTable > tbody > tr > td > .val > .default[data-state="0"] {
	background-image: url("../img/deny.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .val > .default[data-state="1"] {
	background-image: url("../img/allow.svg");
}
.permissionHolder > .permissionTable > tbody > tr > td > .addUser {
	position: relative;
	display: table;
	cursor: pointer;
	line-height: 20px;
	padding-left: 30px;
}
.permissionHolder > .permissionTable > tbody > tr > td > .addUser:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/add.svg") left center no-repeat;
	background-size: contain;
}
/* User Search */
#lightbox .userSearch > .list {
	max-height: 500px;
	margin-top: 25px;
	overflow-x: hidden;
	overflow-y: auto;
}
#lightbox .userSearch > .list > .user {
	position: relative;
	min-height: 45px;
	padding: 10px 15px 10px 50px;
	border-bottom: 1px solid #D8DCEE;
	background: transparent;
	cursor: pointer;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
}
#lightbox .userSearch > .list > .user.added {
	cursor: default;
}
#lightbox .userSearch > .list.activeSearch > .user {
	display: none;
}
#lightbox .userSearch > .list.activeSearch > .user.result {
	display: block;
}
#lightbox .userSearch > .list > .user:hover {
	color: #FFFFFF;
	background: #3C8EF4;
}
#lightbox .userSearch > .list > .user:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 25px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/icons/small-manage-customers.svg");
	filter: brightness(1) invert(0);
}
#lightbox .userSearch > .list > .user:hover:before {
	filter: brightness(0) invert(1);
}
#lightbox .userSearch > .list > .user > div {
	line-height: 1;
}
#lightbox .userSearch > .list > .user > div + div {
	padding-top: 5px;
}

#lightbox .userSearch > .list > .user.added > div {
	opacity: .6;
}
#lightbox .userSearch > .list > .user > .already {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	max-width: 100%;
	padding: 10px 15px 10px 50px;
	color: #3C8EF4;
}
#lightbox .userSearch > .list > .user.added > .already {
	display: block;
	opacity: 1;
}
#lightbox .userSearch > .list > .user.added:hover {
	color: inherit;
	background: transparent;
}
#lightbox .userSearch > .list > .user.added:hover:before {
	filter: brightness(1) invert(0);
}
#lightbox .userSearch > .list > .loading {
	margin: 10px;
}
#lightbox .userSearch > .list > .loading > .loadingAnim {
	width: 30px;
	height: 30px;
	margin: 0 auto 10px;
}
#lightbox .userSearch > .list > .loading > .hint {
	text-align: center;
	color: #3C8EF4;
}
/* Customer List */
.customerList > .userSearch > .list {
	overflow: scroll;
}
.customerList > .userSearch > .list > .accountsTable {
	border-top: 0;
}
.customerList > .userSearch > .list > .accountsTable > tbody > tr {
	cursor: pointer;
}
.customerList > .userSearch > .list.activeSearch > .accountsTable > tbody > tr {
	display: none;
}
.customerList > .userSearch > .list.activeSearch > .accountsTable > tbody > tr.result {
	display: table-row;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th {
	position: sticky;
	top: 0;
	border-top: 1px solid #D8DCEE;
	text-align: left;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th > .dragBox {
	display: flex;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th > .dragBox > .drag {
	width: 8px;
	height: 21px;
	margin-right: 5px;
	background: url("../img/drag.svg") center left no-repeat;
	background-size: contain;
	opacity: .4;
	-o-transition: all .35s;
	-moz-transition: all .35s;
	-webkit-transition: all .35s;
	transition: all .35s;
	cursor: move;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th > .dragBox > .drag:hover {
	opacity: 1;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th,
.customerList > .userSearch > .list > .accountsTable > tbody > tr > td {
	display: none;
	border-right: 3px double transparent;
	vertical-align: top;
	white-space: nowrap;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th.dropAfter,
.customerList > .userSearch > .list > .accountsTable > tbody > tr > td.dropAfter {
	border-right-color: #D8DCEE;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th.dragged,
.customerList > .userSearch > .list > .accountsTable > tbody > tr > td.dragged {
	color: transparent;
	background-color: transparent!important;
	border-top: none;
	border-bottom: none;
	border-left: 1px dashed #D8DCEE;
	border-right: 1px dashed #D8DCEE;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th.dragged > .dragBox > .drag {
	opacity: 0;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th.show,
.customerList > .userSearch > .list > .accountsTable > tbody > tr > td.show {
	display: table-cell;
}
.customerList > .userSearch > .list > .accountsTable tr.disabled > td {
	color: #a8acbc;/*darkmode:ignore*/
}
.customerList > .userSearch > .list > .accountsTable > tbody > tr:first-child > td,
.customerList > .userSearch > .list > .accountsTable > tbody > tr.head + tr > td {
	border-top: none;
}
.customerList > .userSearch > .list > .accountsTable > thead > tr > th,
.customerList > .userSearch > .list > .accountsTable > tbody > tr.head > td {
	border-bottom: 3px double #D8DCEE;
}
.customerList > .userSearch > .list > .accountsTable > tbody > tr.loading {
	display: table-row;
	cursor: auto;
}
.customerList > .userSearch > .list > .accountsTable > tbody > tr.loading > td {
	display: table-cell;
}
.customerList > .userSearch > .list > .accountsTable > tbody > tr.loading > td > .loadingContainer {
	position: sticky;
	left: 50%;
	display: table;
	transform: translate(-50%, 0);
}
.customerList > .userSearch > .list > .accountsTable > tbody > tr.loading > td > .loadingContainer > .loadingAnim {
	width: 50px;
	height: 50px;
	margin: 0 auto 15px;
}
.customerList > .userSearch > .list > .accountsTable > tbody > tr.loading > td > .loadingContainer > .hint {
	text-align: center;
}
/* TICKETS */
.form.closeTicketForm,
.form.closeTicketForm .button {
	margin-top: 0;
}
.ticketBox {
	border-radius: 5px;
	border: 1px solid #D8DCEE;
	overflow: hidden;
}
.ticketBox > .ticketHistory {
	height: 400px;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.ticketBox > .ticketHistory > .message {
	position: relative;
	max-width: 65%;
	margin-bottom: 15px;
}
.ticketBox > .ticketHistory > .message.sent {
	margin-left: auto;
}
.ticketBox > .ticketHistory > .message.info {
	margin: 0 auto;
}
.ticketBox > .ticketHistory > .message:after {
	content: "";
	display: table;
	clear: both;
}
.ticketBox > .ticketHistory > .message > .profilePic {
	float: left;
	width: 40px;
	height: 40px;
	border: 1px solid #D8DCEE;
	border-radius: 50%;
	margin-top: 18px;
	background-image: url("../img/user.svg");
	background-size: auto 85%;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.ticketBox > .ticketHistory > .message > .profilePic.tech {
	background-image: url("../img/wrench.svg");
	background-position: center center;
	background-size: 85% auto;
}
.ticketBox > .ticketHistory > .message > .profilePic.set {
	background-size: cover;
}
.ticketBox > .ticketHistory > .message > .inner {
	float: left;
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	padding-left: 20px;
}
.ticketBox > .ticketHistory > .message.sent > .inner {
	width: 100%;
	padding-left: 0;
}
.ticketBox > .ticketHistory > .message.info > .inner {
	padding-left: 0;
}
.ticketBox > .ticketHistory > .message > .inner > .time {
	display: table;
	font-size: 12px;
	font-style: italic;
	opacity: .4;
}
.ticketBox > .ticketHistory > .message.sent > .inner > .time {
	margin-left: auto;
}
.ticketBox > .ticketHistory > .message.info > .inner > .time {
	margin: 0 auto;
}
.ticketBox > .ticketHistory > .message > .inner > .bubble {
	display: table;
	padding: 10px 20px;
	border-radius: 5px;
	border: 1px solid #D8DCEE;
}
.ticketBox > .ticketHistory > .message.sent > .inner > .bubble {
	margin-left: auto;
}
.ticketBox > .ticketHistory > .message.info > .inner > .bubble {
	margin: 0 auto;
	padding: 0px 16px 10px;
	border: none;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}
.ticketBox > .form {
	padding: 20px;
	border-top: 1px solid #D8DCEE;
	margin-top: 0;
}
.ticketBox > .form .formField {
	margin: 0;
}
.ticketBox > .form .button.small {
	height: 50%;
}
.ticketBox > .form .button.small + .button {
	height: 50%;
	margin-left: 0;
}
/*.ticketHistory > .messageBubble {
	position: relative;
	width: 80%;
	padding: 15px;
	border-radius: 0 10px 10px;
	border: 1px solid #444;
}
.ticketHistory > .messageBubble + .messageBubble {
	margin-top: 10px;
}
.ticketHistory > .messageBubble.ownMessage {
	margin-left: auto;
	border-radius: 10px 0 10px 10px;
}
.ticketHistory > .messageBubble.noticeMessage {
	margin-right: auto;
	margin-left: auto;
	border-radius: 10px;
	color: #fff;
	background: #A51C24;
}
.ticketHistory > .messageBubble:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -15px;
	border-top: 10px solid #444444;
	border-left: 15px solid transparent;
}
.ticketHistory > .messageBubble.ownMessage:before {
	right: -15px;
	left: inherit;
	border-top: 10px solid #444444;
	border-right: 15px solid transparent;
	border-left: none;
}
.ticketHistory > .messageBubble.noticeMessage:before {
	display: none;
}
.ticketHistory > .messageBubble > .files {
	padding-top: 15px;
	border-top: 1px solid #A51C24;
	margin-top: 15px;
}
.ticketHistory > .messageBubble > .files > .fileList {
	margin: 0 -10px;
}
.ticketHistory > .messageBubble > .files > .fileList:after {
	content: "";
	display: table;
	clear: both;
}
.ticketHistory > .messageBubble > .files > .fileList > .file {
	display: block;
	float: left;
	padding: 0 10px;
	width: 16.66667%;
	text-align: center;
}
.ticketHistory > .messageBubble > .files > .fileList > .file:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 100%;
	border: 1px solid #000;
	background: url("../img/icons/file.svg") center center no-repeat;
	background-size: 60% auto;
	background-color: transparent;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ticketHistory > .messageBubble > .files > .fileList > .file:hover:before {
	background-color: #fff;
}
.ticketHistory > .messageBubble > .files > .fileList > .file:after {
	display: none;
}
.ticketHistory > .messageBubble > .files > .fileList > .file > .name {
	padding-top: 5px;
	font-size: 14px;
}
.ticketHistory > .messageBubble > .postTime {
	margin-top: 5px;
	font-size: 14px;
	text-align: right;
	color: #9a9a9a;
}*/
/* ICONS */
.icon {
	position: relative;
}
.icon:before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.icon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
}
.icon:hover:after,
a:hover > .icon:after {
	opacity: 1;
}
/*.icon.icon-billing:before {
	background-image: url("../img/icons/billing.svg");
}
.icon.icon-support:before {
	background-image: url("../img/icons/support.svg");
}
.icon.icon-manage-customers:before {
	background-image: url("../img/icons/manage-customers.svg");
}
.icon.icon-cloud:before {
	background-image: url("../img/icons/cloud.svg");
}
.icon.icon-domains:before {
	background-image: url("../img/icons/domains.svg");
}
.icon.icon-friends:before {
	background-image: url("../img/icons/friends.svg");
}
.icon.icon-email:before {
	background-image: url("../img/icons/email.svg");
}
.icon.icon-reseller:before {
	background-image: url("../img/icons/reseller.svg");
}
.icon.icon-settings:before {
	background-image: url("../img/icons/settings.svg");
}

.icon.icon-hosting:before {
	background-image: url("../img/icons/domains.svg");
}
.icon.icon-park:before {
	background-image: url("../img/icons/domains.svg");
}*/

/* small icons */
.icon.icon-account:before {
	background-image: url("../img/icons/small-account.svg");
}
.icon.icon-account:after {
	background-image: url("../img/icons/small-account_active.svg");
}
.icon.icon-billing:before {
	background-image: url("../img/icons/small-billing.svg");
}
.icon.icon-billing:after {
	background-image: url("../img/icons/small-billing_active.svg");
}
.icon.icon-check:before {
	background-image: url("../img/icons/small-check.svg");
}
.icon.icon-check:after {
	background-image: url("../img/icons/small-check_active.svg");
}
.icon.icon-cloud:before {
	background-image: url("../img/icons/small-cloud.svg");
}
.icon.icon-cloud:after {
	background-image: url("../img/icons/small-cloud_active.svg");
}
.icon.icon-dashboard:before {
	background-image: url("../img/icons/small-dashboard.svg");
}
.icon.icon-dashboard:after {
	background-image: url("../img/icons/small-dashboard_active.svg");
}
.icon.icon-info:before {
	background-image: url("../img/icons/small-info.svg");
}
.icon.icon-info:after {
	background-image: url("../img/icons/small-info_active.svg");
}
.icon.icon-manage-customers:before {
	background-image: url("../img/icons/small-manage-customers.svg");
}
.icon.icon-manage-customers:after {
	background-image: url("../img/icons/small-manage-customers_active.svg");
}
.icon.icon-filter-columns:before {
	background-image: url("../img/icons/small-filter-columns.svg");
}
.icon.icon-filter-columns:after {
	background-image: url("../img/icons/small-filter-columns_active.svg");
}
.icon.icon-reseller-settings:before {
	background-image: url("../img/icons/small-reseller-settings.svg");
}
.icon.icon-reseller-settings:after {
	background-image: url("../img/icons/small-reseller-settings_active.svg");
}
.icon.icon-friends:before {
	background-image: url("../img/icons/small-friends.svg");
}
.icon.icon-friends:after {
	background-image: url("../img/icons/small-friends_active.svg");
}
.icon.icon-domains:before {
	background-image: url("../img/icons/small-domains.svg");
}
.icon.icon-domains:after {
	background-image: url("../img/icons/small-domains_active.svg");
}
.icon.icon-email:before {
	background-image: url("../img/icons/small-email.svg");
}
.icon.icon-email:after {
	background-image: url("../img/icons/small-email_active.svg");
}
.icon.icon-edit:before {
	background-image: url("../img/icons/small-edit.svg");
}
.icon.icon-edit:after {
	background-image: url("../img/icons/small-edit_active.svg");
}
.icon.icon-login:before {
	background-image: url("../img/icons/small-login.svg");
}
.icon.icon-login:after {
	background-image: url("../img/icons/small-login_active.svg");
}
.icon.icon-logout:before {
	background-image: url("../img/icons/small-logout.svg");
}
.icon.icon-logout:after {
	background-image: url("../img/icons/small-logout_active.svg");
}
.icon.icon-picture:before {
	background-image: url("../img/icons/small-picture.svg");
}
.icon.icon-reseller:before {
	background-image: url("../img/icons/small-reseller.svg");
}
.icon.icon-reseller:after {
	background-image: url("../img/icons/small-reseller_active.svg");
}
.icon.icon-settings:before {
	background-image: url("../img/icons/small-settings.svg");
}
.icon.icon-settings:after {
	background-image: url("../img/icons/small-settings_active.svg");
}
.icon.icon-support:before {
	background-image: url("../img/icons/small-support.svg");
}
.icon.icon-support:after {
	background-image: url("../img/icons/small-support_active.svg");
}
.icon.icon-manage_users:before {
	background-image: url("../img/icons/small-manage_users.svg");
}
.icon.icon-manage_users:after {
	background-image: url("../img/icons/small-manage_users_active.svg");
}


.active .icon.icon-billing:before,
.current-page .icon.icon-billing:before {
	background-image: url("../img/icons/small-billing_active.svg");
}
.active .icon.icon-cloud:before,
.current-page .icon.icon-cloud:before {
	background-image: url("../img/icons/small-cloud_active.svg");
}
.active .icon.icon-dashboard:before,
.current-page .icon.icon-dashboard:before {
	background-image: url("../img/icons/small-dashboard_active.svg");
}
.active .icon.icon-domains:before,
.current-page .icon.icon-domains:before {
	background-image: url("../img/icons/small-domains_active.svg");
}
.active .icon.icon-email:before,
.current-page .icon.icon-email:before {
	background-image: url("../img/icons/small-email_active.svg");
}
.active .icon.icon-reseller:before,
.current-page .icon.icon-reseller:before {
	background-image: url("../img/icons/small-reseller_active.svg");
}
.active .icon.icon-manage-customers:before,
.current-page .icon.icon-manage-customers:before {
	background-image: url("../img/icons/small-manage-customers_active.svg");
}
.active .icon.icon-reseller-settings:before,
.current-page .icon.icon-reseller-settings:before {
	background-image: url("../img/icons/small-reseller-settings_active.svg");
}
.active .icon.icon-settings:before,
.current-page .icon.icon-settings:before {
	background-image: url("../img/icons/small-settings_active.svg");
}
.active .icon.icon-support:before,
.current-page .icon.icon-support:before {
	background-image: url("../img/icons/small-support_active.svg");
}
.active .icon.icon-manage_users:before,
.current-page .icon.icon-manage_users:before {
	background-image: url("../img/icons/small-manage_users_active.svg");
}