html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background:#ffffff;
}
body {
    margin:0;
    padding:0;
    background:#ffffff;
    font-size: 16px;
    font-weight: 400;
    overflow:hidden;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    color: #212121;

    // text-selected  ausmachen.

    -webkit-touch-callout: none;        /* iOS Safari */
    -webkit-user-select: none;         /* Safari */
     -khtml-user-select: none;         /* Konqueror HTML */
       -moz-user-select: none;         /* Firefox */
        -ms-user-select: none;         /* Internet Explorer/Edge */
            user-select: none;         /* Non-prefixed version, currently
                                              supported by Chrome and Opera */
}

body.hasBottomNavigation{

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */

    vertical-align: baseline;
    /* 2 */
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */

    font: inherit;
    /* 2 */

    margin: 0;
    /* 3 */
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */

    cursor: pointer;
    /* 3 */
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
    outline: none;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */

    padding: 0;
    /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */

    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */

    padding: 0;
    /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: 700;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */

table {
/*    border-collapse: collapse; */
    border-spacing: 0;
}
td,
th {
    padding: 0;
}


a {
    color:#212121;
    text-decoration: none;
}

a.light,
.boxtitle a{
    color:#ffffff;
}
.boxtitle i.fa, .boxfooter i.fa{
    text-shadow: 0px 1px 0px rgba(61, 61, 61, 1);
}

#label-border{
    border:1px solid rgba(0, 0, 0, 0.5);
    padding:21px;
    width:270px;
    margin:0 0 0 21px
}


i.highlight{
    color:#00695c;
}

.bottom_navigation{
    position:fixed;
    height:75px;
    line-height: 75px;
    bottom:75px;
    left:0;
    width:96%;
    box-shadow: 0 0 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-end;;
    padding:0 2%;
    background:#ffffff;
}

.boxtitle, .boxcontent, .boxfooter{
    width:calc(100% - 42px);
    padding:21px;
}

.boxtitle, .boxfooter{
    position:fixed;
    left:0;
    width:calc(100% - 42px);
}

.boxtitle{
    background:#455A64;
    color:#ffffff;
    margin:0;
    z-index:3;
    height:75px;
    line-height:75px;
    padding:0 21px;
    font-size:27px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    top:0;
    display:flex;
    align-content:space-between;
    justify-content: center;
}

.boxtitle .username, .boxfooter .back{
    width:33%;
    text-align: left;
}

.boxtitle .title, .boxfooter .home {
    width:100%;
    margin-left:31px;
    text-align: center;
}

.boxtitle .logout, .boxfooter .right{
    width:33%;
    text-align: right;
}

.import_sap {
    border: 1px solid #607d8b;
    padding: 2px;
    border-radius: 4px;
    font-size: 22px;
    background: #607d8b none repeat scroll 0 0;
    color: white;
}

.boxfooter .full{
    width:100%;
    text-align: center;
}

.boxtitle a{
    margin:
}

.boxtitle ul{
    margin:0;
}

.boxcontent{
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 150px);
    background:#ffffff;
    margin:75px 0 75px;
    overflow:scroll;
    flex-flow: row wrap;
}


.boxcontent:after {
    content: "";
    display: block;
    height: 12%;
    width: 100%;
}

.hasBottomNavigation .boxcontent:after{
    content: "";
    display: block;
    height: 150px;
    width: 100%;
}

.counter.process .boxcontent{
    align-content: flex-start;
    justify-content: space-between;
}

.boxfooter{
    background:#607D8B;
    height:75px;
    z-index:3;
    line-height:75px;
    padding:0 2%;
    bottom:0;
    display: none;
}

.boxfooter, .boxfooter a{
    color:#ffffff;
}

.boxfooter a{
    display:block;
}

.boxfooter.flexfooter{
    display:flex;
    align-content:space-between;
/*    justify-content: center; */
}

.boxfooter.navigation a.circle, .boxfooter.navigation button.circle{
    display:block;
    width:75px;
    height:75px;
    line-height:75px;
    border:0;
    text-align: center;
    padding:0;
}

.boxfooter.navigation .circle.main_action{
    margin-top:-120%;
}

.boxfooter .leftblocks, .boxfooter .rightblocks{
    height:75px;
    width:50%;
    display:flex;
}

.boxfooter .leftblocks{
    justify-content: flex-start;
}

.boxfooter .rightblocks{
    justify-content: flex-end
}


.boxfooter .leftblocks .circle{
    margin-right:15px;
}

.boxfooter .rightblocks .circle{
    margin-left: 15px;
}

.boxfooter.navigation{
    font-size:36px;
}

.boxsidebar{
    position:fixed;
    top:0;
    z-index:10;
    left:-100%;
    height:100%;
    width:100%;
}

.boxsidebar .sidebar{
    width:23%;
    background:#ffffff;
    height:100%;
    max-width: 426px;
    border-right:1px solid #bdbdbd;
}

.boxsidebar .closer{
    position: absolute;
    width:77%;
    height:100%;
    right:0;
    top:0;
}

.boxsidebar .userinfo, .boxsidebar .navi{
    padding: 21px;
}

.boxsidebar .userinfo{
    background:#CFD8DC;
    min-height:15%;
    border-bottom:1px solid #bdbdbd;
}

.boxsidebar .shortname{
    margin:0 0 0 5px;
    text-align: center;
    width:75px;
    height:75px;
    line-height: 75px;
    vertical-align: middle;
    border:1px solid #bdbdbd;
    background:#ffffff;
    font-size:2em;
    font-weight:bold;
    color:#757575;
    overflow:hidden;
    margin-bottom:0.5em;
}

.boxsidebar .username{
    margin:0 0 0 5px;
}

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

.boxsidebar .navi ul li{
    font-size:19px;
    line-height: 64px;
    vertical-align: middle;
    margin:0;
}

.boxsidebar .navi ul li a i.fa{
    width:53px;
    margin-right:21px;
    text-align: left;
    color: rgba(0, 0, 0, 0.54);
}

.boxsidebar .navi ul li a{
    color: rgba(0, 0, 0, 0.87);
}

.circle{
    border-radius: 50%;
    text-align: center;
}

.circle.shadow{
    -webkit-box-shadow: 0px 0px 10px 1px rgba(33,33,33,0.5);
    -moz-box-shadow: 0px 0px 10px 1px rgba(33,33,33,0.5);
    box-shadow: 0px 0px 10px 1px rgba(33,33,33,0.5);
}

.whitebg, a.whitebg{
    background-color: #ffffff;
    color:#212121
}

.darkprimarybg, a.darkprimarybg{
    background:#455A64;
    color:#ffffff;
}

.primarybg, a.primarybg{
    background:#607D8B;
    color:#ffffff;
}

.accentbg, a.accentbg{
    background-color: #00695c;
    color:#ffffff;
}

.funk_button .normal_button {
    padding: 0 11px;
}


.change_button button[name^="problem_report_"] {
    padding: 0 20px;
}

.normal_button, .flat_button{
    min-width:117px;
    margin:0 11px 11px;
    display:inline-block;
    border:0;
    line-height:38px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px;
}

.normal_button{
    background:#00695c;
    color:#ffffff;
}

.flat_button, .button.flat_button, a.flat_button, button.flat_button{
    background:transparent none;
    color:#00695c;
    background:#ffffff;
    cursor: pointer;
}

.flat_button.raised{
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.flat_button.raised.highlighted{
    color:#ffffff;
    background:#00695c;
}

.flat_button:active, .flat_button:focus{
    background:#DDDDDD;
}

.login_menu {
    width:100%;
}

.keyboard_button{
    border: 1px solid #607D8B;
    width:70px;

    margin: 0;
    padding: 21px;

    text-align: center;
    color: #fafafa;
    background-color: #607D8B;
}

.card .keyboard_button i {
    font-size: 36px;
    vertical-align: middle;
    line-height: 36px;
}

.card .inside-flex{
    display:flex;
    flex-wrap: nowrap;
}

.label.config .keyboard_button{
    line-height:normal;
}

.login_menu .boxfooter{
    font-weight:700;
}

hr.divider{
    width:100%;
    border:0;
    height:1px;
    background:#BDBDBD;
    margin:0.5em 0;
}

.footer_keyboard {
    bottom: 0;
    display: none;
    width: 510px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.footer_keyboard button.keyboard_number {
    width: 100px;
    height: 100px;
    font-size: 32px;
    font-weight: 700;
    border-radius: 3px;
    border:1px solid #d7d7d7;
    overflow:hidden;
}
.footer_keyboard button[value="clear"] {
    width: 150px;
}

.footer_keyboard .display{
    padding:0 10px;
}

.footer_keyboard button.keyboard_number[value="enter"] {
    width: 150px;
    height: 320px;
    overflow:hidden;
}
.footer_keyboard input[name="input_keyboard"] {
    width: 460px;
    height: 100px;
    font-size: 40px;
    margin: 0 auto;
}
.table_keyboard {
    margin: 0 auto;
    text-align: center;
    border-collapse: separate;
    border-spacing: 10px
}
.table_keyboard td {
}
.table_keyboard td button.enter_button {
    display: block;
    height: 150px;
    background: #00695c;
    color:#ffffff;
}

.card {
    background:#ffffff;
    color:#212121;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin:0 0.5rem 1rem;
    position:relative;
}

.card.multiple_keyboards .column{
    position:relative;
}

.card.multiple_keyboards .column .keyboard_button{
    right:21px;
    top:34px;
}

.card .imagearea, .dialog .imagearea{
    background:#455A64;
    text-align: center;
    position:relative;
}

.card .imagearea h4, .dialog .imagearea .h3{
    position:absolute;
    width:calc(100% - 42px);
    color:#ffffff;
    z-index:1;
    bottom:0;
    left:0;
    padding: 32px 21px 21px;
    background: rgba(0,0,0,0.7)
}

.card .imagearea img, .dialog .imagearea img{
    max-width:500px;
    height:auto;
}

.card .imagearea i, .dialog .imagearea i{
    color:#ffffff;
}

.card ul{
    list-style: none;
}

.card ul li{
    padding:16px 32px;
    border-bottom: 1px solid #d5d5d5;
    margin:0;
}

.card ul.qty_show li {
  padding: 0;
  border-bottom: 0;
  text-align: left;
}

.card ul li label{
    width:100%;
    line-height:100%;
    display: block;
    margin:0;
    font-weight: 400
}

.card ul li label .fa{
    width:32px;
}

.card ul li label.selected .fa{
    color:#00695c;
}

.card h4{
    font-size:27px;
    padding:21px;
    margin:0;
}

.card .column, .card .supporting_text, .dialog_container .supporting_text{
    padding:21px 21px 32px 21px;
}

.card .supporting_text p{
    margin:0;
}

.card .controls, .controls{
    padding:0 11px;
    display:flex;
}

.card .controls.right, .dialog_container .controls.right, .controls.right{
    justify-content: flex-end;
}
.card .controls.center, .dialog_container .controls.center, .controls.center{
    text-align: center
}

.flex-start{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:27px;
}

.space-between{
    justify-content: space-between;;
}

.flex-start .card{
    align-self: flex-start;
}

a.card:active{
    background: #00695c;
}

.card.small{
    flex-basis: 250px;
}

.card.medium{
    flex-basis: 410px;
}

.card.big{
    flex-basis: 620px;
}

.card.huge{
    flex-basis: 800px;
}

.card.full{
    flex-basis: 100%;
}

.card.threefour {
  flex-basis: 95%;
}

.card .bigIcon{
    font-size:7em;
    margin:21px
}

.card .keyboard_button{
    position:absolute;
    top:0;
    right:0;
}

.warning{
    color:#D32F2F;
}


.snackbar{
/*    background:#323232;
    color:#ffffff;
    position:fixed;
    z-index:2;
    height:64px;
    line-height:64px;
    bottom:75px;
    left:0;
    font-weight:400;
/*    width:calc(100% - 64px);
    padding:32px; *
    width: 100%;
    display:flex;
    align-content: center;
 /*    justify-content: space-between; */
    display: none;
}

.snackbar.droppedIn{
    bottom:-100%;
}

.snackbar.multiline{
    height:107px;
}

.snackbar .action{

}

.snackbar .action, .snackbar .action a{
    font-weight:500;
    color:#00695c;
    text-transform: uppercase;
}

.list{
    padding: 11px 0;
}

.list .item{
    height:75px;
    display:flex;
    width:100%;
    justify-content: space-between;
}

.list .item .icon{
    align-self: flex-start;
    width: 75px;
}

.list .item .icon i.fa{
    width:32px;
    height:48px;
    font-size:24px;
    line-height: 48px;
    text-align: center;
    border-radius:50%;
    padding:21px 21px 21px 0;
    background:rgba(0,0,0,0.46);
    color:#ffffff;
}

.list .item .base{
    display:flex;
    width:100%;
    vertical-align: middle;
    align-items: flex-start;
}

.list .item .description{
    min-height: 32px;
}


.list .item .icon,
.list .item .control{
    padding:21px;
}

.one-half .list .item .icon{
    padding:21px 21px 21px 0;
}

.one-half .list .item .control{
    padding:32px 0 21px 21px
}

.list .item .control{
    padding-top:32px;
}

.list .item .description{
    padding:21px 0;
}

.list .item .description h5, .list .item .base h5{
    font-size: 32px;
    margin:0;
}

.list .item .checkboxcontrol{
}

.list .item .checkboxcontrol i{
    padding:21px 21px 21px 0;
    width:48px;
    height:48px;
    line-height: 48px;
    font-size: 32px;
    vertical-align: middle;
}

.nonmaterial-checkbox{
    font-size:21px;
    width:32px;
    height:32px;
    text-align: center;
    line-height: 32px;
}

.material-switch{
  position: relative;
  display: block;
  height: 20px;
  width: 44px;
  background: #bcbbbb;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.material-switch:after {
    position: absolute;
    left: -2px;
    top: -3px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 100px;
    background: #f1f1f1;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    content: '';
    transition: all 0.3s ease;
}

.material-switch:active:after { transform: scale(1.15, 0.85); }

.material-switch-checkbox:checked ~ label { background: #4db6ac; }

.material-switch-checkbox:checked ~ label:after {
    left: 20px;
    background: #00695c;
}

.material-switch-checkbox:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none;
}

.material-switch-checkbox:disabled ~ label:after { background: #bcbdbc; }

.material-label{
    color: rgba(0,0,0,0.38);
    font-size:16px;
    font-weight:400;
}

.material-label.active{
    color:rgba(0,105,92,0.87);
}

.resposive table{
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  border: 1px solid #E7E8EA;
}

.resposive table tr th {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 32%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 32%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 32%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    border-left: 1px solid #E7E8EA;
    color: #757575;
}

.responsive table tr td {
  background-color: #FAFAFA;
}

.resposive table tr.active td{
    color:#00695c;
}

.resposive table .checkbox{
    width:24px;
}

.resposive table .checkbox i.fa, .card ul li i.fa{
    font-size:24px;
    line-height: 32px;
    vertical-align: middle;
}

.resposive table .checkbox i.fa{
    width:24px;
}

.resposive table td, .resposive table th{
  /*  border-bottom:1px solid #BDBDBD;   */
    height:13px;
    line-height: 20px;
    padding:5px 5px;
    font-size: 13px;
    /*    white-space: nowrap; */
}

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

.resposive table tr:last-child td{
    border-bottom: none;
}

.resposive table thead th{
    color:#757575;
    font-weight:500;
}

.resposive table td.numeric, .resposive table th.numeric{
    text-align: right;
}

.resposive table td.string, .resposive table th.string{
    text-align: left;
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"]{
    border:0;
    color: rgba(0,0,0,0.87);
    border-bottom:3px solid rgba(0,0,0,0.38);
    text-align: center;
}

input[type="text"].single-line, input[type="number"].single-line, input[type="email"].single-line,  input[type="password"].single-line{
    width:100%;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input.active, input[type="password"]:focus{
    border-bottom-color:rgba(0,105,92,0.87);
}


body .fancybox-opened .fancybox-skin {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 0;
    background:#ffffff;
}

.artikellabletable{
    border-collapse: collapse;
    border-spacing: 0;
}

.artikellabletable td{
    padding:5px 0;
}

.artikellabletable td.bottomvalign, .artikellabletable td.bottomvalign input{
    vertical-align: bottom;
}

.floatright {
    float: right;
}
.mainblock {
    overflow: hidden;
    margin: 7px;
    display: block;
    text-align: center;
    margin-bottom: 10%;
    vertical-align: middle;
}
.mainblock_not_hover {
    overflow: hidden;
    display: block;
}

label.menu {
    background: #455A64;
    color: #FFFFFF;
}
.body_userinfo {
    color: #ffffff;
    list-style: none;
}

.body_userinfo li{
    display:inline-block;
    padding:0 0.5em;
}

.assignment_footer {
    min-height: 10em;
    background: #0B243B;
    margin: 0.5em;
    overflow: hidden;
}

.assignment_form input[name="senden"],
.assignment_form a.button {
    height: 80px;
    width: 220px;
}

.prodorder span.fa-stack {
    font-size: 12px;
}

.prodorder .center, .material .prodorder th.center {
    text-align: center;
}

.prodorder .selectmenu {
    padding-top: 2px;
}

.prodorder .artikel {
    min-width: 150px;
}

.width600 {
  width: 600px;
}
.dialog_container input[name="change_qty"] {
  width: 550px;
  font-size: 27px;
}

.prodorder .viewselect {
    min-width: 95px;
    vertical-align: center;
    padding-left: 24px;
}

.error, .dialog, .message, .error1, .error2 {
    display: none;
}
.assignment .name_block {
    vertical-align: middle;
    /* line-height: 26em; */
}
.row table {
    width: 100%;
}
.artikel_eticket td.title {
    padding: 3px;
    width: 200px;
}
.artikel_eticket button,
.artikel_eticket input {
    /*    font-size: 14px; */

    color: black;
}
.service_menu {
    margin-top: 1.2em;
}
.assignment_footer .button {
    margin-left: 10px;
}
.hidden,
input.hidden,
button.hidden {
    display: none;
}
.menu_button_position {
    background-color: #555;
    color: black;
}
.label_datagrid {
    color: #006699;
}

.expansion_panel h3, .expansion_panel.ui-accordion h3.ui-accordion-header{
    font-size: 20px;
    color: rgba(0,0,0,0.87);
    height: 64px;
    line-height: 64px;
    padding:0 32px;
    position:relative;
    margin:0;
}

.expansion_panel .expansion_content, .expansion_panel.ui-accordion .ui-accordion-content{
    padding:24px 0;

}

.expansion_panel h3 span.fa{
    display:inline-block;
    position: absolute;
    right: 32px;
    top:20px;
    text-indent: 0;
    color: rgba(0,0,0,0.38);
    width:24px;
    height:24px;
    margin-left:21px
}


.material table{
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    border: 1px solid #E7E8EA;
}
.material table tr{
    position:relative;
}
.material table tr.active td{
    color:#00695c;
}

.material table tr th {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 32%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 32%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 32%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  border-left: 1px solid #E7E8EA;
  color: #757575;
  font-weight :500;
}

.materia  l table tr td {
  background-color: #FAFAFA;
}

.material table .checkbox{
    width:24px;
}

.checkbox ul {
    list-style: none;
}

.material table .checkbox i.fa, .card ul li i.fa{
    font-size:24px;
    line-height: 32px;
    vertical-align: middle;
}

.material table .checkbox i.fa{
    width:24px;
}

.material table td, .material table th{
    border-bottom:1px solid #BDBDBD;
    height:13px;
    line-height: 20px;
    padding:5px 5px;
    font-size: 13px;
    /*    white-space: nowrap; */
}

.border-top-solid td {
  border-top: 1px solid #BDBDBD;
}

.border-bottom-solid td {
  border-bottom: 1px solid #BDBDBD;
}

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

.material table tr:last-child td{
    border-bottom: none;
}

.material table thead th{
    color:#757575;
    font-weight:500;
}

.material table td.numeric, .material table th.numeric{
    text-align: right;
}

.material table td.string, .material table th.string{
    text-align: left;
}

div.dhtmlx_window_active,
div.dhx_modal_cover_dv {
    position: fixed !important;
}
/*
.assignmen_block {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #81bef7 0%, black 36%, black 100%) repeat scroll 0 0;
    height: 120px;
    border: 1px solid
}
*/

.assignment_block {
    border: 2px groove #000000;
    background: #CEE3F6;
    /* Old browsers */

    background: -moz-linear-gradient(top, #CEE3F6 0%, black 36%, black 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #CEE3F6 0%, black 36%, black 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #CEE3F6 0%, black 36%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0);
    /* IE6-9 */

    padding: 30px;
}
.assignment_block_select {
    border: 2px groove #000000;
    background: #CEE3F6;
    /* Old browsers */

    background: -moz-linear-gradient(top, #CEE3F6 0%, #81BEF7 36%, black 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #CEE3F6 0%, #81BEF7 36%, black 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #CEE3F6 0%, #81BEF7 36%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0);
    /* IE6-9 */

    padding: 30px;
}
.color_select {
    background-color:#F5F5F5;
}

.color_select .checkbox i{
    color:#00695c;
}

.error_container, .dialog_container {
    color: #212121;
}

.dialog_container .column{
    padding:21px 21px 32px 21px;
}

input.fullwidth{
    width:100%;
}

.error_container h3, .dialog_container h3, .message_container h3{
    font-size:27px;
    padding:21px;
    margin:0;
}
.error_info, .message_info, .message_info_pa {
    background-color: #ffffff;
    padding:15px;
}

.error_container button.error_button{
    width:100%;
    margin:0;
    border:0;
    background: #CFD8DC;
    padding:0;
    color: #00695c;
    text-transform: uppercase;
}

.emploees_message {
    width: 500px;
    height: 300px;
    color: #ffffff;
    font-size: 1.5em;
    vertical-align: middle;
}
.check_button {
    margin: 0.1em;
    padding: 2em;
    background-color: blue;
    top: 33%;
}
.new_count_user {
    padding: 20px;
}
input[name="count"] {
    width: 150px;
}
.assignment_footer button[name="pack_close"],
.assignment_footer button[name="new_artikel_pack"] {
    height: 150px;
    width: 250px;
}

.action_menu {
    position: absolute;
    top:calc(100% + 4px);
    right:-81px;
    display:inline-block;
    overflow: hidden;
    display: none;
    background:#ffffff;
    z-index:2;
    padding: 11px 0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.action_menu ul li {
    text-align: left;
    list-style: none;
    margin:0;
    padding:0 21px;
    min-width: 75px;
    line-height:48px;
    vertical-align: middle;
}

.action_menu ul li:last-child, .card .action_menu ul li:last-child{
    border-bottom:0 none;
}

.fa.context_menu{
    width:24px;
    height:24px;
}

.floatleft {
    float: left;
}

.margin-left-5 {
  margin-left: 5px;
}

.clearboth {
   clear: both;
}

.user_delete {
    padding: 8px;
    cursor:pointer;
}

.close_tab, .change_user, .delete_user, .hideunderprod {
    cursor: pointer;
}

.action_menu ul li.bottom_line {
    border-bottom: 1px solid #bdbdbd
}

.user_add, .floating_action_button {
    cursor: pointer;
    overflow: hidden;
    position: fixed;
    right:24px;
    bottom: 99px;
    font-size: 24px;
    line-height:56px;
    height:56px;
    width: 56px;
    color: #ffffff;
    background-color: #455a64;
    text-align:center;
    vertical-align: middle;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}

.error_container h3, .red {
    color: red;
}

.message_container h3 {
    color: #455a64;
}
.prod_edit {
    cursor: pointer;
}

.margintopbottom10 {
    margin: 10px 0;
}

.imagechange_view {
    height: 360px;
    width: 900px;
    padding: 10px;
    overflow: hidden;
}

.textarea_view {
    height: 380px;
    width: 900px;
}

.image_view {
    max-height: 340px;
    width:auto;
}

.commersial_invoice {
    padding: 10px 21px;
    font-weight: bold;
    font-size: 21px;
}

select[name="group"] {
    width: 100%;
    font-size: 32px;
    font-weight: bold;
}

.lieferscheinen_text, .error_text {
    font-size:12px;
}

.center_position {
    text-align: center;
    margin-bottom: 10px;
}

.center_position a {
    margin-left: 10px;
}

.center_position a.current {
    color: #bdbdbd;
}

ul.delivery_info li{
    border-bottom: 0;
    padding: 0;
    line-height: 15px;
}

label[for="karton_etikett"] {
    margin-top: 14px;
}

.supporting_text .assignment_search {
    text-align: left;
    border-bottom: 0;
    width: 300px;
    height: 44px;
    vertical-align: middle;
    padding-left: 4px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom: 1px solid grey;
  border-top: 1px solid grey;
  border-right: 1px solid grey;
}

.supporting_text .fa-stack {
    vertical-align: bottom;
    color:#BDBDBD;
}

.supporting_text .fa-stack .fa-search {
    color: black;
    vertical-align: middle;
    padding-bottom: 2px;
}

.material table tbody tr td div.prodname {
    width: 400px;
}

.material table tbody tr td div.date {
    width: 130px;
}

.assignment_view {
    text-decoration: underline;
}

.button_table {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button_grey {
    background: #D8D8D8;
    cursor: pointer;
}

.under_prodorder_grey {

  border-bottom: 1px solid #f2f2f2;
}

.prodorder_grey {
  background: #f3f3f3;
  border-bottom: 1px solid #f2f2f2;
}

.grey {
  color: grey;
}

.yellow {
  color: #D7DF01;
}
/*
.button_grey {
    background: #31B404;
}
*/
.material table.prodorder tr td:not(:first-child), .material table.prodorder tr th:not(:first-child) {
    border-left: 1px solid grey;
}

.material table.prodorder tr.assign_verify td {
    border-bottom: 5px solid green;
    /*background-color: #A9F5A9; */
}

.funk_button {
    margin-top: 20px;
    float: left;
    width: 49%;
}

.change_button {
    float: right;
    width: 49%;
    margin-top: 20px;
}

.dialog_container .message_info input[name="deliverydate"] {
    border: none;
    height: 45px;
    width: 130px;
    font-size: 22px;
}

.message_info .message_textarea {
    width: 700px;
    height: 110px;
    border: 1px solid grey;
}

.message_info textarea[name="description"] {
    width: 500px;
}

#ui-datepicker-div {
    z-index: 8888 !important;
}

form[name="new_deliverydate_form"] .error_message, form[name="problem_form"] .error_message, .error_mesage_qty {
    color: red;
}

.error_mesage_qty {
  font-size: 13px;
  text-align: left;
}


input[name='username'], input[name="password"] {
  max-width: 300px;
}

form[name="login_form"] div.login {
  margin: 0 auto;
  max-width: 300px;
  text-align: left;
}


.checkbox_list {
    text-align: center;
    margin: 0;
    padding: 0;
}

.checkbox_list li {
    float:left;
    display: inline;
    list-style: none;
    margin-right: 30px;
    padding: 5px 10px;
}

.checkbox_list li label {
    width: 140px;
}

.card form[name="login_form"] {
    margin: 0 40px;
    overflow: hidden;
}

.card form[name="login_form"] input[name="password"], .card form[name="login_form"] input[name="username"] {
    margin-bottom: 15px;
    height: 30px;
    text-align: left;
    border: 2px solid grey;
}

.card form[name="login_form"] input[name="login"] {
    margin-left: 0;
    float: left;
    overflow: hidden;
    display: block;
}

.card form[name="login_form"] .login_menu {
    overflow: hidden;
    font-size: 10px;
}

.card form[name="login_form"] .login_menu  li {
    padding: 0;
    border:0;
}

.message_pa_table .pa_info_table {
    margin: 5px;
}

.pa_info_table {
    margin-top: 60px;
    font-size: 15px;
}

.pa_info_table td {
    padding: 3px 8px;
}

.pa_info_table tr td:first-child {
    font-weight: bold;
}

div.cont {
  width: 100%;
  overflow: hidden;
}

div.cont .pa_info_table {
  margin: 0;
}

.pa_info_table .input_view {
  padding: 3px;
  border: 1px solid grey;
  background-color: #F2F2F2;
  margin: 2px;
  display:block;
  min-width: 200px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.input_view.price_view {
  width: 60px;
}

.settings .floatright {
  vertical-align: center;
}

.payment_info {
  width: 200px;
}

form[name="senden"].float {
  overflow: hidden;
}

.settings .settings_element i, .settings span.settings_title  {
  color: #757575;
}

.settings {
    overflow: hidden;
}

.settings .settings_title {
  vertical-align: super;
  cursor: pointer;
}

.print_position {
  position: absolute;
  top:29px;
  right: 5px;
}

.message_info_pa input[name="new_password"], .message_info_pa input[name="old_password"], .message_info_pa input[name="new_password_repeat"],
.message_info_pa input[name="email_change_password"] {
  border: 1px solid black;
  padding: 2px;
  font-size: 17px;
  border-radius: 5px;
  height: 50px;
}

.message_info_pa .passtitle, .margin-top-15 {
  margin-top: 15px;
}

input[name="email_change_password"] {
  width: 400px;
}

.message_info_pa .password_change_button {
  margin-top: 45px;
}

.title_absatz {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
/*
.table_view  td, .table_view th{
  border: 1px solid grey;
  padding: 3px;
}
*/
.table_view {
  max-width: 600px;
}

.inputblock {
  width: 350px;
}

.char_count {
  width: 20px;
  overflow: hidden;
}
.error_message {
  height: 12px;
}

.inputblock .char_count {
  margin-top: 11px;
}

.center {
  text-align: center;
}

.textalign-left {
  text-align: left;
}

.change_password {
  text-decoration: underline;
  cursor: pointer;
}

.change_password_message {
  color:red;
  width: 550px;
  margin-top: 20px;
}

.change_password_send_message {
  color: green;
  width: 550px;
  margin-top: 20px;
}

.green {
  color: green;
}

.valid {
  margin-left: 5px;
}

.search_button {
  border: 1px solid grey;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 32%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 32%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 32%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.assignment_search {
    text-align: left;
    border-bottom: 0;
    width: 800px;
    height: 45px;
    vertical-align: middle;
    padding-left: 4px;
}

select[name="language"] option {
  background-repeat: no-repeat;
  background-position:bottom left;
  background-color: #ffffff;
  padding-left:30px;
  color : #333333;
  font-family : Arial, Verdana, Helvetica, Sans-Serife;
  text-align:right;
}

select[name="language"] option[value='de'] {
  background-image: url('../img/flags/de.png');
}

select[name="language"] option[value='en'] {
  background-image: url('../img/flags/en.png');
}

select[name="language"] option[value='it'] {
  background-image: url('../img/flags/it.png');
}

select[name="language"] {
  width: 60px;
  height: 40px;
  color: black;
  font-size: 13px;
}

.text_remarks {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}

textarea[name="problem_description"] {
  margin-bottom: 20px;
}

.infobox {
  margin-top: 10px;
}

.infobox ul.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #eeeeee;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}

.infobox ul.tabs li {
    float: left;
    border-bottom: none;
}

.infobox ul.tabs li[data-value="active"] {
  background-color: #ffffff;
  border-bottom: none;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}

.infobox section[data-value=""] {
  display: none;
}

.infobox section[data-value="active"] {
  display: block;
}

.infobox ul.tabs li {
  padding: 10px 32px;
}

ul.tabs li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.tabs li a:hover {
    background-color: #111;
}

article section.tab_info {
  padding: 10px;
  border-bottom: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}

.new_entry {
    padding: 3px;
    border: 1px solid grey;
    background-color: #018776;
    color: white;
    margin-right: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.file_download {
    font-size: 16px;
    font-weight: bold;
    width: 130px;
    padding-left: 10px;
    margin-top: 10px;
}

.file_download span {
    color: #BDBDBD;
    padding-left: 5px;
    vertical-align: super;
    cursor: pointer;
}

.head_line{
	font-size: 20px;
	font-weight: bold;
	background-color: #00695c;
	color: #ffffff;
	padding: 10px;
	text-align: center;
}
.textil_popup{
	width: 200px;
}

.sum_sign{
	float: left;
	width: 48%;
	font-size: 14px;
	text-align:right;
}
.gesamtmenge{
	float: right;
	width: 48%;
	font-size: 16px;
}