@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700&subset=latin,latin-ext");
@font-face {
    font-family: "Fago Office Serif";
    src: url('/../fonts/fago_office_serif.eot?1508531003');
    src: url('/../fonts/fago_office_serif.eot?&1508531003#iefix') format('embedded-opentype'), url('/../fonts/fago_office_serif.ttf?1508531003') format('truetype'), url('/../fonts/fago_office_serif.woff?1508531003') format('woff'), url('/../fonts/fago_office_serif.svg?1508531003') format('svg')
}

@font-face {
    font-family: "ZFV";
    src: url('/../fonts/zfv-assets.eot?1508531003');
    src: url('/../fonts/zfv-assets.eot?&1508531003#iefix') format('embedded-opentype'), url('/../fonts/zfv-assets.ttf?1508531003') format('truetype'), url('/../fonts/zfv-assets.woff?1508531003') format('woff'), url('/../fonts/zfv-assets.svg?1508531003') format('svg')
}


html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

table.hundert {
	height:198px;
}

td.drittel {
	height:76px;
	vertical-align:middle;
}

td.drittel px {
	margin-top:10px;
}


.backbutton {
	background-color:#000;
	color:#FFF;
	padding:20px 0;
}

.backbutton a {
	color: #fff;
}
	
body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.428571429;
    color: #000;
    background-color: #fff;
	padding-bottom: -50px;
}

html, body {
	height: 100%;
	margin: 0;
}

div.radio label, div.checkbox label {
	padding-top:6px;
	padding-bottom: 6px;
}

#footerblock {
	border-top: 1px solid #000;
	padding-top: 10px;
}

#footerblock a {
	font-size:12px;
	margin-right: 10px;
}

.wrapall {
	min-height:100%; 
	margin-bottom: -50px;
}

.pushfooter {
	height:50px;
	margin-top:30px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eee;
}

.maincontainer p {
	padding-top:5px;
	padding-bottom:5px;
}

p.alert-info {
	color: #000;
	background-color: #fff;
	border: 3px solid #000;
}


.aktionsbutton {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
	padding:3px;
	font-size:12px;
}

input[type='text'],
input[type='number'],
input[type='checkbox'],
select:focus,
textarea {
  font-size: 16px;
}

.form-control {
	font-size:16px;
	height:38px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Fago Office Serif", Palatino, Georgia, serif;
    font-weight: 500;
    line-height: 1.1;
    color:#F30;
}

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

.navbar-right {
	position: absolute;
	background-color: transparent;
	z-index: 1030;
	width:100%;
}

#mobile_menu {	
	background-color:#FFF;
}

input[type="time"]
{
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
	min-height:34px;
	max-height:34px;
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
}

img.img-center {
	margin: 0 auto;
}


.navbar-right li {
	text-align:center;
}



.spacing-top {
	margin-top: 30px; 
}

.text-small {
	font-size:12px;
}

tr.aktionsartikel>td {
	color: #C00;
	background-color:#FCC;
}

tr.sorttd {
	cursor: pointer;
}

tdx.dragfield, trx.aktionsartikel>td.dragfield {
	background-color:#CCC;
	color: #CCC;
	
}

.asterix {
	margin-left:5px;
	color: #C00;
}

.container-fluid {
	padding: 0;
}

.redcheckbox {
	font-size:14px; 
	color: #000;
	font-style: italic;
}

.zfv-footer {
	background-color:#000;
	padding-top:15px;
	padding-bottom:15px;
}

.zfv-footer a {
	color:#FFF;
	font-size:9px;
	margin-right: 20px;
}

.zfv-menu {
	padding: 10px;
}

.zfv-menu a {
	font-size: 13px;
	margin-top: 6px;
	padding-bottom: 6px;
	color:#999;
	
}
.zfv-menu p {
	border-bottom:1px solid #000;
}

.zfv-menu .aktiv {
	color:#000;
	font-weight:bold;
}

.zfv-menu .logout {
	border-bottom:none;
}

.zfv-menu .submenu {
	padding-left: 30px;
}

.headerbox {
	border-bottom: 1px solid #000;	
	padding-top: 10px;
	padding-bottom: 10px;
}

.header2 {
	text-align:center;
	padding-top: 10px;
}

p.footer1 {
	background-color:#000;
	color:#FFF;
	padding: 15px 20px 15px 30px;
	margin-top:auto;
	height:95px;
	position:relative;
	vertical-align:middle;
	display:table-cell;
}

p.footer1 img {
	margin-right: 20px;
	float:left;
}

p.footer1 .menutext {
	position:absolute;
}

a p.footer1 {
	color: #FFF;
}

footer1:hover {
	background-color:#333;
}

.footer2 {
	background-color:#000;
	color:#FFF;
	padding:20px 0;
}

.footer2 a {
	color: #fff;
}


.zfv-logo {
	margin-top: 20px;
	margin-bottom: 60px;
}

.zfv-header {
	padding: 0;
	margin-bottom: 40px;
}

.btn-zfv {
	background: #000;
	color:#FFF !important;
	padding:20px;
}

.btn-zfv:hover {
   color: #000 !important;;
   border: 1px solid #000;
   background-color:#FFF;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #000;
	background: rgba(208,176,134,0.6);
    font-weight: normal;
    color: #000;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #000;
    color: #000;
    font-weight: bold;
}

hr.warenkorb {
	padding: 20px 0;
}

tr.rightbaskettr {
	border-bottom: 1px solid #000;
}

.btn-xs, .btn, .btn-sm {
	border-radius: 0;
}

::placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }
::-ms-input-placeholder { font-style: italic; }

.bottompadding {
	padding-bottom:30px;
}

.spacer {
	height: 30px;
}

/* Links */
a {
    color: #000;
	text-decoration:none;
}

/* Statusanzeigen */

span.status {
	font-size: 18px;
}

span.status.aktiv {
	color: #390;
}

span.status.inaktiv {
	color: #C00;
}


/* Tables - Bootstrap overwrite */
.table>thead>tr>th {
	border-bottom: 1px solid #000;
}

.table>tbody>tr>td {
	border-top: none;
}

/* Table buttons */
span.tblbtn {
	height: 25px;
	width: 25px;
	border: 1px solid;
	border-color: #666;
	color: #666;
	display:block;
	text-align: center;
	padding-top: 5px;
}

span.tblbtn.red {
	border-color: #C00;
	color: #C00;
}

span.tblbtn.green {
	border-color: #390;
	color: #390;
}

span.tblbtn.blue {
	border-color: #039;
	color: #039;
}


span.tblbtn.yellow {
	border-color: #FC0;
	color: #FC0;
}



a:hover>span.tblbtn {
	background-color:#000;
	border-color: #000;
	color: #FFF;
}

a:hover {
	border-bottom: 1px solid #000;
	text-decoration:none;
}

.icon-bar {
	background-color:#000;
}

/* Login-Box */

.loginbox {
	width: 400px;
	position:relative;
	top:50%;
	background-color: #FFF;
	padding: 30px; 
	transform:translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}



/* Datatables */

#myTableSearch:focus, .myTableSearch:focus { outline:none; }


.searchboxicon {
	position: absolute;
	padding: 0 16px 0 0;
	pointer-events: none;
	right: 0px;
}

th.navicell, td.navicell {
	width:15px !important;
}

div.dataTables_wrapper .dataTables_filter {
	float: left;
	text-align:left!important;
	width:500px;
}
div.dataTables_wrapper .dataTables_length {
	float: right;
}
#myTableSearch, .myTableSearch {
	border: none;
	border-bottom: 1px solid #000;
	margin-bottom: 25px;
	width:100%;
}
.tableAdd {
	float: right;
}
.tableTop {
	float:left!important;
	text-align:left!important;
}
.dataTable {
	width:100%!important;
}

.arttable {
	display:none;
}

.affix {
	width:210px;
	top:20px;
	z-index:9999 !important;
}

.aktion1 {
    background: #000;
	color: #FFF;
	border: 2px solid #000;
}


.aktion2 {
    background: #FFF;
	color: #000;
	border: 2px solid #000;
}

.aktion1 h3, .aktion2 h3 {
	margin-top:5px;
}

#mytableAktion {
	margin-bottom: 0;
}