/*
fonts
*/

@font-face {
	font-family: "Roboto";
	src: url('../fonts/Roboto/Roboto-Regular.ttf') format("opentype");
}

@font-face {
	font-family: "Roboto-bold";
	src: url('../fonts/Roboto/Roboto-Bold.ttf') format("opentype");
}

@font-face {
	font-family: "Roboto-light";
	src: url('../fonts/Roboto/Roboto-Light.ttf') format("opentype");
}

@font-face {
	font-family: "Roboto-medium";
	src: url('../fonts/Roboto/Roboto-Medium.ttf') format("opentype");
}

@font-face {
	font-family: "Roboto-black";
	src: url('../fonts/Roboto/Roboto-Black.ttf') format("opentype");
}

/*
 close fonts
*/

/* html,body {
    height: 100%;
} */

body {
	font-family: 'Roboto', sans-serif !important;
	color:#000 !important;
	font-size:14px;
	background: rgb(255,255,255);
	background-image: url('./images/bh.png');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

body
{
	--mc: #ff971d;
	--sc: #737373;
	--hc: #f27932;
}
a {
	color:#737373;
}
a:hover{
	color:#FF971D;
}
html ul {
	padding-left: 0; }
.success_sbm{
	display: none;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: inherit;
	z-index: 10;
}
td{
	font-size: 14px;
}
thead td{
	color: #737373;
}
.rauchfrei_div{
	background: #fff;
	width:100%;
	padding:30px 10px 30px 20px;
	margin-bottom:20px;
	border-radius:10px;
	color:#000;
}
.rauchfrei_div .text {
	padding-top:5px;
}
.rauchfrei_div .res{
	color:#ff0022;
	text-align: right;
	font-weight: 600;
	padding-top:5px;
}
.rauchfrei_div .img{
	padding-right:15px;
}
#rauchfrei_btn {
	background: #ff0022;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
.success_sbm span{
	margin: auto;
	font-size: 28px;
	font-family: "Roboto";
}
.success_sbm ~ *{
	transition: all .5 ease;
}
.success_sbm.active ~ *{
	opacity: .5;
	filter: blur(10px);
}
html a {
	outline: none !important; }
.contact_page form input,
.contact_page form select,
.contact_page form textarea{
	width: 500px;
	height: 50px;
	font-family: "Roboto";
	font-size: 20px;
	font-weight: normal;
	border: 1px solid #424641;
	outline: none;
	text-indent: 7px;
	transition: all 0.3s;
	cursor: pointer;
}
.recovery_password_page .btn_standart_format{
	margin-left: 0;
}
.fa {
	color:var(--mc);
}
#customerID h4{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
#geolocation_container, #camera_container {
	padding-top:20px;
	display: inline-block;
}
.coupon{
	text-align: left;

}
.coupon .pull-right {
}
.coupon small{
	color:#c7c7c7;
	padding-top:5px;
	display: inline-block;
}
.user_name_div {
	background: #be1622;
	padding:10px 30px;
	color:#fff;
	font-size:20px;
	min-height: 38px;
}
.sep20_bg{
	background: #fafafa;
	display: block;
	height: 20px;
	width: 100%;

}
.fa-angle-left {
	float:left;
}
.back_btn {
	line-height: 1.5;
	padding-left: 15px;
	display: inline;
	font-weight: bold;
}
.image{
	padding:10px;
}
.image img{
	width:100%;
}
.title{
	font-size: 14px;
	color:#000;
}

.price, .discount, .new_price {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
}
.price {
	color:#c7c7c7;
	font-weight: 600;
	margin-right: 15px;
	text-decoration: line-through;
}
.new_price {
	color: #be8634;
	font-weight: 600;
}
h1 {
	font-size: 24px;
	color:#202022;
}
h2 {
	font-size: 14px;
}
#news {
	font-size:12px;
}
.rauchfrei {
	color:#a3a3a3;
	font-size:12px;
}
.img_box {
	width:100px;
}
.img_box img{
	width:80%;
	padding-top:10px;
}
.coupon_name{
	width:45%;
}
.coupon .fa-heart {
	color:#c9c9c9;
	cursor:POINTER;
}

#ausweis {
	text-align: center;
	color:#c7c7c7;
}
#ausweis .form-control {
	letter-spacing: 2px;
	text-align: center;
}
#ausweis .badge {
	padding:4px 7px;
}
.offline_success {
	color: green;
	font-weight: bold;
	display: none;
}
#offline_check {
	font-size: 14px;
}
#offline_check_btn {
	padding: 8px 12px;
	background: #be1622;
	color: #fff;
	margin: 35px 0 0;
	border: 0;
	clear: both;
}
#offline_check a {
	color: #be1622 !important;
}
.discount_ico {
	background: #be1622;
	width: 80px;
	text-align: center;
	color: #fff;
	padding:5px 0;
	font-size: 18px;
	font-weight: 600;
}
#coupon_favour, #einladen_btn {
	background: #f5f5f5;
	border:1px solid #f5f5f5;
}
#einladen_btn {
	font-size: 14px;
	font-weight: 600;
	margin-top:-7px;
}
#news .pull-right{
	width:67%;

}
#news h2{
	margin:0;
}
.new_price {
	color: #ff0000;
}
.bonus_div {
	width:100%;
	padding:5px;
	border:1px solid #ef7253;
	border-radius: 10px;
	overflow: hidden;
}
.friend_div {
	overflow: hidden;
	padding:10px 0;
}
.friend_div .img{
	width:50px;
}
.friend_div .friend_name {
	padding-top:8px;
}
.bonus_name {
	padding:0px 0 0 20px;
}
.bonus_name p{
	font-weight: 600;
	color: #1aa053;
}
#welcome_ad img{
	width:100%;
}
.padd100 {
	height:100px;
	padding-top: 100px;
}
.home_ico{
	display: inline-block;
	border-radius: 10px;
	margin-bottom:20px;
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.back_btn{
	border:0;
}
.back_btn .fa {
	color:#000;
	font-size:20px;
}
.reg_div h3{
	font-size: 20px;
	color:#000;
}
.reg_div p{
	font-size: 12px;
	color:#a3a3a3;
}
fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid silver;
}
legend {
	display: block;
	width: auto;
	padding: 0 10px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: inherit;
	color: #a3a3a3;
	border: 0;
	border-bottom: 0
}
#overlay{
	position: absolute;
	font-size: 22px;
	font-weight: 600;
	color: #ff0123;
	margin: -165px auto;
	width: 100%;
	text-align: center;
}
.rauchfrei1 {
	color:#767676;
	font-size:14px;
}
.recovery_password_page form input{
	width: 100%;
	max-width: 500px;
	height: 50px;
	font-family: "Roboto";
	font-size: 20px;
	font-weight: normal;
	border: 1px solid #424641;
	outline: none;
	text-indent: 7px;
	transition: all 0.3s;
	cursor: pointer;
}
.contact_page form .extra_fields input{
	width: 100%;
	margin: 20px 0;
}
.contact_page form .extra_fields .g-recaptcha + div{
	width: 54%;
}
.contact_page form .extra_fields span{
	font-size: 19px;
	font-weight: normal;
}
.contact_page form .extra_fields .post_extra_text{
	font-weight: 100;
	font-size: 14px;
}
div.contact_page form textarea{
	width: 100%;
	height: 200px;
	resize: none;

}
.contact_page form .kommentar{
	flex-direction: column;
}

.contact_page form input:focus,
.contact_page form select:focus,
.contact_page form textarea:focus{
	-webkit-box-shadow: 0px 0px 7px #cab093;
	box-shadow: 0px 0px 7px #cab093;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.contact_page form label{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.contact_page form label.kommentar span{
	align-self: flex-start;
	margin-bottom: 30px;
}
.contact_page form label span{
	display: flex;
	align-self: center;
	margin-right: 15px;
}

.contact_page form{
	/* width: 50%; */
	margin: 50px 0;
	padding: 0 79px;
	position: relative;
}

.btn_standart_format{
	letter-spacing: 0.3px;
	transition: all 0.3s;
	min-height: 70px;
	width: 100%;
	max-width: 250px;
	text-align: center;
	font-family: "Roboto";
	font-size: 30px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #424641;
	border: none;
	outline: none;
	display: block;
	margin-left: auto;
	/*margin-top: 50px;*/
}
.extra_container{
	background-color: #ffffff;
	font-family: "Roboto";
	font-size: 20px;
	font-weight: normal;
	margin: 0 35px 44px 35px;
	padding: 45px;
}
.extra_container ol li{
	margin: 10px 0;
}
.extra_container ol,
.extra_container ul{
	padding-left: 20px;
}
.extra_container > h1{
	font-size: 48px;
}
.caption{
	font-size: 28px;
}


header{
	/* position: fixed; */
	width:100%;
	z-index: 99;
	background: transparent;
	display: flex;
	align-items: center;
}

header nav {
	background-color: #454139;
	min-height: 49px;
	margin-top: -45px; }

header ul {
	display: block;
	position: absolute;
	right: 10px;
	background: #fff;
	top: 80px;
	padding: 20px;
	z-index: 999999999;
	-webkit-box-shadow: 0px 0px 7px #ccc;
	box-shadow: 0px 0px 7px #ccc;
	display: none;
}

header ul li {
	display: block;
	text-align: center;
	width: 100%;
	padding: 10px;
}

.dataTables_wrapper.table-responsive {
	border: 0;
	margin-top: -60px;
}
.input-lieferanten .table-responsive {
	margin-top: 0;
}
.lager_table {
	border-top: 1px solid #f0f0f0;
}
.lager_table td{
	border: 1px solid #f0f0f0;
}
.lager_table thead td{
	color:#c0c0c0;
}

header .container-fluid:first-child {
	padding-left: 0;
	padding-right: 0; }
header .container-fluid:first-child .header_body > div {
	padding: 0; }
header .container-fluid:first-child .col-xl-4 img {
	max-width: 85%;
	display: block;
	margin: 35px auto 0 auto; }
header .container-fluid:first-child .header_inner_girl {
	display: block;
	margin-left: auto;
	max-width: 69.89%; }

header .header_inner .header_inner_left_info {
	display: inline-block; }

header .header_inner img:first-child {
	display: block;
	margin: 15px auto 0px auto;
	max-width: 85%; }

header .header_inner img:last-child {
	display: block;
	margin: 2px auto 0 58px; }

header .header_inner span {
	text-transform: uppercase;
	color: #000000;
	display: block; }

header .header_inner .under_text_first {
	text-align: center;
	font-family: Raleway, sans-serif;
	letter-spacing: 5px;
	font-size: 25px;
	margin-left: 0px; }

header .header_inner .under_text_second {
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	margin: 27px auto auto auto;
	letter-spacing: 1px; }

aside.left_sidebar {
	width: 20.6%;
	background-color: #fff; }
aside.left_sidebar img:first-child {
	margin-top: 0;
	padding-top: 40px; }
aside.left_sidebar img {
	max-width: 50%;
	display: block;
	margin: 27px auto 0px auto;
}

main:after {
	content: '';
	display: table;
	clear: both; }

main {
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; }
main .main_girl_bottom {
	position: absolute;
	bottom: -3px;
	left: 0; }
main .wrapper_main_content {
	margin-left: 23px;
	margin-top:100px;
	width: 100%; }
main .main_map {
	background-color: #FFFFFF;
	padding: 37px 23px 62px 43px;
	margin-top: 23px; }
main .main_map .main_map_inner {
	border: 1px solid black;
	padding-left: 23px; }
main .main_map .main_map_inner .main_map_under_second {
	min-height: 110px; }
main .main_map .main_map_inner .main_map_under_second .main_map_h3_style {
	margin: 57px 0 9px 0; }
main .main_map .main_map_inner .main_map_under_third {
	min-height: 110px; }
main .main_map .main_map_inner .main_map_under_third .main_map_h3_style {
	margin: 27px 0 10px 0; }
main .main_map .main_map_inner p {
	font-family: Raleway;
	font-size: 18px;
	font-weight: normal;
	color: #4b524b; }
main .main_map .main_map_inner p span {
	font-weight: 800; }
main .main_map .main_map_inner p .number_style {
	font-weight: normal;
	font-family: Roboto; }
main .main_map .main_map_inner .main_map_h3_style {
	font-family: Raleway;
	font-size: 21px;
	font-weight: 700;
	color: #40231a;
	margin: 39px 0 20px 0; }
main .main_map .main_map_inner div.map_image_style {
	margin-left: auto; }
main .main_map .main_map_inner div.map {
	margin-top: -379px;
	position: relative; }
main .main_map .main_map_inner div.map .map_button {
	position: absolute;
	bottom: 62px;
	left: 350px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s; }
main .main_map .main_map_inner div.map a:hover .map_button {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7; }
main .main__block_info {
	display: inline-block;
	background-color: #FFFFFF;
	padding-top: 43px;
	padding-left: 48px; }
main .main__block_info h1 {
	font-family: Raleway;
	font-size: 20px;
	color: #4b524b;
	margin: -5px 0px 0 0; }
.profile_section h1 {
	font-family: Raleway;
	font-size: 20px;
	color: #4b524b;
	margin: 15px 0px 15px !important;  }

main .main__block_info h2 {
	font-family: Raleway;
	font-weight: 800;
	font-weight: bold;
	color: #4b524b;
	font-size: 50px;
	margin: 10px 0px 0 0; }
main .main__block_info h2 span:first-child {
	font-size: 73px; }
main .main__block_info h2 span:last-child {
	font-size: 55px; }
main .main__block_info p {
	font-family: Raleway;
	font-size: 14px;
	font-weight: 400;
	color: #4b524b;
	margin: 10px 0px 0 0; }
main .main__block_info p:last-child {
	padding-bottom: 37px;
	margin: 7px 0px 0 0; }
main .main__block_info h3 {
	font-family: Raleway;
	font-size: 55px;
	color: #4b524b;
	margin: 45px 0px 0 0;
	letter-spacing: 5px; }
main .main__block_info h3 span {
	font-weight: bold; }
main .main__block_info__bottom:after {
	content: " ";
	display: table;
	clear: both; }
main .block_info_leftside h2 {
	font-family: Raleway;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	color: #40231a;
	margin: 33px 0 28px 0; }
main .block_info_leftside p:last-child {
	position: relative;
	left: 50px;
	top: 10px; }
main .block_info_leftside p {
	font-family: Raleway;
	font-size: 18px;
	line-height: 27px;
	color: #4b524b;
	font-weight: 400; }
main .block_info_leftside p span {
	font-weight: 800; }
main .main__block_info__bottom {
	background-color: #FFFFFF;
	margin-top: 25px; }
main .main__block_info__bottom .wrapper {
	float: right;
	width: 80%; }
main .main__block_info__bottom .wrapper .block_info_leftside {
	width: 67%;
	padding: 0 0 0 26px;
}
main .main__block_info__bottom .wrapper .block_info_rightside {
	float: right;
	margin: 37px 30px 82px 25px; }
main .main__block_info__bottom div {
	display: inline-block; }

footer.footer {
	min-height: 550px;
	background-color: #4e554f;
	display: inline-block;
	margin-bottom: -5px;
	width: 100%; }

.simple_format{
	font-family: "Roboto";
	font-weight: normal;
	font-size: 17px
}


footer.footer .container-fluid {
	text-align: center; }
footer.footer .container-fluid .col-lg-6 {
	margin-top: 44px; }
footer.footer .container-fluid .footer__inner__right {
	font-family: Raleway;
	font-size: 14px;
	color: #e2dad1;
	font-weight: bold; }
footer.footer .container-fluid .footer__inner__right .footer_updown_text_first {
	font-weight: normal;
	font-family: Raleway;
	line-height: 23px;
	font-size: 14px;
	color: #e2dad1;
	margin-top: 34px; }
footer.footer .container-fluid .footer__inner__right .footer_updown_text_first span span {
	font-weight: bold; }
footer.footer .container-fluid .footer__inner__right .footer_updown_text_second {
	margin-top: 41px; }
footer.footer .container-fluid .footer__inner__right .footer_updown_text_second span:first-child {
	font-family: Roboto;
	font-weight: bold;
	display: block;
	font-size: 18px; }
footer.footer .container-fluid .footer__inner__right .footer_updown_text_second span:last-child {
	font-family: "Roboto";
	font-weight: normal;
	font-size: 17px; }
footer.footer .container-fluid .footer__inner__right img {
	margin-top: 20px; }
footer.footer nav li {
	list-style: none; }
footer.footer nav .lines_after_before:after {
	content: '';
	position: absolute;
	right: -25px;
	top: 3px;
	width: 2px;
	height: 60%;
	background-color: #e2dad1; }
footer.footer nav .lines_after_before:before {
	content: '';
	position: absolute;
	left: -25px;
	top: 3px;
	width: 2px;
	height: 60%;
	background-color: #e2dad1; }
footer.footer nav a {
	margin: 0 25px;
	font-family: Roboto;
	font-size: 18px;
	font-weight: bold;
	color: #e2dad1;
	display: inline-block;
	text-transform: uppercase;
	position: relative; }
footer.footer nav a:hover {
	text-decoration: none; }
footer.footer nav a:hover li {
	text-decoration: none;
	color: #e2dad1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.6; }
footer.footer div.table {
	font-family: Raleway;
	font-weight: bold;
	font-size: 14px;
	color: #e2dad1;
	width: 100%; }
footer.footer div.table > div {
	display: inline-block;
	width: 28%;
	vertical-align: top; }
footer.footer div.table > div > span {
	display: block;
	text-align: left; }
footer.footer div.table .style_number {
	font-weight: normal;
	font-family: Roboto;
	font-size: 14px; }

footer.footer .footer__line > p   {
	font-family: Raleway;
	font-size: 18px;
	font-weight: bold;
	color: #e2dad1;
	display: block;
	letter-spacing: 1px;
	width: 92.4%;
	text-align: left;
	margin-left: auto;
}

footer.footer .footer__line h3 {
	font-family: Raleway;
	font-weight: bold;
	color: #e2dad1;
	font-size: 15px;
	margin-top: 38px;
	margin-bottom: 15px;
}
footer.footer .footer__line:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 460px;
	background-color: #e2dad1; }

#checkbox-circle,
#checkbox-circle-top,
#radio-one,
#radio-two {
	display: none !important; }

#checkbox-circle:checked + label.cheb_circle:before,
#checkbox-circle-top:checked + label.cheb_circle_top:before,
#radio-one:checked + label.radio-one-label:after,
#radio-two:checked + label.radio-two-label:after {
	display: inline-block !important; }

#checkbox-circle:not(checked) + label.cheb_circle:before,
#checkbox-circle-top:not(checked) + label.cheb_circle_top:before,
#radio-one:not(checked) + label.radio-one-label:after,
#radio-two:not(checked) + label.radio-two-label:after {
	display: none !important; }

label.cheb_circle,
label.cheb_circle_top,
label.radio-one-label,
label.radio-two-label {
	width: 12px !important;
	height: 12px !important;
	display: block !important;
	margin-left: 0 !important;
	position: relative !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	cursor: pointer !important;
	bottom: -4px !important;
	border: 1px solid #b7b7b7 !important;
	margin-bottom: 10px; }

label.cheb_circle:before,
label.cheb_circle_top:before,
label.radio-one-label:after,
label.radio-two-label:after {
	content: '';
	width: 6px;
	height: 6px;
	position: absolute;
	background-color: #666666;
	top: 2px;
	bottom: 0;
	left: 2px;
	right: 0;
	-webkit-border-radius: 10px;
	border-radius: 10px; }

label.radio-one-label:before, label.radio-two-label:before {
	content: 'Endkunde';
	font-family: Raleway;
	font-size: 15px;
	color: #40231a;
	position: relative;
	top: -5px;
	left: 20px;
	white-space: nowrap; }

label.radio-two-label:before {
	content: 'Friseur-Kunde'; }

#log_in_modal form label {
	width: 60%; }
#log_in_modal .log_in_recovery{
	text-align: left;
	width: 60%;
	margin: 10px auto;
}
#log_in_modal .log_in_recovery > a {
	text-decoration: underline;
	margin-bottom: 5px;
	display: block;
}
.modal h5 {
	text-align: center;
	font-family: Raleway;
	font-size: 20px;
	font-weight: 700;
	color: #40231a; }

.modal .modal-body {
	font-size: 15px;
	font-weight: 500;
	color: #40231a; }

.modal button.close {
	z-index: 100;
	position: relative;
	right: 12px;
	top: 6px; }

.modal button:focus,
.modal button:hover {
	outline: none !important; }

.modal .small_area_input input {
	width: 6%;
	display: block;
	text-align: center;
	text-indent: 0; }

.modal .left-side-modal,
.modal .right-side-modal {
	display: inline-block;
	width: 49%;
	vertical-align: top; }

.modal form {
	margin: 15px 0 10px 0;
	display: inline-block;
	width: 100%; }
.modal form button[type="submit"] {
	display: block !important;
	margin: 20px auto 0 auto;
	float: none !important; }
.modal form button {
	margin: 15px 0 0 0;
	outline: none;
	border: 1px solid transparent;
	color: #40231a;
	-webkit-transition: all 0.3s;
	transition: all 0.3s; }
.modal form .modal-message {
	font-family: Raleway;
	font-size: 15px;
	font-weight: 700;
	color: #40231a;
	display: inline-block;
	text-align: center;
	margin-top: 10px;
	padding: 0 20px; }
.modal form button.btn-primary {
	float: right;
	background-color: #e2dad1; }
.modal form button:hover,
.modal form button:focus,
.modal form button.btn-primary:hover,
.modal form button.btn-primary:focus {
	outline: none;
	border: 1px solid transparent;
	background-color: #cab093;
	-webkit-transition: all 0.3s;
	transition: all 0.3s; }
.modal form .radioBtn {
	margin: 18px auto; }
.modal form .radioBtn span {
	display: block; }
.modal form .radioBtn input[type="radio"] {
	display: inline-block;
	width: 20%; }
.modal form .plz_ort_area span {
	display: block; }
.modal form .plz_ort_area input:first-child {
	display: inline-block;
	width: 25%; }
.modal form .plz_ort_area input:last-child {
	display: inline-block;
	width: 70%;
	float: right; }
.modal form label {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative; }
.modal form label textarea {
	height: 100px;
	resize: none; }
.modal form label select option {
	max-width: 100%; }
.modal form label select {
	text-indent: 0px !important; }
.modal form label input,
.modal form label textarea,
.modal form label select {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: normal;
	text-indent: 10px;
	text-align: left;
	width: 100%;
	height: 24px;
	outline: none;
	border: 1px solid dimgrey;
	-webkit-transition: all 0.3s;
	transition: all 0.3s; }
.modal form label input:focus,
.modal form label textarea:focus,
.modal form label select:focus {
	outline: none;
	border: 1px solid #cab093;
	-webkit-box-shadow: 0px 0px 7px #cab093;
	box-shadow: 0px 0px 7px #cab093;
	-webkit-transition: all 0.3s;
	transition: all 0.3s; }
.modal form label input[type="radio"],
.modal form label input[type="checkbox"] {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none; }

.ul_menu_mobile_show {
	display: none; }

.btn.btn_header_style {
	color: white;
	width: 100%;
	min-height: 49px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	background-color: #454139;
	font-size: 4.3vw;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	outline: none; }

.btn .btn_header_style:hover,
.btn .btn_header_style:focus {
	background-color: #ffffff;
	color: #454139;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
	border-color: #d4d4d4;
	border: none; }

.ul_menu_mobile_show ul a {
	margin: 10px 0;
	padding: 0 5px;
	width: 100%;
	display: block; }

.ul_menu_mobile_show .dropdown-menu {
	width: 100%;
	text-align: center; }

.ul_menu_mobile_show li {
	color: inherit; }

.slide {
	display: none; }

.carousel_brand {
	width: 100%;
	height: 150px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center; }
.carousel_brand img {
	max-width: 100%;
	max-height: 100%;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	padding-top: 0 !important; }

div.map_super_small {
	display: none !important; }

div.map_super_small a {
	display: block;
	font-weight: 700;
	font-family: Raleway;
	color: #40231a;
	margin: 10px 0;
	text-align: center; }

.userlogin .info{
	display: flex;
	justify-content: flex-end;
	font-size: 17px;
	color: #4b524b;
	font-family: "Roboto";
	padding: 18px 60px;
}
.userlogin .info > span{
	display: block;
	margin: 0 63px;
}
.history__page{
	background-color: #ffffff;
	font-family: "Roboto";
	font-size: 20px;
	font-weight: normal;
	margin: 0 35px 44px 35px;
	padding: 45px;
}
.history__page  h1{
	font-size: 60px;
	margin-bottom: 30px;
}
.text_wrap_in ul li span:last-child{
	padding-left: 20px;
}
.history__page ul{
	list-style-type: none;
}

.info i{
	padding-right: 5px;
}
div.wrapper_text {
	min-height: 600px; }

@-moz-document url-prefix() {
	body .modal form .radioBtn {
		margin: 18.3px auto; } }



.wrapper_main_content input {
	border: none;
	-webkit-box-shadow: rgba(0,0,0,.16) 0 3px 6px;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	width: 420px;
	height: 68px;
	padding: 25px;
	font-size: 20px;
	display: block;
	margin: 20px auto;
}

.wrapper_main_content label {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #b1b1b1;
	font-weight: 700;
	font-size: 14px;
	margin-left: 10%;
}
.inputWrap {
	position: relative;
}
header{
	border-bottom: 0;
	padding-bottom: 30px;
}
.main_content {
	font-size: 14px;
	line-height: 1.5;
}

.wrapper_main_content button {
	display: block;
	margin: 30px auto 0;
	border: none;
	/* color: #fff; */
	/* background-color: #414141; */
	width: 180px;
	height: 50px;
	/* border-radius: 7px; */
	-webkit-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;


	background-color: rgb(255, 151, 29);
	font-size: 14px;
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-align: left;
	text-align: center;
	border-radius: 5px;

}
.add_table .form-control, .bestellung_table .form-control {
	height:unset;
}
.add_table .form-control {
	border: 1px solid #f5f5f5;
}
.bestellung_table .fa-trash {
	color:#000;
}
.bestellung_table thead{
	background: #f6f6f6;
}

#edit_profile_btn  {
	display: inline-block;
	margin: 0px auto 0;
	border: none;
	color: #fff;
	background-color: #414141;
	width: 180px;
	height: 50px;
	border-radius: 7px;
	-webkit-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;
	font-size: 14px;
}
#delete_profile_btn, #show_legal_btn, #confirm, #nl_btn  {
	display: block;
	margin: 30px auto 0;
	border: none;
	color: #fff;
	background-color: #414141;
	height: 50px;
	border-radius: 7px;
	-webkit-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;
	font-size: 14px;
}
#confirm{
	width:140px;
	margin:0;
}
.form-control {
	font-size: 14px;
	border: 0;
	box-shadow: unset;
}
.form-group{
	border:1px solid #c4bebc;
	padding:4px;
	border-radius:5px;
}
.form-group label {
	color:#c4bebc;
	font-size: 12px;
}
.wrapper_main_content button:hover{
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.error {
	font-weight: 700;
	font-size: 14px;
	color: #e31e14;
}
.main_content h1{
	margin:0;
	padding-top:20px;
	font-size:  24px;
}

.height-100vh {
	min-height: 100vh!important;
}

.catalog_header {
	height: 70px;
	left: 10px!important;
}
.catalog_wrapper_menu {
	background-color: #fff;
	border-bottom: 2px solid #ececec;
	border-right: 2px solid #ececec;
	cursor: pointer;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}
.catalog_shopName {
	transition: .1s linear;
	font-size: 30px;
}
.catalog_ihrLogo {
	width: 215px;
	/* height: 32px; */
	margin-bottom: 25px;
}
.catalog_wrapper_search {
	background-color: #fff;
	border-bottom: 2px solid #ececec;
}
.catalog_searchIcon {
	color: #616161;
}
.catalog_main_content_block {
	background-color: #fcfcfc;
	height: calc(100% - 70px);
}
.catalog_dropDown_menu {
	border-right: 2px solid #ececec;
	background-color: #fff;
	z-index: 1030;
	padding-left:0 !important;
}
.catalog_dropDown_icons_block {
	background-color: #c1c1c1;
}
.catalog_dropDown_item_icons {
	border-bottom: 2px solid #fff;
}
.catalog_dropDown_item, .catalog_dropDown_item_icons {
	transition: .1s linear;
	cursor: pointer;
	height: 70px;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}
.catalog_dropDown_item_icon_white {
	font-size: 40px;
	transition: .1s linear;
	color: #fff;
}
.icon-Marken:before {
	font-family: fontawesome;
	content: "\f0a3";
}
.catalog_dropDown_item {
	border-bottom: 2px solid #ececec;
}
.catalog_dropDown_item, .catalog_dropDown_item_icons {
	transition: .1s linear;
	cursor: pointer;
	height: 70px;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
}
.points p{
	font-size:24px;
	color:#616161;
	padding: 28px;
	margin:0;
}

#top_row {
	width:100%;
	border-bottom: 2px solid #ececec;

}
#logo {
	width:100%;

	padding:20px 0 20px 20px;

}
#logo img{
	width:215px;
}
.points {

}
label{
	font-size:14px;
	font-weight: 400 !important;
}
.page_container {
	background:#fff;

}
.nav_row{
	border-bottom: 2px solid #ececec;
	margin: 0px 0 0;
	display:flex;
}
.main_content{

}
.text_wrap_in ul{
	list-style-type: none;
}
.text_wrap_in {
	font-size:14px;
}
.icon_div {
	background: #c1c1c1;
	width: 85px;
	display: inline-block;
	text-align: center;
	padding: 19px 0px 19px 0;
	position:relative;
	z-index: 100;
}
.fas {
	color:#fff;
}
.column{
	overflow:hidden;
	display: table-cell;
	height: 100%;
}
.page_container{
	display: table;
	width: 100%;
	height: calc(100% - 90px);
}

.nav_row_last .icon_div{
	background:#c1c1c1;
	height:100%;
}
.icon_div img{
	width:42px;
}
.nav_text{
	/* display: inline-block; */
	padding:20px 0 15px 40px;
	vertical-align: middle;
	/* position:relative; */
	/* z-index: 101; */
}
.nav_text a{
	font-size:24px;
	color:#616161;
}
.include .row{
	margin:0;
}
.right_bar{
	padding-bottom: 50px;
}

#impressum {
	bottom: 10%;
	margin-left: 140px;
	position: absolute;
}
#impressum a{

	font-size: 14px;
}

#zip {
	width:90%;
}
.main_content{
	padding-left:30px;
	padding-right: 30px;
}
#frm_login {
	/* margin-top:100px; */
}
.nav_row_last .nav_text{
	height:100%;
	position:absolute;
}
#logout {
	margin: -63px 5% 0 0;
}
#impressum_sm {
	display: none;
}

.nav_row_last {
	height:100%;
}
.shadow{
	-webkit-box-shadow: 0px 1px 8px 10px rgba(199,193,199,0.14);
	-moz-box-shadow: 0px 1px 8px 10px rgba(199,193,199,0.14);
	box-shadow: 0px 1px 8px 10px rgba(199,193,199,0.14);
	background-color: #fff;
	padding: 40px 30px;
	border-radius: 10px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	flex: 1;
	/* min-height: 460px; */
}
h4{
	margin-top:0;
	margin-bottom:20px;
	padding-left:8px;
	font-size: 28px;
	line-height: 28px;
	font-family: "Roboto-medium";
	color: rgb(32, 32, 34);
	text-align: left;
}
.sep40 {
	width:100%;
	height:40px;
	display:block;
}
.sep60 {
	width:100%;
	height:60px;
	display:block;
}
.sep10 {
	width:100%;
	height:10px;
	display:block;
}
.sep130 {
	width:100%;
	height:130px;
	display:block;
}
.sep105 {
	width:100%;
	height:100px;
	display:block;
}
.sep20 {
	width:100%;
	height:20px;
	display:block;
}
.rauchfrei_time_div{
	background: #ea5b5b;
	padding:15px 35px;
	color:#fff;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
}
.rf_txt {
	text-transform: uppercase;
	padding-left:15px;
	width: 85%;
}
.achiev_div {
	background: #fff;
	border-radius: 20px;
	padding: 10px;
	text-align: center;
	color: #575757;
	font-weight: 600;
	margin: 20px 15px;
	width: 27.333333333%;
	font-size: 12px;
	height: 110px;
}
.friend_txt {
	/*	position: absolute;
        bottom: 10px;*/
}
.achiev_div:nth-child(3n+3){
	margin-right: 0;
}
.achiev_div:nth-child(3n+1){
	margin-left: 0;
}
.btn-primary{
	background:var(--mc);
	border:1px solid #ff971d;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
	opacity: .75;
	background:var(--mc) !important;
	border:1px solid #ff971d;
}
#reg_form .btn {
	width:100%;
}
#kunden_logo , #kunden_status{
	padding-top:10px;
}
.digit_row{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
.digit_inp{
	width:16%;
}
.digit_inp .form-control {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
.checkbox {
	vertical-align: top;
	margin: 0px 3px 0 0 !important;
	width: 50px;
	height: 25px;
	z-index: 9999999999 !important;
}
.checkbox + label {
	cursor: pointer;
	display:inline;
}
.checkbox:not(checked) {
	position: absolute;
	opacity: 0;
}
.checkbox:not(checked) + label {
	position: relative;
	padding: 0 0 0 60px;

}

.checkbox:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -7px;
	left: 0;
	width: 50px;
	height: 23px;
	border-radius: 13px;
	background: #CDD1DA;
	box-shadow: inset 0 2px 3px rgb(0 0 0 / 20%);
	z-index: 2;
}

.checkbox:not(checked) + label:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 0px;
	width: 21px;
	height: 21px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
	transition: all .2s;
	z-index: 3;
}
.checkbox:checked + label:before {
	background: #be1622;
}

.checkbox:checked + label:after {
	left: 28px;
}

.checkbox:focus + label:before {

}
#set_favorite_store {
	width: 100%;
}
header.fixed{
	position: fixed;
	background: #fff;
	width: 100%;
	z-index: 100;
}

#suggestBoxElement {border: 1px solid #8FABFF; visibility:hidden; text-align: left;  white-space: nowrap; background-color: #eeeeee;}
.suggestions { font-size: 14;background-color: #eeeeee;  }
.suggestionMouseOver { font-size: 14;background: #3333ff; color: white;  }

.filial_container h2{
	font-size: 20px;
}
.shop_info h4 {
	font-size: 1.25rem;
	font-weight: normal;
	letter-spacing: 1.17px;
}

.filial_container ul{
	padding-left:20px;
}
.btn-shop {
	color: #fff !important;
	background-color: rgba(190, 22, 34, 0.9);
	background-image: none;
	border-color: #be1622;
	text-transform: uppercase;
	border-radius: .25rem !important;
	width: 100%;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	margin-top:20px;
}
.mess_div {
	font-size:12px;
	padding-top:5px;
}
.mess_div .badge {
	display: inline-block;
	min-width: 10px;
	padding: 4px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 10px;
}
.age_check_div p {
	font-size: 14px;
}
#logo_div{
	padding-top:10px;
	padding-left:0;
}
.welcome_txt {
	padding-top:20px;
}


/******RING ****/

.circles-container {
	position: relative;
	height: 250px; width: 250px;
}

.dot {
	z-index: 2;
	position: absolute;
	height: 100%; width: 100%;
	transition: transform 400ms;
	transform: rotate(0);
}

.dot:after {
	content: '';
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	height: 32px; width: 32px;
	background: transparent;
	border-radius: 100%;
	box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.24);
}

.ring {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%; left: 50%;
	border-radius: 100%;
}

.ring:before {
	content: '';
	position: absolute;
	height: 100%; width: 100%;
	border-radius: 100%;
}

.ring:after {
	content: '';
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%; left: 50%;
	height: 57px; width: 57px;
	background: var(--background);
	border-radius: 100%;
}

.progress-ring {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%; left: 50%;
}

.progress-ring__circle {
	transition: stroke-dashoffset 350ms;
	transform: rotate(270deg);
	transform-origin: 50% 50%;
}

/* Themes */
.activity.ring {
	height: 250px; width: 250px;
	background: rgba(241,241,241, .32);
}
.activity.ring:before {
	box-shadow: 1px 0px 3px rgba(0, 0, 0, .48);
}
.activity.ring:after {
	box-shadow: inset 1px 0 3px rgba(0, 0, 0, .48);
}

.exercise.ring {
	height: 185px; width: 185px;
	background: rgba(111, 228, 48, .32);
}
.exercise.ring:after {
	box-shadow: inset 1px 0 3px rgba(111, 228, 48, .48);
}

.stand.ring {
	height: 122px; width: 122px;
	background: rgba(21, 194, 224, .32);
}
.stand.ring:after {
	box-shadow: inset 1px 0 3px rgba(21, 194, 224, 0);
}

.card {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background: rgba(255, 255, 255, .1);
	border-radius: 25px;
	padding: 32px 64px;
	transition: transform 0.5s;
	box-shadow: 2px 2px 50px rgba(0, 0, 0, 0.2);
	margin-bottom: 25vh;
}

.info {
	margin-left: 32px;
}

.info .row {
	font-size: 32px;
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: 500;
	margin: 6px;
	/*   https://css-tricks.com/almanac/properties/u/user-select/ */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

.info .row.activity { color: #000; }
.info .row.exercise { color: #000; }

.controls {
	display: flex;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: 10vh;
}

.number-input {
	--color: white;
	border: 1px solid var(--color);
	border-radius: 5px;
	color: var(--color);
	margin-right: 14px;
}

.number-input span {
	display: block;
	padding: 12px 24px;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px solid var(--color);
	transition: all 300ms;
	font-weight: 700;
	/*   https://css-tricks.com/almanac/properties/u/user-select/ */
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}

.number-input .increase:hover,
.number-input .decrease:hover {
	cursor: pointer;
	background: var(--color);
	color: white;
}

.number-input[data-target="activity"] {
	--color: #ff0022;
}
.number-input[data-target="exercise"] {
	--color: #B1FD36;
}
.number-input[data-target="stand"] {
	--color: #15C2E0;
}



.header_body h1 {
	font-size: 24px;
	font-family: "Roboto-black";
	color: rgb(55, 74, 79);
	line-height: 0.833;
}



/*
    bootstrap corrects
*/

.equal {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.equal div[class*="col-"]{
	margin-bottom: 30px;
	display: flex;
}

.btn-custom-admin{
	background-color: rgb(255, 151, 29);
	font-size: 14px;
	font-family: "Roboto-medium";
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-align: left;
	text-align: center;
	border-radius: 5px;
	padding: 20px 35px;
}

/* .hidden{
    display: none!important;
} */

/*
    close bootstrap corrects
*/

.adm_menu h3 {
	background: #737373;
	color: #fff;
	padding: 15px 22px;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: 1px solid #fff;
	cursor: POINTER;
	margin-left:-10px;
}
.adm_menu_no_bg h3 {
	padding: 15px 22px;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: 1px solid #fff;
	cursor: POINTER;
	margin-left:-10px;
}
.adm_menu_no_bg h3 span:nth-child(2), .adm_menu h3 span:nth-child(2){
	margin-left: 25px;
	display: inline-block;
	margin-top:5px;
}
.nav_container.active .adm_menu_no_bg h3 span:nth-child(1){
	position: absolute;
	margin-left:-5px;
}
.nav_container.active .adm_menu span:nth-child(1){
	position: absolute;
	margin-left:-5px;
}
.nav_container.active .adm_menu_no_bg h3 , .nav_container.active .adm_menu h3 {
	padding: 15px 22px;
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: 1px solid #fff;
	cursor: POINTER;

}
.adm_menu_no_bg h3:hover a, .adm_menu h3:hover a, .adm_menu ul li:hover a {
	color:#FF971D;
	text-decoration: none;
}
.adm_menu_no_bg h3:hover svg path, .adm_menu ul li:hover svg path {
	fill:#FF971D;
}
.nav_div.active .adm_menu ul {
	padding: 0;
	margin: 0 0 0 20px;
	display: none;
}
.nav_div.active .toggle_nav {
	margin-left:185px;
	-webkit-transition: margin-left 0.5s ease-in-out;
	-moz-transition: margin-left 0.5s ease-in-out;
	-o-transition: margin-left 0.5s ease-in-out;
	transition: margin-left 0.5s ease-in-out;
}
.nav_div .adm_menu ul {
	padding: 0;
	margin: 0 0 0 10px;
	display: none;
}
.adm_menu ul li span  {
	margin-top:8px;
}
.adm_menu ul li {
	display: block;
}

.adm_menu li a {
	padding: 10px 20px 10px 0px;
	display: inline-block;
	font-size: 14px;
}
.adm_menu i {
	color: #fff;
	display: inline-block;
	text-align: right;
	float: right;
	cursor: POINTER;
	padding: 3px 0 3px 3px;
}
.height100 {
	height:100%;
}
.top_nav {
	display: flex;
	width: 100%;
	justify-content: space-around;
	background: #fff;
	-webkit-box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.15);
	box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.15);
	border-radius:10px;
}
.top_nav li{
	display: inline-block;
	font-size: 18px;
}
.top_nav li span{
	display: none;
}
.top_nav li a{
	display: inline-block;
	padding: 20px 0;
	border-bottom: 1px solid #fff;
}
.top_nav li a:hover, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background: #fff;
	color: #737373;
	text-decoration: none;
	border-bottom: 1px solid #ff971d;
	border-radius: 0;
}
.sep40{
	height: 40px;
}
.nav_container {
	padding:20px 0;
	height:100%;
	background: #fff;
}
#logo_img {

}
.pd40{
	padding:30px 0 0 40px;
}
.sep30{
	height:30px;
	width: 100%;
}
#add_lieferant_btn {
	margin-top:-35px;
}
.image-uploader {
	border: 0;
	position: absolute;
	z-index: 99;
	right: 0;
}
.input-images {
	position: relative;
}
.image-uploader .upload-text {
	position: absolute;
	top: 0;
	right: 0;
	left: unset !important;
	bottom: unset !important;
	display: inline-block;
}
table.dataTable td span.dt-control:before, .sm-control:before {
	 height: 1em;
	 width: 1em;
	 margin-top: 0px;
	 display: inline-block;
	 color: white;
	 /* border: 0.15em solid white; */
	 /* border-radius: 1em; */
	 /* box-shadow: 0 0 0.2em #444; */
	 box-sizing: content-box;
	 text-align: center;
	 text-indent: 0 !important;
	 font-family: "Courier New",Courier,monospace;
	 line-height: 1em;
	 content: "+";
	 background-color: #ddd;
 }
.shown , .shown1{
	background: #ff971d !important;
	color: #fff;
}
.shown1 a {
	color:#fff !important;
}
.header_top{
	padding-right:40px;
}

.preloader {
	/*фиксированное позиционирование*/
	position: fixed;
	/* координаты положения */
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/* фоновый цвет элемента */
	background: #e0e0e0;
	/* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
	z-index: 1001;
}

.preloader__row {
	position: relative;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-top: -35px;
	margin-left: -35px;
	text-align: center;
	animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
	position: absolute;
	display: inline-block;
	top: 0;
	background-color: #ff9300;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
	top: auto;
	bottom: 0;
	animation-delay: -1s;
}

@keyframes preloader-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes preloader-bounce {

	0%,
	100% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}
}

.loaded_hiding .preloader {
	transition: 0.3s opacity;
	opacity: 0;
}

.loaded .preloader {
	display: none;
}
/*.shown td:nth-child(4) {
	width: 266px;
}
.shown td:nth-child(5)  {
	width: 350px;
}
.shown td:nth-child(6)  {
	width: 295px;
}
.shown td:nth-child(7) , .shown td:nth-child(8)  {
	width: 145px;
}*/
.variants_table {
	/*width: 100%;*/
}
 .variants_table td:nth-child(1){
	width: 56px !important;
	text-align: right;
}
 .variants_table td:nth-child(2){
	width: 40px !important;
	 padding-left: 5px;
}
 .variants_table td:nth-child(3){
	width: 160px !important;
}
  .variants_table td:nth-child(4){
	width: 365px !important;
}
 .variants_table  td:nth-child(5){
	width: 159px !important;
}
.variants_table td:nth-child(6){
	width: 208px !important;
}
.variants_table td:nth-child(7){
	width: 182px !important;
}
.variants_table td:nth-child(8){
	width: 165px !important;
}
.adm_menu h3 span:nth-child(2), .adm_menu_no_bg h3 span:nth-child(2){

}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	*cursor: hand;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
}
.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	z-index: 2;
	position: relative;
	background: #fff;
}
.variants_table td {

	background-color: #e7e7e7 !important;
}
.shown  td span.dt-control:before {

	color: #DDD !important;
	content: "-" !important;
	background-color: #fff !important;
}

.btn-primary{
	background: var(--mc);
	border: 1px solid #ff971d;
}
.btn-primary:hover{
	background: var(--hc);
	border: 1px solid #ff971d;
}
.btn-secondary {
	color:#fff;
	background: #c4c4c4;
}
.btn-secondary i, .btn-primary i{
	color:#fff;
	margin-left:10px;
}
.btn-primary .fa-filter{
	margin-left:0;
}
.form-group input[type=checkbox]{
	margin:0 0 15px 10px;
}

.np {
	padding:0;
}
.npr {
	padding-right:0;
}
.npl {
	padding-left:0;
}
.dataTables_wrapper .dataTables_length {
	float: unset;
	display: inline-block;
	margin-left: 120px;
	margin-right: 50px;
}
.dataTables_wrapper .dataTables_filter {
	float: unset;
	text-align: left;
	margin: -2px 0 0 15px;
	display: inline-block;
	color:#4e4e4e;
}
.dataTables_wrapper .dataTables_filter input {
	margin-left: 0.5em;
	border: 0;
	padding: 9px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
	border-radius:5px;
	font-size: 12px;
	width: 350px;
}
.dataTables_length select{
	border: 0;
	padding: 9px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
	border-radius:5px;
	font-size: 12px;
	margin-left:8px;
}
.dataTable p {
	margin-bottom:0;
}
.data_container {
	background: #fff;
	padding:25px;
	margin:25px 0;
	-webkit-box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative;
}
.data_container h2 span{
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	cursor: default;
	color: #c4bebc !important;
	border: 1px solid #c4bebc;
	background: transparent;
	box-shadow: none;
	border-radius: 5px;
}
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
	border-bottom: 1px solid #f5f5f5;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid #f5f5f5;

}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.3em 0.6em;
	margin-left: 10px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	cursor: hand;
	color: #333 !important;
	border: 1px solid transparent;
	border-radius: 8px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: var(--mc)!important;
	border: 0;
	background: #fff;
	-webkit-box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 0px 10px 2px rgba(0,0,0,0.1);
}
.action_buttons {
	position: absolute;
	margin-top: -65px;
	right:0;
	z-index: 10;
}
.action_buttons img{
	width: 54px;
}
.image-uploader.has-files .upload-text {
	 display: block !important;
}
.buttons {
	padding:30px 0 0;
}
.buttons ul{
	margin:0;
	padding:0;
}
.buttons ul li{
	display: inline-block;
}
.buttons ul li:nth-child(1){
	margin-right:30px;
}
#dataTable td:nth-child(1){
	width:50px;
}
#dataTable {
	margin:30px 0;
}
table.dataTable thead .sorting {
	color:#000;
}
.data_container h2{
	font-size: 21px;
	font-weight: 600;
	color:#202022;
	text-transform: uppercase;
}
.data_container .form-group select{
	padding-left:0;
}
.data_container h3{
	font-size: 14px;
	font-weight:600;
	color:#4e4e4e;
	margin:0 0 20px 0;
}
.data_container hr {
	display: inline-block;
	width: 100%;
	margin: 20px 0;
}
.form-control {
	height:30px;

}
#positionen .data_container{
	min-height: 600px;
}
#auftrag_nav,  #angebot_nav, #ab_nav, #lieferschein_nav, #rechnung_nav, #lieferschein_korrektur_nav, #gutschrift_nav, #teil_gutschrift_nav , #gutschrift_nav {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	position: relative;
	z-index: 10;
	margin-top: 13px;
}
/*#angebot_nav, #ab_nav, #lieferschein_nav, #rechnung_nav {
	margin-top:30px;
	margin-bottom:25px;
}*/

.assistent_name_wrapper{
	margin-top: 15px;
}
#pos_name,#article_n{
	padding: 20px 0;
	font-weight: bold;
}
.price_field label{
	display: block;
}
.price_field input {
	width: 28%;
	display: inline-block;
}
#angebot_icons, #lieferschein_icons,  #lieferschein_korrektur_icons, #rechnung_icons , #gutschrift_icons, #teil_gutschrift_icons {
	display: flex;
	width: 300px;
	margin: 0 auto;
	justify-content: space-between;
}
#ab_icons{
	display: flex;

	margin: 0 auto;
	justify-content: space-evenly;
}

#angebot_icons li, #ab_icons li, #lieferschein_icons li, #lieferschein_nav li, #lieferschein_korrektur_nav li, #rechnung_nav li, #rechnung_icons li, #teil_gutschrift_icons li,#gutschrift_icons li, #gutschrift_nav li, #teil_gutschrift_nav li{
	display: inline-block;
	text-align: center;
}

#add_table_positionen td{
	padding: 10px;
}
#add_table_positionen .form-control, #res_table .form-control {
	border-radius: 7px;
	-webkit-box-shadow: 1px 0px 10px 2px rgb(0 0 0 / 5%);
	box-shadow: 1px 0px 10px 2px rgb(0 0 0 / 5%);
}
#angebot_betreff, #ab_betreff, #angebot_text , #ab_text, #lieferschein_betreff, #lieferschein_text, #rechnung_betreff, #rechnung_text, #teil_gutschrift_betreff, #teil_gutschrift_text, #gutschrift_betreff, #gutschrift_text {
	border:1px solid #ccc;
}
#angebot_betreff, #ab_betreff, #lieferschein_betreff, #rechnung_betreff, #teil_gutschrift_betreff, #gutschrift_betreff {
	height: 62px;
}
#angebot_text, #ab_text, #lieferschein_text, #rechnung_text, #teil_gutschrift_text, #gutschrift_text{
	height: 139px;
}
#total_quantity, #total_sum, #total_rabatt {
	width: 100px;
	text-align: center;
}
#positionen label{
	text-align: left;
}
#articles_to_positions_dataTable td{
	cursor: pointer;
	position: relative;
}
#articles_to_positions_dataTable .pricelist_field__wrapper {
	display: flex;
}
#articles_to_positions_dataTable .apply_to_sub{
	display: none;
}
#articles_to_positions_dataTable .shown .apply_to_sub{
	display: block;
	height: 30px;
	line-height: 1.2;
	margin-left: 7px;
}

#auftragdataTable td{
	cursor: pointer;
	position: relative;
}
#auftragdataTable .pricelist_field__wrapper {
	display: flex;
}
#auftragdataTable .apply_to_sub{
	display: none;
}
#auftragdataTable .shown .apply_to_sub{
	display: block;
	height: 30px;
	line-height: 1.2;
	margin-left: 7px;
}


.selected_item td{
	background: var(--mc);
	color: #fff;
}
.select_for_edit td{
	background: var(--mc);
	color: #fff;
}
.select_for_edit_td{
	background: var(--mc) !important;
	color: #fff;
}

.table-articles-to-positions__from-price{
	background-image: url(/style/images/pl.svg);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 2px;
}

.percent{
	color: var(--mc) !important;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	line-height: 1;
	display: inline-block;
	font-size: 12px;
	margin: 2px;
}

.position-table__pl-icon{
	background-image: url(/style/images/pl.svg);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 2px;
}
.table-positions__tbody tr td{
	position: relative;
}


.positionen_right .dataTables_wrapper {
	padding-bottom: 55px;
	height: 994px;
	overflow-y: auto;
	overflow-x: hidden;
}
.select_for_edit .fa, .select_for_edit_td .fa{
	color: #fff;
}#total_quantity {
	 text-align: center;
 }
 #sortable td:nth-child(3){
	 padding-right: 15px !important;
	 padding-left: 15px !important;
	 text-align: left !important;
 }
#res_table td {
	border: 1px solid #ccc;
	text-align: center;
}
.position-table__changed{
	background-color: #f5f5f5;
}



.opt_res_table {
	width: unset;
}
.opt_res_table td, .opt_res_table {
	border:0px solid #ccc !important;
	margin-bottom: 0 !important;
	padding:5px 0 !important;
}

#pos{
	width: 60px;
}
#menge, #price, #quantity {
	width: 100px;
}
.tab-pane {
	width: unset !important;
}
#article_type {
	margin-top:20px;
	padding: 20px;
	height: unset;
	box-shadow: unset !important;
	border: 1px solid #eee;
	border-radius: 5px !important;
}
.m15{
	margin-left: 15px;
	margin-right: 15px;
}
#line_div {
	display: block;
	height: 5px;
	width: 89%;
	background: #bcbcbc;
	position: absolute;
	z-index: 1;
	margin-top: -60px;
	margin-left: 15px;
}
.res_table_div {
	height:501px;
	overflow: auto;
}
.toggle_row {
	cursor: POINTER;
}
.success_sep {
	display: block;
	width: 100%;
	height: 34px;
	margin: 15px 0;
}
.dataTables_wrapper {
	padding-bottom: 55px;
	/*height: 930px;*/
}

#dataTable_processing div i, #rechnungDataTable_processing div i, #auftragdataTable_processing div i{
	display: none;
}
#dataTable_processing div, #rechnungDataTable_processing div, #auftragdataTable_processing div{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url("/style/images/loader_2.gif");
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	background-color: rgba(255, 255, 255, 0.75);
}

#dataTable_processing, #auftragdataTable_processing{
	height: 100%;
	top: 0;
	padding-top: 142px;
	background: unset;
	padding-bottom: 95px;
	z-index: 2;
}

#rechnungDataTable_processing{
	height: 100%;
	top: 0;
	padding-top: 103px;
	background: unset;
	padding-bottom: 250px;
}
#rechnungDataTable thead tr:nth-child(1) td{
	white-space: nowrap;
}







#line_div_angebot,  #line_div_ab,  #line_div_lieferschein, #line_div_rechnung {
	display: block;
	height: 5px;
	width: 81%;
	background: #bcbcbc;
	position: absolute;
	z-index: 1;
	margin-top: -72px;
	margin-left: 45px;
}
#auftrag_nav li, #angebot_nav li, #ab_nav li, #rechnung_nav li {
	display: inline-block;
}
#auftrag_info {
	width: 100%;
	background: #e6e6e6;
	padding: 10px 15px;
	min-height: 45px;
}
#table_positions_edit_block_item_info {
	width: 100%;
	background: #e6e6e6;
	padding: 10px 15px;
	min-height: 45px;
}
.table_data_container {
	/*padding:0 25px;*/
	/*padding:6px 10px;*/
	padding:14px 21px 17px 21px;
}
.table_data_container b{
	display: inline-block;
	padding: 8px 8px;
}
.info_auftrag_table, .info_ab_table , .info_lieferschein_table , .info_lieferschein_korrektur_table , .info_rechnung_table , .info_gutschrift_table , .info_teil_gutschrift_table  {
	margin-bottom: 0;
}
.info_angebot_table {
	margin-bottom: 8px;
}
.info_auftrag_table td:nth-child(1),  .info_ab_table td:nth-child(1) , .info_lieferschein_table td:nth-child(1),.info_lieferschein_korrektur_table td:nth-child(1), .info_rechnung_table td:nth-child(1), .info_gutschrift_table td:nth-child(1), .info_teil_gutschrift_table  td:nth-child(1) {
	width: 37%;
}
.info_auftrag_table td, .info_angebot_table td, .info_ab_table td, .info_lieferschein_table td, .info_rechnung_table td, .info_gutschrift_table td, .info_teil_gutschrift_table  td{
	border:0 !important;
	/*padding:0 5px 5px 8px !important;*/
	padding:0 5px 0 8px !important;
}
.table_data_container h3 {
	font-size: 16px;
	font-weight: 600;
	color: #4e4e4e;
	margin: 11px 0 5px 0;
}
#generate_angebot, #generate_ab, #generate_lieferschein{
	cursor: pointer;
}
#angebot_icons a:hover rect, #ab_icons a:hover rect{
	fill:#FF971D;
	cursor: POINTER;
}
.flex{
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
}
.flx {
	/*width: 25%;*/
}
.flx:nth-child(1){
	width:44%;
}
#versand_editable {
	width: 70px;
	border: 1px solid #ccc;
	display: inline-block;
}

#apply_shipping_cost {
	font-size: 19px;
	display: inline-block;
	margin-top: 5px;
	cursor: pointer;
}

input[type="checkbox"]:checked::before {
	transform: scale(1);
}
div.checklistContainer , div.findInList input, div.checklistHighlighted{
	width: 100% !important;
}
#filter_stock_checklist {
	height: unset !important;
	width: 100% !important;
}
.checklist label {
	font-size: 12px;
}
.filter_btn {
	display: block;
	margin-bottom: 30px;
	position: relative;
	z-index: 10;
}
.filter_container {
	padding: 20px;
	margin-top: 51px;
	background: #fff;
	width: 90%;
}
.image-uploader .upload-text i {
	display: none !important;
}
.action_buttons form{
	display: inline-block;
}
.action_buttons button{
	border: 0;
	display: inline;
	padding: 0;
	margin: 0;
	background: transparent;
}
.swal2-popup .swal2-styled.swal2-confirm {
	border: 0;
	border-radius: 0.25em;
	background-color: var(--mc) !important;
	color: #fff;
	font-size: 1.0625em ;
	border-left-color: var(--mc) !important;
	border-right-color: var(--mc) !important;
}
.input__wrapper label{
	background: #c4bebc;
	color: #fff;
	padding: 6px 20px;
	border-radius: 5px;
	width: 155px;
	margin-right: 30px;
}
.input__wrapper .btn{
	width: 155px;
}
.input__wrapper label i{
	color:#fff;
}
.input__wrapper {
	width: 100%;
	position: relative;
	margin: 15px 0;
	text-align: center;
}

.input__file {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.input__file-icon-wrapper {
	height: 60px;
	width: 60px;
	margin-right: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-right: 1px solid #fff;
}

.input__file-button-text {
	line-height: 1;
	margin-top: 1px;
}

.input__file-button {
	width: 100%;
	max-width: 290px;
	height: 60px;
	background: #1bbc9b;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-radius: 3px;
	cursor: pointer;
	margin: 0 auto;
}
.haupt_button, .variant_button {
	padding: 3px 5px;
	width: 115px;
	text-transform: uppercase;
}
.scroll{
	height: 337px;
	overflow: auto;
	margin-bottom: 15px;
}
.scroll_lieferant{
	overflow: auto;
	height:113px;
}
.pa-articles{
	position: absolute;
	right: 41px;
	margin-top: -35px;
}
.tab-content .alert-success {
	padding: 6px;
	margin:15px 0;
	border: 1px solid transparent;
	border-radius: 4px;
	text-align: center;
}
#add_custom_field_btn {
	float: right;
	margin-top: -45px;
}
.articles_to_positions__variants_table i{
	display: inline-block;
	margin-left: 0px;
	font-size: 14px;
}
.articles_to_positions__variants_table {
	width: unset;
}
.articles_to_positions__variants_table td{
	background: #fff;
	color:#444;
	padding:8px 5px !important;
}

.auftrag_variants_table i{
	display: inline-block;
	margin-left: 0px;
	font-size: 14px;
}
.auftrag_variants_table {
	width: unset;
}
.auftrag_variants_table td{
	background: #fff;
	color:#444;
	padding:8px 5px !important;
}

.scroll_div::-webkit-scrollbar, .res_table_div::-webkit-scrollbar , .positionen_right #auftragdataTable_wrapper::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #f9f9fd;
  }
.positionen_right .dataTables_wrapper .dataTables_length {
	margin-left:0;
}
.positionen_right .dataTables_wrapper .dataTables_filter {
	float: unset;
	text-align: left;
	margin: -2px 0 0 15px;
	display: inline-block;
	color: #4e4e4e;
	width: 50%;
	margin-bottom: 30px;
	padding-right: 15px;
}
.positionen_right .dataTables_wrapper .dataTables_filter input {
	margin-left: 0.5em;
	border: 0;
	padding: 9px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 0px 10px 2px rgb(0 0 0 / 10%);
	box-shadow: 1px 0px 10px 2px rgb(0 0 0 / 10%);
	border-radius: 5px;
	font-size: 12px;
	width: unset;
}

.scroll_div::-webkit-scrollbar-thumb, .res_table_div::-webkit-scrollbar-thumb, .positionen_right #auftragdataTable_wrapper::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #ff9300;
}
#res_table thead td{
	background: #f5f5f5;
}
#res_table  .__gray-bg{
	background: #e0e0e0;
}
#res_table  thead td:nth-child(4){
	background: #e0e0e0;
}


#res_table  thead td:nth-child(1), #res_table thead td:nth-child(2), #res_table thead td:nth-child(3), #res_table thead td:last-child, #gesamt_td{
	background: #fff ;
}
#res_table thead tr:nth-child(1) td{
	background: #fff ;
}

.highlight {
	background: #ff9300 !important;
	transition: background 0.5s ease;
	color: #fff;
}
.highlight .fa{
	color: #fff;
}
.scroll_div::-webkit-scrollbar-track, .res_table_div::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	border-radius: 10px;
	background-color: #f9f9fd;
}
.articles_to_positions__variants_table input, .angebot_variants_table input, .ab_variants_table input,.lieferschein_variants_table input,.lieferschein_korrektur_variants_table input,.rechnung_variants_table input ,.gutschrift_variants_table input,.teil_gutschrift_variants_table input {
	width: 50px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.auftrag_variants_table input, .angebot_variants_table input, .ab_variants_table input,.lieferschein_variants_table input,.lieferschein_korrektur_variants_table input,.rechnung_variants_table input ,.gutschrift_variants_table input,.teil_gutschrift_variants_table input {
	width: 50px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.doc_links {
	position: absolute;
	background: #fff;
	z-index: 99;
	width: 262px;
	-webkit-box-shadow: 1px 0px 10px 2px rgb(0 0 0 / 10%);
	box-shadow: 1px 0px 10px 2px rgb(0 0 0 / 10%);
	overflow: hidden;
}
.doc_links li {
	display: block !important;
	padding:15px !important;
}
.variant_table, .options_table{
	color:#404040;
	background: #efefef;
}
.variant_container, .success_container {
	padding: 0 20px 30px;
	text-align: center;
}
.modal-header {
	border-bottom:0;
}
.required_label:after{
	content:"*";
	color: #ff0000;
	margin-left:5px;
}
.uploaded-image {
	display: inline-block;
	width: calc(16.6666667% - 1rem);
	padding-bottom: calc(16.6666667% - 1rem);
	height: 0;
	position: relative;
	margin: 0.5rem;
	background: #f3f3f3;
	cursor: default;
}
.uploaded-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}
.uploaded-image .delete-image {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	border-radius: 50%;
	padding: 0.3rem;
	background-color: rgba(0, 0, 0, .5);
	-webkit-appearance: none;
	border: none;
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	color: #fff;
}
#add_staffelpreis {
	text-transform: uppercase;
}
.fa-trash-alt {
	color:#c4c4c4;
	margin-top:15px;
}
.add_address .fa-plus {
	color:#c4c4c4;
}
.add_address {
	padding:70px 0;
	color:#404040;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
.fa-trash-alt:hover{
	color:var(--mc);
}
.bestellung_table .form-control, .add_table .form-control, .auftrag_table .form-control{
	-webkit-box-shadow: rgba(125,125,125,.16) 0 3px 12px;
	box-shadow: 0 3px 12px rgba(125,125,125,.16);
}
.bestellung_table tbody{
	background: #fefefe;
}
.comments_table thead td{
	color:#cbc5c3;
}
.comment_title {
	padding-top: 30px;
	display: inline-block;
	float: left;
}
#add_comment_btn {
	padding: 10px 45px;
	margin-top: 20px;
}
tfoot{
	font-weight: 600;
}
#res_table tfoot td{
	font-weight: 400;
	border-top:0;
}
#custom_name_div{
	margin-top:7px;
	margin-bottom:30px;
}
#custom_name {

	border-radius: 7px;
	-webkit-box-shadow: 1px 0px 10px 2px rgb(0 0 0 / 5%);
	box-shadow: 1px 0px 10px 2px  rgb(0 0 0 / 5%);
}
.delete_lieferant {
	color:#000;
}
.orange{
	background: var(--mc);
	color:#fff;
}
.orange .delete_row {
	color:#fff;
}
.variant_container #option_id {
	-webkit-box-shadow: rgba(125,125,125,.16) 0 3px 12px;
	box-shadow: 0 3px 12px rgba(125,125,125,.16);
}
.liefer_span {
	display: inline-block;
	width: 100%;
	padding-left:10px;
}
.nav_div, .content_div{
	float:left;
}
.nav_div{
	width: 50px;
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;

}
.nav_div.active{
	width:230px;
	transition: all 0.3s;
	height: 90%;
}
.nav_div.active li  a{
	display: inline-block;
}
.nav_div.active li a:nth-child(2){
	position: absolute;
	margin-top:5px;
}
.nav_div.active li span a{
	display: inline-block;
}
.nav_div li  a{
	display: none;
}
.nav_div li span a{
	display: inline-block;
}
@-webkit-keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: none;
		opacity: 0;
	}

	100% {
		display: inline-block;
		opacity: 1;
	}
}

@-moz-keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: none;
		opacity: 0;
	}

	100% {
		display: inline-block;
		opacity: 1;
	}
}

@-o-keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: none;
		opacity: 0;
	}

	100% {
		display: inline-block;
		opacity: 1;
	}
}

@keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: none;
		opacity: 0;
	}

	100% {
		display: inline-block;
		opacity: 1;
	}
}
@-webkit-keyframes fadeOutFromNone {
	0% {
		display: block;
		opacity: 1;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: none;
		opacity: 0;
	}
}

@-moz-keyframes fadeOutFromNone {
	0% {
		display: block;
		opacity: 1;
	}

	1% {
		display: block;
		opacity: 1;
	}

	100% {
		display: none;
		opacity: 0;
	}
}

@-o-keyframes fadeOutFromNone {
	0% {
		display: block;
		opacity: 1;
	}

	1% {
		display: block;
		opacity: 1;
	}

	100% {
		display: none;
		opacity:0;
	}
}

@keyframes fadeOutFromNone {
	0% {
		display: block;
		opacity: 1;
	}

	1% {
		display: block;
		opacity: 1;
	}

	100% {
		display: none;
		opacity: 0;
	}
}
.content_div {
	width: 95%;
}
.nav_div .adm_menu h3 span:nth-child(2), .nav_div .adm_menu h3 i,  .adm_menu_no_bg h3 span:nth-child(2){
	display: none;
}

.nav_div.active .adm_menu h3 span:nth-child(2),  .nav_div.active .adm_menu_no_bg h3 span:nth-child(2){
	position: absolute;
}
.nav_div.active .adm_menu h3 span:nth-child(2), .nav_div.active .adm_menu h3 i, .nav_div.active .adm_menu_no_bg h3 span:nth-child(2){
	display: inline-block;
	-webkit-animation: fadeInFromNone 1s ease-out;
	-moz-animation: fadeInFromNone 1s ease-out;
	-o-animation: fadeInFromNone 1s ease-out;
	animation: fadeInFromNone 1s ease-out;
}
.toggle_nav{
	position: absolute;
	bottom: 0;
	text-align: center;
	cursor:POINTER;
}
.toggle_nav img{
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	cursor:POINTER;
}
.toggle_nav img:nth-child(2){
	margin-left:15px;
}

.padd25{
	padding-left:25px;

}
.fixed{
	position: fixed;
	top: 15px;
	z-index: 99;
}
.nav_fixed {
	position: fixed;
	z-index: 100;
}
#admin_name {
	padding-top:20px;
}
.multi-select-button {
	font-size: 14px;
}
.variant_name_head:hover{
	color: var(--mc);
	text-decoration: underline;
	display: inline-block;
	padding: 2px 10px;
}

#partner_customers td {
	padding: 10px 10px 10px 20px;
}
#partner_customers {
	width: 100% !important;
}
#partner_customers .form-control {
	border: 1px solid #ccc;
	width: 50%;
}
@media (min-width: 1200px) {
	.container {
		width: 1700px;
	}
}
@media (max-width: 1200px) {
	.adm_menu ul{
		display: none;
	}
	.container {
		width: 100%;
	}
	.npl, .npr {
		padding:0;
	}
	.col-md-6.npr {
		padding-left: 15px;
	}
	.buttons {
		padding: 20px 0 20px;
	}
	.nav-pills {
		z-index: 99;
		position: relative;
	}
	.staffel_row{
		padding-bottom:20px;
	}

	.table-responsive {
		margin-right: 0;
	}
}

@media (max-width: 991px) {
	.col-md-6.npr {
		padding-left: 0px;
	}
}


@media (max-width: 1090px) {
	.action_buttons {
		position: unset;
		text-align: right;
	}
	.comment_title {
		width: 100%;
		padding-left:15px;
	}
}

.table-summe__row-item td:nth-child(1){ width:50px; }
.table-summe__row-item td:nth-child(2){ width:50px; }
.table-summe__row-item td:nth-child(3){ width:90px; }
.table-summe__row-item td:nth-child(4){ width:90px; }
.table-summe__row-item td:nth-child(5){ width:200px; }
.table-summe__row-item td:nth-child(6){ width:600px; }
.table-summe__row-item td:nth-child(7){ width:150px; }
.table-summe__row-item td:nth-child(8){ width:150px; }
.table-summe__row-item td:nth-child(9){ width:100px; }
.table-summe__row-item td:nth-child(10){ width:150px; }


.table-summe__row-item-children td:nth-child(1){ width:50px }
.table-summe__row-item-children td:nth-child(2){ width:50px }
.table-summe__row-item-children td:nth-child(3){ width:90px }
.table-summe__row-item-children td:nth-child(4){ width:90px }
.table-summe__row-item-children td:nth-child(5){ width:200px }
.table-summe__row-item-children td:nth-child(6){ width:600px }
.table-summe__row-item-children td:nth-child(7){ width:150px }
.table-summe__row-item-children td:nth-child(8){ width:150px }
.table-summe__row-item-children td:nth-child(9){ width:100px }
.table-summe__row-item-children td:nth-child(10){ width:150px }


#line_div{
	display: none!important;
}

/* [ DOC-NAV ] */
.doc-nav__wrapper{
	position: relative;
}
.doc-nav__line{
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 1;
	/*top: 24px;*/
	top: 35%;
	top: calc(50% - 25px);
	padding: 0 21px;
}
.doc-nav__line div{
	background-color: #bcbcbc;
	height: 100%;
	width: 100%;
}
.doc-nav__fader {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	z-index: 10;
	top: 0;
	left: 0;
}


#edit_form h2{
	margin-top: 0px;
	margin-bottom: 10px;
}

.icon_wrapper{
	height: 105px;
}
.textarea_wrapper {
	position: relative;
	height: calc(100% - 145px);
}