@font-face {
	font-family: Legacy-Regular;
	src: url("../fonts/legacy-regular.woff2") format("woff2");
	src: url("../fonts/legacy-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: LegacySans;
	src: url("../fonts/LegacySans.woff2") format("woff2");
	src: url("../fonts/LegacySans.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: legacy-sans-bold;
	src: url("../fonts/legacy-sans-bold.woff2") format("woff2");
	src: url("../fonts/legacy-sans-bold.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: legacy-sans-book;
	src: url("../fonts/legacy-sans-book.woff2") format("woff2");
	src: url("../fonts/legacy-sans-book.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: legacy-sans-medium;
	src: url("../fonts/legacy-sans-medium.woff2") format("woff2");
	src: url("../fonts/legacy-sans-medium.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "legacy-serif-book";
	src: url("../fonts/legacy-serif-book.woff2") format("woff2");
	src: url("../fonts/legacy-serif-book.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "legacy-serif-book-italic";
	src: url("../fonts/legacy-serif-book-italic.woff2") format("woff2");
	src: url("../fonts/legacy-serif-book-italic.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "legacy-serif-medium-italic";
	src: url("../fonts/legacy-serif-medium-italic.woff2") format("woff2");
	src: url("../fonts/legacy-serif-medium-italic.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

html {
	margin-bottom: 0
}

body {
	line-height: 1;
	font-family: legacy-sans-book, sans-serif;
	color: #333
}

a {
	cursor: pointer
}

a:hover {
	text-decoration: none
}

b {
	font-family: legacy-sans-bold, sans-serif;
	font-weight: 400
}

h3 {
	font-size: 18px
}

table td, table th {
	font-family: legacy-sans-book, sans-serif
}

hr {
	border-top-color: #e6e6e6
}

button {
	outline: none
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right
}

.position-relative {
	position: relative
}

.strict-width {
	max-width: 300px
}

.strict-width .form-control {
	min-width: 0
}

.offset-top {
	margin-top: 10px
}

.offset-bottom {
	margin-bottom: 20px
}

.offset-top-medium {
	margin-top: 30px
}

.no-owerflow {
	white-space: nowrap
}

.group-title {
	font-family: legacy-sans-bold, sans-serif;
	font-size: 18px;
	color: #d82034
}

.group-title .add-more {
	margin-left: 5px
}

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

@media screen and (max-width: 767px) {
	.navbar.navbar-custom .navbar-toggle {
		float: left;
		margin-left: 25px
	}
}

@media screen and (max-width: 599px) {
	.navbar.navbar-custom .navbar-toggle {
		margin-left: 15px
	}
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .navbar.navbar-custom .navbar-nav .dropdown-menu li.active > a, .navbar.navbar-custom .navbar-nav > li.active > a {
	background-color: #d82034
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	border-color: #d82034
}

.navbar.navbar-custom:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
	border-top-color: #d82034
}

#service, .navbar.navbar-custom .navbar-nav > li > a {
	font-family: Legacy-Regular, serif
}

.dropdown-short a, .list-group, .navbar.navbar-custom .navbar-nav > li > a {
	font-size: 16px
}

.list-group-item {
	padding-top: 12px;
	padding-bottom: 12px
}

.navbar .dropdown-menu li > a.dropdown-toggle {
	padding: 10px 30px 10px 15px
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding: 10px
	}
}

#service {
	font-size: 16px;
	line-height: 16px
}

@media screen and (max-width: 992px) {
	.page-main-content .row:not(.widgets) {
		margin: 0
	}

	.page-main-content .row:not(.widgets) > .col-xs-12 {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (max-width: 1479px) {
	.header {
		position: relative;
		padding-top: 60px;
		margin-top: 0
	}
}

@media screen and (max-width: 767px) {
	.header {
		padding-top: 0;
		margin-top: 19px
	}
}

@media screen and (min-width: 1480px) {
	.header .header-main-group .logo {
		right: 10px !important
	}
}

@media screen and (max-width: 767px) {
	.header .header-main-group .logo {
		display: block !important;
		width: 100px;
		top: -4px;
		margin-right: 25px;
		background-size: auto 75% !important
	}
}

@media screen and (max-width: 599px) {
	.header .header-main-group .logo {
		margin-right: 15px
	}
}

.header .logo {
	background-repeat: no-repeat
}

.header .logo + .logo {
	top: 3px !important;
	right: inherit !important;
	left: 0;
	background-size: contain !important;
	background-position: 0
}

@media screen and (min-width: 1480px) {
	.header .logo + .logo {
		left: 10px
	}
}

@media screen and (max-width: 767px) {
	.header .logo + .logo {
		top: -4px !important;
		right: 120px !important;
		left: inherit !important;
		background-position: 100%
	}
}

.header-main {
	float: none;
	margin: 0 auto
}

.navbar-custom.navbar {
	border-color: transparent
}

.navbar-custom.navbar.navbar-fixed-top {
	border-color: #e6e6e6
}

@media screen and (max-width: 991px) {
	.navbar-custom.navbar {
		padding-left: 5px;
		padding-right: 5px
	}

	.navbar-custom.navbar.navbar-fixed-top {
		padding-left: 25px;
		padding-right: 25px
	}
}

@media screen and (max-width: 767px) {
	.navbar-custom.navbar, .navbar-custom.navbar.navbar-fixed-top {
		padding-left: 0;
		padding-right: 0
	}
}

.navbar-custom .navbar-header {
	margin-bottom: 25px
}

@media screen and (min-width: 767px) {
	.navbar-custom li.active {
		height: 41px;
		z-index: 2
	}
}

#FOOTER {
	display: inline-block;
	font-family: Legacy-Regular, serif
}

footer > .container {
	width: 100%;
	margin-top: 0;
	padding-bottom: 10px;
	background-color: #e6e6e6
}

@media screen and (min-width: 768px) {
	.main-wrapper {
		display: flex;
		flex-direction: column;
		min-height: 100%
	}
}

@media screen and (min-width: 768px) {
	.main-wrapper .main-container {
		display: flex;
		flex-direction: column;
		flex: 1 0 auto
	}
}

.main-wrapper.login-page .main-container, .main-wrapper.registration-page .main-container {
	background: url("../img/login1.jpg") no-repeat !important;
	background-size: cover
}

@media screen and (min-width: 768px) {
	.main-wrapper footer {
		flex: 0 0 auto
	}
}

.main-wrapper.login-page, .main-wrapper.registration-page {
	display: flex;
	flex-direction: column;
	height: 100%
}

.main-wrapper.login-page .main-container, .main-wrapper.registration-page .main-container {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto
}

.main-wrapper.login-page footer, .main-wrapper.registration-page footer {
	flex: 0 0 auto
}

.bronson-page {
	width: 100%;
	height: 8000px
}

.custom-page {
	margin-bottom: 40px
}

.login-block, .registration-block {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

@media screen and (min-width: 600px) {
	.login-block, .registration-block {
		padding: 75px 0
	}
}

.login-block h1, .registration-block h1 {
	font-size: 24px
}

@media screen and (min-width: 600px) {
	.login-block h1, .registration-block h1 {
		font-size: 31px
	}
}

@media screen and (max-width: 599px) {
	.login-block .col-xs-12, .registration-block .col-xs-12 {
		padding-left: 0;
		padding-right: 0
	}
}

.custom-form h1 {
	margin-top: 0;
	color: #d82034
}

.custom-form h3 {
	margin-top: 0;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #555
}

.custom-form p {
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 16px
}

.custom-form .form-head {
	padding: 15px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center
}

@media screen and (min-width: 600px) {
	.custom-form .form-head {
		padding-left: 20px;
		padding-right: 20px
	}
}

.custom-form form {
	width: 100%;
	margin: 10px auto 0;
	padding-bottom: 20px
}

.custom-form .form-row {
	position: relative;
	padding: 30px 25px 0
}

.custom-form .form-row .col-sm-2, .custom-form .form-row .col-sm-3, .custom-form .form-row .col-sm-4, .custom-form .form-row .col-sm-6, .custom-form .form-row .col-sm-12 {
	padding-left: 10px;
	padding-right: 10px
}

.custom-form .form-row-submit {
	margin-top: 15px;
	text-align: center
}

.custom-form .form-row-submit .main-button {
	margin: 5px
}

.custom-form .text-label {
	position: absolute;
	display: inline-block;
	min-width: 100px;
	top: 11px;
	left: 25px;
	color: #666;
	pointer-events: none;
	animation: label .6s ease forwards;
	transform: translateY(0);
	transition: color .4s ease-in-out;
	z-index: 2
}

.custom-form .text-label span {
	margin-left: 2px;
	font-size: 16px;
	line-height: 8px;
	color: #f33
}

.custom-form .radio-gender {
	position: relative;
	float: right;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 80px);
	height: 34px;
	font-size: 14px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #555;
	overflow: hidden;
	box-shadow: none
}

.custom-form .radio-gender input[type=radio] {
	position: absolute;
	width: 0;
	opacity: 0;
	visibility: hidden
}

.custom-form .radio-gender input[type=radio]:checked + label {
	background-color: #d82034;
	color: #fff
}

.custom-form .radio-gender input[type=radio]:checked + label svg path {
	fill: #fff
}

.custom-form .radio-gender label {
	float: left;
	width: 50%;
	margin-bottom: 0;
	height: 34px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.custom-form .radio-gender label:not(:last-child) {
	border-right: 2px solid #ececec
}

.custom-form .radio-gender label svg {
	position: relative;
	top: 5px
}

.custom-form .radio-gender label svg path {
	transition: fill .2s ease-in-out
}

.custom-form .radio-gender label span {
	display: inline-block;
	line-height: 34px
}

.custom-form .radio-gender label:hover {
	background-color: #e44758;
	color: #fff
}

.custom-form .block-center {
	margin: 0 auto;
	float: none
}

.custom-form .fa-unlock-alt, .custom-form .fa-user {
	position: absolute;
	height: 16px;
	top: 0;
	bottom: 0;
	left: -5px;
	margin: auto;
	font-size: 16px;
	color: #666
}

.custom-form .forgot-link {
	display: inline-block;
	margin-top: 10px;
	color: #555;
	text-decoration: underline;
	transition: color .2s ease-in-out
}

.custom-form .forgot-link:hover {
	color: #d82034;
	text-decoration: none
}

.custom-form .captcha-row {
	padding: 20px 45px 0
}

@media screen and (max-width: 599px) {
	.custom-form .captcha-row {
		padding-left: 20px;
		padding-right: 0;
		margin: 0
	}
}

@media screen and (max-width: 359px) {
	.custom-form .captcha-row {
		padding-left: 10px
	}
}

.custom-form .hint-custom {
	position: absolute;
	top: 12px;
	left: 100px;
	z-index: 10;
	cursor: pointer;
	animation: label-back .3s ease forwards;
	transform: translateY(0)
}

.custom-form .hint-custom:hover ul {
	opacity: 1;
	transform: translateY(0)
}

.custom-form .hint-custom i {
	font-size: 16px;
	color: #d82034
}

.custom-form .hint-custom ul {
	position: absolute;
	width: 370px;
	padding: 15px 10px 10px;
	top: 50px;
	left: -90px;
	opacity: 0;
	pointer-events: none;
	border-radius: 0;
	background-color: #fff;
	color: #555;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .35);
	border: 1px solid #d82034;
	transform: translateY(30px);
	transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.custom-form .hint-custom ul:after, .custom-form .hint-custom ul:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0
}

.custom-form .hint-custom ul:before {
	left: 30px;
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.custom-form .hint-custom ul:after {
	left: 31px;
	top: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 13px solid #fff
}

.custom-form .hint-custom ul li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.3
}

.custom-form .hint-custom ul li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 5px;
	height: 2px;
	background-color: #d82034
}

@media screen and (max-width: 599px) {
	.custom-form .hint-custom ul {
		width: 280px
	}
}

.checkbox-custom, .radio, .radio-inline {
	position: relative;
	cursor: pointer
}

.checkbox-custom input, .radio-inline input, .radio input {
	position: absolute;
	width: 0;
	opacity: 0
}

.checkbox-custom > span, .radio-inline > span, .radio > span {
	position: relative;
	display: block;
	padding-top: 3px;
	padding-left: 35px;
	font-size: 17px;
	line-height: 1.3;
	color: #555
}

.checkbox-custom > span:after, .checkbox-custom > span:before, .radio-inline > span:after, .radio-inline > span:before, .radio > span:after, .radio > span:before {
	content: "";
	display: block;
	position: absolute
}

.checkbox-custom > span:before, .radio-inline > span:before, .radio > span:before {
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	border-radius: 0;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	box-shadow: none;
	transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out
}

.checkbox-custom > span:after, .radio-inline > span:after, .radio > span:after {
	opacity: 0;
	transition: transform .4s ease-in-out, opacity .2s ease-in-out
}

.checkbox-custom input:checked + span:after, .radio-inline input:checked + span:after, .radio input:checked + span:after {
	opacity: 1;
	transform: rotate(-45deg) scale(1);
	transition: transform .4s ease-in-out, opacity .4s ease-in-out
}

.checkbox-custom input:focus + span:before, .radio-inline input:focus + span:before, .radio input:focus + span:before {
	border-color: #d82034;
	box-shadow: none
}

.checkbox-custom a, .radio-inline a, .radio a {
	text-decoration: underline;
	color: #d82034
}

.checkbox-custom a:hover, .radio-inline a:hover, .radio a:hover {
	text-decoration: none
}

.checkbox-custom {
	font-weight: 400
}

.checkbox-custom > span {
	top: -15px
}

@media screen and (min-width: 768px) {
	.checkbox-custom > span {
		top: -19px
	}
}

.checkbox-custom > span:after {
	width: 16px;
	height: 8px;
	top: 7px;
	left: 5px;
	border-left: 3px solid #d82034;
	border-bottom: 3px solid #d82034;
	transform: rotate(-45deg) scale(1.5)
}

.radio, .radio-inline {
	padding-left: 0
}

.radio-inline > span:before, .radio > span:before {
	border-radius: 50%
}

.radio-inline > span:after, .radio > span:after {
	width: 10px;
	height: 10px;
	top: 8px;
	left: 8px;
	border-radius: 50%;
	background-color: #d82034;
	transform: scale(1.5)
}

.radio-inline input:checked + span:after, .radio input:checked + span:after {
	transform: scale(1)
}

.radio-inline {
	margin-top: 5px;
	margin-bottom: 5px
}

.radio-inline:not(:last-child) {
	margin-right: 25px
}

.radio-inline + .radio-inline {
	margin-top: 5px;
	margin-left: 0
}

.field-col-submit {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	clear: both
}

.field-col-submit.text-align-left {
	text-align: left
}

.field-col-submit:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #e6e6e6
}

@media screen and (max-width: 991px) {
	.field-col-submit:after {
		left: -5px;
		width: calc(100% + 10px)
	}
}

@media screen and (max-width: 767px) {
	.field-col-submit:after {
		left: -15px;
		width: calc(100% + 30px)
	}
}

.field-col-submit .main-button {
	margin: 15px 10px 0
}

.field-col-submit.options-row .manage-options {
	position: absolute;
	margin-bottom: 0;
	bottom: 10px;
	right: -85px
}

@media screen and (max-width: 767px) {
	.field-col-submit.options-row .manage-options {
		right: 0
	}

	.field-col-submit.options-row .manage-options:hover {
		padding-left: 0;
		transform: translateX(0)
	}
}

.field-col-button {
	position: relative;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	clear: both
}

.field-col-button .main-button {
	margin: 0 5px 10px
}

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

@media screen and (min-width: 768px) {
	.custom-breadcrumbs {
		border-bottom: 2px solid #f9f9f9
	}
}

.custom-breadcrumbs li {
	position: relative;
	font-size: 18px;
	border-bottom: 2px solid #f9f9f9
}

@media screen and (min-width: 768px) {
	.custom-breadcrumbs li {
		display: inline-block;
		vertical-align: top;
		padding-right: 30px;
		border-bottom: none
	}
}

.custom-breadcrumbs li a {
	position: relative;
	display: inline-block;
	padding: 10px 5px 5px;
	border-bottom: 2px solid transparent;
	color: #333;
	transition: .2s ease-in-out
}

@media screen and (min-width: 768px) {
	.custom-breadcrumbs li a {
		padding: 10px 5px
	}
}

.custom-breadcrumbs li a.active, .custom-breadcrumbs li a:hover {
	color: #d82034
}

.custom-breadcrumbs li a.active:after, .custom-breadcrumbs li a:hover:after {
	width: 100%
}

.custom-breadcrumbs li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	margin: auto;
	width: 0;
	height: 2px;
	background-color: #d82034;
	transition: .2s ease-out
}

@media screen and (min-width: 768px) {
	.custom-breadcrumbs li:not(:last-child):after {
		position: absolute;
		height: 23px;
		top: 0;
		right: 10px;
		bottom: 0;
		margin: auto;
		content: "\F105";
		display: inline-block;
		font: normal normal normal 18px/1 FontAwesome;
		color: #333;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

@media screen and (max-width: 599px) {
	.login-block, .registration-block {
		border-top: 2px solid #d82034;
		background-color: hsla(0, 0%, 98%, .9)
	}
}

.login-form form, .registration-form form {
	margin-top: 0;
	padding-bottom: 0;
	padding: 30px 0 40px
}

@media screen and (min-width: 600px) {
	.login-form form, .registration-form form {
		width: 430px;
		padding: 20px 0;
		border-radius: 0;
		background-color: hsla(0, 0%, 98%, .9);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
	}
}

@media screen and (min-width: 768px) {
	.login-form form, .registration-form form {
		float: left
	}
}

.login-form .col-sm-10, .registration-form .col-sm-10 {
	width: 355px
}

@media screen and (max-width: 599px) {
	.login-form .col-sm-10, .registration-form .col-sm-10 {
		width: 100%
	}
}

.login-form .form-head, .registration-form .form-head {
	max-width: 400px;
	margin: 0 auto;
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0
}

.login-form .form-row, .registration-form .form-row {
	padding-top: 40px
}

.login-form .form-row-submit, .registration-form .form-row-submit {
	margin-top: 30px
}

.login-form .form-row-submit span, .registration-form .form-row-submit span {
	margin: 0 10px;
	font-size: 16px
}

.login-form .form-row-submit + .form-row-submit, .registration-form .form-row-submit + .form-row-submit {
	margin-top: 10px
}

@media screen and (max-width: 599px) {
	.login-form .form-row-submit, .registration-form .form-row-submit {
		margin: 30px 0 0
	}
}

.login-form .text-label, .registration-form .text-label {
	font-size: 16px;
	top: 13px;
	left: 30px
}

.login-form.custom-form input[type=email], .login-form.custom-form input[type=password], .login-form.custom-form input[type=search], .login-form.custom-form input[type=text], .login-form.custom-form select, .registration-form.custom-form input[type=email], .registration-form.custom-form input[type=password], .registration-form.custom-form input[type=search], .registration-form.custom-form input[type=text], .registration-form.custom-form select {
	height: 44px;
	line-height: 44px;
	font-size: 16px
}

.login-form.custom-form .main-button, .login-form.custom-form input[type=submit], .registration-form.custom-form .main-button, .registration-form.custom-form input[type=submit] {
	height: 44px;
	line-height: 44px
}

.login-form .fa-unlock-alt, .login-form .fa-user, .registration-form .fa-unlock-alt, .registration-form .fa-user {
	height: 20px;
	left: -10px;
	font-size: 20px
}

@media screen and (max-width: 599px) {
	.login-form .form-row {
		margin: 0;
		padding-left: 30px;
		padding-right: 10px
	}
}

.registration-form .text-label {
	left: 25px
}

.registration-form .form-row-submit span {
	margin: 0 6px;
	font-size: 14px
}

@media screen and (min-width: 600px) {
	.registration-form .form-row-submit span {
		margin: 0 26px;
		font-size: 16px
	}
}

.registration-form .radio-gender, .registration-form .radio-gender label {
	height: 44px
}

.registration-form .radio-gender label span {
	line-height: 44px
}

.registration-form .radio-gender label svg {
	top: 6px
}

.registration-form .form-row-checkbox {
	padding: 30px 30px 0
}

@media screen and (max-width: 599px) {
	.registration-form .form-row-checkbox {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0
	}

	.registration-form .form-row-checkbox .col-sm-12 {
		padding-left: 10px;
		padding-right: 10px
	}
}

.registration-form .form-row {
	padding-left: 35px;
	padding-right: 35px
}

@media screen and (max-width: 599px) {
	.registration-form .form-row {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0
	}
}

.login-info {
	margin-top: 25px;
	padding: 10px 20px 0;
	border-top: 1px solid #dcdcdc
}

.login-info h4, .login-info p {
	position: relative
}

.login-info h4 {
	margin-bottom: 5px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #555
}

.login-info h4 span {
	display: inline-block;
	vertical-align: top;
	line-height: 18px
}

.login-info .fa-info-circle {
	font-size: 16px;
	color: #d82034;
	margin-right: 5px
}

.login-info p {
	font-size: 12px;
	line-height: 1.2;
	color: #929292
}

.custom-form input[type=email], .custom-form input[type=password], .custom-form input[type=search], .custom-form input[type=text], .custom-form select, .custom-form textarea, .custom-page input[type=email], .custom-page input[type=password], .custom-page input[type=search], .custom-page input[type=text], .custom-page select, .custom-page textarea {
	width: 100%;
	font-family: legacy-sans-book, sans-serif;
	font-size: 17px;
	border: none;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #555;
	box-shadow: none;
	transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.custom-form input[type=email]:focus, .custom-form input[type=password]:focus, .custom-form input[type=search]:focus, .custom-form input[type=text]:focus, .custom-form select:focus, .custom-form textarea:focus, .custom-page input[type=email]:focus, .custom-page input[type=password]:focus, .custom-page input[type=search]:focus, .custom-page input[type=text]:focus, .custom-page select:focus, .custom-page textarea:focus {
	outline: none;
	border-color: #d82034;
	box-shadow: none
}

.custom-form input[type=email]:focus + .text-label, .custom-form input[type=password]:focus + .text-label, .custom-form input[type=search]:focus + .text-label, .custom-form input[type=text]:focus + .text-label, .custom-form select:focus + .text-label, .custom-form textarea:focus + .text-label, .custom-page input[type=email]:focus + .text-label, .custom-page input[type=password]:focus + .text-label, .custom-page input[type=search]:focus + .text-label, .custom-page input[type=text]:focus + .text-label, .custom-page select:focus + .text-label, .custom-page textarea:focus + .text-label {
	color: #d82034
}

.custom-form input[type=email]:focus + .input-group-addon, .custom-form input[type=password]:focus + .input-group-addon, .custom-form input[type=search]:focus + .input-group-addon, .custom-form input[type=text]:focus + .input-group-addon, .custom-form select:focus + .input-group-addon, .custom-form textarea:focus + .input-group-addon, .custom-page input[type=email]:focus + .input-group-addon, .custom-page input[type=password]:focus + .input-group-addon, .custom-page input[type=search]:focus + .input-group-addon, .custom-page input[type=text]:focus + .input-group-addon, .custom-page select:focus + .input-group-addon, .custom-page textarea:focus + .input-group-addon {
	border-color: #d82034;
	color: #fff;
	background-color: #d82034
}

.custom-form input[type=email]:focus ~ .hint-custom, .custom-form input[type=password]:focus ~ .hint-custom, .custom-form input[type=search]:focus ~ .hint-custom, .custom-form input[type=text]:focus ~ .hint-custom, .custom-form select:focus ~ .hint-custom, .custom-form textarea:focus ~ .hint-custom, .custom-page input[type=email]:focus ~ .hint-custom, .custom-page input[type=password]:focus ~ .hint-custom, .custom-page input[type=search]:focus ~ .hint-custom, .custom-page input[type=text]:focus ~ .hint-custom, .custom-page select:focus ~ .hint-custom, .custom-page textarea:focus ~ .hint-custom {
	animation: label .6s ease-in-out forwards
}

.custom-form input[type=email]:focus ~ .hint-custom ul, .custom-form input[type=password]:focus ~ .hint-custom ul, .custom-form input[type=search]:focus ~ .hint-custom ul, .custom-form input[type=text]:focus ~ .hint-custom ul, .custom-form select:focus ~ .hint-custom ul, .custom-form textarea:focus ~ .hint-custom ul, .custom-page input[type=email]:focus ~ .hint-custom ul, .custom-page input[type=password]:focus ~ .hint-custom ul, .custom-page input[type=search]:focus ~ .hint-custom ul, .custom-page input[type=text]:focus ~ .hint-custom ul, .custom-page select:focus ~ .hint-custom ul, .custom-page textarea:focus ~ .hint-custom ul {
	top: 85px;
	transform: translateY(50px)
}

.custom-form input[type=email]:focus ~ .hint-custom:hover ul, .custom-form input[type=password]:focus ~ .hint-custom:hover ul, .custom-form input[type=search]:focus ~ .hint-custom:hover ul, .custom-form input[type=text]:focus ~ .hint-custom:hover ul, .custom-form select:focus ~ .hint-custom:hover ul, .custom-form textarea:focus ~ .hint-custom:hover ul, .custom-page input[type=email]:focus ~ .hint-custom:hover ul, .custom-page input[type=password]:focus ~ .hint-custom:hover ul, .custom-page input[type=search]:focus ~ .hint-custom:hover ul, .custom-page input[type=text]:focus ~ .hint-custom:hover ul, .custom-page select:focus ~ .hint-custom:hover ul, .custom-page textarea:focus ~ .hint-custom:hover ul {
	transform: translateY(0)
}

.custom-form input[type=email]:not([value=""]), .custom-form input[type=password]:not([value=""]), .custom-form input[type=search]:not([value=""]), .custom-form input[type=text]:not([value=""]), .custom-form select:not([value=""]), .custom-form textarea:not([value=""]), .custom-page input[type=email]:not([value=""]), .custom-page input[type=password]:not([value=""]), .custom-page input[type=search]:not([value=""]), .custom-page input[type=text]:not([value=""]), .custom-page select:not([value=""]), .custom-page textarea:not([value=""]) {
	outline: none !important
}

.custom-form input[type=email]:not([value=""]) ~ .hint-custom, .custom-form input[type=password]:not([value=""]) ~ .hint-custom, .custom-form input[type=search]:not([value=""]) ~ .hint-custom, .custom-form input[type=text]:not([value=""]) ~ .hint-custom, .custom-form select:not([value=""]) ~ .hint-custom, .custom-form textarea:not([value=""]) ~ .hint-custom, .custom-page input[type=email]:not([value=""]) ~ .hint-custom, .custom-page input[type=password]:not([value=""]) ~ .hint-custom, .custom-page input[type=search]:not([value=""]) ~ .hint-custom, .custom-page input[type=text]:not([value=""]) ~ .hint-custom, .custom-page select:not([value=""]) ~ .hint-custom, .custom-page textarea:not([value=""]) ~ .hint-custom {
	animation: label .6s ease-in-out forwards !important
}

.custom-form input[type=email]:not([value=""]) ~ .hint-custom ul, .custom-form input[type=password]:not([value=""]) ~ .hint-custom ul, .custom-form input[type=search]:not([value=""]) ~ .hint-custom ul, .custom-form input[type=text]:not([value=""]) ~ .hint-custom ul, .custom-form select:not([value=""]) ~ .hint-custom ul, .custom-form textarea:not([value=""]) ~ .hint-custom ul, .custom-page input[type=email]:not([value=""]) ~ .hint-custom ul, .custom-page input[type=password]:not([value=""]) ~ .hint-custom ul, .custom-page input[type=search]:not([value=""]) ~ .hint-custom ul, .custom-page input[type=text]:not([value=""]) ~ .hint-custom ul, .custom-page select:not([value=""]) ~ .hint-custom ul, .custom-page textarea:not([value=""]) ~ .hint-custom ul {
	top: 85px;
	transform: translateY(50px)
}

.custom-form input[type=email]:not([value=""]) ~ .hint-custom:hover ul, .custom-form input[type=password]:not([value=""]) ~ .hint-custom:hover ul, .custom-form input[type=search]:not([value=""]) ~ .hint-custom:hover ul, .custom-form input[type=text]:not([value=""]) ~ .hint-custom:hover ul, .custom-form select:not([value=""]) ~ .hint-custom:hover ul, .custom-form textarea:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=email]:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=password]:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=search]:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=text]:not([value=""]) ~ .hint-custom:hover ul, .custom-page select:not([value=""]) ~ .hint-custom:hover ul, .custom-page textarea:not([value=""]) ~ .hint-custom:hover ul {
	transform: translateY(0)
}

.custom-form input[type=email], .custom-form input[type=password], .custom-form input[type=search], .custom-form input[type=text], .custom-form select, .custom-page input[type=email], .custom-page input[type=password], .custom-page input[type=search], .custom-page input[type=text], .custom-page select {
	height: 44px;
	line-height: 44px;
	padding: 0 15px
}

.custom-form select, .custom-page select {
	padding-right: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("../img/select.svg");
	background-repeat: no-repeat;
	background-position: 100%
}

.custom-form select::-ms-expand, .custom-page select::-ms-expand {
	display: none
}

.custom-form textarea, .custom-page textarea {
	max-width: 100%;
	min-height: 50px;
	height: 100px;
	padding: 10px 15px;
	line-height: 1.2
}

.custom-form .link-button, .custom-form .main-button, .custom-form input[type=submit], .custom-page .link-button, .custom-page .main-button, .custom-page input[type=submit] {
	display: inline-block;
	height: 44px;
	padding: 0 15px;
	font-size: 18px;
	line-height: 44px;
	border: none;
	border-radius: 0;
	font-family: Legacy-Regular, serif;
	color: #fff;
	background-color: #d82034;
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.custom-form .link-button:hover, .custom-form .main-button:hover, .custom-form input[type=submit]:hover, .custom-page .link-button:hover, .custom-page .main-button:hover, .custom-page input[type=submit]:hover {
	box-shadow: none;
	background-color: #e44758
}

.custom-form .link-button i, .custom-form .main-button i, .custom-form input[type=submit] i, .custom-page .link-button i, .custom-page .main-button i, .custom-page input[type=submit] i {
	margin-right: 8px
}

@media screen and (min-width: 600px) {
	.custom-form .link-button, .custom-form .main-button, .custom-form input[type=submit], .custom-page .link-button, .custom-page .main-button, .custom-page input[type=submit] {
		padding: 0 20px;
		font-size: 18px
	}
}

.custom-form .link-button, .custom-page .link-button {
	line-height: 26px;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	border-color: #d82034;
	color: #d82034
}

.custom-form .link-button:hover, .custom-page .link-button:hover {
	background-color: #d82034;
	color: #fff
}

.custom-form .form-control + .field-edit-button, .custom-page .form-control + .field-edit-button {
	margin-left: -50px;
	z-index: 2
}

.custom-form .field-edit-button, .custom-page .field-edit-button {
	height: 43px;
	padding: 0 15px;
	font-size: 22px;
	line-height: 48px;
	border: none;
	color: #d82034;
	background-color: transparent;
	transition: color .2s ease-in-out
}

.custom-form .field-edit-button:hover, .custom-page .field-edit-button:hover {
	color: #e44758
}

.custom-form .no-option, .custom-page .no-option {
	width: 100%;
	height: 44px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 44px;
	border: none;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	color: #555;
	box-shadow: none
}

.custom-form .has-error .input-group-addon, .custom-form .has-success .input-group-addon, .custom-page .has-error .input-group-addon, .custom-page .has-success .input-group-addon {
	border: none;
	color: #fff
}

.custom-form .has-error .input-group-addon, .custom-page .has-error .input-group-addon {
	background-color: #a94442 !important
}

.custom-form .has-error .form-control, .custom-form .has-error select, .custom-page .has-error .form-control, .custom-page .has-error select {
	border-color: #a94442 !important
}

.custom-form .has-success .form-control:focus, .custom-page .has-success .form-control:focus {
	border-color: #d82034
}

.custom-form .has-success .form-control:focus + .input-group-addon, .custom-page .has-success .form-control:focus + .input-group-addon {
	background-color: #d82034
}

.custom-form .has-success .input-group-addon, .custom-page .has-success .input-group-addon {
	background-color: #e2e2e2
}

.custom-form .has-success .form-control, .custom-page .has-success .form-control {
	border-color: #e2e2e2
}

.custom-form .form-control-feedback, .custom-page .form-control-feedback {
	display: none
}

.input-group-addon {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-color: #e2e2e2;
	color: #333;
	background-color: #e2e2e2;
	transition: .2s ease-in-out
}

.input-group-addon:empty {
	display: none
}

.additional-field-text {
	margin-left: 10px
}

.account-chart {
	height: 800px
}

@media screen and (min-width: 768px) {
	.account-chart {
		height: 300px
	}
}

.functional-block {
	margin-top: 25px;
	border-radius: 0;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.functional-block.no-overflow {
	overflow: visible
}

.functional-block.chart-block .row {
	margin-left: -15px;
	margin-right: -15px
}

.functional-block.list-component {
	position: relative;
	height: 300px;
	min-height: 194px
}

@media screen and (min-width: 768px) {
	.functional-block.list-component {
		height: calc(100% - 25px)
	}
}

.functional-block.list-component .list-title {
	position: relative;
	display: flex;
	align-items: center;
	height: 40px;
	padding: 12px 0 12px 20px;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid #d82034;
	background-color: #f9f9f9;
	z-index: 2
}

@media screen and (min-width: 768px) {
	.functional-block.list-component .list-title {
		font-size: 21px
	}
}

.functional-block.list-component .list-info {
	position: absolute;
	width: 100%;
	height: calc(100% - 85px);
	padding: 15px 10px 0 20px;
	overflow-y: auto
}

.functional-block.list-component .list-info b {
	margin-right: 5px
}

.functional-block.list-component .list-info p:last-child {
	margin-bottom: 50px
}

.functional-block.list-component .list-expand {
	position: absolute;
	width: calc(100% - 32px);
	height: 70px;
	padding-top: 35px;
	left: 16px;
	bottom: 0;
	text-align: center;
	font-size: 16px;
	opacity: 0;
	color: #d82034;
	cursor: pointer;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #f9f9f9 57%);
	transform: translateY(100%);
	transition: .4s ease-out;
	z-index: 3
}

.functional-block.list-component .list-expand:before {
	content: "\F105";
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	top: 1px;
	margin-right: 5px;
	font: normal normal normal 18px/1 FontAwesome;
	text-rendering: auto;
	color: #f9f9f9;
	background-color: #d82034;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.functional-block.list-component .list-expand a {
	position: relative;
	font-size: 16px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #d82034
}

.functional-block.list-component .list-expand a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	margin: auto;
	width: 0;
	height: 1px;
	background-color: #d82034;
	transition: width .35s ease
}

.functional-block.list-component .list-expand a:hover:after {
	width: 100%
}

.functional-block.list-component .list-expand a:focus {
	text-decoration: none
}

.functional-block.list-component:hover .list-expand {
	opacity: 1;
	transform: translateY(0)
}

.functional-block .field-label {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 1.2
}

.functional-block .field-label span {
	margin-left: 2px;
	font-size: 16px;
	line-height: 8px;
	color: #e37976
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col .field-label {
		margin: 0
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col .field-radio {
		width: 160px
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col select {
		width: calc(50% - 15px)
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col .hint-custom .hint-inner {
		top: 20px
	}
}

.functional-block .addon-value {
	position: relative
}

.functional-block .addon-value input {
	padding-right: 30px
}

.functional-block .addon-value span {
	position: absolute;
	top: 1px;
	right: 1px;
	height: 42px;
	font-size: 16px;
	line-height: 44px;
	padding-right: 11px;
	color: #666;
	background-color: #fff
}

.functional-block .saved-value {
	display: flex;
	align-items: center;
	height: 44px;
	font-size: 16px;
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

.functional-block .document-file-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-top: 10px;
	counter-reset: list
}

@media screen and (min-width: 768px) {
	.functional-block .document-file-wrapper {
		padding-left: 16px;
		padding-right: 16px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .document-file-wrapper {
		padding-left: 0;
		padding-right: 0
	}
}

.functional-block .document-file {
	position: relative;
	width: 100%;
	margin-bottom: 17px;
	padding: 15px 10px;
	font-size: 18px;
	background-color: #fff;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25)
}

@media screen and (min-width: 600px) {
	.functional-block .document-file {
		width: 49%
	}
}

@media screen and (min-width: 992px) {
	.functional-block .document-file {
		width: 32%
	}
}

.functional-block .document-file:hover p {
	opacity: 1;
	transform: translateY(8px);
	transition: .4s ease-in-out .4s
}

.functional-block .document-file:hover:after {
	opacity: 1;
	transform: translateX(0);
	transition: .4s ease-in-out, opacity .3s ease-in-out .1s
}

.functional-block .document-file:hover:before {
	opacity: 0
}

.functional-block .document-file:hover .fa-file-pdf-o {
	opacity: 1;
	transform: translateX(0);
	transition: .4s ease-in-out, opacity .3s ease-in-out .1s
}

.functional-block .document-file i {
	position: absolute;
	top: 1px;
	left: 0;
	opacity: 0;
	color: #c30b15;
	transform: translateX(-20px);
	transition: .4s ease-in-out, opacity .2s ease-in-out
}

.functional-block .document-file a {
	position: relative;
	display: block;
	padding-left: 22px;
	padding-right: 10px;
	line-height: 1.2;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #d82034
}

.functional-block .document-file p {
	display: flex;
	align-items: center;
	position: absolute;
	width: 104%;
	min-height: 68px;
	top: 100%;
	left: -2%;
	margin-top: 0;
	padding: 10px;
	font-size: 16px;
	opacity: 0;
	pointer-events: none;
	color: #fff;
	background-color: #d82034;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
	transform: translateY(20px);
	z-index: 1;
	transition: .4s ease-in-out
}

.functional-block .document-file p:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -14px;
	left: 12px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.functional-block .document-file:after {
	content: "\F019";
	position: absolute;
	top: 18px;
	right: 5px;
	opacity: 0;
	font: normal normal normal 16px/1 FontAwesome;
	color: #d82034;
	transform: translateX(20px);
	transition: .4s ease-in-out, opacity .2s ease-in-out;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.functional-block .document-file:before {
	counter-increment: list;
	content: counter(list) ".";
	position: absolute;
	top: 16px;
	left: 14px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #d82034;
	transition: .4s ease-in-out
}

.functional-block .hint-custom {
	z-index: 10;
	cursor: pointer;
	animation: label-back .3s ease forwards;
	transform: translateY(0)
}

.functional-block .hint-custom:hover .hint-custom-body .hint-inner {
	opacity: 1;
	transform: translateY(0)
}

.functional-block .hint-custom i {
	position: relative;
	top: 2px;
	font-size: 16px;
	color: #d82034
}

.functional-block .hint-custom .hint-custom-body {
	position: absolute;
	width: 100%;
	margin-left: 0;
	left: 0;
	z-index: 3
}

.functional-block .hint-custom .hint-inner {
	position: absolute;
	width: 100%;
	margin-left: 0;
	padding: 0 10px;
	top: 90px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	border-radius: 0;
	background-color: #fff;
	color: #555;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .35);
	border: 1px solid #d82034;
	transform: translateY(30px);
	transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.functional-block .hint-custom .hint-inner h5 {
	width: calc(100% + 20px);
	margin: 0 0 0 -10px;
	padding: 8px 10px;
	font-size: 16px;
	color: #fff;
	background-color: #d82034
}

.functional-block .hint-custom .hint-inner p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.2
}

.functional-block .hint-custom .hint-inner:after, .functional-block .hint-custom .hint-inner:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0
}

.functional-block .hint-custom .hint-inner:before {
	left: 30px;
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.functional-block .hint-custom .hint-inner:after {
	left: 31px;
	top: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 13px solid #d82034
}

@media screen and (max-width: 599px) {
	.functional-block .hint-custom .hint-inner {
		width: 280px
	}
}

.functional-block .checkbox-custom .hint-custom .hint-inner {
	top: 20px
}

.functional-block .title-col {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px
}

@media screen and (max-width: 767px) {
	.functional-block .title-col {
		padding: 0 0 1px;
		margin-bottom: 10px
	}
}

.functional-block .title-col h3 {
	font-size: 16px;
	font-family: legacy-sans-bold, sans-serif;
	font-weight: 400
}

.functional-block .result-col {
	font-size: 17px
}

.functional-block .result-col .input-group {
	display: block
}

.functional-block .result-col .input-group .form-control {
	float: none
}

@media screen and (min-width: 768px) {
	.functional-block .result-col .input-group {
		width: auto
	}

	.functional-block .result-col .input-group:last-child {
		max-width: calc(100% - 200px);
		width: 100%
	}
}

@media screen and (min-width: 992px) {
	.functional-block .result-col .input-group:last-child {
		max-width: calc(100% - 320px)
	}
}

.functional-block .result-col .input-group.strict-width {
	max-width: 350px !important;
	overflow: visible
}

.functional-block .result-col .input-group .btn-primary {
	padding-top: 7px;
	padding-bottom: 7px;
	border: none;
	color: #fff;
	background-color: #d82034;
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.functional-block .result-col .input-group .btn-primary:hover {
	background-color: #e44758
}

.functional-block .result-col .input-group .btn-primary .glyphicon {
	top: 3px
}

.functional-block .result-col .add-more {
	position: relative;
	bottom: auto
}

.functional-block .result-col .field-col button {
	height: 44px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 44px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border: none;
	color: #333;
	background-color: #e2e2e2;
	transition: .2s ease-in-out
}

.functional-block .result-col .field-col button:focus, .functional-block .result-col .field-col button:hover {
	outline: none;
	color: #fff;
	background-color: #d82034
}

.functional-block .result-col .field-col button:focus {
	background-color: #e44758
}

@media screen and (min-width: 768px) {
	.functional-block .result-col .field-col button {
		margin-left: -15px
	}
}

@media screen and (max-width: 767px) {
	.functional-block .result-col {
		padding: 0
	}
}

.functional-block .result-col ul {
	margin-bottom: 20px
}

@media screen and (max-width: 767px) {
	.functional-block .result-col ul {
		margin-bottom: 10px
	}
}

.functional-block .result-col li {
	display: flex;
	align-items: center;
	line-height: 1.2
}

.functional-block .result-col li:not(:last-child) {
	margin-bottom: 12px
}

@media screen and (max-width: 767px) {
	.functional-block .result-col li {
		display: block
	}
}

.functional-block .result-col li b {
	flex-grow: 0;
	flex-shrink: 0;
	width: 200px;
	margin-right: 5px
}

.functional-block .result-col li b + * {
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1
}

.functional-block .result-col li b + .uploaded-files {
	margin-left: 0
}

.functional-block .result-col li b ~ .field-radio {
	max-width: 200px
}

@media screen and (max-width: 767px) {
	.functional-block .result-col li b {
		width: 100%;
		display: block;
		margin-bottom: 5px
	}
}

.functional-block .result-col li .field-col, .functional-block .result-col li .form-group {
	margin-bottom: 0
}

.functional-block .result-col span li {
	margin-bottom: 18px
}

.functional-block .result-col.medium-cols li b {
	width: 320px;
	font-family: legacy-sans-book, sans-serif
}

.functional-block .result-col.medium-cols li b ~ b {
	width: auto;
	margin-left: 20px;
	margin-right: 10px
}

@media screen and (min-width: 768px) {
	.functional-block .result-col.medium-cols li b ~ b ~ .input-group {
		width: auto
	}
}

@media screen and (max-width: 991px) {
	.functional-block .result-col.medium-cols li b {
		width: 200px
	}
}

@media screen and (max-width: 767px) {
	.functional-block .result-col.medium-cols li b {
		width: 100%
	}

	.functional-block .result-col.medium-cols li b ~ b {
		margin-top: 10px;
		margin-left: 0
	}
}

.functional-block .result-col.medium-cols li b ~ .link-button, .functional-block .result-col.medium-cols li b ~ .main-button, .functional-block .result-col.medium-cols li b ~ .secondary-button {
	margin-top: 5px
}

@media screen and (min-width: 768px) {
	.functional-block .result-col.medium-cols li b ~ .link-button, .functional-block .result-col.medium-cols li b ~ .main-button, .functional-block .result-col.medium-cols li b ~ .secondary-button {
		margin-top: 0;
		margin-left: 10px
	}
}

.functional-block .result-col.medium-cols li b .fa-question-circle {
	margin-left: 3px;
	margin-right: 3px
}

@media screen and (min-width: 480px) {
	.functional-block .result-col.medium-cols.wide-labels li b {
		width: 380px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .result-col.medium-cols.wide-labels li b {
		width: 500px
	}
}

.functional-block .form-group .input-group {
	display: flex
}

.functional-block .form-group .input-group .input-group-addon {
	width: auto;
	height: 44px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 42px;
	box-sizing: border-box
}

.functional-block .input-group.focused .input-group-prepend {
	color: #fff;
	background-color: #d82034;
	box-shadow: none
}

.functional-block .input-group-prepend {
	position: relative;
	flex-shrink: 0;
	width: auto;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	white-space: nowrap;
	border: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #e2e2e2;
	box-sizing: border-box;
	transition: .2s ease-in-out
}

.functional-block .input-group-prepend:after, .functional-block .input-group-prepend:before {
	content: "\A0\A0"
}

.functional-block .field-col {
	margin-bottom: 20px
}

.functional-block .field-col .form-group {
	margin-bottom: 0
}

.functional-block .field-col .field-col-submit {
	margin-top: 15px;
	padding-bottom: 0
}

.functional-block .field-col .field-col-submit .main-button {
	margin-top: 28px
}

@media screen and (min-width: 768px) {
	.functional-block .field-col {
		display: inline-block;
		vertical-align: top;
		float: none
	}

	.functional-block .field-col.col-sm-4 {
		width: 33.3%
	}
}

@media screen and (max-width: 767px) {
	.functional-block .field-col {
		padding-left: 0;
		padding-right: 0
	}

	.functional-block .field-col.devider-sm {
		margin-bottom: 30px
	}

	.functional-block .field-col.devider-sm:after {
		content: "";
		position: absolute;
		left: -15px;
		bottom: -20px;
		width: calc(100% + 30px);
		height: 1px;
		background-color: #e6e6e6
	}
}

.functional-block .field-col.offset-bottom-none {
	margin-bottom: 0
}

.functional-block .field-col > .add-more {
	position: relative;
	float: right;
	top: -7px;
	font-size: 16px
}

.functional-block .head {
	padding: 10px 15px;
	font-size: 20px;
	border-radius: 0 0 0 0;
	background: #d82034;
	color: #fff
}

@media screen and (min-width: 768px) {
	.functional-block .head {
		font-size: 24px
	}
}

.functional-block .head i {
	margin-right: 3px
}

.functional-block .head .step-number {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	border-radius: 10px;
	font-style: normal;
	color: #fff;
	background-color: #d82034;
	text-align: center;
	transition: padding-right .4s ease-in-out
}

.functional-block .head .step-number span {
	position: relative;
	display: block;
	transition: transform .4s ease-in-out
}

.functional-block .head .step-number:before {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 20px;
	top: 0;
	right: 0;
	border-radius: 10px;
	background-color: #d82034;
	transition: .4s ease-in-out
}

.functional-block .head.head-columns {
	display: flex;
	justify-content: space-between
}

.functional-block .head.head-columns .col-left {
	padding-right: 25px
}

.functional-block .head.head-columns .col-right {
	position: relative
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background {
	display: block;
	height: 21px;
	margin-left: 5px;
	padding: 0 8px;
	font-size: 22px;
	color: #fff;
	border: none;
	background-color: #d82034;
	transition: background-color .2s ease-in-out
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background i {
	position: relative;
	margin: 0
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background.opened i {
	transform: rotate(180deg)
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background:hover {
	background-color: #e44758
}

@media screen and (min-width: 768px) {
	.functional-block .head.head-columns .col-right .btn-toggle.btn-background {
		height: 26px;
		font-size: 26px
	}
}

.functional-block:hover .step-number {
	padding-right: 12px
}

.functional-block:hover .step-number span {
	transform: scale(1.3)
}

.functional-block:hover .step-number:before {
	top: -10px;
	width: 45px;
	height: 40px;
	border-radius: 0
}

.functional-block .body {
	padding: 15px 30px
}

@media screen and (min-width: 768px) {
	.functional-block .body {
		padding: 15px 20px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .body {
		padding: 15px 25px
	}
}

.functional-block .body > .list-view {
	padding: 0;
	width: calc(100% + 60px);
	margin-left: -30px
}

@media screen and (min-width: 768px) {
	.functional-block .body > .list-view {
		width: calc(100% + 40px);
		margin-left: -20px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .body > .list-view {
		padding: 10px 0 15px;
		width: auto;
		margin-left: 0
	}
}

@media screen and (max-width: 991px) {
	.functional-block .body > .list-view .document-list {
		margin: 0
	}

	.functional-block .body > .list-view .document-list .buttons-row {
		margin-top: 0
	}
}

.functional-block .list-view {
	padding: 0
}

@media screen and (min-width: 992px) {
	.functional-block .list-view {
		display: flex;
		align-items: stretch;
		padding: 15px 25px
	}
}

.functional-block .main-list {
	margin-bottom: 0;
	padding: 0 15px 20px;
	border-bottom: 2px solid #e6e6e6
}

@media screen and (min-width: 992px) {
	.functional-block .main-list {
		width: 30%;
		margin-bottom: 10px;
		padding: 0;
		border-right: 2px solid #e6e6e6;
		border-bottom: none
	}

	.functional-block .main-list.sticky {
		position: fixed;
		width: 206px;
		top: 100px
	}

	.functional-block .main-list.sticky + .result-list {
		margin-left: 30%
	}
}

@media screen and (min-width: 1024px) {
	.functional-block .main-list.sticky {
		width: 275px;
		top: 60px
	}
}

@media screen and (min-width: 1200px) {
	.functional-block .main-list.sticky {
		width: 245px
	}
}

.functional-block .main-list li {
	display: inline-block;
	position: relative;
	padding-right: 40px;
	padding-left: 35px;
	cursor: pointer
}

@media screen and (min-width: 768px) {
	.functional-block .main-list li {
		display: block;
		padding-right: 20px
	}
}

.functional-block .main-list li:hover h4 {
	color: #d82034
}

.functional-block .main-list li:after, .functional-block .main-list li:before {
	content: "";
	display: inline-block;
	position: absolute
}

.functional-block .main-list li:before {
	width: 26px;
	height: 26px;
	top: 8px;
	left: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	transition: border-color .2s ease-in-out
}

.functional-block .main-list li:after {
	top: 12px;
	left: 9px;
	width: 8px;
	height: 14px;
	border-right: 2px solid #d82034;
	border-bottom: 2px solid #d82034;
	opacity: 0;
	transform: scale(1.35) rotate(45deg);
	transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.functional-block .main-list .opened h4 {
	color: #d82034
}

.functional-block .main-list .opened:before {
	border-color: #d82034
}

.functional-block .main-list .opened:after {
	opacity: 1;
	transform: scale(1) rotate(45deg)
}

.functional-block .main-list h4 {
	display: inline-block;
	margin-top: 11px;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.3;
	font-family: legacy-sans-medium, sans-serif;
	font-weight: 400;
	color: #555;
	transform: translateX(0);
	transition: color .1s linear, transform .2s ease-in-out
}

@media screen and (min-width: 768px) {
	.functional-block .main-list h4 {
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 18px
	}
}

.functional-block .main-list .main-list-actions {
	margin-top: 5px;
	margin-left: -8px;
	padding: 0
}

@media screen and (max-width: 767px) {
	.functional-block .main-list .main-list-actions {
		padding-bottom: 10px
	}
}

.functional-block .main-list .main-list-actions:after, .functional-block .main-list .main-list-actions:before {
	content: none
}

.functional-block .main-list .main-list-actions .link-button {
	margin-top: 6px;
	margin-left: 8px
}

.functional-block .result-list {
	box-sizing: border-box;
	margin-bottom: 0
}

@media screen and (min-width: 992px) {
	.functional-block .result-list {
		width: 70%;
		padding-left: 20px
	}
}

.functional-block .result-list > li {
	display: none
}

.functional-block .result-list > li.opened {
	display: block
}

.functional-block .document-row, .functional-block .email-row {
	position: relative
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .buttons-row, .functional-block .email-row .buttons-row {
		position: absolute;
		top: -2px;
		left: calc(100% - 20px);
		margin: 0 0 20px;
		transition: transform .4s ease-in-out, padding .6s ease-in-out
	}

	.functional-block .document-row .buttons-row:hover, .functional-block .email-row .buttons-row:hover {
		padding-right: 40px;
		transform: translateX(-100%) translateX(65px)
	}

	.functional-block .document-row .buttons-row:hover .options, .functional-block .email-row .buttons-row:hover .options {
		opacity: 0;
		transition: none
	}

	.functional-block .document-row .buttons-row button, .functional-block .email-row .buttons-row button {
		white-space: nowrap;
		background-color: #fff
	}
}

.functional-block .document-row .options, .functional-block .email-row .options {
	position: relative;
	margin-top: 2px;
	margin-right: 20px;
	color: #d82034;
	transition: opacity .4s ease-in-out .4s
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .options, .functional-block .email-row .options {
		display: none
	}
}

.functional-block .document-row .options .fa-file, .functional-block .email-row .options .fa-file {
	font-size: 24px
}

.functional-block .document-row .options .fa-wrench, .functional-block .email-row .options .fa-wrench {
	position: absolute;
	font-size: 15px;
	top: 5px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-90deg)
}

.functional-block .document-header {
	width: calc(100% + 60px);
	margin-top: -20px;
	margin-left: -20px;
	padding: 10px 40px 10px 20px;
	background-color: #e6e6e6
}

.functional-block .document-header .document-date {
	width: 111px
}

.functional-block .document-header .pointer {
	padding-left: 27px;
	padding-bottom: 0 !important;
	transition: color .2s ease-in-out
}

.functional-block .document-header .pointer:after {
	bottom: 0;
	left: 0;
	background-image: url("../img/sort-red.svg")
}

.functional-block .document-header .pointer:hover {
	color: #d82034
}

.functional-block .document-header .sort-asc:after {
	background-image: url("../img/asc-red.svg")
}

.functional-block .document-header .sort-desc:after {
	background-image: url("../img/desc-red.svg")
}

.functional-block .document-header.document-row {
	display: flex
}

@media screen and (max-width: 767px) {
	.functional-block .document-header {
		padding-top: 1px;
		padding-bottom: 1px
	}

	.functional-block .document-header > div {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.functional-block .document-header.document-row {
		display: block
	}
}

.functional-block .document-row:not(:last-child) {
	margin-bottom: 15px
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .buttons-row {
		background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 9%, #fff)
	}
}

.functional-block .document-title {
	padding-right: 10px;
	transition: color .2s ease-in-out
}

.functional-block .document-title:hover {
	cursor: pointer;
	color: #d82034
}

.functional-block .document-date {
	flex-shrink: 0
}

.functional-block .document-list {
	position: relative;
	font-size: 15px;
	line-height: 1.3;
	margin: 10px 0;
	padding: 20px 15px 5px;
	overflow: hidden
}

@media screen and (min-width: 992px) {
	.functional-block .document-list {
		padding: 20px;
		padding-right: 40px;
		margin: 0 0 10px 20px;
		border-radius: 0;
		border: 5px solid #e6e6e6;
		background: #fff
	}
}

.functional-block .buttons-row {
	display: flex;
	justify-content: center;
	min-height: 30px;
	margin: 10px 0 5px
}

@media screen and (min-width: 480px) {
	.functional-block .buttons-row {
		margin: 15px 0 10px;
		padding: 0
	}
}

.functional-block .buttons-row:after {
	content: "";
	display: table;
	clear: both
}

.functional-block .buttons-row button {
	height: 30px;
	font-size: 17px;
	line-height: 20px;
	margin: 0 5px;
	border: 1px solid #d82034;
	border-radius: 0;
	color: #d82034;
	background-color: transparent;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.functional-block .buttons-row button:hover {
	background-color: #d82034;
	color: #fff
}

.functional-block .buttons-row button i {
	margin-right: 5px
}

@media screen and (max-width: 479px) {
	.functional-block .buttons-row button {
		min-height: 30px;
		height: auto;
		padding: 0 5px;
		border: none
	}

	.functional-block .buttons-row button i {
		display: block;
		font-size: 16px
	}
}

.functional-block .email-row {
	margin: 10px -15px 15px;
	font-size: 17px;
	line-height: 1.3
}

@media screen and (min-width: 768px) {
	.functional-block .email-row {
		margin-left: 0;
		margin-right: 0;
		padding-right: 25px
	}
}

.functional-block .email-row .buttons-row {
	background: linear-gradient(90deg, hsla(0, 0%, 98%, 0) 0, #f9f9f9 9%, #f9f9f9)
}

.functional-block .email-row .buttons-row button {
	position: relative
}

.functional-block .email-row .buttons-row .fa-envelope-open-o {
	position: relative;
	top: -2px
}

.functional-block .email-row .buttons-row .fa-long-arrow-right {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	font-size: 14px;
	margin: auto
}

@media screen and (min-width: 480px) {
	.functional-block .email-row .buttons-row .fa-long-arrow-right {
		top: 16px;
		left: 7px;
		right: inherit
	}
}

.functional-block .checkbox-custom > span {
	padding-right: 25px;
	word-wrap: break-word
}

.functional-block .add-more {
	position: absolute;
	right: 0;
	bottom: -6px;
	max-width: 30px;
	height: 30px;
	padding: 0 10px 0 20px;
	font-family: Legacy-Regular, serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 0;
	border: 1px solid transparent;
	color: transparent;
	background-color: transparent;
	transition: all .4s ease-in-out
}

.functional-block .add-more i {
	position: absolute;
	height: 16px;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
	color: #d82034;
	transition: color .4s ease-in-out
}

.functional-block .add-more.expanded-btn {
	max-width: 260px;
	padding-left: 30px;
	border-color: transparent;
	color: #d82034;
	background-color: transparent
}

.functional-block .add-more:hover {
	max-width: 260px;
	padding: 0 10px 0 30px;
	border-color: #fff;
	background-color: #d82034;
	color: #fff
}

.functional-block .add-more:hover i {
	color: #fff
}

.functional-block .field-radio {
	display: flex;
	height: 45px;
	font-size: 17px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #666;
	overflow: hidden;
	box-shadow: none
}

.functional-block .field-radio.auto-width {
	display: flex
}

.functional-block .field-radio.auto-width label {
	float: none;
	width: 100%
}

.functional-block .field-radio.auto-width label i {
	top: 0
}

.functional-block .field-radio.auto-width svg path {
	fill: #666;
	transition: fill .2s ease-in-out
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span:first-of-type {
	background-color: #94b355
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span:nth-of-type(2) {
	background-color: #55b356
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span:nth-of-type(3) {
	background-color: #e37976
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span svg path {
	fill: #fff
}

.functional-block .field-radio.field-mood label:hover svg path {
	fill: #555
}

@media screen and (max-width: 767px) {
	.functional-block .field-radio.field-medium label {
		position: relative
	}

	.functional-block .field-radio.field-medium label span {
		display: none
	}

	.functional-block .field-radio.field-medium label i {
		margin-right: 0
	}
}

.functional-block .field-radio input[type=radio] {
	position: absolute;
	width: 0;
	opacity: 0;
	visibility: hidden
}

.functional-block .field-radio input[type=radio]:checked + span {
	background-color: #d82034;
	color: #fff
}

.functional-block .field-radio span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	width: 100%;
	height: 41px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.functional-block .field-radio span i {
	position: relative;
	margin-right: 2px;
	font-size: 16px
}

.functional-block .field-radio span span {
	display: inline-block;
	padding: 0 15px;
	line-height: 1.2
}

.functional-block .field-radio span span i {
	margin-right: 0;
	margin-left: 3px
}

.functional-block .field-radio span.small-text {
	font-size: 16px;
	font-family: legacy-sans-book, sans-serif
}

.functional-block .field-radio span:hover {
	color: #555
}

.functional-block .field-radio .field-radio-item {
	float: left;
	width: 50%;
	text-align: center
}

.functional-block .field-radio .field-radio-item label {
	display: block
}

.functional-block .field-radio .field-radio-item i {
	margin-right: 7px
}

.functional-block .field-measure {
	position: relative
}

.functional-block .field-measure input {
	padding-right: 30px
}

.functional-block .field-measure:after {
	content: attr(data-measure);
	position: absolute;
	top: 0;
	right: 10px;
	display: inline-block;
	height: 44px;
	font-size: 18px;
	line-height: 44px;
	color: #666
}

.functional-block .field-measure.year input {
	padding-right: 55px
}

.functional-block .field-file {
	position: relative;
	height: 44px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 44px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	overflow: hidden;
	background-color: #fff;
	color: #666;
	box-shadow: none;
	transition: border-color .2s ease-in-out
}

.functional-block .field-file [type=file] {
	cursor: inherit;
	display: block;
	font-size: 999px;
	filter: alpha(opacity=0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0
}

.functional-block .field-file i {
	position: absolute;
	top: 13px;
	right: 10px
}

.functional-block .dummy-text-plugin {
	overflow-x: auto
}

.functional-block .list-info p {
	font-size: 14px
}

@media screen and (min-width: 768px) {
	.functional-block .list-info p {
		font-size: 17px
	}
}

.functional-block .count-info {
	display: block;
	height: 116px;
	font-size: 21px;
	text-align: center
}

.functional-block .count-info .icon-first {
	margin-bottom: 10px;
	font-size: 40px;
	color: #d82034
}

.functional-block .count-info .icon-second {
	position: absolute;
	left: 0;
	font-size: 40px;
	color: #d82034;
	opacity: 0
}

.functional-block .count-info .file-first, .functional-block .count-info .folder-first, .functional-block .count-info .plane-first {
	transition: .8s ease-out, opacity .4s ease-out
}

.functional-block .count-info .plane-second {
	bottom: -10px;
	transform: scale(.5) rotateX(60deg) rotate(-20deg);
	transition: .6s ease-in, opacity .4s ease-in-out
}

.functional-block .count-info .folder-second {
	bottom: -10px;
	opacity: 0;
	transform: scale(.5) rotate(0);
	transition: .8s ease-in, opacity .4s ease-in-out
}

.functional-block .count-info .file-second {
	bottom: -10px;
	opacity: 0;
	transform: scale(.5) rotateX(0);
	transition: .6s ease-in, opacity .4s ease-in-out
}

.functional-block .count-info div {
	position: relative;
	color: #333;
	transition: transform .4s ease-in-out
}

.functional-block .count-info span {
	position: relative;
	display: block;
	margin-top: 10px;
	font-size: 40px;
	color: #d82034;
	transition: .2s ease-in-out
}

.functional-block .count-info .icon-first {
	transition: color .2s ease-in-out
}

.functional-block .count-info:hover .icon-first, .functional-block .count-info:hover span {
	color: #666
}

.functional-block .count-info:focus {
	text-decoration: none
}

.functional-block .filter-date {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 46%
}

@media screen and (min-width: 370px) {
	.functional-block .filter-date {
		width: 47%
	}
}

@media screen and (min-width: 992px) {
	.functional-block .filter-date {
		width: 48%
	}
}

.functional-block .filter-date span {
	position: absolute;
	left: 15px;
	font-size: 14px;
	line-height: 44px;
	pointer-events: none
}

.functional-block .filter-date input {
	display: inline-block;
	vertical-align: top;
	width: 100%
}

.functional-block .filter-date:after {
	content: "\F073";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	height: 18px;
	font: normal normal normal 18px/1 FontAwesome;
	pointer-events: none;
	color: #d82034;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.functional-block .total-col:after {
	content: "";
	display: table;
	clear: both
}

.functional-block .total-col .total-align-right {
	width: 25%;
	padding-left: 20px;
	float: right
}

@media screen and (max-width: 767px) {
	.functional-block .total-col .total-align-right {
		width: 160px
	}
}

.functional-block .total-col:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #e6e6e6
}

@media screen and (max-width: 991px) {
	.functional-block .total-col:before {
		left: -5px;
		width: calc(100% + 10px)
	}
}

@media screen and (max-width: 767px) {
	.functional-block .total-col:before {
		display: none
	}
}

.functional-block .plugin-editor {
	margin-bottom: 20px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	box-shadow: none
}

@media screen and (min-width: 768px) {
	.functional-block .plugin-editor {
		margin: 0 15px 20px
	}
}

.functional-block .mce-tinymce {
	border: none !important;
	box-shadow: none !important
}

.functional-block .popover {
	padding: 0;
	border-color: #d82034;
	border-radius: 0;
	font-family: legacy-sans-book, sans-serif;
	font-size: 16px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.functional-block .popover.wide-popover {
	max-width: calc(100% + 22px);
	transform: translateX(-2px)
}

@media screen and (min-width: 600px) {
	.functional-block .popover.wide-popover {
		max-width: calc(100% - 40px);
		transform: translateX(-22px)
	}
}

.functional-block .popover .popover-title {
	border-radius: 0;
	color: #fff;
	background-color: #d82034
}

.functional-block .popover .popover-title p {
	margin-bottom: 0
}

@media screen and (max-width: 599px) {
	.functional-block .popover .popover-title p {
		font-size: 26px !important
	}
}

@media screen and (max-width: 599px) {
	.functional-block .popover .popover-content p:first-child {
		font-size: 18px !important
	}

	.functional-block .popover .popover-content ul {
		padding-left: 20px;
		font-size: 15px !important
	}
}

.functional-block .popover.top > .arrow {
	border-top-color: #d82034
}

.apply-view-only-styling .field-edit-button {
	position: absolute;
	right: 0;
	bottom: 0
}

.apply-view-only-styling .field-view {
	display: block;
	width: 100%;
	height: 44px;
	padding: 15px 17px 11px;
	font-size: 17px;
	border-radius: 0;
	background: #e2e2e2
}

@media screen and (min-width: 768px) {
	.widgets {
		display: flex;
		justify-content: stretch;
		flex-wrap: wrap
	}

	.widgets .col-sm-6 {
		width: 49.9%
	}
}

.required-text {
	color: #e37976
}

.link {
	position: relative;
	padding: 0;
	border: none;
	color: #d82034;
	background-color: transparent
}

.link:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	margin: auto;
	width: 100%;
	height: 1px;
	background-color: #d82034;
	transition: width .35s ease
}

.link:hover {
	background-color: transparent
}

.link:hover:after {
	width: 0
}

.link:focus {
	outline: none;
	text-decoration: none
}

.align-center {
	float: none;
	margin: 0 auto
}

.collapsible-content {
	overflow: hidden
}

.buttons-row.buttons-row--center {
	margin-top: 30px
}

.buttons-row--center {
	display: flex;
	justify-content: center
}

.buttons-row--center button {
	margin: 0 10px 10px
}

.tile-wrapper {
	margin-top: 25px
}

.tile {
	display: flex;
	flex-flow: row wrap;
	margin-left: -8px;
	position: relative
}

.tile.collapse .tile-block {
	transition: .4s ease-in-out
}

.tile .tile-block {
	flex: auto;
	margin: 0 0 8px 8px;
	border: 1px solid #d82034;
	background-color: #fff;
	transition: none
}

.tile .tile-block.dropdown-list {
	border-bottom-right-radius: 20px
}

.tile .tile-block.dropdown-list .main-button {
	position: relative;
	border-bottom-right-radius: 20px
}

.tile .tile-block.dropdown-list .main-button:after {
	height: 100%
}

.tile .tile-block.dropdown-list .main-button:after, .tile .tile-block.dropdown-list .main-button:before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% + 2px);
	top: -1px;
	left: -1px;
	border: 1px solid #d82034;
	border-bottom-right-radius: 20px
}

.tile .tile-block.dropdown-list .main-button:before {
	height: calc(100% - 2px)
}

.tile .tile-block.open {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: calc(100% - 8px) !important;
	min-height: 189px !important;
	border-bottom-right-radius: 0;
	overflow: hidden;
	z-index: 4
}

.tile .tile-block.open .main-button {
	box-shadow: none;
	border-bottom: 1px solid #d82034;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.tile .tile-block.open .main-button:after, .tile .tile-block.open .main-button:before {
	opacity: 0
}

.tile .tile-block.open .main-button:focus {
	outline: none
}

.tile .tile-block.open .tile-close {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .4s ease-in-out .4s
}

.tile .tile-block.open .tile-expand {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .4s ease-in-out 1.2s
}

.tile .tile-block.open .main-button:after {
	display: none
}

.tile .tile-block.open ul {
	position: static;
	max-height: calc(100% - 57px);
	margin-bottom: 0;
	padding-bottom: 15px;
	overflow-y: auto;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transition: .4s ease-in-out, max-height .4s ease-in-out
}

.tile .tile-block.expand {
	height: auto !important
}

.tile .tile-block.expand ul {
	max-height: 600px;
	height: auto
}

.tile .tile-block.expand .tile-expand i {
	transform: rotate(180deg)
}

.tile .tile-block .tile-expand {
	position: absolute;
	width: 100%;
	height: 35px;
	padding-top: 15px;
	left: 0;
	bottom: 0;
	opacity: 0;
	text-align: center;
	pointer-events: none;
	font-size: 16px;
	color: #d82034;
	cursor: pointer;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 57%);
	transition: none
}

.tile .tile-block .tile-expand i {
	position: relative;
	top: 2px
}

.tile .tile-block ul {
	position: absolute;
	max-height: 0;
	opacity: 0;
	padding-top: 15px;
	margin-left: 20px;
	pointer-events: none;
	transform: translateY(40px);
	transition: none
}

.tile .tile-block li {
	position: relative;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 15px;
	padding-left: 25px
}

.tile .tile-block li:before {
	content: "\F105";
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	top: -2px;
	left: 0;
	float: right;
	font: normal normal normal 18px/1 FontAwesome;
	text-rendering: auto;
	color: #f9f9f9;
	background-color: #d82034;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.tile .tile-block li a {
	position: relative;
	font-size: 16px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #d82034
}

.tile .tile-block li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	margin: auto;
	width: 0;
	height: 1px;
	background-color: #d82034;
	transition: width .35s ease
}

.tile .tile-block li a:hover:after {
	width: 100%
}

.tile .main-button {
	width: 100%;
	height: 57px;
	font-size: 21px;
	line-height: 57px;
	text-align: center;
	text-transform: none;
	color: #d82034
}

.tile .main-button, .tile .main-button:hover {
	background-color: #fff
}

.tile .tile-close {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	padding: 0 0 0 13px;
	border: none;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	background-color: transparent;
	transition: none
}

.tile .tile-close:after, .tile .tile-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 1px;
	background-color: #333;
	transition: transform .4s ease-in-out
}

.tile .tile-close:before {
	transform: rotate(45deg)
}

.tile .tile-close:after {
	transform: rotate(-45deg)
}

.tile .tile-close:hover:before {
	transform: rotate(130deg)
}

.tile .tile-close:hover:after {
	transform: rotate(-130deg)
}

.custom-page h1 {
	font-size: 28px;
	font-family: "legacy-serif-book-italic", serif;
	font-weight: 400;
	color: #333
}

@media screen and (min-width: 768px) {
	.custom-page h1 {
		font-size: 34px
	}
}

.custom-page h3 {
	margin-top: 0;
	font-family: "legacy-serif-book", serif;
	font-weight: 400;
	color: #333
}

.custom-page p {
	font-family: legacy-sans-book, sans-serif;
	font-size: 14px
}

.custom-page > p {
	line-height: 1.4
}

.custom-page .filter .body {
	padding: 15px 20px
}

@media screen and (min-width: 768px) {
	.custom-page .filter .body {
		padding: 15px 25px
	}
}

.custom-page .filter .filter-label {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.custom-page .filter .filter-col {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px
}

.custom-page .filter .filter-col-submit {
	position: relative;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: center
}

.custom-page .filter .filter-col-submit:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #e6e6e6
}

.custom-page .filter .filter-radio {
	height: 44px;
	font-size: 16px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #666;
	overflow: hidden;
	box-shadow: none
}

.custom-page .filter .filter-radio input[type=radio] {
	position: absolute;
	width: 0;
	opacity: 0;
	visibility: hidden
}

.custom-page .filter .filter-radio input[type=radio]:checked + label {
	background-color: #d82034;
	color: #fff
}

.custom-page .filter .filter-radio label {
	float: left;
	width: 50%;
	margin-bottom: 0;
	height: 44px;
	line-height: 44px;
	font-family: legacy-sans-book, sans-serif;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.custom-page .filter .filter-radio label i {
	position: relative;
	top: 2px;
	margin-right: 4px;
	font-size: 18px
}

.custom-page .filter .filter-radio label span {
	display: inline-block;
	line-height: 34px
}

.custom-page .filter .filter-radio label span i {
	margin-right: 0;
	margin-left: 3px
}

.custom-page .filter .filter-radio label.small-text {
	font-size: 16px
}

.custom-page .filter .filter-radio label:hover {
	color: #555
}

.custom-page .filter .more-filter-row {
	clear: both
}

.custom-page .filter .range-slider {
	height: 44px
}

.custom-page .filter .date-devider {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 44px;
	padding: 0 3px;
	color: #555
}

.custom-page .result-view {
	margin-top: 25px;
	border-radius: 0;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.custom-page .result-view .head {
	padding: 10px 15px;
	font-size: 18px;
	border-radius: 0 0 0 0;
	background-color: #e6e6e6
}

.custom-page .result-view .head .fa-sliders {
	margin-right: 3px
}

.custom-page .result-view .body {
	padding: 10px 15px
}

.custom-page .result-view .body .list-body {
	display: none
}

.custom-page .result-view .body ul {
	margin-top: 10px
}

.custom-page .result-view .body ul li {
	display: block;
	margin: 0;
	padding: 1px 0;
	color: #555
}

.custom-page .result-view .body ul h4 {
	font-size: 18px;
	margin-bottom: 4px
}

.custom-page .result-view .body ul ul {
	margin-top: 20px;
	margin-left: 20px
}

.custom-page .result-view .body ul ul li {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 16px
}

.custom-page .result-view .body ul ul li .list-head {
	position: relative;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #666
}

.custom-page .result-view .body ul ul li .list-head.open:before {
	height: calc(100% + 22px)
}

.custom-page .result-view .body ul ul li .list-head.open + .list-body ul:before {
	height: 97%
}

.custom-page .result-view .body ul ul li .list-head.open + .list-body ul li:before {
	width: 10px
}

.custom-page .result-view .body ul ul ul {
	position: relative;
	padding: 5px 0;
	margin-top: 15px;
	border-left: 1px solid #d82034
}

.custom-page .result-view .body ul ul ul li {
	position: relative;
	margin: 5px 0 0;
	padding: 0 10px;
	font-size: 16px;
	line-height: 1.4
}

.custom-page .result-view .body > ul > li {
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid #e6e6e6;
	border-radius: 0 0 0 0;
	overflow: hidden;
	transition: border-color .4s ease-in-out
}

.custom-page .result-view .body > ul > li > .list-head {
	border-radius: 0 0 0 0;
	border-bottom: none
}

.custom-page .result-view .body > ul > li > .list-head h4 {
	margin-bottom: 8px
}

.custom-page .result-view .body > ul > li > .list-head.open {
	background-color: #e6e6e6 !important
}

.custom-page .result-view .body > ul > li.open-list {
	border-left-color: #e6e6e6;
	border-right-color: #e6e6e6
}

.custom-page .result-view .fa-angle-down, .custom-page .result-view .fa-chevron-down {
	transition: color .2s ease-out
}

.custom-page .result-view .fa-chevron-down {
	float: right;
	color: #666
}

.custom-page .result-view .fa-angle-down {
	float: right;
	font-size: 22px;
	line-height: 14px;
	color: #666
}

.custom-page .result-view .list-head {
	padding: 5px 10px;
	border-bottom: 2px solid;
	transition: border-bottom-color .2s ease-out
}

.custom-page .result-view .list-head.open {
	border-bottom-color: #d82034 !important
}

.custom-page .result-view .list-head.open .fa-angle-down, .custom-page .result-view .list-head.open .fa-chevron-down {
	color: #d82034;
	transform: rotate(180deg)
}

.custom-page .functional-block i.btn, .custom-page .result-view-table i.btn {
	color: #d82034;
	transition: color .2s ease-in-out
}

.custom-page .functional-block i.btn:hover, .custom-page .result-view-table i.btn:hover {
	color: #e44758
}

.custom-page .functional-block .manage-options, .custom-page .result-view-table .manage-options {
	position: absolute;
	float: none;
	max-width: 43px;
	bottom: 2px;
	right: 0;
	margin-bottom: 0;
	padding: 0 0 13px;
	overflow: hidden;
	transition: max-width .2s ease-in-out .5s
}

.custom-page .functional-block .manage-options .manage-list, .custom-page .result-view-table .manage-options .manage-list {
	position: relative;
	margin-bottom: 18px;
	bottom: 0;
	right: 0
}

.custom-page .functional-block .manage-options .manage-button, .custom-page .result-view-table .manage-options .manage-button {
	float: right;
	max-width: 32px;
	margin-right: 10px;
	padding: 6px 8px;
	right: 0;
	bottom: 35px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	transition: max-width .8s ease-in-out
}

.custom-page .functional-block .manage-options:hover, .custom-page .result-view-table .manage-options:hover {
	max-width: 290px;
	padding-left: 0;
	transform: none;
	transition: none
}

.custom-page .functional-block .manage-options:hover .manage-button, .custom-page .result-view-table .manage-options:hover .manage-button {
	max-width: 150px
}

.custom-page .functional-block .field-col-button .manage-options, .custom-page .result-view-table .field-col-button .manage-options {
	bottom: 9px;
	right: -25px
}

@media screen and (max-width: 991px) {
	.custom-page .functional-block .field-col-button .manage-options, .custom-page .result-view-table .field-col-button .manage-options {
		right: -20px
	}
}

@media screen and (max-width: 767px) {
	.custom-page .functional-block .field-col-button .manage-options, .custom-page .result-view-table .field-col-button .manage-options {
		right: -15px
	}
}

.custom-page .more-details, .custom-page .more-filters {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 20px;
	margin-right: -5px;
	padding: 0 10px;
	font-size: 18px;
	border-radius: 0;
	border: none;
	color: #d82034;
	text-align: center;
	background-color: transparent;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.custom-page .more-details i, .custom-page .more-filters i {
	position: relative;
	top: 3px;
	margin-left: 3px;
	font-size: 24px;
	transition: transform .4s ease-in-out;
	transform: translateY(0)
}

.custom-page .more-details:focus, .custom-page .more-filters:focus {
	outline: none
}

.custom-page .more-details:hover i, .custom-page .more-filters:hover i {
	animation: top-down 1s ease-in-out infinite
}

.custom-page .more-details.open i, .custom-page .more-filters.open i {
	transform: rotate(180deg)
}

.custom-page .more-details.open:hover i, .custom-page .more-filters.open:hover i {
	animation: top-down-rotated 1s ease-in-out infinite
}

.result-view2 {
	margin-bottom: 10px
}

@media screen and (max-width: 767px) {
	.result-view2 .product-row:last-child > .list-head {
		border-bottom: none
	}
}

.result-view2 .product-row > .list-head {
	font-size: 16px
}

.result-view2 .product-row > .list-head.opened {
	border-bottom-color: #d82034
}

.result-view2 .product-row > .list-head.opened, .result-view2 .product-row > .list-head.opened .fa-angle-down {
	color: #d82034
}

.result-view2 .product-row > .list-head.opened .fa-angle-down {
	transform: rotate(180deg)
}

.result-view2 .product-row .list-body {
	padding: 10px
}

@media screen and (min-width: 768px) {
	.result-view2 .product-row .list-body {
		padding: 15px 0 15px 15px
	}
}

.result-view2 .product-row .list-body li {
	position: relative;
	font-size: 16px;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0 10px;
	border-radius: 0;
	border: 5px solid #e6e6e6;
	background: #fff
}

@media screen and (min-width: 480px) {
	.result-view2 .product-row .list-body li {
		margin: 0 0 10px 20px;
		padding-bottom: 5px
	}
}

.result-view2 .product-row .list-body li:last-child {
	margin-bottom: 0
}

.result-view2 .product-row .list-body li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: -27px;
	width: 16px;
	height: 16px;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li:before {
		border-radius: 50%;
		text-align: center;
		width: 24px;
		height: 24px;
		top: -11px;
		left: -13px;
		line-height: 23px
	}
}

.result-view2 .product-row .list-body li.offer:before {
	content: "\F021";
	color: #248df8
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li.offer:before {
		background-color: #248df8;
		color: #fff
	}
}

.result-view2 .product-row .list-body li.active:before {
	content: "\F00C";
	color: #55b356
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li.active:before {
		background-color: #55b356;
		color: #fff
	}
}

.result-view2 .product-row .list-body li.decline:before {
	content: "\F00D";
	color: #e37976
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li.decline:before {
		background-color: #e37976;
		color: #fff
	}
}

.result-view2 .fa-angle-down, .result-view2 .fa-chevron-down {
	transition: color .2s ease-out
}

.result-view2 .fa-chevron-down {
	float: right;
	color: #666
}

.result-view2 .fa-angle-down {
	float: right;
	font-size: 22px;
	line-height: 14px;
	color: #666
}

.result-view2 .list-head {
	padding: 10px 20px;
	font-family: legacy-sans-book, sans-serif;
	cursor: pointer;
	border-bottom: 2px solid #e6e6e6;
	transition: color .2s ease-in-out, border-bottom-color .2s ease-out
}

@media screen and (min-width: 768px) {
	.result-view2 .list-head {
		padding: 10px
	}
}

.result-view2 .list-head.open {
	border-bottom-color: #d82034 !important
}

.result-view2 .list-head.open .fa-angle-down, .result-view2 .list-head.open .fa-chevron-down {
	color: #d82034;
	transform: rotate(180deg)
}

.result-view2 .info {
	display: block;
	vertical-align: top;
	padding: 10px 5px 5px;
	font-family: legacy-sans-book, sans-serif;
	color: #555
}

.result-view2 .info:last-child {
	border-bottom: none
}

.result-view2 .info b {
	display: block;
	float: left;
	text-align: left;
	width: 103px
}

.result-view2 .info .info-value {
	display: block;
	padding-left: 103px
}

.result-view2 .info .info-value a:not(.title-link) {
	position: relative;
	top: -4px;
	display: inline-block;
	vertical-align: top;
	padding: 4px 6px;
	margin: 0 3px 6px;
	border-radius: 0;
	border: 1px solid #d82034;
	color: #d82034;
	background-color: transparent;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.result-view2 .info .info-value a:not(.title-link):hover {
	background-color: #d82034;
	color: #fff
}

.result-view2 .info .info-value a:not(.title-link):hover .preview {
	opacity: 1;
	transform: translateY(0) scale(1);
	transition: transform .4s ease-in-out, opacity .4s ease-in-out .2s
}

.result-view2 .info .info-value .title-link {
	position: relative;
	text-decoration: underline;
	color: #d82034
}

.result-view2 .info .info-value .title-link:before {
	content: "\F061";
	position: absolute;
	top: 0;
	left: -18px;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	color: #d82034;
	opacity: 0;
	transform: translateX(-10px);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: transform .4s ease-in-out, opacity .4s ease-in-out
}

.result-view2 .info .info-value .title-link:hover {
	text-decoration: none
}

.result-view2 .info .info-value .title-link:hover:before {
	opacity: 1;
	transform: translateX(0)
}

.result-view2 .button-expand {
	display: none;
	position: absolute;
	top: 8px;
	right: 4px;
	width: 36px;
	height: 24px;
	text-align: center;
	border-radius: 0;
	cursor: pointer
}

.result-view2 .button-expand i {
	float: none;
	vertical-align: middle;
	color: #666
}

.result-view2.notes .product-row .list-body {
	padding-left: 0
}

.result-view2.notes .product-row .list-body li {
	margin-left: 10px
}

@media screen and (min-width: 768px) {
	.result-view2.notes .product-row .list-body li {
		margin-left: 0
	}
}

.result-view2.notes .closed {
	display: none
}

.result-view2.notes .category-title {
	padding: 10px 0;
	font-family: legacy-sans-bold, sans-serif;
	font-size: 18px
}

@media screen and (max-width: 767px) {
	.result-view2.notes .category-title {
		padding-left: 15px
	}
}

@media screen and (min-width: 767px) {
	.result-view2.notes .main-list {
		border-right: none
	}
}

@media screen and (min-width: 767px) {
	.result-view2.notes .result-list {
		border-left: 2px solid #e6e6e6
	}
}

.result-view2.notes .result-list > ul:not(:last-child) {
	margin-bottom: 30px
}

.result-view2.notes .result-list .col-submit {
	margin-bottom: 10px;
	text-align: center
}

.result-view2 .preview {
	position: absolute;
	width: 300px;
	margin-top: 22px;
	left: -11px;
	border: 1px solid #d82034;
	border-radius: 0;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .25);
	pointer-events: none;
	box-sizing: border-box;
	z-index: 2;
	opacity: 0;
	transform: translateY(40px) scale(.2);
	transition: transform 1s ease-in-out, opacity .4s ease-in-out
}

.result-view2 .preview img {
	width: 100%;
	border-radius: 0
}

.result-view2 .preview:after, .result-view2 .preview:before {
	content: "";
	display: block;
	position: absolute
}

.result-view2 .preview:before {
	top: -14px;
	left: 15px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.result-view2 .preview:after {
	left: 16px;
	top: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 13px solid #fff
}

.welcome-block h1 {
	font-size: 30px;
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

@media screen and (min-width: 768px) {
	.welcome-block h1 {
		font-size: 36px
	}
}

.welcome-block h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 20px;
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

@media screen and (min-width: 768px) {
	.welcome-block h2 {
		font-size: 24px
	}
}

.welcome-block p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 15px
}

@media screen and (min-width: 768px) {
	.welcome-block p {
		font-size: 18px
	}
}

.pointer {
	position: relative;
	padding-bottom: 25px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.pointer:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 22px;
	height: 22px;
	background-image: url("../img/sort.svg");
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: auto 22px
}

.sort-asc:after {
	background-image: url("../img/asc.svg")
}

.sort-desc:after {
	background-image: url("../img/desc.svg")
}

.manage-options {
	position: fixed;
	float: right;
	margin-bottom: 40px;
	padding-top: 20px;
	right: -76px;
	bottom: 60px;
	transition: transform .6s ease-in-out;
	z-index: 3;
	pointer-events: none
}

.manage-options:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 13px;
	left: 0;
	width: 33px;
	height: 35px;
	pointer-events: auto
}

.manage-options:hover {
	padding-left: 180px;
	transform: translateX(-70px)
}

.manage-options:hover:after {
	width: 100%;
	height: 50px
}

.manage-options:hover .manage-list {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0)
}

.manage-options:hover .manage-button {
	color: #fff;
	background-color: #d82034
}

.manage-options:hover .manage-button i {
	transform: rotate(180deg)
}

.manage-options .manage-button {
	display: inline-block;
	font-size: 16px;
	padding: 8px 10px;
	border-radius: 0;
	background: #fff;
	color: #d82034;
	border: 1px solid #d82034;
	transition: color .1s linear, background-color .1s linear
}

.manage-options .manage-button i {
	margin-right: 8px;
	transition: transform 1s ease-in-out
}

.manage-options .manage-list {
	position: absolute;
	width: 280px;
	padding: 20px 17px 15px;
	right: 10px;
	bottom: 45px;
	font-size: 16px;
	border-radius: 0;
	background-color: #fff;
	box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .35);
	border: 1px solid #d82034;
	opacity: 0;
	pointer-events: none;
	transform: translateX(200px);
	transition: opacity .6s ease-in-out .2s, transform .6s ease-in-out .2s
}

.manage-options .manage-list:after, .manage-options .manage-list:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0
}

.manage-options .manage-list:before {
	right: 67px;
	bottom: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #d82034
}

.manage-options .manage-list:after {
	right: 68px;
	bottom: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 13px solid #fff
}

.manage-options .manage-list li:not(:last-child) {
	margin-bottom: 15px
}

.manage-options .manage-list a {
	position: relative;
	display: inline-block;
	padding-left: 35px;
	padding-bottom: 10px;
	color: #555;
	cursor: pointer;
	transition: color .2s ease-in-out
}

.manage-options .manage-list a:hover {
	color: #d82034
}

.manage-options .manage-list a:hover .fa-comment.small, .manage-options .manage-list a:hover .fa-envelope.small, .manage-options .manage-list a:hover .fa-eur, .manage-options .manage-list a:hover .fa-file-text.small, .manage-options .manage-list a:hover .fa-history.small, .manage-options .manage-list a:hover .fa-pencil.small, .manage-options .manage-list a:hover .fa-play-circle-o, .manage-options .manage-list a:hover .fa-print.small, .manage-options .manage-list a:hover .fa-trash.small, .manage-options .manage-list a:hover .fa-user-circle-o {
	transform: rotateY(180deg) skewY(-5deg)
}

.manage-options .manage-list a:hover .fa-file-excel-o, .manage-options .manage-list a:hover .fa-file-o, .manage-options .manage-list a:hover .fa-file-text, .manage-options .manage-list a:hover .fa-file-text-o, .manage-options .manage-list a:hover .fa-sitemap {
	transform: rotateY(40deg) skewY(-10deg)
}

.manage-options .manage-list a:hover .fa-share.import {
	transform: rotateY(30deg) translateX(2px)
}

.manage-options .manage-list a:hover .fa-share.export {
	transform: translateX(3px) scaleX(-1)
}

.manage-options .manage-list a:focus {
	text-decoration: none
}

.manage-options .manage-list i {
	position: absolute;
	top: -4px;
	left: 0;
	margin-right: 10px;
	font-size: 24px;
	color: #d82034
}

.manage-options .manage-list .fa-comment, .manage-options .manage-list .fa-envelope, .manage-options .manage-list .fa-eur, .manage-options .manage-list .fa-file-excel-o, .manage-options .manage-list .fa-file-o, .manage-options .manage-list .fa-file-text, .manage-options .manage-list .fa-file-text-o, .manage-options .manage-list .fa-file-text.small, .manage-options .manage-list .fa-history, .manage-options .manage-list .fa-pencil, .manage-options .manage-list .fa-play-circle-o, .manage-options .manage-list .fa-print, .manage-options .manage-list .fa-share, .manage-options .manage-list .fa-sitemap, .manage-options .manage-list .fa-trash, .manage-options .manage-list .fa-user-circle-o {
	transition: transform .6s ease-out
}

.manage-options .manage-list .fa-comment.small, .manage-options .manage-list .fa-envelope.small, .manage-options .manage-list .fa-eur.small, .manage-options .manage-list .fa-file-text.small, .manage-options .manage-list .fa-history.small, .manage-options .manage-list .fa-pencil.small, .manage-options .manage-list .fa-print.small, .manage-options .manage-list .fa-trash.small, .manage-options .manage-list .fa-user-circle-o {
	position: absolute;
	display: inline-block;
	top: 10px;
	left: 14px;
	font-size: 14px;
	border-radius: 50%;
	color: #55b356;
	background-color: #fff
}

.manage-options .manage-list .fa-eur.small {
	width: 14px;
	height: 14px;
	padding-top: 1px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background-color: #55b356
}

.manage-options .manage-list .fa-history.small, .manage-options .manage-list .fa-pencil.small, .manage-options .manage-list .fa-print.small, .manage-options .manage-list .fa-trash.small {
	font-size: 16px
}

.manage-options .manage-list .fa-share {
	position: absolute;
	display: inline-block;
	font-size: 12px;
	color: #55b356
}

.manage-options .manage-list .fa-share.import {
	top: 8px;
	left: -4px;
	color: #55b356
}

.manage-options .manage-list .fa-share.export {
	top: 5px;
	left: -7px;
	color: #e37976;
	transform: scaleX(-1)
}

.manage-options .manage-list .fa-play-circle-o {
	font-size: 18px;
	top: 9px;
	left: 10px;
	border-radius: 50%;
	color: #55b356 !important;
	background-color: #fff
}

.stretch-table-button {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #d82034;
	background: none;
	border: none
}

.stretch-table-button i {
	position: relative;
	top: 3px;
	font-size: 24px;
	transition: transform .4s ease-in-out
}

.stretch-table-button:focus {
	outline: none
}

.stretch-table-button:hover i {
	animation: shake .7s linear
}

.stretch-table-button + .result-view-table {
	margin-top: 0
}

.result-view-table {
	position: relative;
	clear: both;
	overflow: hidden;
	border-radius: 0;
	margin-top: 25px;
	color: #555;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.result-view-table.no-overflow {
	overflow: visible
}

.result-view-table table {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	background-color: transparent
}

.result-view-table thead {
	color: #fff;
	background: #d82034
}

.result-view-table tr {
	border: none
}

.result-view-table tr:nth-child(2n) {
	background-color: #fff
}

.result-view-table th {
	position: relative;
	height: 34px;
	padding: 10px;
	font-size: 14px;
	font-family: legacy-sans-bold, sans-serif;
	font-weight: 400;
	color: #fff
}

.result-view-table th a {
	position: absolute;
	left: 0;
	right: 0;
	top: 9px;
	padding: 0 10px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.result-view-table thead td {
	position: relative;
	font-family: legacy-sans-bold, sans-serif
}

.result-view-table thead td .pointer {
	position: static
}

.result-view-table td {
	vertical-align: top;
	padding: 10px;
	font-family: legacy-sans-book, sans-serif;
	font-size: 16px;
	line-height: 1.3
}

.result-view-table .checkbox-custom {
	margin-bottom: 0
}

.result-view-table .checkbox-custom span {
	padding-top: 0;
	font-size: 14px
}

.result-view-table .checkbox-custom span:before {
	top: 1px
}

.result-view-table .checkbox-custom span:after {
	top: 8px
}

@media screen and (max-width: 768px) {
	.result-view-table .btn-icon {
		margin-right: 10px;
		margin-bottom: 5px;
		white-space: nowrap
	}

	.result-view-table .btn-icon i {
		padding-right: 5px
	}

	.result-view-table .btn-icon:after {
		content: attr(title)
	}
}

.result-view-table .field-col-submit {
	display: flex;
	justify-content: center;
	padding-bottom: 20px
}

.result-view-table .field-col-submit .main-button {
	margin: 0 10px
}

.result-view-table .icon-style {
	font-size: 20px;
	color: #d82034
}

.result-view-table .fa-arrow-circle-o-right {
	position: relative;
	display: inline-block;
	top: 6px;
	left: 8px;
	font-size: 16px;
	color: #55b356;
	background-color: #fff;
	border-radius: 50%;
	transition: transform .4s ease-in
}

.result-view-table .calculator-link {
	position: relative
}

.result-view-table .calculator-link i {
	cursor: pointer
}

@media screen and (min-width: 768px) {
	.result-view-table .calculator-link {
		left: -6px
	}
}

.result-view-table .calculator-link:hover .fa-arrow-circle-o-right {
	transform: translate(8px, -7px) scale(1.8)
}

.result-view-table .sort {
	display: inline-block;
	color: #fff
}

.result-view-table .sort:after {
	position: absolute;
	height: 16px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	color: #d82034;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.result-view-table .sort.ascending:after {
	content: "\F176"
}

.result-view-table .sort.descending:after {
	content: "\F175"
}

@media screen and (max-width: 767px) {
	.result-view-table table {
		width: 100%
	}

	.result-view-table table, .result-view-table tbody, .result-view-table td, .result-view-table th, .result-view-table thead, .result-view-table tr {
		display: block
	}

	.result-view-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.result-view-table tr {
		border-bottom: 1px solid #e6e6e6
	}

	.result-view-table tr:last-child {
		border-bottom: none
	}

	.result-view-table td {
		position: relative;
		padding-left: 50%;
		text-align: left
	}

	.result-view-table td:before {
		content: attr(data-column);
		position: absolute;
		top: 10px;
		left: 15px;
		width: 45%;
		padding-right: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: LegacySans, sans-serif;
		font-weight: 400
	}

	.result-view-table .email-theme {
		display: block;
		padding-bottom: 5px
	}
}

.result-view-table .functional-block {
	box-shadow: none;
	background-color: transparent;
	border-width: 1px 0 0
}

.result-view-table .table-submit {
	margin-left: 0;
	margin-right: 0;
	font-size: 17px;
	position: relative
}

.result-view-table .table-submit .table-navigation {
	text-align: center;
	margin-top: 10px
}

.result-view-table .table-submit .table-navigation button {
	margin: 0 1px
}

.result-view-table .table-submit .table-navigation button i {
	margin: 2px 2px 0
}

@media screen and (min-width: 768px) {
	.result-view-table .table-submit .table-navigation {
		float: right;
		margin-top: 0;
		margin-right: 0;
		text-align: left
	}
}

.result-view-table .table-submit .buttons-row {
	display: block;
	margin-bottom: 15px
}

@media screen and (min-width: 768px) {
	.result-view-table .table-submit .buttons-row {
		display: flex
	}
}

.result-view-table .table-submit .buttons-row .table-edit-buttons {
	position: relative;
	top: 5px;
	padding: 0 10px;
	text-align: center;
	background: linear-gradient(90deg, #f9f9f9 0, #f9f9f9 91%, hsla(0, 0%, 98%, 0))
}

.result-view-table .table-submit .buttons-row .table-edit-buttons button {
	margin-bottom: 10px
}

@media screen and (max-width: 479px) {
	.result-view-table .table-submit .buttons-row .table-edit-buttons button {
		width: 100%;
		border: 1px solid #d82034;
		text-align: left
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons button i {
		display: inline-block
	}
}

@media screen and (min-width: 768px) {
	.result-view-table .table-submit .buttons-row .table-edit-buttons {
		position: absolute;
		display: flex;
		justify-content: center;
		top: 0;
		right: calc(100% - 33px);
		margin: 0 0 20px;
		padding: 0;
		transition: transform .4s ease-in-out, padding .6s ease-in-out
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons:hover {
		padding-left: 40px;
		padding-right: 20px;
		transform: translateX(100%) translateX(-65px)
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons:hover .options {
		opacity: 0;
		transition: none
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons button {
		white-space: nowrap;
		background-color: #fff
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons button:hover {
		background-color: #d82034
	}
}

.result-view-table .table-submit .options {
	position: relative;
	margin-top: 2px;
	margin-left: 20px;
	color: #d82034;
	transition: opacity .4s ease-in-out .4s
}

@media screen and (max-width: 767px) {
	.result-view-table .table-submit .options {
		display: none
	}
}

.result-view-table .table-submit .options .fa-file {
	font-size: 24px
}

.result-view-table .table-submit .options .fa-wrench {
	position: absolute;
	font-size: 15px;
	top: 5px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-90deg)
}

.result-view-table .table-submit .page-count {
	display: inline-block;
	vertical-align: bottom;
	height: 30px;
	padding: 0 10px;
	margin: 0 2px;
	line-height: 30px;
	border-radius: 0;
	border: 1px solid #d82034;
	color: #d82034
}

.result-view-table .email-theme {
	padding-right: 5px
}

.result-view-table .email-theme + .btn-icon:after {
	position: relative;
	top: -1px
}

.enable-table-options .result-view-table {
	margin-bottom: 80px;
	overflow: visible
}

@media screen and (min-width: 768px) {
	.email-table th:last-child {
		width: 280px
	}
}

.contract-table {
	margin-top: 0
}

.contract-table th:nth-child(5) {
	width: 70px
}

.contract-table th:nth-child(5) a {
	padding: 0
}

.contract-table th:last-child {
	width: 50px
}

@media screen and (min-width: 768px) {
	.contract-table td {
		max-width: 150px
	}
}

@media screen and (min-width: 768px) {
	.contract-table td:nth-child(5) {
		width: 80px;
		padding: 10px 0
	}

	.contract-table td:nth-child(5) .pointer:after {
		left: 0
	}
}

@media screen and (min-width: 768px) {
	.contract-table td:last-child {
		width: 50px;
		padding: 10px 0;
		text-align: center
	}
}

@media screen and (min-width: 768px) {
	.inbox-table td:nth-child(2), .inbox-table th:nth-child(2) {
		width: 150px
	}
}

@media screen and (min-width: 768px) {
	.inbox-table td {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.stretch-table.stretch {
	animation: stretch .8s ease-in-out forwards
}

.stretch-table.stretch-back {
	animation: stretch-back .8s ease-in-out forwards
}

.ui-dialog .ui-widget-content a {
	color: #d82034;
	text-decoration: underline
}

.ui-dialog .ui-widget-content a:hover {
	text-decoration: none
}

.modal {
	font-family: Legacy-Regular, serif;
	color: #333
}

.modal-backdrop {
	background: #e1e1e1
}

.modal-content {
	padding: 30px 20px;
	border: none;
	border-radius: 0;
	box-shadow: 5px 5px 40px rgba(0, 0, 0, .3);
	background-color: #f9f9f9
}

.modal-body {
	padding: 0
}

.overlay_alphacube, .popup-window, .ui-widget-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: hsla(0, 0%, 100%, .6) !important;
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;
	z-index: 10000
}

.overlay_alphacube:after, .popup-window:after, .ui-widget-overlay:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

@media screen and (min-width: 600px) {
	.overlay_alphacube, .popup-window, .ui-widget-overlay {
		padding: 0 20px
	}
}

.overlay_alphacube .popup-inner, .popup-window .popup-inner, .ui-widget-overlay .popup-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 800px;
	padding: 30px 20px;
	font-size: 18px;
	line-height: 1.6;
	white-space: normal;
	border-radius: 0;
	background-color: #f9f9f9;
	box-shadow: 5px 5px 40px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	text-align: center
}

@media screen and (min-width: 600px) {
	.overlay_alphacube .popup-inner, .popup-window .popup-inner, .ui-widget-overlay .popup-inner {
		height: auto;
		padding-left: 40px;
		padding-right: 40px
	}
}

.overlay_alphacube .popup-inner .functional-block, .popup-window .popup-inner .functional-block, .ui-widget-overlay .popup-inner .functional-block {
	margin-top: 20px;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	border: 1px solid #e6e6e6;
	background-color: #f9f9f9;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

@media screen and (min-width: 992px) {
	.overlay_alphacube .popup-inner .functional-block .email-preview, .popup-window .popup-inner .functional-block .email-preview, .ui-widget-overlay .popup-inner .functional-block .email-preview {
		min-width: 700px
	}
}

@media screen and (max-width: 767px) {
	.overlay_alphacube .popup-inner .functional-block .email-preview li:not(:last-child), .popup-window .popup-inner .functional-block .email-preview li:not(:last-child), .ui-widget-overlay .popup-inner .functional-block .email-preview li:not(:last-child) {
		padding-bottom: 7px;
		border-bottom: 1px solid #e6e6e6
	}
}

@media screen and (min-width: 768px) {
	.overlay_alphacube .popup-inner .functional-block .email-preview li b, .popup-window .popup-inner .functional-block .email-preview li b, .ui-widget-overlay .popup-inner .functional-block .email-preview li b {
		padding-bottom: 8px
	}

	.overlay_alphacube .popup-inner .functional-block .email-preview li span, .popup-window .popup-inner .functional-block .email-preview li span, .ui-widget-overlay .popup-inner .functional-block .email-preview li span {
		min-height: 21px;
		padding-bottom: 7px;
		border-bottom: 1px solid #e6e6e6
	}
}

.overlay_alphacube h2, .popup-window h2, .ui-widget-overlay h2 {
	margin-bottom: 14px;
	font-size: 22px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #d82034
}

.overlay_alphacube p, .popup-window p, .ui-widget-overlay p {
	margin-bottom: 14px
}

.overlay_alphacube .checkbox-custom, .popup-window .checkbox-custom, .ui-widget-overlay .checkbox-custom {
	margin: 10px 0 9px
}

.overlay_alphacube .checkbox-custom > span, .popup-window .checkbox-custom > span, .ui-widget-overlay .checkbox-custom > span {
	top: 0
}

.overlay_alphacube .email, .popup-window .email, .ui-widget-overlay .email {
	color: #d82034
}

.overlay_alphacube .custom-form [class^=col], .popup-window .custom-form [class^=col], .ui-widget-overlay .custom-form [class^=col] {
	margin: 0 auto;
	float: none
}

.overlay_alphacube .custom-form .form-row-submit, .popup-window .custom-form .form-row-submit, .ui-widget-overlay .custom-form .form-row-submit {
	margin-top: 25px
}

.overlay_alphacube .custom-form .text-label, .popup-window .custom-form .text-label, .ui-widget-overlay .custom-form .text-label {
	font-size: 16px
}

.overlay_alphacube .popup-close, .popup-window .popup-close, .ui-widget-overlay .popup-close {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	padding: 0 0 0 13px;
	border: none;
	cursor: pointer;
	background-color: transparent
}

.overlay_alphacube .popup-close:after, .overlay_alphacube .popup-close:before, .popup-window .popup-close:after, .popup-window .popup-close:before, .ui-widget-overlay .popup-close:after, .ui-widget-overlay .popup-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 1px;
	background-color: #333;
	transition: transform .4s ease-in-out
}

.overlay_alphacube .popup-close:before, .popup-window .popup-close:before, .ui-widget-overlay .popup-close:before {
	transform: rotate(45deg)
}

.overlay_alphacube .popup-close:after, .popup-window .popup-close:after, .ui-widget-overlay .popup-close:after {
	transform: rotate(-45deg)
}

.overlay_alphacube .popup-close:hover:before, .popup-window .popup-close:hover:before, .ui-widget-overlay .popup-close:hover:before {
	transform: rotate(130deg)
}

.overlay_alphacube .popup-close:hover:after, .popup-window .popup-close:hover:after, .ui-widget-overlay .popup-close:hover:after {
	transform: rotate(-130deg)
}

.overlay_alphacube .popup-field, .popup-window .popup-field, .ui-widget-overlay .popup-field {
	text-align: left
}

.overlay_alphacube .popup-field .field-label, .popup-window .popup-field .field-label, .ui-widget-overlay .popup-field .field-label {
	margin-top: 20px
}

.dialog .alphacube_title, .dialog .modal-title, .dialog .ui-dialog-titlebar, .dialog h2, .modal-content .alphacube_title, .modal-content .modal-title, .modal-content .ui-dialog-titlebar, .modal-content h2, .popup-window .popup-inner .alphacube_title, .popup-window .popup-inner .modal-title, .popup-window .popup-inner .ui-dialog-titlebar, .popup-window .popup-inner h2, .ui-dialog.ui-widget .alphacube_title, .ui-dialog.ui-widget .modal-title, .ui-dialog.ui-widget .ui-dialog-titlebar, .ui-dialog.ui-widget h2 {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 22px !important;
	line-height: 1.3;
	font-family: LegacySans, sans-serif !important;
	font-weight: 400 !important;
	color: #d82034 !important
}

.dialog .alphacube_close, .dialog .close, .dialog .popup-close, .dialog .ui-dialog-titlebar-close, .modal-content .alphacube_close, .modal-content .close, .modal-content .popup-close, .modal-content .ui-dialog-titlebar-close, .popup-window .popup-inner .alphacube_close, .popup-window .popup-inner .close, .popup-window .popup-inner .popup-close, .popup-window .popup-inner .ui-dialog-titlebar-close, .ui-dialog.ui-widget .alphacube_close, .ui-dialog.ui-widget .close, .ui-dialog.ui-widget .popup-close, .ui-dialog.ui-widget .ui-dialog-titlebar-close {
	position: absolute;
	width: 46px;
	height: 42px;
	top: 0;
	right: 0;
	padding: 0 0 0 13px;
	border: none;
	cursor: pointer;
	background-image: none !important;
	background-color: transparent
}

.dialog .alphacube_close:after, .dialog .alphacube_close:before, .dialog .close:after, .dialog .close:before, .dialog .popup-close:after, .dialog .popup-close:before, .dialog .ui-dialog-titlebar-close:after, .dialog .ui-dialog-titlebar-close:before, .modal-content .alphacube_close:after, .modal-content .alphacube_close:before, .modal-content .close:after, .modal-content .close:before, .modal-content .popup-close:after, .modal-content .popup-close:before, .modal-content .ui-dialog-titlebar-close:after, .modal-content .ui-dialog-titlebar-close:before, .popup-window .popup-inner .alphacube_close:after, .popup-window .popup-inner .alphacube_close:before, .popup-window .popup-inner .close:after, .popup-window .popup-inner .close:before, .popup-window .popup-inner .popup-close:after, .popup-window .popup-inner .popup-close:before, .popup-window .popup-inner .ui-dialog-titlebar-close:after, .popup-window .popup-inner .ui-dialog-titlebar-close:before, .ui-dialog.ui-widget .alphacube_close:after, .ui-dialog.ui-widget .alphacube_close:before, .ui-dialog.ui-widget .close:after, .ui-dialog.ui-widget .close:before, .ui-dialog.ui-widget .popup-close:after, .ui-dialog.ui-widget .popup-close:before, .ui-dialog.ui-widget .ui-dialog-titlebar-close:after, .ui-dialog.ui-widget .ui-dialog-titlebar-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 1px;
	background-color: #333;
	box-shadow: 0 0 0 1px #fff;
	transition: transform .4s ease-in-out
}

.dialog .alphacube_close:before, .dialog .close:before, .dialog .popup-close:before, .dialog .ui-dialog-titlebar-close:before, .modal-content .alphacube_close:before, .modal-content .close:before, .modal-content .popup-close:before, .modal-content .ui-dialog-titlebar-close:before, .popup-window .popup-inner .alphacube_close:before, .popup-window .popup-inner .close:before, .popup-window .popup-inner .popup-close:before, .popup-window .popup-inner .ui-dialog-titlebar-close:before, .ui-dialog.ui-widget .alphacube_close:before, .ui-dialog.ui-widget .close:before, .ui-dialog.ui-widget .popup-close:before, .ui-dialog.ui-widget .ui-dialog-titlebar-close:before {
	transform: rotate(45deg)
}

.dialog .alphacube_close:after, .dialog .close:after, .dialog .popup-close:after, .dialog .ui-dialog-titlebar-close:after, .modal-content .alphacube_close:after, .modal-content .close:after, .modal-content .popup-close:after, .modal-content .ui-dialog-titlebar-close:after, .popup-window .popup-inner .alphacube_close:after, .popup-window .popup-inner .close:after, .popup-window .popup-inner .popup-close:after, .popup-window .popup-inner .ui-dialog-titlebar-close:after, .ui-dialog.ui-widget .alphacube_close:after, .ui-dialog.ui-widget .close:after, .ui-dialog.ui-widget .popup-close:after, .ui-dialog.ui-widget .ui-dialog-titlebar-close:after {
	transform: rotate(-45deg)
}

.dialog .alphacube_close:hover:before, .dialog .close:hover:before, .dialog .popup-close:hover:before, .dialog .ui-dialog-titlebar-close:hover:before, .modal-content .alphacube_close:hover:before, .modal-content .close:hover:before, .modal-content .popup-close:hover:before, .modal-content .ui-dialog-titlebar-close:hover:before, .popup-window .popup-inner .alphacube_close:hover:before, .popup-window .popup-inner .close:hover:before, .popup-window .popup-inner .popup-close:hover:before, .popup-window .popup-inner .ui-dialog-titlebar-close:hover:before, .ui-dialog.ui-widget .alphacube_close:hover:before, .ui-dialog.ui-widget .close:hover:before, .ui-dialog.ui-widget .popup-close:hover:before, .ui-dialog.ui-widget .ui-dialog-titlebar-close:hover:before {
	transform: rotate(130deg)
}

.dialog .alphacube_close:hover:after, .dialog .close:hover:after, .dialog .popup-close:hover:after, .dialog .ui-dialog-titlebar-close:hover:after, .modal-content .alphacube_close:hover:after, .modal-content .close:hover:after, .modal-content .popup-close:hover:after, .modal-content .ui-dialog-titlebar-close:hover:after, .popup-window .popup-inner .alphacube_close:hover:after, .popup-window .popup-inner .close:hover:after, .popup-window .popup-inner .popup-close:hover:after, .popup-window .popup-inner .ui-dialog-titlebar-close:hover:after, .ui-dialog.ui-widget .alphacube_close:hover:after, .ui-dialog.ui-widget .close:hover:after, .ui-dialog.ui-widget .popup-close:hover:after, .ui-dialog.ui-widget .ui-dialog-titlebar-close:hover:after {
	transform: rotate(-130deg)
}

.dialog TD.TABELLE, .modal-content TD.TABELLE, .popup-window .popup-inner TD.TABELLE, .ui-dialog.ui-widget TD.TABELLE {
	background-color: transparent
}

.modal-backdrop, .overlay_alphacube, .ui-widget-overlay {
	display: block;
	opacity: 1 !important
}

.dialog, .modal-dialog .modal-content, .ui-dialog.ui-widget {
	border: none;
	border-radius: 0;
	background-color: #fff;
	box-shadow: 5px 5px 40px rgba(0, 0, 0, .3);
	z-index: 10000
}

.ui-dialog.ui-widget .ui-dialog-titlebar {
	padding-top: 35px;
	padding-bottom: 0;
	border: none;
	text-align: center;
	background-image: none !important;
	background-color: transparent !important
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
	width: 100%
}

.ui-dialog.ui-widget .ui-dialog-titlebar img {
	width: calc(100% + 42px);
	margin: -38px 0 20px -21px;
	border-radius: 0 0 0 0
}

.ui-dialog.ui-widget .ui-dialog-title, .ui-dialog.ui-widget .ui-dialog-titlebar-close {
	margin: 0
}

.ui-dialog.ui-widget .ui-icon-closethick {
	opacity: 0
}

.ui-dialog.ui-widget .ui-dialog-buttonpane {
	padding: 5px 0 !important;
	margin: 10px 15px 0
}

.ui-dialog.ui-widget .ui-widget-content {
	height: auto !important;
	border-color: #e2e2e2
}

.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget {
	display: inline-block;
	height: 44px;
	margin-left: 5px !important;
	margin-right: 5px !important;
	padding: 0 10px;
	font-size: 18px;
	line-height: 44px;
	border: none;
	font-weight: 700;
	border-radius: 0;
	font-family: Legacy-Regular, serif;
	color: #fff;
	background-color: #d82034;
	background-image: none !important;
	box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, .5);
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out
}

.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget:hover {
	text-decoration: none;
	box-shadow: none;
	background-color: #e44758
}

.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget:focus {
	outline: none
}

.ui-dialog.ui-widget .ui-dialog-buttonpane {
	text-align: center
}

.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
	display: inline-block;
	float: none
}

.ui-dialog.ui-widget .ui-widget-content a:not(.no-highlighted):not(.highlighted) {
	color: #d82034;
	transition: .2s ease-in-out
}

.ui-dialog.ui-widget .ui-widget-content a:not(.no-highlighted):not(.highlighted):hover {
	color: #951624
}

.dialog {
	padding-top: 60px !important;
	box-sizing: content-box !important
}

.dialog .alphacube_title {
	height: auto;
	min-height: 30px;
	margin-top: -72px !important;
	padding: 35px 15px 0;
	text-align: center
}

.dialog .alphacube_e, .dialog .alphacube_n, .dialog .alphacube_ne, .dialog .alphacube_nw, .dialog .alphacube_s, .dialog .alphacube_se, .dialog .alphacube_sizer, .dialog .alphacube_sw, .dialog .alphacube_w {
	background: none !important
}

.modal-backdrop {
	background: hsla(0, 0%, 100%, .6) !important
}

.fade.modal {
	text-align: center
}

.fade.modal:after {
	content: "";
	width: 0;
	height: 100%
}

.fade.modal:after, .modal-dialog {
	display: inline-block;
	vertical-align: middle
}

.modal-dialog {
	position: relative
}

.modal-content {
	padding: 30px 15px 15px
}

.modal-content .modal-header {
	padding: 15px 0 0;
	border-bottom: none
}

.modal-content .modal-header .close {
	margin-top: 0;
	opacity: 1 !important;
	text-shadow: none
}

.modal-content .modal-header .close:focus {
	outline: none
}

.modal-content .modal-header .close span {
	display: none
}

.modal-content .modal-body {
	padding: 0 0 15px
}

.modal-content .modal-body, .modal-content .modal-body h4 {
	font-size: 12px
}

.modal-content .modal-body h4 {
	margin: 0
}

.modal-content .modal-footer {
	padding: 0
}

.modal-content .modal-footer .form-row-submit {
	margin-top: 10px
}

.address-change-popup.functional-block, .message-popup.functional-block, .name-change-popup.functional-block {
	margin-top: 0
}

.address-change-popup form, .message-popup form, .name-change-popup form {
	text-align: left
}

.address-change-popup .custom-form, .message-popup .custom-form, .name-change-popup .custom-form {
	margin-top: 30px;
	line-height: 1
}

.address-change-popup .custom-form [class^=col], .message-popup .custom-form [class^=col], .name-change-popup .custom-form [class^=col] {
	margin: 0 0 20px
}

@media screen and (min-width: 768px) {
	.address-change-popup .custom-form [class^=col], .message-popup .custom-form [class^=col], .name-change-popup .custom-form [class^=col] {
		float: left
	}
}

.address-change-popup .custom-form .form-row, .message-popup .custom-form .form-row, .name-change-popup .custom-form .form-row {
	padding: 0
}

.address-change-popup .custom-form .form-row-submit, .message-popup .custom-form .form-row-submit, .name-change-popup .custom-form .form-row-submit {
	margin-top: 15px
}

.address-change-popup .custom-form .form-row-submit .col-sm-12, .message-popup .custom-form .form-row-submit .col-sm-12, .name-change-popup .custom-form .form-row-submit .col-sm-12 {
	display: flex;
	justify-content: center;
	margin-bottom: 10px
}

.address-change-popup .custom-form .form-row-submit .main-button, .message-popup .custom-form .form-row-submit .main-button, .name-change-popup .custom-form .form-row-submit .main-button {
	min-width: 120px;
	margin: 0 10px
}

.address-change-popup .hint-custom, .message-popup .hint-custom, .name-change-popup .hint-custom {
	position: static;
	display: inline-block;
	height: 14px;
	animation: none;
	transform: none
}

.address-change-popup .hint-custom.no-offset .hint-inner, .message-popup .hint-custom.no-offset .hint-inner, .name-change-popup .hint-custom.no-offset .hint-inner {
	top: 20px
}

.address-change-popup .hint-custom .hint-inner, .message-popup .hint-custom .hint-inner, .name-change-popup .hint-custom .hint-inner {
	top: 73px
}

.address-change-popup .hint-custom i, .message-popup .hint-custom i, .name-change-popup .hint-custom i {
	line-height: 14px
}

.address-change-popup .field-inputs [class^=col], .message-popup .field-inputs [class^=col], .name-change-popup .field-inputs [class^=col] {
	margin-bottom: 10px
}

.security-block {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.security-block img {
	margin-left: 15px;
	flex-shrink: 0
}

.thank-you-popup .popup-inner {
	max-width: 460px
}

@-webkit-keyframes passing-through {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30%, 70% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-40px)
	}
}

@-moz-keyframes passing-through {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30%, 70% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-40px)
	}
}

@keyframes passing-through {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30%, 70% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-40px)
	}
}

@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-moz-keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes pulse {
	0% {
		transform: scale(1)
	}
	10% {
		transform: scale(1.1)
	}
	20% {
		transform: scale(1)
	}
}

@-moz-keyframes pulse {
	0% {
		transform: scale(1)
	}
	10% {
		transform: scale(1.1)
	}
	20% {
		transform: scale(1)
	}
}

.dropzone, .dropzone * {
	box-sizing: border-box
}

.dropzone {
	min-height: 130px;
	border-color: #e6e6e6 !important;
	border: 2px solid #e2e2e2;
	border-width: 2px;
	border-style: dashed;
	background: #fff;
	padding: 20px
}

.dropzone.dz-clickable {
	cursor: pointer
}

.dropzone.dz-clickable * {
	cursor: default
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
	cursor: pointer
}

.dropzone.dz-started .dz-message {
	display: none
}

.dropzone.dz-drag-hover {
	border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
	opacity: .5
}

.dropzone .dz-message {
	text-align: center;
	font-size: 18px;
	color: #666;
	margin: 2em 0
}

.dropzone .dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	min-height: 100px
}

.dropzone .dz-preview:hover {
	z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 20px;
	background: #999;
	background: linear-gradient(180deg, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
	opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
	background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
	font-size: 14px;
	text-align: center;
	display: block;
	cursor: pointer;
	border: none
}

.dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1
}

.dropzone .dz-preview .dz-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	color: rgba(0, 0, 0, .9);
	line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 1em;
	font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
	white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: 1px solid hsla(0, 0%, 78%, .8);
	background-color: hsla(0, 0%, 100%, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
	overflow: hidden;
	text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
	background-color: hsla(0, 0%, 100%, .4);
	padding: 0 .4em;
	border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
	transform: scale(1.05);
	-webkit-filter: blur(8px);
	filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
	border-radius: 20px;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	display: block;
	z-index: 10
}

.dropzone .dz-preview .dz-image img {
	display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
	animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
	pointer-events: none;
	opacity: 0;
	z-index: 500;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px
}

.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
	display: block;
	width: 54px;
	height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
	opacity: 1;
	transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
	opacity: 0;
	transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
	animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	width: 80px;
	margin-left: -40px;
	background: hsla(0, 0%, 100%, .9);
	-webkit-transform: scale(1);
	border-radius: 8px;
	overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
	background: #333;
	background: linear-gradient(180deg, #666, #444);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
	display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
	opacity: 1;
	pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
	pointer-events: none;
	z-index: 1000;
	position: absolute;
	display: block;
	display: none;
	opacity: 0;
	transition: opacity .3s ease;
	border-radius: 8px;
	font-size: 13px;
	top: 130px;
	left: -10px;
	width: 140px;
	background: #be2626;
	background: linear-gradient(180deg, #be2626, #a92222);
	padding: .5em 1.2em;
	color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
	content: "";
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #be2626
}

@keyframes text-opacity {
	0% {
		color: transparent
	}
	to {
		color: #555
	}
}

@keyframes label {
	0% {
		transform: translateY(0)
	}
	55% {
		transform: translateY(5px)
	}
	to {
		transform: translateY(-36px)
	}
}

@keyframes label-back {
	0% {
		transform: translateY(-36px)
	}
	to {
		transform: translateY(0)
	}
}

@keyframes pulse {
	0% {
		transform: scaleX(1)
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		transform: scaleX(1)
	}
}

@keyframes top-down {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(4px)
	}
	to {
		transform: translateY(0)
	}
}

@keyframes top-down-rotated {
	0% {
		transform: translateY(0) rotate(180deg)
	}
	50% {
		transform: translateY(4px) rotate(180deg)
	}
	to {
		transform: translateY(0) rotate(180deg)
	}
}

@keyframes stretch {
	0% {
		width: 100%;
		transform: translateX(0)
	}
	50% {
		width: 100%;
		transform: translateX(-300px)
	}
	to {
		width: 1170px;
		transform: translateX(-300px)
	}
}

@keyframes stretch-back {
	0% {
		width: 1170px;
		transform: translateX(-300px)
	}
	50% {
		width: 100%;
		transform: translateX(-300px)
	}
	to {
		width: 100%;
		transform: translateX(0)
	}
}

@keyframes shake {
	0%, to {
		transform: translateZ(0)
	}
	20%, 60% {
		transform: translate3d(-3px, 0, 0)
	}
	40%, 80% {
		transform: translate3d(3px, 0, 0)
	}
}

@keyframes tile-shake {
	0% {
		transform: rotate(45deg) translate(-12px, -5px)
	}
	50% {
		transform: rotate(45deg) translate(-7px, 1px)
	}
	to {
		transform: rotate(45deg) translate(-12px, -5px)
	}
}

.fsslider {
	position: relative;
	min-width: 150px;
	height: 44px;
	display: inline-block;
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000;
	text-align: center;
	line-height: 24px;
	font-size: 11px;
	font-family: Lucida Grande, Trebuchet MS, sans-serif
}

.fsslider > * {
	position: absolute;
	top: 50%;
	cursor: pointer
}

.fsslider > .fsfull-value, .fsslider > .fssel-value {
	margin-top: -8px;
	height: 15px;
	left: 0;
	right: 0
}

.fsslider > .fsfull-value {
	width: 100%;
	background: #d8d8d8;
	border-radius: 0
}

.fsslider > .fscaret, .fsslider > .fssel-left, .fsslider > .fssel-right {
	min-width: 60px;
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
	top: 0;
	font-size: 18px;
	line-height: 44px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	color: #555;
	background: #fff;
	box-shadow: none
}

.fsslider > .fscaret:hover, .fsslider > .fssel-left:hover, .fsslider > .fssel-right:hover {
	border-color: #d82034;
	box-shadow: none
}

.fsslider > .fssel-value {
	background: #d82034;
	height: 15px;
	margin-top: -8px;
	right: 50%
}

.fsslider.fsdisabled {
	color: #c8c8c8
}

.fsslider.fsdisabled > .fssel-value {
	background: #c8c8c8
}

.carousel {
	width: 100%;
	margin: 35px auto 0;
	left: 0;
	overflow: hidden;
	box-sizing: border-box
}

.carousel .slick-slide:focus {
	outline: none
}

.carousel .slick-arrow {
	position: absolute;
	width: 50px;
	height: 80px;
	top: -20px;
	bottom: 0;
	margin: auto;
	font-size: 0;
	border: none;
	color: transparent;
	background-color: transparent;
	z-index: 3
}

.carousel .slick-arrow:focus, .carousel .slick-arrow:hover {
	outline: none;
	cursor: pointer
}

.carousel .slick-arrow:focus:after, .carousel .slick-arrow:focus:before, .carousel .slick-arrow:hover:after, .carousel .slick-arrow:hover:before {
	background-color: #d82034
}

.carousel .slick-arrow.slick-prev {
	left: -12px
}

.carousel .slick-arrow.slick-prev:after, .carousel .slick-arrow.slick-prev:before {
	left: 0;
	right: inherit
}

.carousel .slick-arrow.slick-prev:before {
	transform: rotate(-123deg) translateX(-13px)
}

.carousel .slick-arrow.slick-prev:after {
	transform: rotate(123deg) translateX(-14px)
}

.carousel .slick-arrow.slick-next {
	right: -12px
}

.carousel .slick-arrow:after, .carousel .slick-arrow:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 27px;
	height: 2px;
	background-color: #b3b3b3;
	transition: background-color .4s ease-in-out
}

.carousel .slick-arrow:before {
	transform: rotate(-57deg) translateX(-13px)
}

.carousel .slick-arrow:after {
	transform: rotate(57deg) translateX(-14px)
}

.carousel .slick-current .carousel-item {
	background-color: #d82034;
	transform: scale(1)
}

.carousel .slick-current .carousel-item:after {
	width: 70%
}

@media screen and (min-width: 2px) {
	.carousel .slick-current .carousel-item {
		opacity: .4;
		transform: scale(.4)
	}

	.carousel .slick-current .carousel-item:after {
		width: 50%
	}

	.carousel .slick-current + .slick-slide .carousel-item {
		opacity: .7;
		left: -25px;
		transform: scale(.7)
	}

	.carousel .slick-current + .slick-slide .carousel-item:after {
		width: 70%
	}

	.carousel .slick-current + .slick-slide + .slick-slide .carousel-item {
		opacity: 1;
		transform: scale(1);
		z-index: 2
	}

	.carousel .slick-current + .slick-slide + .slick-slide .carousel-item:after {
		width: 90%
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide .carousel-item {
		opacity: .7;
		left: 25px;
		transform: scale(.7)
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide .carousel-item:after {
		width: 70%
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .carousel-item {
		opacity: .4;
		transform: scale(.4)
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .carousel-item:after {
		width: 50%
	}
}

.carousel .carousel-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100px;
	height: 100px;
	padding: 0 5px;
	left: 0;
	margin: 0 auto 20px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: #d82034;
	opacity: 0;
	transform: scale(0);
	transition: transform .4s ease-in-out, left .4s ease-in-out, background-color .4s ease-in-out, background-color .4s ease-in-out, opacity .4s ease-in-out
}

@media screen and (min-width: 600px) {
	.carousel .carousel-item {
		width: 140px;
		height: 140px
	}
}

@media screen and (min-width: 992px) {
	.carousel .carousel-item {
		width: 160px;
		height: 160px
	}
}

.carousel .carousel-item:after {
	content: "";
	position: absolute;
	width: 80%;
	height: 10px;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
	border-radius: 50%;
	background-color: #e2e4e2;
	box-shadow: 0 0 10px 3px hsla(120, 4%, 89%, .75);
	transition: width .4s ease-in-out
}

.carousel .carousel-item .carousel-item-title {
	align-self: center;
	max-width: 100%;
	font-size: 16px;
	line-height: 1.3;
	word-wrap: break-word
}

@media screen and (min-width: 992px) {
	.carousel .carousel-item .carousel-item-title {
		font-size: 18px
	}
}

.carousel .o-badge {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 15px;
	width: 36px;
	height: 36px;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	color: #fff;
	background-color: #d82034
}

.carousel .o-badge:hover .o-badge-info {
	opacity: 1;
	transform: scale(1) translateY(0)
}

.carousel .o-badge-info {
	position: absolute;
	top: 53px;
	right: -80px;
	width: 270px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	text-align: left;
	border-radius: 0;
	background-color: #d82034;
	box-sizing: border-box;
	opacity: 0;
	transform: scale(0) translateY(60px);
	z-index: 10;
	transition: .4s ease-out
}

.carousel .o-badge-info:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	right: 88px;
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.data-carousele-info {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.ui-datepicker {
	padding: 0;
	font-size: 16px;
	font-family: Legacy-Regular, serif;
	border-radius: 0;
	border: 1px solid #d82034;
	color: #333;
	background-color: #fff
}

.ui-datepicker, .ui-datepicker.below {
	margin-top: 18px
}

.ui-datepicker.below:before {
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.ui-datepicker.above {
	margin-top: -18px
}

.ui-datepicker.above:before {
	bottom: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #d82034
}

.ui-datepicker.above:after {
	display: block;
	position: absolute;
	left: 16px;
	bottom: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 13px solid #fff
}

.ui-datepicker:before {
	display: block;
	position: absolute;
	left: 15px
}

.ui-datepicker table {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.ui-datepicker tr {
	border: none
}

.ui-datepicker th {
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

.ui-datepicker .ui-datepicker-week-col, .ui-datepicker td a {
	padding: 6px
}

.ui-datepicker select {
	font-family: Legacy-Regular, serif
}

.ui-datepicker .ui-datepicker-header {
	padding: 8px 0;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
	top: 10px;
	border: none;
	text-align: center;
	transition: opacity .4s ease-in-out
}

.ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover {
	border: none;
	opacity: .7;
	background-color: transparent
}

.ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before {
	content: "";
	display: inline-block;
	font: normal normal normal 24px/1 FontAwesome;
	text-rendering: auto;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ui-datepicker .ui-datepicker-prev {
	left: 0
}

.ui-datepicker .ui-datepicker-prev:before {
	content: "\F104"
}

.ui-datepicker .ui-datepicker-next {
	right: 0
}

.ui-datepicker .ui-datepicker-next:before {
	content: "\F105"
}

.ui-datepicker .ui-datepicker-week-col {
	text-align: center
}

.ui-datepicker .ui-state-default {
	border: none;
	background-color: #f9f9f9;
	transition: background-color .4s ease-in-out
}

.ui-datepicker .ui-state-default:hover {
	background-color: #e6e6e6
}

.ui-datepicker .ui-state-highlight {
	box-shadow: inset 0 0 0 3px #d82034;
	box-sizing: border-box
}

.ui-datepicker .ui-datepicker-current-day .ui-state-active {
	color: #fff;
	background-color: #d82034
}

.ui-datepicker select {
	padding-left: 15px;
	padding-right: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(../img/select.svg);
	background-repeat: no-repeat;
	background-position: 100%;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	box-shadow: none
}

.ui-datepicker select::-ms-expand {
	display: none
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
	margin-left: 5px
}

.ui-datepicker select.ui-datepicker-year {
	width: calc(49% - 5px)
}

.ui-widget-header {
	border: none;
	color: #fff;
	background-color: #d82034
}

.hidden-block {
	opacity: 0;
	transition: opacity .5s ease-in-out
}

.hidden-block.show {
	opacity: 1
}

.chart-preview {
	position: absolute;
	width: 160px;
	height: 160px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 160px;
	color: #e6e6e6
}

.no-overflow svg {
	overflow: visible !important
}

@media screen and (max-width: 767px) {
	.highcharts-container, .no-overflow .highcharts-container {
		overflow: visible !important
	}
}

#contribution .highcharts-subtitle, #promotion .highcharts-subtitle {
	font-weight: 700
}

.tariff-result {
	min-height: 76px;
	margin-top: 40px;
	text-align: center
}

.tariff-result + .tariff-result {
	margin-top: 10px
}

.tariff-result.field-col-submit {
	padding-top: 20px
}

.tariff-result.field-col-submit .link-popover {
	position: absolute;
	top: -30px;
	right: 20px
}

@media screen and (min-width: 768px) {
	.tariff-result.field-col-submit {
		padding-right: 200px;
		padding-left: 200px
	}

	.tariff-result.field-col-submit .link-popover {
		top: -40px;
		right: 30px;
		font-size: 16px
	}
}

@media screen and (max-width: 479px) {
	.tariff-result {
		padding-left: 30px;
		padding-right: 30px
	}
}

.tariff-result .tariff-price {
	font-size: 30px;
	font-family: LegacySans, sans-serif;
	color: #d82034
}

.tariff-result .tariff-info {
	margin-bottom: 5px;
	font-size: 16px
}

.tariff-buttons {
	position: absolute;
	top: -4px;
	right: 5px;
	flex-direction: column
}

@media screen and (max-width: 767px) {
	.tariff-buttons {
		right: -10px
	}
}

@media screen and (max-width: 479px) {
	.tariff-buttons {
		top: 0
	}
}

.tariff-buttons.buttons-row button {
	width: 28px;
	padding: 0;
	margin-bottom: 10px;
	font-size: 18px;
	border: 1px solid #d82034
}

.tariff-explain {
	margin-top: 5px;
	color: #666
}

.main-wrapper.login-page .main-container, .main-wrapper.registration-page .main-container {
	background-image: none !important
}

.login-page header, .registration-page header {
	position: absolute;
	top: 0;
	width: 100%;
	border-bottom: 2px solid #d82034;
	background-color: #fff;
	z-index: 5;
	transition: transform .3s ease-in-out
}

.login-page header .header-inner, .registration-page header .header-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-flow: row nowrap;
	height: 120px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	transition: height .3s ease-in-out
}

.login-page header .logo, .registration-page header .logo {
	position: relative;
	height: auto;
	width: auto
}

.login-page header .logo img, .registration-page header .logo img {
	vertical-align: bottom
}

.login-page header nav ul, .registration-page header nav ul {
	list-style-type: none;
	margin: 0
}

.login-page header nav ul li, .registration-page header nav ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	padding: 55px 0 41px
}

.login-page header nav ul li.active a:after, .login-page header nav ul li:hover a:after, .login-page header nav ul li a:after, .registration-page header nav ul li.active a:after, .registration-page header nav ul li:hover a:after, .registration-page header nav ul li a:after {
	opacity: 1
}

.login-page header nav ul li.active .submenu, .login-page header nav ul li .submenu, .login-page header nav ul li:hover .submenu, .registration-page header nav ul li.active .submenu, .registration-page header nav ul li .submenu, .registration-page header nav ul li:hover .submenu {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	color: #fff;
	background-color: #d82034;
	box-shadow: none;
	transition: .3s ease-in-out
}

.login-page header nav ul li.active .submenu li, .login-page header nav ul li .submenu li, .login-page header nav ul li:hover .submenu li, .registration-page header nav ul li.active .submenu li, .registration-page header nav ul li .submenu li, .registration-page header nav ul li:hover .submenu li {
	position: relative;
	padding: 5px 20px;
	transition: .1s ease-in-out
}

.login-page header nav ul li.active .submenu li:hover, .login-page header nav ul li .submenu li:hover, .login-page header nav ul li:hover .submenu li:hover, .registration-page header nav ul li.active .submenu li:hover, .registration-page header nav ul li .submenu li:hover, .registration-page header nav ul li:hover .submenu li:hover {
	background-color: #e44758;
	cursor: pointer
}

.login-page header nav ul li.active .submenu a, .login-page header nav ul li .submenu a, .login-page header nav ul li:hover .submenu a, .registration-page header nav ul li.active .submenu a, .registration-page header nav ul li .submenu a, .registration-page header nav ul li:hover .submenu a {
	display: block;
	color: #fff;
	text-decoration: none
}

.login-page header nav ul li.active .submenu a:hover, .login-page header nav ul li .submenu a:hover, .login-page header nav ul li:hover .submenu a:hover, .registration-page header nav ul li.active .submenu a:hover, .registration-page header nav ul li .submenu a:hover, .registration-page header nav ul li:hover .submenu a:hover {
	color: #fff
}

.login-page header nav ul li.active .dropdown-one, .login-page header nav ul li .dropdown-one, .login-page header nav ul li:hover .dropdown-one, .registration-page header nav ul li.active .dropdown-one, .registration-page header nav ul li .dropdown-one, .registration-page header nav ul li:hover .dropdown-one {
	width: 150px;
	top: 124px;
	left: -37px
}

.login-page header nav ul li.active .dropdown-two, .login-page header nav ul li .dropdown-two, .login-page header nav ul li:hover .dropdown-two, .registration-page header nav ul li.active .dropdown-two, .registration-page header nav ul li .dropdown-two, .registration-page header nav ul li:hover .dropdown-two {
	top: -10px;
	left: 100%
}

.login-page header nav ul li.expanded:hover > .submenu, .registration-page header nav ul li.expanded:hover > .submenu {
	visibility: visible;
	opacity: 1;
	z-index: 2
}

.login-page header nav ul .expanded .expanded:after, .registration-page header nav ul .expanded .expanded:after {
	content: "";
	position: absolute;
	display: block;
	top: 11px;
	right: 12px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	transition: transform .3s ease-in-out
}

.login-page header nav ul .expanded .expanded:hover:after, .registration-page header nav ul .expanded .expanded:hover:after {
	transform: rotate(45deg)
}

.login-page header nav ul.dropdown-one, .login-page header nav ul.dropdown-two, .registration-page header nav ul.dropdown-one, .registration-page header nav ul.dropdown-two {
	position: absolute;
	margin: 0;
	padding: 0
}

.login-page header nav ul.dropdown-one li, .login-page header nav ul.dropdown-two li, .registration-page header nav ul.dropdown-one li, .registration-page header nav ul.dropdown-two li {
	display: block;
	margin: 0
}

.login-page header nav > ul > li > a, .registration-page header nav > ul > li > a {
	display: inline-block;
	vertical-align: top;
	font-family: LegacySans, sans-serif;
	font-size: 16px;
	color: #666;
	text-decoration: none;
	text-transform: uppercase
}

.login-page header nav > ul > li > a:after, .registration-page header nav > ul > li > a:after {
	content: "";
	display: block;
	width: calc(100% + 20px);
	height: 15px;
	margin-top: -9px;
	margin-left: -10px;
	border-bottom: 2px solid #d82034;
	opacity: 0;
	transition: .3s ease-in-out
}

.login-page header .burger-menu, .login-page header .open-submenu, .registration-page header .burger-menu, .registration-page header .open-submenu {
	display: none
}

@media screen and (max-width: 1079px) {
	.login-page header nav ul li, .registration-page header nav ul li {
		margin: 0 15px
	}
}

@media screen and (max-width: 1023px) {
	.login-page header .header-inner, .registration-page header .header-inner {
		height: 60px;
		flex-flow: row wrap
	}

	.login-page header nav, .registration-page header nav {
		height: calc(100% - 62px);
		position: fixed;
		width: 100%;
		top: 62px;
		left: 0;
		padding-bottom: 20px;
		overflow-y: auto;
		background-color: #666;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		transition: .5s ease-in-out
	}

	.login-page header nav ul, .registration-page header nav ul {
		padding: 0
	}

	.login-page header nav ul li, .registration-page header nav ul li {
		display: block;
		padding: 20px 0 10px;
		margin-left: 30px;
		margin-right: 30px;
		border-bottom: 1px solid #e6e6e6
	}

	.login-page header nav ul li:last-child, .registration-page header nav ul li:last-child {
		border-bottom: none
	}

	.login-page header nav ul li .submenu, .login-page header nav ul li:hover .submenu, .registration-page header nav ul li .submenu, .registration-page header nav ul li:hover .submenu {
		width: 100%;
		opacity: 1;
		padding: 0;
		visibility: visible;
		position: static;
		background-color: transparent;
		box-shadow: none
	}

	.login-page header nav ul li .submenu li, .login-page header nav ul li:hover .submenu li, .registration-page header nav ul li .submenu li, .registration-page header nav ul li:hover .submenu li {
		padding: 10px 0;
		margin-left: 20px
	}

	.login-page header nav ul li .submenu li:hover, .login-page header nav ul li:hover .submenu li:hover, .registration-page header nav ul li .submenu li:hover, .registration-page header nav ul li:hover .submenu li:hover {
		background-color: transparent
	}

	.login-page header nav ul li .submenu a, .login-page header nav ul li:hover .submenu a, .registration-page header nav ul li .submenu a, .registration-page header nav ul li:hover .submenu a {
		display: inline-block
	}

	.login-page header nav ul .expanded .expanded:after, .registration-page header nav ul .expanded .expanded:after {
		display: none
	}

	.login-page header nav > ul, .registration-page header nav > ul {
		padding-bottom: 30px
	}

	.login-page header .logo, .registration-page header .logo {
		top: 2px;
		width: auto
	}

	.login-page header .logo img, .registration-page header .logo img {
		height: 50px
	}

	.login-page header .burger-menu, .registration-page header .burger-menu {
		display: block;
		position: relative;
		width: 21px;
		height: 17px;
		border-top: 3px solid #d82034;
		border-bottom: 3px solid #d82034;
		cursor: pointer;
		transition: all .3s
	}

	.login-page header .burger-menu:after, .login-page header .burger-menu:before, .registration-page header .burger-menu:after, .registration-page header .burger-menu:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 3px;
		background: #d82034;
		transition: all .3s
	}

	.login-page header nav > ul > li > a, .registration-page header nav > ul > li > a {
		color: #fff
	}

	.login-page header nav > ul > li > a:after, .registration-page header nav > ul > li > a:after {
		display: none
	}

	.login-page header .open-submenu, .registration-page header .open-submenu {
		display: block;
		float: right;
		border: none;
		background-color: transparent;
		transition: .3s ease-in-out
	}

	.login-page header .open-submenu:focus, .registration-page header .open-submenu:focus {
		outline: none
	}

	.login-page header .open-submenu i, .registration-page header .open-submenu i {
		font-size: 30px;
		line-height: 18px;
		color: #666
	}

	.login-page header .open-submenu + ul, .registration-page header .open-submenu + ul {
		overflow: hidden;
		max-height: 0;
		transition: .5s ease-in-out !important
	}

	.login-page header .open-submenu.show-submenu, .registration-page header .open-submenu.show-submenu {
		transform: rotate(180deg)
	}

	.login-page header .open-submenu.show-submenu + ul, .registration-page header .open-submenu.show-submenu + ul {
		margin: 10px 0;
		max-height: 650px
	}

	.login-page header .submenu .open-submenu i, .registration-page header .submenu .open-submenu i {
		font-size: 21px
	}
}

@media screen and (max-width: 767px) {
	.login-page header .header-inner, .registration-page header .header-inner {
		padding: 0 15px
	}

	.login-page header nav ul li, .registration-page header nav ul li {
		margin: 0 20px;
		padding-left: 0;
		padding-right: 0
	}
}

.login-page .login-banner, .registration-page .login-banner {
	width: 100%;
	height: 200px;
	background-image: url("../img/login-banner-swisslife-2.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

@media screen and (min-width: 768px) {
	.login-page .login-banner, .registration-page .login-banner {
		height: 350px
	}
}

.fixed-nav header {
	position: fixed;
	top: -60px;
	left: 0;
	width: 100%;
	height: 60px;
	transform: translateY(60px);
	z-index: 10
}

.fixed-nav header .header-inner {
	height: 60px;
	transition: none
}

.fixed-nav header .logo {
	top: 0
}

.fixed-nav header nav ul li {
	padding: 21px 0 10px
}

.fixed-nav header nav ul li .dropdown-one {
	top: 62px
}

@media screen and (max-width: 1023px) {
	.fixed-nav header nav {
		position: absolute;
		height: 100vh
	}

	.fixed-nav header nav > ul {
		padding-bottom: 0;
		margin-bottom: 150px
	}

	.fixed-nav header .logo {
		top: 5px
	}
}

@media screen and (max-width: 767px) {
	.fixed-nav header nav ul li {
		padding-left: 0;
		padding-right: 0
	}
}

.opened-nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	overflow-y: scroll
}

.opened-nav .burger-menu {
	border-color: transparent !important
}

.opened-nav .burger-menu:after, .opened-nav .burger-menu:before {
	transform-origin: 50% 50%
}

.opened-nav .burger-menu:before {
	transform: rotate(45deg)
}

.opened-nav .burger-menu:after {
	transform: rotate(-45deg)
}

.opened-nav header nav {
	opacity: 1;
	visibility: visible;
	z-index: 5
}

.login-block, .registration-block {
	justify-content: inherit;
	padding: 60px 0 40px
}

@media screen and (min-width: 1024px) {
	.login-block, .registration-block {
		padding-top: 120px
	}
}

.login-form, .registration-form {
	max-width: 800px
}

@media screen and (min-width: 768px) {
	.login-form, .registration-form {
		margin-top: 40px;
		border: 4px solid #e2e2e2
	}
}

.login-form form, .registration-form form {
	width: 100%
}

@media screen and (min-width: 768px) {
	.login-form form, .registration-form form {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media screen and (max-width: 767px) {
	.login-form form .row, .registration-form form .row {
		margin-left: 0;
		margin-right: 0
	}

	.login-form form .form-row, .registration-form form .form-row {
		padding-left: 15px;
		padding-right: 0
	}
}

.login-form h1, .registration-form h1 {
	margin-bottom: 0;
	color: #333
}

.login-form .forgot-link, .registration-form .forgot-link {
	font-size: 14px
}

.login-form input[type=password], .login-form input[type=text], .registration-form input[type=password], .registration-form input[type=text] {
	color: transparent;
	animation: text-opacity .3s .3s ease forwards
}

.registration-form {
	max-width: 500px
}

@media screen and (min-width: 768px) {
	.registration-form form {
		padding-left: 0;
		padding-right: 0
	}
}

@media screen and (max-width: 767px) {
	.registration-form form .form-row, .registration-form form .form-row-checkbox {
		padding-left: 0;
		padding-right: 0
	}

	.registration-form form .captcha-row {
		padding-left: 10px
	}
}

@media screen and (min-width: 768px) {
	.registration-form .form-row-submit {
		padding-left: 0
	}
}

.login-info {
	margin-top: 0;
	padding-top: 0;
	padding-left: 40px;
	border-top: none
}

@media screen and (max-width: 767px) {
	.login-info {
		margin-top: 40px;
		padding-left: 0;
		padding-right: 0;
		border-top: 1px solid #dcdcdc
	}
}

@media screen and (min-width: 768px) {
	.login-info:before {
		content: "";
		display: block;
		background-color: #dcdcdc;
		width: 1px;
		height: 180px;
		position: absolute;
		top: 60px;
		left: 20px
	}
}

.login-info h4 {
	margin: 10px 0 40px;
	font-size: 18px
}

@media screen and (max-width: 767px) {
	.login-info h4 {
		margin-top: 20px;
		margin-bottom: 10px
	}
}

.login-info p {
	text-align: justify;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: .3px
}

.login-info .fa-info-circle {
	font-size: 19px
}

.banner-full-width {
	height: 200px;
	background-image: url("../img/banner-full-width.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

@media screen and (min-width: 768px) {
	.banner-full-width {
		height: 350px
	}
}

.login-notice {
	max-width: 350px;
	margin: 0 auto 20px;
	font-size: 14px
}

.login-notice, .login-notice a {
	color: #929292
}

.login-notice a {
	text-decoration: underline;
	transition: color .2s ease-in-out
}

.login-notice a:hover {
	text-decoration: none;
	color: #d82034
}

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

.tab-nav li {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	padding: 10px;
	margin-top: 5px;
	font-family: legacy-sans-book, sans-serif;
	font-size: 17px;
	border-bottom: 5px solid transparent;
	cursor: pointer;
	transition: .3s ease-in-out
}

.tab-nav li.active, .tab-nav li:hover:not(.disabled) {
	border-color: #d82034
}

.tab-nav li.disabled {
	color: #bfbfbf;
	cursor: not-allowed
}

.tab-nav li:not(:last-child):after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2px;
	margin: auto;
	width: 1px;
	height: 10px;
	background-color: #666
}

.tab-nav + .filter.functional-block {
	margin-top: 0
}

.screen-locker {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10001;
	animation: opacity .4s ease-in-out forwards;
	background-color: hsla(0, 0%, 100%, .8)
}

.screen-locker .c-spinner__orbit {
	stroke: #e6e6e6
}

.screen-locker .c-spinner__indicator {
	stroke: #d82034;
	stroke-dasharray: 110px;
	stroke-dashoffset: 110px;
	-webkit-animation: spinner-dash 2s linear infinite;
	animation: spinner-dash 2s linear infinite
}

.c-spinner {
	width: 44px;
	height: 44px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg) svg;
	transform-width: 44px;
	transform-height: 44px
}

.c-spinner circle {
	cx: 22px;
	cy: 22px;
	r: 19px;
	stroke-width: 3
}

.c-spinner.c-spinner--center {
	margin-right: auto;
	margin-left: auto
}

@-webkit-keyframes spinner-dash {
	0% {
		stroke-dashoffset: 110px
	}
	50% {
		stroke-dashoffset: 0
	}
	to {
		stroke-dashoffset: -110px
	}
}

@keyframes spinner-dash {
	0% {
		stroke-dashoffset: 110px
	}
	50% {
		stroke-dashoffset: 0
	}
	to {
		stroke-dashoffset: -110px
	}
}

@keyframes opacity {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes rotation-small {
	0% {
		transform: rotate(0deg) scale(.5)
	}
	to {
		transform: rotate(1turn) scale(.5)
	}
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
	.c-spinner svg {
		animation: rotation 1.5s linear infinite
	}

	.uppy-uploaded-files .c-spinner svg {
		position: relative;
		top: -11px;
		left: -11px;
		animation: rotation-small .5s linear infinite
	}
}

@media screen and (min-width: 0\0
) {
	.c-spinner {
		animation: fallback-rotate 2s linear infinite
	}

	.c-spinner .c-spinner__indicator {
		stroke-dasharray: 55px
	}
}

.component-locker {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1400;
	animation: opacity .4s ease-in-out forwards;
	background-color: #fbfbfb
}

.component-locker .c-spinner__orbit {
	stroke: #e6e6e6
}

.component-locker .c-spinner__indicator {
	stroke: #d82034;
	stroke-dasharray: 110px;
	stroke-dashoffset: 110px;
	-webkit-animation: spinner-dash 2s linear infinite;
	animation: spinner-dash 2s linear infinite
}

.alert-wrapper {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	animation: opacity .4s ease-in-out forwards;
	z-index: 1100
}

.alert-wrapper.js-is-not-loaded {
	opacity: 0
}

.alert-wrapper.js-is-loaded .alert-container, .alert-wrapper.js-is-loaded > .alert-message {
	transition: .35s ease
}

.alert-container.is-closed {
	height: 0 !important
}

.alert-container.is-closed > .alert-message {
	transform: translateY(-100%)
}

.alert-message {
	width: 100%;
	padding: 14px 20px;
	margin-bottom: 2px;
	color: #fff;
	background-color: #e37976;
	box-shadow: 0 0 10px 0 #e37976;
	transform: translateY(0)
}

.alert-message.alert-message-regular {
	color: #a94442
}

.alert-message.alert-message-warning {
	color: #fff;
	background-color: #acacac;
	box-shadow: 0 0 10px 0 #acacac
}

.alert-message .alert-message-error {
	color: #fff;
	background-color: #e37976;
	box-shadow: 0 0 10px 0 #e37976
}

.alert-message .alert-message-inner {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 0;
	padding-right: 34px;
	position: relative
}

.alert-close {
	position: absolute;
	top: 2px;
	right: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 0;
	opacity: .8;
	background-color: transparent;
	transition: opacity .2s ease-in-out;
	cursor: pointer;
	outline: none
}

.alert-close:after, .alert-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 2px;
	background-color: #fff;
	transition: transform .4s ease-in-out
}

.alert-close:before {
	transform: rotate(45deg)
}

.alert-close:after {
	transform: rotate(-45deg)
}

.alert-close:hover {
	opacity: 1
}

.alert-message-regular .alert-close:before {
	color: #a94442
}

.alert-message-error .alert-close:before, .alert-message-warning .alert-close:before {
	color: #fff
}

.pointer {
	cursor: pointer
}

.dual-field > .form-group + .form-group {
	margin-top: 10px
}

@media screen and (min-width: 768px) {
	.dual-field > .form-group {
		display: inline-block;
		vertical-align: top;
		width: 48%
	}

	.dual-field > .form-group + .form-group {
		margin-top: 0;
		margin-left: 4%
	}
}

.dual-field .form-control {
	flex-shrink: 1;
	display: inline-block !important;
	min-width: 50%
}

.sidebar-menu {
	position: fixed;
	top: 40%;
	right: 0;
	margin: auto;
	font-size: 23px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	transform: translateX(100%) translateX(-47px);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	transition: transform .4s ease-in-out;
	z-index: 2
}

.sidebar-menu:hover {
	transform: translateX(0)
}

.sidebar-menu a {
	display: block;
	padding: 10px 13px;
	transition: background-color .1s ease-in-out
}

.sidebar-menu a.active, .sidebar-menu a:hover {
	background-color: #d82034
}

.sidebar-menu a.active .fa, .sidebar-menu a.active span, .sidebar-menu a:hover .fa, .sidebar-menu a:hover span {
	color: #fff
}

.sidebar-menu a:active {
	text-decoration: none
}

.sidebar-menu .fa {
	display: inline-block;
	width: 23px;
	margin-right: 10px;
	text-align: center;
	color: #d82034;
	transition: color .1s ease-in-out
}

.sidebar-menu span {
	font-size: 21px;
	font-family: Legacy-Regular, serif;
	color: #666;
	transition: color .1s ease-in-out
}

.funding-rate {
	padding: 20px;
	background-color: #fff;
	font-size: 18px;
	text-align: center
}

.funding-rate .price {
	font-weight: 700;
	color: #666
}

@media screen and (min-width: 768px) {
	.funding-rate {
		padding-top: 40px
	}
}

.result-details-block {
	max-height: 0;
	text-align: left;
	overflow: hidden;
	transition: max-height .2s ease-in-out, padding-top .2s ease-in-out
}

.result-details-block.opened {
	max-height: 700px;
	padding-top: 45px
}

.result-details-block .result-details-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	padding-left: 90px
}

@media screen and (min-width: 768px) {
	.result-details-block .result-details-item {
		width: 49%
	}

	.result-details-block .result-details-item:nth-child(odd) {
		padding-right: 20px
	}

	.result-details-block .result-details-item:nth-child(2n) {
		padding-left: 90px
	}
}

@media screen and (max-width: 767px) {
	.result-details-block .result-details-col:not(:last-child) {
		margin-bottom: 20px
	}
}

.result-details-block img {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px
}

.result-details-block h3 {
	margin-bottom: 10px;
	font-family: legacy-sans-bold, sans-serif
}

.result-details-block p {
	font-size: 17px;
	line-height: 1.4
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
	margin-left: -8px;
	position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
	box-sizing: content-box;
	position: absolute;
	border: 8px solid transparent;
	height: 0;
	width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
	content: "";
	z-index: -1;
	border-width: 8px;
	left: -8px;
	border-bottom-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
	top: 0;
	margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
	border-top: none;
	border-bottom-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
	top: -1px;
	border-bottom-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
	bottom: 0;
	margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
	border-bottom: none;
	border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
	border-top-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
	bottom: -1px;
	border-top-color: #e2e2e2
}

.react-datepicker-wrapper {
	display: inline-block
}

.react-datepicker-wrapper .form-control {
	width: 100% !important
}

.react-datepicker-wrapper input.react-datepicker-ignore-onclickoutside::-ms-clear {
	display: none
}

.react-datepicker {
	display: inline-block;
	position: relative;
	color: #000;
	background: none;
	border: none;
	border-radius: 0;
	font-family: legacy-sans-book, sans-serif;
	font-size: 10px;
	line-height: 18px
}

@media screen and (min-width: 480px) {
	.react-datepicker {
		font-size: 13px
	}
}

@media screen and (min-width: 768px) {
	.react-datepicker {
		font-size: 15px
	}
}

.react-datepicker--time-only .react-datepicker__triangle {
	left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
	border-left: 0
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
	border-radius: 0
}

.react-datepicker__triangle {
	position: absolute;
	left: 50px
}

.react-datepicker-popper {
	z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
	margin-top: 10px
}

.react-datepicker-popper[data-placement^=top] {
	margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
	margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
	left: auto;
	right: 42px
}

.react-datepicker-popper[data-placement^=left] {
	margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
	left: 42px;
	right: auto
}

.react-datepicker__header {
	padding-top: .8em;
	background-color: #e2e2e2;
	text-align: center;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative
}

.react-datepicker__header--time {
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
	display: inline-block;
	margin: 0 2px
}

.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
	margin-top: 0;
	color: #333;
	font-weight: 700;
	font-size: .944em
}

.react-datepicker-time__header {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.react-datepicker__navigation {
	background: none;
	line-height: 1.7rem;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 10px;
	padding: 0;
	border: .45rem solid transparent;
	z-index: 1;
	height: 10px;
	width: 10px;
	text-indent: -999em;
	overflow: hidden
}

.react-datepicker__navigation--previous {
	left: 10px;
	border-right-color: #666
}

.react-datepicker__navigation--previous:hover {
	border-right-color: #333
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
	border-right-color: #e2e2e2;
	cursor: default
}

.react-datepicker__navigation--next {
	right: 10px;
	border-left-color: #666
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
	right: 80px
}

.react-datepicker__navigation--next:hover {
	border-left-color: #333
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
	border-left-color: #e2e2e2;
	cursor: default
}

.react-datepicker__navigation--years {
	position: relative;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.react-datepicker__navigation--years-previous {
	top: 4px;
	border-top-color: #666
}

.react-datepicker__navigation--years-previous:hover {
	border-top-color: #333
}

.react-datepicker__navigation--years-upcoming {
	top: -4px;
	border-bottom-color: #666
}

.react-datepicker__navigation--years-upcoming:hover {
	border-bottom-color: #333
}

.react-datepicker__month-container {
	float: left;
	color: #666;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	border-right: none
}

.react-datepicker__month {
	margin: .4em 1em;
	text-align: center
}

.react-datepicker__month .react-datepicker__month-text {
	display: inline-block;
	width: 4rem;
	margin: 2px
}

.react-datepicker__input-time-container {
	clear: both;
	width: 100%;
	float: left;
	margin: 5px 0 10px 15px;
	text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
	display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
	display: inline-block;
	margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
	width: 85px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
	-moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
	margin-left: 5px;
	display: inline-block
}

.react-datepicker__time-container {
	width: 72px;
	float: right;
	border: 2px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-radius: 0
}

@media screen and (min-width: 768px) {
	.react-datepicker__time-container {
		width: 80px
	}
}

.react-datepicker__time-container--with-today-button {
	display: inline;
	border: 2px solid #e2e2e2;
	border-radius: 0;
	position: absolute;
	right: -72px;
	top: 0
}

.react-datepicker__time-container .react-datepicker__time {
	position: relative;
	background: #fff
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
	width: 70px;
	overflow-x: hidden;
	margin: 0 auto;
	text-align: center
}

@media screen and (min-width: 768px) {
	.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
		width: 78px
	}
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
	list-style: none;
	margin: 0;
	height: calc(195px + 0.85rem);
	overflow-y: scroll;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
	box-sizing: content-box;
	overflow-x: hidden
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
	display: block;
	height: 30px;
	padding: 5px;
	text-align: center;
	line-height: 20px;
	white-space: nowrap;
	margin-bottom: 0
}

@media screen and (min-width: 768px) {
	.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
		font-size: .9em
	}
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
	cursor: pointer;
	background-color: #f9f9f9
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
	background-color: #e44758;
	color: #fff;
	font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
	background-color: #d82034
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
	color: #e2e2e2
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
	cursor: default;
	background-color: transparent
}

.react-datepicker__week-number {
	color: #666;
	display: inline-block;
	width: 1.7rem;
	line-height: 1.7rem;
	text-align: center;
	margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
	cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
	border-radius: 0;
	background-color: #f9f9f9
}

.react-datepicker__day-names, .react-datepicker__week {
	white-space: nowrap
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
	color: #333;
	display: inline-block;
	width: 1.9em;
	line-height: 1.9em;
	margin: .166em;
	text-align: center
}

.react-datepicker__day:hover {
	border-radius: 0
}

.react-datepicker__month--in-range, .react-datepicker__month--in-selecting-range, .react-datepicker__month--selected {
	border-radius: 0;
	background-color: #d82034;
	color: #fff
}

.react-datepicker__month--in-range:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--selected:hover {
	background-color: #d82034
}

.react-datepicker__month--disabled {
	color: #666;
	pointer-events: none
}

.react-datepicker__month--disabled:hover {
	cursor: default;
	background-color: transparent
}

.react-datepicker__day, .react-datepicker__month-text {
	cursor: pointer
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover {
	border-radius: 0;
	background-color: #f9f9f9
}

.react-datepicker__day--today, .react-datepicker__month-text--today {
	font-weight: 700
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted {
	border-radius: 0;
	background-color: #55b356;
	color: #fff
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover {
	background-color: #429343
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1 {
	color: #f0f
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2 {
	color: green
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected {
	border-radius: 0;
	background-color: #d82034;
	color: #fff
}

.react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover {
	background-color: #ac1929
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected {
	border-radius: 0;
	background-color: #d82034;
	color: #fff
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover {
	background-color: #d82034
}

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range {
	background-color: fade(#d82034, 50%)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range {
	background-color: #f9f9f9;
	color: #000
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled {
	cursor: default;
	color: #e6e6e6
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover {
	background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__month--selected:hover {
	background-color: #d82034
}

.react-datepicker__month-text:hover {
	background-color: #f9f9f9
}

.react-datepicker__input-container {
	position: relative;
	display: inline-block
}

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view {
	border: 1px solid transparent;
	border-radius: 0
}

.react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover {
	cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
	border-top-color: #e2e2e2
}

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
	border-top-color: #e2e2e2;
	float: right;
	margin-left: 20px;
	top: 8px;
	position: relative;
	border-width: .45rem
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
	background-color: #f9f9f9;
	position: absolute;
	width: 50%;
	left: 25%;
	top: 30px;
	z-index: 1;
	text-align: center;
	border-radius: 0;
	border: 1px solid #e2e2e2
}

.react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover {
	cursor: pointer
}

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable {
	height: 150px;
	overflow-y: scroll
}

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option {
	line-height: 20px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover {
	background-color: #e2e2e2
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
	border-bottom-color: #666
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
	border-top-color: #666
}

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected {
	position: absolute;
	left: 15px
}

.react-datepicker__close-icon {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	outline: 0;
	padding: 0;
	vertical-align: middle;
	position: absolute;
	height: 16px;
	width: 16px;
	top: 25%;
	right: 7px
}

.react-datepicker__close-icon:after {
	background-color: #d82034;
	border-radius: 50%;
	bottom: 0;
	box-sizing: border-box;
	color: #fff;
	content: "\D7";
	cursor: pointer;
	font-size: 12px;
	height: 16px;
	width: 16px;
	line-height: 1;
	margin: -8px auto 0;
	padding: 2px;
	position: absolute;
	right: 0;
	text-align: center
}

.react-datepicker__today-button {
	color: #333;
	background-color: #e2e2e2;
	border: none;
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	padding: 5px 0;
	clear: left
}

.react-datepicker__portal {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .8);
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
	width: 3rem;
	line-height: 3rem
}

@media (max-height: 550px),(max-width: 400px) {
	.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
		width: 2rem;
		line-height: 2rem
	}
}

.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
	font-size: 1em
}

.react-datepicker__portal .react-datepicker__navigation {
	top: .9em;
	line-height: 1.7em;
	border: .45em solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
	width: 0;
	height: 0;
	border-right-color: #666;
	left: 1em
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
	border-right-color: #333
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
	border-right-color: #e6e6e6;
	cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
	width: 0;
	height: 0;
	border-left-color: #666;
	right: 1em
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
	border-left-color: #333
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
	border-left-color: #e6e6e6;
	cursor: default
}

.react-datepicker-popper + .input-group-addon, .react-datepicker-wrapper:focus + .input-group-addon {
	color: #fff !important;
	background-color: #d82034 !important;
	border-color: #d82034 !important
}

.functional-block .input-group.strict-width {
	display: flex
}

.functional-block .input-group.strict-width .input-group-addon {
	flex: 1 1 auto;
	width: auto;
	font-size: 12px;
	line-height: 44px;
	padding: 0 12px;
	height: 44px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
	.functional-block .input-group.strict-width .input-group-addon {
		line-height: 40px
	}
}

@media screen and (min-width: 480px) {
	.functional-block .input-group.strict-width .input-group-addon {
		font-size: 14px
	}
}

.functional-block .filter-col .input-group-addon {
	line-height: 44px
}

.form-group.has-feedback {
	z-index: 1
}

.uppy-Root {
	box-sizing: border-box;
	font-family: Legacy-Regular, serif;
	font-size: 12px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	position: relative;
	color: #333
}

.uppy-Root *, .uppy-Root :after, .uppy-Root :before {
	box-sizing: inherit
}

.uppy-Root [hidden] {
	display: none
}

.uppy-Root :focus {
	box-shadow: none !important
}

.UppyIcon {
	max-width: 100%;
	max-height: 100%;
	fill: currentColor;
	display: inline-block;
	overflow: hidden
}

.UppyIcon--svg-baseline {
	bottom: -.125em;
	position: relative
}

.uppy-u-reset {
	-webkit-appearance: none;
	padding: 0;
	margin: 0;
	border: 0;
	color: inherit;
	backface-visibility: visible;
	background: none;
	border: medium none currentColor;
	border-collapse: separate;
	border-image: none;
	border-radius: 0;
	border-spacing: 0;
	box-shadow: none;
	clear: none;
	cursor: auto;
	display: inline;
	empty-cells: show;
	float: none;
	font-size: inherit;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-stretch: normal;
	hyphens: none;
	left: auto;
	letter-spacing: normal;
	list-style: none;
	max-height: none;
	max-width: none;
	min-height: 0;
	min-width: 0;
	opacity: 1;
	outline: medium none invert;
	overflow: visible;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	top: auto;
	transform: none;
	transform-origin: 50% 50% 0;
	transform-style: flat;
	transition: none 0s ease 0s;
	unicode-bidi: normal;
	vertical-align: baseline;
	visibility: visible;
	white-space: normal;
	z-index: auto
}

.uppy-c-btn, .uppy-u-reset {
	line-height: 1;
	font-family: inherit
}

.uppy-c-btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	transition: background-color .3s;
	user-select: none
}

.uppy-c-btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

.uppy-c-btn::-moz-focus-inner {
	border: 0
}

.uppy-c-btn-primary {
	height: 30px;
	padding: 0 12px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background-color: #d82034;
	border-radius: 2px
}

.uppy-c-btn-primary:hover {
	background-color: #e44758
}

.uppy-c-btn-link {
	font-size: 14px;
	line-height: 1;
	padding: 10px 15px;
	border-radius: 4px;
	background-color: transparent;
	color: #525252
}

.uppy-c-btn-link:hover {
	color: #333
}

.uppy-c-btn--small {
	font-size: .9em;
	padding: 7px 16px;
	border-radius: 2px
}

.uppy-size--md .uppy-c-textInput {
	padding: 8px 10px
}

.uppy-size--md .uppy-c-btn-primary {
	padding: 13px 22px
}

.uppy-size--md .uppy-c-btn-link {
	padding: 13px 18px
}

.uppy-size--md .uppy-c-btn--small {
	padding: 8px 10px;
	border-radius: 2px
}

.uppy-Informer {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 1;
	transform: none;
	transition: all .25s ease-in;
	z-index: 1005
}

.uppy-Informer[aria-hidden=true] {
	opacity: 0;
	transform: translateY(350%);
	transition: all .3s ease-in;
	z-index: -1000
}

.uppy-Informer p {
	display: inline-block;
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 400;
	padding: 6px 15px;
	border-radius: 0;
	color: #fff;
	background-color: #e37976;
	box-shadow: 0 0 10px 0 #e37976;
	max-width: 90%
}

.uppy-size--md .uppy-Informer p {
	font-size: 14px;
	line-height: 1.3;
	max-width: 500px;
	padding: 10px 20px
}

.uppy-Informer span[role~=tooltip] {
	display: none
}

.uppy-StatusBar {
	display: flex;
	position: relative;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	background-color: #fff;
	z-index: 1001;
	transition: height .2s
}

.uppy-StatusBar:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #e2e2e2
}

.uppy-StatusBar[aria-hidden=true] {
	overflow-y: hidden;
	height: 0
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
	background-color: #55b356
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
	background-color: #e37976
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
	color: #55b356
}

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
	color: #e37976
}

.uppy-size--md .uppy-StatusBar {
	height: 46px
}

.uppy-StatusBar-progress {
	background-color: #e44758;
	height: 2px;
	position: absolute;
	z-index: 1001;
	transition: background-color, width .3s ease-out
}

.uppy-StatusBar.is-waiting[aria-hidden=true] {
	display: none
}

.uppy-StatusBar-content {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1003;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
	height: 100%
}

.uppy-size--md .uppy-StatusBar-content {
	padding-left: 15px
}

.uppy-StatusBar-status {
	line-height: 1.4;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: .3em
}

.uppy-Root:not(.uppy-size--md) .uppy-StatusBar-additionalInfo {
	display: none
}

.uppy-StatusBar-statusPrimary {
	font-weight: 500
}

.uppy-StatusBar-statusSecondary {
	margin-top: 1px;
	font-size: 11px;
	line-height: 1.2;
	display: inline-block;
	color: #757575;
	white-space: nowrap
}

.uppy-StatusBar-statusSecondaryHint {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	line-height: 1
}

.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
	margin-right: 8px
}

.uppy-StatusBar-statusIndicator {
	position: relative;
	top: 1px;
	color: #525252;
	margin-right: 7px
}

.uppy-StatusBar-statusIndicator svg {
	vertical-align: text-bottom
}

.uppy-StatusBar-actions {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	z-index: 1004
}

.uppy-StatusBar-actionCircleBtn {
	line-height: 1;
	cursor: pointer;
	margin: 3px;
	opacity: .9
}

.uppy-StatusBar-actionCircleBtn:focus {
	outline: none
}

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
	border: 0
}

.uppy-StatusBar-actionCircleBtn:focus {
	box-shadow: 0 0 0 3px rgba(34, 117, 215, .5)
}

.uppy-StatusBar-actionCircleBtn:hover {
	opacity: 1
}

.uppy-StatusBar-actionCircleBtn:focus {
	border-radius: 50%
}

.uppy-StatusBar-actionCircleBtn svg {
	vertical-align: bottom
}

.uppy-StatusBar-actionCircleBtn g circle {
	fill: #666 !important
}

.uppy-StatusBar-actionBtn {
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	line-height: inherit;
	color: #2275d7
}

.uppy-size--md .uppy-StatusBar-actionBtn {
	font-size: 11px
}

.uppy-StatusBar-actionBtn--retry {
	height: 16px;
	border-radius: 8px;
	margin-right: 6px;
	background-color: #ff4b23;
	line-height: 1;
	color: #fff;
	padding: 1px 6px 3px 18px;
	position: relative
}

.uppy-StatusBar-actionBtn--retry:focus {
	outline: none
}

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
	border: 0
}

.uppy-StatusBar-actionBtn--retry:focus {
	box-shadow: 0 0 0 3px rgba(34, 117, 215, .5)
}

.uppy-StatusBar-actionBtn--retry:hover {
	background-color: #f92d00
}

.uppy-StatusBar-actionBtn--retry svg {
	position: absolute;
	top: 3px;
	left: 6px
}

.uppy-StatusBar-adjust-huener {
	animation-name: uppy-StatusBar-adjust-huenerAnimation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	margin-right: 10px;
	fill: #2275d7
}

@keyframes uppy-StatusBar-adjust-huenerAnimation {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.uppy-DashboardContent-panelBody {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1
}

.uppy-Provider-auth, .uppy-Provider-empty, .uppy-Provider-error, .uppy-Provider-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column wrap;
	flex: 1;
	color: #939393
}

.uppy-Provider-authIcon svg {
	width: 100px;
	height: 75px;
	margin-bottom: 15px
}

.uppy-Provider-authTitle {
	font-size: 17px;
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 30px;
	padding: 0 15px;
	max-width: 500px;
	text-align: center;
	color: #757575
}

.uppy-size--md .uppy-Provider-authTitle {
	font-size: 20px
}

.uppy-Provider-breadcrumbs {
	flex: 1;
	color: #525252;
	font-size: 12px;
	margin-bottom: 10px;
	text-align: left
}

.uppy-size--md .uppy-Provider-breadcrumbs {
	margin-bottom: 0
}

.uppy-Provider-breadcrumbs button {
	display: inline-block;
	line-height: inherit;
	padding: 4px;
	border-radius: 3px
}

.uppy-Provider-breadcrumbs button:focus {
	outline: none
}

.uppy-Provider-breadcrumbs button::-moz-focus-inner {
	border: 0
}

.uppy-Provider-breadcrumbs button:hover {
	color: #1b5dab
}

.uppy-Provider-breadcrumbs button:focus {
	background-color: #eceef2
}

.uppy-Provider-breadcrumbs button:hover {
	text-decoration: underline;
	cursor: pointer
}

.uppy-Provider-breadcrumbsIcon {
	display: inline-block;
	color: #525252;
	vertical-align: middle;
	margin-right: 4px;
	line-height: 1
}

.uppy-Provider-breadcrumbsIcon svg {
	width: 13px;
	height: 13px;
	fill: #525252
}

.uppy-ProviderBrowser {
	display: flex;
	flex-direction: column;
	flex: 1;
	font-size: 14px;
	font-weight: 400;
	height: 100%
}

.uppy-ProviderBrowser-user {
	margin: 0 8px 0 0;
	font-weight: 500;
	color: #333
}

.uppy-ProviderBrowser-user:after {
	content: "\B7";
	position: relative;
	left: 4px;
	color: #939393;
	font-weight: 400
}

.uppy-ProviderBrowser-header {
	z-index: 1001;
	border-bottom: 1px solid #eaeaea;
	position: relative
}

.uppy-ProviderBrowser-headerBar {
	padding: 7px 15px;
	background-color: #fafafa;
	z-index: 1001;
	color: #757575;
	line-height: 1.4;
	font-size: 12px
}

.uppy-size--md .uppy-ProviderBrowser-headerBar {
	display: flex;
	align-items: center
}

.uppy-ProviderBrowser-headerBar--simple {
	text-align: center;
	display: block;
	justify-content: center
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
	flex: none;
	display: inline-block;
	vertical-align: middle
}

.uppy-ProviderBrowser-search {
	width: 100%;
	background-color: #fff;
	position: relative;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: flex;
	align-items: center
}

.uppy-ProviderBrowser-searchIcon {
	position: absolute;
	width: 12px;
	height: 12px;
	left: 16px;
	z-index: 1003;
	color: #bbb
}

.uppy-ProviderBrowser-searchInput {
	width: 100%;
	height: 30px;
	background-color: transparent;
	outline: 0;
	font-family: Legacy-Regular, serif;
	font-size: 12px;
	line-height: 1.4;
	border: 0;
	margin: 0 8px;
	padding-left: 27px;
	z-index: 1001;
	border-radius: 4px
}

.uppy-ProviderBrowser-searchInput:focus {
	outline: 0;
	background-color: #f4f4f4
}

.uppy-ProviderBrowser-searchClose {
	position: absolute;
	width: 22px;
	height: 22px;
	padding: 6px;
	right: 12px;
	top: 4px;
	z-index: 1003;
	color: #939393;
	cursor: pointer
}

.uppy-ProviderBrowser-searchClose:hover {
	color: #757575
}

.uppy-ProviderBrowser-searchClose svg {
	vertical-align: text-top
}

.uppy-ProviderBrowser-searchInput::placeholder {
	color: #939393;
	opacity: 1
}

.uppy-ProviderBrowser-userLogout {
	cursor: pointer;
	line-height: inherit;
	color: #2275d7;
	padding: 4px;
	border-radius: 3px
}

.uppy-ProviderBrowser-userLogout:focus {
	outline: none
}

.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
	border: 0
}

.uppy-ProviderBrowser-userLogout:hover {
	color: #1b5dab
}

.uppy-ProviderBrowser-userLogout:focus {
	background-color: #eceef2
}

.uppy-ProviderBrowser-userLogout:hover {
	text-decoration: underline
}

.uppy-ProviderBrowser-body {
	flex: 1;
	position: relative
}

.uppy-ProviderBrowser-list {
	flex: 1;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-spacing: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0
}

.uppy-ProviderBrowserItem-inner {
	cursor: pointer;
	font-weight: 500;
	font-size: 13px
}

.uppy-ProviderBrowser-footer {
	display: flex;
	align-items: center;
	background: #fff;
	height: 65px;
	border-top: 1px solid #eaeaea;
	padding: 0 15px
}

.uppy-ProviderBrowser-footer button {
	margin-right: 8px
}

.uppy-Dashboard-Item-previewInnerWrap, .uppy-DashboardItem-previewInnerWrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .4);
	border-radius: 3px
}

.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap, .uppy-size--md .uppy-DashboardItem-previewInnerWrap {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.uppy-Dashboard-Item-previewInnerWrap:after, .uppy-DashboardItem-previewInnerWrap:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .65);
	display: none;
	z-index: 1001
}

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg, .uppy-DashboardItem-preview img.uppy-DashboardItem-previewImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateZ(0);
	border-radius: 3px
}

.uppy-Dashboard-Item-progress, .uppy-DashboardItem-progress {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1003;
	color: #fff;
	text-align: center;
	width: 120px;
	transition: all .35s ease
}

.uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem-progressIndicator {
	display: inline-block;
	width: 38px;
	height: 38px;
	opacity: .9;
	cursor: pointer
}

.uppy-Dashboard-Item-progressIndicator:focus, .uppy-DashboardItem-progressIndicator:focus {
	outline: none
}

.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner, .uppy-DashboardItem-progressIndicator::-moz-focus-inner {
	border: 0
}

svg.UppyIcon-progressCircle {
	width: 100%;
	height: 100%
}

svg.UppyIcon-progressCircle .bg {
	stroke: hsla(0, 0%, 100%, .4);
	opacity: 0
}

svg.UppyIcon-progressCircle .progress {
	stroke: #fff;
	transition: stroke-dashoffset .5s ease-out;
	opacity: 0
}

svg.UppyIcon-progressCircle .play {
	stroke: #fff;
	display: none
}

svg.UppyIcon-progressCircle .cancel, svg.UppyIcon-progressCircle .pause, svg.UppyIcon-progressCircle .play {
	fill: #fff;
	opacity: 0;
	transition: all .2s
}

svg.UppyIcon-progressCircle .pause {
	stroke: #fff;
	display: none
}

svg.UppyIcon-progressCircle .check {
	opacity: 0;
	fill: #fff;
	transition: all .2s
}

svg.UppyIcon.retry {
	fill: #fff
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progress {
	transform: none;
	top: -9px;
	right: -8px;
	left: auto;
	width: auto
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress, .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progress, .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-progress, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progress, .uppy-DashboardItem.is-error .uppy-DashboardItem-progress, .uppy-DashboardItem.is-inprogress .uppy-DashboardItem-progress {
	display: block
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
	width: 18px;
	height: 18px
}

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator, .uppy-size--md .uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
	width: 28px;
	height: 28px
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
	width: 18px;
	height: 18px;
	opacity: 1
}

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-size--md .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
	width: 22px;
	height: 22px
}

.uppy-Dashboard-Item.is-paused svg.UppyIcon-progressCircle .pause, .uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .pause {
	opacity: 0
}

.uppy-Dashboard-Item.is-paused svg.UppyIcon-progressCircle .play, .uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .play {
	opacity: 1
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-Dashboard-Item.is-complete .uppy-DashboardItem-progressIndicator, .uppy-DashboardItem.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
	cursor: default
}

.uppy-Dashboard-Item.is-complete .progress, .uppy-DashboardItem.is-complete .progress {
	stroke: #55b356;
	fill: #55b356;
	opacity: 1
}

.uppy-Dashboard-Item.is-complete .check, .uppy-DashboardItem.is-complete .check {
	opacity: 1
}

.uppy-size--md .uppy-Dashboard-Item-progressIndicator, .uppy-size--md .uppy-DashboardItem-progressIndicator {
	width: 55px;
	height: 55px
}

.uppy-Dashboard-Item.is-resumable .pause, .uppy-Dashboard-Item.is-resumable .play, .uppy-DashboardItem.is-resumable .pause, .uppy-DashboardItem.is-resumable .play {
	display: block
}

.uppy-Dashboard-Item.is-resumable .cancel, .uppy-DashboardItem.is-resumable .cancel {
	display: none
}

.uppy-Dashboard-Item.is-inprogress .bg, .uppy-Dashboard-Item.is-inprogress .cancel, .uppy-Dashboard-Item.is-inprogress .pause, .uppy-Dashboard-Item.is-inprogress .progress, .uppy-DashboardItem.is-inprogress .bg, .uppy-DashboardItem.is-inprogress .cancel, .uppy-DashboardItem.is-inprogress .pause, .uppy-DashboardItem.is-inprogress .progress {
	opacity: 1
}

.uppy-Dashboard-Item-fileInfo, .uppy-DashboardItem-fileInfo {
	padding-right: 5px
}

.uppy-Dashboard-Item-name, .uppy-DashboardItem-name {
	font-size: 12px;
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 4px;
	word-break: break-all
}

.uppy-Dashboard-Item-status, .uppy-DashboardItem-status {
	font-size: 11px;
	line-height: 1.3;
	font-weight: 400;
	color: #757575
}

.uppy-Dashboard-Item-statusSize, .uppy-DashboardItem-statusSize {
	display: inline-block;
	vertical-align: bottom;
	text-transform: uppercase
}

.uppy-Dashboard-Item-sourceIcon, .uppy-DashboardItem-sourceIcon {
	display: none
}

.uppy-Dashboard-Item-action, .uppy-DashboardItem-action {
	cursor: pointer;
	color: #d82034
}

.uppy-Dashboard-Item-action:focus, .uppy-DashboardItem-action:focus {
	outline: none
}

.uppy-Dashboard-Item-action::-moz-focus-inner, .uppy-DashboardItem-action::-moz-focus-inner {
	border: 0
}

.uppy-Dashboard-Item-action:focus, .uppy-DashboardItem-action:focus {
	box-shadow: 0 0 0 3px rgba(34, 117, 215, .5)
}

.uppy-Dashboard-Item-action:hover, .uppy-DashboardItem-action:hover {
	opacity: 1;
	color: #1f1f1f
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action, .uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-action {
	width: 22px;
	height: 22px;
	padding: 3px;
	margin-left: 3px
}

.uppy-Dashboard-Item-action--remove, .uppy-DashboardItem-action--remove {
	color: #1f1f1f;
	opacity: .95
}

.uppy-size--md .uppy-Dashboard-Item-action--remove, .uppy-size--md .uppy-DashboardItem-action--remove {
	z-index: 1003;
	position: absolute;
	top: -8px;
	right: -8px;
	width: 18px;
	height: 18px;
	padding: 0
}

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus, .uppy-size--md .uppy-DashboardItem-action--remove:focus {
	border-radius: 50%
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item, .uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem {
	display: flex;
	align-items: center;
	padding: 10px;
	padding-right: 0
}

.uppy-size--md .uppy-Dashboard-Item, .uppy-size--md .uppy-DashboardItem {
	position: relative;
	display: block !important;
	float: left;
	margin: 5px 15px;
	width: calc(33.333% - 30px);
	height: 215px
}

.uppy-size--lg .uppy-Dashboard-Item, .uppy-size--lg .uppy-DashboardItem {
	margin: 5px 15px;
	width: calc(25% - 30px);
	height: 190px
}

.uppy-size--xl .uppy-Dashboard-Item, .uppy-size--xl .uppy-DashboardItem {
	width: calc(20% - 30px);
	height: 210px
}

.uppy-Dashboard-Item-preview, .uppy-DashboardItem-preview {
	position: relative
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview, .uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-preview {
	flex-shrink: 0;
	flex-grow: 0;
	width: 50px;
	height: 50px
}

.uppy-size--md .uppy-Dashboard-Item-preview, .uppy-size--md .uppy-DashboardItem-preview {
	width: 100%;
	height: 140px
}

.uppy-size--lg .uppy-Dashboard-Item-preview, .uppy-size--lg .uppy-DashboardItem-preview {
	height: 120px
}

.uppy-size--xl .uppy-Dashboard-Item-preview, .uppy-size--xl .uppy-DashboardItem-preview {
	height: 140px
}

.uppy-Dashboard-Item-fileInfoAndButtons, .uppy-DashboardItem-fileInfoAndButtons {
	flex-grow: 1;
	padding-right: 8px;
	padding-left: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons, .uppy-size--md .uppy-DashboardItem-fileInfoAndButtons {
	align-items: flex-start;
	width: 100%;
	padding: 0;
	padding-top: 9px
}

.uppy-Dashboard-Item-fileInfo, .uppy-DashboardItem-fileInfo {
	flex-grow: 1;
	flex-shrink: 1
}

.uppy-Dashboard-Item-actionWrapper, .uppy-DashboardItem-actionWrapper {
	flex-grow: 0;
	flex-shrink: 0
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-Dashboard-Item.is-error .uppy-DashboardItem-previewInnerWrap:after, .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-Dashboard-Item.is-inprogress .uppy-DashboardItem-previewInnerWrap:after, .uppy-DashboardItem.is-error .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-DashboardItem.is-error .uppy-DashboardItem-previewInnerWrap:after, .uppy-DashboardItem.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-DashboardItem.is-inprogress .uppy-DashboardItem-previewInnerWrap:after {
	display: block
}

.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove, .uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-DashboardItem-action--remove, .uppy-DashboardItem.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove, .uppy-DashboardItem.is-inprogress:not(.is-resumable) .uppy-DashboardItem-action--remove {
	display: none
}

.uppy-transition-slideDownUp-enter {
	opacity: .01;
	transform: translate3d(0, -105%, 0);
	transition: transform .25s ease-in-out, opacity .25s ease-in-out
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
	opacity: 1;
	transform: translateZ(0)
}

.uppy-transition-slideDownUp-leave {
	opacity: 1;
	transform: translateZ(0);
	transition: transform .25s ease-in-out, opacity .25s ease-in-out
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
	opacity: .01;
	transform: translate3d(0, -105%, 0)
}

.uppy-Dashboard-inner {
	width: 100% !important;
	min-height: 360px;
	border: 2px solid #e2e2e2;
	border-style: dashed;
	border-radius: 0;
	background-color: #fff;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	outline: none
}

.uppy-size--md .uppy-Dashboard-inner {
	min-height: auto
}

@media only screen and (min-width: 820px) {
	.uppy-Dashboard-inner {
		width: 750px;
		height: 550px
	}
}

.uppy-Dashboard-innerWrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 0;
	opacity: 0
}

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
	opacity: 1
}

.uppy-Dashboard-AddFiles, .uppy-DashboardAddFiles {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	position: relative;
	text-align: center;
	flex: 1
}

.uppy-size--md .uppy-Dashboard-AddFiles, .uppy-size--md .uppy-DashboardAddFiles {
	margin: 7px;
	border-radius: 3px
}

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles, .uppy-Dashboard-AddFilesPanel .uppy-DashboardAddFiles {
	border: none
}

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles, .uppy-Dashboard--modal .uppy-DashboardAddFiles {
	border-color: #cfcfcf
}

.uppy-DashboardTabs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding-top: 10px
}

.uppy-size--md .uppy-DashboardTabs {
	align-items: center
}

.uppy-DashboardTabs-title {
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #525252
}

.uppy-size--md .uppy-DashboardTabs-title {
	font-size: 16px;
	line-height: 40px
}

.uppy-DashboardAddFiles-info {
	padding: 0
}

.uppy-size--md .uppy-DashboardAddFiles-info {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	padding: 0
}

.uppy-Dashboard-browse {
	cursor: pointer;
	color: #d82034
}

.uppy-Dashboard-browse:focus {
	outline: none
}

.uppy-Dashboard-browse::-moz-focus-inner {
	border: 0
}

.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
	border-bottom: 2px solid #d82034
}

.uppy-Dashboard-AddFiles-list, .uppy-DashboardTabs-list {
	display: flex;
	flex-direction: column;
	max-height: 300px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 10px;
	padding: 2px 0
}

.uppy-size--md .uppy-Dashboard-AddFiles-list, .uppy-size--md .uppy-DashboardTabs-list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 600px;
	overflow-x: visible;
	overflow-x: initial;
	margin-top: 15px;
	padding-top: 0
}

.uppy-DashboardTab {
	width: 100%;
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #e2e2e2;
	padding: 0 2px
}

.uppy-size--md .uppy-DashboardTab {
	width: auto;
	margin-bottom: 20px;
	border-bottom: none;
	padding: 0
}

.uppy-DashboardTab-btn {
	width: 100%;
	height: 100%;
	cursor: pointer;
	border: 0;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
	color: #525252;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 12px 15px;
	line-height: 1;
	text-align: center;
	border-radius: 0
}

.uppy-size--md .uppy-DashboardTab-btn {
	width: 86px;
	margin-right: 1px;
	flex-direction: column;
	padding: 10px 3px;
	border-radius: 0
}

.uppy-DashboardTab-btn::-moz-focus-inner {
	border: 0
}

.uppy-DashboardTab-btn:hover {
	background-color: #e2e2e2
}

.uppy-DashboardTab-btn:active, .uppy-DashboardTab-btn:focus {
	outline: none
}

.uppy-DashboardTab-btn svg {
	margin-right: 10px;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: text-top;
	overflow: hidden;
	transition: transform .15s ease-in-out
}

.uppy-size--md .uppy-DashboardTab-btn svg {
	margin-right: 0
}

.uppy-DashboardTab-name {
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.uppy-size--md .uppy-DashboardTab-name {
	font-size: 11px;
	line-height: 14px;
	margin-top: 8px;
	margin-bottom: 0
}

.uppy-DashboardTab svg {
	width: 18px;
	height: 18px;
	vertical-align: middle
}

.uppy-size--md .uppy-DashboardTab svg {
	width: 36px;
	height: 36px
}

.uppy-Dashboard-input {
	width: .1px;
	height: .1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1
}

.uppy-DashboardContent-bar {
	flex-shrink: 0;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	z-index: 1004;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px solid #e6e6e6
}

.uppy-size--md .uppy-DashboardContent-bar {
	height: 50px;
	padding: 0 15px
}

@media (max-width: 479px) {
	.uppy-DashboardContent-bar .uppy-DashboardContent-back {
		order: -5
	}

	.uppy-DashboardContent-bar .uppy-DashboardContent-title {
		order: 0;
		position: static;
		padding: 0 5px
	}

	.uppy-DashboardContent-bar .uppy-DashboardContent-addMore {
		order: 5
	}
}

.uppy-DashboardContent-title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	font-weight: 500;
	width: 100%;
	max-width: 170px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
	margin: auto
}

.uppy-size--md .uppy-DashboardContent-title {
	font-size: 14px;
	line-height: 50px;
	max-width: 300px
}

.uppy-DashboardContent-addMore, .uppy-DashboardContent-back {
	background: none;
	-webkit-appearance: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	padding: 0;
	margin: 0;
	color: #d82034;
	background-color: #fff !important;
	border: 1px solid #d82034;
	border-radius: 0;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.uppy-DashboardContent-addMore:focus, .uppy-DashboardContent-back:focus {
	outline: none
}

.uppy-DashboardContent-addMore::-moz-focus-inner, .uppy-DashboardContent-back::-moz-focus-inner {
	border: 0
}

.uppy-DashboardContent-addMore:hover, .uppy-DashboardContent-back:hover {
	color: #1b5dab
}

.uppy-DashboardContent-addMore:focus, .uppy-DashboardContent-back:focus {
	background-color: #eceef2
}

.uppy-size--md .uppy-DashboardContent-addMore, .uppy-size--md .uppy-DashboardContent-back {
	font-size: 14px
}

.uppy-DashboardContent-addMore:hover, .uppy-DashboardContent-back:hover {
	color: #fff;
	background-color: #d82034 !important
}

.uppy-DashboardContent-addMore:focus, .uppy-DashboardContent-back:focus {
	background: none
}

.uppy-DashboardContent-back {
	font-size: 12px;
	font-weight: 400;
	padding: 7px 6px;
	margin-left: -6px
}

.uppy-DashboardContent-addMore {
	position: relative;
	min-width: 30px;
	min-height: 30px;
	font-weight: 500;
	width: 29px;
	height: 29px;
	padding: 0;
	font-family: FontAwesome;
	margin-right: -5px
}

.uppy-size--md .uppy-DashboardContent-addMore {
	width: auto;
	height: auto;
	margin-right: -8px
}

.uppy-DashboardContent-addMore svg {
	display: none
}

.uppy-DashboardContent-addMore:before {
	content: "\F067";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	transform: translate(-50%, -50%)
}

.uppy-DashboardContent-addMoreCaption {
	display: none
}

.uppy-Dashboard-AddFilesPanel, .uppy-DashboardContent-panel {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
	background-color: hsla(0, 0%, 100%, .9);
	border-radius: 0;
	overflow: hidden;
	z-index: 1005
}

.uppy-DashboardContent-panel {
	flex: 1
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
	filter: blur(2px)
}

.uppy-Dashboard-filesContainer {
	position: relative;
	overflow-y: hidden;
	margin: 0;
	flex: 1
}

.uppy-Dashboard-filesContainer:after {
	content: "";
	display: table;
	clear: both
}

.uppy-Dashboard-files {
	margin: 0;
	padding: 0 0 10px;
	-webkit-overflow-scrolling: touch;
	flex: 1;
	overflow: hidden;
	outline: none
}

.uppy-size--md .uppy-Dashboard-files {
	padding-top: 10px
}

.uppy-Dashboard-dropFilesHereHint {
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	position: absolute;
	top: 7px;
	right: 7px;
	bottom: 7px;
	left: 7px;
	padding-top: 90px;
	border-radius: 3px;
	z-index: 2000;
	text-align: center;
	color: #707070;
	font-size: 16px
}

.uppy-Dashboard-dropFilesHereHint:before {
	content: "\F093";
	position: absolute;
	top: 50%;
	left: 50%;
	color: #e2e2e2;
	font-family: FontAwesome;
	font-size: 56px;
	transform: translate(-50%, -50%)
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
	visibility: visible
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar {
	opacity: .15
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardAddFiles {
	opacity: .03
}

.uppy-Dashboard-AddFiles-title, .uppy-Dashboard-dropFilesTitle {
	max-width: 300px;
	text-align: center;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 400;
	color: #333;
	padding: 0 15px
}

.uppy-size--md .uppy-Dashboard-AddFiles-title, .uppy-size--md .uppy-Dashboard-dropFilesTitle {
	max-width: 470px
}

.uppy-Dashboard-note {
	font-size: 14px;
	line-height: 1.25;
	text-align: center;
	color: #757575;
	max-width: 350px;
	margin: auto;
	padding: 0 15px
}

.uppy-size--md .uppy-Dashboard-note {
	font-size: 16px;
	line-height: 1.35;
	max-width: 600px
}

.uppy-Dashboard-Item-previewIcon, .uppy-DashboardItem-previewIcon {
	width: 25px;
	height: 25px;
	z-index: 100;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.uppy-size--md .uppy-Dashboard-Item-previewIcon, .uppy-size--md .uppy-DashboardItem-previewIcon {
	width: 38px;
	height: 38px
}

.uppy-Dashboard-Item-previewIcon svg, .uppy-DashboardItem-previewIcon svg {
	width: 100%;
	height: 100%
}

.uppy-Dashboard-Item-previewIconWrap, .uppy-DashboardItem-previewIconWrap {
	height: 76px;
	max-height: 75%;
	position: relative
}

.uppy-Dashboard-Item-previewIconBg, .uppy-DashboardItem-previewIconBg {
	width: 100%;
	height: 100%;
	filter: drop-shadow(rgba(0, 0, 0, .1) 0 1px 1px)
}

.uppy-Url {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 0 5px
}

.uppy-Url-input {
	width: 90%;
	max-width: 650px;
	margin-bottom: 15px
}

.uppy-size--md .uppy-Url-input {
	margin-bottom: 20px
}

.uppy-Webcam-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.uppy-Webcam-videoContainer {
	width: 100%;
	flex: 1;
	flex-grow: 1;
	overflow: hidden;
	background-color: #333;
	text-align: center;
	position: relative
}

.uppy-Webcam-video {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.uppy-Webcam-video--mirrored {
	transform: scaleX(-1)
}

.uppy-Webcam-buttonContainer {
	width: 100%;
	height: 75px;
	border-top: 1px solid #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px
}

.uppy-Webcam-button {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #e32437;
	color: #fff;
	cursor: pointer;
	transition: all .3s
}

.uppy-Webcam-button svg {
	width: 30px;
	height: 30px;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: text-top;
	overflow: hidden;
	fill: currentColor
}

.uppy-size--md .uppy-Webcam-button {
	width: 60px;
	height: 60px
}

.uppy-Webcam-button:hover {
	background-color: #d31b2d
}

.uppy-Webcam-button:focus {
	outline: none;
	box-shadow: 0 0 0 .2rem rgba(34, 117, 215, .5)
}

.uppy-Webcam-button--picture {
	margin-right: 12px
}

.uppy-Webcam-permissons {
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column wrap;
	height: 100%;
	flex: 1
}

.uppy-Webcam-permissons p {
	max-width: 450px;
	line-height: 1.3
}

.uppy-Webcam-title {
	font-size: 22px;
	line-height: 1.35;
	font-weight: 400;
	margin: 0;
	margin-bottom: 5px;
	padding: 0 15px;
	max-width: 500px;
	text-align: center;
	color: #333
}

.uppy-Webcam-permissons p {
	text-align: center;
	line-height: 1.45;
	color: #939393;
	margin: 0
}

.uppy-Webcam-permissonsIcon svg {
	width: 100px;
	height: 75px;
	color: #bbb;
	margin-bottom: 30px
}

.uppy-uploaded-files {
	padding-top: 10px;
	font-size: 17px;
	text-align: center
}

.uppy-uploaded-files ul {
	display: inline-block;
	width: 100%;
	max-width: 440px;
	padding-left: 0;
	list-style-type: none;
	text-align: left;
	border-radius: 0;
	border: 2px solid #e6e6e6;
	background-color: #fff
}

.uppy-uploaded-files li {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0 !important;
	padding: 10px 5px 10px 15px
}

.uppy-uploaded-files li:not(:last-child) {
	border-bottom: 2px solid #e6e6e6
}

.uppy-uploaded-files li a {
	color: #d82034;
	word-break: break-all
}

.uppy-uploaded-files li a:hover {
	color: #e44758
}

.uppy-uploaded-files i.btn {
	margin-left: 10px;
	padding-top: 0;
	padding-bottom: 0
}

.uppy-uploaded-files .component-locker {
	flex-shrink: 0;
	width: auto;
	height: auto;
	padding-right: 5px;
	padding-left: 10px;
	background-color: transparent
}

.uppy-uploaded-files .c-spinner, .uppy-uploaded-files .c-spinner svg {
	width: 22px;
	height: 22px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
	.uppy-uploaded-files .c-spinner svg {
		width: 44px;
		height: 44px
	}
}

.uppy-uploaded-files .c-spinner circle {
	cx: 10px;
	cy: 10px;
	r: 8px
}

.functional-block + .field-col-button {
	width: 100%
}

.functional-block + .field-col-button div {
	display: inline-block
}

.functional-block + .field-col-button a, .functional-block + .field-col-button button {
	margin: 4px 3px 0
}

.functional-block .document-row {
	display: block
}

.functional-block .document-row .document-fields {
	display: flex
}

.functional-block .document-row .document-fields:before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% + 60px);
	height: calc(100% + 15px);
	top: -8px;
	left: -20px;
	opacity: 0;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .2);
	transition: opacity .1s ease-in-out
}

@media screen and (max-width: 991px) {
	.functional-block .document-row .document-fields:before {
		opacity: 1
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.functional-block .document-row .document-fields.buttons-enabled {
		position: relative;
		padding-bottom: 40px !important
	}

	.functional-block .document-row .document-fields.buttons-enabled .buttons-drawer-rail {
		position: absolute;
		bottom: 0
	}

	.functional-block .document-row .document-fields.buttons-enabled .buttons-drawer {
		justify-content: flex-start
	}
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .document-fields {
		display: block
	}

	.functional-block .document-row .document-fields .document-title {
		display: inline-flex;
		width: calc(100% - 70px)
	}
}

.functional-block .document-row .document-title {
	flex-grow: 1;
	position: relative;
	word-break: break-word;
	box-sizing: border-box
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .document-title {
		padding-right: 15px
	}
}

.functional-block .document-row .document-vertragsverbindungsnummer {
	flex-shrink: 0
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .document-date, .functional-block .document-row .document-untertyp, .functional-block .document-row .document-vertragsverbindungsnummer {
		margin-left: 30px
	}
}

.functional-block .document-row .document-download {
	position: relative;
	display: inline-block;
	cursor: pointer;
	z-index: 2
}

.functional-block .document-row .buttons-drawer-rail {
	display: block;
	width: 100%;
	margin-top: 6px
}

@media screen and (min-width: 992px) {
	.functional-block .document-row .buttons-drawer-rail {
		position: absolute;
		width: 30px;
		height: 30px;
		top: -6px;
		right: -34px;
		display: inline-block;
		margin-top: 0
	}
}

.functional-block .document-row .buttons-drawer-rail .options {
	margin-right: 10px
}

.functional-block .document-row .buttons-drawer {
	position: relative;
	display: block;
	margin: 0;
	text-align: left
}

@media screen and (max-width: 991px) {
	.functional-block .document-row .buttons-drawer {
		background: transparent
	}

	.functional-block .document-row .buttons-drawer:hover {
		transform: none
	}
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .buttons-drawer {
		justify-content: flex-start
	}
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .buttons-drawer {
		left: 0
	}
}

.functional-block .document-row .buttons-drawer button {
	background-color: #fff
}

.functional-block .document-row .buttons-drawer button:hover {
	background-color: #d82034
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .buttons-drawer button {
		margin-left: 0;
		margin-bottom: 5px;
		border: 1px solid #d82034;
		text-align: left
	}
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .buttons-drawer button i {
		display: inline-block
	}
}

@media screen and (min-width: 992px) {
	.functional-block .document-row .buttons-drawer {
		position: absolute;
		display: block;
		left: calc(100% - 22px);
		padding: 0;
		text-align: center;
		white-space: nowrap;
		transition: transform .4s ease-in-out, padding .6s ease-in-out;
		z-index: 3
	}

	.functional-block .document-row .buttons-drawer:hover {
		transform: translateX(-100%) translateX(55px)
	}

	.functional-block .document-row .buttons-drawer:hover .options {
		opacity: 0;
		transition: none
	}

	.functional-block .document-row .buttons-drawer button {
		display: inline-block;
		margin-top: 2px;
		vertical-align: top;
		white-space: nowrap
	}
}

.functional-block .document-row .options {
	display: inline-block;
	position: relative;
	margin-top: 8px;
	margin-right: 5px;
	color: #d82034;
	transition: opacity .4s ease-in-out .4s
}

@media screen and (max-width: 991px) {
	.functional-block .document-row .options {
		display: none
	}
}

.functional-block .document-row .options .fa-file {
	font-size: 18px
}

.functional-block .document-row .options .fa-wrench {
	position: absolute;
	font-size: 12px;
	top: 3px;
	left: 1.5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-90deg)
}

.functional-block .document-row .document-sign-wrapper {
	display: flex;
	justify-content: flex-end;
	width: 100px
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .document-sign-wrapper {
		display: inline-flex;
		width: 70px
	}
}

.functional-block .document-row .document-sign-wrapper .sign-button {
	margin-right: -3px;
	margin-bottom: 0;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-width: 28px;
	height: 28px;
	margin: -6px -4px -8px 0 !important;
	padding: 4px 4px 4px 7px;
	text-decoration: none;
	overflow: hidden;
	border-radius: 60px;
	color: #d82034;
	cursor: pointer
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied.blue .fa-file-o, .functional-block .document-row .document-sign-wrapper .sign-button.signed.blue .fa-file-o {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied.green .fa-file-o, .functional-block .document-row .document-sign-wrapper .sign-button.signed.green .fa-file-o {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied.orange .fa-file-o, .functional-block .document-row .document-sign-wrapper .sign-button.signed.orange .fa-file-o {
	color: #ffa333
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied {
	opacity: .3;
	cursor: not-allowed
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied .fa-check {
	opacity: 0
}

.functional-block .document-row .document-sign-wrapper .sign-button.signed {
	opacity: 1
}

.functional-block .document-row .document-sign-wrapper .sign-button.signed .fa-file-o:after {
	display: none
}

.functional-block .document-row .document-sign-wrapper .sign-button.signed .fa-check {
	opacity: 1
}

.functional-block .document-row .document-sign-wrapper .sign-button:not(:last-child) {
	margin-bottom: 15px
}

.functional-block .document-row .document-sign-wrapper .sign-button i {
	font-size: 16px
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover .fa-pencil {
	transform: translateX(-3px)
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover.blue .fa-file-o {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover.green .fa-file-o {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover.orange .fa-file-o {
	color: #ffa333
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-file-o {
	position: relative;
	transform: scaleX(-1);
	transition: color .2s ease-in-out
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-file-o:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 3px;
	width: 8px;
	height: 2px;
	background-color: #d82034
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-pencil {
	position: absolute;
	top: 5px;
	left: 15px;
	font-size: 12px;
	transition: transform .4s ease-in-out
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-pencil:before {
	position: relative;
	z-index: 2
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-pencil:after {
	content: "";
	position: absolute;
	top: 0;
	left: 2px;
	width: 6px;
	height: 13px;
	border-radius: 4px;
	background-color: #fff;
	transform: rotate(45deg);
	z-index: 1
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-check {
	opacity: 0;
	position: absolute;
	top: 9px;
	left: 8px;
	padding: 2px;
	font-size: 9px;
	border-radius: 50%
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-sun-o {
	display: none;
	position: absolute;
	top: 11px;
	left: 11px;
	font-size: 15px
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue {
	color: #9a9a9a
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-pencil {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-file-o:after {
	background-color: #c44240
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-check, .functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-sun-o {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button.green {
	color: #9a9a9a
}

.functional-block .document-row .document-sign-wrapper .sign-button.green .fa-pencil {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button.green .fa-file-o:after {
	background-color: #c44240
}

.functional-block .document-row .document-sign-wrapper .sign-button.green .fa-check, .functional-block .document-row .document-sign-wrapper .sign-button.green .fa-sun-o {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange {
	color: #9a9a9a
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-pencil {
	color: #ffa333
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-file-o:after {
	background-color: #c44240
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-check, .functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-sun-o {
	color: #ffa333
}

.functional-block .list-stretched {
	padding-left: 0;
	list-style: none;
	margin-bottom: 12px !important
}

.functional-block .list-stretched li {
	margin-bottom: 14px;
	line-height: 22px;
	overflow-x: hidden
}

.functional-block .list-stretched li b {
	max-width: 50%;
	float: left
}

@media screen and (min-width: 768px) {
	.functional-block .list-stretched li {
		margin-bottom: 12px;
		line-height: 44px
	}
}

.functional-block .uploaded-files {
	position: relative;
	overflow: hidden;
	text-align: center
}

.functional-block .uploaded-files .file-info {
	flex-grow: 1;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 7px;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	text-align: left;
	word-break: break-all
}

.functional-block .uploaded-files .file-info div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	padding: 5px 15px
}

.functional-block .uploaded-files .file-info div:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2px;
	margin: auto;
	width: 2px;
	height: 17px;
	background-color: #e2e2e2
}

@media screen and (min-width: 768px) {
	.functional-block .uploaded-files {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		margin-left: 205px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .uploaded-files {
		margin-left: 325px
	}
}

.functional-block .uploaded-files .main-button {
	flex-shrink: 0;
	height: auto
}

@media screen and (max-width: 767px) {
	.functional-block .uploaded-files .main-button {
		margin-top: 10px
	}
}

.btn-icon {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	color: #d82034;
	transition: .2s ease-in-out
}

.btn-icon i {
	font-size: 16px
}

.btn-icon .fa-envelope-open-o + .fa-long-arrow-right {
	position: absolute;
	top: 11px;
	left: 0
}

.btn-icon:focus, .btn-icon:hover {
	color: #e44758 !important;
	opacity: .7;
	text-decoration: none
}

.popup-tooltip {
	z-index: 10001
}

.sticky-outer-wrapper {
	position: absolute !important;
	width: 100%
}

.filter-component-wrapper {
	position: relative
}

.filter-component-wrapper .filter {
	width: 100%;
	top: 0;
	margin-top: 0;
	opacity: 0;
	visibility: hidden;
	border-color: #d82034;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	z-index: 2;
	pointer-events: none
}

.filter-component-wrapper .filter, .filter-component-wrapper ~ .result-view-table {
	transition: opacity .2s ease-in-out
}

.filter-component-wrapper.opened {
	z-index: 2
}

.filter-component-wrapper.opened .filter-component-btn .filter-icon-open {
	opacity: 0
}

.filter-component-wrapper.opened .filter-component-btn .filter-icon-close {
	opacity: 1
}

.filter-component-wrapper.opened .filter {
	opacity: 1;
	pointer-events: auto;
	visibility: visible
}

.filter-component-wrapper.opened ~ .result-view-table {
	opacity: .5;
	pointer-events: none
}

.filter-btn-trigger {
	position: absolute;
	left: -31px;
	width: 31px;
	height: 59px !important
}

.filter-component-btn {
	margin-top: 10px;
	padding: 14px 10px 15px 8px;
	border: solid #d82034;
	border-width: 1px 0 1px 1px;
	color: #d82034;
	background-color: #fff;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.filter-component-btn i {
	font-size: 18px;
	transition: opacity .2s ease-in-out
}

.filter-component-btn i.filter-icon-close {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 18px;
	margin: auto;
	opacity: 0
}

.filter-component-btn:hover {
	box-shadow: none;
	color: #fff;
	background-color: #e44758
}

.sticky-block {
	position: relative
}

.sticky-block .collapsible-content .functional-block {
	margin-top: 0
}

@media screen and (max-width: 767px) {
	.sticky-block {
		margin-left: 20px
	}
}

.accordion .accordion-header {
	position: relative;
	padding: 18px 30px 14px 18px;
	color: #d82034;
	cursor: pointer
}

.accordion .accordion-header-icon {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 21px;
	font-family: Times New Roman, serif
}

.accordion .accordion-header-icon:before {
	content: "+"
}

.accordion .is-active .accordion-header-icon:before {
	content: "\2212"
}

.accordion .accordion-title {
	margin-bottom: 0
}

.accordion .accordion-title .accordion-title-label {
	padding: 0;
	color: #d82034;
	font-size: 21px;
	line-height: 1.2;
	font-weight: 700;
	background: none;
	border: none
}

.accordion .accordion-panel {
	border-bottom: 1px solid #e2e2e2
}

.accordion .accordion-panel .accordion-panel-content {
	padding: 5px 5px 5px 20px
}

.accordion .accordion-panel, .accordion .accordion-panel-content {
	overflow: hidden
}

.table-expandable-rows tbody > tr > td:first-child {
	text-align: left
}

.table-expandable-rows .more-details {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #666;
	text-align: left
}

.table-expandable-rows .more-details i.fa {
	top: 5px;
	margin-left: 6px;
	font-size: 26px;
	line-height: 12px;
	color: #d82034;
	transition: color .2s ease-in-out
}

.table-expandable-rows .more-details i.fa.fa-chevron-circle-up:before {
	content: "\F106"
}

.table-expandable-rows .more-details i.fa.fa-chevron-circle-down:before {
	content: "\F107"
}

.table-expandable-rows .more-details:hover i.fa {
	animation: none;
	color: #e44758
}

.table-expandable-rows .row-expandable td:first-child {
	box-shadow: inset 4px 0 0 0 #d82034;
	padding-left: 30px
}

@media screen and (max-width: 768px) {
	.table-expandable-rows .row-expandable td {
		box-shadow: inset 4px 0 0 0 #d82034
	}

	.table-expandable-rows .row-expandable td:first-child {
		padding-left: 50%
	}
}

@media screen and (max-width: 768px) {
	.table-long-column-head td[data-column]:before {
		direction: rtl
	}
}

.checkbox-tree-wrapper {
	display: table-cell;
	overflow: hidden
}

.react-checkbox-tree {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	font-size: 17px
}

.react-checkbox-tree > ol {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.react-checkbox-tree ol {
	margin: 0;
	padding-left: 0;
	list-style-type: none
}

.react-checkbox-tree ol ol {
	padding-left: 24px
}

.react-checkbox-tree button {
	line-height: normal;
	color: inherit
}

.react-checkbox-tree button:focus {
	outline: none
}

.react-checkbox-tree button:disabled {
	cursor: not-allowed
}

.react-checkbox-tree .rct-bare-label {
	cursor: default
}

.react-checkbox-tree label {
	margin-bottom: 0;
	cursor: pointer
}

.react-checkbox-tree label:active, .react-checkbox-tree label:hover {
	background: none
}

.react-checkbox-tree .rct-icon {
	font-family: FontAwesome;
	font-style: normal
}

.react-checkbox-tree:not(.rct-native-display) input {
	display: none
}

.react-checkbox-tree.rct-native-display input {
	margin: 0 5px
}

.rct-disabled > .rct-text > label {
	opacity: .75;
	cursor: not-allowed
}

.rct-disabled > .rct-text > label:active, .rct-disabled > .rct-text > label:hover {
	background: none
}

.rct-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rct-options {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: .5rem;
	text-align: right
}

.rct-option {
	opacity: .75;
	border: 0;
	background: none;
	cursor: pointer;
	padding: 0 4px;
	font-size: 18px
}

.rct-option:hover {
	opacity: 1
}

.rct-option + .rct-option {
	margin-left: 2px
}

.rct-node-icon {
	padding: 0 5px;
	color: #333
}

.rct-checkbox, .rct-collapse {
	padding: 0
}

.rct-checkbox *, .rct-collapse *, .rct-node-icon * {
	display: inline-block;
	margin: 0;
	width: 20px
}

span.rct-collapse {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	border: 0;
	background: none;
	line-height: normal;
	color: inherit;
	font-size: 12px
}

span.rct-collapse + label {
	padding-left: 2px
}

button.rct-collapse {
	border: none;
	background: none
}

.rct-collapse.rct-collapse-btn {
	cursor: pointer
}

.rct-collapse > .rct-icon-expand-close {
	opacity: .5
}

.rct-collapse > .rct-icon-expand-close:hover {
	opacity: 1
}

.rct-native-display .rct-checkbox {
	display: none
}

.rct-node-clickable {
	display: inline-flex;
	white-space: normal;
	cursor: pointer
}

.rct-text {
	display: block;
	white-space: nowrap
}

.rct-node-clickable:hover {
	background: none
}

.rct-node-clickable:focus {
	outline: 0;
	background: none
}

.rct-icon-main {
	color: #d82034
}

.rct-title {
	padding: 0 40px 5px 0
}

.rct-title span {
	word-break: break-all
}

.rct-bare-label .rct-title {
	padding-right: 5px
}

.icon-tree-cb {
	position: relative;
	line-height: 16px;
	width: 13px;
	height: 13px;
	margin: 0 3px 2px;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: none
}

.icon-tree-cb:after, .icon-tree-cb:before {
	content: "";
	display: block;
	position: absolute
}

.icon-tree-cb:before {
	left: 0;
	top: 0;
	width: 13px;
	height: 13px;
	border-radius: 0;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	box-shadow: none;
	transition: border-color .2s ease-in-out
}

.icon-tree-cb:after {
	width: 8px;
	height: 5px;
	top: 3px;
	left: 2px;
	opacity: 0
}

.icon-tree-cb:hover:before {
	border-color: #d82034
}

.icon-tree-cb-checked:after {
	border-left: 2px solid #d82034;
	border-bottom: 2px solid #d82034;
	opacity: 1;
	transform: rotate(-45deg)
}

.icon-tree-cb-half-checked:after {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	top: 4px;
	left: 4px;
	border: none;
	background-color: #d82034;
	opacity: 1
}

.icon-tree-cb:before:focus {
	border-color: #d82034;
	box-shadow: none
}

.icon-tree-expand {
	line-height: 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: text-bottom;
	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	background: none;
	margin-right: 0
}

.icon-tree-expand:hover:before {
	border-bottom-color: #d82034
}

.icon-tree-expand:hover:after {
	border-right-color: #d82034
}

.icon-tree-expand:before {
	content: "";
	display: block;
	position: absolute;
	width: 13px;
	height: 0;
	top: 9px;
	left: 3px;
	border-bottom: 1px solid #d82034
}

.icon-tree-expand:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 13px;
	top: 3px;
	left: 9px;
	border-right: 1px solid #d82034
}

.icon-tree-expand.icon-tree-expand-open:after {
	content: none
}

.icon-tree-firm-expand {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 10px;
	background: none;
	cursor: pointer
}

.icon-tree-firm-expand:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #e6e6e6;
	transition: transform .3s ease-in-out, border-color .2s ease-in-out
}

.icon-tree-firm-expand:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 20px;
	top: -3px
}

.icon-tree-firm-expand:hover:after {
	border-top-color: #d82034
}

.icon-tree-firm-expand-open:after {
	transform: rotate(180deg)
}

.rct-btn-icon {
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 17px;
	margin-top: -2px;
	margin-right: 3px;
	padding: 2px;
	border-radius: 0;
	text-align: center;
	border: 1px solid #d82034;
	color: #333;
	background-color: #fff;
	box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, .5);
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out
}

.rct-btn-icon i {
	font-size: 12px
}

.rct-btn-icon:hover {
	color: #d82034;
	background-color: transparent;
	box-shadow: none
}

.react-checkbox-tree li.rct-node li.rct-node li.rct-node li.rct-node li.rct-node ol {
	padding-left: 0;
	margin-left: 45px
}

.checkbox-tree-simplified .react-checkbox-tree {
	margin-top: 10px;
	margin-bottom: 3px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
	.checkbox-tree-simplified {
		display: block
	}
}

.checkbox-tree-simplified .rct-node-leaf .rct-collapse {
	display: none
}

.checkbox-tree-simplified .rct-title {
	display: inline-block
}

.checkbox-tree-simplified .rct-node-leaf .rct-title {
	padding-left: 12px
}

.checkbox-tree-simplified .rct-bare-label .rct-title {
	vertical-align: text-top;
	padding-right: 50px;
	padding-bottom: 7px
}

.checkbox-tree-simplified .rct-bare-label .rct-title a, .checkbox-tree-simplified .rct-bare-label .rct-title span {
	white-space: normal;
	line-height: 1.2
}

.dsgvoPanel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100vh;
	padding: 20px 0;
	overflow-y: auto;
	background-color: #efefef;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
	z-index: 1002
}

.dsgvoPanel h1, .dsgvoPanel h2, .dsgvoPanel h3, .dsgvoPanel h4, .dsgvoPanel h5, .dsgvoPanel h6, .dsgvoPanel p {
	margin-top: 10px;
	color: #333
}

.dsgvoPanel h3 {
	font-size: 22px;
	line-height: 1.3
}

.dsgvoPanel .link-button {
	border-color: transparent;
	color: #fff;
	background-color: #d82034
}

.dsgvoPanel .link-button:hover {
	background-color: #e44758
}

.dsgvoPanel .container {
	padding-left: 15px;
	padding-right: 15px
}

.dsgvoPanel .dsgvo-settings, .dsgvoPanel .dsgvo-settings p {
	font-size: 18px
}

.dsgvoPanel .dsgvo-settings p {
	line-height: 1.5
}

.dsgvoPanel .dsgvo-settings-items {
	margin-top: 20px;
	border-radius: 4px;
	border: 1px solid #d5d5d5;
	background-color: #fff
}

.dsgvoPanel .dsgvo-settings-item {
	padding: 10px 20px
}

.dsgvoPanel .dsgvo-settings-item:not(:last-child) {
	border-bottom: 1px solid #d5d5d5
}

.dsgvoPanel .dsgvo-settings-item h3 {
	font-weight: 400
}

.dsgvoPanel .dsgvo-settings-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.dsgvoPanel .dsgvo-settings-header span {
	flex-shrink: 0;
	margin-top: 13px;
	margin-left: 10px;
	font-size: 16px
}

.dsgvoPanel .dsgvo-settings-buttons {
	display: flex;
	justify-content: center;
	margin-top: 20px
}

.dsgvoPanel .dsgvo-settings-buttons button {
	margin: 10px 5px 0
}

.dsgvoPanel .dsgvo-link {
	text-decoration: underline;
	color: #d82034
}

.dsgvoPanel ul {
	margin-top: 30px
}

.dsgvoPanel ul li {
	margin-bottom: 10px
}

.dsgvoPanel ul b, .dsgvoPanel ul span {
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	line-height: 1.5
}

.dsgvoPanel ul b {
	width: 150px
}

.dsgvoPanel ul span {
	width: calc(100% - 160px)
}

.dsgvoPanel ul:not(:last-of-type) {
	margin-bottom: 30px
}

.dsgvoPanel .color-true {
	color: #4fa250
}

.dsgvoPanel .color-false {
	color: #a94442
}

.dsgvoPanel .popup-window {
	padding: 0
}

.dsgvoPanel .popup-window .popup-inner {
	max-width: 1000px;
	text-align: left
}

.dsgvoPanel .dsgvoFooter {
	text-align: center
}

.dsgvoPanel .dsgvoFooter button {
	margin: 5px
}

.dsgvoPanel .dsgvoFooter .dialog {
	top: 20px
}

@media screen and (max-width: 767px) {
	.dsgvoPanel .dsgvoFooter .dialog {
		right: 0
	}
}

@media screen and (min-width: 768px) {
	.dsgvoPanel .dsgvoWrapper {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.dsgvoPanel .dsgvoFooter {
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
		padding-left: 20px
	}

	.dsgvoPanel .dsgvoFooter button {
		margin: 5px 0
	}

	.dsgvoPanel .dsgvo-settings-header span {
		margin-top: 8px;
		font-size: 22px
	}

	.dsgvoPanel h3 {
		font-size: 24px
	}
}

.form-control.file-input-extension {
	width: 100% !important
}

.react-autosuggest__container {
	position: relative
}

.react-autosuggest__input {
	width: 100%;
	height: 30px;
	padding: 10px 20px;
	font-family: Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	border: 1px solid #d82034;
	border-radius: 4px
}

.react-autosuggest__input--focused {
	outline: none
}

.react-autosuggest__input--open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.react-autosuggest__suggestions-container {
	display: none
}

.react-autosuggest__suggestions-container--open {
	display: block;
	position: absolute;
	top: 42px;
	width: 100%;
	border: 2px solid #d82034;
	background-color: #fff;
	font-family: Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
	max-height: 230px;
	overflow-y: auto;
	box-sizing: border-box;
	z-index: 20
}

.react-autosuggest__suggestions-list {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.react-autosuggest__suggestion {
	cursor: pointer;
	padding: 8px 10px;
	transition: color .1s ease-in-out, background-color .1s ease-in-out
}

.react-autosuggest__suggestion--highlighted {
	color: #f9f9f9;
	background-color: #d82034
}

.react-autosuggest__suggestion--highlighted .react-autosuggest__suggestion-match {
	color: #a4d1ff
}

.react-autosuggest__suggestion-match {
	color: #333;
	font-family: LegacySans, sans-serif
}

@font-face {
	font-family: Legacy-Regular;
	src: url("../fonts/legacy-regular.woff2") format("woff2");
	src: url("../fonts/legacy-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: LegacySans;
	src: url("../fonts/LegacySans.woff2") format("woff2");
	src: url("../fonts/LegacySans.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: legacy-sans-bold;
	src: url("../fonts/legacy-sans-bold.woff2") format("woff2");
	src: url("../fonts/legacy-sans-bold.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: legacy-sans-book;
	src: url("../fonts/legacy-sans-book.woff2") format("woff2");
	src: url("../fonts/legacy-sans-book.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: legacy-sans-medium;
	src: url("../fonts/legacy-sans-medium.woff2") format("woff2");
	src: url("../fonts/legacy-sans-medium.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "legacy-serif-book";
	src: url("../fonts/legacy-serif-book.woff2") format("woff2");
	src: url("../fonts/legacy-serif-book.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "legacy-serif-book-italic";
	src: url("../fonts/legacy-serif-book-italic.woff2") format("woff2");
	src: url("../fonts/legacy-serif-book-italic.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "legacy-serif-medium-italic";
	src: url("../fonts/legacy-serif-medium-italic.woff2") format("woff2");
	src: url("../fonts/legacy-serif-medium-italic.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

html {
	margin-bottom: 0
}

body {
	line-height: 1;
	font-family: legacy-sans-book, sans-serif;
	color: #333
}

a {
	cursor: pointer
}

a:hover {
	text-decoration: none
}

b {
	font-family: legacy-sans-bold, sans-serif;
	font-weight: 400
}

h3 {
	font-size: 18px
}

table td, table th {
	font-family: legacy-sans-book, sans-serif
}

hr {
	border-top-color: #e6e6e6
}

button {
	outline: none
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right
}

.position-relative {
	position: relative
}

.strict-width {
	max-width: 300px
}

.strict-width .form-control {
	min-width: 0
}

.offset-top {
	margin-top: 10px
}

.offset-bottom {
	margin-bottom: 20px
}

.offset-top-medium {
	margin-top: 30px
}

.no-owerflow {
	white-space: nowrap
}

.group-title {
	font-family: legacy-sans-bold, sans-serif;
	font-size: 18px;
	color: #d82034
}

.group-title .add-more {
	margin-left: 5px
}

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

@media screen and (max-width: 767px) {
	.navbar.navbar-custom .navbar-toggle {
		float: left;
		margin-left: 25px
	}
}

@media screen and (max-width: 599px) {
	.navbar.navbar-custom .navbar-toggle {
		margin-left: 15px
	}
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .navbar.navbar-custom .navbar-nav .dropdown-menu li.active > a, .navbar.navbar-custom .navbar-nav > li.active > a {
	background-color: #d82034
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	border-color: #d82034
}

.navbar.navbar-custom:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
	border-top-color: #d82034
}

#service, .navbar.navbar-custom .navbar-nav > li > a {
	font-family: Legacy-Regular, serif
}

.dropdown-short a, .list-group, .navbar.navbar-custom .navbar-nav > li > a {
	font-size: 16px
}

.list-group-item {
	padding-top: 12px;
	padding-bottom: 12px
}

.navbar .dropdown-menu li > a.dropdown-toggle {
	padding: 10px 30px 10px 15px
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding: 10px
	}
}

#service {
	font-size: 16px;
	line-height: 16px
}

@media screen and (max-width: 992px) {
	.page-main-content .row:not(.widgets) {
		margin: 0
	}

	.page-main-content .row:not(.widgets) > .col-xs-12 {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (max-width: 1479px) {
	.header {
		position: relative;
		padding-top: 60px;
		margin-top: 0
	}
}

@media screen and (max-width: 767px) {
	.header {
		padding-top: 0;
		margin-top: 19px
	}
}

@media screen and (min-width: 1480px) {
	.header .header-main-group .logo {
		right: 10px !important
	}
}

@media screen and (max-width: 767px) {
	.header .header-main-group .logo {
		display: block !important;
		width: 100px;
		top: -4px;
		margin-right: 25px;
		background-size: auto 75% !important
	}
}

@media screen and (max-width: 599px) {
	.header .header-main-group .logo {
		margin-right: 15px
	}
}

.header .logo {
	background-repeat: no-repeat
}

.header .logo + .logo {
	top: 3px !important;
	right: inherit !important;
	left: 0;
	background-size: contain !important;
	background-position: 0
}

@media screen and (min-width: 1480px) {
	.header .logo + .logo {
		left: 10px
	}
}

@media screen and (max-width: 767px) {
	.header .logo + .logo {
		top: -4px !important;
		right: 120px !important;
		left: inherit !important;
		background-position: 100%
	}
}

.header-main {
	float: none;
	margin: 0 auto
}

.navbar-custom.navbar {
	border-color: transparent
}

.navbar-custom.navbar.navbar-fixed-top {
	border-color: #e6e6e6
}

@media screen and (max-width: 991px) {
	.navbar-custom.navbar {
		padding-left: 5px;
		padding-right: 5px
	}

	.navbar-custom.navbar.navbar-fixed-top {
		padding-left: 25px;
		padding-right: 25px
	}
}

@media screen and (max-width: 767px) {
	.navbar-custom.navbar, .navbar-custom.navbar.navbar-fixed-top {
		padding-left: 0;
		padding-right: 0
	}
}

.navbar-custom .navbar-header {
	margin-bottom: 25px
}

@media screen and (min-width: 767px) {
	.navbar-custom li.active {
		height: 41px;
		z-index: 2
	}
}

#FOOTER {
	display: inline-block;
	font-family: Legacy-Regular, serif
}

footer > .container {
	width: 100%;
	margin-top: 0;
	padding-bottom: 10px;
	background-color: #e6e6e6
}

@media screen and (min-width: 768px) {
	.main-wrapper {
		display: flex;
		flex-direction: column;
		min-height: 100%
	}
}

@media screen and (min-width: 768px) {
	.main-wrapper .main-container {
		display: flex;
		flex-direction: column;
		flex: 1 0 auto
	}
}

.main-wrapper.login-page .main-container, .main-wrapper.registration-page .main-container {
	background: url("../img/login1.jpg") no-repeat !important;
	background-size: cover
}

@media screen and (min-width: 768px) {
	.main-wrapper footer {
		flex: 0 0 auto
	}
}

.main-wrapper.login-page, .main-wrapper.registration-page {
	display: flex;
	flex-direction: column;
	height: 100%
}

.main-wrapper.login-page .main-container, .main-wrapper.registration-page .main-container {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto
}

.main-wrapper.login-page footer, .main-wrapper.registration-page footer {
	flex: 0 0 auto
}

.bronson-page {
	width: 100%;
	height: 8000px
}

.custom-page {
	margin-bottom: 40px
}

.login-block, .registration-block {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

@media screen and (min-width: 600px) {
	.login-block, .registration-block {
		padding: 75px 0
	}
}

.login-block h1, .registration-block h1 {
	font-size: 24px
}

@media screen and (min-width: 600px) {
	.login-block h1, .registration-block h1 {
		font-size: 31px
	}
}

@media screen and (max-width: 599px) {
	.login-block .col-xs-12, .registration-block .col-xs-12 {
		padding-left: 0;
		padding-right: 0
	}
}

.custom-form h1 {
	margin-top: 0;
	color: #d82034
}

.custom-form h3 {
	margin-top: 0;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #555
}

.custom-form p {
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 16px
}

.custom-form .form-head {
	padding: 15px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center
}

@media screen and (min-width: 600px) {
	.custom-form .form-head {
		padding-left: 20px;
		padding-right: 20px
	}
}

.custom-form form {
	width: 100%;
	margin: 10px auto 0;
	padding-bottom: 20px
}

.custom-form .form-row {
	position: relative;
	padding: 30px 25px 0
}

.custom-form .form-row .col-sm-2, .custom-form .form-row .col-sm-3, .custom-form .form-row .col-sm-4, .custom-form .form-row .col-sm-6, .custom-form .form-row .col-sm-12 {
	padding-left: 10px;
	padding-right: 10px
}

.custom-form .form-row-submit {
	margin-top: 15px;
	text-align: center
}

.custom-form .form-row-submit .main-button {
	margin: 5px
}

.custom-form .text-label {
	position: absolute;
	display: inline-block;
	min-width: 100px;
	top: 11px;
	left: 25px;
	color: #666;
	pointer-events: none;
	animation: label .6s ease forwards;
	transform: translateY(0);
	transition: color .4s ease-in-out;
	z-index: 2
}

.custom-form .text-label span {
	margin-left: 2px;
	font-size: 16px;
	line-height: 8px;
	color: #f33
}

.custom-form .radio-gender {
	position: relative;
	float: right;
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 80px);
	height: 34px;
	font-size: 14px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #555;
	overflow: hidden;
	box-shadow: none
}

.custom-form .radio-gender input[type=radio] {
	position: absolute;
	width: 0;
	opacity: 0;
	visibility: hidden
}

.custom-form .radio-gender input[type=radio]:checked + label {
	background-color: #d82034;
	color: #fff
}

.custom-form .radio-gender input[type=radio]:checked + label svg path {
	fill: #fff
}

.custom-form .radio-gender label {
	float: left;
	width: 50%;
	margin-bottom: 0;
	height: 34px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.custom-form .radio-gender label:not(:last-child) {
	border-right: 2px solid #ececec
}

.custom-form .radio-gender label svg {
	position: relative;
	top: 5px
}

.custom-form .radio-gender label svg path {
	transition: fill .2s ease-in-out
}

.custom-form .radio-gender label span {
	display: inline-block;
	line-height: 34px
}

.custom-form .radio-gender label:hover {
	background-color: #e44758;
	color: #fff
}

.custom-form .block-center {
	margin: 0 auto;
	float: none
}

.custom-form .fa-unlock-alt, .custom-form .fa-user {
	position: absolute;
	height: 16px;
	top: 0;
	bottom: 0;
	left: -5px;
	margin: auto;
	font-size: 16px;
	color: #666
}

.custom-form .forgot-link {
	display: inline-block;
	margin-top: 10px;
	color: #555;
	text-decoration: underline;
	transition: color .2s ease-in-out
}

.custom-form .forgot-link:hover {
	color: #d82034;
	text-decoration: none
}

.custom-form .captcha-row {
	padding: 20px 45px 0
}

@media screen and (max-width: 599px) {
	.custom-form .captcha-row {
		padding-left: 20px;
		padding-right: 0;
		margin: 0
	}
}

@media screen and (max-width: 359px) {
	.custom-form .captcha-row {
		padding-left: 10px
	}
}

.custom-form .hint-custom {
	position: absolute;
	top: 12px;
	left: 100px;
	z-index: 10;
	cursor: pointer;
	animation: label-back .3s ease forwards;
	transform: translateY(0)
}

.custom-form .hint-custom:hover ul {
	opacity: 1;
	transform: translateY(0)
}

.custom-form .hint-custom i {
	font-size: 16px;
	color: #d82034
}

.custom-form .hint-custom ul {
	position: absolute;
	width: 370px;
	padding: 15px 10px 10px;
	top: 50px;
	left: -90px;
	opacity: 0;
	pointer-events: none;
	border-radius: 0;
	background-color: #fff;
	color: #555;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .35);
	border: 1px solid #d82034;
	transform: translateY(30px);
	transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.custom-form .hint-custom ul:after, .custom-form .hint-custom ul:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0
}

.custom-form .hint-custom ul:before {
	left: 30px;
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.custom-form .hint-custom ul:after {
	left: 31px;
	top: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 13px solid #fff
}

.custom-form .hint-custom ul li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.3
}

.custom-form .hint-custom ul li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 5px;
	height: 2px;
	background-color: #d82034
}

@media screen and (max-width: 599px) {
	.custom-form .hint-custom ul {
		width: 280px
	}
}

.checkbox-custom, .radio, .radio-inline {
	position: relative;
	cursor: pointer
}

.checkbox-custom input, .radio-inline input, .radio input {
	position: absolute;
	width: 0;
	opacity: 0
}

.checkbox-custom > span, .radio-inline > span, .radio > span {
	position: relative;
	display: block;
	padding-top: 3px;
	padding-left: 35px;
	font-size: 17px;
	line-height: 1.3;
	color: #555
}

.checkbox-custom > span:after, .checkbox-custom > span:before, .radio-inline > span:after, .radio-inline > span:before, .radio > span:after, .radio > span:before {
	content: "";
	display: block;
	position: absolute
}

.checkbox-custom > span:before, .radio-inline > span:before, .radio > span:before {
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	border-radius: 0;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	box-shadow: none;
	transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out
}

.checkbox-custom > span:after, .radio-inline > span:after, .radio > span:after {
	opacity: 0;
	transition: transform .4s ease-in-out, opacity .2s ease-in-out
}

.checkbox-custom input:checked + span:after, .radio-inline input:checked + span:after, .radio input:checked + span:after {
	opacity: 1;
	transform: rotate(-45deg) scale(1);
	transition: transform .4s ease-in-out, opacity .4s ease-in-out
}

.checkbox-custom input:focus + span:before, .radio-inline input:focus + span:before, .radio input:focus + span:before {
	border-color: #d82034;
	box-shadow: none
}

.checkbox-custom a, .radio-inline a, .radio a {
	text-decoration: underline;
	color: #d82034
}

.checkbox-custom a:hover, .radio-inline a:hover, .radio a:hover {
	text-decoration: none
}

.checkbox-custom {
	font-weight: 400
}

.checkbox-custom > span {
	top: -15px
}

@media screen and (min-width: 768px) {
	.checkbox-custom > span {
		top: -19px
	}
}

.checkbox-custom > span:after {
	width: 16px;
	height: 8px;
	top: 7px;
	left: 5px;
	border-left: 3px solid #d82034;
	border-bottom: 3px solid #d82034;
	transform: rotate(-45deg) scale(1.5)
}

.radio, .radio-inline {
	padding-left: 0
}

.radio-inline > span:before, .radio > span:before {
	border-radius: 50%
}

.radio-inline > span:after, .radio > span:after {
	width: 10px;
	height: 10px;
	top: 8px;
	left: 8px;
	border-radius: 50%;
	background-color: #d82034;
	transform: scale(1.5)
}

.radio-inline input:checked + span:after, .radio input:checked + span:after {
	transform: scale(1)
}

.radio-inline {
	margin-top: 5px;
	margin-bottom: 5px
}

.radio-inline:not(:last-child) {
	margin-right: 25px
}

.radio-inline + .radio-inline {
	margin-top: 5px;
	margin-left: 0
}

.field-col-submit {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	clear: both
}

.field-col-submit.text-align-left {
	text-align: left
}

.field-col-submit:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #e6e6e6
}

@media screen and (max-width: 991px) {
	.field-col-submit:after {
		left: -5px;
		width: calc(100% + 10px)
	}
}

@media screen and (max-width: 767px) {
	.field-col-submit:after {
		left: -15px;
		width: calc(100% + 30px)
	}
}

.field-col-submit .main-button {
	margin: 15px 10px 0
}

.field-col-submit.options-row .manage-options {
	position: absolute;
	margin-bottom: 0;
	bottom: 10px;
	right: -85px
}

@media screen and (max-width: 767px) {
	.field-col-submit.options-row .manage-options {
		right: 0
	}

	.field-col-submit.options-row .manage-options:hover {
		padding-left: 0;
		transform: translateX(0)
	}
}

.field-col-button {
	position: relative;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	clear: both
}

.field-col-button .main-button {
	margin: 0 5px 10px
}

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

@media screen and (min-width: 768px) {
	.custom-breadcrumbs {
		border-bottom: 2px solid #f9f9f9
	}
}

.custom-breadcrumbs li {
	position: relative;
	font-size: 18px;
	border-bottom: 2px solid #f9f9f9
}

@media screen and (min-width: 768px) {
	.custom-breadcrumbs li {
		display: inline-block;
		vertical-align: top;
		padding-right: 30px;
		border-bottom: none
	}
}

.custom-breadcrumbs li a {
	position: relative;
	display: inline-block;
	padding: 10px 5px 5px;
	border-bottom: 2px solid transparent;
	color: #333;
	transition: .2s ease-in-out
}

@media screen and (min-width: 768px) {
	.custom-breadcrumbs li a {
		padding: 10px 5px
	}
}

.custom-breadcrumbs li a.active, .custom-breadcrumbs li a:hover {
	color: #d82034
}

.custom-breadcrumbs li a.active:after, .custom-breadcrumbs li a:hover:after {
	width: 100%
}

.custom-breadcrumbs li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	margin: auto;
	width: 0;
	height: 2px;
	background-color: #d82034;
	transition: .2s ease-out
}

@media screen and (min-width: 768px) {
	.custom-breadcrumbs li:not(:last-child):after {
		position: absolute;
		height: 23px;
		top: 0;
		right: 10px;
		bottom: 0;
		margin: auto;
		content: "\F105";
		display: inline-block;
		font: normal normal normal 18px/1 FontAwesome;
		color: #333;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

@media screen and (max-width: 599px) {
	.login-block, .registration-block {
		border-top: 2px solid #d82034;
		background-color: hsla(0, 0%, 98%, .9)
	}
}

.login-form form, .registration-form form {
	margin-top: 0;
	padding-bottom: 0;
	padding: 30px 0 40px
}

@media screen and (min-width: 600px) {
	.login-form form, .registration-form form {
		width: 430px;
		padding: 20px 0;
		border-radius: 0;
		background-color: hsla(0, 0%, 98%, .9);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
	}
}

@media screen and (min-width: 768px) {
	.login-form form, .registration-form form {
		float: left
	}
}

.login-form .col-sm-10, .registration-form .col-sm-10 {
	width: 355px
}

@media screen and (max-width: 599px) {
	.login-form .col-sm-10, .registration-form .col-sm-10 {
		width: 100%
	}
}

.login-form .form-head, .registration-form .form-head {
	max-width: 400px;
	margin: 0 auto;
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 0
}

.login-form .form-row, .registration-form .form-row {
	padding-top: 40px
}

.login-form .form-row-submit, .registration-form .form-row-submit {
	margin-top: 30px
}

.login-form .form-row-submit span, .registration-form .form-row-submit span {
	margin: 0 10px;
	font-size: 16px
}

.login-form .form-row-submit + .form-row-submit, .registration-form .form-row-submit + .form-row-submit {
	margin-top: 10px
}

@media screen and (max-width: 599px) {
	.login-form .form-row-submit, .registration-form .form-row-submit {
		margin: 30px 0 0
	}
}

.login-form .text-label, .registration-form .text-label {
	font-size: 16px;
	top: 13px;
	left: 30px
}

.login-form.custom-form input[type=email], .login-form.custom-form input[type=password], .login-form.custom-form input[type=search], .login-form.custom-form input[type=text], .login-form.custom-form select, .registration-form.custom-form input[type=email], .registration-form.custom-form input[type=password], .registration-form.custom-form input[type=search], .registration-form.custom-form input[type=text], .registration-form.custom-form select {
	height: 44px;
	line-height: 44px;
	font-size: 16px
}

.login-form.custom-form .main-button, .login-form.custom-form input[type=submit], .registration-form.custom-form .main-button, .registration-form.custom-form input[type=submit] {
	height: 44px;
	line-height: 44px
}

.login-form .fa-unlock-alt, .login-form .fa-user, .registration-form .fa-unlock-alt, .registration-form .fa-user {
	height: 20px;
	left: -10px;
	font-size: 20px
}

@media screen and (max-width: 599px) {
	.login-form .form-row {
		margin: 0;
		padding-left: 30px;
		padding-right: 10px
	}
}

.registration-form .text-label {
	left: 25px
}

.registration-form .form-row-submit span {
	margin: 0 6px;
	font-size: 14px
}

@media screen and (min-width: 600px) {
	.registration-form .form-row-submit span {
		margin: 0 26px;
		font-size: 16px
	}
}

.registration-form .radio-gender, .registration-form .radio-gender label {
	height: 44px
}

.registration-form .radio-gender label span {
	line-height: 44px
}

.registration-form .radio-gender label svg {
	top: 6px
}

.registration-form .form-row-checkbox {
	padding: 30px 30px 0
}

@media screen and (max-width: 599px) {
	.registration-form .form-row-checkbox {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0
	}

	.registration-form .form-row-checkbox .col-sm-12 {
		padding-left: 10px;
		padding-right: 10px
	}
}

.registration-form .form-row {
	padding-left: 35px;
	padding-right: 35px
}

@media screen and (max-width: 599px) {
	.registration-form .form-row {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0
	}
}

.login-info {
	margin-top: 25px;
	padding: 10px 20px 0;
	border-top: 1px solid #dcdcdc
}

.login-info h4, .login-info p {
	position: relative
}

.login-info h4 {
	margin-bottom: 5px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #555
}

.login-info h4 span {
	display: inline-block;
	vertical-align: top;
	line-height: 18px
}

.login-info .fa-info-circle {
	font-size: 16px;
	color: #d82034;
	margin-right: 5px
}

.login-info p {
	font-size: 12px;
	line-height: 1.2;
	color: #929292
}

.custom-form input[type=email], .custom-form input[type=password], .custom-form input[type=search], .custom-form input[type=text], .custom-form select, .custom-form textarea, .custom-page input[type=email], .custom-page input[type=password], .custom-page input[type=search], .custom-page input[type=text], .custom-page select, .custom-page textarea {
	width: 100%;
	font-family: legacy-sans-book, sans-serif;
	font-size: 17px;
	border: none;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #555;
	box-shadow: none;
	transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.custom-form input[type=email]:focus, .custom-form input[type=password]:focus, .custom-form input[type=search]:focus, .custom-form input[type=text]:focus, .custom-form select:focus, .custom-form textarea:focus, .custom-page input[type=email]:focus, .custom-page input[type=password]:focus, .custom-page input[type=search]:focus, .custom-page input[type=text]:focus, .custom-page select:focus, .custom-page textarea:focus {
	outline: none;
	border-color: #d82034;
	box-shadow: none
}

.custom-form input[type=email]:focus + .text-label, .custom-form input[type=password]:focus + .text-label, .custom-form input[type=search]:focus + .text-label, .custom-form input[type=text]:focus + .text-label, .custom-form select:focus + .text-label, .custom-form textarea:focus + .text-label, .custom-page input[type=email]:focus + .text-label, .custom-page input[type=password]:focus + .text-label, .custom-page input[type=search]:focus + .text-label, .custom-page input[type=text]:focus + .text-label, .custom-page select:focus + .text-label, .custom-page textarea:focus + .text-label {
	color: #d82034
}

.custom-form input[type=email]:focus + .input-group-addon, .custom-form input[type=password]:focus + .input-group-addon, .custom-form input[type=search]:focus + .input-group-addon, .custom-form input[type=text]:focus + .input-group-addon, .custom-form select:focus + .input-group-addon, .custom-form textarea:focus + .input-group-addon, .custom-page input[type=email]:focus + .input-group-addon, .custom-page input[type=password]:focus + .input-group-addon, .custom-page input[type=search]:focus + .input-group-addon, .custom-page input[type=text]:focus + .input-group-addon, .custom-page select:focus + .input-group-addon, .custom-page textarea:focus + .input-group-addon {
	border-color: #d82034;
	color: #fff;
	background-color: #d82034
}

.custom-form input[type=email]:focus ~ .hint-custom, .custom-form input[type=password]:focus ~ .hint-custom, .custom-form input[type=search]:focus ~ .hint-custom, .custom-form input[type=text]:focus ~ .hint-custom, .custom-form select:focus ~ .hint-custom, .custom-form textarea:focus ~ .hint-custom, .custom-page input[type=email]:focus ~ .hint-custom, .custom-page input[type=password]:focus ~ .hint-custom, .custom-page input[type=search]:focus ~ .hint-custom, .custom-page input[type=text]:focus ~ .hint-custom, .custom-page select:focus ~ .hint-custom, .custom-page textarea:focus ~ .hint-custom {
	animation: label .6s ease-in-out forwards
}

.custom-form input[type=email]:focus ~ .hint-custom ul, .custom-form input[type=password]:focus ~ .hint-custom ul, .custom-form input[type=search]:focus ~ .hint-custom ul, .custom-form input[type=text]:focus ~ .hint-custom ul, .custom-form select:focus ~ .hint-custom ul, .custom-form textarea:focus ~ .hint-custom ul, .custom-page input[type=email]:focus ~ .hint-custom ul, .custom-page input[type=password]:focus ~ .hint-custom ul, .custom-page input[type=search]:focus ~ .hint-custom ul, .custom-page input[type=text]:focus ~ .hint-custom ul, .custom-page select:focus ~ .hint-custom ul, .custom-page textarea:focus ~ .hint-custom ul {
	top: 85px;
	transform: translateY(50px)
}

.custom-form input[type=email]:focus ~ .hint-custom:hover ul, .custom-form input[type=password]:focus ~ .hint-custom:hover ul, .custom-form input[type=search]:focus ~ .hint-custom:hover ul, .custom-form input[type=text]:focus ~ .hint-custom:hover ul, .custom-form select:focus ~ .hint-custom:hover ul, .custom-form textarea:focus ~ .hint-custom:hover ul, .custom-page input[type=email]:focus ~ .hint-custom:hover ul, .custom-page input[type=password]:focus ~ .hint-custom:hover ul, .custom-page input[type=search]:focus ~ .hint-custom:hover ul, .custom-page input[type=text]:focus ~ .hint-custom:hover ul, .custom-page select:focus ~ .hint-custom:hover ul, .custom-page textarea:focus ~ .hint-custom:hover ul {
	transform: translateY(0)
}

.custom-form input[type=email]:not([value=""]), .custom-form input[type=password]:not([value=""]), .custom-form input[type=search]:not([value=""]), .custom-form input[type=text]:not([value=""]), .custom-form select:not([value=""]), .custom-form textarea:not([value=""]), .custom-page input[type=email]:not([value=""]), .custom-page input[type=password]:not([value=""]), .custom-page input[type=search]:not([value=""]), .custom-page input[type=text]:not([value=""]), .custom-page select:not([value=""]), .custom-page textarea:not([value=""]) {
	outline: none !important
}

.custom-form input[type=email]:not([value=""]) ~ .hint-custom, .custom-form input[type=password]:not([value=""]) ~ .hint-custom, .custom-form input[type=search]:not([value=""]) ~ .hint-custom, .custom-form input[type=text]:not([value=""]) ~ .hint-custom, .custom-form select:not([value=""]) ~ .hint-custom, .custom-form textarea:not([value=""]) ~ .hint-custom, .custom-page input[type=email]:not([value=""]) ~ .hint-custom, .custom-page input[type=password]:not([value=""]) ~ .hint-custom, .custom-page input[type=search]:not([value=""]) ~ .hint-custom, .custom-page input[type=text]:not([value=""]) ~ .hint-custom, .custom-page select:not([value=""]) ~ .hint-custom, .custom-page textarea:not([value=""]) ~ .hint-custom {
	animation: label .6s ease-in-out forwards !important
}

.custom-form input[type=email]:not([value=""]) ~ .hint-custom ul, .custom-form input[type=password]:not([value=""]) ~ .hint-custom ul, .custom-form input[type=search]:not([value=""]) ~ .hint-custom ul, .custom-form input[type=text]:not([value=""]) ~ .hint-custom ul, .custom-form select:not([value=""]) ~ .hint-custom ul, .custom-form textarea:not([value=""]) ~ .hint-custom ul, .custom-page input[type=email]:not([value=""]) ~ .hint-custom ul, .custom-page input[type=password]:not([value=""]) ~ .hint-custom ul, .custom-page input[type=search]:not([value=""]) ~ .hint-custom ul, .custom-page input[type=text]:not([value=""]) ~ .hint-custom ul, .custom-page select:not([value=""]) ~ .hint-custom ul, .custom-page textarea:not([value=""]) ~ .hint-custom ul {
	top: 85px;
	transform: translateY(50px)
}

.custom-form input[type=email]:not([value=""]) ~ .hint-custom:hover ul, .custom-form input[type=password]:not([value=""]) ~ .hint-custom:hover ul, .custom-form input[type=search]:not([value=""]) ~ .hint-custom:hover ul, .custom-form input[type=text]:not([value=""]) ~ .hint-custom:hover ul, .custom-form select:not([value=""]) ~ .hint-custom:hover ul, .custom-form textarea:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=email]:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=password]:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=search]:not([value=""]) ~ .hint-custom:hover ul, .custom-page input[type=text]:not([value=""]) ~ .hint-custom:hover ul, .custom-page select:not([value=""]) ~ .hint-custom:hover ul, .custom-page textarea:not([value=""]) ~ .hint-custom:hover ul {
	transform: translateY(0)
}

.custom-form input[type=email], .custom-form input[type=password], .custom-form input[type=search], .custom-form input[type=text], .custom-form select, .custom-page input[type=email], .custom-page input[type=password], .custom-page input[type=search], .custom-page input[type=text], .custom-page select {
	height: 44px;
	line-height: 44px;
	padding: 0 15px
}

.custom-form select, .custom-page select {
	padding-right: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("../img/select.svg");
	background-repeat: no-repeat;
	background-position: 100%
}

.custom-form select::-ms-expand, .custom-page select::-ms-expand {
	display: none
}

.custom-form textarea, .custom-page textarea {
	max-width: 100%;
	min-height: 50px;
	height: 100px;
	padding: 10px 15px;
	line-height: 1.2
}

.custom-form .link-button, .custom-form .main-button, .custom-form input[type=submit], .custom-page .link-button, .custom-page .main-button, .custom-page input[type=submit] {
	display: inline-block;
	height: 44px;
	padding: 0 15px;
	font-size: 18px;
	line-height: 44px;
	border: none;
	border-radius: 0;
	font-family: Legacy-Regular, serif;
	color: #fff;
	background-color: #d82034;
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.custom-form .link-button:hover, .custom-form .main-button:hover, .custom-form input[type=submit]:hover, .custom-page .link-button:hover, .custom-page .main-button:hover, .custom-page input[type=submit]:hover {
	box-shadow: none;
	background-color: #e44758
}

.custom-form .link-button i, .custom-form .main-button i, .custom-form input[type=submit] i, .custom-page .link-button i, .custom-page .main-button i, .custom-page input[type=submit] i {
	margin-right: 8px
}

@media screen and (min-width: 600px) {
	.custom-form .link-button, .custom-form .main-button, .custom-form input[type=submit], .custom-page .link-button, .custom-page .main-button, .custom-page input[type=submit] {
		padding: 0 20px;
		font-size: 18px
	}
}

.custom-form .link-button, .custom-page .link-button {
	line-height: 26px;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	border-color: #d82034;
	color: #d82034
}

.custom-form .link-button:hover, .custom-page .link-button:hover {
	background-color: #d82034;
	color: #fff
}

.custom-form .form-control + .field-edit-button, .custom-page .form-control + .field-edit-button {
	margin-left: -50px;
	z-index: 2
}

.custom-form .field-edit-button, .custom-page .field-edit-button {
	height: 43px;
	padding: 0 15px;
	font-size: 22px;
	line-height: 48px;
	border: none;
	color: #d82034;
	background-color: transparent;
	transition: color .2s ease-in-out
}

.custom-form .field-edit-button:hover, .custom-page .field-edit-button:hover {
	color: #e44758
}

.custom-form .no-option, .custom-page .no-option {
	width: 100%;
	height: 44px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 44px;
	border: none;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	color: #555;
	box-shadow: none
}

.custom-form .has-error .input-group-addon, .custom-form .has-success .input-group-addon, .custom-page .has-error .input-group-addon, .custom-page .has-success .input-group-addon {
	border: none;
	color: #fff
}

.custom-form .has-error .input-group-addon, .custom-page .has-error .input-group-addon {
	background-color: #a94442 !important
}

.custom-form .has-error .form-control, .custom-form .has-error select, .custom-page .has-error .form-control, .custom-page .has-error select {
	border-color: #a94442 !important
}

.custom-form .has-success .form-control:focus, .custom-page .has-success .form-control:focus {
	border-color: #d82034
}

.custom-form .has-success .form-control:focus + .input-group-addon, .custom-page .has-success .form-control:focus + .input-group-addon {
	background-color: #d82034
}

.custom-form .has-success .input-group-addon, .custom-page .has-success .input-group-addon {
	background-color: #e2e2e2
}

.custom-form .has-success .form-control, .custom-page .has-success .form-control {
	border-color: #e2e2e2
}

.custom-form .form-control-feedback, .custom-page .form-control-feedback {
	display: none
}

.input-group-addon {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-color: #e2e2e2;
	color: #333;
	background-color: #e2e2e2;
	transition: .2s ease-in-out
}

.input-group-addon:empty {
	display: none
}

.additional-field-text {
	margin-left: 10px
}

.account-chart {
	height: 800px
}

@media screen and (min-width: 768px) {
	.account-chart {
		height: 300px
	}
}

.functional-block {
	margin-top: 25px;
	border-radius: 0;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.functional-block.no-overflow {
	overflow: visible
}

.functional-block.chart-block .row {
	margin-left: -15px;
	margin-right: -15px
}

.functional-block.list-component {
	position: relative;
	height: 300px;
	min-height: 194px
}

@media screen and (min-width: 768px) {
	.functional-block.list-component {
		height: calc(100% - 25px)
	}
}

.functional-block.list-component .list-title {
	position: relative;
	display: flex;
	align-items: center;
	height: 40px;
	padding: 12px 0 12px 20px;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid #d82034;
	background-color: #f9f9f9;
	z-index: 2
}

@media screen and (min-width: 768px) {
	.functional-block.list-component .list-title {
		font-size: 21px
	}
}

.functional-block.list-component .list-info {
	position: absolute;
	width: 100%;
	height: calc(100% - 85px);
	padding: 15px 10px 0 20px;
	overflow-y: auto
}

.functional-block.list-component .list-info b {
	margin-right: 5px
}

.functional-block.list-component .list-info p:last-child {
	margin-bottom: 50px
}

.functional-block.list-component .list-expand {
	position: absolute;
	width: calc(100% - 32px);
	height: 70px;
	padding-top: 35px;
	left: 16px;
	bottom: 0;
	text-align: center;
	font-size: 16px;
	opacity: 0;
	color: #d82034;
	cursor: pointer;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #f9f9f9 57%);
	transform: translateY(100%);
	transition: .4s ease-out;
	z-index: 3
}

.functional-block.list-component .list-expand:before {
	content: "\F105";
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	top: 1px;
	margin-right: 5px;
	font: normal normal normal 18px/1 FontAwesome;
	text-rendering: auto;
	color: #f9f9f9;
	background-color: #d82034;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.functional-block.list-component .list-expand a {
	position: relative;
	font-size: 16px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #d82034
}

.functional-block.list-component .list-expand a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	margin: auto;
	width: 0;
	height: 1px;
	background-color: #d82034;
	transition: width .35s ease
}

.functional-block.list-component .list-expand a:hover:after {
	width: 100%
}

.functional-block.list-component .list-expand a:focus {
	text-decoration: none
}

.functional-block.list-component:hover .list-expand {
	opacity: 1;
	transform: translateY(0)
}

.functional-block .field-label {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 1.2
}

.functional-block .field-label span {
	margin-left: 2px;
	font-size: 16px;
	line-height: 8px;
	color: #e37976
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col {
		display: flex;
		align-items: center;
		justify-content: space-between
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col .field-label {
		margin: 0
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col .field-radio {
		width: 160px
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col select {
		width: calc(50% - 15px)
	}
}

@media screen and (min-width: 768px) {
	.functional-block .inline-col .hint-custom .hint-inner {
		top: 20px
	}
}

.functional-block .addon-value {
	position: relative
}

.functional-block .addon-value input {
	padding-right: 30px
}

.functional-block .addon-value span {
	position: absolute;
	top: 1px;
	right: 1px;
	height: 42px;
	font-size: 16px;
	line-height: 44px;
	padding-right: 11px;
	color: #666;
	background-color: #fff
}

.functional-block .saved-value {
	display: flex;
	align-items: center;
	height: 44px;
	font-size: 16px;
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

.functional-block .document-file-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	margin-top: 10px;
	counter-reset: list
}

@media screen and (min-width: 768px) {
	.functional-block .document-file-wrapper {
		padding-left: 16px;
		padding-right: 16px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .document-file-wrapper {
		padding-left: 0;
		padding-right: 0
	}
}

.functional-block .document-file {
	position: relative;
	width: 100%;
	margin-bottom: 17px;
	padding: 15px 10px;
	font-size: 18px;
	background-color: #fff;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25)
}

@media screen and (min-width: 600px) {
	.functional-block .document-file {
		width: 49%
	}
}

@media screen and (min-width: 992px) {
	.functional-block .document-file {
		width: 32%
	}
}

.functional-block .document-file:hover p {
	opacity: 1;
	transform: translateY(8px);
	transition: .4s ease-in-out .4s
}

.functional-block .document-file:hover:after {
	opacity: 1;
	transform: translateX(0);
	transition: .4s ease-in-out, opacity .3s ease-in-out .1s
}

.functional-block .document-file:hover:before {
	opacity: 0
}

.functional-block .document-file:hover .fa-file-pdf-o {
	opacity: 1;
	transform: translateX(0);
	transition: .4s ease-in-out, opacity .3s ease-in-out .1s
}

.functional-block .document-file i {
	position: absolute;
	top: 1px;
	left: 0;
	opacity: 0;
	color: #c30b15;
	transform: translateX(-20px);
	transition: .4s ease-in-out, opacity .2s ease-in-out
}

.functional-block .document-file a {
	position: relative;
	display: block;
	padding-left: 22px;
	padding-right: 10px;
	line-height: 1.2;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #d82034
}

.functional-block .document-file p {
	display: flex;
	align-items: center;
	position: absolute;
	width: 104%;
	min-height: 68px;
	top: 100%;
	left: -2%;
	margin-top: 0;
	padding: 10px;
	font-size: 16px;
	opacity: 0;
	pointer-events: none;
	color: #fff;
	background-color: #d82034;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .25);
	transform: translateY(20px);
	z-index: 1;
	transition: .4s ease-in-out
}

.functional-block .document-file p:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -14px;
	left: 12px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.functional-block .document-file:after {
	content: "\F019";
	position: absolute;
	top: 18px;
	right: 5px;
	opacity: 0;
	font: normal normal normal 16px/1 FontAwesome;
	color: #d82034;
	transform: translateX(20px);
	transition: .4s ease-in-out, opacity .2s ease-in-out;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.functional-block .document-file:before {
	counter-increment: list;
	content: counter(list) ".";
	position: absolute;
	top: 16px;
	left: 14px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #d82034;
	transition: .4s ease-in-out
}

.functional-block .hint-custom {
	z-index: 10;
	cursor: pointer;
	animation: label-back .3s ease forwards;
	transform: translateY(0)
}

.functional-block .hint-custom:hover .hint-custom-body .hint-inner {
	opacity: 1;
	transform: translateY(0)
}

.functional-block .hint-custom i {
	position: relative;
	top: 2px;
	font-size: 16px;
	color: #d82034
}

.functional-block .hint-custom .hint-custom-body {
	position: absolute;
	width: 100%;
	margin-left: 0;
	left: 0;
	z-index: 3
}

.functional-block .hint-custom .hint-inner {
	position: absolute;
	width: 100%;
	margin-left: 0;
	padding: 0 10px;
	top: 90px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	border-radius: 0;
	background-color: #fff;
	color: #555;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .35);
	border: 1px solid #d82034;
	transform: translateY(30px);
	transition: opacity .4s ease-in-out, transform .4s ease-in-out
}

.functional-block .hint-custom .hint-inner h5 {
	width: calc(100% + 20px);
	margin: 0 0 0 -10px;
	padding: 8px 10px;
	font-size: 16px;
	color: #fff;
	background-color: #d82034
}

.functional-block .hint-custom .hint-inner p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.2
}

.functional-block .hint-custom .hint-inner:after, .functional-block .hint-custom .hint-inner:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0
}

.functional-block .hint-custom .hint-inner:before {
	left: 30px;
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.functional-block .hint-custom .hint-inner:after {
	left: 31px;
	top: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 13px solid #d82034
}

@media screen and (max-width: 599px) {
	.functional-block .hint-custom .hint-inner {
		width: 280px
	}
}

.functional-block .checkbox-custom .hint-custom .hint-inner {
	top: 20px
}

.functional-block .title-col {
	position: relative;
	margin-top: 10px;
	margin-bottom: 20px
}

@media screen and (max-width: 767px) {
	.functional-block .title-col {
		padding: 0 0 1px;
		margin-bottom: 10px
	}
}

.functional-block .title-col h3 {
	font-size: 16px;
	font-family: legacy-sans-bold, sans-serif;
	font-weight: 400
}

.functional-block .result-col {
	font-size: 17px
}

.functional-block .result-col .input-group {
	display: block
}

.functional-block .result-col .input-group .form-control {
	float: none
}

@media screen and (min-width: 768px) {
	.functional-block .result-col .input-group {
		width: auto
	}

	.functional-block .result-col .input-group:last-child {
		max-width: calc(100% - 200px);
		width: 100%
	}
}

@media screen and (min-width: 992px) {
	.functional-block .result-col .input-group:last-child {
		max-width: calc(100% - 320px)
	}
}

.functional-block .result-col .input-group.strict-width {
	max-width: 350px !important;
	overflow: visible
}

.functional-block .result-col .input-group .btn-primary {
	padding-top: 7px;
	padding-bottom: 7px;
	border: none;
	color: #fff;
	background-color: #d82034;
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.functional-block .result-col .input-group .btn-primary:hover {
	background-color: #e44758
}

.functional-block .result-col .input-group .btn-primary .glyphicon {
	top: 3px
}

.functional-block .result-col .add-more {
	position: relative;
	bottom: auto
}

.functional-block .result-col .field-col button {
	height: 44px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 44px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border: none;
	color: #333;
	background-color: #e2e2e2;
	transition: .2s ease-in-out
}

.functional-block .result-col .field-col button:focus, .functional-block .result-col .field-col button:hover {
	outline: none;
	color: #fff;
	background-color: #d82034
}

.functional-block .result-col .field-col button:focus {
	background-color: #e44758
}

@media screen and (min-width: 768px) {
	.functional-block .result-col .field-col button {
		margin-left: -15px
	}
}

@media screen and (max-width: 767px) {
	.functional-block .result-col {
		padding: 0
	}
}

.functional-block .result-col ul {
	margin-bottom: 20px
}

@media screen and (max-width: 767px) {
	.functional-block .result-col ul {
		margin-bottom: 10px
	}
}

.functional-block .result-col li {
	display: flex;
	align-items: center;
	line-height: 1.2
}

.functional-block .result-col li:not(:last-child) {
	margin-bottom: 12px
}

@media screen and (max-width: 767px) {
	.functional-block .result-col li {
		display: block
	}
}

.functional-block .result-col li b {
	flex-grow: 0;
	flex-shrink: 0;
	width: 200px;
	margin-right: 5px
}

.functional-block .result-col li b + * {
	width: 100%;
	flex-grow: 1;
	flex-shrink: 1
}

.functional-block .result-col li b + .uploaded-files {
	margin-left: 0
}

.functional-block .result-col li b ~ .field-radio {
	max-width: 200px
}

@media screen and (max-width: 767px) {
	.functional-block .result-col li b {
		width: 100%;
		display: block;
		margin-bottom: 5px
	}
}

.functional-block .result-col li .field-col, .functional-block .result-col li .form-group {
	margin-bottom: 0
}

.functional-block .result-col span li {
	margin-bottom: 18px
}

.functional-block .result-col.medium-cols li b {
	width: 320px;
	font-family: legacy-sans-book, sans-serif
}

.functional-block .result-col.medium-cols li b ~ b {
	width: auto;
	margin-left: 20px;
	margin-right: 10px
}

@media screen and (min-width: 768px) {
	.functional-block .result-col.medium-cols li b ~ b ~ .input-group {
		width: auto
	}
}

@media screen and (max-width: 991px) {
	.functional-block .result-col.medium-cols li b {
		width: 200px
	}
}

@media screen and (max-width: 767px) {
	.functional-block .result-col.medium-cols li b {
		width: 100%
	}

	.functional-block .result-col.medium-cols li b ~ b {
		margin-top: 10px;
		margin-left: 0
	}
}

.functional-block .result-col.medium-cols li b ~ .link-button, .functional-block .result-col.medium-cols li b ~ .main-button, .functional-block .result-col.medium-cols li b ~ .secondary-button {
	margin-top: 5px
}

@media screen and (min-width: 768px) {
	.functional-block .result-col.medium-cols li b ~ .link-button, .functional-block .result-col.medium-cols li b ~ .main-button, .functional-block .result-col.medium-cols li b ~ .secondary-button {
		margin-top: 0;
		margin-left: 10px
	}
}

.functional-block .result-col.medium-cols li b .fa-question-circle {
	margin-left: 3px;
	margin-right: 3px
}

@media screen and (min-width: 480px) {
	.functional-block .result-col.medium-cols.wide-labels li b {
		width: 380px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .result-col.medium-cols.wide-labels li b {
		width: 500px
	}
}

.functional-block .form-group .input-group {
	display: flex
}

.functional-block .form-group .input-group .input-group-addon {
	width: auto;
	height: 44px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 42px;
	box-sizing: border-box
}

.functional-block .input-group.focused .input-group-prepend {
	color: #fff;
	background-color: #d82034;
	box-shadow: none
}

.functional-block .input-group-prepend {
	position: relative;
	flex-shrink: 0;
	width: auto;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	white-space: nowrap;
	border: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #e2e2e2;
	box-sizing: border-box;
	transition: .2s ease-in-out
}

.functional-block .input-group-prepend:after, .functional-block .input-group-prepend:before {
	content: "\A0\A0"
}

.functional-block .field-col {
	margin-bottom: 20px
}

.functional-block .field-col .form-group {
	margin-bottom: 0
}

.functional-block .field-col .field-col-submit {
	margin-top: 15px;
	padding-bottom: 0
}

.functional-block .field-col .field-col-submit .main-button {
	margin-top: 28px
}

@media screen and (min-width: 768px) {
	.functional-block .field-col {
		display: inline-block;
		vertical-align: top;
		float: none
	}

	.functional-block .field-col.col-sm-4 {
		width: 33.3%
	}
}

@media screen and (max-width: 767px) {
	.functional-block .field-col {
		padding-left: 0;
		padding-right: 0
	}

	.functional-block .field-col.devider-sm {
		margin-bottom: 30px
	}

	.functional-block .field-col.devider-sm:after {
		content: "";
		position: absolute;
		left: -15px;
		bottom: -20px;
		width: calc(100% + 30px);
		height: 1px;
		background-color: #e6e6e6
	}
}

.functional-block .field-col.offset-bottom-none {
	margin-bottom: 0
}

.functional-block .field-col > .add-more {
	position: relative;
	float: right;
	top: -7px;
	font-size: 16px
}

.functional-block .head {
	padding: 10px 15px;
	font-size: 20px;
	border-radius: 0 0 0 0;
	background: #d82034;
	color: #fff
}

@media screen and (min-width: 768px) {
	.functional-block .head {
		font-size: 24px
	}
}

.functional-block .head i {
	margin-right: 3px
}

.functional-block .head .step-number {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	border-radius: 10px;
	font-style: normal;
	color: #fff;
	background-color: #d82034;
	text-align: center;
	transition: padding-right .4s ease-in-out
}

.functional-block .head .step-number span {
	position: relative;
	display: block;
	transition: transform .4s ease-in-out
}

.functional-block .head .step-number:before {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 20px;
	top: 0;
	right: 0;
	border-radius: 10px;
	background-color: #d82034;
	transition: .4s ease-in-out
}

.functional-block .head.head-columns {
	display: flex;
	justify-content: space-between
}

.functional-block .head.head-columns .col-left {
	padding-right: 25px
}

.functional-block .head.head-columns .col-right {
	position: relative
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background {
	display: block;
	height: 21px;
	margin-left: 5px;
	padding: 0 8px;
	font-size: 22px;
	color: #fff;
	border: none;
	background-color: #d82034;
	transition: background-color .2s ease-in-out
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background i {
	position: relative;
	margin: 0
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background.opened i {
	transform: rotate(180deg)
}

.functional-block .head.head-columns .col-right .btn-toggle.btn-background:hover {
	background-color: #e44758
}

@media screen and (min-width: 768px) {
	.functional-block .head.head-columns .col-right .btn-toggle.btn-background {
		height: 26px;
		font-size: 26px
	}
}

.functional-block:hover .step-number {
	padding-right: 12px
}

.functional-block:hover .step-number span {
	transform: scale(1.3)
}

.functional-block:hover .step-number:before {
	top: -10px;
	width: 45px;
	height: 40px;
	border-radius: 0
}

.functional-block .body {
	padding: 15px 30px
}

@media screen and (min-width: 768px) {
	.functional-block .body {
		padding: 15px 20px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .body {
		padding: 15px 25px
	}
}

.functional-block .body > .list-view {
	padding: 0;
	width: calc(100% + 60px);
	margin-left: -30px
}

@media screen and (min-width: 768px) {
	.functional-block .body > .list-view {
		width: calc(100% + 40px);
		margin-left: -20px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .body > .list-view {
		padding: 10px 0 15px;
		width: auto;
		margin-left: 0
	}
}

@media screen and (max-width: 991px) {
	.functional-block .body > .list-view .document-list {
		margin: 0
	}

	.functional-block .body > .list-view .document-list .buttons-row {
		margin-top: 0
	}
}

.functional-block .list-view {
	padding: 0
}

@media screen and (min-width: 992px) {
	.functional-block .list-view {
		display: flex;
		align-items: stretch;
		padding: 15px 25px
	}
}

.functional-block .main-list {
	margin-bottom: 0;
	padding: 0 15px 20px;
	border-bottom: 2px solid #e6e6e6
}

@media screen and (min-width: 992px) {
	.functional-block .main-list {
		width: 30%;
		margin-bottom: 10px;
		padding: 0;
		border-right: 2px solid #e6e6e6;
		border-bottom: none
	}

	.functional-block .main-list.sticky {
		position: fixed;
		width: 206px;
		top: 100px
	}

	.functional-block .main-list.sticky + .result-list {
		margin-left: 30%
	}
}

@media screen and (min-width: 1024px) {
	.functional-block .main-list.sticky {
		width: 275px;
		top: 60px
	}
}

@media screen and (min-width: 1200px) {
	.functional-block .main-list.sticky {
		width: 245px
	}
}

.functional-block .main-list li {
	display: inline-block;
	position: relative;
	padding-right: 40px;
	padding-left: 35px;
	cursor: pointer
}

@media screen and (min-width: 768px) {
	.functional-block .main-list li {
		display: block;
		padding-right: 20px
	}
}

.functional-block .main-list li:hover h4 {
	color: #d82034
}

.functional-block .main-list li:after, .functional-block .main-list li:before {
	content: "";
	display: inline-block;
	position: absolute
}

.functional-block .main-list li:before {
	width: 26px;
	height: 26px;
	top: 8px;
	left: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	transition: border-color .2s ease-in-out
}

.functional-block .main-list li:after {
	top: 12px;
	left: 9px;
	width: 8px;
	height: 14px;
	border-right: 2px solid #d82034;
	border-bottom: 2px solid #d82034;
	opacity: 0;
	transform: scale(1.35) rotate(45deg);
	transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.functional-block .main-list .opened h4 {
	color: #d82034
}

.functional-block .main-list .opened:before {
	border-color: #d82034
}

.functional-block .main-list .opened:after {
	opacity: 1;
	transform: scale(1) rotate(45deg)
}

.functional-block .main-list h4 {
	display: inline-block;
	margin-top: 11px;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.3;
	font-family: legacy-sans-medium, sans-serif;
	font-weight: 400;
	color: #555;
	transform: translateX(0);
	transition: color .1s linear, transform .2s ease-in-out
}

@media screen and (min-width: 768px) {
	.functional-block .main-list h4 {
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 18px
	}
}

.functional-block .main-list .main-list-actions {
	margin-top: 5px;
	margin-left: -8px;
	padding: 0
}

@media screen and (max-width: 767px) {
	.functional-block .main-list .main-list-actions {
		padding-bottom: 10px
	}
}

.functional-block .main-list .main-list-actions:after, .functional-block .main-list .main-list-actions:before {
	content: none
}

.functional-block .main-list .main-list-actions .link-button {
	margin-top: 6px;
	margin-left: 8px
}

.functional-block .result-list {
	box-sizing: border-box;
	margin-bottom: 0
}

@media screen and (min-width: 992px) {
	.functional-block .result-list {
		width: 70%;
		padding-left: 20px
	}
}

.functional-block .result-list > li {
	display: none
}

.functional-block .result-list > li.opened {
	display: block
}

.functional-block .document-row, .functional-block .email-row {
	position: relative
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .buttons-row, .functional-block .email-row .buttons-row {
		position: absolute;
		top: -2px;
		left: calc(100% - 20px);
		margin: 0 0 20px;
		transition: transform .4s ease-in-out, padding .6s ease-in-out
	}

	.functional-block .document-row .buttons-row:hover, .functional-block .email-row .buttons-row:hover {
		padding-right: 40px;
		transform: translateX(-100%) translateX(65px)
	}

	.functional-block .document-row .buttons-row:hover .options, .functional-block .email-row .buttons-row:hover .options {
		opacity: 0;
		transition: none
	}

	.functional-block .document-row .buttons-row button, .functional-block .email-row .buttons-row button {
		white-space: nowrap;
		background-color: #fff
	}
}

.functional-block .document-row .options, .functional-block .email-row .options {
	position: relative;
	margin-top: 2px;
	margin-right: 20px;
	color: #d82034;
	transition: opacity .4s ease-in-out .4s
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .options, .functional-block .email-row .options {
		display: none
	}
}

.functional-block .document-row .options .fa-file, .functional-block .email-row .options .fa-file {
	font-size: 24px
}

.functional-block .document-row .options .fa-wrench, .functional-block .email-row .options .fa-wrench {
	position: absolute;
	font-size: 15px;
	top: 5px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-90deg)
}

.functional-block .document-header {
	width: calc(100% + 60px);
	margin-top: -20px;
	margin-left: -20px;
	padding: 10px 40px 10px 20px;
	background-color: #e6e6e6
}

.functional-block .document-header .document-date {
	width: 111px
}

.functional-block .document-header .pointer {
	padding-left: 27px;
	padding-bottom: 0 !important;
	transition: color .2s ease-in-out
}

.functional-block .document-header .pointer:after {
	bottom: 0;
	left: 0;
	background-image: url("../img/sort-red.svg")
}

.functional-block .document-header .pointer:hover {
	color: #d82034
}

.functional-block .document-header .sort-asc:after {
	background-image: url("../img/asc-red.svg")
}

.functional-block .document-header .sort-desc:after {
	background-image: url("../img/desc-red.svg")
}

.functional-block .document-header.document-row {
	display: flex
}

@media screen and (max-width: 767px) {
	.functional-block .document-header {
		padding-top: 1px;
		padding-bottom: 1px
	}

	.functional-block .document-header > div {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.functional-block .document-header.document-row {
		display: block
	}
}

.functional-block .document-row:not(:last-child) {
	margin-bottom: 15px
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .buttons-row {
		background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 9%, #fff)
	}
}

.functional-block .document-title {
	padding-right: 10px;
	transition: color .2s ease-in-out
}

.functional-block .document-title:hover {
	cursor: pointer;
	color: #d82034
}

.functional-block .document-date {
	flex-shrink: 0
}

.functional-block .document-list {
	position: relative;
	font-size: 15px;
	line-height: 1.3;
	margin: 10px 0;
	padding: 20px 15px 5px;
	overflow: hidden
}

@media screen and (min-width: 992px) {
	.functional-block .document-list {
		padding: 20px;
		padding-right: 40px;
		margin: 0 0 10px 20px;
		border-radius: 0;
		border: 5px solid #e6e6e6;
		background: #fff
	}
}

.functional-block .buttons-row {
	display: flex;
	justify-content: center;
	min-height: 30px;
	margin: 10px 0 5px
}

@media screen and (min-width: 480px) {
	.functional-block .buttons-row {
		margin: 15px 0 10px;
		padding: 0
	}
}

.functional-block .buttons-row:after {
	content: "";
	display: table;
	clear: both
}

.functional-block .buttons-row button {
	height: 30px;
	font-size: 17px;
	line-height: 20px;
	margin: 0 5px;
	border: 1px solid #d82034;
	border-radius: 0;
	color: #d82034;
	background-color: transparent;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.functional-block .buttons-row button:hover {
	background-color: #d82034;
	color: #fff
}

.functional-block .buttons-row button i {
	margin-right: 5px
}

@media screen and (max-width: 479px) {
	.functional-block .buttons-row button {
		min-height: 30px;
		height: auto;
		padding: 0 5px;
		border: none
	}

	.functional-block .buttons-row button i {
		display: block;
		font-size: 16px
	}
}

.functional-block .email-row {
	margin: 10px -15px 15px;
	font-size: 17px;
	line-height: 1.3
}

@media screen and (min-width: 768px) {
	.functional-block .email-row {
		margin-left: 0;
		margin-right: 0;
		padding-right: 25px
	}
}

.functional-block .email-row .buttons-row {
	background: linear-gradient(90deg, hsla(0, 0%, 98%, 0) 0, #f9f9f9 9%, #f9f9f9)
}

.functional-block .email-row .buttons-row button {
	position: relative
}

.functional-block .email-row .buttons-row .fa-envelope-open-o {
	position: relative;
	top: -2px
}

.functional-block .email-row .buttons-row .fa-long-arrow-right {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	font-size: 14px;
	margin: auto
}

@media screen and (min-width: 480px) {
	.functional-block .email-row .buttons-row .fa-long-arrow-right {
		top: 16px;
		left: 7px;
		right: inherit
	}
}

.functional-block .checkbox-custom > span {
	padding-right: 25px;
	word-wrap: break-word
}

.functional-block .add-more {
	position: absolute;
	right: 0;
	bottom: -6px;
	max-width: 30px;
	height: 30px;
	padding: 0 10px 0 20px;
	font-family: Legacy-Regular, serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 0;
	border: 1px solid transparent;
	color: transparent;
	background-color: transparent;
	transition: all .4s ease-in-out
}

.functional-block .add-more i {
	position: absolute;
	height: 16px;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
	color: #d82034;
	transition: color .4s ease-in-out
}

.functional-block .add-more.expanded-btn {
	max-width: 260px;
	padding-left: 30px;
	border-color: transparent;
	color: #d82034;
	background-color: transparent
}

.functional-block .add-more:hover {
	max-width: 260px;
	padding: 0 10px 0 30px;
	border-color: #fff;
	background-color: #d82034;
	color: #fff
}

.functional-block .add-more:hover i {
	color: #fff
}

.functional-block .field-radio {
	display: flex;
	height: 45px;
	font-size: 17px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #666;
	overflow: hidden;
	box-shadow: none
}

.functional-block .field-radio.auto-width {
	display: flex
}

.functional-block .field-radio.auto-width label {
	float: none;
	width: 100%
}

.functional-block .field-radio.auto-width label i {
	top: 0
}

.functional-block .field-radio.auto-width svg path {
	fill: #666;
	transition: fill .2s ease-in-out
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span:first-of-type {
	background-color: #94b355
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span:nth-of-type(2) {
	background-color: #55b356
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span:nth-of-type(3) {
	background-color: #e37976
}

.functional-block .field-radio.field-mood input[type=radio]:checked + span svg path {
	fill: #fff
}

.functional-block .field-radio.field-mood label:hover svg path {
	fill: #555
}

@media screen and (max-width: 767px) {
	.functional-block .field-radio.field-medium label {
		position: relative
	}

	.functional-block .field-radio.field-medium label span {
		display: none
	}

	.functional-block .field-radio.field-medium label i {
		margin-right: 0
	}
}

.functional-block .field-radio input[type=radio] {
	position: absolute;
	width: 0;
	opacity: 0;
	visibility: hidden
}

.functional-block .field-radio input[type=radio]:checked + span {
	background-color: #d82034;
	color: #fff
}

.functional-block .field-radio span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	width: 100%;
	height: 41px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.functional-block .field-radio span i {
	position: relative;
	margin-right: 2px;
	font-size: 16px
}

.functional-block .field-radio span span {
	display: inline-block;
	padding: 0 15px;
	line-height: 1.2
}

.functional-block .field-radio span span i {
	margin-right: 0;
	margin-left: 3px
}

.functional-block .field-radio span.small-text {
	font-size: 16px;
	font-family: legacy-sans-book, sans-serif
}

.functional-block .field-radio span:hover {
	color: #555
}

.functional-block .field-radio .field-radio-item {
	float: left;
	width: 50%;
	text-align: center
}

.functional-block .field-radio .field-radio-item label {
	display: block
}

.functional-block .field-radio .field-radio-item i {
	margin-right: 7px
}

.functional-block .field-measure {
	position: relative
}

.functional-block .field-measure input {
	padding-right: 30px
}

.functional-block .field-measure:after {
	content: attr(data-measure);
	position: absolute;
	top: 0;
	right: 10px;
	display: inline-block;
	height: 44px;
	font-size: 18px;
	line-height: 44px;
	color: #666
}

.functional-block .field-measure.year input {
	padding-right: 55px
}

.functional-block .field-file {
	position: relative;
	height: 44px;
	padding: 0 15px;
	font-size: 16px;
	line-height: 44px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	overflow: hidden;
	background-color: #fff;
	color: #666;
	box-shadow: none;
	transition: border-color .2s ease-in-out
}

.functional-block .field-file [type=file] {
	cursor: inherit;
	display: block;
	font-size: 999px;
	filter: alpha(opacity=0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0
}

.functional-block .field-file i {
	position: absolute;
	top: 13px;
	right: 10px
}

.functional-block .dummy-text-plugin {
	overflow-x: auto
}

.functional-block .list-info p {
	font-size: 14px
}

@media screen and (min-width: 768px) {
	.functional-block .list-info p {
		font-size: 17px
	}
}

.functional-block .count-info {
	display: block;
	height: 116px;
	font-size: 21px;
	text-align: center
}

.functional-block .count-info .icon-first {
	margin-bottom: 10px;
	font-size: 40px;
	color: #d82034
}

.functional-block .count-info .icon-second {
	position: absolute;
	left: 0;
	font-size: 40px;
	color: #d82034;
	opacity: 0
}

.functional-block .count-info .file-first, .functional-block .count-info .folder-first, .functional-block .count-info .plane-first {
	transition: .8s ease-out, opacity .4s ease-out
}

.functional-block .count-info .plane-second {
	bottom: -10px;
	transform: scale(.5) rotateX(60deg) rotate(-20deg);
	transition: .6s ease-in, opacity .4s ease-in-out
}

.functional-block .count-info .folder-second {
	bottom: -10px;
	opacity: 0;
	transform: scale(.5) rotate(0);
	transition: .8s ease-in, opacity .4s ease-in-out
}

.functional-block .count-info .file-second {
	bottom: -10px;
	opacity: 0;
	transform: scale(.5) rotateX(0);
	transition: .6s ease-in, opacity .4s ease-in-out
}

.functional-block .count-info div {
	position: relative;
	color: #333;
	transition: transform .4s ease-in-out
}

.functional-block .count-info span {
	position: relative;
	display: block;
	margin-top: 10px;
	font-size: 40px;
	color: #d82034;
	transition: .2s ease-in-out
}

.functional-block .count-info .icon-first {
	transition: color .2s ease-in-out
}

.functional-block .count-info:hover .icon-first, .functional-block .count-info:hover span {
	color: #666
}

.functional-block .count-info:focus {
	text-decoration: none
}

.functional-block .filter-date {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 46%
}

@media screen and (min-width: 370px) {
	.functional-block .filter-date {
		width: 47%
	}
}

@media screen and (min-width: 992px) {
	.functional-block .filter-date {
		width: 48%
	}
}

.functional-block .filter-date span {
	position: absolute;
	left: 15px;
	font-size: 14px;
	line-height: 44px;
	pointer-events: none
}

.functional-block .filter-date input {
	display: inline-block;
	vertical-align: top;
	width: 100%
}

.functional-block .filter-date:after {
	content: "\F073";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	height: 18px;
	font: normal normal normal 18px/1 FontAwesome;
	pointer-events: none;
	color: #d82034;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.functional-block .total-col:after {
	content: "";
	display: table;
	clear: both
}

.functional-block .total-col .total-align-right {
	width: 25%;
	padding-left: 20px;
	float: right
}

@media screen and (max-width: 767px) {
	.functional-block .total-col .total-align-right {
		width: 160px
	}
}

.functional-block .total-col:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #e6e6e6
}

@media screen and (max-width: 991px) {
	.functional-block .total-col:before {
		left: -5px;
		width: calc(100% + 10px)
	}
}

@media screen and (max-width: 767px) {
	.functional-block .total-col:before {
		display: none
	}
}

.functional-block .plugin-editor {
	margin-bottom: 20px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	box-shadow: none
}

@media screen and (min-width: 768px) {
	.functional-block .plugin-editor {
		margin: 0 15px 20px
	}
}

.functional-block .mce-tinymce {
	border: none !important;
	box-shadow: none !important
}

.functional-block .popover {
	padding: 0;
	border-color: #d82034;
	border-radius: 0;
	font-family: legacy-sans-book, sans-serif;
	font-size: 16px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.functional-block .popover.wide-popover {
	max-width: calc(100% + 22px);
	transform: translateX(-2px)
}

@media screen and (min-width: 600px) {
	.functional-block .popover.wide-popover {
		max-width: calc(100% - 40px);
		transform: translateX(-22px)
	}
}

.functional-block .popover .popover-title {
	border-radius: 0;
	color: #fff;
	background-color: #d82034
}

.functional-block .popover .popover-title p {
	margin-bottom: 0
}

@media screen and (max-width: 599px) {
	.functional-block .popover .popover-title p {
		font-size: 26px !important
	}
}

@media screen and (max-width: 599px) {
	.functional-block .popover .popover-content p:first-child {
		font-size: 18px !important
	}

	.functional-block .popover .popover-content ul {
		padding-left: 20px;
		font-size: 15px !important
	}
}

.functional-block .popover.top > .arrow {
	border-top-color: #d82034
}

.apply-view-only-styling .field-edit-button {
	position: absolute;
	right: 0;
	bottom: 0
}

.apply-view-only-styling .field-view {
	display: block;
	width: 100%;
	height: 44px;
	padding: 15px 17px 11px;
	font-size: 17px;
	border-radius: 0;
	background: #e2e2e2
}

@media screen and (min-width: 768px) {
	.widgets {
		display: flex;
		justify-content: stretch;
		flex-wrap: wrap
	}

	.widgets .col-sm-6 {
		width: 49.9%
	}
}

.required-text {
	color: #e37976
}

.link {
	position: relative;
	padding: 0;
	border: none;
	color: #d82034;
	background-color: transparent
}

.link:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	margin: auto;
	width: 100%;
	height: 1px;
	background-color: #d82034;
	transition: width .35s ease
}

.link:hover {
	background-color: transparent
}

.link:hover:after {
	width: 0
}

.link:focus {
	outline: none;
	text-decoration: none
}

.align-center {
	float: none;
	margin: 0 auto
}

.collapsible-content {
	overflow: hidden
}

.buttons-row.buttons-row--center {
	margin-top: 30px
}

.buttons-row--center {
	display: flex;
	justify-content: center
}

.buttons-row--center button {
	margin: 0 10px 10px
}

.tile-wrapper {
	margin-top: 25px
}

.tile {
	display: flex;
	flex-flow: row wrap;
	margin-left: -8px;
	position: relative
}

.tile.collapse .tile-block {
	transition: .4s ease-in-out
}

.tile .tile-block {
	flex: auto;
	margin: 0 0 8px 8px;
	border: 1px solid #d82034;
	background-color: #fff;
	transition: none
}

.tile .tile-block.dropdown-list {
	border-bottom-right-radius: 20px
}

.tile .tile-block.dropdown-list .main-button {
	position: relative;
	border-bottom-right-radius: 20px
}

.tile .tile-block.dropdown-list .main-button:after {
	height: 100%
}

.tile .tile-block.dropdown-list .main-button:after, .tile .tile-block.dropdown-list .main-button:before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% + 2px);
	top: -1px;
	left: -1px;
	border: 1px solid #d82034;
	border-bottom-right-radius: 20px
}

.tile .tile-block.dropdown-list .main-button:before {
	height: calc(100% - 2px)
}

.tile .tile-block.open {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: calc(100% - 8px) !important;
	min-height: 189px !important;
	border-bottom-right-radius: 0;
	overflow: hidden;
	z-index: 4
}

.tile .tile-block.open .main-button {
	box-shadow: none;
	border-bottom: 1px solid #d82034;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.tile .tile-block.open .main-button:after, .tile .tile-block.open .main-button:before {
	opacity: 0
}

.tile .tile-block.open .main-button:focus {
	outline: none
}

.tile .tile-block.open .tile-close {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .4s ease-in-out .4s
}

.tile .tile-block.open .tile-expand {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .4s ease-in-out 1.2s
}

.tile .tile-block.open .main-button:after {
	display: none
}

.tile .tile-block.open ul {
	position: static;
	max-height: calc(100% - 57px);
	margin-bottom: 0;
	padding-bottom: 15px;
	overflow-y: auto;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transition: .4s ease-in-out, max-height .4s ease-in-out
}

.tile .tile-block.expand {
	height: auto !important
}

.tile .tile-block.expand ul {
	max-height: 600px;
	height: auto
}

.tile .tile-block.expand .tile-expand i {
	transform: rotate(180deg)
}

.tile .tile-block .tile-expand {
	position: absolute;
	width: 100%;
	height: 35px;
	padding-top: 15px;
	left: 0;
	bottom: 0;
	opacity: 0;
	text-align: center;
	pointer-events: none;
	font-size: 16px;
	color: #d82034;
	cursor: pointer;
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 57%);
	transition: none
}

.tile .tile-block .tile-expand i {
	position: relative;
	top: 2px
}

.tile .tile-block ul {
	position: absolute;
	max-height: 0;
	opacity: 0;
	padding-top: 15px;
	margin-left: 20px;
	pointer-events: none;
	transform: translateY(40px);
	transition: none
}

.tile .tile-block li {
	position: relative;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 15px;
	padding-left: 25px
}

.tile .tile-block li:before {
	content: "\F105";
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	top: -2px;
	left: 0;
	float: right;
	font: normal normal normal 18px/1 FontAwesome;
	text-rendering: auto;
	color: #f9f9f9;
	background-color: #d82034;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.tile .tile-block li a {
	position: relative;
	font-size: 16px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #d82034
}

.tile .tile-block li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px;
	margin: auto;
	width: 0;
	height: 1px;
	background-color: #d82034;
	transition: width .35s ease
}

.tile .tile-block li a:hover:after {
	width: 100%
}

.tile .main-button {
	width: 100%;
	height: 57px;
	font-size: 21px;
	line-height: 57px;
	text-align: center;
	text-transform: none;
	color: #d82034
}

.tile .main-button, .tile .main-button:hover {
	background-color: #fff
}

.tile .tile-close {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	padding: 0 0 0 13px;
	border: none;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	background-color: transparent;
	transition: none
}

.tile .tile-close:after, .tile .tile-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 1px;
	background-color: #333;
	transition: transform .4s ease-in-out
}

.tile .tile-close:before {
	transform: rotate(45deg)
}

.tile .tile-close:after {
	transform: rotate(-45deg)
}

.tile .tile-close:hover:before {
	transform: rotate(130deg)
}

.tile .tile-close:hover:after {
	transform: rotate(-130deg)
}

.custom-page h1 {
	font-size: 28px;
	font-family: "legacy-serif-book-italic", serif;
	font-weight: 400;
	color: #333
}

@media screen and (min-width: 768px) {
	.custom-page h1 {
		font-size: 34px
	}
}

.custom-page h3 {
	margin-top: 0;
	font-family: "legacy-serif-book", serif;
	font-weight: 400;
	color: #333
}

.custom-page p {
	font-family: legacy-sans-book, sans-serif;
	font-size: 14px
}

.custom-page > p {
	line-height: 1.4
}

.custom-page .filter .body {
	padding: 15px 20px
}

@media screen and (min-width: 768px) {
	.custom-page .filter .body {
		padding: 15px 25px
	}
}

.custom-page .filter .filter-label {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.custom-page .filter .filter-col {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px
}

.custom-page .filter .filter-col-submit {
	position: relative;
	padding-top: 20px;
	padding-bottom: 5px;
	text-align: center
}

.custom-page .filter .filter-col-submit:after {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: calc(100% + 20px);
	height: 1px;
	background-color: #e6e6e6
}

.custom-page .filter .filter-radio {
	height: 44px;
	font-size: 16px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	background-color: #fff;
	color: #666;
	overflow: hidden;
	box-shadow: none
}

.custom-page .filter .filter-radio input[type=radio] {
	position: absolute;
	width: 0;
	opacity: 0;
	visibility: hidden
}

.custom-page .filter .filter-radio input[type=radio]:checked + label {
	background-color: #d82034;
	color: #fff
}

.custom-page .filter .filter-radio label {
	float: left;
	width: 50%;
	margin-bottom: 0;
	height: 44px;
	line-height: 44px;
	font-family: legacy-sans-book, sans-serif;
	text-align: center;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.custom-page .filter .filter-radio label i {
	position: relative;
	top: 2px;
	margin-right: 4px;
	font-size: 18px
}

.custom-page .filter .filter-radio label span {
	display: inline-block;
	line-height: 34px
}

.custom-page .filter .filter-radio label span i {
	margin-right: 0;
	margin-left: 3px
}

.custom-page .filter .filter-radio label.small-text {
	font-size: 16px
}

.custom-page .filter .filter-radio label:hover {
	color: #555
}

.custom-page .filter .more-filter-row {
	clear: both
}

.custom-page .filter .range-slider {
	height: 44px
}

.custom-page .filter .date-devider {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 44px;
	padding: 0 3px;
	color: #555
}

.custom-page .result-view {
	margin-top: 25px;
	border-radius: 0;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.custom-page .result-view .head {
	padding: 10px 15px;
	font-size: 18px;
	border-radius: 0 0 0 0;
	background-color: #e6e6e6
}

.custom-page .result-view .head .fa-sliders {
	margin-right: 3px
}

.custom-page .result-view .body {
	padding: 10px 15px
}

.custom-page .result-view .body .list-body {
	display: none
}

.custom-page .result-view .body ul {
	margin-top: 10px
}

.custom-page .result-view .body ul li {
	display: block;
	margin: 0;
	padding: 1px 0;
	color: #555
}

.custom-page .result-view .body ul h4 {
	font-size: 18px;
	margin-bottom: 4px
}

.custom-page .result-view .body ul ul {
	margin-top: 20px;
	margin-left: 20px
}

.custom-page .result-view .body ul ul li {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 16px
}

.custom-page .result-view .body ul ul li .list-head {
	position: relative;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #666
}

.custom-page .result-view .body ul ul li .list-head.open:before {
	height: calc(100% + 22px)
}

.custom-page .result-view .body ul ul li .list-head.open + .list-body ul:before {
	height: 97%
}

.custom-page .result-view .body ul ul li .list-head.open + .list-body ul li:before {
	width: 10px
}

.custom-page .result-view .body ul ul ul {
	position: relative;
	padding: 5px 0;
	margin-top: 15px;
	border-left: 1px solid #d82034
}

.custom-page .result-view .body ul ul ul li {
	position: relative;
	margin: 5px 0 0;
	padding: 0 10px;
	font-size: 16px;
	line-height: 1.4
}

.custom-page .result-view .body > ul > li {
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid #e6e6e6;
	border-radius: 0 0 0 0;
	overflow: hidden;
	transition: border-color .4s ease-in-out
}

.custom-page .result-view .body > ul > li > .list-head {
	border-radius: 0 0 0 0;
	border-bottom: none
}

.custom-page .result-view .body > ul > li > .list-head h4 {
	margin-bottom: 8px
}

.custom-page .result-view .body > ul > li > .list-head.open {
	background-color: #e6e6e6 !important
}

.custom-page .result-view .body > ul > li.open-list {
	border-left-color: #e6e6e6;
	border-right-color: #e6e6e6
}

.custom-page .result-view .fa-angle-down, .custom-page .result-view .fa-chevron-down {
	transition: color .2s ease-out
}

.custom-page .result-view .fa-chevron-down {
	float: right;
	color: #666
}

.custom-page .result-view .fa-angle-down {
	float: right;
	font-size: 22px;
	line-height: 14px;
	color: #666
}

.custom-page .result-view .list-head {
	padding: 5px 10px;
	border-bottom: 2px solid;
	transition: border-bottom-color .2s ease-out
}

.custom-page .result-view .list-head.open {
	border-bottom-color: #d82034 !important
}

.custom-page .result-view .list-head.open .fa-angle-down, .custom-page .result-view .list-head.open .fa-chevron-down {
	color: #d82034;
	transform: rotate(180deg)
}

.custom-page .functional-block i.btn, .custom-page .result-view-table i.btn {
	color: #d82034;
	transition: color .2s ease-in-out
}

.custom-page .functional-block i.btn:hover, .custom-page .result-view-table i.btn:hover {
	color: #e44758
}

.custom-page .functional-block .manage-options, .custom-page .result-view-table .manage-options {
	position: absolute;
	float: none;
	max-width: 43px;
	bottom: 2px;
	right: 0;
	margin-bottom: 0;
	padding: 0 0 13px;
	overflow: hidden;
	transition: max-width .2s ease-in-out .5s
}

.custom-page .functional-block .manage-options .manage-list, .custom-page .result-view-table .manage-options .manage-list {
	position: relative;
	margin-bottom: 18px;
	bottom: 0;
	right: 0
}

.custom-page .functional-block .manage-options .manage-button, .custom-page .result-view-table .manage-options .manage-button {
	float: right;
	max-width: 32px;
	margin-right: 10px;
	padding: 6px 8px;
	right: 0;
	bottom: 35px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	transition: max-width .8s ease-in-out
}

.custom-page .functional-block .manage-options:hover, .custom-page .result-view-table .manage-options:hover {
	max-width: 290px;
	padding-left: 0;
	transform: none;
	transition: none
}

.custom-page .functional-block .manage-options:hover .manage-button, .custom-page .result-view-table .manage-options:hover .manage-button {
	max-width: 150px
}

.custom-page .functional-block .field-col-button .manage-options, .custom-page .result-view-table .field-col-button .manage-options {
	bottom: 9px;
	right: -25px
}

@media screen and (max-width: 991px) {
	.custom-page .functional-block .field-col-button .manage-options, .custom-page .result-view-table .field-col-button .manage-options {
		right: -20px
	}
}

@media screen and (max-width: 767px) {
	.custom-page .functional-block .field-col-button .manage-options, .custom-page .result-view-table .field-col-button .manage-options {
		right: -15px
	}
}

.custom-page .more-details, .custom-page .more-filters {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 20px;
	margin-right: -5px;
	padding: 0 10px;
	font-size: 18px;
	border-radius: 0;
	border: none;
	color: #d82034;
	text-align: center;
	background-color: transparent;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.custom-page .more-details i, .custom-page .more-filters i {
	position: relative;
	top: 3px;
	margin-left: 3px;
	font-size: 24px;
	transition: transform .4s ease-in-out;
	transform: translateY(0)
}

.custom-page .more-details:focus, .custom-page .more-filters:focus {
	outline: none
}

.custom-page .more-details:hover i, .custom-page .more-filters:hover i {
	animation: top-down 1s ease-in-out infinite
}

.custom-page .more-details.open i, .custom-page .more-filters.open i {
	transform: rotate(180deg)
}

.custom-page .more-details.open:hover i, .custom-page .more-filters.open:hover i {
	animation: top-down-rotated 1s ease-in-out infinite
}

.result-view2 {
	margin-bottom: 10px
}

@media screen and (max-width: 767px) {
	.result-view2 .product-row:last-child > .list-head {
		border-bottom: none
	}
}

.result-view2 .product-row > .list-head {
	font-size: 16px
}

.result-view2 .product-row > .list-head.opened {
	border-bottom-color: #d82034
}

.result-view2 .product-row > .list-head.opened, .result-view2 .product-row > .list-head.opened .fa-angle-down {
	color: #d82034
}

.result-view2 .product-row > .list-head.opened .fa-angle-down {
	transform: rotate(180deg)
}

.result-view2 .product-row .list-body {
	padding: 10px
}

@media screen and (min-width: 768px) {
	.result-view2 .product-row .list-body {
		padding: 15px 0 15px 15px
	}
}

.result-view2 .product-row .list-body li {
	position: relative;
	font-size: 16px;
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0 10px;
	border-radius: 0;
	border: 5px solid #e6e6e6;
	background: #fff
}

@media screen and (min-width: 480px) {
	.result-view2 .product-row .list-body li {
		margin: 0 0 10px 20px;
		padding-bottom: 5px
	}
}

.result-view2 .product-row .list-body li:last-child {
	margin-bottom: 0
}

.result-view2 .product-row .list-body li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: -27px;
	width: 16px;
	height: 16px;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li:before {
		border-radius: 50%;
		text-align: center;
		width: 24px;
		height: 24px;
		top: -11px;
		left: -13px;
		line-height: 23px
	}
}

.result-view2 .product-row .list-body li.offer:before {
	content: "\F021";
	color: #248df8
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li.offer:before {
		background-color: #248df8;
		color: #fff
	}
}

.result-view2 .product-row .list-body li.active:before {
	content: "\F00C";
	color: #55b356
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li.active:before {
		background-color: #55b356;
		color: #fff
	}
}

.result-view2 .product-row .list-body li.decline:before {
	content: "\F00D";
	color: #e37976
}

@media screen and (max-width: 479px) {
	.result-view2 .product-row .list-body li.decline:before {
		background-color: #e37976;
		color: #fff
	}
}

.result-view2 .fa-angle-down, .result-view2 .fa-chevron-down {
	transition: color .2s ease-out
}

.result-view2 .fa-chevron-down {
	float: right;
	color: #666
}

.result-view2 .fa-angle-down {
	float: right;
	font-size: 22px;
	line-height: 14px;
	color: #666
}

.result-view2 .list-head {
	padding: 10px 20px;
	font-family: legacy-sans-book, sans-serif;
	cursor: pointer;
	border-bottom: 2px solid #e6e6e6;
	transition: color .2s ease-in-out, border-bottom-color .2s ease-out
}

@media screen and (min-width: 768px) {
	.result-view2 .list-head {
		padding: 10px
	}
}

.result-view2 .list-head.open {
	border-bottom-color: #d82034 !important
}

.result-view2 .list-head.open .fa-angle-down, .result-view2 .list-head.open .fa-chevron-down {
	color: #d82034;
	transform: rotate(180deg)
}

.result-view2 .info {
	display: block;
	vertical-align: top;
	padding: 10px 5px 5px;
	font-family: legacy-sans-book, sans-serif;
	color: #555
}

.result-view2 .info:last-child {
	border-bottom: none
}

.result-view2 .info b {
	display: block;
	float: left;
	text-align: left;
	width: 103px
}

.result-view2 .info .info-value {
	display: block;
	padding-left: 103px
}

.result-view2 .info .info-value a:not(.title-link) {
	position: relative;
	top: -4px;
	display: inline-block;
	vertical-align: top;
	padding: 4px 6px;
	margin: 0 3px 6px;
	border-radius: 0;
	border: 1px solid #d82034;
	color: #d82034;
	background-color: transparent;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.result-view2 .info .info-value a:not(.title-link):hover {
	background-color: #d82034;
	color: #fff
}

.result-view2 .info .info-value a:not(.title-link):hover .preview {
	opacity: 1;
	transform: translateY(0) scale(1);
	transition: transform .4s ease-in-out, opacity .4s ease-in-out .2s
}

.result-view2 .info .info-value .title-link {
	position: relative;
	text-decoration: underline;
	color: #d82034
}

.result-view2 .info .info-value .title-link:before {
	content: "\F061";
	position: absolute;
	top: 0;
	left: -18px;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	color: #d82034;
	opacity: 0;
	transform: translateX(-10px);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: transform .4s ease-in-out, opacity .4s ease-in-out
}

.result-view2 .info .info-value .title-link:hover {
	text-decoration: none
}

.result-view2 .info .info-value .title-link:hover:before {
	opacity: 1;
	transform: translateX(0)
}

.result-view2 .button-expand {
	display: none;
	position: absolute;
	top: 8px;
	right: 4px;
	width: 36px;
	height: 24px;
	text-align: center;
	border-radius: 0;
	cursor: pointer
}

.result-view2 .button-expand i {
	float: none;
	vertical-align: middle;
	color: #666
}

.result-view2.notes .product-row .list-body {
	padding-left: 0
}

.result-view2.notes .product-row .list-body li {
	margin-left: 10px
}

@media screen and (min-width: 768px) {
	.result-view2.notes .product-row .list-body li {
		margin-left: 0
	}
}

.result-view2.notes .closed {
	display: none
}

.result-view2.notes .category-title {
	padding: 10px 0;
	font-family: legacy-sans-bold, sans-serif;
	font-size: 18px
}

@media screen and (max-width: 767px) {
	.result-view2.notes .category-title {
		padding-left: 15px
	}
}

@media screen and (min-width: 767px) {
	.result-view2.notes .main-list {
		border-right: none
	}
}

@media screen and (min-width: 767px) {
	.result-view2.notes .result-list {
		border-left: 2px solid #e6e6e6
	}
}

.result-view2.notes .result-list > ul:not(:last-child) {
	margin-bottom: 30px
}

.result-view2.notes .result-list .col-submit {
	margin-bottom: 10px;
	text-align: center
}

.result-view2 .preview {
	position: absolute;
	width: 300px;
	margin-top: 22px;
	left: -11px;
	border: 1px solid #d82034;
	border-radius: 0;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .25);
	pointer-events: none;
	box-sizing: border-box;
	z-index: 2;
	opacity: 0;
	transform: translateY(40px) scale(.2);
	transition: transform 1s ease-in-out, opacity .4s ease-in-out
}

.result-view2 .preview img {
	width: 100%;
	border-radius: 0
}

.result-view2 .preview:after, .result-view2 .preview:before {
	content: "";
	display: block;
	position: absolute
}

.result-view2 .preview:before {
	top: -14px;
	left: 15px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.result-view2 .preview:after {
	left: 16px;
	top: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 13px solid #fff
}

.welcome-block h1 {
	font-size: 30px;
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

@media screen and (min-width: 768px) {
	.welcome-block h1 {
		font-size: 36px
	}
}

.welcome-block h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 20px;
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

@media screen and (min-width: 768px) {
	.welcome-block h2 {
		font-size: 24px
	}
}

.welcome-block p {
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 15px
}

@media screen and (min-width: 768px) {
	.welcome-block p {
		font-size: 18px
	}
}

.pointer {
	position: relative;
	padding-bottom: 25px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.pointer:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 22px;
	height: 22px;
	background-image: url("../img/sort.svg");
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: auto 22px
}

.sort-asc:after {
	background-image: url("../img/asc.svg")
}

.sort-desc:after {
	background-image: url("../img/desc.svg")
}

.manage-options {
	position: fixed;
	float: right;
	margin-bottom: 40px;
	padding-top: 20px;
	right: -76px;
	bottom: 60px;
	transition: transform .6s ease-in-out;
	z-index: 3;
	pointer-events: none
}

.manage-options:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 13px;
	left: 0;
	width: 33px;
	height: 35px;
	pointer-events: auto
}

.manage-options:hover {
	padding-left: 180px;
	transform: translateX(-70px)
}

.manage-options:hover:after {
	width: 100%;
	height: 50px
}

.manage-options:hover .manage-list {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0)
}

.manage-options:hover .manage-button {
	color: #fff;
	background-color: #d82034
}

.manage-options:hover .manage-button i {
	transform: rotate(180deg)
}

.manage-options .manage-button {
	display: inline-block;
	font-size: 16px;
	padding: 8px 10px;
	border-radius: 0;
	background: #fff;
	color: #d82034;
	border: 1px solid #d82034;
	transition: color .1s linear, background-color .1s linear
}

.manage-options .manage-button i {
	margin-right: 8px;
	transition: transform 1s ease-in-out
}

.manage-options .manage-list {
	position: absolute;
	width: 280px;
	padding: 20px 17px 15px;
	right: 10px;
	bottom: 45px;
	font-size: 16px;
	border-radius: 0;
	background-color: #fff;
	box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, .35);
	border: 1px solid #d82034;
	opacity: 0;
	pointer-events: none;
	transform: translateX(200px);
	transition: opacity .6s ease-in-out .2s, transform .6s ease-in-out .2s
}

.manage-options .manage-list:after, .manage-options .manage-list:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0
}

.manage-options .manage-list:before {
	right: 67px;
	bottom: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #d82034
}

.manage-options .manage-list:after {
	right: 68px;
	bottom: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 13px solid #fff
}

.manage-options .manage-list li:not(:last-child) {
	margin-bottom: 15px
}

.manage-options .manage-list a {
	position: relative;
	display: inline-block;
	padding-left: 35px;
	padding-bottom: 10px;
	color: #555;
	cursor: pointer;
	transition: color .2s ease-in-out
}

.manage-options .manage-list a:hover {
	color: #d82034
}

.manage-options .manage-list a:hover .fa-comment.small, .manage-options .manage-list a:hover .fa-envelope.small, .manage-options .manage-list a:hover .fa-eur, .manage-options .manage-list a:hover .fa-file-text.small, .manage-options .manage-list a:hover .fa-history.small, .manage-options .manage-list a:hover .fa-pencil.small, .manage-options .manage-list a:hover .fa-play-circle-o, .manage-options .manage-list a:hover .fa-print.small, .manage-options .manage-list a:hover .fa-trash.small, .manage-options .manage-list a:hover .fa-user-circle-o {
	transform: rotateY(180deg) skewY(-5deg)
}

.manage-options .manage-list a:hover .fa-file-excel-o, .manage-options .manage-list a:hover .fa-file-o, .manage-options .manage-list a:hover .fa-file-text, .manage-options .manage-list a:hover .fa-file-text-o, .manage-options .manage-list a:hover .fa-sitemap {
	transform: rotateY(40deg) skewY(-10deg)
}

.manage-options .manage-list a:hover .fa-share.import {
	transform: rotateY(30deg) translateX(2px)
}

.manage-options .manage-list a:hover .fa-share.export {
	transform: translateX(3px) scaleX(-1)
}

.manage-options .manage-list a:focus {
	text-decoration: none
}

.manage-options .manage-list i {
	position: absolute;
	top: -4px;
	left: 0;
	margin-right: 10px;
	font-size: 24px;
	color: #d82034
}

.manage-options .manage-list .fa-comment, .manage-options .manage-list .fa-envelope, .manage-options .manage-list .fa-eur, .manage-options .manage-list .fa-file-excel-o, .manage-options .manage-list .fa-file-o, .manage-options .manage-list .fa-file-text, .manage-options .manage-list .fa-file-text-o, .manage-options .manage-list .fa-file-text.small, .manage-options .manage-list .fa-history, .manage-options .manage-list .fa-pencil, .manage-options .manage-list .fa-play-circle-o, .manage-options .manage-list .fa-print, .manage-options .manage-list .fa-share, .manage-options .manage-list .fa-sitemap, .manage-options .manage-list .fa-trash, .manage-options .manage-list .fa-user-circle-o {
	transition: transform .6s ease-out
}

.manage-options .manage-list .fa-comment.small, .manage-options .manage-list .fa-envelope.small, .manage-options .manage-list .fa-eur.small, .manage-options .manage-list .fa-file-text.small, .manage-options .manage-list .fa-history.small, .manage-options .manage-list .fa-pencil.small, .manage-options .manage-list .fa-print.small, .manage-options .manage-list .fa-trash.small, .manage-options .manage-list .fa-user-circle-o {
	position: absolute;
	display: inline-block;
	top: 10px;
	left: 14px;
	font-size: 14px;
	border-radius: 50%;
	color: #55b356;
	background-color: #fff
}

.manage-options .manage-list .fa-eur.small {
	width: 14px;
	height: 14px;
	padding-top: 1px;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background-color: #55b356
}

.manage-options .manage-list .fa-history.small, .manage-options .manage-list .fa-pencil.small, .manage-options .manage-list .fa-print.small, .manage-options .manage-list .fa-trash.small {
	font-size: 16px
}

.manage-options .manage-list .fa-share {
	position: absolute;
	display: inline-block;
	font-size: 12px;
	color: #55b356
}

.manage-options .manage-list .fa-share.import {
	top: 8px;
	left: -4px;
	color: #55b356
}

.manage-options .manage-list .fa-share.export {
	top: 5px;
	left: -7px;
	color: #e37976;
	transform: scaleX(-1)
}

.manage-options .manage-list .fa-play-circle-o {
	font-size: 18px;
	top: 9px;
	left: 10px;
	border-radius: 50%;
	color: #55b356 !important;
	background-color: #fff
}

.stretch-table-button {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #d82034;
	background: none;
	border: none
}

.stretch-table-button i {
	position: relative;
	top: 3px;
	font-size: 24px;
	transition: transform .4s ease-in-out
}

.stretch-table-button:focus {
	outline: none
}

.stretch-table-button:hover i {
	animation: shake .7s linear
}

.stretch-table-button + .result-view-table {
	margin-top: 0
}

.result-view-table {
	position: relative;
	clear: both;
	overflow: hidden;
	border-radius: 0;
	margin-top: 25px;
	color: #555;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.result-view-table.no-overflow {
	overflow: visible
}

.result-view-table table {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	background-color: transparent
}

.result-view-table thead {
	color: #fff;
	background: #d82034
}

.result-view-table tr {
	border: none
}

.result-view-table tr:nth-child(2n) {
	background-color: #fff
}

.result-view-table th {
	position: relative;
	height: 34px;
	padding: 10px;
	font-size: 14px;
	font-family: legacy-sans-bold, sans-serif;
	font-weight: 400;
	color: #fff
}

.result-view-table th a {
	position: absolute;
	left: 0;
	right: 0;
	top: 9px;
	padding: 0 10px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.result-view-table thead td {
	position: relative;
	font-family: legacy-sans-bold, sans-serif
}

.result-view-table thead td .pointer {
	position: static
}

.result-view-table td {
	vertical-align: top;
	padding: 10px;
	font-family: legacy-sans-book, sans-serif;
	font-size: 16px;
	line-height: 1.3
}

.result-view-table .checkbox-custom {
	margin-bottom: 0
}

.result-view-table .checkbox-custom span {
	padding-top: 0;
	font-size: 14px
}

.result-view-table .checkbox-custom span:before {
	top: 1px
}

.result-view-table .checkbox-custom span:after {
	top: 8px
}

@media screen and (max-width: 768px) {
	.result-view-table .btn-icon {
		margin-right: 10px;
		margin-bottom: 5px;
		white-space: nowrap
	}

	.result-view-table .btn-icon i {
		padding-right: 5px
	}

	.result-view-table .btn-icon:after {
		content: attr(title)
	}
}

.result-view-table .field-col-submit {
	display: flex;
	justify-content: center;
	padding-bottom: 20px
}

.result-view-table .field-col-submit .main-button {
	margin: 0 10px
}

.result-view-table .icon-style {
	font-size: 20px;
	color: #d82034
}

.result-view-table .fa-arrow-circle-o-right {
	position: relative;
	display: inline-block;
	top: 6px;
	left: 8px;
	font-size: 16px;
	color: #55b356;
	background-color: #fff;
	border-radius: 50%;
	transition: transform .4s ease-in
}

.result-view-table .calculator-link {
	position: relative
}

.result-view-table .calculator-link i {
	cursor: pointer
}

@media screen and (min-width: 768px) {
	.result-view-table .calculator-link {
		left: -6px
	}
}

.result-view-table .calculator-link:hover .fa-arrow-circle-o-right {
	transform: translate(8px, -7px) scale(1.8)
}

.result-view-table .sort {
	display: inline-block;
	color: #fff
}

.result-view-table .sort:after {
	position: absolute;
	height: 16px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	color: #d82034;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.result-view-table .sort.ascending:after {
	content: "\F176"
}

.result-view-table .sort.descending:after {
	content: "\F175"
}

@media screen and (max-width: 767px) {
	.result-view-table table {
		width: 100%
	}

	.result-view-table table, .result-view-table tbody, .result-view-table td, .result-view-table th, .result-view-table thead, .result-view-table tr {
		display: block
	}

	.result-view-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.result-view-table tr {
		border-bottom: 1px solid #e6e6e6
	}

	.result-view-table tr:last-child {
		border-bottom: none
	}

	.result-view-table td {
		position: relative;
		padding-left: 50%;
		text-align: left
	}

	.result-view-table td:before {
		content: attr(data-column);
		position: absolute;
		top: 10px;
		left: 15px;
		width: 45%;
		padding-right: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: LegacySans, sans-serif;
		font-weight: 400
	}

	.result-view-table .email-theme {
		display: block;
		padding-bottom: 5px
	}
}

.result-view-table .functional-block {
	box-shadow: none;
	background-color: transparent;
	border-width: 1px 0 0
}

.result-view-table .table-submit {
	margin-left: 0;
	margin-right: 0;
	font-size: 17px;
	position: relative
}

.result-view-table .table-submit .table-navigation {
	text-align: center;
	margin-top: 10px
}

.result-view-table .table-submit .table-navigation button {
	margin: 0 1px
}

.result-view-table .table-submit .table-navigation button i {
	margin: 2px 2px 0
}

@media screen and (min-width: 768px) {
	.result-view-table .table-submit .table-navigation {
		float: right;
		margin-top: 0;
		margin-right: 0;
		text-align: left
	}
}

.result-view-table .table-submit .buttons-row {
	display: block;
	margin-bottom: 15px
}

@media screen and (min-width: 768px) {
	.result-view-table .table-submit .buttons-row {
		display: flex
	}
}

.result-view-table .table-submit .buttons-row .table-edit-buttons {
	position: relative;
	top: 5px;
	padding: 0 10px;
	text-align: center;
	background: linear-gradient(90deg, #f9f9f9 0, #f9f9f9 91%, hsla(0, 0%, 98%, 0))
}

.result-view-table .table-submit .buttons-row .table-edit-buttons button {
	margin-bottom: 10px
}

@media screen and (max-width: 479px) {
	.result-view-table .table-submit .buttons-row .table-edit-buttons button {
		width: 100%;
		border: 1px solid #d82034;
		text-align: left
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons button i {
		display: inline-block
	}
}

@media screen and (min-width: 768px) {
	.result-view-table .table-submit .buttons-row .table-edit-buttons {
		position: absolute;
		display: flex;
		justify-content: center;
		top: 0;
		right: calc(100% - 33px);
		margin: 0 0 20px;
		padding: 0;
		transition: transform .4s ease-in-out, padding .6s ease-in-out
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons:hover {
		padding-left: 40px;
		padding-right: 20px;
		transform: translateX(100%) translateX(-65px)
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons:hover .options {
		opacity: 0;
		transition: none
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons button {
		white-space: nowrap;
		background-color: #fff
	}

	.result-view-table .table-submit .buttons-row .table-edit-buttons button:hover {
		background-color: #d82034
	}
}

.result-view-table .table-submit .options {
	position: relative;
	margin-top: 2px;
	margin-left: 20px;
	color: #d82034;
	transition: opacity .4s ease-in-out .4s
}

@media screen and (max-width: 767px) {
	.result-view-table .table-submit .options {
		display: none
	}
}

.result-view-table .table-submit .options .fa-file {
	font-size: 24px
}

.result-view-table .table-submit .options .fa-wrench {
	position: absolute;
	font-size: 15px;
	top: 5px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-90deg)
}

.result-view-table .table-submit .page-count {
	display: inline-block;
	vertical-align: bottom;
	height: 30px;
	padding: 0 10px;
	margin: 0 2px;
	line-height: 30px;
	border-radius: 0;
	border: 1px solid #d82034;
	color: #d82034
}

.result-view-table .email-theme {
	padding-right: 5px
}

.result-view-table .email-theme + .btn-icon:after {
	position: relative;
	top: -1px
}

.enable-table-options .result-view-table {
	margin-bottom: 80px;
	overflow: visible
}

@media screen and (min-width: 768px) {
	.email-table th:last-child {
		width: 280px
	}
}

.contract-table {
	margin-top: 0
}

.contract-table th:nth-child(5) {
	width: 70px
}

.contract-table th:nth-child(5) a {
	padding: 0
}

.contract-table th:last-child {
	width: 50px
}

@media screen and (min-width: 768px) {
	.contract-table td {
		max-width: 150px
	}
}

@media screen and (min-width: 768px) {
	.contract-table td:nth-child(5) {
		width: 80px;
		padding: 10px 0
	}

	.contract-table td:nth-child(5) .pointer:after {
		left: 0
	}
}

@media screen and (min-width: 768px) {
	.contract-table td:last-child {
		width: 50px;
		padding: 10px 0;
		text-align: center
	}
}

@media screen and (min-width: 768px) {
	.inbox-table td:nth-child(2), .inbox-table th:nth-child(2) {
		width: 150px
	}
}

@media screen and (min-width: 768px) {
	.inbox-table td {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.stretch-table.stretch {
	animation: stretch .8s ease-in-out forwards
}

.stretch-table.stretch-back {
	animation: stretch-back .8s ease-in-out forwards
}

.ui-dialog .ui-widget-content a {
	color: #d82034;
	text-decoration: underline
}

.ui-dialog .ui-widget-content a:hover {
	text-decoration: none
}

.modal {
	font-family: Legacy-Regular, serif;
	color: #333
}

.modal-backdrop {
	background: #e1e1e1
}

.modal-content {
	padding: 30px 20px;
	border: none;
	border-radius: 0;
	box-shadow: 5px 5px 40px rgba(0, 0, 0, .3);
	background-color: #f9f9f9
}

.modal-body {
	padding: 0
}

.overlay_alphacube, .popup-window, .ui-widget-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: hsla(0, 0%, 100%, .6) !important;
	text-align: center;
	white-space: nowrap;
	box-sizing: border-box;
	z-index: 10000
}

.overlay_alphacube:after, .popup-window:after, .ui-widget-overlay:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

@media screen and (min-width: 600px) {
	.overlay_alphacube, .popup-window, .ui-widget-overlay {
		padding: 0 20px
	}
}

.overlay_alphacube .popup-inner, .popup-window .popup-inner, .ui-widget-overlay .popup-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 800px;
	padding: 30px 20px;
	font-size: 18px;
	line-height: 1.6;
	white-space: normal;
	border-radius: 0;
	background-color: #f9f9f9;
	box-shadow: 5px 5px 40px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	text-align: center
}

@media screen and (min-width: 600px) {
	.overlay_alphacube .popup-inner, .popup-window .popup-inner, .ui-widget-overlay .popup-inner {
		height: auto;
		padding-left: 40px;
		padding-right: 40px
	}
}

.overlay_alphacube .popup-inner .functional-block, .popup-window .popup-inner .functional-block, .ui-widget-overlay .popup-inner .functional-block {
	margin-top: 20px;
	font-size: 12px;
	line-height: 1;
	text-align: left;
	border: 1px solid #e6e6e6;
	background-color: #f9f9f9;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

@media screen and (min-width: 992px) {
	.overlay_alphacube .popup-inner .functional-block .email-preview, .popup-window .popup-inner .functional-block .email-preview, .ui-widget-overlay .popup-inner .functional-block .email-preview {
		min-width: 700px
	}
}

@media screen and (max-width: 767px) {
	.overlay_alphacube .popup-inner .functional-block .email-preview li:not(:last-child), .popup-window .popup-inner .functional-block .email-preview li:not(:last-child), .ui-widget-overlay .popup-inner .functional-block .email-preview li:not(:last-child) {
		padding-bottom: 7px;
		border-bottom: 1px solid #e6e6e6
	}
}

@media screen and (min-width: 768px) {
	.overlay_alphacube .popup-inner .functional-block .email-preview li b, .popup-window .popup-inner .functional-block .email-preview li b, .ui-widget-overlay .popup-inner .functional-block .email-preview li b {
		padding-bottom: 8px
	}

	.overlay_alphacube .popup-inner .functional-block .email-preview li span, .popup-window .popup-inner .functional-block .email-preview li span, .ui-widget-overlay .popup-inner .functional-block .email-preview li span {
		min-height: 21px;
		padding-bottom: 7px;
		border-bottom: 1px solid #e6e6e6
	}
}

.overlay_alphacube h2, .popup-window h2, .ui-widget-overlay h2 {
	margin-bottom: 14px;
	font-size: 22px;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	color: #d82034
}

.overlay_alphacube p, .popup-window p, .ui-widget-overlay p {
	margin-bottom: 14px
}

.overlay_alphacube .checkbox-custom, .popup-window .checkbox-custom, .ui-widget-overlay .checkbox-custom {
	margin: 10px 0 9px
}

.overlay_alphacube .checkbox-custom > span, .popup-window .checkbox-custom > span, .ui-widget-overlay .checkbox-custom > span {
	top: 0
}

.overlay_alphacube .email, .popup-window .email, .ui-widget-overlay .email {
	color: #d82034
}

.overlay_alphacube .custom-form [class^=col], .popup-window .custom-form [class^=col], .ui-widget-overlay .custom-form [class^=col] {
	margin: 0 auto;
	float: none
}

.overlay_alphacube .custom-form .form-row-submit, .popup-window .custom-form .form-row-submit, .ui-widget-overlay .custom-form .form-row-submit {
	margin-top: 25px
}

.overlay_alphacube .custom-form .text-label, .popup-window .custom-form .text-label, .ui-widget-overlay .custom-form .text-label {
	font-size: 16px
}

.overlay_alphacube .popup-close, .popup-window .popup-close, .ui-widget-overlay .popup-close {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	padding: 0 0 0 13px;
	border: none;
	cursor: pointer;
	background-color: transparent
}

.overlay_alphacube .popup-close:after, .overlay_alphacube .popup-close:before, .popup-window .popup-close:after, .popup-window .popup-close:before, .ui-widget-overlay .popup-close:after, .ui-widget-overlay .popup-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 1px;
	background-color: #333;
	transition: transform .4s ease-in-out
}

.overlay_alphacube .popup-close:before, .popup-window .popup-close:before, .ui-widget-overlay .popup-close:before {
	transform: rotate(45deg)
}

.overlay_alphacube .popup-close:after, .popup-window .popup-close:after, .ui-widget-overlay .popup-close:after {
	transform: rotate(-45deg)
}

.overlay_alphacube .popup-close:hover:before, .popup-window .popup-close:hover:before, .ui-widget-overlay .popup-close:hover:before {
	transform: rotate(130deg)
}

.overlay_alphacube .popup-close:hover:after, .popup-window .popup-close:hover:after, .ui-widget-overlay .popup-close:hover:after {
	transform: rotate(-130deg)
}

.overlay_alphacube .popup-field, .popup-window .popup-field, .ui-widget-overlay .popup-field {
	text-align: left
}

.overlay_alphacube .popup-field .field-label, .popup-window .popup-field .field-label, .ui-widget-overlay .popup-field .field-label {
	margin-top: 20px
}

.dialog .alphacube_title, .dialog .modal-title, .dialog .ui-dialog-titlebar, .dialog h2, .modal-content .alphacube_title, .modal-content .modal-title, .modal-content .ui-dialog-titlebar, .modal-content h2, .popup-window .popup-inner .alphacube_title, .popup-window .popup-inner .modal-title, .popup-window .popup-inner .ui-dialog-titlebar, .popup-window .popup-inner h2, .ui-dialog.ui-widget .alphacube_title, .ui-dialog.ui-widget .modal-title, .ui-dialog.ui-widget .ui-dialog-titlebar, .ui-dialog.ui-widget h2 {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 22px !important;
	line-height: 1.3;
	font-family: LegacySans, sans-serif !important;
	font-weight: 400 !important;
	color: #d82034 !important
}

.dialog .alphacube_close, .dialog .close, .dialog .popup-close, .dialog .ui-dialog-titlebar-close, .modal-content .alphacube_close, .modal-content .close, .modal-content .popup-close, .modal-content .ui-dialog-titlebar-close, .popup-window .popup-inner .alphacube_close, .popup-window .popup-inner .close, .popup-window .popup-inner .popup-close, .popup-window .popup-inner .ui-dialog-titlebar-close, .ui-dialog.ui-widget .alphacube_close, .ui-dialog.ui-widget .close, .ui-dialog.ui-widget .popup-close, .ui-dialog.ui-widget .ui-dialog-titlebar-close {
	position: absolute;
	width: 46px;
	height: 42px;
	top: 0;
	right: 0;
	padding: 0 0 0 13px;
	border: none;
	cursor: pointer;
	background-image: none !important;
	background-color: transparent
}

.dialog .alphacube_close:after, .dialog .alphacube_close:before, .dialog .close:after, .dialog .close:before, .dialog .popup-close:after, .dialog .popup-close:before, .dialog .ui-dialog-titlebar-close:after, .dialog .ui-dialog-titlebar-close:before, .modal-content .alphacube_close:after, .modal-content .alphacube_close:before, .modal-content .close:after, .modal-content .close:before, .modal-content .popup-close:after, .modal-content .popup-close:before, .modal-content .ui-dialog-titlebar-close:after, .modal-content .ui-dialog-titlebar-close:before, .popup-window .popup-inner .alphacube_close:after, .popup-window .popup-inner .alphacube_close:before, .popup-window .popup-inner .close:after, .popup-window .popup-inner .close:before, .popup-window .popup-inner .popup-close:after, .popup-window .popup-inner .popup-close:before, .popup-window .popup-inner .ui-dialog-titlebar-close:after, .popup-window .popup-inner .ui-dialog-titlebar-close:before, .ui-dialog.ui-widget .alphacube_close:after, .ui-dialog.ui-widget .alphacube_close:before, .ui-dialog.ui-widget .close:after, .ui-dialog.ui-widget .close:before, .ui-dialog.ui-widget .popup-close:after, .ui-dialog.ui-widget .popup-close:before, .ui-dialog.ui-widget .ui-dialog-titlebar-close:after, .ui-dialog.ui-widget .ui-dialog-titlebar-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	height: 1px;
	background-color: #333;
	box-shadow: 0 0 0 1px #fff;
	transition: transform .4s ease-in-out
}

.dialog .alphacube_close:before, .dialog .close:before, .dialog .popup-close:before, .dialog .ui-dialog-titlebar-close:before, .modal-content .alphacube_close:before, .modal-content .close:before, .modal-content .popup-close:before, .modal-content .ui-dialog-titlebar-close:before, .popup-window .popup-inner .alphacube_close:before, .popup-window .popup-inner .close:before, .popup-window .popup-inner .popup-close:before, .popup-window .popup-inner .ui-dialog-titlebar-close:before, .ui-dialog.ui-widget .alphacube_close:before, .ui-dialog.ui-widget .close:before, .ui-dialog.ui-widget .popup-close:before, .ui-dialog.ui-widget .ui-dialog-titlebar-close:before {
	transform: rotate(45deg)
}

.dialog .alphacube_close:after, .dialog .close:after, .dialog .popup-close:after, .dialog .ui-dialog-titlebar-close:after, .modal-content .alphacube_close:after, .modal-content .close:after, .modal-content .popup-close:after, .modal-content .ui-dialog-titlebar-close:after, .popup-window .popup-inner .alphacube_close:after, .popup-window .popup-inner .close:after, .popup-window .popup-inner .popup-close:after, .popup-window .popup-inner .ui-dialog-titlebar-close:after, .ui-dialog.ui-widget .alphacube_close:after, .ui-dialog.ui-widget .close:after, .ui-dialog.ui-widget .popup-close:after, .ui-dialog.ui-widget .ui-dialog-titlebar-close:after {
	transform: rotate(-45deg)
}

.dialog .alphacube_close:hover:before, .dialog .close:hover:before, .dialog .popup-close:hover:before, .dialog .ui-dialog-titlebar-close:hover:before, .modal-content .alphacube_close:hover:before, .modal-content .close:hover:before, .modal-content .popup-close:hover:before, .modal-content .ui-dialog-titlebar-close:hover:before, .popup-window .popup-inner .alphacube_close:hover:before, .popup-window .popup-inner .close:hover:before, .popup-window .popup-inner .popup-close:hover:before, .popup-window .popup-inner .ui-dialog-titlebar-close:hover:before, .ui-dialog.ui-widget .alphacube_close:hover:before, .ui-dialog.ui-widget .close:hover:before, .ui-dialog.ui-widget .popup-close:hover:before, .ui-dialog.ui-widget .ui-dialog-titlebar-close:hover:before {
	transform: rotate(130deg)
}

.dialog .alphacube_close:hover:after, .dialog .close:hover:after, .dialog .popup-close:hover:after, .dialog .ui-dialog-titlebar-close:hover:after, .modal-content .alphacube_close:hover:after, .modal-content .close:hover:after, .modal-content .popup-close:hover:after, .modal-content .ui-dialog-titlebar-close:hover:after, .popup-window .popup-inner .alphacube_close:hover:after, .popup-window .popup-inner .close:hover:after, .popup-window .popup-inner .popup-close:hover:after, .popup-window .popup-inner .ui-dialog-titlebar-close:hover:after, .ui-dialog.ui-widget .alphacube_close:hover:after, .ui-dialog.ui-widget .close:hover:after, .ui-dialog.ui-widget .popup-close:hover:after, .ui-dialog.ui-widget .ui-dialog-titlebar-close:hover:after {
	transform: rotate(-130deg)
}

.dialog TD.TABELLE, .modal-content TD.TABELLE, .popup-window .popup-inner TD.TABELLE, .ui-dialog.ui-widget TD.TABELLE {
	background-color: transparent
}

.modal-backdrop, .overlay_alphacube, .ui-widget-overlay {
	display: block;
	opacity: 1 !important
}

.dialog, .modal-dialog .modal-content, .ui-dialog.ui-widget {
	border: none;
	border-radius: 0;
	background-color: #fff;
	box-shadow: 5px 5px 40px rgba(0, 0, 0, .3);
	z-index: 10000
}

.ui-dialog.ui-widget .ui-dialog-titlebar {
	padding-top: 35px;
	padding-bottom: 0;
	border: none;
	text-align: center;
	background-image: none !important;
	background-color: transparent !important
}

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
	width: 100%
}

.ui-dialog.ui-widget .ui-dialog-titlebar img {
	width: calc(100% + 42px);
	margin: -38px 0 20px -21px;
	border-radius: 0 0 0 0
}

.ui-dialog.ui-widget .ui-dialog-title, .ui-dialog.ui-widget .ui-dialog-titlebar-close {
	margin: 0
}

.ui-dialog.ui-widget .ui-icon-closethick {
	opacity: 0
}

.ui-dialog.ui-widget .ui-dialog-buttonpane {
	padding: 5px 0 !important;
	margin: 10px 15px 0
}

.ui-dialog.ui-widget .ui-widget-content {
	height: auto !important;
	border-color: #e2e2e2
}

.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget {
	display: inline-block;
	height: 44px;
	margin-left: 5px !important;
	margin-right: 5px !important;
	padding: 0 10px;
	font-size: 18px;
	line-height: 44px;
	border: none;
	font-weight: 700;
	border-radius: 0;
	font-family: Legacy-Regular, serif;
	color: #fff;
	background-color: #d82034;
	background-image: none !important;
	box-shadow: 2px 2px 8px -4px rgba(0, 0, 0, .5);
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out
}

.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget:hover {
	text-decoration: none;
	box-shadow: none;
	background-color: #e44758
}

.ui-dialog.ui-widget .ui-dialog-buttonset .ui-button.ui-widget:focus {
	outline: none
}

.ui-dialog.ui-widget .ui-dialog-buttonpane {
	text-align: center
}

.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
	display: inline-block;
	float: none
}

.ui-dialog.ui-widget .ui-widget-content a:not(.no-highlighted):not(.highlighted) {
	color: #d82034;
	transition: .2s ease-in-out
}

.ui-dialog.ui-widget .ui-widget-content a:not(.no-highlighted):not(.highlighted):hover {
	color: #951624
}

.dialog {
	padding-top: 60px !important;
	box-sizing: content-box !important
}

.dialog .alphacube_title {
	height: auto;
	min-height: 30px;
	margin-top: -72px !important;
	padding: 35px 15px 0;
	text-align: center
}

.dialog .alphacube_e, .dialog .alphacube_n, .dialog .alphacube_ne, .dialog .alphacube_nw, .dialog .alphacube_s, .dialog .alphacube_se, .dialog .alphacube_sizer, .dialog .alphacube_sw, .dialog .alphacube_w {
	background: none !important
}

.modal-backdrop {
	background: hsla(0, 0%, 100%, .6) !important
}

.fade.modal {
	text-align: center
}

.fade.modal:after {
	content: "";
	width: 0;
	height: 100%
}

.fade.modal:after, .modal-dialog {
	display: inline-block;
	vertical-align: middle
}

.modal-dialog {
	position: relative
}

.modal-content {
	padding: 30px 15px 15px
}

.modal-content .modal-header {
	padding: 15px 0 0;
	border-bottom: none
}

.modal-content .modal-header .close {
	margin-top: 0;
	opacity: 1 !important;
	text-shadow: none
}

.modal-content .modal-header .close:focus {
	outline: none
}

.modal-content .modal-header .close span {
	display: none
}

.modal-content .modal-body {
	padding: 0 0 15px
}

.modal-content .modal-body, .modal-content .modal-body h4 {
	font-size: 12px
}

.modal-content .modal-body h4 {
	margin: 0
}

.modal-content .modal-footer {
	padding: 0
}

.modal-content .modal-footer .form-row-submit {
	margin-top: 10px
}

.address-change-popup.functional-block, .message-popup.functional-block, .name-change-popup.functional-block {
	margin-top: 0
}

.address-change-popup form, .message-popup form, .name-change-popup form {
	text-align: left
}

.address-change-popup .custom-form, .message-popup .custom-form, .name-change-popup .custom-form {
	margin-top: 30px;
	line-height: 1
}

.address-change-popup .custom-form [class^=col], .message-popup .custom-form [class^=col], .name-change-popup .custom-form [class^=col] {
	margin: 0 0 20px
}

@media screen and (min-width: 768px) {
	.address-change-popup .custom-form [class^=col], .message-popup .custom-form [class^=col], .name-change-popup .custom-form [class^=col] {
		float: left
	}
}

.address-change-popup .custom-form .form-row, .message-popup .custom-form .form-row, .name-change-popup .custom-form .form-row {
	padding: 0
}

.address-change-popup .custom-form .form-row-submit, .message-popup .custom-form .form-row-submit, .name-change-popup .custom-form .form-row-submit {
	margin-top: 15px
}

.address-change-popup .custom-form .form-row-submit .col-sm-12, .message-popup .custom-form .form-row-submit .col-sm-12, .name-change-popup .custom-form .form-row-submit .col-sm-12 {
	display: flex;
	justify-content: center;
	margin-bottom: 10px
}

.address-change-popup .custom-form .form-row-submit .main-button, .message-popup .custom-form .form-row-submit .main-button, .name-change-popup .custom-form .form-row-submit .main-button {
	min-width: 120px;
	margin: 0 10px
}

.address-change-popup .hint-custom, .message-popup .hint-custom, .name-change-popup .hint-custom {
	position: static;
	display: inline-block;
	height: 14px;
	animation: none;
	transform: none
}

.address-change-popup .hint-custom.no-offset .hint-inner, .message-popup .hint-custom.no-offset .hint-inner, .name-change-popup .hint-custom.no-offset .hint-inner {
	top: 20px
}

.address-change-popup .hint-custom .hint-inner, .message-popup .hint-custom .hint-inner, .name-change-popup .hint-custom .hint-inner {
	top: 73px
}

.address-change-popup .hint-custom i, .message-popup .hint-custom i, .name-change-popup .hint-custom i {
	line-height: 14px
}

.address-change-popup .field-inputs [class^=col], .message-popup .field-inputs [class^=col], .name-change-popup .field-inputs [class^=col] {
	margin-bottom: 10px
}

.security-block {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.security-block img {
	margin-left: 15px;
	flex-shrink: 0
}

.thank-you-popup .popup-inner {
	max-width: 460px
}

@-webkit-keyframes passing-through {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30%, 70% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-40px)
	}
}

@-moz-keyframes passing-through {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30%, 70% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-40px)
	}
}

@keyframes passing-through {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30%, 70% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(-40px)
	}
}

@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-moz-keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes pulse {
	0% {
		transform: scale(1)
	}
	10% {
		transform: scale(1.1)
	}
	20% {
		transform: scale(1)
	}
}

@-moz-keyframes pulse {
	0% {
		transform: scale(1)
	}
	10% {
		transform: scale(1.1)
	}
	20% {
		transform: scale(1)
	}
}

.dropzone, .dropzone * {
	box-sizing: border-box
}

.dropzone {
	min-height: 130px;
	border-color: #e6e6e6 !important;
	border: 2px solid #e2e2e2;
	border-width: 2px;
	border-style: dashed;
	background: #fff;
	padding: 20px
}

.dropzone.dz-clickable {
	cursor: pointer
}

.dropzone.dz-clickable * {
	cursor: default
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
	cursor: pointer
}

.dropzone.dz-started .dz-message {
	display: none
}

.dropzone.dz-drag-hover {
	border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
	opacity: .5
}

.dropzone .dz-message {
	text-align: center;
	font-size: 18px;
	color: #666;
	margin: 2em 0
}

.dropzone .dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	min-height: 100px
}

.dropzone .dz-preview:hover {
	z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 20px;
	background: #999;
	background: linear-gradient(180deg, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
	opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
	background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
	font-size: 14px;
	text-align: center;
	display: block;
	cursor: pointer;
	border: none
}

.dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1
}

.dropzone .dz-preview .dz-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	color: rgba(0, 0, 0, .9);
	line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 1em;
	font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
	white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: 1px solid hsla(0, 0%, 78%, .8);
	background-color: hsla(0, 0%, 100%, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
	overflow: hidden;
	text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
	background-color: hsla(0, 0%, 100%, .4);
	padding: 0 .4em;
	border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
	transform: scale(1.05);
	-webkit-filter: blur(8px);
	filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
	border-radius: 20px;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	display: block;
	z-index: 10
}

.dropzone .dz-preview .dz-image img {
	display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
	animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
	pointer-events: none;
	opacity: 0;
	z-index: 500;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px
}

.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
	display: block;
	width: 54px;
	height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
	opacity: 1;
	transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
	opacity: 0;
	transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
	animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	width: 80px;
	margin-left: -40px;
	background: hsla(0, 0%, 100%, .9);
	-webkit-transform: scale(1);
	border-radius: 8px;
	overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
	background: #333;
	background: linear-gradient(180deg, #666, #444);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	transition: width .3s ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
	display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
	opacity: 1;
	pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
	pointer-events: none;
	z-index: 1000;
	position: absolute;
	display: block;
	display: none;
	opacity: 0;
	transition: opacity .3s ease;
	border-radius: 8px;
	font-size: 13px;
	top: 130px;
	left: -10px;
	width: 140px;
	background: #be2626;
	background: linear-gradient(180deg, #be2626, #a92222);
	padding: .5em 1.2em;
	color: #fff
}

.dropzone .dz-preview .dz-error-message:after {
	content: "";
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #be2626
}

@keyframes text-opacity {
	0% {
		color: transparent
	}
	to {
		color: #555
	}
}

@keyframes label {
	0% {
		transform: translateY(0)
	}
	55% {
		transform: translateY(5px)
	}
	to {
		transform: translateY(-36px)
	}
}

@keyframes label-back {
	0% {
		transform: translateY(-36px)
	}
	to {
		transform: translateY(0)
	}
}

@keyframes pulse {
	0% {
		transform: scaleX(1)
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		transform: scaleX(1)
	}
}

@keyframes top-down {
	0% {
		transform: translateY(0)
	}
	50% {
		transform: translateY(4px)
	}
	to {
		transform: translateY(0)
	}
}

@keyframes top-down-rotated {
	0% {
		transform: translateY(0) rotate(180deg)
	}
	50% {
		transform: translateY(4px) rotate(180deg)
	}
	to {
		transform: translateY(0) rotate(180deg)
	}
}

@keyframes stretch {
	0% {
		width: 100%;
		transform: translateX(0)
	}
	50% {
		width: 100%;
		transform: translateX(-300px)
	}
	to {
		width: 1170px;
		transform: translateX(-300px)
	}
}

@keyframes stretch-back {
	0% {
		width: 1170px;
		transform: translateX(-300px)
	}
	50% {
		width: 100%;
		transform: translateX(-300px)
	}
	to {
		width: 100%;
		transform: translateX(0)
	}
}

@keyframes shake {
	0%, to {
		transform: translateZ(0)
	}
	20%, 60% {
		transform: translate3d(-3px, 0, 0)
	}
	40%, 80% {
		transform: translate3d(3px, 0, 0)
	}
}

@keyframes tile-shake {
	0% {
		transform: rotate(45deg) translate(-12px, -5px)
	}
	50% {
		transform: rotate(45deg) translate(-7px, 1px)
	}
	to {
		transform: rotate(45deg) translate(-12px, -5px)
	}
}

.fsslider {
	position: relative;
	min-width: 150px;
	height: 44px;
	display: inline-block;
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000;
	text-align: center;
	line-height: 24px;
	font-size: 11px;
	font-family: Lucida Grande, Trebuchet MS, sans-serif
}

.fsslider > * {
	position: absolute;
	top: 50%;
	cursor: pointer
}

.fsslider > .fsfull-value, .fsslider > .fssel-value {
	margin-top: -8px;
	height: 15px;
	left: 0;
	right: 0
}

.fsslider > .fsfull-value {
	width: 100%;
	background: #d8d8d8;
	border-radius: 0
}

.fsslider > .fscaret, .fsslider > .fssel-left, .fsslider > .fssel-right {
	min-width: 60px;
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
	top: 0;
	font-size: 18px;
	line-height: 44px;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	color: #555;
	background: #fff;
	box-shadow: none
}

.fsslider > .fscaret:hover, .fsslider > .fssel-left:hover, .fsslider > .fssel-right:hover {
	border-color: #d82034;
	box-shadow: none
}

.fsslider > .fssel-value {
	background: #d82034;
	height: 15px;
	margin-top: -8px;
	right: 50%
}

.fsslider.fsdisabled {
	color: #c8c8c8
}

.fsslider.fsdisabled > .fssel-value {
	background: #c8c8c8
}

.carousel {
	width: 100%;
	margin: 35px auto 0;
	left: 0;
	overflow: hidden;
	box-sizing: border-box
}

.carousel .slick-slide:focus {
	outline: none
}

.carousel .slick-arrow {
	position: absolute;
	width: 50px;
	height: 80px;
	top: -20px;
	bottom: 0;
	margin: auto;
	font-size: 0;
	border: none;
	color: transparent;
	background-color: transparent;
	z-index: 3
}

.carousel .slick-arrow:focus, .carousel .slick-arrow:hover {
	outline: none;
	cursor: pointer
}

.carousel .slick-arrow:focus:after, .carousel .slick-arrow:focus:before, .carousel .slick-arrow:hover:after, .carousel .slick-arrow:hover:before {
	background-color: #d82034
}

.carousel .slick-arrow.slick-prev {
	left: -12px
}

.carousel .slick-arrow.slick-prev:after, .carousel .slick-arrow.slick-prev:before {
	left: 0;
	right: inherit
}

.carousel .slick-arrow.slick-prev:before {
	transform: rotate(-123deg) translateX(-13px)
}

.carousel .slick-arrow.slick-prev:after {
	transform: rotate(123deg) translateX(-14px)
}

.carousel .slick-arrow.slick-next {
	right: -12px
}

.carousel .slick-arrow:after, .carousel .slick-arrow:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 27px;
	height: 2px;
	background-color: #b3b3b3;
	transition: background-color .4s ease-in-out
}

.carousel .slick-arrow:before {
	transform: rotate(-57deg) translateX(-13px)
}

.carousel .slick-arrow:after {
	transform: rotate(57deg) translateX(-14px)
}

.carousel .slick-current .carousel-item {
	background-color: #d82034;
	transform: scale(1)
}

.carousel .slick-current .carousel-item:after {
	width: 70%
}

@media screen and (min-width: 2px) {
	.carousel .slick-current .carousel-item {
		opacity: .4;
		transform: scale(.4)
	}

	.carousel .slick-current .carousel-item:after {
		width: 50%
	}

	.carousel .slick-current + .slick-slide .carousel-item {
		opacity: .7;
		left: -25px;
		transform: scale(.7)
	}

	.carousel .slick-current + .slick-slide .carousel-item:after {
		width: 70%
	}

	.carousel .slick-current + .slick-slide + .slick-slide .carousel-item {
		opacity: 1;
		transform: scale(1);
		z-index: 2
	}

	.carousel .slick-current + .slick-slide + .slick-slide .carousel-item:after {
		width: 90%
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide .carousel-item {
		opacity: .7;
		left: 25px;
		transform: scale(.7)
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide .carousel-item:after {
		width: 70%
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .carousel-item {
		opacity: .4;
		transform: scale(.4)
	}

	.carousel .slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .carousel-item:after {
		width: 50%
	}
}

.carousel .carousel-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100px;
	height: 100px;
	padding: 0 5px;
	left: 0;
	margin: 0 auto 20px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: #d82034;
	opacity: 0;
	transform: scale(0);
	transition: transform .4s ease-in-out, left .4s ease-in-out, background-color .4s ease-in-out, background-color .4s ease-in-out, opacity .4s ease-in-out
}

@media screen and (min-width: 600px) {
	.carousel .carousel-item {
		width: 140px;
		height: 140px
	}
}

@media screen and (min-width: 992px) {
	.carousel .carousel-item {
		width: 160px;
		height: 160px
	}
}

.carousel .carousel-item:after {
	content: "";
	position: absolute;
	width: 80%;
	height: 10px;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
	border-radius: 50%;
	background-color: #e2e4e2;
	box-shadow: 0 0 10px 3px hsla(120, 4%, 89%, .75);
	transition: width .4s ease-in-out
}

.carousel .carousel-item .carousel-item-title {
	align-self: center;
	max-width: 100%;
	font-size: 16px;
	line-height: 1.3;
	word-wrap: break-word
}

@media screen and (min-width: 992px) {
	.carousel .carousel-item .carousel-item-title {
		font-size: 18px
	}
}

.carousel .o-badge {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 15px;
	width: 36px;
	height: 36px;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	color: #fff;
	background-color: #d82034
}

.carousel .o-badge:hover .o-badge-info {
	opacity: 1;
	transform: scale(1) translateY(0)
}

.carousel .o-badge-info {
	position: absolute;
	top: 53px;
	right: -80px;
	width: 270px;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	text-align: left;
	border-radius: 0;
	background-color: #d82034;
	box-sizing: border-box;
	opacity: 0;
	transform: scale(0) translateY(60px);
	z-index: 10;
	transition: .4s ease-out
}

.carousel .o-badge-info:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	right: 88px;
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.data-carousele-info {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.ui-datepicker {
	padding: 0;
	font-size: 16px;
	font-family: Legacy-Regular, serif;
	border-radius: 0;
	border: 1px solid #d82034;
	color: #333;
	background-color: #fff
}

.ui-datepicker, .ui-datepicker.below {
	margin-top: 18px
}

.ui-datepicker.below:before {
	top: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #d82034
}

.ui-datepicker.above {
	margin-top: -18px
}

.ui-datepicker.above:before {
	bottom: -14px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #d82034
}

.ui-datepicker.above:after {
	display: block;
	position: absolute;
	left: 16px;
	bottom: -13px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 13px solid #fff
}

.ui-datepicker:before {
	display: block;
	position: absolute;
	left: 15px
}

.ui-datepicker table {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.ui-datepicker tr {
	border: none
}

.ui-datepicker th {
	font-family: LegacySans, sans-serif;
	font-weight: 400
}

.ui-datepicker .ui-datepicker-week-col, .ui-datepicker td a {
	padding: 6px
}

.ui-datepicker select {
	font-family: Legacy-Regular, serif
}

.ui-datepicker .ui-datepicker-header {
	padding: 8px 0;
	font-family: LegacySans, sans-serif;
	font-weight: 400;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
	top: 10px;
	border: none;
	text-align: center;
	transition: opacity .4s ease-in-out
}

.ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover {
	border: none;
	opacity: .7;
	background-color: transparent
}

.ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before {
	content: "";
	display: inline-block;
	font: normal normal normal 24px/1 FontAwesome;
	text-rendering: auto;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.ui-datepicker .ui-datepicker-prev {
	left: 0
}

.ui-datepicker .ui-datepicker-prev:before {
	content: "\F104"
}

.ui-datepicker .ui-datepicker-next {
	right: 0
}

.ui-datepicker .ui-datepicker-next:before {
	content: "\F105"
}

.ui-datepicker .ui-datepicker-week-col {
	text-align: center
}

.ui-datepicker .ui-state-default {
	border: none;
	background-color: #f9f9f9;
	transition: background-color .4s ease-in-out
}

.ui-datepicker .ui-state-default:hover {
	background-color: #e6e6e6
}

.ui-datepicker .ui-state-highlight {
	box-shadow: inset 0 0 0 3px #d82034;
	box-sizing: border-box
}

.ui-datepicker .ui-datepicker-current-day .ui-state-active {
	color: #fff;
	background-color: #d82034
}

.ui-datepicker select {
	padding-left: 15px;
	padding-right: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(../img/select.svg);
	background-repeat: no-repeat;
	background-position: 100%;
	border-radius: 0;
	border: 2px solid #e2e2e2;
	box-shadow: none
}

.ui-datepicker select::-ms-expand {
	display: none
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
	margin-left: 5px
}

.ui-datepicker select.ui-datepicker-year {
	width: calc(49% - 5px)
}

.ui-widget-header {
	border: none;
	color: #fff;
	background-color: #d82034
}

.hidden-block {
	opacity: 0;
	transition: opacity .5s ease-in-out
}

.hidden-block.show {
	opacity: 1
}

.chart-preview {
	position: absolute;
	width: 160px;
	height: 160px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-size: 160px;
	color: #e6e6e6
}

.no-overflow svg {
	overflow: visible !important
}

@media screen and (max-width: 767px) {
	.highcharts-container, .no-overflow .highcharts-container {
		overflow: visible !important
	}
}

#contribution .highcharts-subtitle, #promotion .highcharts-subtitle {
	font-weight: 700
}

.tariff-result {
	min-height: 76px;
	margin-top: 40px;
	text-align: center
}

.tariff-result + .tariff-result {
	margin-top: 10px
}

.tariff-result.field-col-submit {
	padding-top: 20px
}

.tariff-result.field-col-submit .link-popover {
	position: absolute;
	top: -30px;
	right: 20px
}

@media screen and (min-width: 768px) {
	.tariff-result.field-col-submit {
		padding-right: 200px;
		padding-left: 200px
	}

	.tariff-result.field-col-submit .link-popover {
		top: -40px;
		right: 30px;
		font-size: 16px
	}
}

@media screen and (max-width: 479px) {
	.tariff-result {
		padding-left: 30px;
		padding-right: 30px
	}
}

.tariff-result .tariff-price {
	font-size: 30px;
	font-family: LegacySans, sans-serif;
	color: #d82034
}

.tariff-result .tariff-info {
	margin-bottom: 5px;
	font-size: 16px
}

.tariff-buttons {
	position: absolute;
	top: -4px;
	right: 5px;
	flex-direction: column
}

@media screen and (max-width: 767px) {
	.tariff-buttons {
		right: -10px
	}
}

@media screen and (max-width: 479px) {
	.tariff-buttons {
		top: 0
	}
}

.tariff-buttons.buttons-row button {
	width: 28px;
	padding: 0;
	margin-bottom: 10px;
	font-size: 18px;
	border: 1px solid #d82034
}

.tariff-explain {
	margin-top: 5px;
	color: #666
}

.main-wrapper.login-page .main-container, .main-wrapper.registration-page .main-container {
	background-image: none !important
}

.login-page header, .registration-page header {
	position: absolute;
	top: 0;
	width: 100%;
	border-bottom: 2px solid #d82034;
	background-color: #fff;
	z-index: 5;
	transition: transform .3s ease-in-out
}

.login-page header .header-inner, .registration-page header .header-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-flow: row nowrap;
	height: 120px;
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
	transition: height .3s ease-in-out
}

.login-page header .logo, .registration-page header .logo {
	position: relative;
	height: auto;
	width: auto
}

.login-page header .logo img, .registration-page header .logo img {
	vertical-align: bottom
}

.login-page header nav ul, .registration-page header nav ul {
	list-style-type: none;
	margin: 0
}

.login-page header nav ul li, .registration-page header nav ul li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	padding: 55px 0 41px
}

.login-page header nav ul li.active a:after, .login-page header nav ul li:hover a:after, .login-page header nav ul li a:after, .registration-page header nav ul li.active a:after, .registration-page header nav ul li:hover a:after, .registration-page header nav ul li a:after {
	opacity: 1
}

.login-page header nav ul li.active .submenu, .login-page header nav ul li .submenu, .login-page header nav ul li:hover .submenu, .registration-page header nav ul li.active .submenu, .registration-page header nav ul li .submenu, .registration-page header nav ul li:hover .submenu {
	display: block;
	padding: 10px 0;
	font-size: 16px;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	color: #fff;
	background-color: #d82034;
	box-shadow: none;
	transition: .3s ease-in-out
}

.login-page header nav ul li.active .submenu li, .login-page header nav ul li .submenu li, .login-page header nav ul li:hover .submenu li, .registration-page header nav ul li.active .submenu li, .registration-page header nav ul li .submenu li, .registration-page header nav ul li:hover .submenu li {
	position: relative;
	padding: 5px 20px;
	transition: .1s ease-in-out
}

.login-page header nav ul li.active .submenu li:hover, .login-page header nav ul li .submenu li:hover, .login-page header nav ul li:hover .submenu li:hover, .registration-page header nav ul li.active .submenu li:hover, .registration-page header nav ul li .submenu li:hover, .registration-page header nav ul li:hover .submenu li:hover {
	background-color: #e44758;
	cursor: pointer
}

.login-page header nav ul li.active .submenu a, .login-page header nav ul li .submenu a, .login-page header nav ul li:hover .submenu a, .registration-page header nav ul li.active .submenu a, .registration-page header nav ul li .submenu a, .registration-page header nav ul li:hover .submenu a {
	display: block;
	color: #fff;
	text-decoration: none
}

.login-page header nav ul li.active .submenu a:hover, .login-page header nav ul li .submenu a:hover, .login-page header nav ul li:hover .submenu a:hover, .registration-page header nav ul li.active .submenu a:hover, .registration-page header nav ul li .submenu a:hover, .registration-page header nav ul li:hover .submenu a:hover {
	color: #fff
}

.login-page header nav ul li.active .dropdown-one, .login-page header nav ul li .dropdown-one, .login-page header nav ul li:hover .dropdown-one, .registration-page header nav ul li.active .dropdown-one, .registration-page header nav ul li .dropdown-one, .registration-page header nav ul li:hover .dropdown-one {
	width: 150px;
	top: 124px;
	left: -37px
}

.login-page header nav ul li.active .dropdown-two, .login-page header nav ul li .dropdown-two, .login-page header nav ul li:hover .dropdown-two, .registration-page header nav ul li.active .dropdown-two, .registration-page header nav ul li .dropdown-two, .registration-page header nav ul li:hover .dropdown-two {
	top: -10px;
	left: 100%
}

.login-page header nav ul li.expanded:hover > .submenu, .registration-page header nav ul li.expanded:hover > .submenu {
	visibility: visible;
	opacity: 1;
	z-index: 2
}

.login-page header nav ul .expanded .expanded:after, .registration-page header nav ul .expanded .expanded:after {
	content: "";
	position: absolute;
	display: block;
	top: 11px;
	right: 12px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	transition: transform .3s ease-in-out
}

.login-page header nav ul .expanded .expanded:hover:after, .registration-page header nav ul .expanded .expanded:hover:after {
	transform: rotate(45deg)
}

.login-page header nav ul.dropdown-one, .login-page header nav ul.dropdown-two, .registration-page header nav ul.dropdown-one, .registration-page header nav ul.dropdown-two {
	position: absolute;
	margin: 0;
	padding: 0
}

.login-page header nav ul.dropdown-one li, .login-page header nav ul.dropdown-two li, .registration-page header nav ul.dropdown-one li, .registration-page header nav ul.dropdown-two li {
	display: block;
	margin: 0
}

.login-page header nav > ul > li > a, .registration-page header nav > ul > li > a {
	display: inline-block;
	vertical-align: top;
	font-family: LegacySans, sans-serif;
	font-size: 16px;
	color: #666;
	text-decoration: none;
	text-transform: uppercase
}

.login-page header nav > ul > li > a:after, .registration-page header nav > ul > li > a:after {
	content: "";
	display: block;
	width: calc(100% + 20px);
	height: 15px;
	margin-top: -9px;
	margin-left: -10px;
	border-bottom: 2px solid #d82034;
	opacity: 0;
	transition: .3s ease-in-out
}

.login-page header .burger-menu, .login-page header .open-submenu, .registration-page header .burger-menu, .registration-page header .open-submenu {
	display: none
}

@media screen and (max-width: 1079px) {
	.login-page header nav ul li, .registration-page header nav ul li {
		margin: 0 15px
	}
}

@media screen and (max-width: 1023px) {
	.login-page header .header-inner, .registration-page header .header-inner {
		height: 60px;
		flex-flow: row wrap
	}

	.login-page header nav, .registration-page header nav {
		height: calc(100% - 62px);
		position: fixed;
		width: 100%;
		top: 62px;
		left: 0;
		padding-bottom: 20px;
		overflow-y: auto;
		background-color: #666;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		transition: .5s ease-in-out
	}

	.login-page header nav ul, .registration-page header nav ul {
		padding: 0
	}

	.login-page header nav ul li, .registration-page header nav ul li {
		display: block;
		padding: 20px 0 10px;
		margin-left: 30px;
		margin-right: 30px;
		border-bottom: 1px solid #e6e6e6
	}

	.login-page header nav ul li:last-child, .registration-page header nav ul li:last-child {
		border-bottom: none
	}

	.login-page header nav ul li .submenu, .login-page header nav ul li:hover .submenu, .registration-page header nav ul li .submenu, .registration-page header nav ul li:hover .submenu {
		width: 100%;
		opacity: 1;
		padding: 0;
		visibility: visible;
		position: static;
		background-color: transparent;
		box-shadow: none
	}

	.login-page header nav ul li .submenu li, .login-page header nav ul li:hover .submenu li, .registration-page header nav ul li .submenu li, .registration-page header nav ul li:hover .submenu li {
		padding: 10px 0;
		margin-left: 20px
	}

	.login-page header nav ul li .submenu li:hover, .login-page header nav ul li:hover .submenu li:hover, .registration-page header nav ul li .submenu li:hover, .registration-page header nav ul li:hover .submenu li:hover {
		background-color: transparent
	}

	.login-page header nav ul li .submenu a, .login-page header nav ul li:hover .submenu a, .registration-page header nav ul li .submenu a, .registration-page header nav ul li:hover .submenu a {
		display: inline-block
	}

	.login-page header nav ul .expanded .expanded:after, .registration-page header nav ul .expanded .expanded:after {
		display: none
	}

	.login-page header nav > ul, .registration-page header nav > ul {
		padding-bottom: 30px
	}

	.login-page header .logo, .registration-page header .logo {
		top: 2px;
		width: auto
	}

	.login-page header .logo img, .registration-page header .logo img {
		height: 50px
	}

	.login-page header .burger-menu, .registration-page header .burger-menu {
		display: block;
		position: relative;
		width: 21px;
		height: 17px;
		border-top: 3px solid #d82034;
		border-bottom: 3px solid #d82034;
		cursor: pointer;
		transition: all .3s
	}

	.login-page header .burger-menu:after, .login-page header .burger-menu:before, .registration-page header .burger-menu:after, .registration-page header .burger-menu:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 3px;
		background: #d82034;
		transition: all .3s
	}

	.login-page header nav > ul > li > a, .registration-page header nav > ul > li > a {
		color: #fff
	}

	.login-page header nav > ul > li > a:after, .registration-page header nav > ul > li > a:after {
		display: none
	}

	.login-page header .open-submenu, .registration-page header .open-submenu {
		display: block;
		float: right;
		border: none;
		background-color: transparent;
		transition: .3s ease-in-out
	}

	.login-page header .open-submenu:focus, .registration-page header .open-submenu:focus {
		outline: none
	}

	.login-page header .open-submenu i, .registration-page header .open-submenu i {
		font-size: 30px;
		line-height: 18px;
		color: #666
	}

	.login-page header .open-submenu + ul, .registration-page header .open-submenu + ul {
		overflow: hidden;
		max-height: 0;
		transition: .5s ease-in-out !important
	}

	.login-page header .open-submenu.show-submenu, .registration-page header .open-submenu.show-submenu {
		transform: rotate(180deg)
	}

	.login-page header .open-submenu.show-submenu + ul, .registration-page header .open-submenu.show-submenu + ul {
		margin: 10px 0;
		max-height: 650px
	}

	.login-page header .submenu .open-submenu i, .registration-page header .submenu .open-submenu i {
		font-size: 21px
	}
}

@media screen and (max-width: 767px) {
	.login-page header .header-inner, .registration-page header .header-inner {
		padding: 0 15px
	}

	.login-page header nav ul li, .registration-page header nav ul li {
		margin: 0 20px;
		padding-left: 0;
		padding-right: 0
	}
}

.login-page .login-banner, .registration-page .login-banner {
	width: 100%;
	height: 200px;
	background-image: url("../img/login-banner-swisslife-2.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

@media screen and (min-width: 768px) {
	.login-page .login-banner, .registration-page .login-banner {
		height: 350px
	}
}

.fixed-nav header {
	position: fixed;
	top: -60px;
	left: 0;
	width: 100%;
	height: 60px;
	transform: translateY(60px);
	z-index: 10
}

.fixed-nav header .header-inner {
	height: 60px;
	transition: none
}

.fixed-nav header .logo {
	top: 0
}

.fixed-nav header nav ul li {
	padding: 21px 0 10px
}

.fixed-nav header nav ul li .dropdown-one {
	top: 62px
}

@media screen and (max-width: 1023px) {
	.fixed-nav header nav {
		position: absolute;
		height: 100vh
	}

	.fixed-nav header nav > ul {
		padding-bottom: 0;
		margin-bottom: 150px
	}

	.fixed-nav header .logo {
		top: 5px
	}
}

@media screen and (max-width: 767px) {
	.fixed-nav header nav ul li {
		padding-left: 0;
		padding-right: 0
	}
}

.opened-nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	overflow-y: scroll
}

.opened-nav .burger-menu {
	border-color: transparent !important
}

.opened-nav .burger-menu:after, .opened-nav .burger-menu:before {
	transform-origin: 50% 50%
}

.opened-nav .burger-menu:before {
	transform: rotate(45deg)
}

.opened-nav .burger-menu:after {
	transform: rotate(-45deg)
}

.opened-nav header nav {
	opacity: 1;
	visibility: visible;
	z-index: 5
}

.login-block, .registration-block {
	justify-content: inherit;
	padding: 60px 0 40px
}

@media screen and (min-width: 1024px) {
	.login-block, .registration-block {
		padding-top: 120px
	}
}

.login-form, .registration-form {
	max-width: 800px
}

@media screen and (min-width: 768px) {
	.login-form, .registration-form {
		margin-top: 40px;
		border: 4px solid #e2e2e2
	}
}

.login-form form, .registration-form form {
	width: 100%
}

@media screen and (min-width: 768px) {
	.login-form form, .registration-form form {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media screen and (max-width: 767px) {
	.login-form form .row, .registration-form form .row {
		margin-left: 0;
		margin-right: 0
	}

	.login-form form .form-row, .registration-form form .form-row {
		padding-left: 15px;
		padding-right: 0
	}
}

.login-form h1, .registration-form h1 {
	margin-bottom: 0;
	color: #333
}

.login-form .forgot-link, .registration-form .forgot-link {
	font-size: 14px
}

.login-form input[type=password], .login-form input[type=text], .registration-form input[type=password], .registration-form input[type=text] {
	color: transparent;
	animation: text-opacity .3s .3s ease forwards
}

.registration-form {
	max-width: 500px
}

@media screen and (min-width: 768px) {
	.registration-form form {
		padding-left: 0;
		padding-right: 0
	}
}

@media screen and (max-width: 767px) {
	.registration-form form .form-row, .registration-form form .form-row-checkbox {
		padding-left: 0;
		padding-right: 0
	}

	.registration-form form .captcha-row {
		padding-left: 10px
	}
}

@media screen and (min-width: 768px) {
	.registration-form .form-row-submit {
		padding-left: 0
	}
}

.login-info {
	margin-top: 0;
	padding-top: 0;
	padding-left: 40px;
	border-top: none
}

@media screen and (max-width: 767px) {
	.login-info {
		margin-top: 40px;
		padding-left: 0;
		padding-right: 0;
		border-top: 1px solid #dcdcdc
	}
}

@media screen and (min-width: 768px) {
	.login-info:before {
		content: "";
		display: block;
		background-color: #dcdcdc;
		width: 1px;
		height: 180px;
		position: absolute;
		top: 60px;
		left: 20px
	}
}

.login-info h4 {
	margin: 10px 0 40px;
	font-size: 18px
}

@media screen and (max-width: 767px) {
	.login-info h4 {
		margin-top: 20px;
		margin-bottom: 10px
	}
}

.login-info p {
	text-align: justify;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: .3px
}

.login-info .fa-info-circle {
	font-size: 19px
}

.banner-full-width {
	height: 200px;
	background-image: url("../img/banner-full-width.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

@media screen and (min-width: 768px) {
	.banner-full-width {
		height: 350px
	}
}

.login-notice {
	max-width: 350px;
	margin: 0 auto 20px;
	font-size: 14px
}

.login-notice, .login-notice a {
	color: #929292
}

.login-notice a {
	text-decoration: underline;
	transition: color .2s ease-in-out
}

.login-notice a:hover {
	text-decoration: none;
	color: #d82034
}

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

.tab-nav li {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	padding: 10px;
	margin-top: 5px;
	font-family: legacy-sans-book, sans-serif;
	font-size: 17px;
	border-bottom: 5px solid transparent;
	cursor: pointer;
	transition: .3s ease-in-out
}

.tab-nav li.active, .tab-nav li:hover:not(.disabled) {
	border-color: #d82034
}

.tab-nav li.disabled {
	color: #bfbfbf;
	cursor: not-allowed
}

.tab-nav li:not(:last-child):after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2px;
	margin: auto;
	width: 1px;
	height: 10px;
	background-color: #666
}

.tab-nav + .filter.functional-block {
	margin-top: 0
}

.screen-locker {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10001;
	animation: opacity .4s ease-in-out forwards;
	background-color: hsla(0, 0%, 100%, .8)
}

.screen-locker .c-spinner__orbit {
	stroke: #e6e6e6
}

.screen-locker .c-spinner__indicator {
	stroke: #d82034;
	stroke-dasharray: 110px;
	stroke-dashoffset: 110px;
	-webkit-animation: spinner-dash 2s linear infinite;
	animation: spinner-dash 2s linear infinite
}

.c-spinner {
	width: 44px;
	height: 44px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg) svg;
	transform-width: 44px;
	transform-height: 44px
}

.c-spinner circle {
	cx: 22px;
	cy: 22px;
	r: 19px;
	stroke-width: 3
}

.c-spinner.c-spinner--center {
	margin-right: auto;
	margin-left: auto
}

@-webkit-keyframes spinner-dash {
	0% {
		stroke-dashoffset: 110px
	}
	50% {
		stroke-dashoffset: 0
	}
	to {
		stroke-dashoffset: -110px
	}
}

@keyframes spinner-dash {
	0% {
		stroke-dashoffset: 110px
	}
	50% {
		stroke-dashoffset: 0
	}
	to {
		stroke-dashoffset: -110px
	}
}

@keyframes opacity {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes rotation-small {
	0% {
		transform: rotate(0deg) scale(.5)
	}
	to {
		transform: rotate(1turn) scale(.5)
	}
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
	.c-spinner svg {
		animation: rotation 1.5s linear infinite
	}

	.uppy-uploaded-files .c-spinner svg {
		position: relative;
		top: -11px;
		left: -11px;
		animation: rotation-small .5s linear infinite
	}
}

@media screen and (min-width: 0\0
) {
	.c-spinner {
		animation: fallback-rotate 2s linear infinite
	}

	.c-spinner .c-spinner__indicator {
		stroke-dasharray: 55px
	}
}

.component-locker {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1400;
	animation: opacity .4s ease-in-out forwards;
	background-color: #fbfbfb
}

.component-locker .c-spinner__orbit {
	stroke: #e6e6e6
}

.component-locker .c-spinner__indicator {
	stroke: #d82034;
	stroke-dasharray: 110px;
	stroke-dashoffset: 110px;
	-webkit-animation: spinner-dash 2s linear infinite;
	animation: spinner-dash 2s linear infinite
}

.alert-wrapper {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	animation: opacity .4s ease-in-out forwards;
	z-index: 1100
}

.alert-wrapper.js-is-not-loaded {
	opacity: 0
}

.alert-wrapper.js-is-loaded .alert-container, .alert-wrapper.js-is-loaded > .alert-message {
	transition: .35s ease
}

.alert-container.is-closed {
	height: 0 !important
}

.alert-container.is-closed > .alert-message {
	transform: translateY(-100%)
}

.alert-message {
	width: 100%;
	padding: 14px 20px;
	margin-bottom: 2px;
	color: #fff;
	background-color: #e37976;
	box-shadow: 0 0 10px 0 #e37976;
	transform: translateY(0)
}

.alert-message.alert-message-regular {
	color: #a94442
}

.alert-message.alert-message-warning {
	color: #fff;
	background-color: #acacac;
	box-shadow: 0 0 10px 0 #acacac
}

.alert-message .alert-message-error {
	color: #fff;
	background-color: #e37976;
	box-shadow: 0 0 10px 0 #e37976
}

.alert-message .alert-message-inner {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 0;
	padding-right: 34px;
	position: relative
}

.alert-close {
	position: absolute;
	top: 2px;
	right: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 0;
	opacity: .8;
	background-color: transparent;
	transition: opacity .2s ease-in-out;
	cursor: pointer;
	outline: none
}

.alert-close:after, .alert-close:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 2px;
	background-color: #fff;
	transition: transform .4s ease-in-out
}

.alert-close:before {
	transform: rotate(45deg)
}

.alert-close:after {
	transform: rotate(-45deg)
}

.alert-close:hover {
	opacity: 1
}

.alert-message-regular .alert-close:before {
	color: #a94442
}

.alert-message-error .alert-close:before, .alert-message-warning .alert-close:before {
	color: #fff
}

.pointer {
	cursor: pointer
}

.dual-field > .form-group + .form-group {
	margin-top: 10px
}

@media screen and (min-width: 768px) {
	.dual-field > .form-group {
		display: inline-block;
		vertical-align: top;
		width: 48%
	}

	.dual-field > .form-group + .form-group {
		margin-top: 0;
		margin-left: 4%
	}
}

.dual-field .form-control {
	flex-shrink: 1;
	display: inline-block !important;
	min-width: 50%
}

.sidebar-menu {
	position: fixed;
	top: 40%;
	right: 0;
	margin: auto;
	font-size: 23px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	transform: translateX(100%) translateX(-47px);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	transition: transform .4s ease-in-out;
	z-index: 2
}

.sidebar-menu:hover {
	transform: translateX(0)
}

.sidebar-menu a {
	display: block;
	padding: 10px 13px;
	transition: background-color .1s ease-in-out
}

.sidebar-menu a.active, .sidebar-menu a:hover {
	background-color: #d82034
}

.sidebar-menu a.active .fa, .sidebar-menu a.active span, .sidebar-menu a:hover .fa, .sidebar-menu a:hover span {
	color: #fff
}

.sidebar-menu a:active {
	text-decoration: none
}

.sidebar-menu .fa {
	display: inline-block;
	width: 23px;
	margin-right: 10px;
	text-align: center;
	color: #d82034;
	transition: color .1s ease-in-out
}

.sidebar-menu span {
	font-size: 21px;
	font-family: Legacy-Regular, serif;
	color: #666;
	transition: color .1s ease-in-out
}

.funding-rate {
	padding: 20px;
	background-color: #fff;
	font-size: 18px;
	text-align: center
}

.funding-rate .price {
	font-weight: 700;
	color: #666
}

@media screen and (min-width: 768px) {
	.funding-rate {
		padding-top: 40px
	}
}

.result-details-block {
	max-height: 0;
	text-align: left;
	overflow: hidden;
	transition: max-height .2s ease-in-out, padding-top .2s ease-in-out
}

.result-details-block.opened {
	max-height: 700px;
	padding-top: 45px
}

.result-details-block .result-details-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
	padding-left: 90px
}

@media screen and (min-width: 768px) {
	.result-details-block .result-details-item {
		width: 49%
	}

	.result-details-block .result-details-item:nth-child(odd) {
		padding-right: 20px
	}

	.result-details-block .result-details-item:nth-child(2n) {
		padding-left: 90px
	}
}

@media screen and (max-width: 767px) {
	.result-details-block .result-details-col:not(:last-child) {
		margin-bottom: 20px
	}
}

.result-details-block img {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px
}

.result-details-block h3 {
	margin-bottom: 10px;
	font-family: legacy-sans-bold, sans-serif
}

.result-details-block p {
	font-size: 17px;
	line-height: 1.4
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
	margin-left: -8px;
	position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
	box-sizing: content-box;
	position: absolute;
	border: 8px solid transparent;
	height: 0;
	width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
	content: "";
	z-index: -1;
	border-width: 8px;
	left: -8px;
	border-bottom-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
	top: 0;
	margin-top: -8px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
	border-top: none;
	border-bottom-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
	top: -1px;
	border-bottom-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
	bottom: 0;
	margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow:before {
	border-bottom: none;
	border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
	border-top-color: #e2e2e2
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, .react-datepicker__month-read-view--down-arrow:before, .react-datepicker__month-year-read-view--down-arrow:before, .react-datepicker__year-read-view--down-arrow:before {
	bottom: -1px;
	border-top-color: #e2e2e2
}

.react-datepicker-wrapper {
	display: inline-block
}

.react-datepicker-wrapper .form-control {
	width: 100% !important
}

.react-datepicker-wrapper input.react-datepicker-ignore-onclickoutside::-ms-clear {
	display: none
}

.react-datepicker {
	display: inline-block;
	position: relative;
	color: #000;
	background: none;
	border: none;
	border-radius: 0;
	font-family: legacy-sans-book, sans-serif;
	font-size: 10px;
	line-height: 18px
}

@media screen and (min-width: 480px) {
	.react-datepicker {
		font-size: 13px
	}
}

@media screen and (min-width: 768px) {
	.react-datepicker {
		font-size: 15px
	}
}

.react-datepicker--time-only .react-datepicker__triangle {
	left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
	border-left: 0
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
	border-radius: 0
}

.react-datepicker__triangle {
	position: absolute;
	left: 50px
}

.react-datepicker-popper {
	z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
	margin-top: 10px
}

.react-datepicker-popper[data-placement^=top] {
	margin-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
	margin-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
	left: auto;
	right: 42px
}

.react-datepicker-popper[data-placement^=left] {
	margin-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
	left: 42px;
	right: auto
}

.react-datepicker__header {
	padding-top: .8em;
	background-color: #e2e2e2;
	text-align: center;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative
}

.react-datepicker__header--time {
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
	display: inline-block;
	margin: 0 2px
}

.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
	margin-top: 0;
	color: #333;
	font-weight: 700;
	font-size: .944em
}

.react-datepicker-time__header {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.react-datepicker__navigation {
	background: none;
	line-height: 1.7rem;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 10px;
	padding: 0;
	border: .45rem solid transparent;
	z-index: 1;
	height: 10px;
	width: 10px;
	text-indent: -999em;
	overflow: hidden
}

.react-datepicker__navigation--previous {
	left: 10px;
	border-right-color: #666
}

.react-datepicker__navigation--previous:hover {
	border-right-color: #333
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
	border-right-color: #e2e2e2;
	cursor: default
}

.react-datepicker__navigation--next {
	right: 10px;
	border-left-color: #666
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
	right: 80px
}

.react-datepicker__navigation--next:hover {
	border-left-color: #333
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
	border-left-color: #e2e2e2;
	cursor: default
}

.react-datepicker__navigation--years {
	position: relative;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.react-datepicker__navigation--years-previous {
	top: 4px;
	border-top-color: #666
}

.react-datepicker__navigation--years-previous:hover {
	border-top-color: #333
}

.react-datepicker__navigation--years-upcoming {
	top: -4px;
	border-bottom-color: #666
}

.react-datepicker__navigation--years-upcoming:hover {
	border-bottom-color: #333
}

.react-datepicker__month-container {
	float: left;
	color: #666;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	border-right: none
}

.react-datepicker__month {
	margin: .4em 1em;
	text-align: center
}

.react-datepicker__month .react-datepicker__month-text {
	display: inline-block;
	width: 4rem;
	margin: 2px
}

.react-datepicker__input-time-container {
	clear: both;
	width: 100%;
	float: left;
	margin: 5px 0 10px 15px;
	text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
	display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
	display: inline-block;
	margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
	width: 85px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
	-moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
	margin-left: 5px;
	display: inline-block
}

.react-datepicker__time-container {
	width: 72px;
	float: right;
	border: 2px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-radius: 0
}

@media screen and (min-width: 768px) {
	.react-datepicker__time-container {
		width: 80px
	}
}

.react-datepicker__time-container--with-today-button {
	display: inline;
	border: 2px solid #e2e2e2;
	border-radius: 0;
	position: absolute;
	right: -72px;
	top: 0
}

.react-datepicker__time-container .react-datepicker__time {
	position: relative;
	background: #fff
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
	width: 70px;
	overflow-x: hidden;
	margin: 0 auto;
	text-align: center
}

@media screen and (min-width: 768px) {
	.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
		width: 78px
	}
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
	list-style: none;
	margin: 0;
	height: calc(195px + 0.85rem);
	overflow-y: scroll;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
	box-sizing: content-box;
	overflow-x: hidden
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
	display: block;
	height: 30px;
	padding: 5px;
	text-align: center;
	line-height: 20px;
	white-space: nowrap;
	margin-bottom: 0
}

@media screen and (min-width: 768px) {
	.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
		font-size: .9em
	}
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
	cursor: pointer;
	background-color: #f9f9f9
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
	background-color: #e44758;
	color: #fff;
	font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
	background-color: #d82034
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
	color: #e2e2e2
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
	cursor: default;
	background-color: transparent
}

.react-datepicker__week-number {
	color: #666;
	display: inline-block;
	width: 1.7rem;
	line-height: 1.7rem;
	text-align: center;
	margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
	cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
	border-radius: 0;
	background-color: #f9f9f9
}

.react-datepicker__day-names, .react-datepicker__week {
	white-space: nowrap
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
	color: #333;
	display: inline-block;
	width: 1.9em;
	line-height: 1.9em;
	margin: .166em;
	text-align: center
}

.react-datepicker__day:hover {
	border-radius: 0
}

.react-datepicker__month--in-range, .react-datepicker__month--in-selecting-range, .react-datepicker__month--selected {
	border-radius: 0;
	background-color: #d82034;
	color: #fff
}

.react-datepicker__month--in-range:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--selected:hover {
	background-color: #d82034
}

.react-datepicker__month--disabled {
	color: #666;
	pointer-events: none
}

.react-datepicker__month--disabled:hover {
	cursor: default;
	background-color: transparent
}

.react-datepicker__day, .react-datepicker__month-text {
	cursor: pointer
}

.react-datepicker__day:hover, .react-datepicker__month-text:hover {
	border-radius: 0;
	background-color: #f9f9f9
}

.react-datepicker__day--today, .react-datepicker__month-text--today {
	font-weight: 700
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted {
	border-radius: 0;
	background-color: #55b356;
	color: #fff
}

.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover {
	background-color: #429343
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1 {
	color: #f0f
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2 {
	color: green
}

.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected {
	border-radius: 0;
	background-color: #d82034;
	color: #fff
}

.react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover {
	background-color: #ac1929
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected {
	border-radius: 0;
	background-color: #d82034;
	color: #fff
}

.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover {
	background-color: #d82034
}

.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range {
	background-color: fade(#d82034, 50%)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range {
	background-color: #f9f9f9;
	color: #000
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled {
	cursor: default;
	color: #e6e6e6
}

.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover {
	background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__month--selected:hover {
	background-color: #d82034
}

.react-datepicker__month-text:hover {
	background-color: #f9f9f9
}

.react-datepicker__input-container {
	position: relative;
	display: inline-block
}

.react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view {
	border: 1px solid transparent;
	border-radius: 0
}

.react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover {
	cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
	border-top-color: #e2e2e2
}

.react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
	border-top-color: #e2e2e2;
	float: right;
	margin-left: 20px;
	top: 8px;
	position: relative;
	border-width: .45rem
}

.react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
	background-color: #f9f9f9;
	position: absolute;
	width: 50%;
	left: 25%;
	top: 30px;
	z-index: 1;
	text-align: center;
	border-radius: 0;
	border: 1px solid #e2e2e2
}

.react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover {
	cursor: pointer
}

.react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable {
	height: 150px;
	overflow-y: scroll
}

.react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option {
	line-height: 20px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover {
	background-color: #e2e2e2
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
	border-bottom-color: #666
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
	border-top-color: #666
}

.react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected {
	position: absolute;
	left: 15px
}

.react-datepicker__close-icon {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	outline: 0;
	padding: 0;
	vertical-align: middle;
	position: absolute;
	height: 16px;
	width: 16px;
	top: 25%;
	right: 7px
}

.react-datepicker__close-icon:after {
	background-color: #d82034;
	border-radius: 50%;
	bottom: 0;
	box-sizing: border-box;
	color: #fff;
	content: "\D7";
	cursor: pointer;
	font-size: 12px;
	height: 16px;
	width: 16px;
	line-height: 1;
	margin: -8px auto 0;
	padding: 2px;
	position: absolute;
	right: 0;
	text-align: center
}

.react-datepicker__today-button {
	color: #333;
	background-color: #e2e2e2;
	border: none;
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	padding: 5px 0;
	clear: left
}

.react-datepicker__portal {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .8);
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
	width: 3rem;
	line-height: 3rem
}

@media (max-height: 550px),(max-width: 400px) {
	.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
		width: 2rem;
		line-height: 2rem
	}
}

.react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
	font-size: 1em
}

.react-datepicker__portal .react-datepicker__navigation {
	top: .9em;
	line-height: 1.7em;
	border: .45em solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
	width: 0;
	height: 0;
	border-right-color: #666;
	left: 1em
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
	border-right-color: #333
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
	border-right-color: #e6e6e6;
	cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
	width: 0;
	height: 0;
	border-left-color: #666;
	right: 1em
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
	border-left-color: #333
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
	border-left-color: #e6e6e6;
	cursor: default
}

.react-datepicker-popper + .input-group-addon, .react-datepicker-wrapper:focus + .input-group-addon {
	color: #fff !important;
	background-color: #d82034 !important;
	border-color: #d82034 !important
}

.functional-block .input-group.strict-width {
	display: flex
}

.functional-block .input-group.strict-width .input-group-addon {
	flex: 1 1 auto;
	width: auto;
	font-size: 12px;
	line-height: 44px;
	padding: 0 12px;
	height: 44px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
	.functional-block .input-group.strict-width .input-group-addon {
		line-height: 40px
	}
}

@media screen and (min-width: 480px) {
	.functional-block .input-group.strict-width .input-group-addon {
		font-size: 14px
	}
}

.functional-block .filter-col .input-group-addon {
	line-height: 44px
}

.form-group.has-feedback {
	z-index: 1
}

.uppy-Root {
	box-sizing: border-box;
	font-family: Legacy-Regular, serif;
	font-size: 12px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: left;
	position: relative;
	color: #333
}

.uppy-Root *, .uppy-Root :after, .uppy-Root :before {
	box-sizing: inherit
}

.uppy-Root [hidden] {
	display: none
}

.uppy-Root :focus {
	box-shadow: none !important
}

.UppyIcon {
	max-width: 100%;
	max-height: 100%;
	fill: currentColor;
	display: inline-block;
	overflow: hidden
}

.UppyIcon--svg-baseline {
	bottom: -.125em;
	position: relative
}

.uppy-u-reset {
	-webkit-appearance: none;
	padding: 0;
	margin: 0;
	border: 0;
	color: inherit;
	backface-visibility: visible;
	background: none;
	border: medium none currentColor;
	border-collapse: separate;
	border-image: none;
	border-radius: 0;
	border-spacing: 0;
	box-shadow: none;
	clear: none;
	cursor: auto;
	display: inline;
	empty-cells: show;
	float: none;
	font-size: inherit;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-stretch: normal;
	hyphens: none;
	left: auto;
	letter-spacing: normal;
	list-style: none;
	max-height: none;
	max-width: none;
	min-height: 0;
	min-width: 0;
	opacity: 1;
	outline: medium none invert;
	overflow: visible;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	text-shadow: none;
	text-transform: none;
	top: auto;
	transform: none;
	transform-origin: 50% 50% 0;
	transform-style: flat;
	transition: none 0s ease 0s;
	unicode-bidi: normal;
	vertical-align: baseline;
	visibility: visible;
	white-space: normal;
	z-index: auto
}

.uppy-c-btn, .uppy-u-reset {
	line-height: 1;
	font-family: inherit
}

.uppy-c-btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 500;
	transition: background-color .3s;
	user-select: none
}

.uppy-c-btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

.uppy-c-btn::-moz-focus-inner {
	border: 0
}

.uppy-c-btn-primary {
	height: 30px;
	padding: 0 12px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background-color: #d82034;
	border-radius: 2px
}

.uppy-c-btn-primary:hover {
	background-color: #e44758
}

.uppy-c-btn-link {
	font-size: 14px;
	line-height: 1;
	padding: 10px 15px;
	border-radius: 4px;
	background-color: transparent;
	color: #525252
}

.uppy-c-btn-link:hover {
	color: #333
}

.uppy-c-btn--small {
	font-size: .9em;
	padding: 7px 16px;
	border-radius: 2px
}

.uppy-size--md .uppy-c-textInput {
	padding: 8px 10px
}

.uppy-size--md .uppy-c-btn-primary {
	padding: 13px 22px
}

.uppy-size--md .uppy-c-btn-link {
	padding: 13px 18px
}

.uppy-size--md .uppy-c-btn--small {
	padding: 8px 10px;
	border-radius: 2px
}

.uppy-Informer {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 1;
	transform: none;
	transition: all .25s ease-in;
	z-index: 1005
}

.uppy-Informer[aria-hidden=true] {
	opacity: 0;
	transform: translateY(350%);
	transition: all .3s ease-in;
	z-index: -1000
}

.uppy-Informer p {
	display: inline-block;
	margin: 0;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 400;
	padding: 6px 15px;
	border-radius: 0;
	color: #fff;
	background-color: #e37976;
	box-shadow: 0 0 10px 0 #e37976;
	max-width: 90%
}

.uppy-size--md .uppy-Informer p {
	font-size: 14px;
	line-height: 1.3;
	max-width: 500px;
	padding: 10px 20px
}

.uppy-Informer span[role~=tooltip] {
	display: none
}

.uppy-StatusBar {
	display: flex;
	position: relative;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	background-color: #fff;
	z-index: 1001;
	transition: height .2s
}

.uppy-StatusBar:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #e2e2e2
}

.uppy-StatusBar[aria-hidden=true] {
	overflow-y: hidden;
	height: 0
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
	background-color: #55b356
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
	background-color: #e37976
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
	color: #55b356
}

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
	color: #e37976
}

.uppy-size--md .uppy-StatusBar {
	height: 46px
}

.uppy-StatusBar-progress {
	background-color: #e44758;
	height: 2px;
	position: absolute;
	z-index: 1001;
	transition: background-color, width .3s ease-out
}

.uppy-StatusBar.is-waiting[aria-hidden=true] {
	display: none
}

.uppy-StatusBar-content {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1003;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
	height: 100%
}

.uppy-size--md .uppy-StatusBar-content {
	padding-left: 15px
}

.uppy-StatusBar-status {
	line-height: 1.4;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: .3em
}

.uppy-Root:not(.uppy-size--md) .uppy-StatusBar-additionalInfo {
	display: none
}

.uppy-StatusBar-statusPrimary {
	font-weight: 500
}

.uppy-StatusBar-statusSecondary {
	margin-top: 1px;
	font-size: 11px;
	line-height: 1.2;
	display: inline-block;
	color: #757575;
	white-space: nowrap
}

.uppy-StatusBar-statusSecondaryHint {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	line-height: 1
}

.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
	margin-right: 8px
}

.uppy-StatusBar-statusIndicator {
	position: relative;
	top: 1px;
	color: #525252;
	margin-right: 7px
}

.uppy-StatusBar-statusIndicator svg {
	vertical-align: text-bottom
}

.uppy-StatusBar-actions {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	z-index: 1004
}

.uppy-StatusBar-actionCircleBtn {
	line-height: 1;
	cursor: pointer;
	margin: 3px;
	opacity: .9
}

.uppy-StatusBar-actionCircleBtn:focus {
	outline: none
}

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
	border: 0
}

.uppy-StatusBar-actionCircleBtn:focus {
	box-shadow: 0 0 0 3px rgba(34, 117, 215, .5)
}

.uppy-StatusBar-actionCircleBtn:hover {
	opacity: 1
}

.uppy-StatusBar-actionCircleBtn:focus {
	border-radius: 50%
}

.uppy-StatusBar-actionCircleBtn svg {
	vertical-align: bottom
}

.uppy-StatusBar-actionCircleBtn g circle {
	fill: #666 !important
}

.uppy-StatusBar-actionBtn {
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	line-height: inherit;
	color: #2275d7
}

.uppy-size--md .uppy-StatusBar-actionBtn {
	font-size: 11px
}

.uppy-StatusBar-actionBtn--retry {
	height: 16px;
	border-radius: 8px;
	margin-right: 6px;
	background-color: #ff4b23;
	line-height: 1;
	color: #fff;
	padding: 1px 6px 3px 18px;
	position: relative
}

.uppy-StatusBar-actionBtn--retry:focus {
	outline: none
}

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
	border: 0
}

.uppy-StatusBar-actionBtn--retry:focus {
	box-shadow: 0 0 0 3px rgba(34, 117, 215, .5)
}

.uppy-StatusBar-actionBtn--retry:hover {
	background-color: #f92d00
}

.uppy-StatusBar-actionBtn--retry svg {
	position: absolute;
	top: 3px;
	left: 6px
}

.uppy-StatusBar-adjust-huener {
	animation-name: uppy-StatusBar-adjust-huenerAnimation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	margin-right: 10px;
	fill: #2275d7
}

@keyframes uppy-StatusBar-adjust-huenerAnimation {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.uppy-DashboardContent-panelBody {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1
}

.uppy-Provider-auth, .uppy-Provider-empty, .uppy-Provider-error, .uppy-Provider-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column wrap;
	flex: 1;
	color: #939393
}

.uppy-Provider-authIcon svg {
	width: 100px;
	height: 75px;
	margin-bottom: 15px
}

.uppy-Provider-authTitle {
	font-size: 17px;
	line-height: 1.4;
	font-weight: 400;
	margin-bottom: 30px;
	padding: 0 15px;
	max-width: 500px;
	text-align: center;
	color: #757575
}

.uppy-size--md .uppy-Provider-authTitle {
	font-size: 20px
}

.uppy-Provider-breadcrumbs {
	flex: 1;
	color: #525252;
	font-size: 12px;
	margin-bottom: 10px;
	text-align: left
}

.uppy-size--md .uppy-Provider-breadcrumbs {
	margin-bottom: 0
}

.uppy-Provider-breadcrumbs button {
	display: inline-block;
	line-height: inherit;
	padding: 4px;
	border-radius: 3px
}

.uppy-Provider-breadcrumbs button:focus {
	outline: none
}

.uppy-Provider-breadcrumbs button::-moz-focus-inner {
	border: 0
}

.uppy-Provider-breadcrumbs button:hover {
	color: #1b5dab
}

.uppy-Provider-breadcrumbs button:focus {
	background-color: #eceef2
}

.uppy-Provider-breadcrumbs button:hover {
	text-decoration: underline;
	cursor: pointer
}

.uppy-Provider-breadcrumbsIcon {
	display: inline-block;
	color: #525252;
	vertical-align: middle;
	margin-right: 4px;
	line-height: 1
}

.uppy-Provider-breadcrumbsIcon svg {
	width: 13px;
	height: 13px;
	fill: #525252
}

.uppy-ProviderBrowser {
	display: flex;
	flex-direction: column;
	flex: 1;
	font-size: 14px;
	font-weight: 400;
	height: 100%
}

.uppy-ProviderBrowser-user {
	margin: 0 8px 0 0;
	font-weight: 500;
	color: #333
}

.uppy-ProviderBrowser-user:after {
	content: "\B7";
	position: relative;
	left: 4px;
	color: #939393;
	font-weight: 400
}

.uppy-ProviderBrowser-header {
	z-index: 1001;
	border-bottom: 1px solid #eaeaea;
	position: relative
}

.uppy-ProviderBrowser-headerBar {
	padding: 7px 15px;
	background-color: #fafafa;
	z-index: 1001;
	color: #757575;
	line-height: 1.4;
	font-size: 12px
}

.uppy-size--md .uppy-ProviderBrowser-headerBar {
	display: flex;
	align-items: center
}

.uppy-ProviderBrowser-headerBar--simple {
	text-align: center;
	display: block;
	justify-content: center
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
	flex: none;
	display: inline-block;
	vertical-align: middle
}

.uppy-ProviderBrowser-search {
	width: 100%;
	background-color: #fff;
	position: relative;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: flex;
	align-items: center
}

.uppy-ProviderBrowser-searchIcon {
	position: absolute;
	width: 12px;
	height: 12px;
	left: 16px;
	z-index: 1003;
	color: #bbb
}

.uppy-ProviderBrowser-searchInput {
	width: 100%;
	height: 30px;
	background-color: transparent;
	outline: 0;
	font-family: Legacy-Regular, serif;
	font-size: 12px;
	line-height: 1.4;
	border: 0;
	margin: 0 8px;
	padding-left: 27px;
	z-index: 1001;
	border-radius: 4px
}

.uppy-ProviderBrowser-searchInput:focus {
	outline: 0;
	background-color: #f4f4f4
}

.uppy-ProviderBrowser-searchClose {
	position: absolute;
	width: 22px;
	height: 22px;
	padding: 6px;
	right: 12px;
	top: 4px;
	z-index: 1003;
	color: #939393;
	cursor: pointer
}

.uppy-ProviderBrowser-searchClose:hover {
	color: #757575
}

.uppy-ProviderBrowser-searchClose svg {
	vertical-align: text-top
}

.uppy-ProviderBrowser-searchInput::placeholder {
	color: #939393;
	opacity: 1
}

.uppy-ProviderBrowser-userLogout {
	cursor: pointer;
	line-height: inherit;
	color: #2275d7;
	padding: 4px;
	border-radius: 3px
}

.uppy-ProviderBrowser-userLogout:focus {
	outline: none
}

.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
	border: 0
}

.uppy-ProviderBrowser-userLogout:hover {
	color: #1b5dab
}

.uppy-ProviderBrowser-userLogout:focus {
	background-color: #eceef2
}

.uppy-ProviderBrowser-userLogout:hover {
	text-decoration: underline
}

.uppy-ProviderBrowser-body {
	flex: 1;
	position: relative
}

.uppy-ProviderBrowser-list {
	flex: 1;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-spacing: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0
}

.uppy-ProviderBrowserItem-inner {
	cursor: pointer;
	font-weight: 500;
	font-size: 13px
}

.uppy-ProviderBrowser-footer {
	display: flex;
	align-items: center;
	background: #fff;
	height: 65px;
	border-top: 1px solid #eaeaea;
	padding: 0 15px
}

.uppy-ProviderBrowser-footer button {
	margin-right: 8px
}

.uppy-Dashboard-Item-previewInnerWrap, .uppy-DashboardItem-previewInnerWrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .4);
	border-radius: 3px
}

.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap, .uppy-size--md .uppy-DashboardItem-previewInnerWrap {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.uppy-Dashboard-Item-previewInnerWrap:after, .uppy-DashboardItem-previewInnerWrap:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .65);
	display: none;
	z-index: 1001
}

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg, .uppy-DashboardItem-preview img.uppy-DashboardItem-previewImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateZ(0);
	border-radius: 3px
}

.uppy-Dashboard-Item-progress, .uppy-DashboardItem-progress {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1003;
	color: #fff;
	text-align: center;
	width: 120px;
	transition: all .35s ease
}

.uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem-progressIndicator {
	display: inline-block;
	width: 38px;
	height: 38px;
	opacity: .9;
	cursor: pointer
}

.uppy-Dashboard-Item-progressIndicator:focus, .uppy-DashboardItem-progressIndicator:focus {
	outline: none
}

.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner, .uppy-DashboardItem-progressIndicator::-moz-focus-inner {
	border: 0
}

svg.UppyIcon-progressCircle {
	width: 100%;
	height: 100%
}

svg.UppyIcon-progressCircle .bg {
	stroke: hsla(0, 0%, 100%, .4);
	opacity: 0
}

svg.UppyIcon-progressCircle .progress {
	stroke: #fff;
	transition: stroke-dashoffset .5s ease-out;
	opacity: 0
}

svg.UppyIcon-progressCircle .play {
	stroke: #fff;
	display: none
}

svg.UppyIcon-progressCircle .cancel, svg.UppyIcon-progressCircle .pause, svg.UppyIcon-progressCircle .play {
	fill: #fff;
	opacity: 0;
	transition: all .2s
}

svg.UppyIcon-progressCircle .pause {
	stroke: #fff;
	display: none
}

svg.UppyIcon-progressCircle .check {
	opacity: 0;
	fill: #fff;
	transition: all .2s
}

svg.UppyIcon.retry {
	fill: #fff
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progress {
	transform: none;
	top: -9px;
	right: -8px;
	left: auto;
	width: auto
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress, .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progress, .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-progress, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progress, .uppy-DashboardItem.is-error .uppy-DashboardItem-progress, .uppy-DashboardItem.is-inprogress .uppy-DashboardItem-progress {
	display: block
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
	width: 18px;
	height: 18px
}

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator, .uppy-size--md .uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
	width: 28px;
	height: 28px
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
	width: 18px;
	height: 18px;
	opacity: 1
}

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-size--md .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
	width: 22px;
	height: 22px
}

.uppy-Dashboard-Item.is-paused svg.UppyIcon-progressCircle .pause, .uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .pause {
	opacity: 0
}

.uppy-Dashboard-Item.is-paused svg.UppyIcon-progressCircle .play, .uppy-DashboardItem.is-paused svg.UppyIcon-progressCircle .play {
	opacity: 1
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-Dashboard-Item.is-complete .uppy-DashboardItem-progressIndicator, .uppy-DashboardItem.is-complete .uppy-Dashboard-Item-progressIndicator, .uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
	cursor: default
}

.uppy-Dashboard-Item.is-complete .progress, .uppy-DashboardItem.is-complete .progress {
	stroke: #55b356;
	fill: #55b356;
	opacity: 1
}

.uppy-Dashboard-Item.is-complete .check, .uppy-DashboardItem.is-complete .check {
	opacity: 1
}

.uppy-size--md .uppy-Dashboard-Item-progressIndicator, .uppy-size--md .uppy-DashboardItem-progressIndicator {
	width: 55px;
	height: 55px
}

.uppy-Dashboard-Item.is-resumable .pause, .uppy-Dashboard-Item.is-resumable .play, .uppy-DashboardItem.is-resumable .pause, .uppy-DashboardItem.is-resumable .play {
	display: block
}

.uppy-Dashboard-Item.is-resumable .cancel, .uppy-DashboardItem.is-resumable .cancel {
	display: none
}

.uppy-Dashboard-Item.is-inprogress .bg, .uppy-Dashboard-Item.is-inprogress .cancel, .uppy-Dashboard-Item.is-inprogress .pause, .uppy-Dashboard-Item.is-inprogress .progress, .uppy-DashboardItem.is-inprogress .bg, .uppy-DashboardItem.is-inprogress .cancel, .uppy-DashboardItem.is-inprogress .pause, .uppy-DashboardItem.is-inprogress .progress {
	opacity: 1
}

.uppy-Dashboard-Item-fileInfo, .uppy-DashboardItem-fileInfo {
	padding-right: 5px
}

.uppy-Dashboard-Item-name, .uppy-DashboardItem-name {
	font-size: 12px;
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 4px;
	word-break: break-all
}

.uppy-Dashboard-Item-status, .uppy-DashboardItem-status {
	font-size: 11px;
	line-height: 1.3;
	font-weight: 400;
	color: #757575
}

.uppy-Dashboard-Item-statusSize, .uppy-DashboardItem-statusSize {
	display: inline-block;
	vertical-align: bottom;
	text-transform: uppercase
}

.uppy-Dashboard-Item-sourceIcon, .uppy-DashboardItem-sourceIcon {
	display: none
}

.uppy-Dashboard-Item-action, .uppy-DashboardItem-action {
	cursor: pointer;
	color: #d82034
}

.uppy-Dashboard-Item-action:focus, .uppy-DashboardItem-action:focus {
	outline: none
}

.uppy-Dashboard-Item-action::-moz-focus-inner, .uppy-DashboardItem-action::-moz-focus-inner {
	border: 0
}

.uppy-Dashboard-Item-action:focus, .uppy-DashboardItem-action:focus {
	box-shadow: 0 0 0 3px rgba(34, 117, 215, .5)
}

.uppy-Dashboard-Item-action:hover, .uppy-DashboardItem-action:hover {
	opacity: 1;
	color: #1f1f1f
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action, .uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-action {
	width: 22px;
	height: 22px;
	padding: 3px;
	margin-left: 3px
}

.uppy-Dashboard-Item-action--remove, .uppy-DashboardItem-action--remove {
	color: #1f1f1f;
	opacity: .95
}

.uppy-size--md .uppy-Dashboard-Item-action--remove, .uppy-size--md .uppy-DashboardItem-action--remove {
	z-index: 1003;
	position: absolute;
	top: -8px;
	right: -8px;
	width: 18px;
	height: 18px;
	padding: 0
}

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus, .uppy-size--md .uppy-DashboardItem-action--remove:focus {
	border-radius: 50%
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item, .uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem {
	display: flex;
	align-items: center;
	padding: 10px;
	padding-right: 0
}

.uppy-size--md .uppy-Dashboard-Item, .uppy-size--md .uppy-DashboardItem {
	position: relative;
	display: block !important;
	float: left;
	margin: 5px 15px;
	width: calc(33.333% - 30px);
	height: 215px
}

.uppy-size--lg .uppy-Dashboard-Item, .uppy-size--lg .uppy-DashboardItem {
	margin: 5px 15px;
	width: calc(25% - 30px);
	height: 190px
}

.uppy-size--xl .uppy-Dashboard-Item, .uppy-size--xl .uppy-DashboardItem {
	width: calc(20% - 30px);
	height: 210px
}

.uppy-Dashboard-Item-preview, .uppy-DashboardItem-preview {
	position: relative
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview, .uppy-Dashboard:not(.uppy-size--md) .uppy-DashboardItem-preview {
	flex-shrink: 0;
	flex-grow: 0;
	width: 50px;
	height: 50px
}

.uppy-size--md .uppy-Dashboard-Item-preview, .uppy-size--md .uppy-DashboardItem-preview {
	width: 100%;
	height: 140px
}

.uppy-size--lg .uppy-Dashboard-Item-preview, .uppy-size--lg .uppy-DashboardItem-preview {
	height: 120px
}

.uppy-size--xl .uppy-Dashboard-Item-preview, .uppy-size--xl .uppy-DashboardItem-preview {
	height: 140px
}

.uppy-Dashboard-Item-fileInfoAndButtons, .uppy-DashboardItem-fileInfoAndButtons {
	flex-grow: 1;
	padding-right: 8px;
	padding-left: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons, .uppy-size--md .uppy-DashboardItem-fileInfoAndButtons {
	align-items: flex-start;
	width: 100%;
	padding: 0;
	padding-top: 9px
}

.uppy-Dashboard-Item-fileInfo, .uppy-DashboardItem-fileInfo {
	flex-grow: 1;
	flex-shrink: 1
}

.uppy-Dashboard-Item-actionWrapper, .uppy-DashboardItem-actionWrapper {
	flex-grow: 0;
	flex-shrink: 0
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-Dashboard-Item.is-error .uppy-DashboardItem-previewInnerWrap:after, .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-Dashboard-Item.is-inprogress .uppy-DashboardItem-previewInnerWrap:after, .uppy-DashboardItem.is-error .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-DashboardItem.is-error .uppy-DashboardItem-previewInnerWrap:after, .uppy-DashboardItem.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-DashboardItem.is-inprogress .uppy-DashboardItem-previewInnerWrap:after {
	display: block
}

.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove, .uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-DashboardItem-action--remove, .uppy-DashboardItem.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove, .uppy-DashboardItem.is-inprogress:not(.is-resumable) .uppy-DashboardItem-action--remove {
	display: none
}

.uppy-transition-slideDownUp-enter {
	opacity: .01;
	transform: translate3d(0, -105%, 0);
	transition: transform .25s ease-in-out, opacity .25s ease-in-out
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
	opacity: 1;
	transform: translateZ(0)
}

.uppy-transition-slideDownUp-leave {
	opacity: 1;
	transform: translateZ(0);
	transition: transform .25s ease-in-out, opacity .25s ease-in-out
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
	opacity: .01;
	transform: translate3d(0, -105%, 0)
}

.uppy-Dashboard-inner {
	width: 100% !important;
	min-height: 360px;
	border: 2px solid #e2e2e2;
	border-style: dashed;
	border-radius: 0;
	background-color: #fff;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	outline: none
}

.uppy-size--md .uppy-Dashboard-inner {
	min-height: auto
}

@media only screen and (min-width: 820px) {
	.uppy-Dashboard-inner {
		width: 750px;
		height: 550px
	}
}

.uppy-Dashboard-innerWrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 0;
	opacity: 0
}

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
	opacity: 1
}

.uppy-Dashboard-AddFiles, .uppy-DashboardAddFiles {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	position: relative;
	text-align: center;
	flex: 1
}

.uppy-size--md .uppy-Dashboard-AddFiles, .uppy-size--md .uppy-DashboardAddFiles {
	margin: 7px;
	border-radius: 3px
}

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles, .uppy-Dashboard-AddFilesPanel .uppy-DashboardAddFiles {
	border: none
}

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles, .uppy-Dashboard--modal .uppy-DashboardAddFiles {
	border-color: #cfcfcf
}

.uppy-DashboardTabs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding-top: 10px
}

.uppy-size--md .uppy-DashboardTabs {
	align-items: center
}

.uppy-DashboardTabs-title {
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #525252
}

.uppy-size--md .uppy-DashboardTabs-title {
	font-size: 16px;
	line-height: 40px
}

.uppy-DashboardAddFiles-info {
	padding: 0
}

.uppy-size--md .uppy-DashboardAddFiles-info {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	padding: 0
}

.uppy-Dashboard-browse {
	cursor: pointer;
	color: #d82034
}

.uppy-Dashboard-browse:focus {
	outline: none
}

.uppy-Dashboard-browse::-moz-focus-inner {
	border: 0
}

.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
	border-bottom: 2px solid #d82034
}

.uppy-Dashboard-AddFiles-list, .uppy-DashboardTabs-list {
	display: flex;
	flex-direction: column;
	max-height: 300px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 10px;
	padding: 2px 0
}

.uppy-size--md .uppy-Dashboard-AddFiles-list, .uppy-size--md .uppy-DashboardTabs-list {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 600px;
	overflow-x: visible;
	overflow-x: initial;
	margin-top: 15px;
	padding-top: 0
}

.uppy-DashboardTab {
	width: 100%;
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #e2e2e2;
	padding: 0 2px
}

.uppy-size--md .uppy-DashboardTab {
	width: auto;
	margin-bottom: 20px;
	border-bottom: none;
	padding: 0
}

.uppy-DashboardTab-btn {
	width: 100%;
	height: 100%;
	cursor: pointer;
	border: 0;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
	color: #525252;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 12px 15px;
	line-height: 1;
	text-align: center;
	border-radius: 0
}

.uppy-size--md .uppy-DashboardTab-btn {
	width: 86px;
	margin-right: 1px;
	flex-direction: column;
	padding: 10px 3px;
	border-radius: 0
}

.uppy-DashboardTab-btn::-moz-focus-inner {
	border: 0
}

.uppy-DashboardTab-btn:hover {
	background-color: #e2e2e2
}

.uppy-DashboardTab-btn:active, .uppy-DashboardTab-btn:focus {
	outline: none
}

.uppy-DashboardTab-btn svg {
	margin-right: 10px;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: text-top;
	overflow: hidden;
	transition: transform .15s ease-in-out
}

.uppy-size--md .uppy-DashboardTab-btn svg {
	margin-right: 0
}

.uppy-DashboardTab-name {
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.uppy-size--md .uppy-DashboardTab-name {
	font-size: 11px;
	line-height: 14px;
	margin-top: 8px;
	margin-bottom: 0
}

.uppy-DashboardTab svg {
	width: 18px;
	height: 18px;
	vertical-align: middle
}

.uppy-size--md .uppy-DashboardTab svg {
	width: 36px;
	height: 36px
}

.uppy-Dashboard-input {
	width: .1px;
	height: .1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1
}

.uppy-DashboardContent-bar {
	flex-shrink: 0;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	z-index: 1004;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px solid #e6e6e6
}

.uppy-size--md .uppy-DashboardContent-bar {
	height: 50px;
	padding: 0 15px
}

@media (max-width: 479px) {
	.uppy-DashboardContent-bar .uppy-DashboardContent-back {
		order: -5
	}

	.uppy-DashboardContent-bar .uppy-DashboardContent-title {
		order: 0;
		position: static;
		padding: 0 5px
	}

	.uppy-DashboardContent-bar .uppy-DashboardContent-addMore {
		order: 5
	}
}

.uppy-DashboardContent-title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	font-weight: 500;
	width: 100%;
	max-width: 170px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
	margin: auto
}

.uppy-size--md .uppy-DashboardContent-title {
	font-size: 14px;
	line-height: 50px;
	max-width: 300px
}

.uppy-DashboardContent-addMore, .uppy-DashboardContent-back {
	background: none;
	-webkit-appearance: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	padding: 0;
	margin: 0;
	color: #d82034;
	background-color: #fff !important;
	border: 1px solid #d82034;
	border-radius: 0;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.uppy-DashboardContent-addMore:focus, .uppy-DashboardContent-back:focus {
	outline: none
}

.uppy-DashboardContent-addMore::-moz-focus-inner, .uppy-DashboardContent-back::-moz-focus-inner {
	border: 0
}

.uppy-DashboardContent-addMore:hover, .uppy-DashboardContent-back:hover {
	color: #1b5dab
}

.uppy-DashboardContent-addMore:focus, .uppy-DashboardContent-back:focus {
	background-color: #eceef2
}

.uppy-size--md .uppy-DashboardContent-addMore, .uppy-size--md .uppy-DashboardContent-back {
	font-size: 14px
}

.uppy-DashboardContent-addMore:hover, .uppy-DashboardContent-back:hover {
	color: #fff;
	background-color: #d82034 !important
}

.uppy-DashboardContent-addMore:focus, .uppy-DashboardContent-back:focus {
	background: none
}

.uppy-DashboardContent-back {
	font-size: 12px;
	font-weight: 400;
	padding: 7px 6px;
	margin-left: -6px
}

.uppy-DashboardContent-addMore {
	position: relative;
	min-width: 30px;
	min-height: 30px;
	font-weight: 500;
	width: 29px;
	height: 29px;
	padding: 0;
	font-family: FontAwesome;
	margin-right: -5px
}

.uppy-size--md .uppy-DashboardContent-addMore {
	width: auto;
	height: auto;
	margin-right: -8px
}

.uppy-DashboardContent-addMore svg {
	display: none
}

.uppy-DashboardContent-addMore:before {
	content: "\F067";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	transform: translate(-50%, -50%)
}

.uppy-DashboardContent-addMoreCaption {
	display: none
}

.uppy-Dashboard-AddFilesPanel, .uppy-DashboardContent-panel {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
	background-color: hsla(0, 0%, 100%, .9);
	border-radius: 0;
	overflow: hidden;
	z-index: 1005
}

.uppy-DashboardContent-panel {
	flex: 1
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
	filter: blur(2px)
}

.uppy-Dashboard-filesContainer {
	position: relative;
	overflow-y: hidden;
	margin: 0;
	flex: 1
}

.uppy-Dashboard-filesContainer:after {
	content: "";
	display: table;
	clear: both
}

.uppy-Dashboard-files {
	margin: 0;
	padding: 0 0 10px;
	-webkit-overflow-scrolling: touch;
	flex: 1;
	overflow: hidden;
	outline: none
}

.uppy-size--md .uppy-Dashboard-files {
	padding-top: 10px
}

.uppy-Dashboard-dropFilesHereHint {
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	position: absolute;
	top: 7px;
	right: 7px;
	bottom: 7px;
	left: 7px;
	padding-top: 90px;
	border-radius: 3px;
	z-index: 2000;
	text-align: center;
	color: #707070;
	font-size: 16px
}

.uppy-Dashboard-dropFilesHereHint:before {
	content: "\F093";
	position: absolute;
	top: 50%;
	left: 50%;
	color: #e2e2e2;
	font-family: FontAwesome;
	font-size: 56px;
	transform: translate(-50%, -50%)
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
	visibility: visible
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar {
	opacity: .15
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardAddFiles {
	opacity: .03
}

.uppy-Dashboard-AddFiles-title, .uppy-Dashboard-dropFilesTitle {
	max-width: 300px;
	text-align: center;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 400;
	color: #333;
	padding: 0 15px
}

.uppy-size--md .uppy-Dashboard-AddFiles-title, .uppy-size--md .uppy-Dashboard-dropFilesTitle {
	max-width: 470px
}

.uppy-Dashboard-note {
	font-size: 14px;
	line-height: 1.25;
	text-align: center;
	color: #757575;
	max-width: 350px;
	margin: auto;
	padding: 0 15px
}

.uppy-size--md .uppy-Dashboard-note {
	font-size: 16px;
	line-height: 1.35;
	max-width: 600px
}

.uppy-Dashboard-Item-previewIcon, .uppy-DashboardItem-previewIcon {
	width: 25px;
	height: 25px;
	z-index: 100;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.uppy-size--md .uppy-Dashboard-Item-previewIcon, .uppy-size--md .uppy-DashboardItem-previewIcon {
	width: 38px;
	height: 38px
}

.uppy-Dashboard-Item-previewIcon svg, .uppy-DashboardItem-previewIcon svg {
	width: 100%;
	height: 100%
}

.uppy-Dashboard-Item-previewIconWrap, .uppy-DashboardItem-previewIconWrap {
	height: 76px;
	max-height: 75%;
	position: relative
}

.uppy-Dashboard-Item-previewIconBg, .uppy-DashboardItem-previewIconBg {
	width: 100%;
	height: 100%;
	filter: drop-shadow(rgba(0, 0, 0, .1) 0 1px 1px)
}

.uppy-Url {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 0 5px
}

.uppy-Url-input {
	width: 90%;
	max-width: 650px;
	margin-bottom: 15px
}

.uppy-size--md .uppy-Url-input {
	margin-bottom: 20px
}

.uppy-Webcam-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.uppy-Webcam-videoContainer {
	width: 100%;
	flex: 1;
	flex-grow: 1;
	overflow: hidden;
	background-color: #333;
	text-align: center;
	position: relative
}

.uppy-Webcam-video {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.uppy-Webcam-video--mirrored {
	transform: scaleX(-1)
}

.uppy-Webcam-buttonContainer {
	width: 100%;
	height: 75px;
	border-top: 1px solid #eaeaea;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px
}

.uppy-Webcam-button {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #e32437;
	color: #fff;
	cursor: pointer;
	transition: all .3s
}

.uppy-Webcam-button svg {
	width: 30px;
	height: 30px;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	vertical-align: text-top;
	overflow: hidden;
	fill: currentColor
}

.uppy-size--md .uppy-Webcam-button {
	width: 60px;
	height: 60px
}

.uppy-Webcam-button:hover {
	background-color: #d31b2d
}

.uppy-Webcam-button:focus {
	outline: none;
	box-shadow: 0 0 0 .2rem rgba(34, 117, 215, .5)
}

.uppy-Webcam-button--picture {
	margin-right: 12px
}

.uppy-Webcam-permissons {
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column wrap;
	height: 100%;
	flex: 1
}

.uppy-Webcam-permissons p {
	max-width: 450px;
	line-height: 1.3
}

.uppy-Webcam-title {
	font-size: 22px;
	line-height: 1.35;
	font-weight: 400;
	margin: 0;
	margin-bottom: 5px;
	padding: 0 15px;
	max-width: 500px;
	text-align: center;
	color: #333
}

.uppy-Webcam-permissons p {
	text-align: center;
	line-height: 1.45;
	color: #939393;
	margin: 0
}

.uppy-Webcam-permissonsIcon svg {
	width: 100px;
	height: 75px;
	color: #bbb;
	margin-bottom: 30px
}

.uppy-uploaded-files {
	padding-top: 10px;
	font-size: 17px;
	text-align: center
}

.uppy-uploaded-files ul {
	display: inline-block;
	width: 100%;
	max-width: 440px;
	padding-left: 0;
	list-style-type: none;
	text-align: left;
	border-radius: 0;
	border: 2px solid #e6e6e6;
	background-color: #fff
}

.uppy-uploaded-files li {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0 !important;
	padding: 10px 5px 10px 15px
}

.uppy-uploaded-files li:not(:last-child) {
	border-bottom: 2px solid #e6e6e6
}

.uppy-uploaded-files li a {
	color: #d82034;
	word-break: break-all
}

.uppy-uploaded-files li a:hover {
	color: #e44758
}

.uppy-uploaded-files i.btn {
	margin-left: 10px;
	padding-top: 0;
	padding-bottom: 0
}

.uppy-uploaded-files .component-locker {
	flex-shrink: 0;
	width: auto;
	height: auto;
	padding-right: 5px;
	padding-left: 10px;
	background-color: transparent
}

.uppy-uploaded-files .c-spinner, .uppy-uploaded-files .c-spinner svg {
	width: 22px;
	height: 22px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
	.uppy-uploaded-files .c-spinner svg {
		width: 44px;
		height: 44px
	}
}

.uppy-uploaded-files .c-spinner circle {
	cx: 10px;
	cy: 10px;
	r: 8px
}

.functional-block + .field-col-button {
	width: 100%
}

.functional-block + .field-col-button div {
	display: inline-block
}

.functional-block + .field-col-button a, .functional-block + .field-col-button button {
	margin: 4px 3px 0
}

.functional-block .document-row {
	display: block
}

.functional-block .document-row .document-fields {
	display: flex
}

.functional-block .document-row .document-fields:before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% + 60px);
	height: calc(100% + 15px);
	top: -8px;
	left: -20px;
	opacity: 0;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .2);
	transition: opacity .1s ease-in-out
}

@media screen and (max-width: 991px) {
	.functional-block .document-row .document-fields:before {
		opacity: 1
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.functional-block .document-row .document-fields.buttons-enabled {
		position: relative;
		padding-bottom: 40px !important
	}

	.functional-block .document-row .document-fields.buttons-enabled .buttons-drawer-rail {
		position: absolute;
		bottom: 0
	}

	.functional-block .document-row .document-fields.buttons-enabled .buttons-drawer {
		justify-content: flex-start
	}
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .document-fields {
		display: block
	}

	.functional-block .document-row .document-fields .document-title {
		display: inline-flex;
		width: calc(100% - 70px)
	}
}

.functional-block .document-row .document-title {
	flex-grow: 1;
	position: relative;
	word-break: break-word;
	box-sizing: border-box
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .document-title {
		padding-right: 15px
	}
}

.functional-block .document-row .document-vertragsverbindungsnummer {
	flex-shrink: 0
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .document-date, .functional-block .document-row .document-untertyp, .functional-block .document-row .document-vertragsverbindungsnummer {
		margin-left: 30px
	}
}

.functional-block .document-row .document-download {
	position: relative;
	display: inline-block;
	cursor: pointer;
	z-index: 2
}

.functional-block .document-row .buttons-drawer-rail {
	display: block;
	width: 100%;
	margin-top: 6px
}

@media screen and (min-width: 992px) {
	.functional-block .document-row .buttons-drawer-rail {
		position: absolute;
		width: 30px;
		height: 30px;
		top: -6px;
		right: -34px;
		display: inline-block;
		margin-top: 0
	}
}

.functional-block .document-row .buttons-drawer-rail .options {
	margin-right: 10px
}

.functional-block .document-row .buttons-drawer {
	position: relative;
	display: block;
	margin: 0;
	text-align: left
}

@media screen and (max-width: 991px) {
	.functional-block .document-row .buttons-drawer {
		background: transparent
	}

	.functional-block .document-row .buttons-drawer:hover {
		transform: none
	}
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .buttons-drawer {
		justify-content: flex-start
	}
}

@media screen and (min-width: 768px) {
	.functional-block .document-row .buttons-drawer {
		left: 0
	}
}

.functional-block .document-row .buttons-drawer button {
	background-color: #fff
}

.functional-block .document-row .buttons-drawer button:hover {
	background-color: #d82034
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .buttons-drawer button {
		margin-left: 0;
		margin-bottom: 5px;
		border: 1px solid #d82034;
		text-align: left
	}
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .buttons-drawer button i {
		display: inline-block
	}
}

@media screen and (min-width: 992px) {
	.functional-block .document-row .buttons-drawer {
		position: absolute;
		display: block;
		left: calc(100% - 22px);
		padding: 0;
		text-align: center;
		white-space: nowrap;
		transition: transform .4s ease-in-out, padding .6s ease-in-out;
		z-index: 3
	}

	.functional-block .document-row .buttons-drawer:hover {
		transform: translateX(-100%) translateX(55px)
	}

	.functional-block .document-row .buttons-drawer:hover .options {
		opacity: 0;
		transition: none
	}

	.functional-block .document-row .buttons-drawer button {
		display: inline-block;
		margin-top: 2px;
		vertical-align: top;
		white-space: nowrap
	}
}

.functional-block .document-row .options {
	display: inline-block;
	position: relative;
	margin-top: 8px;
	margin-right: 5px;
	color: #d82034;
	transition: opacity .4s ease-in-out .4s
}

@media screen and (max-width: 991px) {
	.functional-block .document-row .options {
		display: none
	}
}

.functional-block .document-row .options .fa-file {
	font-size: 18px
}

.functional-block .document-row .options .fa-wrench {
	position: absolute;
	font-size: 12px;
	top: 3px;
	left: 1.5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	color: #fff;
	transform: rotate(-90deg)
}

.functional-block .document-row .document-sign-wrapper {
	display: flex;
	justify-content: flex-end;
	width: 100px
}

@media screen and (max-width: 767px) {
	.functional-block .document-row .document-sign-wrapper {
		display: inline-flex;
		width: 70px
	}
}

.functional-block .document-row .document-sign-wrapper .sign-button {
	margin-right: -3px;
	margin-bottom: 0;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-width: 28px;
	height: 28px;
	margin: -6px -4px -8px 0 !important;
	padding: 4px 4px 4px 7px;
	text-decoration: none;
	overflow: hidden;
	border-radius: 60px;
	color: #d82034;
	cursor: pointer
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied.blue .fa-file-o, .functional-block .document-row .document-sign-wrapper .sign-button.signed.blue .fa-file-o {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied.green .fa-file-o, .functional-block .document-row .document-sign-wrapper .sign-button.signed.green .fa-file-o {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied.orange .fa-file-o, .functional-block .document-row .document-sign-wrapper .sign-button.signed.orange .fa-file-o {
	color: #ffa333
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied {
	opacity: .3;
	cursor: not-allowed
}

.functional-block .document-row .document-sign-wrapper .sign-button.access-denied .fa-check {
	opacity: 0
}

.functional-block .document-row .document-sign-wrapper .sign-button.signed {
	opacity: 1
}

.functional-block .document-row .document-sign-wrapper .sign-button.signed .fa-file-o:after {
	display: none
}

.functional-block .document-row .document-sign-wrapper .sign-button.signed .fa-check {
	opacity: 1
}

.functional-block .document-row .document-sign-wrapper .sign-button:not(:last-child) {
	margin-bottom: 15px
}

.functional-block .document-row .document-sign-wrapper .sign-button i {
	font-size: 16px
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover .fa-pencil {
	transform: translateX(-3px)
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover.blue .fa-file-o {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover.green .fa-file-o {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button:hover.orange .fa-file-o {
	color: #ffa333
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-file-o {
	position: relative;
	transform: scaleX(-1);
	transition: color .2s ease-in-out
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-file-o:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 3px;
	width: 8px;
	height: 2px;
	background-color: #d82034
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-pencil {
	position: absolute;
	top: 5px;
	left: 15px;
	font-size: 12px;
	transition: transform .4s ease-in-out
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-pencil:before {
	position: relative;
	z-index: 2
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-pencil:after {
	content: "";
	position: absolute;
	top: 0;
	left: 2px;
	width: 6px;
	height: 13px;
	border-radius: 4px;
	background-color: #fff;
	transform: rotate(45deg);
	z-index: 1
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-check {
	opacity: 0;
	position: absolute;
	top: 9px;
	left: 8px;
	padding: 2px;
	font-size: 9px;
	border-radius: 50%
}

.functional-block .document-row .document-sign-wrapper .sign-button .fa-sun-o {
	display: none;
	position: absolute;
	top: 11px;
	left: 11px;
	font-size: 15px
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue {
	color: #9a9a9a
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-pencil {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-file-o:after {
	background-color: #c44240
}

.functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-check, .functional-block .document-row .document-sign-wrapper .sign-button.blue .fa-sun-o {
	color: #0088cd
}

.functional-block .document-row .document-sign-wrapper .sign-button.green {
	color: #9a9a9a
}

.functional-block .document-row .document-sign-wrapper .sign-button.green .fa-pencil {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button.green .fa-file-o:after {
	background-color: #c44240
}

.functional-block .document-row .document-sign-wrapper .sign-button.green .fa-check, .functional-block .document-row .document-sign-wrapper .sign-button.green .fa-sun-o {
	color: #2dc838
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange {
	color: #9a9a9a
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-pencil {
	color: #ffa333
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-file-o:after {
	background-color: #c44240
}

.functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-check, .functional-block .document-row .document-sign-wrapper .sign-button.orange .fa-sun-o {
	color: #ffa333
}

.functional-block .list-stretched {
	padding-left: 0;
	list-style: none;
	margin-bottom: 12px !important
}

.functional-block .list-stretched li {
	margin-bottom: 14px;
	line-height: 22px;
	overflow-x: hidden
}

.functional-block .list-stretched li b {
	max-width: 50%;
	float: left
}

@media screen and (min-width: 768px) {
	.functional-block .list-stretched li {
		margin-bottom: 12px;
		line-height: 44px
	}
}

.functional-block .uploaded-files {
	position: relative;
	overflow: hidden;
	text-align: center
}

.functional-block .uploaded-files .file-info {
	flex-grow: 1;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 7px;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	text-align: left;
	word-break: break-all
}

.functional-block .uploaded-files .file-info div {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	padding: 5px 15px
}

.functional-block .uploaded-files .file-info div:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2px;
	margin: auto;
	width: 2px;
	height: 17px;
	background-color: #e2e2e2
}

@media screen and (min-width: 768px) {
	.functional-block .uploaded-files {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		margin-left: 205px
	}
}

@media screen and (min-width: 992px) {
	.functional-block .uploaded-files {
		margin-left: 325px
	}
}

.functional-block .uploaded-files .main-button {
	flex-shrink: 0;
	height: auto
}

@media screen and (max-width: 767px) {
	.functional-block .uploaded-files .main-button {
		margin-top: 10px
	}
}

.btn-icon {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	color: #d82034;
	transition: .2s ease-in-out
}

.btn-icon i {
	font-size: 16px
}

.btn-icon .fa-envelope-open-o + .fa-long-arrow-right {
	position: absolute;
	top: 11px;
	left: 0
}

.btn-icon:focus, .btn-icon:hover {
	color: #e44758 !important;
	opacity: .7;
	text-decoration: none
}

.popup-tooltip {
	z-index: 10001
}

.sticky-outer-wrapper {
	position: absolute !important;
	width: 100%
}

.filter-component-wrapper {
	position: relative
}

.filter-component-wrapper .filter {
	width: 100%;
	top: 0;
	margin-top: 0;
	opacity: 0;
	visibility: hidden;
	border-color: #d82034;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	z-index: 2;
	pointer-events: none
}

.filter-component-wrapper .filter, .filter-component-wrapper ~ .result-view-table {
	transition: opacity .2s ease-in-out
}

.filter-component-wrapper.opened {
	z-index: 2
}

.filter-component-wrapper.opened .filter-component-btn .filter-icon-open {
	opacity: 0
}

.filter-component-wrapper.opened .filter-component-btn .filter-icon-close {
	opacity: 1
}

.filter-component-wrapper.opened .filter {
	opacity: 1;
	pointer-events: auto;
	visibility: visible
}

.filter-component-wrapper.opened ~ .result-view-table {
	opacity: .5;
	pointer-events: none
}

.filter-btn-trigger {
	position: absolute;
	left: -31px;
	width: 31px;
	height: 59px !important
}

.filter-component-btn {
	margin-top: 10px;
	padding: 14px 10px 15px 8px;
	border: solid #d82034;
	border-width: 1px 0 1px 1px;
	color: #d82034;
	background-color: #fff;
	cursor: pointer;
	transition: background-color .2s ease-in-out, color .2s ease-in-out
}

.filter-component-btn i {
	font-size: 18px;
	transition: opacity .2s ease-in-out
}

.filter-component-btn i.filter-icon-close {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 18px;
	margin: auto;
	opacity: 0
}

.filter-component-btn:hover {
	box-shadow: none;
	color: #fff;
	background-color: #e44758
}

.sticky-block {
	position: relative
}

.sticky-block .collapsible-content .functional-block {
	margin-top: 0
}

@media screen and (max-width: 767px) {
	.sticky-block {
		margin-left: 20px
	}
}

.accordion .accordion-header {
	position: relative;
	padding: 18px 30px 14px 18px;
	color: #d82034;
	cursor: pointer
}

.accordion .accordion-header-icon {
	position: absolute;
	top: 20px;
	left: 0;
	font-size: 21px;
	font-family: Times New Roman, serif
}

.accordion .accordion-header-icon:before {
	content: "+"
}

.accordion .is-active .accordion-header-icon:before {
	content: "\2212"
}

.accordion .accordion-title {
	margin-bottom: 0
}

.accordion .accordion-title .accordion-title-label {
	padding: 0;
	color: #d82034;
	font-size: 21px;
	line-height: 1.2;
	font-weight: 700;
	background: none;
	border: none
}

.accordion .accordion-panel {
	border-bottom: 1px solid #e2e2e2
}

.accordion .accordion-panel .accordion-panel-content {
	padding: 5px 5px 5px 20px
}

.accordion .accordion-panel, .accordion .accordion-panel-content {
	overflow: hidden
}

.table-expandable-rows tbody > tr > td:first-child {
	text-align: left
}

.table-expandable-rows .more-details {
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #666;
	text-align: left
}

.table-expandable-rows .more-details i.fa {
	top: 5px;
	margin-left: 6px;
	font-size: 26px;
	line-height: 12px;
	color: #d82034;
	transition: color .2s ease-in-out
}

.table-expandable-rows .more-details i.fa.fa-chevron-circle-up:before {
	content: "\F106"
}

.table-expandable-rows .more-details i.fa.fa-chevron-circle-down:before {
	content: "\F107"
}

.table-expandable-rows .more-details:hover i.fa {
	animation: none;
	color: #e44758
}

.table-expandable-rows .row-expandable td:first-child {
	box-shadow: inset 4px 0 0 0 #d82034;
	padding-left: 30px
}

@media screen and (max-width: 768px) {
	.table-expandable-rows .row-expandable td {
		box-shadow: inset 4px 0 0 0 #d82034
	}

	.table-expandable-rows .row-expandable td:first-child {
		padding-left: 50%
	}
}

@media screen and (max-width: 768px) {
	.table-long-column-head td[data-column]:before {
		direction: rtl
	}
}

.checkbox-tree-wrapper {
	display: table-cell;
	overflow: hidden
}

.react-checkbox-tree {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	font-size: 17px
}

.react-checkbox-tree > ol {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.react-checkbox-tree ol {
	margin: 0;
	padding-left: 0;
	list-style-type: none
}

.react-checkbox-tree ol ol {
	padding-left: 24px
}

.react-checkbox-tree button {
	line-height: normal;
	color: inherit
}

.react-checkbox-tree button:focus {
	outline: none
}

.react-checkbox-tree button:disabled {
	cursor: not-allowed
}

.react-checkbox-tree .rct-bare-label {
	cursor: default
}

.react-checkbox-tree label {
	margin-bottom: 0;
	cursor: pointer
}

.react-checkbox-tree label:active, .react-checkbox-tree label:hover {
	background: none
}

.react-checkbox-tree .rct-icon {
	font-family: FontAwesome;
	font-style: normal
}

.react-checkbox-tree:not(.rct-native-display) input {
	display: none
}

.react-checkbox-tree.rct-native-display input {
	margin: 0 5px
}

.rct-disabled > .rct-text > label {
	opacity: .75;
	cursor: not-allowed
}

.rct-disabled > .rct-text > label:active, .rct-disabled > .rct-text > label:hover {
	background: none
}

.rct-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rct-options {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: .5rem;
	text-align: right
}

.rct-option {
	opacity: .75;
	border: 0;
	background: none;
	cursor: pointer;
	padding: 0 4px;
	font-size: 18px
}

.rct-option:hover {
	opacity: 1
}

.rct-option + .rct-option {
	margin-left: 2px
}

.rct-node-icon {
	padding: 0 5px;
	color: #333
}

.rct-checkbox, .rct-collapse {
	padding: 0
}

.rct-checkbox *, .rct-collapse *, .rct-node-icon * {
	display: inline-block;
	margin: 0;
	width: 20px
}

span.rct-collapse {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	border: 0;
	background: none;
	line-height: normal;
	color: inherit;
	font-size: 12px
}

span.rct-collapse + label {
	padding-left: 2px
}

button.rct-collapse {
	border: none;
	background: none
}

.rct-collapse.rct-collapse-btn {
	cursor: pointer
}

.rct-collapse > .rct-icon-expand-close {
	opacity: .5
}

.rct-collapse > .rct-icon-expand-close:hover {
	opacity: 1
}

.rct-native-display .rct-checkbox {
	display: none
}

.rct-node-clickable {
	display: inline-flex;
	white-space: normal;
	cursor: pointer
}

.rct-text {
	display: block;
	white-space: nowrap
}

.rct-node-clickable:hover {
	background: none
}

.rct-node-clickable:focus {
	outline: 0;
	background: none
}

.rct-icon-main {
	color: #d82034
}

.rct-title {
	padding: 0 40px 5px 0
}

.rct-title span {
	word-break: break-all
}

.rct-bare-label .rct-title {
	padding-right: 5px
}

.icon-tree-cb {
	position: relative;
	line-height: 16px;
	width: 13px;
	height: 13px;
	margin: 0 3px 2px;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: none
}

.icon-tree-cb:after, .icon-tree-cb:before {
	content: "";
	display: block;
	position: absolute
}

.icon-tree-cb:before {
	left: 0;
	top: 0;
	width: 13px;
	height: 13px;
	border-radius: 0;
	background-color: #fff;
	border: 2px solid #e2e2e2;
	box-shadow: none;
	transition: border-color .2s ease-in-out
}

.icon-tree-cb:after {
	width: 8px;
	height: 5px;
	top: 3px;
	left: 2px;
	opacity: 0
}

.icon-tree-cb:hover:before {
	border-color: #d82034
}

.icon-tree-cb-checked:after {
	border-left: 2px solid #d82034;
	border-bottom: 2px solid #d82034;
	opacity: 1;
	transform: rotate(-45deg)
}

.icon-tree-cb-half-checked:after {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	top: 4px;
	left: 4px;
	border: none;
	background-color: #d82034;
	opacity: 1
}

.icon-tree-cb:before:focus {
	border-color: #d82034;
	box-shadow: none
}

.icon-tree-expand {
	line-height: 20px;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: text-bottom;
	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	background: none;
	margin-right: 0
}

.icon-tree-expand:hover:before {
	border-bottom-color: #d82034
}

.icon-tree-expand:hover:after {
	border-right-color: #d82034
}

.icon-tree-expand:before {
	content: "";
	display: block;
	position: absolute;
	width: 13px;
	height: 0;
	top: 9px;
	left: 3px;
	border-bottom: 1px solid #d82034
}

.icon-tree-expand:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 13px;
	top: 3px;
	left: 9px;
	border-right: 1px solid #d82034
}

.icon-tree-expand.icon-tree-expand-open:after {
	content: none
}

.icon-tree-firm-expand {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 10px;
	background: none;
	cursor: pointer
}

.icon-tree-firm-expand:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #e6e6e6;
	transition: transform .3s ease-in-out, border-color .2s ease-in-out
}

.icon-tree-firm-expand:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 20px;
	top: -3px
}

.icon-tree-firm-expand:hover:after {
	border-top-color: #d82034
}

.icon-tree-firm-expand-open:after {
	transform: rotate(180deg)
}

.rct-btn-icon {
	display: inline-flex;
	align-items: center;
	width: auto;
	height: 17px;
	margin-top: -2px;
	margin-right: 3px;
	padding: 2px;
	border-radius: 0;
	text-align: center;
	border: 1px solid #d82034;
	color: #333;
	background-color: #fff;
	box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, .5);
	transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out
}

.rct-btn-icon i {
	font-size: 12px
}

.rct-btn-icon:hover {
	color: #d82034;
	background-color: transparent;
	box-shadow: none
}

.react-checkbox-tree li.rct-node li.rct-node li.rct-node li.rct-node li.rct-node ol {
	padding-left: 0;
	margin-left: 45px
}

.checkbox-tree-simplified .react-checkbox-tree {
	margin-top: 10px;
	margin-bottom: 3px
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
	.checkbox-tree-simplified {
		display: block
	}
}

.checkbox-tree-simplified .rct-node-leaf .rct-collapse {
	display: none
}

.checkbox-tree-simplified .rct-title {
	display: inline-block
}

.checkbox-tree-simplified .rct-node-leaf .rct-title {
	padding-left: 12px
}

.checkbox-tree-simplified .rct-bare-label .rct-title {
	vertical-align: text-top;
	padding-right: 50px;
	padding-bottom: 7px
}

.checkbox-tree-simplified .rct-bare-label .rct-title a, .checkbox-tree-simplified .rct-bare-label .rct-title span {
	white-space: normal;
	line-height: 1.2
}

.dsgvoPanel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-height: 100vh;
	padding: 20px 0;
	overflow-y: auto;
	background-color: #efefef;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
	z-index: 1002
}

.dsgvoPanel h1, .dsgvoPanel h2, .dsgvoPanel h3, .dsgvoPanel h4, .dsgvoPanel h5, .dsgvoPanel h6, .dsgvoPanel p {
	margin-top: 10px;
	color: #333
}

.dsgvoPanel h3 {
	font-size: 22px;
	line-height: 1.3
}

.dsgvoPanel .link-button {
	border-color: transparent;
	color: #fff;
	background-color: #d82034
}

.dsgvoPanel .link-button:hover {
	background-color: #e44758
}

.dsgvoPanel .container {
	padding-left: 15px;
	padding-right: 15px
}

.dsgvoPanel .dsgvo-settings, .dsgvoPanel .dsgvo-settings p {
	font-size: 18px
}

.dsgvoPanel .dsgvo-settings p {
	line-height: 1.5
}

.dsgvoPanel .dsgvo-settings-items {
	margin-top: 20px;
	border-radius: 4px;
	border: 1px solid #d5d5d5;
	background-color: #fff
}

.dsgvoPanel .dsgvo-settings-item {
	padding: 10px 20px
}

.dsgvoPanel .dsgvo-settings-item:not(:last-child) {
	border-bottom: 1px solid #d5d5d5
}

.dsgvoPanel .dsgvo-settings-item h3 {
	font-weight: 400
}

.dsgvoPanel .dsgvo-settings-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.dsgvoPanel .dsgvo-settings-header span {
	flex-shrink: 0;
	margin-top: 13px;
	margin-left: 10px;
	font-size: 16px
}

.dsgvoPanel .dsgvo-settings-buttons {
	display: flex;
	justify-content: center;
	margin-top: 20px
}

.dsgvoPanel .dsgvo-settings-buttons button {
	margin: 10px 5px 0
}

.dsgvoPanel .dsgvo-link {
	text-decoration: underline;
	color: #d82034
}

.dsgvoPanel ul {
	margin-top: 30px
}

.dsgvoPanel ul li {
	margin-bottom: 10px
}

.dsgvoPanel ul b, .dsgvoPanel ul span {
	display: inline-block;
	vertical-align: top;
	font-weight: 400;
	line-height: 1.5
}

.dsgvoPanel ul b {
	width: 150px
}

.dsgvoPanel ul span {
	width: calc(100% - 160px)
}

.dsgvoPanel ul:not(:last-of-type) {
	margin-bottom: 30px
}

.dsgvoPanel .color-true {
	color: #4fa250
}

.dsgvoPanel .color-false {
	color: #a94442
}

.dsgvoPanel .popup-window {
	padding: 0
}

.dsgvoPanel .popup-window .popup-inner {
	max-width: 1000px;
	text-align: left
}

.dsgvoPanel .dsgvoFooter {
	text-align: center
}

.dsgvoPanel .dsgvoFooter button {
	margin: 5px
}

.dsgvoPanel .dsgvoFooter .dialog {
	top: 20px
}

@media screen and (max-width: 767px) {
	.dsgvoPanel .dsgvoFooter .dialog {
		right: 0
	}
}

@media screen and (min-width: 768px) {
	.dsgvoPanel .dsgvoWrapper {
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	.dsgvoPanel .dsgvoFooter {
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
		padding-left: 20px
	}

	.dsgvoPanel .dsgvoFooter button {
		margin: 5px 0
	}

	.dsgvoPanel .dsgvo-settings-header span {
		margin-top: 8px;
		font-size: 22px
	}

	.dsgvoPanel h3 {
		font-size: 24px
	}
}

.form-control.file-input-extension {
	width: 100% !important
}