/*
 * (c) 2010 Jens Heidrich
 * info at tulix dot de
 *
*/

html {
    position: relative;
    min-height: 100%;
}

body {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    color:#333333;
    font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
    margin-bottom: 40px;
}

body > .container-fluid,
body > .container {
    /* padding: 135px 15px 0; */
}

@media print {
    body > .container {
        padding: 0;
    }
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.bottom {
    bottom: 0;
}

.right {
    right: 0;
}

.required label::after {
    content: "*";
}

.errorlist,
tr.error label {
    color: #ff0000;
}

.ib {
    display: inline-block;
}

.w20 {
    width: 20%;
}

.w90 {
    width: 90%;
}

.m10p {
    margin-left: 10px;
}

.mr0 {
    margin-right: 0;
}

.table {
    display: table;
    width: 100%;
}

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

.text-top {
    vertical-align: top;
}

.text-bottom {
    vertical-align: bottom;
}

.white {
    color: #ffffff;
}

.green {
    color: #ff1493;
}

.red {
    color: red;
}

.bg-light {
    background-color: #ffffcc;
}

.pad-x-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pad-y-4 {
    padding-left: 4px;
    padding-right: 4px;
}

hr {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cccccc;
    border-left: 0;
}

.centered-modal.in {
    display: flex !important;
}

.centered-modal .modal-dialog {
    margin: auto;
}

.bottom-modal .modal-dialog {
    margin-bottom: 5rem;
}

.fliess {
    float: left;
    margin-right: 2em;
}

.clear {
    clear: both;
/*    border-bottom: 1px solid #cccccc;*/
}

#header {
    color:#FFFFCC;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#417690 none repeat scroll 0 0;
    overflow: visible;
    width: 100%;
    padding: 0;
}

#header li {
    font-size:12px;
}

#branding {
    width: 100%;
}

#branding h1 {
    color:#F4F379;
    font-size:18px;
    font-weight:normal;
    margin:8px 0;
    padding:0 20px;
    border: none;
}

#branding h1, #branding h1 a:link,
#branding h1 a:visited {
    color:#F4F379;
}

#branding li {
    font-size:18px;
    font-weight:normal;
}

#main-nav,
.dropdown-menu {
    background-color: #5287a1;
}

#header a:link,
#header a:visited,
.navbar-default .navbar-nav > li > a {
    background-color: transparent;
    color: #ffffcc;
}

#header a:focus,
#header a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    background-color: #ffffcc;
    color: #417690;
}

.navbar-default .navbar-nav > li > a.no-link:focus,
.navbar-default .navbar-nav > li > a.no-link:hover {
    background-color: transparent;
    color: #ffffcc;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffcc;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #ffffcc;
    color: #417690;
}

/*
#menu {
    padding: 0 10px;
    background-color: #5287a1;
    color: #333333;
    margin-bottom: 1em;
}
#menu ul {
    margin: 0;
    padding: 0;

}

#menu li {
    display: inline-block;
    list-style: none;
    padding: 10px 0;
}

#menu a, #menu span {
    color: #ffffcc;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
}

#menu a:hover {
    background-color: #ffffcc;
    color: #417690;
    padding: 5px;
}

*/

a#orders-end-button {
    cursor: pointer;
}

#branding a {
    color: #F4F379;
}

a#orders-end-button:hover > span {
    color: #417690;
}

#clock {
    margin-right: 20px;
    padding: 0 5px;
    color: #ffffff;
    background-color: #000000;
}

button.toggle-log {
    border-radius: 0;
}

.tab-content.kunde {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #cccccc;
}

#logFile {
    position: absolute;
    right: 0;
    top: 90px;
    width: auto;
    min-width: 400px;
    max-width: 50%;
    height: 80%;
    min-height: 200px;
    max-height: 80%;
    z-index: 1004;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    padding: 10px;
}

#logFile .panel-group {
    height: 95%;
}

#logFile .panel-default {
    height: 100%;
}

#logFile .panel-body {
    height: 100%;
    overflow-y: auto;
}

/*
#logFile.collapse {
    width: 0;
    height: auto;
    transition: none;
}

#logFile.collapsing {
    width: 0;
    height: auto;
    transition: none;
}

#logFile.collapse.in {
    width: 400px;
    height: auto
}
*/

ul.log {
    padding: 0;
    overflow: auto;
/*    height: 400px;*/
}

ul.log > li {
    margin-left: 12px;
}

ul.log > li.red {
    color: red;
}

ul.log > li.kunde:before {
    margin-left: -12px;
    font-family: FontAwesome;
    content: "\f007\0020";
    color: green;
}

ul.log > li > span.time {
    margin-left: 2px;
    margin-right: 2px;
}

ul.log > li > span.essen {
    margin: 0 2px;
}

ul.log > li > span.kunde {
    margin: 0 2px;
}

ul.log > li > span.diff {
    display: inline-block;
    margin: 0 2px;
    font-weight: bold;
    text-align: right;
    width: 15px;
}

ul.log > li > span.user {
}

i#filter-toggle {
    cursor: pointer;
}

select[multiple],
select[size] {
    min-height: 17.2em;
}

#container, .login #container {
    margin-top: 0px;
    min-width:760px;
    padding:0;
    position:relative;
    /* width:100%; */
}

#content {
    margin:10px 15px;
}

h1 {
    color:#666666;
    font-size:18px;
/*    margin:0 0 2em;
*/
    padding:0 6px 0 0;
    border-bottom: 1px solid #cccccc;
}

h1, h2, h3, h4, h5 {
    font-weight:bold;
}

h3.navi {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

h3.bestellkunde {
    text-align: center;
    background-color: #00cc00;
    margin: 0;
    font-size: 18px;
}

h3.bestellkunde a {
    color: #000000;
    display: block;
    text-decoration: none;
}

tr.u {
    background-color: #badead;
}
tr.g {
    background-color: #e7dead;
}

td, th {
    padding: 5px;
}

table.liste {
    border-collapse: collapse;
}

table.liste tr.u {
    background-color: #ffffff;
    font-size: 14px;
}

table.liste tr.g {
    background-color: #efefef;
    font-size: 14px;
}

table.liste td, table.liste th {
    border: 1px solid #888888;
    border-bottom: 1px solid #888888;
    padding: 2px;
    margin: 0;
}

table.liste th.fett, table.liste td.fett {
    border-left: 3px solid #555555;
}

table.liste td {
    text-align:right;
}

table.liste td.left,
td.left {
    text-align: left;
}

td.left.noorders {
    background: #ffbbbb;
}

td.right {
    text-align: right;
/*
    heiko hat jetzt einen breiten Monitor
    width: 100px;
*/
}

table.liste th, 
table.woche1 th, 
table.woche7 th,
table.woche14 th,
table.woche21 th {
    hyphens: auto;
}

table.woche1 td, 
table.woche7 td,
table.woche14 td,
table.woche21 td {
    text-align: center;
}

table.woche1 tr.u {
    background-color: #B7E1EF;
}

table.woche1 tr.g {
    background-color: #E9F7FF;
}

table.woche7 tr.u {
    background-color: #FFFFE0;
}

table.woche7 tr.g {
    background-color: #EFEFB7;
}

table.woche14 tr.u {
    background-color: #FFEFF0;
}

table.woche14 tr.g {
    background-color: #EFD3B8;
}

table.woche21 tr.u {
    background-color: #b4fdc5;
}

table.woche21 tr.g {
    background-color: #badead;
}

table.woche1 input.notnull, 
table.woche7 input.notnull,
table.woche14 input.notnull,
table.woche21 input.notnull {
    background-color: #00ff00;
}

table.woche1 input.notnull[readonly],
table.woche7 input.notnull[readonly],
table.woche14 input.notnull[readonly],
table.woche21 input.notnull[readonly] {
    background-color: #aaccaa;
}

span.unlocker {
    cursor: pointer;
}

table.address td {
    width: auto;
}

table.address td.label {
    text-align: right;
}

table.address td.content {
    text-align: left;
}

table.address td.red {
    text-align: left;
    color: #ff0000;
    font-weight: bold;
}

table.fliess td.label {
    text-align: right;
}

table.fliess td.content {
    text-align: left;
}

.footer {
    margin-top: 1em;
    padding: 0.2em 3%;
    border-top: 1px solid #cccccc;
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
}

#search-form {
/*
    width: 600px;
*/
}

.right {
    text-align: right;
}

div.right h2 {
/*
    display: inline;
*/
}

#changelist table tbody td {
    border-left: 1px solid #bbbbbb;
}

.row1 {
    background: #dde3ee none repeat scroll 0 0;
}

table.blaettern {
    width: 100%
}

table.blaettern td.left {
    text-align: left;
}

table.blaettern td.right {
    text-align: right;
}

table.rand {
    border-collapse: collapse;
}

table.rand td {
    border: 1px solid #417690;
    padding: 2px;
}

tr.sum {
    font-size: 14px;
    font-weight: bold;
    border-top: 3px solid #555555;
}
ul.links {
    font-size: 14px;
}

table.year {
    margin-left: auto;
    margin-right: auto;
}

tr.bottomrule {
    border-bottom: 1px solid #555555;
}

td.top,
th.top,
table.year td {
    vertical-align: top;
}

table.month {
    margin: 10px;
    padding: 1px;
    border-spacing: 0 2px;
}

table.month td {
    padding: 2px 5px;
    text-align: right;
}

table.month th {
    margin: 10px;
}

table.month th.month {
    background-color: #5287A1;
    color: #ffffcc;
}

td.essen {
    background-color: #00cc00;
}

div.monthname {
    color: #5287A1;
    font-weight: bold;
    width: 170px;
    text-align: center;
}

div.clear {
    clear: both;
    border-bottom: 1px solid #000000;
}

div.center {
    text-align: center;
}

div.calendar {
    float: left;
}

div.kalendar {
    display: inline-block;
    margin: 5px;
}

table.cmonth {
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
}

table.cmonth tr.header td {
    color: #000000;
    text-align: right;
}

table.cmonth td,
table.cmonth td a {
    color: #888888;
    font-family: sans;
    text-align: right;
    font-weight: normal;
}
table.cmonth td a {
    cursor: pointer;
    text-decoration: none;
}

table.cmonth td.booked,
table.cmonth td.booked a {
    background-color: #00aa00;
    color: #ffffff;
}

span.sum {
    color: #000000;
}
span.sum.open {
    color: #ff0000;
}

/* customers styles */

table.customer input {
    text-align: right;
}

table.customer input[name*="anz_"] {
    width: 4rem;
}

table.customer .table {
    margin-bottom: 0;
}

table.details.table > thead > tr > th.leftlabel,
table.details.table > tbody > tr > th.leftlabel {
    vertical-align: top;
    text-align: left;
}

table.details2.table > thead > tr > th.rightlabel,
table.details2.table > tbody > tr > th.rightlabel {
    vertical-align: top;
    text-align: right;
}

table.details2 tr > th.invisible,
table.details2 tr >td.invisible {
    color: transparent;
}

table.customer table.table.menu {
    background-color: transparent;
}

table.customer table.table.menu th,
table.customer table.table.menu td {
    background-color: #fff;
}

table.customer table.table.menu th.trans {
    background-color: rgba(255, 255, 255, 0.5);
}

table.customer tr.space,
table.customer tr.space:hover,
table.customer tr.space:focus {
    background-color: #fff;
}

table.customer td.menu {
    height: 100%;
}

table.menu {
    float: right;
    height: 100%;
}
tr.cu {
    background-color: #daede2;
}
tr.cg {
    background-color: #a3e3ef;
}

table.details {
    border-collapse: collapse;
}

table.details th,
table.details td {
}

table.details th.label {
    text-align: right;
    padding-right: 2px;
}

.label {
    color: #555;
}

table.menu input.notnull {
    background-color: #aaffaa;
}

#div_totop {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1004;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

#div_totop > a {
    color: #ffffff;
}

#div_save {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1004;
    padding: 10px;
    background-color: rgba(255, 0, 0, 0.5);
}

td.paymentform label {
    width: 14em;
}

.neukunden {
    position: absolute;
    top: 100px;
    right: 20px;
    z-index: 10000;
    background-color: #aa0000;
    color: #ffffff;
    padding: 20px 20px;
    font-weight: bold;
}

.neukunden a {
    color: #ffffff;
}

.over-right {
    position: absolute;
    right: -60px;
}

/* admin override */
/* workaround until bs admin */

#header > nav {
   margin-bottom: 0;
}

#header > nav > .container {
}

.breadcrumbs {
    display: none;
}

div#main {
    position: relative;
}

ul li {
    list-style-type: none;
}

.delete-confirmation form .cancel-link,
.submit-row a.deletelink {
    height: 35px;
}

ul.messages {
    padding-left: 0;
}

ul.messages li:before {
    font-family: "FontAwesome";
    display: inline-block;
    padding-right: 0.3rem;
    vertical-align: middle;
    font-weight: 900;
}

ul.messages li.warning:before {
    content: "\f071";
    color: #ffdd00;
}

ul.messages li.error:before {
    content: "\f071";
    color: #ff0000;
}

/* tulix */
.tulix {
    background-color: #ffffff;
    font-family: helvetica, serif;
    color: #000000;
    padding: 2px 5px;
}
.tulix .tulix-x {
    color: #cc0000;
}

@media print {
  a[href]:after {
    content: "";
  }
}