@font-face {
    font-family: 'entypo';
    src: url("font/entypo.eot");
    src: url("font/entypo.eot?#iefix") format('embedded-opentype'), url("font/entypo.woff") format('woff'), url("font/entypo.ttf") format('truetype'), url("font/entypo.svg#entypo") format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    padding: 0;
    margin: 0;
    /*background: #224b44;*/
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.no-warranty-link.btn.btn-secondary {
    background: grey;
    color: #fff;
}
.container {
    width: 1280px;
    max-width: 100%;
    background: #fff;
    /*box-shadow: 0 0 75px 10px rgba(0, 0, 0, .75);*/
    /*outline: 1px solid rgba(0, 0, 0, .3);*/
}
.table-machine-edit > tbody > tr > th {
    width: 29%;
}
.red {
    color: rgb(190, 0, 54);
}

.select2-container .select2-selection--single.coupon-select {
    border-color: rgb(190, 0, 54) !important;
    min-width : 50%;
}

/* td.active.active:hover {
    color: black !important;
} */
.datepicker table tr td.date-available {
    background-color:#cee3e1;
    margin: 10px;
}
.datepicker table tr td.date-grey:not(.active) ,.datepicker table tr td.new.disabled {
    color: #777 !important;
}
.datepicker table tr td.new, .datepicker table tr td.old {
    color:unset;
}
img.form-control {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.cc-banner.cc-bottom {
/*    max-width: 80em;*/
    margin: 0 auto;	
	left:0;
	right:0;
	bottom:0;
}

.cc-color-override-1394832879 {
	background: rgba(0,0,0,.9) !important;
}


.cc-compliance {
    margin-left: 10px;	
}

:focus {
    outline: 0 !important;
}

label.control-label {
    line-height: 32px;
}

input::-ms-input-placeholder {
    font-size: 90%;
}

input::-moz-input-placeholder {
    font-size: 90%;
}

input::-webkit-input-placeholder {
    font-size: 90%;
}

label {
    font-weight: normal;
    margin-bottom: 0;
}
label .small { line-height: 1.1; }
textarea {
    resize: none;
}

body > .row {
	margin-left: 0;
	margin-right: 0;
}

header.row {
    background: #224b44;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

footer {
    background: #224b44;
    color: #fff;
}
header.row .container,
footer .container,
.horizontal-menu .container {
	position: relative;
	background: transparent;
}
.cc-window.cc-banner:not(.cc-invisible) ~ footer {
	padding-bottom: 5em;
}

hr {
    margin: 10px 0;
    border-color: #ddd;
}

.flex {
	display: flex;
}
.flex-right {
	flex-direction: row-reverse;
}
.flex-middle {
	align-items: center;
}

.modal {
    z-index: 100000;
}
.page-back {
    display: block;
    float: left;
    height: 29px;
    width: 29px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 29px;
    margin-right: 15px;
    transition: 0.2s all ease-out;
}

.page-back .fas {
    color: #aaa;
    transition: 0.2s all ease-out;
}

.page-back:hover {
    border-color: #09726a;
}

.page-back:hover .fas {
    color: #09726a;
}

.page-back ~ h1 {
	margin-left: 44px;
}

.font-small {
    font-size: 80%;
}
.font-smaller {
    font-size: 90%;
}
.font-big {
    font-size: 150%;
}

.infotext {
	font-weight: bold;
	color: rgb(190, 0, 54);
}

.switcher input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.switcher label {
    line-height: 25px;
    display: block;
    text-align: right;
    cursor: pointer;
    padding: 0 10px;
}

.switcher input+label i::before {
    content: '\f204';
}

.switcher input:checked+label i::before {
    content: '\f205';
}

#gallery-footer li img {
    height: 64px;
    width: auto;
}

#headerimg {
	position: relative;
	height: 20vw;
	max-height: 254px;
}
#headerimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#headerimg > a {
    display: block;
    width: 100%;
    height: 100%;
}

.horizontal-menu {
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	top: 104px;
	z-index: 99;
	background-color: #f0f0f0;
	border-bottom: 1px solid #fff;
}
.horizontal-menu .container > ul {
	display: flex;
/*	justify-content: space-between;*/
	flex-wrap: wrap;
	padding: 0 0 0 66px;
	margin: 0;
	list-style: none;
	font-size: 16px;
}
.horizontal-menu .container > ul > li {
/*	max-width: 20%;*/
	height: 48px;
	line-height: 48px;
	padding: 0 6px;
	margin-right: 20px;
	font-size: .85em;
	text-align: center;
	text-transform: uppercase;
}
.horizontal-menu .container > ul > li:last-child {
	margin-right: 0;
}
.horizontal-menu .container > ul > li a {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
}
.horizontal-menu .container > ul > li.active a,
.horizontal-menu .container > ul > li a:hover {
	color: #224b44;
	font-weight: bold;
}
.horizontal-menu .container > ul > li a::after {
	display: block;
	content: attr(title);
	font-weight: bold;
	height: 0;
	padding: 0 1px;
	overflow: hidden;
	visibility: hidden;
}
.horizontal-menu .main-menu > .menu-toggle {
	position: absolute;
	top: 0;
	left: 15px;
	width: 48px;
	height: 48px;
	padding: 2px 10px;
	background-color: #224b44;
	cursor: pointer;
	transition: left 0.4s ease-in-out 0.4s;
}
.horizontal-menu .main-menu.open > .menu-toggle {
	left: 315px;
	transition: left 0.4s ease-in-out 0.2s;
}
.horizontal-menu .main-menu > .menu-toggle::after {
	content: 'MENU';
	display: block;
	color: #fff;
	font-size: 0.8em;
	margin-top: -4px;
	transition: all 0.4s ease-in-out;
}
.horizontal-menu .main-menu > .menu-toggle > span {
	display: block;
	position: relative;
	top: 0;
	height: 3px;
	margin: 6px auto;
	background-color: #fff;
	border-radius: 2px;
	transition: all 0.4s ease-in-out;
}
.horizontal-menu .main-menu.open > .menu-toggle > span:first-child {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 9px;
}
.horizontal-menu .main-menu.open > .menu-toggle > span:nth-child(2) {
	opacity: 0;
}
.horizontal-menu .main-menu.open > .menu-toggle > span:last-child {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: -9px;
}
.horizontal-menu .main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.horizontal-menu .main-menu > ul {
	position: absolute;
	top: 0;
	left: 15px;
	width: 300px;
	height: 0;
	overflow: hidden;
	box-shadow: rgba(0,0,0,0.22) 1em 1em 2em 0;
	background-color: #fff;
	text-transform: uppercase;
	z-index: -1;
	transition: height 0.4s ease-in-out, z-index 0s ease-in-out 0.4s;
}
.horizontal-menu .main-menu.open > ul {
	height: 500px;
	z-index: 10;
	transition: height 0.4s ease-in-out, z-index 0s ease-in-out;
}
.horizontal-menu .main-menu.open:not(.opening) > ul {
	overflow-y: auto;
}
.horizontal-menu .main-menu a {
	max-width: 100%;
	text-decoration: none;
}
.horizontal-menu .main-menu a:hover,
.horizontal-menu .main-menu li.current > a {
	text-decoration: underline;
}
.horizontal-menu .main-menu > ul > li > a {
	display: block;
	padding: 12px 32px;
	line-height: 24px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	background-color: #224b44;
}
.horizontal-menu .main-menu > ul > li ul li {
	border-bottom: 1px solid #f0f0f0;
	padding: 4px 12px 4px 24px;
}
.horizontal-menu .main-menu > ul > li ul li:last-child {
	border-bottom: 0 none;
}
.horizontal-menu .main-menu > ul > li ul li > a {
	display: inline-block;
	margin: 8px 0;
	color: #224b44;
	font-size: 13px;
	font-weight: bold;
}

.aspect_ratio_fixed {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}
.aspect_ratio_fixed > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.aspect_ratio_fixed.aspect_ratio-16-9,
.aspect_ratio_fixed.aspect_ratio-56 {
	padding-bottom: 56.25%
}
.aspect_ratio_fixed.aspect_ratio-50 {
	padding-bottom: 50%
}
.aspect_ratio_fixed > div > iframe {
	width: 100%;
	height: 100%;
}

.panel-default {
    border-color: #ccc;
}

.panel-group .panel+.panel {
    margin-top: 10px;
}

.panel .img-preview {
    position: absolute;
    right: 0;
    padding-left: 0;
    height: 151px;
}
.panel .img-preview.image-preview-mobile {
    position: relative;
    display: flex;
}
.panel .img-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: relative;
    z-index: 20;
}
.panel .img-preview.image-preview-mobile img {
    width: 50%;
}
.panel .img-preview img+.img-placeholder {
    display: none;
}

.panel .img-preview img[src=''] {
    background: none;
}

.panel .img-preview img[src='']+.img-placeholder {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    color: #eee;
    width: 100%;
    line-height: 1;
    margin-top: -26px;
    text-align: center;
    font-size: 54px;
    width: calc(100% - 17px);
}

.panel .list-group {
    font-size: 13px;
}

#machines {
    display: none;
}

.panel-heading {
    padding: 0;
    position: relative;
}

.panel-heading h4 {
    width: calc(100% - 34px);
    padding-left: 34px;
    font-size: 15px;
    transition: 0.2s all ease-out;
}

.panel-heading h4>a {
    display: block;
    padding: 9px 15px;
    text-decoration: none;
}

.panel-heading h4>a .product-serial,
.panel-heading h4>a .product-repaircost {
    opacity: 0.5;
    font-size: 80%;
    line-height: 18px;
    text-transform: none;
    white-space: nowrap;
    margin-left: 10px;
}
.panel-heading h4>a .product-repaircost a,
.panel-heading h4>a .product-repaircost .popover,
.panel-heading h4>a .product-repaircost .font-small {
    display: none !important;
}

.panel-heading .panel-toggle,
.panel-heading h4>a>.panel-check,
.panel-heading h4>a>.panel-toggle {
    display: block;
    width: 34px;
    text-align: center;
    padding: 10px 0 8px;
    position: absolute;
    top: 0;
    right: 100%;
    border-right: 1px solid #ddd;
    transition: 0.2s all ease-out;
    border-left: 1px solid transparent;
}

.panel-heading h4>a>.panel-check .fas,
.panel-heading h4>a>.panel-toggle .fas {
    color: #888;
}

.panel-heading h4>a>.panel-check .fas::before {
    content: "\f0c8";
    font-weight: 400;
    margin-top: -1px;
}

.panel-heading h4>a>.panel-toggle .fas::before {
    content: "\f077";
}

.panel-heading h4:hover {
    background: rgba(0, 0, 0, 0.05);
}

.panel-heading h4>a>.panel-check:hover .fas::before {
    font-weight: 900;
}

.panel-heading h4>a:not(.collapsed)>.panel-check .fas::before {
    content: "\f14a";
}

.panel-heading h4>a.collapsed>.panel-toggle .fas::before {
    content: "\f078";
}

.collapse {
    position: relative;
}

.panel-removable .panel-heading>a.panel-remove,
.panel-removable .panel-heading>a.panel-up,
.panel-removable .panel-heading>a.panel-down {
    display: block;
    width: 34px;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #ddd;
    transition: 0.2s all ease-out;
    border-right: 1px solid transparent
}
.panel-removable .panel .panel-heading>a.panel-up,
.panel-removable .panel:not(:first-of-type) .panel-heading>a.panel-down {
	right: 34px;
}
.panel-removable .panel:not(:last-of-type) .panel-heading>a.panel-up {
	right: 68px;
}

.panel-removable .panel-heading>a.panel-remove .fas,
.panel-removable .panel-heading>a.panel-up .fas,
.panel-removable .panel-heading>a.panel-down .fas {
    color: #888;
}

.panel-removable .panel-heading>a.panel-remove:hover,
.panel-removable .panel-heading>a.panel-up:hover,
.panel-removable .panel-heading>a.panel-down:hover {
    background: rgba(0, 0, 0, 0.05);
}

.panel-removable .panel:first-of-type .panel-heading h4 {
    width: 100%;
}

.panel-removable .panel:first-of-type .panel-heading h4 a {
    padding-right: 48px;
}

.panel-removable .panel:first-of-type .panel-remove,
.panel-removable .panel:first-of-type .panel-up,
.panel-removable .panel:last-of-type .panel-down {
    display: none;
}

.panel-group .panel-repaircosts .repaircosts_desc {
    font-size: 11px;
    line-height: 1.25;
    color: #777;
    margin-top: 5px;
}

.panel-group .panel-repaircosts .repaircosts_desc .has-error {
    background: #f9f2f4;
    border: 1px solid #c7254e;
    padding: 0 6px 6px;
    margin: 0 -6px;
}

.panel-group .panel-repaircosts .repaircosts_desc .error-message {
    display: none;
}
.panel-group .panel-repaircosts .repaircosts_desc .checkbox2 {
    font-size:14px;
    color: #333;
}

.panel-group .panel-repaircosts .panel-body {
    padding: 12px;
    background: #f5f5f5;
}

.panel-group .panel-repaircosts .panel-footer {
    position: relative;
    border-top: 1px solid #ccc;
    padding: 5px 15px;
}

.panel-group .panel-repaircosts .panel-footer .has-error label::after {
    content: '';
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid #a94442;
}

.panel-group .panel-repaircosts .repaircosts_value {
    font-size: 15px;
}

.panel-group .panel-repaircosts .panel-footer,
.panel-group .panel-repaircosts .repaircosts_desc>div {
    display1: none;
}

.panel-group .panel-repaircosts:not(.has-repaircosts) .repaircosts_free,
.panel-group .panel-repaircosts.has-repaircosts .repaircosts_not_free,
.panel-group .panel-repaircosts.has-repaircosts .panel-footer {
    display: block;
}

/*
#stepRepairProducts #repairProductsContainer .img-preview {
    height: 152px;
}

#stepRepairProducts #newRepairProduct .panel-heading h4 {
    width: 100%;
}

#stepRepairProducts.only-new #newRepairProduct h4 {
    padding: 0;
    pointer-events: none;
}

#stepRepairProducts.only-new #newRepairProduct h4>a>.panel-check,
#stepRepairProducts.only-new #repairProductsContainer {
    display: none;
}
*/

.panel-styled>.panel-heading,
.panel-styled>.panel-heading {
    padding: 10px 15px;
    background: #224b44;
    color: #fff;
    line-height: 18px;
    position: relative;
}
.panel-styled.panel-highlight > .panel-heading {
	background-color: #ec1b3b;
}
.panel-styled.panel-different > .panel-heading {
	background-color: #09726A;
}
.panel-styled>.panel-heading b {
    font-size: 120%;
    font-weight: normal;
}

.panel-styled>.panel-heading a {
    color: #fff;
    font-size: 13px;
}

.panel-styled>.panel-heading h2 ,
.panel-styled>.panel-heading h3 ,
.panel-styled>.panel-heading h4 ,
.panel-styled>.panel-heading p ,
.panel-styled>.panel-heading .fas {
    color: #fff;
}

.searching .panel-styled>.panel-heading .fas {
    font-size: 18px;
    line-height: 36px;
}

.searching .panel-styled>.panel-heading .fas::before {
    content: '\f107';
}

.panel-styled>.panel-body {
    padding: 10px 15px;
}

.panel-styled .table {
    margin: 0;
}

.panel-styled .table>tbody>tr>th,
.panel-styled .table>tbody>tr>td {
    padding: 2px 0;
    border: 0;
    white-space:normal;
}

.panel-styled .panel-link {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-left: 34px;
    padding-left: 10px;
    text-decoration: none;
}

.panel-styled .panel-link .panel-toggle {
    padding: 0;
    border-color: rgba(255, 255, 255, 0.25);
}

.panel-coupon {
	border-bottom: 1px solid rgb(190, 0, 54);
	margin-top: 10px;
}
.panel-coupon .panel-heading {
	background-color: #E11F3A;
	padding: 10px;
}
@media (max-width: 1399px) {
	.panel-coupon .panel-heading {
		margin-left: 60px;
	}
}
.panel-coupon .panel-heading::before {
	content: '';
	display: block;
	position: absolute;
	width: 80px;
	height: 50px;
	background: transparent url("../Icons/coupon_inv.png") no-repeat left top / auto 100%;
	transform: rotate(-15deg);
	top: -19px;
	left: -33px;
}
.panel-coupon .panel-heading h3 {
	color: #FFFFFF;
	margin-top: 9px;
	padding-left: 40px;
	font-size: 18px;
}
.panel-coupon .panel-heading .form-control {
	border-color: rgb(190, 0, 54);
	max-width: 290px;
	float: right;
}
.panel-coupon .panel-heading .form-control ~ .coupon-clear {
	display: none;
	position: absolute;
	top: calc(50% - 0.75em);
	right: 20px;
	width: 1.5em;
	height: 1.5em;
	background: transparent url("../Icons/close_bl.png") no-repeat center center;
	cursor: pointer;
}

#formStatisticFilter label {
	color: #777;
}

#statistic-tabs-header {
	margin-top: 4em;
	padding: 0;
	background: transparent;
	border: 1px solid #224b44;
	border-width: 0 0 1px 0;
}
#statistic-tabs-header > li > a {
	color: #224b44;
	border: 1px solid #224b44 !important;
}
#statistic-tabs-header > li.active > a,
#statistic-tabs-header > li:hover > a {
	color: #FFFFFF;
	background-color: #224b44;
}
#statistic-tabs {
	padding-left: 0;
	padding-right: 0;
	border: 0 none;
}
#statistic-tabs > .tab-loading {
	display: block !important;
	visiblility: hidden;
}

.panel-statistic {
    margin: 15px 0 !important;
}

.panel-statistic .counter {
    font-size: 16px;
    font-weight: bold;
    opacity: .6;
}

.panel-statistic .counter-label {
    font-size: 12px;
    opacity: .6;
}

.panel-statistic .row-filter,
.panel-statistic .row-counter {
    background: #f5f5f5;
    line-height: 1.2;
    padding: 0 15px;
}

.panel-statistic .row-counter div[class*='col-'] {
    border-right: 1px solid #ddd;
    padding: 5px 0;
}

.panel-statistic .row-counter div[class*='col-']:last-of-type {
    border-right: 0;
}

.panel-statistic .row-chart {
    padding-top: 10px;
    padding-bottom: 10px;
}
.panel-statistic .row-chart .row {
    position: relative;
    padding-bottom: 75%;
    height: 0px;
}
.panel-statistic .row-chart .row > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.panel-statistic .panel-heading .far {
	float: right;
	font-size: 1.5em;
	cursor: pointer;
}
.panel-statistic .panel-heading .table-search ~ .far {
	margin-right: 200px;
}
.panel-statistic .table-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 100%;
	padding-left: 24px;
	color: #000;
	border-width: 0 1px;
	background: #FFFFFF url("../Icons/search.png") no-repeat 8px center / 12px auto;
}
.panel-statistic .table-search:focus,
.panel-statistic .table-search.active {
	opacity: 1;
}
.panel-statistic .filter-button .fas {
	color: #f44336;
	vertical-align: bottom;
	cursor: pointer;
}
.panel-statistic .table-search.active + .filter-button {
	opacity: 1;
}
.panel-statistic .table-wrap {
	width: 100%;
	overflow-x: auto;
}
.panel-statistic table {
	min-width: 100%;
	font-size: 13px;
}
.panel-statistic table th {
	text-align: center;
	font-weight: bold;
}
.panel-statistic table th,
.panel-statistic table td {
	padding: 0.125em 0.375em;
	white-space: nowrap;
}
.panel-statistic table tbody tr:hover {
	background-color: #F7FFC6;
}
.panel-statistic table.machine-count td:first-child,
.panel-statistic table.machine-count td:nth-child(2n) {
	text-align: right;
}
.panel-statistic table.machine-count td:nth-child(2n) {
	font-weight: bold;
}
.panel-statistic table.machine-count.machine-count td:nth-child(2n+3) {
	max-width: 140px;
}
.panel-statistic table.machine-count td:nth-child(2n+3) span {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.panel-statistic table.machine-count td:nth-child(2n+3) span ~ span {
	color: #777;
}
.panel-statistic table td.notfound {
	opacity: 0.25;
}
.panel-statistic table.country-count td:not(:first-child) {
	text-align: right;
}
.tab-content {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: 0;
}

.tab-content .table {
    margin-bottom: 0;
}

.nav-tabs {
    background: #224b44;
    color: #fff;
    padding: 15px;
    padding-bottom: 0;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.nav-tabs>li>a {
    line-height: 1;
    color: rgba(255, 255, 255, .5);
    transition: 0.2s background ease-out, 0.2s color ease-out;
    border: 0 !important;
    font-weight: normal;
    text-transform: none;
    font-size: 110%;
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background: rgba(255, 255, 255, .25);
    color: #fff;
}

.nav-tabs>li.active>a {
    background: #fff;
}

.terms .form-group {
    padding: 5px 15px !important;
    border: 1px solid transparent;
}

.terms .form-group.has-error {
    border-color: #a94442;
}

.form-group .error-message {
    display: none;
    float: left;
    position: relative;
    z-index: 99;
    background: #f9f2f4;
    border: 1px solid #c7254e;
    color: #c7254e;
    padding: 5px 13px;
    margin-bottom: 16px;
    margin-top: 8px;
    width: 100%;
    height: auto;
    line-height: 18px;
    font-size: 13px;
    white-space: normal;
}

.form-group .error-message::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: 16px;
    width: 8px;
    height: 8px;
    border: solid #c7254e;
    border-width: 1px 1px 0 0;
    background: #f9f2f4;
    transform: rotate(-45deg)
}

.form-group .error-message .fas {
    color: #c7254e;
    padding-right: 5px;
}

.form-group.has-error .error-message,
.form-group.show-error-message .error-message {
    display: block;
}

.form-group.has-warning:not(.has-error) .error-message {
    background: #fff3cd;
    border: 1px solid #856404;
    color: #856404;
}
.form-group.has-warning:not(.has-error) .error-message::before {
    border-color: #856404;
    background: #fff3cd;
}
.form-group.has-warning:not(.has-error) .error-message .fas {
    color: #856404;
}
.form-group.has-warning:not(.has-error) .form-control,
.input-group.has-warning:not(.has-error) .form-control {
	background-color: #f9f2f4;
	color: #c7254e;
	border-color: #c7254e;
}

.has-error .form-control {
    border-color: #c7254e;
}

.checkbox2 {
    cursor: pointer;
    display: block;
    padding-left: 20px;
    user-select: none;
}

.checkbox2::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0c8';
    font-weight: 400;
    color: #ccc;
    margin-right: 5px;
    transition: 0.2s all ease-out;
    position: absolute;
    margin-left: -20px;
}

.checkbox2:hover::before {
    color: #888;
    font-weight: 900;
}

.checkbox2_input[value='1']+.checkbox2::before {
    content: '\f14a';
    color: #09726a;
    font-weight: 900;
}

.form-control.form-select {
	padding: 0;
	border: 0 none;
}
.input-daterange .form-select {
	text-align: center;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    line-height: 1.5;
    min-height: auto;
}

.popover {
    border-radius: 0;
    background: #eee;
}

.popover .popover-title {
    padding: 5px 7px;
}

.popover .popover-content {
    padding: 5px 7px;
    font-size: 13px;
    color: #000;
}

.popover .popover-content a {
    margin-top: 2px;
    padding: 5px 10px;
    line-height: 1.25;
    border: 1px solid rgba(0, 0, 0, .2);
}

.popover .popover-content a:last-of-type {
    margin-left: -1px;
}

.popover.left>.arrow:after {
    border-left-color: #eee;
}

.popover.right>.arrow:after {
    border-right-color: #eee;
}

.popover.bottom>.arrow:after {
    border-bottom-color: #eee;
}

.popover .popover-content a.btn {
    color: #000;
    height: auto;
    line-height: 2;
    padding: 0 10px;
    margin-top: 5px;
    background: #fff;
}

.popover .popover-content a.btn:hover {
    text-decoration: underline;
}

.select2 {
    min-width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 34px;
    border-color: #ccc;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    font-size: 13px;
    padding: 0 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 16px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eee;
    color: black;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
}

.select2-container--open .select2-dropdown--below {
    width1: auto !important;
    min-width: 100% !important;
    border: 1px solid #ccc;
    margin-top: -1px;
}

.select2-results__option {
    font-size: 13px;
    white-space: nowrap;
    white-space: normal;
    border-bottom: 1px solid #eee;
}

.select2small .select2-results__option {
    font-size: 11px;
    padding: 4px 6px;
}

.typo3-messages {
    margin: 0 0 20px;
    padding: 0;
}

.typo3-messages li {
    margin-bottom: 10px;
    list-style: none;
    border-radius: 0;
}

.typo3-messages li h4 {
    margin-bottom: 5px;
    font-size: 20px;
}

a,
a:hover,
a:active,
a:focus {
    color: #000;
    text-decoration: none;
    position: relative;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.carousel-control {
	position: absolute;
	transition: opacity 0.2s;
}
a.carousel-control.left,
a.carousel-control.right {
	background: none;
}
a.carousel-control > span:first-child {
	background-color: #224b44;
	border-radius: 50%;
	line-height: 26px;
}
.styled-radio {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.styled-radio+label {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    line-height: 27px !important;
    font-size: 13px;
}
.styled-radio+label textarea {
    padding: 5px 7px;
    font-size:13px;
    display: none;
}

.styled-radio+label::before {
    position: absolute;
    left: 0;
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    color: #09726a;
}

.styled-radio:checked+label::before {
    content: '\f192';
    font-weight: 900;
}
.styled-radio:checked+label textarea {
    display: block;
}
.styled-radio+label .small {
    line-height: 1.25;
}

.checkbox_stylewrap, .radio_stylewrap {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	vertical-align: top;
	margin-top: 0.15em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkbox_stylewrap > input[type="checkbox"], .radio_stylewrap > input[type="radio"] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 10;
	margin: 0;
	float: none;
}
.checkbox_stylewrap > input[type="checkbox"] + span, .radio_stylewrap > input[type="radio"] + span {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	border: 1px solid #224b44;
}
.checkbox_stylewrap > input[type="checkbox"]:indeterminate + span,
.radio_stylewrap > input[type="radio"]:indeterminate + span {
	background-color: #DDDDDD;
}
.checkbox_stylewrap > input[type="checkbox"]:checked + span::before {
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background-color: #224b44;
}
.radio_stylewrap > input[type="radio"] + span {
	border-radius: 100%;
}
.radio_stylewrap > input[type="radio"]:indeterminate + span {
	background-color: #DDDDDD;
}
.radio_stylewrap > input[type="radio"]:checked + span {
	background: -webkit-radial-gradient(#224b44 50%, #FFFFFF 55%);
	background: radial-gradient(#224b44 50%, #FFFFFF 55%);
}
.checkbox_stylewrap > input[type="checkbox"]:focus:required:invalid + span,
.radio_stylewrap > input[type="radio"]:focus:required:invalid + span {
	border-color: #E00000;
	transition: border-color 0.2s ease 0.2s;
}
.checkbox_stylewrap + ul.parsley-errors-list {
	position: absolute;
	top: -1.5em;
}

nav a[target='_blank'] {
    padding-right: 32px;
}

nav a[target='_blank']::after {
    display: inline;
/*    position: absolute;*/
    top: 50%;
    right: 0;
    transform: translateY(-52.5%);
    content: '\f35d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: inherit;
    padding: 0 10px;
    text-decoration: none;
    font-size: 9px;
    vertical-align: middle;
	line-height: 1;
}

nav a[target='_blank']::after {
    opacity: .5;
}

.divider-text {
    margin-bottom: 15px;
    position: relative;
}

.divider-text strong {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #fff;
    white-space: nowrap;
    font-size: 13px;
    color: #000;
    padding-right: 15px;
}

.divider-text::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #eee;
}

.alert {
    border-radius: 0;
}

.alert-info {
    border-color: rgba(9, 114, 106, .15);
    background: rgba(9, 114, 106, .05);
    color: rgba(9, 114, 106, 1);
}
.alert-info-grey {
    border-color: #f0f0f0;
    background: #f0f0f0;
    color: black;
}

.alert-info a {
    display: block;
    color: rgba(9, 114, 106, 1);
}
.alert ul,
.alert li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.alert li {
    margin-top: 5px;
}

#upload-alert, #upload-alert-warranty-excel {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    margin-top: 30px;
    background: transparent;
    padding: 0;
    box-shadow: none;
    outline: 0;
    opacity: 0;
    transition: 0.3s opacity ease-out;
    pointer-events: none;
}

#upload-alert.show, #upload-alert-warranty-excel.show {
    opacity: 1;
}

#upload-alert .alert-danger, #upload-alert-warranty-excel .alert-danger {
    margin: 0;
    box-shadow: 0 10px 30px rgba(169, 68, 66, .5);
}
#upload_warranty_excel_form .customer {
	margin-bottom: 4rem;
}
#upload_warranty_excel_form .customer > div > div:first-child {
	font-weight: bold;
}

.radio-select input[type='radio'] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    display: block;
}

.radio-select input[type='radio']+label {
    display: block;
    box-shadow: inset 0 0 0 1px transparent;
    position: relative;
    padding: 0 10px;
    line-height: 36px;
    min-height: 36px;
    border: 1px solid #ccc;
    margin-top: -1px;
    transition: 0.2s background ease-out, 0.2s border-bottom-color ease-out;
    cursor: pointer;
    user-select: none;
}

.radio-select.has-error input[type='radio']+label {
    border-color:#c7254e    
}

.radio-select input[type='radio']+label::before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    margin-right: 7px;
    color: #ccc;
}

.radio-select input[type='radio']+label .short_desc {
    padding-left: 24px;
    font-size: 12px;
    line-height: 1.25;
    opacity: 0.5;
    margin-top: -5px;
}

.radio-select input[type='radio']+label .short_desc:empty,
.radio-select input[type='radio'][name*='address_'][value='1']+label .short_desc {
    display: none;
}

.radio-select input[type='radio']:checked+label {
    border-color: #ccc;
    background: #f5f5f5;
    z-index: 1;
}

.radio-select input[type='radio']:checked+label::before {
    content: '\f058';
    font-weight: 900;
    opacity: 1;
    color: #09726a;
}

.radio-select input[type='radio']:not(:checked)+label:hover {
    background: #eee;
}

.radio-select input[type='radio']+label[for='warranty_type-2'] {
    display: none;
}

.radio-select .lihd input[type='radio']+label[for='warranty_type-2'] {
    display: block;
}

.radio-select input[type='radio'][name*='address']:last-of-type:checked+label.collapsed-out {
    border-bottom-color: #f5f5f5;
}

.radio-select input[type='radio'][name*='address']:last-of-type:checked+label::after {
    display: block;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    color: #888;
    width: 44px;
    text-align: center;
    padding: 3px 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.2s all ease-out;
    font-weight: 900;
}

.radio-select input[type='radio'][name*='address']:last-of-type:checked+label.collapsed-out::after {
    content: "\f077";
}

.input-group input[type='file'] {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.input-group input[type='file']+label {
    cursor: pointer;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*
input[type='file'] + label {
    position: absolute; width: 100%; height: 34px; top: 0; right: 0;
    text-align: left; line-height: 34px;
    cursor: pointer; text-indent: 12px;
}
input[type='file'] + label .fas {
    position: absolute; top: -1px; right: -1px; width: 34px; height: 34px;
    color: #888; background: #eee; border: 1px solid #ccc; padding-top: 9px;
    text-align: center; text-indent: 0;
}
*/

.address-block {
    border: 1px solid #ccc;
    background: #f5f5f5;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    display: none;
    transform: translateY(-6px);
}

.address-block::before {
    content: '';
    display: block;
    clear: both;
    height: 15px;
}

.address-block::after {
    content: '';
    display: block;
    clear: both;
    height: 5px;
}

table a,
.download_btn,
.language>ul>li>a,
.topnavi ul>li a,
#mainmenu ul>li a,
#footer>ul>li a,
.nav-tabs>li>a {
    text-decoration: none;
    border-radius: 0;
}

table a:hover,
.download_btn:hover,
.language>ul>li>a:hover,
.topnavi ul>li a:hover,
#mainmenu ul>li a:hover,
#footer>ul>li a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

.form-control.datepicker {
    padding: 6px 12px;
}

.input-group {
    width: 100%;
    margin-bottom: 5px;
    table-layout: fixed;
}

.input-group:last-of-type {
    margin-bottom: 0;
}

.input-group.has-error,
.has-error .select2-container .select2-selection--single {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.input-daterange .input-group-addon {
    width: 36px;
}

.input-group-addon,
.input-group-btn {
    width: 32px;
}

button {
    border-radius: 0 !important;
    position: relative;
}

.zoom-buttons {
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: #eee;
    border: 1px solid #ddd;
}

a.zoom-in,
a.zoom-out {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    color: #888;
}

a.zoom-out {
    border-left: 1px solid #ddd;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    height: 34px;
    margin-left: -2px;
}

.table .input-group-btn:last-child>.btn,
.table .input-group-btn:last-child>.btn-group {
    margin-left: -2px;
}

input[type='file'] {
    cursor: pointer;
}

.input-group-btn .fas {
    color: #888;
}

.btn-add,
.btn-remove,
.btn-removeInvoice,
.btn-upload {
    background: #eee !important;
    border: 1px solid #ccc !important;
    color: transparent;
}

.btn-add .fas::before,
.btn-remove .fas::before,
.btn-removeInvoice .fas::before {
    font-size: 12px;
}

.btn-add .fas::before {
    content: '\f067';
}

.btn-remove .fas::before {
    content: '\f068';
}

.btn-removeInvoice .fas::before {
    content: '\f00d';
    color: #f44336;
}

.form-group .btn-upload label {
    line-height: 30px;
    margin: -5px 0;
    display: block;
    cursor: pointer;
}

/*
.btn-add::after, .btn-remove::after {
    content:''; position: absolute; display: block; top: 50%; left: 50%;
    font-weight: bold; font-size: 22px; color: #888; transform: translate(-50%,-50%);
    font-family: 'Font Awesome 5 Free';
}
.btn-remove::after { content:'–'; margin-top: -1px; transform: translate(-50%,-50%) scaleY(1.25); }
.btn-upload::after { content:'–'; margin-top: -1px; transform: translate(-50%,-50%) scaleY(1.25); }
*/

.has-num-invoices {
	display: flex;
	flex-direction: column;
	gap: 0.25em;
	max-width: 182px;
}
.has-num-invoices a {
	max-width: 100%;
	margin-right: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.normalize,
ul.normalize li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#logo {
    display: block;
    float: left;
    padding: 16px 0px;
}

#logo img {
    display: block;
    width: 242px;
}

#contact {
    background: #eee;
}

main {
    line-height: 1.4;
    padding: 25px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px 0;
    font-size: 25px;
    color: #224b44;
    line-height: normal;
    font-weight: 700;
}

h1 {
    font-size: 25px;
    margin-bottom: 30px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 15px;
}

h1.error {
	color: #c7254e;
}

.resizeable-v {
	resize: vertical;
}

.wrap {
    white-space: normal !important;
    color: #ccc;
}

.wrap .no-wrap {
    color: #000;
}

.no-wrap {
    white-space: nowrap !important;
}

.normal-wrap {
    white-space: normal !important;
}

.reset-line-height {
    margin-top: -12px;
}

.no-events,
.no-events * {
    pointer-events: none !important;
}

.inactive {
    opacity: .5;
    pointer-events: none !important;
}

.empty {
    color: #ccc;
}

.no-border {
    border: 0 !important;
}

div.datepicker {
    z-index: 200 !important;
}

.datepicker table tr td.active,
.datepicker table tr td .active {
    background: #09726a !important;
}

.datepicker table tr td.today {
    box-shadow: inset 0 0 0 1px #09726a;
    background: none;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:focus {
    background: #eee !important;
}

.datepicker,
.datepicker * {
    border-radius: 0 !important;
}

.input-daterange input.form-control {
    padding: 5px;
    font-size: 13px;
    border-radius: 0 !important;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-dots {
	position: absolute;
	right: 15px;
	bottom: 10px;
	display: flex;
	gap: 0.5rem;
	padding: 0;
	margin: 0;
	list-style: none;
}
.slick-dots > li {
	width: 1.5rem;
	height: 1.5rem;
	background-color: #FFFFFFBB;
	border: 1px solid #224b44;
	cursor: pointer;
}
.slick-dots > li.slick-active {
	background-color: #FFFFFFDD;
}
.slick-dots > li > button {
	display: none;
}

.nav-tabs {
    margin-top: 0;
}

.nav-tabs>li {
    font-weight: bold;
    text-transform: uppercase;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #09726a;
}

.table.table-style-2,
.table.table-style-2 thead th {
    border: 0;
}

.table.table-style-2 thead th {
    text-transform: uppercase;
    color: #224b44;
    font-size: 120%;
}

.table-responsive-overview {
    padding-bottom: 100px;
    border:0;
}
.table-responsive-overview + .row {
    margin-top: -90px;
}
@media screen and (max-width: 767px) {
    .table-responsive { border:0 }
    .table-responsive>.table-bordered { border:1px solid #ddd; }
    .button-download {
        margin-bottom: 20px;
    }
    .new-warranty-link {
        margin-bottom: 20px;
    }
}
/* Styling for the popup */
#ios-store {
    display: none;
}
.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}
/* Close button styling */
.close-button {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    font-size: 30px;
}
.popup-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    font-size: 12px;
    text-align: center;
    width: 80%;
}
#goToGoogleStore , #goToAppleStore {
    display: none;
    width: 100%;
}
#popup-title {
    display: flex;
    align-items: center;
    gap: 20px;
}
#popup-title.is-ios {
    margin-bottom: 40px;
    padding-left: 2px
}
#popup-title.is-android {
    margin-bottom: 40px;
    padding-left: 0px
}
#popup-title  img {
    width: 50px;
    border-radius: 10px;
}
#popup-title h2 {
    position: relative;
    top: 8px;
    font-size: 25px;
}
/* Button container for aligning buttons */
.button-container {
    text-align: center;
    margin-top: 20px;
}

/* Button styling */
.popup-button {
    margin: 5px 3px; /* Add margin for spacing */
    padding: 10px 20px; /* Adjust padding for button size */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
}

/* Separate button styles */
#goToStore {
    color: #fff; /* White text color */
}

#cancel {
    background-color: #224b44;
    color: #fff; /* White text color */
}
.table.table-small th, .table.table-small td {
    font-size:11px;
    padding: 2px 0;
}

#breadcrumbs {
    line-height: 35px;
}

#breadcrumbs p {
    margin: 0;
    padding: 0;
}

#breadcrumbs a {
    text-decoration: underline;
    display: inline-block;
}

#breadcrumbs a:hover {
    text-decoration: none;
}

#breadcrumbs .divider {
    display: inline-block;
    width: 20px;
    position: relative;
}

#breadcrumbs .divider::before,
#breadcrumbs .divider::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 2px;
    width: 5px;
    height: 5px;
    border: 1px solid #000;
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(45deg)
}

#breadcrumbs .divider::before {
    left: 4px;
}

#breadcrumbs .divider::after {
    left: 8px;
}

#breadcrumbs ul,
#breadcrumbs ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#breadcrumbs ul li {
    display: inline-block;
}

.search_type {
    cursor: pointer;
    margin: 0;
    padding: 5px 0;
}

.search_container {
    display: none;
    padding-top: 5px;
}

.search_container.active {
    display: block;
}
.machine-details,
.fullservice-code {
    display: none;
}
.service_btn_grey::after {
    background: rgb(169,169,169) !important;
}
.panel-body .service_btn_grey::after {
    left: 0px !important;
    right: 20px;
    top: -15px !important; 
    width: 31px !important; 
}
.service_btn_detail .service_btn_grey::after {
    padding: 11px !important;
    top: 0px !important;
    left: -37px !important;
}
.service_btn_cell .service_btn_grey::after {
    /* padding: 21px !important; */
}
.warranty1-box img {
    float:right;
}
.panel[data-voucher-category=""] .machine-details .warranty_code_input,
.panel:not([data-voucher-category="FS0"])[data-warranty-type="promotion"] .machine-details .fs0-text, 
.panel:not([data-voucher-category="FS0"]) .fs0-text,
.panel:not([data-warranty-type="2"]) .warranty2-text,
.panel:not([data-warranty-type="2"]) .warrantyType2.with-warranty,
.panel:not([data-warranty-type="promotion"]) .warrantyType2.with-warranty,
.panel[data-voucher-category=""] .machine-details > .my-1:first-child,
.panel[data-voucher-category="FS0"] .machine-details .warranty_code_input,
.panel[data-warranty-type=""] .warranty2-box,
.panel[data-warranty-type=""] .warranty3-box,
.panel[data-warranty-type=""] .warranty1-box,
.panel[data-warranty-type=""] .warranty-promotion-box,
.panel[data-warranty-type="no_warranty"] .no-warranty-box,
.panel:not([data-warranty-type="2"]) .warranty2-box,
.panel:not([data-warranty-type="3"]) .warranty3-box,
.panel:not([data-warranty-type="promotion"]) .warranty-promotion-box,
.panel:not([data-warranty-type="no_warranty"]) .no-warranty-box,
.panel:not([data-warranty-type="1"]) .warrantyType1.with-warranty,
.panel:not([data-warranty-type="3"]) .warrantyType3.with-warranty,
.panel:not([data-warranty-type="1"]) .warranty1-box ,
.panel[data-voucher-category="FS0"] .machine-details .warranty2-box,
.panel[data-voucher-category="FS0"] .machine-details .warranty3-box,
.panel[data-voucher-category="FS0"][data-warranty-type="promotion"] .machine-details .warranty-promotion-box {
	display: none !important;
}
/*#steps-container .panel[data-voucher-category="FS0"] [class*='warrantyType'], */
.panel[data-warranty-type="2"] .machine-details .warranty_code_input,.panel[data-warranty-type="promotion"] .machine-details .warranty_code_input
.panel[data-warranty-type="2"] .machine-details > .my-1:first-child,.panel[data-warranty-type="promotion"] .machine-details > .my-1:first-child,
.panel[data-warranty-type="promotion"] .machine-details .warranty_code_input {
	display: none !important;

}
#steps-container .panel[data-voucher-category="FS0"]:not([data-warranty-type="promotion"]) .warrantyType2.with-warranty,
.panel[data-voucher-category="FS4"] .panel[data-warranty-type="1"] .warrantyType2.with-warranty,
.panel[data-voucher-category="FS0"]:not([data-warranty-type="promotion"]) .warranty2-text,
.panel[data-warranty-type="1"] .warrantyType1.with-warranty ,
.panel[data-warranty-type="3"] .warrantyType3.with-warranty,
.panel[data-warranty-type="1"] .warranty1-box ,
.panel[data-warranty-type="2"] .warranty2-text,
.panel[data-warranty-type="2"] .warrantyType2.with-warranty,
.panel[data-warranty-type="promotion"] .warrantyType2.with-warranty,
.panel[data-warranty-type="2"] .machine-details .warranty2-box,
.panel:not([data-voucher-category="FS0"])[data-warranty-type="3"] .machine-details .warranty3-box,
.panel[data-warranty-type="promotion"] .machine-details .warranty-promotion-box,
.panel[data-warranty-type="no_warranty"] .machine-details .no-warranty-box {
	display: block !important;
}
#no-warranty-type {
    font-weight: bold;
}
.fullservice-code .form-group {
    margin-bottom: 0;
}
.form-group > label + .datemarker {
	margin-top: 0.5em;
}
.form-group > .datemarker > i,
.row-edit > .datemarker > i {
	cursor: pointer;
}
.form-group textarea.notice {
	height: 150px;
}
.ma-notice > div {
	max-height: 80px;
	overflow: auto;
}
.customer-inactive > .panel > .panel-body {
	color: #777777;
	background-color: #E0E0E0;
}
.customer-inactive > .panel > .panel-body a {
	color: inherit;
}
.panel > .panel-heading .fas {
	vertical-align: middle;
}
.customer-inactive > .panel > .panel-heading b + .fas {
	margin-left: 0.5em;
	margin-top: -0.25em;
}

.form-control,
.img-thumbnail {
    border-radius: 0;
}
td.exclude {
    overflow:visible !important;
    position : static;
}
.tooltip {
    position: absolute !important;
    z-index: 9999 !important;
}
.tooltip .tooltip-inner {
    background-color: #224b44 !important;
    max-width:500px;
    mix-blend-mode: normal;
}
.tooltip.in {
    opacity : 1 !important;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #224b44;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #224b44;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #224b44;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #224b44;
}
.tooltip .tooltip-inner-no-warranty {
    background-color: #D9D9D9 !important;
    color: rgba(0, 0, 0, 0.9) !important;
}
.tooltip.top .tooltip-arrow-no-warranty  {
    border-top-color: #D9D9D9;
}
.tooltip.right .tooltip-arrow-no-warranty  {
    border-right-color: #D9D9D9;
}
.tooltip.bottom .tooltip-arrow-no-warranty  {
    border-bottom-color: #D9D9D9;
}
.tooltip.left .tooltip-arrow-no-warranty {
    border-left-color: #224b44;
}
.select2-results__option {
    padding-right: 10px;
}
.select2-results__option .star-icon {
   
    
}
.select2-results__option .star-icon .my-icon {
    width: 22px;
    height: 22px;
    fill: transparent;
    stroke: #224b44;
    stroke-width: 1.5px;
} 
.select2-results__option.select2-results__option--highlighted .star-icon .my-icon {
    fill: transparent;
    stroke: #224b44;
}
.select2-results__option.select2-results__option--highlighted .star-icon.fav-selected .my-icon {
    fill: #224b44;
    stroke: #224b44;
}
.select2-results__option .star-icon.fav-selected .my-icon {
    fill: #224b44;
    stroke: #224b44;
}
.flx-cnt {
    display: flex;
    gap : 10px;
}
#steps-nav .step.flx-cnt {
    line-height: 1.5;
    padding: 10px;
}
#steps-nav .step.flx-cnt::after {
    position: relative;
    top : 0px;
    right: 0px;
}
.overflow-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
}
.trader-select-cnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn {
    outline: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-decoration: none;
    transition: 0.2s all ease-out;
    height: 34px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
}

.btn:active,
.btn:focus {
    outline-color: #09726a;
    box-shadow: none;
}

.btn.btn-primary {
    background: #224b44;
    color: #fff;
}

.btn.btn-secondary {
    background: #224b44;
    color: #fff;
}

.btn.btn-secondary:hover {
    text-decoration: underline;
}

.btn.btn-gray {
    background: #707070;
    color: #fff;
}
/** BEGIN NEWS */
.tour-helper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: auto;
    border: 1px solid #224b44;
    border-radius: 3px;
    background-color: white;
    display: none;
    flex-direction: column;
    justify-content: center; /* Center vertically */
    max-width: 500px;
    min-width: 300px;
    z-index: 10000;
    box-shadow: 7px 7px 5px lightgrey;
}
.tour-helper.active {
    display: flex;
}
.tour-helper .swiper-tour {
    color: black;
    height: 100% !important;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.tour-helper .swiper-slide {
    height: auto;
}
.tour-helper .dismiss-cnt {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    border-bottom: 1px solid #224b44;
}
:root {
    --swiper-theme-color: #224b44 !important;
}
.tour-helper .dismiss-cnt {
    background-color: #224b44;
    color: white;
    display: flex;
    justify-content: space-between;
    font-size: large;
    font-weight: bold;
}
.tour-helper .dismiss-cnt  .dismiss-tour {
    cursor: pointer;
}
.tour-helper .pagination-cnt {
    display: flex;
    justify-content: end;
}
.tour-helper .pagination-cnt .footer-cnt {
    margin: 10px;
    z-index: 100;
}
.tour-helper .pagination-cnt .footer-cnt .tour-go-forward , .tour-helper .pagination-cnt .footer-cnt .tour-end {
    padding: 5px;
    border: 1px solid #224b44;
    border-radius: 3px !important;
    cursor: pointer;
}
.tour-helper .pagination-cnt .footer-cnt .tour-end {
    display: none;
}
.tour-helper .fas.fa-times {
    color: white;
}
.tour-helper .item .img-cnt {
    width: 100%;
}
.tour-helper .item {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 10px;
    max-height: 80vh;
    overflow: auto;
}
.tour-helper .item .text-cnt p:first-child {
    font-weight: bold;
}
.tour-helper .item .text-cnt {
    padding-left: 5px;
} 
/** END NEWS */
div[class*='drop'] .btn.active.focus,
div[class*='drop'] .btn.active:focus,
div[class*='drop'] .btn.focus,
div[class*='drop'] .btn:active.focus,
div[class*='drop'] .btn:active:focus,
div[class*='drop'] .btn:focus {
    outline: 0;
    background: none;
}

div[class*='drop'] .btn {
    display: block;
    height: auto;
    line-height: 1;
    padding: 7px 8px;
    font-size: 13px;
    background: none;
    position: relative;
}

.table .dropdown-menu {
    border-radius: 0;
    right: -1px;
    margin-top: -1px;
    border-color: #aaa;
}

.table .dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: -1px;
}

.table .dropdown-menu a {
    font-size: 13px;
    padding: 4px 8px;
}

div[class*='drop'] {
    border: solid transparent;
    border-width: 1px 1px 0;
}

div[class*='dropup'] {
    border-width: 0 1px 1px;
}

div[class*='drop'].open {
    border-color: #aaa;
}

div[class*='drop'].open button.btn {
    background: #fff !important;
    z-index: 100;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    text-decoration: underline;
    background: #224b44;
}
.btn.btn-gray:hover,
.btn.btn-gray:active,
.btn.btn-gray:focus {
    background: #707070;
    text-decoration: underline;
}

.btn-group .btn {
    border: 1px solid #ccc;
}

.btn.btn-primary .fas,
.btn.btn-secondary .fas {
    color: #fff;
    padding-right: 10px;
}

.btn.btn-action {
    padding: 0 5px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
}

.btn.btn-action {
    font-size: 13px;
    color: #09726a;
}

.btn.btn-action .fas {
    line-height: 2;
}

.btn-block+.btn-block {
    margin-top: 0;
}

.btn-group>.btn,
.panel,
.panel-heading,
.pagination>li>a {
    border-radius: 0 !important;
}

.toggle-by-category {
	display: none;
}

.info-accordeon > p {
	position: relative;
	padding-right: 15px;
	cursor: pointer;
}
.info-accordeon > p:not(:first-child) {
	margin-top: 0.75em;
}
.info-accordeon > p > i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
}
.info-accordeon > p + div {
	display: none;
	margin-top: 0.5em;
}
.info-accordeon > p + div > p {
	margin-bottom: 0.5em;
}
.info-accordeon > p + div > p:last-child {
	margin-bottom: 0;
}

.package-size input {
    text-align: center;
}

.package-size>div[class*='col-']:not(:last-of-type)::after {
    position: absolute;
    top: 0;
    right: -15px;
    width: 30px;
    height: 34px;
    background: #f5f5f5;
    border: solid #ccc;
    border-width: 1px 0;
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    line-height: 34px;
    color: #888;
}

.badge {
    margin: 0 3px 3px 0;
}

#documents .lang .badge {
    width: calc(100% / 3 - 7px);
    width: calc(100% / 5 - 5px);
    background: #ccc;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

#documents .lang .badge:nth-of-type(5n) {
    margin-right: 0;
}

.ba-image {
    height: 280px;
}

.ba-image img {
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 100% 50%;
    object-fit: contain;
}

.ba-details {
    padding: 10px 25px 35px;
}

.ba-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.ba-wrapper>.ba-item,
.ba-wrapper>.ba-item .row {
    display: flex;
}

.ba-wrapper>.ba-item .row {
    flex-direction: column;
}

.ba-wrapper>.ba-item .panel {
    width: 100%;
}

.download_btn {
    position: absolute !important;
    left: 30px;
    bottom: 30px;
}

.service_btn, .service_btn_expired {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 11px;
    width: auto;
    line-height: 20px;
    z-index: 5;
    padding: 0 5px;
    position: relative;
    font-weight: bold;
}

.service_btn span,.service_btn_expired span {
    position: relative;
    z-index: 9;
}

.service_btn::after , .service_btn_expired::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(190, 0, 54);
    border-radius: 3px;
}
.service_btn_expired::after {
    background: rgb(169,169,169);  
}
.detail-view .service_btn::after , .detail-view .service_btn_expired::after{
    transform: scale(1.3);
}
.service_btn_cell {
    padding: 5px;
}

.service_btn_cell .service_btn , .service_btn_cell .service_btn_expired  {
    width: 100%;
}


.pagination {
    margin: 0;
    padding: 0;
}

.pagination>li>a,
.pagination>li>a:hover,
.pagination>li>a:active,
.pagination>li>a:focus,
.pagination>li>span {
    color: #224b44;
    height: 34px;
    width: 34px;
    padding: 6px 0;
    text-align: center;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #000;
    background: #eee;
    border-color: #ccc;
    box-shadow: 0 0 0 1px solid #ccc;
}

.pagination>li.prev>a,
.pagination>li.next>a {
    font-size: 16px;
    line-height: 20px;
    width: 30px;
}

.pagination>li.prev.double>a {
    margin-right: 10px;
}

.pagination>li.next.double>a {
    margin-left: 10px;
}

#glsModal .modal-dialog {
    width: 755px;
}

#gls-shops iframe {
    width: 100%;
    height: 420px;
}

.filter-row th {
    padding: 0 !important;
}

input.filter, input.table-search {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABuElEQVRYhd2YW5HDMAxFDwRDCIRACIRCMIRCCINCCIRCMIRCCIRAyH64ne14ZUd+NZ3VjL46kk5tXdsK/EMbgSuwAC7w5fnbeAaYBVZgV/qKhzW9wS6ZYKFvzxxdbKkAC/1Ow9U0wKMh3MsfrSA1cA6YA79/AvKWSL49QVIFDF5QWyLPUgo3JZLm9pAhvaJFwomptfgfExfaSuZW20iiewXcEaTNSSIJY6ON6gzy7qzaBIMQvOMF0cpspIbqWpSCW63eu0nKvmoCpaOlRe+FJvWiqo4TAucOgFao40oBpw6Ak1BHJZQzAfdSwB5PJAnwUQo4dwC8CnVUPTiXBmaadDerrtGLELjjD/BWZpDPQasN7n2TzJEagzZB7GnUYkIbkFcvq42mCGDtCzg1PtjcZJKaayCPHq3ZuzMmkq3kHd4jx7PNVgIpnVXhsZBKOpI3rhZBagps+Ja44RXqKB/wu0G29CJIS3p8/ArIgbi6Ne7I68siSPAKXtCv6MJf1Wu+PLwgq8aNCa/2WfAQ6t1yvvncagBrTAvpzgIEHeSpgHAMedoWv1sMstl3xBZm+L2JHH7lvgbu0H4AbcEVmp9wXZ4AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    position: relative;
    right: 4px;
}
input.filter {
    padding: 5px 8px 5px 8px !important;
    border: 0 !important;
    line-height: 1.25 !important;
    height: auto !important;
    font-weight: normal;
    font-size: 12px !important;
    background-position: 8px 50%;
    background-size: 12px;
    opacity: 0.25;
}
input.filter:focus {
    opacity: 1;
    background-image:none;
}
input.filter[data-value='']+a {
    display: none;
}
input.table-search {
	width: 20%;
	min-width: 200px;
	padding-left: 3em;
	background-position: 1em center;
	background-size: auto 50%;
}
input.valid {
    border-color:#8BC34A !important;
}
input.invalid {
    border-color:#ef5350 !important;
}
input.valid:focus {
    box-shadow: 0 0 8px rgba(156, 204, 101,.6) !important;
}
input.invalid:focus {
    box-shadow: 0 0 8px rgba(239, 83, 80,.4) !important;
}
input + .inputStatus {
    display: none;
    position: absolute;
    width: 34px; height: 34px;
    right: 15px; top: 0;
    background: #eee;
    border: 1px solid;
    line-height: 34px;
    text-align: center;
}
input + .inputStatusCus {
    right : 49%;
    top : 37%;
}
input.valid + .inputStatus,
input.invalid + .inputStatus {
    display: block;
}
input.valid + .inputStatus {
    background: #DCEDC8;
    border-color: #8BC34A;
}
input.invalid + .inputStatus {
    background: #ffcdd2;
    border-color: #ef5350;
}
input.valid + .inputStatus .fas {
    color: #7CB342;
}
input.invalid + .inputStatus .fas {
    color: #ef5350;
}

input.machine-warranty_code-details + .inputStatus,
input.machine-coupon_id-details + .inputStatus {
	right: 0;
}
input#femanager_field_vat + .inputStatus .fas {
	position:absolute;
    top:25%;
    right:25%;
}
table thead th label.filter {
    margin: 0;
    font-weight: normal;
    display: block;
    float: left;
    line-height: 24px;
    width: 100%;
    text-align: center;
    opacity: 0.5;
}

.filter-button {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    height: 100%;
    width: 24px;
    z-index: 20;
    line-height: 26px;
    text-align: center;
    opacity: 0;
    transition: 0.2s all ease-out;
    color: #f44336 !important;
}

.filter-button .fas {
    font-size: 12px;
    color: #f44336;
}
input.filter:not([data-value='']):not(:focus) {
    background-image: none;
}
table thead th:hover a.filter-button,
input.filter:not([data-value='']) {
    opacity: 1;
}

input.filter:not([data-value=''])+a {
    opacity: .5;
}

input.filter:not([data-value=''])+a:hover {
    opacity: 1;
}

.p-0 {
    padding: 0 !important;
}

.p-05 {
    padding: 7.5px !important;
}

.p-1 {
    padding: 15px !important;
}

.p-2 {
    padding: 30px !important;
}

.p-3 {
    padding: 45px !important;
}

.p-4 {
    padding: 60px !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-05 {
    padding-left: 5px !important;
}

.pl-1 {
    padding-left: 15px !important;
}

.pl-2 {
    padding-left: 30px !important;
}

.pl-3 {
    padding-left: 45px !important;
}

.pl-4 {
    padding-left: 60px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pr-05 {
    padding-right: 5px !important;
}

.pr-1 {
    padding-right: 15px !important;
}

.pr-2 {
    padding-right: 30px !important;
}

.pr-3 {
    padding-right: 45px !important;
}

.pr-4 {
    padding-right: 60px !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.px-05 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.px-1 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-2 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.py-2 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 15px !important;
}

.pb-2 {
    padding-bottom: 30px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pt-0 {
    padding-top: 0000 !important;
}

.pt-05 {
    padding-top: 05px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-1 {
    padding-top: 15px !important;
}

.pt-2 {
    padding-top: 30px !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 15px !important;
}

.m-2 {
    margin: 30px !important;
}

.mb-04 {
    margin-bottom: 4px !important;
}

.mb-05 {
    margin-bottom: 7.5px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 15px !important;
}

.mb-2 {
    margin-bottom: 30px !important;
}

.mt-05 {
    margin-top: 7.5px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 15px !important;
}

.mt-2 {
    margin-top: 30px !important;
}

.ml-05 {
    margin-left: 7.5px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-1 {
    margin-left: 15px !important;
}

.ml-2 {
    margin-left: 30px !important;
}

.mr-05 {
    margin-right: 7.5px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-1 {
    margin-right: 15px !important;
}

.mr-2 {
    margin-right: 30px !important;
}

.my-05 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.my-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.my-2 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mx-05 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mx-1 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mx-2 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

@media (min-width: 992px) {
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
}

.col-content-flex > .row {
	display: flex;
}
.col-content-flex > .row > * {
	width: auto;
}

.leftmenu {
    margin-top: -5px;
    margin-bottom: 30px;
}

.leftmenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.leftmenu ul ul {
    padding-left: 6px;
}

.leftmenu li {
    font-size: 18.75px;
    color: #fff;
}

.leftmenu li a {
    display: block;
    padding: 5px 10px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    background: #224b44;
    margin: 6px 0;
    font-weight: 700;
    text-transform: uppercase;
}

.leftmenu li a:hover,
.leftmenu li a.active,
#mainmenu li.active>a,
#mainmenu li:hover>a {
    text-decoration: underline;
}

.leftmenu .dd-toggle.active {
    text-decoration: none;
}

.leftmenu li.level-1.active>ul {
    display: block;
}

.leftmenu li.level-1 a {
    padding: 0 0 0 20px;
    line-height: 33px;
}

.leftmenu li.level-2 a {
    font-size: 12px;
    line-height: 1.25;
    padding: 5px 15px 3px;
    font-weight: normal;
    text-transform: uppercase;
}

#mainmenu ul,
.toparea {
    position: absolute;
    margin: 0;
    padding: 0;
    right: 6px;
}

.toparea {
    top: 9px;
}

.toparea {
    top: 9px;
}

.toparea .loggedin {
    float: right;
    padding: 8px 12px;
    color: #fff;
    font-size: 12px;
    opacity: .5;
}

.toparea>nav {
    float: left
}

.toparea ul {
    margin: 0;
    padding: 0;
    float: right;
}

#mainmenu ul {
    bottom: .75rem;
}

.topnavi>ul>li,
#mainmenu ul>li {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.topnavi>ul>li>a,
#mainmenu ul>li>a {
    padding: .39rem .78rem;
    color: #fff;
}

#mainmenu ul>li>a [target='_blank'] {
    padding-right: 1.75rem;
}

#mainmenu ul>li a {
    text-transform: uppercase;
    font-size: 14px;
}

.topnavi ul li a {
    display: block;
    padding: 6px 12px;
    transition: 0.2s all ease-out;
}

.topnavi ul li a:hover {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.language {
    position: relative;
    z-index: 20;
    padding-top: 25px;
    background: transparent;
    transition: 0.2s all ease-out;
}

.language>ul {
    margin: 0;
    padding: 0;
}

.language>ul>li {
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    height: 0;
}

.language>ul>li>a {
    display: block;
    color: #fff;
}

.language>ul>li>a[class*='country-flag-'] {
    display: block;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 16px 40%;
    padding: 6px 24px 10px 36px;
}

.language>ul>li.active {
    visibility: visible;
}

.language>ul>li.active>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.language>ul>li.active>a::after {
    content: '';
    position: absolute;
    top: 7px;
    right: 10px;
    width: 0;
    height: 0;
    border: 3px solid #fff;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    transform: scale(1, 1.5) rotate(45deg)
}

.language.active {
    background: #fff;
    z-index: 200;
}

.language.active>ul>li {
    visibility: visible;
    height: auto;
}

.language.active>ul>li>a {
    color: #000;
}

.language.active>ul>li.active>a::after {
    border-color: #000;
}

.toparea>ul {
    float: left;
    padding: 0;
}

.toparea>ul>li>a {
    display: inline-block;
    font-size: 12px;
}

.toparea>ul>li>a:hover {
    text-decoration: none;
}

.toparea>ul li .snavi {
    display: none;
    position: absolute;
    background: #fff;
    margin: 0;
    padding: 0;
}

.toparea>ul li .snavi {
    display: block;
    z-index: 150;
}

.toparea>ul li .snavi li {
    display: block;
    clear: both;
    color: #224b44;
}

.toparea>ul li .snavi li a {
    color: #224b44;
    padding-right: 50px;
}

.toparea>ul>li .popup {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    background: #fff;
    padding: 5px 0;
    min-width: 100%;
}

.toparea>ul>li:hover {
    background: #fff;
    z-index: 200;
}

.toparea>ul>li:hover a {
    color: #000;
}

.toparea>ul>li:hover .popup {
    display: block;
}

.toparea li:empty {
    display: none;
}

#mobilemenu,
.icon+input {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    visibility: hidden;
}

#footer>ul>li:last-of-type a::before,
.icon::before {
    content: '';
    font-family: 'entypo';
    color: #000;
    padding: 0 10px;
}

#footer>ul>li:last-of-type a {
    padding-left: 28px;
    padding-bottom: 3px;
}

#footer>ul>li:last-of-type a::before {
    display: block;
    position: absolute;
    left: 0;
    background: #09726a;
    width: 20px;
    height: 20px;
    text-indent: -6px;
    color: #fff;
}

#footer>ul>li:last-of-type a[href*='facebo']::before {
    content: '\f30c';
    text-indent: -3px;
}

#footer>ul>li:last-of-type a[href*='twitte']::before {
    content: '\f309';
}

#footer>ul>li:last-of-type a[href*='youtub']::before {
    content: '\25b6';
    text-indent: -3px;
}

#footer>ul>li:last-of-type a[href*='instag']::before {
    content: '\f32d';
}

#footer>ul>li:last-of-type a[href*='google']::before {
    content: '\f351';
}

#footer>ul>li:last-of-type a[href*="linkedin"]::before {
    content: '\f318';
}

.icon-popup::before {
    content: "\e74c";
}

#footer>ul {
    margin: 0;
    padding: 0;
}

#footer>ul * {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer>ul>li {
    text-transform: uppercase;
    font-weight: bold;
}

#footer>ul>li a {
    display: block;
    color: #fff !important;
    line-height: 22px;
    text-transform: none;
    font-weight: normal;
}

#footer>ul>li a:hover {
    color: #fff;
}

#footer>ul>li>ul {
    margin-top: 10px;
}

.overlay {
    transition: 0.5s opacity ease-out;
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: 1000;
}
.overlay > .layer-content {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 1250px;
	max-width: 90%;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 2em;
	border: 1px solid #224b44;
	box-shadow: rgba(0,0,0,0.22) 0 0 2em 0;
}
.overlay > .layer-content.layer-content-small {
	width: 625px;
}
.overlay > .layer-content > .layer-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 2rem;
	height: 2rem;
	background: #224b44 url("../Icons/close.png") no-repeat center center / auto 50%;
	cursor: pointer;
}

.ovFadeIn .overlay {
    opacity: 1;
    left: 0;
}

.ovFadeOut .overlay {
    opacity: 0;
}

.overlay > .layer-content .alert-warning {
	padding: 1rem;
	margin: 1rem 0;
}

.qrcode img {
    image-rendering: pixelated;
}

div[class*='tx-felogin'] a,
div[class*='tx-felogin'] label {
	padding-top: 10px;
    line-height: 18px;
}

/*
    div[class*='tx-felogin'] h3 { display: none; }
    div[class*='tx-felogin'] fieldset { margin-top: 20px;}
    div[class*='tx-felogin'] fieldset > div { float: left; width: 100%; margin-bottom: 10px;}
    div[class*='tx-felogin'] fieldset legend { display: none; }

    div[class*='tx-felogin'] label,
    div[class*='tx-felogin'] input:not([type=radio]):not([type=checkbox]) { display: block; float: left; width: 50%; margin: 0; }

    div[class*='tx-felogin'] label { width: 30%; line-height: 34px; }
    div[class*='tx-felogin'] input:not([type=radio]):not([type=checkbox]) { width: 70%; }
*/
div[class*='tx-felogin'] input:not([type=radio]):not([type=checkbox]) {
      display: block;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .form-control, .form-group, .input-group { position: relative; }
    .form-control:focus,
    div[class*='tx-felogin'] input:not([type=radio]):not([type=checkbox]):focus {
      border-color: #2c7d6f; outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44,125,111,.6);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(44,125,111,.6);
    }
    div[class*='tx-felogin'] .submit input[type='submit'] {
      margin-left: 30%; background: #224b44;
      box-shadow:none; border:0; color: #fff;
    }

    div[class*='tx-felogin'] .status {
      background-color: #dff0d8;
      border: 1px solid #d6e9c6;
      color: #3c763d;
      padding: 10px 15px;
    }
    div[class*='tx-felogin'] .status > .error {
      margin: -11px -16px;
      background-color: #fff3cd;
      border: 1px solid #856404;
      color: #856404;
      padding: 10px 15px;
    }
    div[class*='tx-felogin'] .logout > h1,
    div[class*='tx-felogin'] .logout > .status {
      display: none;
    }
    div[class*='tx-felogin'] .logout fieldset > div {
      margin-bottom: 1em;
      font-size: 1.2em;
      font-weight: bold;
    }
    div[class*='tx-felogin'] .logout fieldset label::after {
      content: ':';
    }

.frame-type-menu_subpages ul {
    padding: 0;
    list-style: none;
    font-size: 1.25em;
    line-height: 1.657;
}
.frame-type-menu_subpages ul a {
    color: #224b44;
    text-decoration: none;
}

.femanager_flashmessages>div {
    padding: 10px 15px;
    margin-bottom: 20px;
}

.tx-femanager .form-horizontal .control-label {
    text-align: left;
}

.tx-femanager legend {
    display: none;
}
.tx-femanager .alert {
    padding: 10px;
    margin-bottom: 5px;
    background-color: #FFFFFF;
    color: #a94442;
}
.tx-femanager .alert h4 {
    display: none;
    font-size: 16px;
    margin-bottom: 5px;
}

.form-group {
    margin-bottom: 5px;
}

.panel-body .form-group:last-of-type {
    margin-bottom: 0;
}

.duplicate-panel {
    text-decoration: none;
    text-align: center;
    background: #f5f5f5;
    padding-right: 46px;
    display: inline-block;
    width: auto;
    transition: 0.2s all ease-out;
}

.duplicate-panel::after,
form.coupon-edit .coupon-article-new button::after {
    display: block;
    content: '\f067';
    width: 34px;
    text-align: center;
    color: #888;
    font-family: 'Font Awesome 5 Free';
    padding: 8px 0 7px;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #ddd;
    transition: 0.2s all ease-out;
    border-right: 1px solid transparent;
    font-weight: bold;
}

.duplicate-panel:hover {
    background: rgba(0, 0, 0, 0.1);
}

.pr-md-2 {
    padding-right: 32px !important;
}

.repaircosts-container {
    display: none;
}

.main-container {
    position: relative;
/*    padding: 0 48px;*/
}

.sort.active::before {
    content: '';
    display: block;
    float: right;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    transform: translate(-5px, 7px) rotate(-135deg);
}

.sort.active[data-sortdirection='DESC']::before {
    transform: translateX(-5px) rotate(45deg);
}

.form-group label {
    margin: 0;
    line-height: 34px;
}

table th,
table td {
    position: relative;
}

.table {
    margin-bottom: 15px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	border-color: #D9D9D9;
}
.table.table-hover > tbody > tr {
	transition: background-color 0.25s;
}
.table.table-hover > tbody > tr:hover {
	background-color: #D9D9D9;
}
.table.table-linked>thead>tr>th,
.table.table-linked>tbody>tr>td {
    padding: 0;
}

.table.table-linked>thead>tr>th a,
.table.table-linked>tbody>tr>td a {
    display: block;
    padding: 8px;
}

.table.table-linked>tbody>tr>td a:hover {
    text-decoration: none;
}

.table.table-spareparts>tbody>tr>td {
    padding: 5px 8px;
    padding: 5px;
    vertical-align: middle;
}
.table.table-spareparts>tbody>tr>td>span {
    display: inline-block;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table.table-spareparts > tbody > tr td.ma-internal_number > span {
	max-width: 110px;
}
.table.table-spareparts > tbody > tr td.ma-location > span {
	max-width: 70px;
}


.table.table-spareparts>tbody>tr>td div[class*='drop'] .btn {
    color: #09726a;
}
.table.table-spareparts:not(.is-customer)[data-area="warranties"]>tbody>tr>td>span,
.table.table-spareparts:not(.is-customer)[data-area="repairs"]>tbody>tr>td>span {
    max-width: 140px;
}
.table.table-spareparts:not(.is-customer):not(.is-trader):not(.is-metabo)[data-area="warranties"]>tbody>tr>th,
.table.table-spareparts:not(.is-customer):not(.is-trader):not(.is-metabo)[data-area="warranties"]>tbody>tr>td {
    font-size: 11px;
}
.table.table-spareparts:not(.is-customer):not(.is-trader)[data-area="warranties"]>tbody>tr>td>span {
    max-width: 120px;
}
.table.table-spareparts:not(.is-customer):not(.is-trader)[data-area="warranties"] > tbody > tr > td.trader > span {
    max-width: 100px;
}
.table.table-spareparts:not(.is-customer):not(.is-trader)[data-area="warranties"]>tbody>tr>td.productgroup>span {
    max-width: 100px;
}
.table.table-spareparts:not(.is-customer):not(.is-trader)[data-area="warranties"]>tbody>tr>td.warrantycode>span {
    max-width: 70px;
}
.table.table-spareparts.is-customer[data-area="warranties"]>tbody>tr>td.product>span {
    max-width: 300px;
}
.table.table-spareparts .service_btn_cell .service_btn , .table.table-spareparts .service_btn_cell .service_btn_expired{
	width: 40px;
}

.table.table-spareparts:not(.table-bordered) > thead > tr > th,
.table.table-spareparts:not(.table-bordered) > tbody > tr > td {
	padding: 5px 15px;
}
.table.table-spareparts:not(.is-customer):not(.is-trader)[data-area="warranties"] > thead > tr > th,
.table.table-spareparts:not(.is-customer):not(.is-trader)[data-area="warranties"] > tbody > tr > td  {
	padding: 5px 10px;
}
.table.table-spareparts:not(.table-bordered) > thead > tr.filter-row > th {
	padding-left: 7px !important;
}

td.action {
    padding: 0 5px !important;
    white-space: nowrap;
    width: 1px;
}
td.action > * {
	vertical-align: middle;
	padding: 0 0.25em;
}
td.action > .btn {
	padding: 0 0.25em;
}
td > .has-coupon,
td > .coupon-used,
td .has-invoice:not(.fas) {
	display: inline-block;
	width: 1.75em;
	height: 1em;
	background: transparent url("../Icons/coupon.png") no-repeat center center / auto 100%;
	vertical-align: middle;
}
td:not(.action) > i + i {
	margin-left: 0.75em;
}
td:not(.action) > .has-coupon {
	width: 3.5em;
	height: 2em;
}
td:not(.action) .has-invoice:not(.fas) {
	width: 1.75em;
	height: 2.25em;
	background-image: url("../Icons/invoice.svg");
}
td.exclude a {
	text-decoration: none;
}

.table-borderless td,
.table-borderless th {
    border: none !important;
}

.table td,
.table th {
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}
.table thead th {
/*	font-size: 11px;*/
}
.table th.font-normal {
	font-weight: normal;
}

.table-summary td,
.table-summary th {
    white-space: normal;
}

tr.clickable td:not(.exclude),
tr.clickable td.link {
    cursor: pointer;
}

tr.disabled td:nth-of-type(n+2),
tr.disabled th:nth-of-type(n+2),
tr.customer-inactive td.company span,
tr.customer-inactive td.fullname span {
    text-decoration: line-through;
    opacity: 0.25
}

table.sortable thead th.w-flex {
    width: 25%;
}
table.sortable thead th.w-num > span {
    display: inline-block;
    vertical-align: top;
    max-width: 42px;
    overflow: hidden;
    text-overflow: ellipsis ".";
}
table.sortable tbody td.country {
    width: 25%;
}
table.sortable tbody td.country > span {
    display: inline-block;
    vertical-align: top;
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
table.sortable thead th {
    width: 0;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

table.sortable thead tr:first-of-type th[data-sort-column] {
    padding-right: 20px !important;
    cursor: pointer;
}

table.sortable thead tr:first-of-type th[data-sort-column]::before,
table.sortable thead tr:first-of-type th[data-sort-column]::after {
    display: block;
    font-family: 'Font Awesome 5 Free';
    opacity: 0.15;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

table.sortable thead tr:first-of-type th[data-sort-column]::before {
    content: '\f0dd';
}

table.sortable thead tr:first-of-type th[data-sort-column]::after {
    content: '\f0de';
}

table.sortable thead tr:first-of-type th[data-sort-column][data-sort-direction='DESC']::before,
table.sortable thead tr:first-of-type th[data-sort-column][data-sort-direction='ASC']::after {
    opacity: 1;
    color: #09726a;
}

table.sortable thead tr:first-of-type th.w-num[data-sort-column] {
    padding-right: 16px !important;
}
table.sortable thead tr:first-of-type th.w-num[data-sort-column]::before,
table.sortable thead tr:first-of-type th.w-num[data-sort-column]::after {
    right: 3px;
}

table.sortable thead tr .select-wrap {
    display: inline-block;
    font-weight: bold;
    margin-bottom: -5px;
}
table.sortable thead tr .select2-container .select2-selection--single {
    border: 0;
    height: 22px;
}

table.sortable thead tr .select2-container .select2-selection__arrow,
table.sortable thead tr .select2-container .select2-selection__rendered {
    line-height: 20px;
    height: 18px;
    font-size: inherit;
    color: inherit;
}

table.sortable thead tr .select2-container .select2-selection__rendered {
    padding: 0 16px 0 0;
}
table.sortable tbody tr td.w-num {
    text-align: center;
}
table.sortable tbody tr td.action {
	min-width: 75px;
}
table.sortable tbody tr td.action > * {
	position: static;
	padding: 0 3px;
	vertical-align: middle;
}
table.sortable tbody tr td.action > .image {
	width: 120px;
	min-height: 40px;
	padding: 10px 40px 10px 10px;
	margin: 0 -5px;
	background-color: #FFFFFF;
}

.table-striped > tbody > tr.dirty,
.table-striped > tbody > tr.dirty:hover {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.table-striped > tbody > tr.dirty td {
	color: inherit;
}

.table-coupons > tbody > tr > td,
.table-coupons > tbody > tr > th,
.table-coupons > thead > tr > td,
.table-coupons > thead > tr > th {
	padding-left: 6px;
	padding-right: 6px;
}
.table-coupons tbody .title > span,
.table-coupons tbody .campaignnumber > span {
	max-width: 300px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.table-coupons tbody .campaignnumber > span {
	max-width: 120px;
}

.fas {
    color: #09726a;
}

.fas.text-red {
    color: #f44336;
}

.nowrap {
    white-space: nowrap !important;
}

.autocomplete {
    position: absolute;
    top: calc(100% - 1px);
    min-width: calc(100% - 30px);
    background: white;
    z-index: 100;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.autocomplete:empty {
    display: none;
}

.autocomplete ul {
    padding: 0;
    margin: 0;
}

.autocomplete li {
    padding: 8px 10px;
    margin: 0;
    list-style: none;
    line-height: 1.5;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.autocomplete li:last-of-type {
    border-bottom: 0;
}

.autocomplete li:not(.empty):hover {
    background: #eee;
    cursor: pointer;
}

.autocomplete li .title {
    display: block;
    opacity: 0.5;
    padding-left: 160px;
    text-align: right;
    white-space: nowrap;
}

.autocomplete li .typenumber,
.autocomplete li .articlenumber {
    position: absolute;
    font-weight: bold;
    display: block;
    font-size: 14px;
    left: 64px;
}
.autocomplete li img {
    width:42px; height:auto;
}

.affix {
    top: 0;
    z-index: 1000;
}

.affix #steps-nav {
    margin-bottom: 0 !important;
}

.pickup-container { display: none; }




a.reset {
    display: none;
    position: absolute;
    font-size: 12px;
    right: 19px;
    top: 5px;
    background: #eee;
    padding: 3px 6px;
    line-height: 18px;
    height: 24px;
    border: 1px solid #ccc;
    color: #666;
    text-decoration: none;
    z-index: 99;
}

.infoline {
    display: none;
    background: #eee;
    border: 1px solid #ccc;
    padding: 4px 12px 3px;
    font-size: 12px;
    margin: -1px 0 0 !important;
    line-height: 1;
    color: #555;
}

.show .infoline,
.show a.reset {
    display: block;
}

.trader-remove {
	float: right;
	cursor: pointer;
}
.trader-remove i {
	color: #888;
}


#steps-nav {
    display: flex;
    float: left;
    width: calc(100% + 1px);
    margin-bottom: 30px;
    border: 1px solid #ddd;
    counter-reset: step;
}

#steps-nav .step {
    pointer-events: none;
    line-height: 3;
    background: #f5f5f5;
    border-bottom: 3px solid #ddd;
    border-right: 1px solid #ddd;
    white-space: nowrap;
    padding: 0 10px;
    flex: 1;
    transition: 0.2s all ease-out;
}

#steps-nav .step:hover {
    background: #f5f5f5;
}

#steps-nav .step:last-of-type {
    border-right: 0;
}

#steps-container .step {
    display: none;
}

#steps-wrapper[data-active='1'] #steps-nav .step:nth-of-type(-n+1),
#steps-wrapper[data-active='2'] #steps-nav .step:nth-of-type(-n+2),
#steps-wrapper[data-active='3'] #steps-nav .step:nth-of-type(-n+3),
#steps-wrapper[data-active='4'] #steps-nav .step:nth-of-type(-n+4),
#steps-wrapper[data-active='5'] #steps-nav .step:nth-of-type(-n+5),
#steps-wrapper[data-active='6'] #steps-nav .step:nth-of-type(-n+6) {
    border-bottom-color: #09726a;
    font-weight: bold;
    pointer-events: all;
    cursor: pointer;
}

#steps-nav .step::after {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    color: #09726a;
    display: none;
    position: absolute;
    top: -3px;
    right: 15px;
    font-size: 16px;
}

#steps-nav .step .counter:not(.hidden)::before {
    counter-increment: step;
    content: counter(step) ". ";
}

#steps-wrapper[data-active='2'] #steps-nav .step:nth-of-type(-n+1)::after,
#steps-wrapper[data-active='3'] #steps-nav .step:nth-of-type(-n+2)::after,
#steps-wrapper[data-active='4'] #steps-nav .step:nth-of-type(-n+3)::after,
#steps-wrapper[data-active='5'] #steps-nav .step:nth-of-type(-n+4)::after,
#steps-wrapper[data-active='6'] #steps-nav .step:nth-of-type(-n+5)::after {
    display: block;
}

#steps-wrapper[data-active='1'] #steps-container .step:nth-of-type(1),
#steps-wrapper[data-active='2'] #steps-container .step:nth-of-type(2),
#steps-wrapper[data-active='3'] #steps-container .step:nth-of-type(3),
#steps-wrapper[data-active='4'] #steps-container .step:nth-of-type(4),
#steps-wrapper[data-active='5'] #steps-container .step:nth-of-type(5),
#steps-wrapper[data-active='6'] #steps-container .step:nth-of-type(6) {
    display: block;
}

#step-save, #step-save_new {
    display: none;
}

#steps-wrapper .step-save,
#steps-wrapper[data-active='1'] .step-prev,
#steps-wrapper[data-active='1'] #step-prev,
#steps-wrapper[data-active='2'].no-contact .step-prev,
#steps-wrapper[data-active='2'].no-contact #step-prev {
        display: none;
}

#steps-wrapper[data-active='3'] #step-save,
#steps-wrapper[data-active='3'] #step-save_new {
    display: block;
}

#steps-wrapper[data-active='3'] #step-next {
    display: none;
}

#steps-wrapper[data-active='2'] .panel .hasCoupon {
	visibility: hidden;
	opacity: 0;
	margin: 15px 0;
	background: transparent url("../Icons/coupon.png") no-repeat top center / 65% auto;
	transition: opacity 0.4s, visibility 0s ease 0.5s, padding 0s ease 0.5s;
    text-align: center;
}
#steps-wrapper[data-active='2'] .panel.hasCoupon .hasCoupon {
	visibility: visible;
	opacity: 1;
	padding-top: 43.5%;
	transition: opacity 0.4s, visibility 0s, padding 0s;
}

#steps-wrapper[data-active='2'] .panel.hasCoupon .image-preview-mobile .hasCoupon {
    padding-top: 22.5%;
    width: 50%;
    font-size: 12px;
}
#steps-wrapper[data-active='2'] .additional-info {
	margin-top: 2em;
}
#steps-wrapper[data-active='2'] .additional-info .panel-title {
	padding-left: 0;
	padding-right: 34px;
}
#steps-wrapper[data-active='2'] .additional-info .panel-title > a {
	padding-left: 9px;
	padding-right: 15px;
}
#steps-wrapper[data-active='2'] .additional-info .panel-title i {
	margin-right: 11px;
}
#steps-wrapper[data-active='2'] .additional-info .panel-title .panel-toggle {
	left: 100%;
	right: auto;
	border-right: 0 none;
}
#steps-wrapper[data-active='2'] .additional-info .panel-body {
	padding: 30px;
}
#steps-wrapper[data-active='3'] .visibleCoupon,
#steps-wrapper[data-active='3'] .visibleCoupon .couponInfo {
    display: none;
}
#steps-wrapper[data-active='3'] .visibleCoupon .couponInfo {
	padding-top: 10px;
	padding-bottom: 10px;
}
#steps-wrapper[data-active='3'] .visibleCoupon .couponInfo hr {
	margin: 15px 0;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles {
	margin-bottom: 30px;
}
.visibleCoupon .couponMissing ,.coupon-max-reached.close {
    display: none;
}
.visibleCoupon.register-no-coupon .couponMissing , .coupon-max-reached {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.visibleCoupon.register-no-coupon .couponMissing > div, .coupon-max-reached > div {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 20px;
    gap: 15px;
}
.visibleCoupon.register-no-coupon .couponMissing .couponMissing-btn, .coupon-max-reached  .coupon-max-reached-btn {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.visibleCoupon.register-no-coupon .couponMissing .couponMissing-btn > div , .coupon-max-reached  .coupon-max-reached-btn > div{
    flex: 1;
}
div[role='textbox'] > p {
    min-height: 10px;
}
.customer-data {
    background-color: #dff0d8 !important;
    color : black !important;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles > h3 {
	margin-bottom: 15px;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles.has-error > h3 {
	color: #c7254e;
	border: 1px solid #c7254e;
	display: inline-block;
	padding: 0.25em 0.5em;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles > hr {
	margin: 30px 0;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles .coupon-article .image-wrap {
	filter: grayscale(100%);
	transition: all 0.4s;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles .coupon-article:hover .image-wrap,
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles .coupon-article.active .image-wrap {
	filter: grayscale(0);
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles .coupon-article .title {
	display: flex;
	flex-wrap: nowrap;
	font-size: 1.5em;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles .coupon-article .title .radio_stylewrap {
	min-width: 1em;
	margin-top: 0;
	margin-right: 0.5em;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-select-articles .coupon-article .title h4 {
	font-size: 1em;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-terms {
	font-size: 1.143em;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-terms .checkbox_stylewrap {
	margin-right: 0.5em;
}
#steps-wrapper[data-active='3'] .couponInfo .coupon-terms p:last-child {
	margin-bottom: 0;
}

#steps-wrapper[data-active='3'] .summary-panel:nth-child(2n) {
	clear: left;
}
#steps-wrapper[data-active='3'] .summary-panel.hasCoupon .panel-body {
	position: relative;
}
#steps-wrapper[data-active='3'] .summary-panel.hasCoupon .panel-body::before,
#steps-wrapper[data-active='3'] .productCouponInfo > div::before {
	position: absolute;
	content: '';
	top: -1px;
	left: 0;
	border-style: solid;
	border-width: 3em 3em 0 0;
	border-color: rgb(190, 0, 54) transparent transparent rgb(190, 0, 54);
	z-index: 10;
}
#steps-wrapper[data-active='3'] .summary-panel.hasCoupon table.table tr.coupon {
}
#steps-wrapper[data-active='3'] .summary-panel.hasCoupon table.table tr.couponError {
	color: #c7254e;
}
#steps-wrapper[data-active='3'] .summary-panel.hasCoupon table.table tr.couponError > :first-child {
	overflow: visible;
}
#steps-wrapper[data-active='3'] .summary-panel.hasCoupon table.table tr.couponError > :first-child::before,
#steps-wrapper[data-active='3'] .productCouponError div.warning::before,
#steps-wrapper[data-active='3'] .couponNotfoundError > div::before {
	content: '';
	position: static;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -0.375em 0.5em 0 -1.5em;
	vertical-align: middle;
	background: transparent url("../Icons/warning.svg") no-repeat center center / auto 100%;
}
.couponMissing div.warning::before , .coupon-max-reached p.warning::before  {
    content: '';
	position: static;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -0.375em 0.5em 0 0em;
	vertical-align: middle;
	background: transparent url("../Icons/warning.svg") no-repeat center center / auto 100%;
}
#steps-wrapper[data-active='3'] .productCouponInfo,
#steps-wrapper[data-active='3'] .productCouponError,
#steps-wrapper[data-active='3'] .couponNotfoundError {
	display: none;
	margin-bottom: 15px;
}
#steps-wrapper[data-active='3'] .couponNotfoundError {
	display: block;
}
#steps-wrapper[data-active='3'] .productCouponError div.warning  {
	display: none;
	color: #c7254e;
}
.couponMissing div.warning , .coupon-max-reached div.warning {
    color: #c7254e;
    font-size: 16px;
}
#steps-wrapper[data-active='3'] .productCouponError p {
	margin: 15px 0;
	font-size: 0.9em;
}
#steps-wrapper[data-active='3'] .productCouponInfo > div::before {
	position: static;
	display: inline-block;
	border-width: 1em 1em 0 0;
	vertical-align: middle;
}
#steps-wrapper[data-active='3'] .productCouponError div.warning::before,
#steps-wrapper[data-active='3'] .couponNotfoundError > div::before {
	margin: -0.25em 0.5em 0 0;
}
#steps-wrapper[data-active='3'] .couponInfo > .productCouponError,
#steps-wrapper[data-active='3'] .couponInfo > .couponNotfoundError {
	font-size: 1.25em;
	margin-top: 1em;
}
#steps-wrapper[data-active='3'] .couponInfo > .productCouponError-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 10000;
}
#steps-wrapper[data-active='3'] .couponInfo > .productCouponError-layer > div {
	max-width: 77.5rem;
	padding: 2rem;
	margin: 30vh auto 0 auto;
	border: 1px solid #224b44;
	background-color: #FFFFFF;
}

#steps-wrapper[data-active='4'] #step-prev,
#steps-wrapper[data-active='4'] #step-next,
#steps-wrapper[data-active='4'] #step-save,
#steps-wrapper[data-active='4'] #step-save_new {
    display: none;
}

#steps-wrapper[data-active="3"] #steps-navigation > .pull-right {
	margin-right: 0;
}
#steps-wrapper #step-save {
    transition: background-color 0.25s;
}
#steps-wrapper #step-save.disabled:not(.btn-gray) {
    background-color: #eee;
}

form.coupon-edit .show-error {
	border: 1px solid #c7254e !important;
	color: #c7254e !important;
	background-color: #f9f2f4 !important;
}
form.coupon-edit #steps-nav .step {
	font-weight: bold;
	cursor: pointer;
	pointer-events: initial;
}
form.coupon-edit #steps-nav .step.active {
	border-bottom-color: #224b44;
}
form.coupon-edit #steps-container .step.active {
	display: block;
	min-height: calc(100vh - 55rem);
}
form.coupon-edit #steps-nav .step::after {
	display: none !important;
}
form.coupon-edit .form-group label:first-child {
	line-height: inherit;
	padding-top: calc(34px - 1.93em);
}
form.coupon-edit .col-content-flex label {
	padding-right: 0;
	white-space: nowrap;
}
form.coupon-edit .form-group label + .checkbox_stylewrap {
	margin-top: 0.625em;
	margin-left: 0.5em;
}
form.coupon-edit textarea[name*="couponId"] {
	height: 125px;
	resize: vertical;
}
form.coupon-edit .coupon-import-upload {
	cursor: pointer;
}
form.coupon-edit .selected-relations {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}
form.coupon-edit .selected-relations.heigh-count {
	height: 125px;
	overflow: auto;
	resize: vertical;
}
form.coupon-edit .selected-relations > span:first-child,
form.coupon-edit .selected-relations > p:not(:last-child),
form.coupon-edit .selected-relations.selected-required > p + span:last-child > span:last-child {
	display: none;
}
form.coupon-edit .selected-relations > span {
	float: left;
	margin-right: 0.5rem;
	margin-top: 0.5rem;
	white-space: nowrap;
	font-size: 1.4rem;
}
form.coupon-edit .selected-relations.heigh-count > span {
	margin-top: 0.3rem;
	margin-right: 0.3rem;
	font-size: 1.1rem;
	flex: 1;
}
form.coupon-edit .selected-relations > span > span:first-child {
	font-size: inherit;
	text-decoration: none;
	cursor: initial;
}
form.coupon-edit .selected-relations.heigh-count > span > span:first-child {
	font-size: inherit;
	text-decoration: none;
	height: 1.75em;
	line-height: 1.75em;
	width: 100%;
}
form.coupon-edit .selected-relations > span > span:last-child {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-left: -1rem;
	background: #a94442 url("../Icons/close.png") no-repeat center center / auto 50%;
	border-radius: 50%;
	vertical-align: top;
	cursor: pointer;
}
form.coupon-edit .panel-removable .article.panel .panel-remove {
	display: block;
}
form.coupon-edit .panel-removable .article.panel:only-child .panel-remove {
	display: none;
}
form.coupon-edit .panel-removable .article.panel:first-child .panel-down {
	right: 34px;
}
form.coupon-edit .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
	border-color: #224b44;
}
form.coupon-edit .input-group input[type="file"] {
	opacity: 0;
	visibility: visible;
	width: calc(100% - 34px);
	height: 100%;
	z-index: 5;
}
form.coupon-edit .existing-images .article-image > div {
	margin-bottom: 2rem;
	border: 1px solid #224b44;
}
form.coupon-edit .existing-images .article-image > div img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
form.coupon-edit .existing-images .article-image > div > div > span:last-child {
	position: absolute;
	top: 0;
	right: 0;
	width: 2rem;
	height: 2rem;
	background: #a94442 url("../Icons/close.png") no-repeat center center / auto 50%;
	cursor: pointer;
}
form.coupon-edit .existing-images .article-image > div > div > span.sort-down,
form.coupon-edit .existing-images .article-image > div > div > span.sort-up {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 2rem;
	height: 2rem;
	background-color: #224b44;
	cursor: pointer;
}
form.coupon-edit .existing-images .article-image > div > div > span.sort-down::before,
form.coupon-edit .existing-images .article-image > div > div > span.sort-up::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: 0.75rem auto;
	border-style: solid;
	border-width: 0.75rem 0.75rem 0 0.75rem;
	border-color: #FFFFFF transparent transparent transparent;
}
form.coupon-edit .existing-images .article-image > div > div > span.sort-up {
	right: 2.5rem;
	transform: scaleY(-1);
}
form.coupon-edit .existing-images .article-image:last-child > div > div > span.sort-down,
form.coupon-edit .existing-images .article-image:first-child > div > div > span.sort-up {
	display: none;
}
form.coupon-edit .coupon-article-filter > .row > div {
	flex: 1;
}
form.coupon-import-form {
	font-size: 1.6rem;
}
form.coupon-import-form .form-group {
	margin-bottom: 1em;
}
form.coupon-import-form label {
	line-height: inherit;
}
form.coupon-import-form .warning-overwrite {
	font-weight: bold;
}
form.coupon-import-form .warning-overwrite.hidden + .form-group.append-switch {
	display: none;
}

form.coupon-edit .article-languages {
	margin: -15px -15px 15px -15px;
	border-bottom: 1px solid #CCC;
}
form.coupon-edit .article-languages .btn {
	margin: 0;
	border: 1px solid #CCC;
	border-width: 0 1px 0 0 !important;
}
form.coupon-edit .article-languages .btn.current {
	background-color: #224b44;
	color: #FFFFFF;
}
form.coupon-edit .article-languages .btn:not(.btn-add) {
	width: auto;
	padding: 0 1em;
}
form.coupon-edit .article .article-translation:not(.current) {
	display: none;
}
form.coupon-edit .article-translation.language-default .article-translation-remove{
    display: none;
}
/*
form.coupon-edit .article-translation.language-default .language-select > div > :not(span:first-child) {
	display: none;
}*/
form.coupon-edit .article-translation .language-select > div > :not(span:first-child) {
    visibility: hidden;
    position: absolute;
}
form.coupon-edit .language-select > div > span:first-child {
	line-height: 34px;
}
form.coupon-edit .article-translation .article-translation-remove {
	padding: 0.5rem;
	margin-right: -0.5rem;
	cursor: pointer;
}
form.coupon-edit .article-translation .article-translation-remove .fas {
	color: #888;
}
form.coupon-edit .article-translation .article-warning-otherCoupons {
	margin-bottom: 1em;
}
form.coupon-edit .country-warning::before,
form.coupon-edit .article-translation .article-warning-otherCoupons::before {
	content: '';
	position: static;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -0.375em 0.5em 0 0;
	vertical-align: middle;
	background: transparent url("../Icons/warning.svg") no-repeat center center / auto 100%;
}
thead {
    background-color: white;
}
table > thead > tr > td,
table > thead > tr > th {
    border: none !important;
}
@media (hover: hover) {
	form.coupon-edit .selected-relations > span > span:last-child,
	form.coupon-edit .existing-images .article-image > div > div > span {
		opacity: 0;
		transition: opacity 0.25s;
	}
	form.coupon-edit .selected-relations > span:hover > span:last-child,
	form.coupon-edit .existing-images .article-image > div > div:hover > span {
		opacity: 1;
	}
}
form.coupon-edit .article-translation textarea[name*="articlenumber"] {
	height: 10rem;
}
form.coupon-edit .coupon-article-new button {
	padding-right: 34px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	background-color: #f5f5f5;
}
form.coupon-edit .coupon-article-new button::after {
	height: 32px;
	padding: 0;
}
form.coupon-edit .coupon-article-new button:hover {
	background: rgba(0, 0, 0, 0.1);
}
form.coupon-edit .coupon-article-add .autocomplete .article-existing {
	cursor: not-allowed;
}
form.coupon-edit .coupon-article-add .autocomplete .notactive {
	opacity: 0.5;
}

.loading {
    background: rgba(255, 255, 255, .9);
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    transition: 0.4s opacity ease-out;
}

.loading.active {
    opacity: 1;
    width: 100%;
}

.spinner {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #09726a;
    height: 100%;
    width: 5px;
    display: inline-block;
    margin: 0 1px;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.5)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

@media (min-width: 1600px) {
	#headerimg {
		max-height: 13.23vw;
	}
	.cc-window.cc-banner:not(.cc-invisible) ~ footer {
		padding-bottom: 4em;
	}
}
@media (min-width: 1200px) {
	body {
		min-height: 100vh;
		position: relative;
		padding-bottom: 27rem;
	}
	body > footer {
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	.cc-window.cc-banner.cc-invisible ~ .container {
		margin-bottom: -4em;
	}
}

@media (max-width: 1199px) {
    div[class*='tx-felogin'],
    div[class*='tx-femanager'] {
        width: 80%;
    }
    .horizontal-menu .container > ul > li {
        font-size: 0.7em;
    }
}

@media (max-width: 991px) {
    div[class*='tx-felogin'],
    div[class*='tx-femanager'] {
        width: 80%;
    }
    .main-container {
        padding-left: 15px !important;
    }
    .horizontal-menu .container > ul > li {
        max-width: 40%;
        font-size: 0.85em;
    }
    .cc-window.cc-banner:not(.cc-invisible) ~ footer {
        padding-bottom: 7em;
    }

    #steps-wrapper[data-active="3"] .summary-panel.hasCoupon table.table tr.couponError > :first-child::before {
        margin: -0.375em 0.25em 0 -1.25em;
    }
}

@media (max-width: 767px) {
    .pr-md-2 {
        padding-right: 15px !important;
    }
    input.table-search {
        margin-bottom: 20px;
    }
    div[class*='tx-felogin'],
    div[class*='tx-femanager'] {
        width: 100%;
    }
    body {
        font-size: 14px;
    }
    .container {
        max-width: 100%;
    }
    #logo img {
        height: 32px;
        width: auto;
    }
    .toparea {
        top: 14px;
    }
    .cc-window.cc-banner:not(.cc-invisible) ~ footer {
        padding-bottom: 12em;
    }
    .panel-statistic .row-counter div[class*='col-'] {
        border-left: 1px solid #ddd;
        border-right: 0;
        border-top: 1px solid #ddd;
    }
    .panel-statistic .row-counter div[class*='col-xs-12'],
    .panel-statistic .row-counter div[class*='col-xs-6']:nth-of-type(2n-1),
    .panel-statistic .row-counter div[class*='col-xs-4']:first-of-type,
    .panel-statistic .row-counter div[class*='col-xs-3']:first-of-type {
        border-left: 0;
    }
    header.row {
        z-index: 1200;
    }
    .mobilemenu {
        display: block;
        float: left;
        width: 40px;
        height: 36px;
        position: relative;
    }
    .mobilemenu::before {
        content: '';
        position: absolute;
        top: 30%;
        left: 50%;
        width: 22px;
        height: 2px;
        background: #fff;
        box-shadow: 0 8px 0 0 #fff, 0 16px 0 0 #fff;
        transform: translate(-50%, -50%);
        border-radius: 2px;
    }
    #breadcrumbs {
        display: none;
    }
    #headerimg {
/*        margin-top: 10px;*/
    }
    .horizontal-menu {
        display: none;
    }
    #mainmenu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -1;
    }
    #mainmenu .menu-container {
        position: absolute;
        top: 0;
        width: 100%;
        background: #224b44;
        z-index: 180;
        padding: 0;
        transition: 0.5s transform cubic-bezier(0.375, 0.2, 0.1, 1);
        transform: translateY(-100%)
    }
    #mainmenu ul {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #mainmenu ul li {
        display: block;
        list-style: none;
        float: none;
        border-top: 1px solid #fff;
    }
    #mainmenu ul li a {
        display: block;
        padding: 0px 15px;
        line-height: 3;
    }
    #mainmenu ul li ul {
        display: none;
        background: #fff;
        padding: 5px 0;
    }
    #mainmenu ul li ul a {
        color: #000;
        text-transform: none;
        line-height: 2.5;
    }
    #mainmenu ul li.level-1.dd>a {
        width: calc(100% - 46px);
        display: inline-block;
    }
    #mainmenu ul li.level-1.dd>a.dd-btn {
        width: 0;
        padding: 0 23px;
        display: inline-block;
        text-decoration: none !important;
        position: relative;
        z-index: 100;
    }
    #mainmenu ul li.level-1.dd>a.dd-btn.active+ul {
        display: block !important;
    }
    .ovFadeIn #mainmenu,
    .ovFadeOut #mainmenu {
        z-index: 200;
        height: 100vh;
    }
    .ovFadeIn #mainmenu .menu-container {
        transform: translateY(0%);
    }
    .ovFadeOut #mainmenu .menu-container {
        transform: translateY(-100%);
    }
    #footer-container {
        padding: 0 0 15px;
    }
    #footer-container>div {
        border-bottom: 1px solid #fff;
    }
    footer dl dt {
        line-height: 28px;
        margin: 0;
        padding: 10px 0;
        position: relative;
    }
    #footer>ul>li {
        padding: 15px;
        margin: 0;
        border-bottom: 1px solid #fff;
    }
    a.dd-btn::before,
    a.dd-btn::after,
    #footer>ul>li::before,
    #footer>ul>li::after {
        content: '';
        width: 8px;
        height: 5px;
        display: block;
        background: #fff;
        position: absolute;
        top: 23px;
        right: 23px;
        transform: skewY(30deg);
    }
    a.dd-btn::before,
    a.dd-btn::after {
        top: 19px;
    }
    a.dd-btn::after,
    #footer>ul>li::after {
        transform: skewY(-30deg);
        right: 15px;
    }
    a.dd-btn.active::before,
    #footer>ul>li.active::before {
        transform: skewY(-30deg);
    }
    a.dd-btn.active::after,
    #footer>ul>li.active::after {
        transform: skewY(30deg);
    }
    #footer>ul>li>ul {
        margin: 10px 0 0;
        padding: 0;
        display: none;
    }
    #footer>ul>li.active>ul {
        display: block !important;
    }
    #footer>ul>li a {
        line-height: 2;
    }
    #footer>ul>li:last-of-type a::before {
        top: 3px;
        line-height: 21px;
        text-indent: -6px;
    }
    .topnavi>ul>li>a {
        text-indent: -9999px;
        width: 40px;
        height: 36px;
        padding: 0;
    }
    .topnavi>ul>li {
        position: relative;
    }
    .topnavi>ul>li::before {
        content: '';
        font-family: 'entypo';
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 22px;
        transform: translate(-50%, -50%);
    }
    .topnavi>ul>li:first-of-type::before {
        content: '👤';
    }
    .topnavi>ul>li:last-of-type::before {
        content: '\e740';
    }
    .language {
        padding-top: 32px;
        padding-bottom: 4px;
    }
    .language>ul>li.active>a::after {
        display: none;
    }
    .language>ul>li>a[class*='country-flag-'] {
        background-size: 22px;
        text-indent: -500px;
        overflow: hidden;
        padding: 6px 24px;
        background-position: 50% 50%;
    }
    .language>ul>li.active>a {
        padding: 0;
        margin: 0;
        width: 48px;
        height: 36px;
    }
    .topnavi>ul>li>a:hover,
    .topnavi>ul>li>a:active,
    .topnavi>ul>li>a:focus {
        background: none;
    }
    div[class*='tx-felogin'] a,
    div[class*='tx-felogin'] label,
    div[class*='tx-felogin'] input:not([type=radio]):not([type=checkbox]),
    div[class*='tx-femanager'] input[type='submit'],
    div[class*='tx-femanager'] .col-sm-2,
    div[class*='tx-femanager'] .col-sm-10 {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    div[class*='tx-felogin'] .submit {
        margin-top: 10px;
    }
    div[class*='tx-felogin'] input[type='submit'],
    div[class*='tx-felogin'] a {
        margin-left: 0 !important;
    }

    #mainmenu {
        display: none;
    }

    .ovFadeIn #mainmenu {
        display: inherit;
    }
}

@media (max-width: 479px) {
	.cc-window.cc-banner:not(.cc-invisible) {
		display: block;
		font-size: 1em;
	}
    .warranty-actions {
        display: flex;
        flex-direction: column;
    }
    .new-warranty-link {
        margin-bottom: 20px;
        margin-left: 0 !important;
        margin-right: 0;
        text-align: start;
    }
    .button-download {
        margin-bottom: 20px;
    }
    .button-download button {
        width: 100%;
        text-align: start;
    }
    .table-search {
        width: 100% !important;
    }
}

@media print { 
    header, #breadcrumbs, .page-back, footer, .download_btn { 
        display: none; 
    }
}

.cc-superhidden {
    display: none !important;
}

#newWarrantyContainer .col-md-8.field-edit.hidden {
    display: block !important;
}


/** IE-Fix **/
@media screen and (min-width:0\0) and (min-resolution:+72dpi) {
	.horizontal-menu {
		position: relative !important;
		top: 0 !important;
	}
}
/** old Edge-Fix **/
@supports (-ms-ime-align:auto) {
	.horizontal-menu {
		position: relative !important;
		top: 0 !important;
	}
}