@font-face {
       font-family: Calibri;
       src: local("Calibri"), url("calibri.ttf") format("truetype");
       font-weight: normal;
       font-style: normal;
}

@font-face {
       font-family: CalibriBold;
       src: local("Calibri"), url("calibrib.ttf") format("truetype");
       font-weight: normal;
       font-style: normal;
}

@font-face {
       font-family: CalibriItalic;
       src: local("Calibri"), url("calibrii.ttf") format("truetype");
       font-weight: normal;
       font-style: normal;
}



a {
	color:black;
	text-decoration:none;
}

td, th {
	padding:2px 6px;
}

tbody tr:hover{
	background-color: #dbeeff;
}

body {
	font-family:Calibri,Verdana,sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin:0;
	background-image:url('../images/background_light.jpg');background-size:100px;background-color: rgba(255, 255, 255, 0.3);
}

form {
	margin:0;
}

.table_content, .table_content2, .artikel_infotab {
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
	border-collapse: collapse;
}

.table_content tr, .table_content td, .table_content2 tr, .table_content2 td, .artikel_infotab td {
	border-left:3px solid #ccc;
	border-right:3px solid #ccc;
	border-top:none;
	border-bottom:none;
}

.table_content2 th, .table_content th, .table_borders td {
	border:3px solid #ccc;
}

table {
	border-collapse:collapse;
}

.thead_sticky {
	position:sticky;
	top:0;
	background-color:white;
}

.i {
	font-style:italic;
}

.euro {
	line-height:1.8em;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.input_transparent {
	border:none;
	background-color:transparent;
	color:black;
	cursor:pointer;
}

#login span {
    margin:0 0 10px;
    font-size:0.8em;
    cursor:pointer;
    float:right;
    font-style:italic;
    color:#c11624;
}

#lightbox_lotz {
	position:fixed;
	width:0;
	height:0;
	z-index:9999;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	top:0;
	left:0;
}

#lightbox_lotz_inner {
	position:fixed;
	background-color:white;
	top:10%;
	left:10%;
	right:10%;
	bottom:10%;
	padding:10px;
	overflow-y:scroll;
	display:none;
	z-index:10000;
}


#header {
	margin-bottom:10px;
	width:100%;
	overflow:hidden;
}

.header_form {
	float:left;
}

.header_form input {
	padding:7px 16px;
	border:none;
	cursor:pointer;
}

.header2 {
	background-color:#565656;
	padding-right:180px;
}


#content {
	float:left;
	width:72%;
	padding:0 1.5%;
	margin-top:20px;
}

#content2 {
	float:left;
}

#content3 {
	width:75%;
	clear:left;
	float:left;
	padding:0 1.5%;
}

#head_suche {
	width:70% !important;
}

#head_suche_checkbox {
	width:10% !important;
}

#side {
	float:right;
	width:22%;
	text-align:right;
	top:71px;
	bottom:0;
	right:0;
	position:fixed;
	overflow-y:auto;
}

#side_back {
	width:22%;
	top:0;
	bottom:0;
	right:0;
	background-color:#d3d3d3;
	position:fixed;
	z-index:-1;
}

#side hr {
	clear:both;
	background-color:#eee;
	height:0.5em;
	border:none;
	margin:0;
}

#side form {
	width:100%;
	float:right;
	position:relative;
	margin:0;
}

#side input {
	width:100%;
}

#side h4 {
	margin-bottom:0;
}


#side .submit, .tool .submit {
	border:none;
	background-color:#bbb;
	cursor:pointer;
	color:black;
	padding:5px 0;
}

#side .submit_light {
	background-color:#eee;
}

#side .update_text {
	border:none;
	background-color:white;
	border-radius:15px;
	margin:6px 2.5%;
	padding:4px 3.5%;
	width:88%;
}

#side select {
	width:95% !important;
}

#side_get_to_top {
    position:absolute;
    cursor:pointer;
    text-align:center;
    width:100%;
}

#content .update_text, #content2 .update_text, #content3 .update_text, .update_date, .tool .update_text, .tools .update_text, .update_rules {
	border:none;
	background-color:#dbdbdb;
	border-radius:15px;
	margin:6px 0;
	color:black;
}

#content .update_text, #content2 .update_text, .update_date, .tool .update_text {
	padding:4px 3.5%;
	width:93%;
}

#content3 .update_text {
	padding:4px 3.5%;
	width:90%;
}

.update_text {
	width:95%; /*!important;*/
}

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

.update_select {
	width:100% !important;
}

.update_button {
	color:black;
	width:auto !important;
	border:none;
	border-radius:15px;
	padding-left:10px !important;
	padding-right:10px !important;
}

.update_button2 {
    padding:4px 4%;
    background-color:#dbdbdb;
}


.datensaetze {
	font-style:italic;
	text-align:right;
	margin-bottom:10px;
}

.side_form {
	float:right;
	clear:right;
	margin-bottom:10px;
	width:80%;
}

.side_form input {
	width:100%;
}



.red {
	color:red;
}

.green {
	color:darkgreen;
}

.back_red { background-color:#FFDAB9; }
.back_green, .back_green_hover:hover { background-color:#9AFF9A; }
.back_yellow { background-color:lemonchiffon; }
.back_lightyellow { background-color:lightyellow; }
.back_darkyellow { background-color:#FFE4B5 !important; } 
.back_blue { background-color:lightblue !important; }
.back_lightblue { background-color:#CDE7F0; }
.back_ddd { background-color:#ddd; }
.back_lightorange { background-color:#e48803 !important; } 
.back_orange { background-color:#e94e1b; }

.fwb {
	font-weight:bold;
}

.fwn {
	font-weight:normal;
}

.hide {
	display:none;
}

.clickbox {
	width:90%;
	margin:0 5%;
	border-bottom:1px solid white;
	cursor:pointer;
	text-align:center;
	padding:5px 0;
}

.row0 {	background-color:#e8e8e8; }
.row1 { background-color:white; }
.rowgreen0 { background-color:#d5fdd5; }
.rowgreen1 { background-color:#eafeea; }
.back_green0 { background-color:#d5f5c4; }
.back_green1 { background-color:#c9f3b3; }
.back_red0 { background-color:#ffe5ce; }
.back_red1 { background-color:#FFDAB9; }
.back_red_green0 { background-image: linear-gradient(-45deg, #ffe5ce 49%, #d5f5c4 51%); }
.back_red_green1 { background-image: linear-gradient(-45deg, #FFDAB9 49%, #c9f3b3 51%); }
.back_yellow0 { background-color:lemonchiffon; }
.back_yellow1 { background-color:#fff7b4; }

.back_new0 {
	background-color:#f7ecfa;
}

.back_new1 {
	background-color:#f3e1f9;
}


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

.nobutton {
	background-color:transparent;
	color:black;
	border:none;
}

.button_b, .button_i, .button_x, .button_n, .button_s, .button_rechts, .button_links, .button_a, .button_doc, .button_plus, .button_minus {
	background-repeat:no-repeat;
	background-size:1.5em 1.5em;
	color:transparent;
	border:none;
	width:1.5em;
	height:1.5em;
	background-color:transparent;
	cursor:pointer;
}

.button_b { background-image:url("../images/button_b.png"); }
.button_i { background-image:url("../images/button_i.png"); }
.button_x { background-image:url("../images/button_x.png"); }
.button_n { background-image:url("../images/button_n.png"); }
.button_s { background-image:url("../images/button_s.png"); }
.button_rechts { background-image:url("../images/button_pfeil.png"); }
.button_links { background-image:url("../images/button_pfeil.png"); transform: rotate(180deg); }
.button_a { background-image:url("../images/button_a.png"); }
.button_doc { background-image:url("../images/document.png"); }
.button_plus { background-image:url("../images/button_plus.png"); }
.button_minus { background-image:url("../images/button_minus.png"); }

.button_b:hover { background-image:url("../images/button_b_hover.png"); }
.button_i:hover { background-image:url("../images/button_i_hover.png"); }
.button_x:hover { background-image:url("../images/button_x_hover.png"); }

.button_n:hover { background-image:url("../images/button_n_hover.png"); }
.button_s:hover { background-image:url("../images/button_s_hover.png"); }
.button_rechts:hover { background-image:url("../images/button_pfeil_hover.png"); }
.button_links:hover { background-image:url("../images/button_pfeil_hover.png"); }
.button_a:hover { background-image:url("../images/button_a_hover.png"); }
.button_doc:hover { background-image:url("../images/document_hover.png"); }
.button_plus:hover { background-image:url("../images/button_plus_hover.png"); }
.button_minus:hover { background-image:url("../images/button_minus_hover.png"); }

.pointer, .update_button { cursor:pointer; }
.help { cursor:help; }

.m_a {
	margin:auto;
}

.ta_l {
	text-align:left;
}

.ta_r {
	text-align:right;
}

.ta_c {
	text-align:center;
}

.va_t {
	vertical-align:top;
}


.fl_l { float:left; }
.fl_r { float:right; }
.c_b { clear:both; }
.c_r { clear:right; }

.m_r3 { margin-right:3px !important; }
.m_r5 { margin-right:5px !important; }

.w5 {	width:5%; }
.w10 {	width:10%; }
.w15 {	width:15%; }
.w20 {	width:20%; }
.w25 {	width:25%; }
.w30 {	width:30%; }
.w40 {	width:40%; }
.w45 {	width:45%; }
.w50 {	width:50%; }
.w60 {	width:60%; }
.w70 {	width:70%; }
.w75 {	width:75%; }
.w80 {	width:80%; }
.w90 {	width:90%; }
.w95 {	width:95%; }
.w100 {	width:100%; }

.w25p { width:25px; }
.w50p { width:50px; }
.w60p { width:60px; }
.w80p { width:80px; }
.w100p { width:100px; }

.mw50 { min-width:50%; }

.maxwp50 { max-width:50px; }
.maxwp80 { max-width:80px; }
.maxwp100 { max-width:100px; }

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }

.b_c {
	border-collapse:collapse;
}

.ellipsis100 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}

.update_textarea {
	width:100%;
	height:80px;
	max-width:100%;
}

.update_field {
	width:55%;
	padding:0 2%;
	float:left;
}

.update_name {
	width:30%;
	padding-top:5px;
	vertical-align:top;
	float:left;
	clear:left;
}

.update_name_textarea {
	/*width:100%;*/
}

.update_field_textarea {
	/*width:100%;
	padding:0;*/
}

#datum_show {
	padding:5px 2% 0;
	margin-bottom:-5px;
}

.table_content {
	float:left;
	width:75%;
	margin:5px 0%;
}

.table_content2 {
    float: right;
    margin: 5px 0 5px 5%;
    width: 20%;
}

.table_tr_break {
	border-top:3px solid #ccc !important;
	border-bottom:3px solid #ccc !important;
	border-right:none !important;
	border-left:none !important;
}

.table_tr_break2 {
	border-top:none !important;
	border-bottom:3px solid #ccc !important;
	border-right:none !important;
	border-left:none !important;
}

.table_tr_break3 {
	border-bottom:none !important;
	border-top:3px solid #ccc !important;
	border-right:none !important;
	border-left:none !important;
}

.td_submit {
	text-align:center;
}

.td_1 {
	width:30%;
	text-align:right;
}


.content_module {
	font-size: 2em;
	background-color:white;
}

.content_module_abmelden {
	position:absolute;
	bottom:0;
	right:0;
}

.header_ausblenden {
	position:absolute;
	right:70px;
	padding:1px 10px;
	top:0;
	z-index:105;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background-color:white;
}

#header_menu {
	right:0;
	position:absolute;
	z-index:100;
}

#header_menu form {
	clear:both;
	display:none;
}

#header_menu input {
	width:180px;
}

#header_menu:hover form {
	display:block;
}

#header_menu img {
	width:20px;
	float:right;
	clear:both;
}


.header1 {
	top:0;
	left:0;
	right:0;
	height:1.2em;
	padding:0.4em 20px;
	color:white;
	box-shadow:0px 0px 15px 2px #ccc;
}

#footer1 {
	bottom:0;
	left:0;
	right:0;
	min-height:1.4em;
	padding:0.4em 20px;
	color:white;
}

.header1 img {
	height:1.2em;
}

.header1 input {
	font-size:0.8em;
	text-decoration:underline;
	color:white;
}

.input_start {
	color:white;
	padding:10px;
	border:none;
	border-radius:2px;
	margin-bottom:10px;
	text-align:left;
	box-shadow:0px 3px 10px 0px #ccc;
	cursor:pointer;
}

.submit_setmndt {
	font-size:1.2em;
	color:white;
	padding:0.4em 15px;
	border:none;
	border-radius:2px;
	margin:0 5px;
	text-align:left;
	cursor:pointer;
	line-height:2.4em;
	box-shadow:0px 3px 10px 0px #ccc;
}

.input_start::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

.input_start_submit {
	background-color:white;
	padding:9px 20px;
	border-radius:2px;
	cursor:pointer;
}

.input_submit {
}


.tab_b_color1 .update_text {
	background-color:#e8e8e8 !important;
}

.tab_b_color0 .update_text {
	background-color:white !important;
}


/* DOKU */

.doku {
	clear:both;
}

.doku_inner {
	max-height:600px;
	overflow-y:scroll;
}

.doku_insert, .doku_insert button, .doku_text {
	width:100%;
}

.doku_box, .doku_insert textarea {
	padding:5px 2%;
	width:96%;
	position:relative;
}

.doku_insert textarea {
	border:1px solid grey;
	margin-right:-1px;
	margin-left:-1px;
	min-height:80px;
}

.doku_back0 {
	background-color:#eee;
}

.doku_time {
	float:right;
	font-style:italic;
}

.doku_user {
	float:left;
}

.doku_insert {
	margin-bottom:10px;
}

.fixed_header{
    position:sticky;
    top:0;
    background-color:white;
}


/* ENDE DOKU */

/* select2 */

.select2-container {
    margin-bottom:5px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 13px !important;
    border:0 !important;
    background-color: #dbdbdb !important;
}

#side .select2-container--default .select2-selection--single {
    border-radius: 13px !important;
    border:0 !important;
    background-color: #fff !important;
    margin-right:5px;
}

#side .select2-container {
    min-width:90%;
    max-width:95%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:black !important;
    line-height:29px !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height:400px !important;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa !important;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #aaa !important;
}

.select2-results__option {
    padding:3px 6px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left:15px !important;
}

/* AR */

.input_ar_td_wert {
	width:10%;
}

.input_ar_td_eh {
	width:10%;
}

.input_ar_td_name {
	width:40%;
}

.input_ar_td_netto {
	width:10%;
}

.input_ar_td_mwst {
	width:10%;
}

.input_ar_td_lieferant {
	width:20%;
}

.input_ar_td_text {
	width:95%;
}

#ar_artikel_info {
	position:fixed;
	bottom:1%;
	right:0;
	width:21%;
	background-color:lemonchiffon;
	padding:0 1%;
	max-height:500px;
	overflow-y:auto;
}


/* Ende AR */

/* ENDE select2 */

.auftrag_box {
	padding:10px 0;
	cursor:pointer;
}



@media print {
	.print_hide {
	    display:none;
	}
	.print_show_td {
	    display:table-cell;
	}
	.table_content {
	    min-width:800px !important;
	}
	.table_content2 {
	    display:none;
	}
	#print_side {
	    width:100% !important;
	    float:left !important;
	    page-break-before:always;
	}
	.printer_clear {
	    clear:both;
	}
}

/*
@GP
*/
#kurzname{
	position: relative;
}
#displayCountChars{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 4px;
	margin-right: 1.2em;
}

.searchbar_content2::placeholder{
	padding-left: 0.5em;
	color: #000;
}


#weeklyplanInputUpdate{
	display: flex;
}
#planDeleteButton{
	margin-top: 8px;
}


#cuponOptionContent{
	display: flex;
	flex-direction: row;
	flex-basis: 100%;
	justify-content: space-between;
}

#oldCuponContainer{
	width: 25%;
	text-align: center;
}

#oldCuponContent{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}



.cupontabs{
	display: flex;
	flex-direction: row;
	
	align-items: center;
}

.cupontab {
    flex-direction: row;
    padding: 10px;
    cursor: pointer;
    background-color: #f1f1f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 200px;
    height: 40px;
    line-height: 20px;
    text-align: center;
}

.cupontab:hover {
    background-color: #ddd;
}

.cupontab-content {
    display: none;
}

.activecupon {
    background-color: #ddd;
    display: block;
}

#cupontab1, #cupontab2 {
    margin-right: 0.1em;
    text-align: center;
}
.initialTab {
    background-color: #ddd;
}

#cupontab3{
	margin-right: 0.5em;
}

#cuponPrintButton {
    margin-left:10px;
}

#captcha-container{
	display: flex;
	flex-direction: row;
	align-items: center;
}

#ls_artikel_info{
	position:fixed;
	bottom:1%;
	right:0;
	width:21%;
	background-color:lemonchiffon;
	padding:0 1%;
	max-height:500px;
	overflow-y:auto;
	display: none;
}