@CHARSET "utf-8";
/*

 * Base structure

 */



/* Move down content because we have a fixed navbar that is 50px tall */

body {
    padding-top: 50px;
}
/*

 * Global add-ons

 */



.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
/*

 * Top navigation

 * Hide default border to remove 1px line.

 */

.navbar-fixed-top {
    border: 0;
}
/*

 * Sidebar

 */



/* Hide for mobile, show later */

.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}
/* Sidebar navigation */

.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a,  .nav-sidebar > .active > a:hover,  .nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}
/*

 * Main content

 */



.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}
/*

 * Placeholder dashboard ideas

 */



.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

.huge {
    font-size: 40px;
}


.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.inv {
    display:none;
}
.vis {
    display:inline;
}

.debug {
    position: absolute;
    top: 5px;
    left: 5px
}

.versandpanel {
    background-image: url("img/versandprozess.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.zuliefernpanel {
    background-image: url("img/zuliefern.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.geliefertpanel {
    background-image: url("img/bereitsgeliefert.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.detailspanel {
    background-image: url("img/saison.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.fruehlingpanel {
    background-image: url("img/fruehling.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.bubpanel {
    min-height: 100px;
    background-image: url("img/bub.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.hwpanel {
    min-height: 100px;
    background-image: url("img/hw.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.frpanel {
    min-height: 100px;
    background-image: url("img/fr.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.gkpanel {
    min-height: 100px;
    background-image: url("img/gk.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.upanel {
    min-height: 100px;
    background-image: url("img/uebersicht.png");
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.navbar-inverse {
    background-image: linear-gradient(to bottom, #669934 0px, #669934 100%);
    background-repeat: repeat-x;
}

.green-tooltip + .tooltip > .tooltip-inner {
    background-color: #669934;
}
.green-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color:#669934;
}

.navbar-brand {
    color: white !important
}
.navbar-text {
    color: white !important
}
#navbar ul li a {
    color: white !important
}

.footer {
    background-image: linear-gradient(to bottom, #669934 0px, #669934 100%);
    background-repeat: repeat-x;
    bottom: 0;
    height: 60px;
    width: 100%;
}

.container .text-muted {
    margin: 20px 0;
}

.footer a {
    color: white;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.btn-success {
    background-image: -webkit-linear-gradient(top,#669934 0,#669934 100%);
    background-image: -o-linear-gradient(top,#669934 0,#669934 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#669934),to(#669934));
    background-image: linear-gradient(to bottom,#669934 0,#669934 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669934', endColorstr='#ff669934', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #669934;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #669934;
  border-color: #669934;
}