/*Style.css*/
.form-karte {
    width: 150px !important;
}

.btn{
    margin-left: 4px;
    margin-bottom: 2px;
}

.logo-bramas{
    width: 150px;
}

.logo-bramas-font{
    color: white;
}

.form-group-eng{
    margin-bottom: 5px;
}

.form-group-eng label {
    margin-bottom: 0px;
}

.tableresp{
    width:100%;
    overflow-x: auto;
    margin: 0 0 1em;
}

.tableresp::-webkit-scrollbar{
    -webkit-appearence:none;
    width:14px;
    height:14px;
}

.tableresp::-webkit-scrollbar-thumb{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0,0,0,.3);
}

.dropzone, .dropzone * { box-sizing: border-box; }
.dropzone { min-height: 100px; border: 2px dashed #0087f7; border-radius: 5px; background: white none repeat scroll 0 0; padding: 10px 10px; }
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

.pdf{background: url('../img/icons/16pdf.png') no-repeat;}
.bild{background: url('../img/icons/16image.png') no-repeat;}
.excel{background: url('../img/icons/16excel.png') no-repeat;}
.txt{background: url('../img/icons/16text.png') no-repeat;}

tfoot {
    display: table-header-group;
}

.imagebutton{
    cursor:pointer;
    border:none;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    height:20px;
    vertical-align: top;
    font-size: 14px;
    color:#aa051c;
}

.btn-action {
    float: left;
    line-height: 0.8px;
    margin-right: 5px;
    padding: 3px;
}

.btnConfirm{
    float:left;
    width:20px;
    height:16px;
    margin-left:5px;
    background:none;
    background-image:url('../img/tumbGreen.png');
    background-repeat:no-repeat;
    border:0;
    cursor:pointer;
    cursor:hand;
}

.btnPDF{
    float:left;
    width:20px;
    height:16px;
    margin-left:5px;
    background:none;
    background-image:url('../img/icons/pdf.png');
    background-repeat:no-repeat;
    border:0;
    cursor:pointer;
    cursor:hand;
}

.btnEmail{
    float:left;
    width:20px;
    height:16px;
    margin-left:5px;
    background:none;
    background-image:url('../img/email.png');
    background-repeat:no-repeat;
    border:0;
    cursor:pointer;
    cursor:hand;
}

.btnNoConfirm{
    float:left;
    width:20px;
    height:16px;
    margin-right:5px;
    background:none;
    background-image:url('../img/tumbRed.png');
    background-repeat:no-repeat;
    border:0;
    cursor:pointer;
    cursor:hand;
}

.btnDuplicate{
    float:right;
    width:20px;
    height:16px;
    margin-right:5px;
    background:none;
    background-image:url('../img/duplicate.png');
    background-repeat:no-repeat;
    border:0;
    cursor:pointer;
    cursor:hand;
}

.panel-heading h3{
    margin: 0px;
}

.form-abstand{
    margin-bottom: 5px;
}

#legende{
    
}

.legende{
    height: 25px;
    margin-right: 15px;
    padding: 4px;
    /*border: 1px solid black;*/
    color: black;
    float: left;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.fc-event{
    color: #000;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px 2px;
}

.btn-flatt {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 2px 5px;
}

.login-page{
    background: url('../img/background.png') no-repeat center center fixed;
    -moz-background-size: cover;
    background-size: cover;
}

.login-box, .register-box {
    margin: 10px auto;
    width: 360px;
}

.login-logo, .register-logo {
    margin-bottom: 0px;
}

.login-logo a, .register-logo a {
    color: #FFF;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 2px;
}

.form-control {
    line-height: 1.1;
    height:28px;
    padding: 1px 2px;
    font-size: 16px;
}

.form-group {
    margin-bottom: 5px;
}

.dropElement {
  margin-bottom:10px;
  padding:0px 5px;
  width:100%;
  background:#FF9F00;
  z-index:10;
  
}
.dropElement h3 {
  margin:0px;
  font-size:18px;
  color:#752600;
  font-weight:bold;
}
.dropElement span {
  margin-left:5px;
}

.dropElement:hover {
  cursor:move;
}

#origin
{
  background-color: #FFA;
}

#drop2
{
  background-color: lightgreen;
}
#drop1
{
  background-color: #FF8080;
}
#drop5, #drop5 a
{
  background-color: #FF8080;
  color:#000;
}
.over {
  border: solid 5px #FF9224;
}
.draggable
{
  border: solid 1px black;
}

.fbox{
    min-height:400px;
    padding:2px;
    border:#2A0000 1px solid;
}

.fboxLKW{
    min-height:40px;
    padding:2px;
    border:#2A0000 1px solid;
}

.fuellstand{
    border:#F00 1px solid;
    z-index:100;
    font-weight:bold;
    width:13px;
    height:59px;
    position:absolute;
    top:0px;
    right:0px;
    word-wrap:break-word;
}
.fuellstand100{
    background-color:#FF0;
    margin:0px;
    padding:1px;
    height:58px;
    font-size:12px;
    line-height:14px;
}
.fuellstand50{
    background-color:#FF0;
    margin-top:31px;
    padding:1px;
    height:29px;
    font-size:10px;
    line-height:8px;
}

.box1{
    background-color:#C0DCC0 !important;
}
.box2{
    background-color:rgb(220, 255, 220) !important;
}
.box3{
    background-color:rgb(220, 255, 255) !important;
}
.box4{
    background-color:#9DC8CE !important;
}
.box5{
    background-color:#9BC9E3 !important;
}
.box6{
    background-color:#AAE3FF !important;
}
.box7{
    background-color:#E0C9ED !important;
}
.box8{
    background-color:#F5D6DF !important;
}

#speicherstatus{
    color: green;
    padding-right: 10px;
}

.no-padding {
    padding-right: 0;
    padding-left: 0;
}

.lot_voll{
    background-color: green;
    width: 15%;
    position:relative;
    float:left;
    height: 10px;
    border: solid 1px black;
}

.lot_leer{
    background-color: gray;
    width: 15%;
    position:relative;
    float:left;
    height: 10px;
    border: solid 1px black;
}

.lot_halbvoll{
    background-color: green;
    width: 7%;
    position:relative;
    float:left;
    height: 10px;
    border: solid 1px black;
}

.lot_halbleer{
    background-color: gray;
    width: 7%;
    position:relative;
    float:left;
    height: 10px;
    border: solid 1px black;
}

.produktion_fertig
{
  background-color: #8FBC8F;
}
.freigegeben
{
  background-color: #3CB371;
}
.verladen
{
  background-color: #B0C4DE;
}
.halb_verladen
{
  background-color: yellow;
}


.lager{
    background-color: yellow;
}

.produziert{
    background-color: orange;
}

.produktion{
    background-color: #FFFACD;
}

.labor{
    background-color: #EEE8AA;
}

.vorschau{
    background-color: blue;
}

.vorschau_leer{
    background-color: red;
}

#map_filter { height: 700px; }

.status_1{
    background:#FF9F00;
}

.status_2,.status_3,.status_4,.status_6,.status_8,.status_2 h3,.status_3 h3,.status_4 h3,.status_6 h3,.status_8 h3{
    background:#00AA00;
    color: black;
}

.status_5,.status_5 h3,.status_7,.status_7 h3{
    background:#F12B4A;
    color: black;
}

.box-header{
    font-weight: bold;
    font-size: 1.5em;
}

.btnAnnehmen {
    float: left;
    width: 20px;
    margin-left: 5px;
    background: none;
    background-image: url('../img/icons/pfeil_blau.png');
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    cursor: hand;
}

.btnBuchGruen {
    float: left;
    width: 20px;
    margin-right: 5px;
    background: none;
    background-image: url('../img/icons/bookNeu.png');
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    cursor: hand;
}

.btnBuchBlau {
    float: left;
    width: 20px;
    margin-right: 5px;
    background: none;
    background-image: url('../img/icons/book.png');
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    cursor: hand;
}

.btnErledigt {
    float: left;
    width: 20px;
    margin-right: 5px;
    background: none;
    background-image: url('../img/icons/abgeschlossen.png');
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    cursor: hand;
}

.pop{
    float: left;
    padding-left: 5px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.pop:hover {
    opacity: 0.7;
    cursor: pointer;
}

.imagepreview{
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
    max-width: 500px;
    max-height: 500px;
}

.farbe_on_hire{
    background-color: #fce4d6;
}
.farbe_sold{
    background-color: #ffff00;
}
.farbe_in_repair{
    background-color: #ffc000;
}
.farbe_available{
    background-color: #92d050;
}
.farbe_reserved{
    background-color: #ffc000;
}
.farbe_under_construction{
    background-color: #bdd7ee;
}
.farbe_in_rotation{
    background-color: #fce4d6;
}

.farbe_rot{
    background-color: #cc0000;
}

.dropdown-toggle-schmal{
    padding: 10px 5px !important;
}

.img-wrap {
  width: 504px;
  height: 378px;
  display: inline-block;
  overflow: hidden;
  margin: 0px !important;
  padding:0px !important;
}

.img-wrap img {
    width: 100%;
}

.content-header > .buttonleiste {
    float: right;
    padding-left: 10px;
}

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

th.red{
    background-color:#CC3300 !important;
}

th.green{
    background-color:#339966 !important;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}