html { min-height:100%; position:relative; }
body {
margin:0px;
padding:0px;
background: #FAFAFA;
margin-bottom:60px;
}
.login-padding-top  {
    padding-top: 50px;
    padding-bottom: 15px;
}

.header-topbar {
    width: 100%;
    height: 30px;
    padding: 10px 0;
}
@media (max-width: 464px) {
    .header-topbar {
        padding-bottom: 60px;
    }
}
.umsatztopbar {
    box-shadow: rgba(0,0,0,0.3) 0 0 10px;
    webkit box-shadow: rgba(0,0,0,0.3) 0 0 10px;
    padding-top: 1em;
    position: unset;
    width: 100%;
    background-color: #929292;
    color: #fff;
    z-index: 100;
}
ul.umsatz {
    font-size: 11px;
    text-align: center;
}

li.umsatz {
    display: inline-block;
    list-style: none;
    margin-right: 30px;
}

#block_sales {
    display: none;
}
#absoluterjahresumsatz {
    width: 100%;
    height: 2em;
    text-align: center;
}

.cart { margin-bottom:80px; }

.panel { border-radius:0px; }

/* .logo { max-width:220px; margin:0 auto; padding-top:50px; } */
.logo-login { margin:20px auto; }
.forget { text-align:right; }
.forget a { color:#555555; }
.slogan p { text-align:center; color:#8D8C8C; font-size:16px; font-weight:700; }

.input-group { margin-bottom:8px; }
.input-group-addon { border-radius:0px; min-width:118px; text-align:left; background-color:#FAFAFA; }
.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { border-radius:0px; }
.form-control { border-radius:0px; }
.btn { border-radius:0px; }
.alert { border-radius:0px; }

.forget { font-size:12px; }
.submit { text-align:right; }
.align-left { text-align: left; }
.align-right { text-align:right; }
.align-center { text-align:center; }

/*
.navbar { border-radius:0px; min-height:0px; }
.navbar-default { background-image:none; box-shadow:none; background-color:transparent; border:0px; background:red; }
.navbar-default .navbar-nav > li > a { font-size:12px; padding:4px 12px 5px 12px; }
.customer { font-size:12px; }
.navbar-brand { padding:4px 12px 5px 12px; height:auto; }
*/
.navigation-row ul { display: flex; justify-content: space-between; padding: 0; margin: 15px; background: #ddd; m}
.nav > li > a { color:#555555; font-size:13px; background-color:transparent; border-radius:0px; padding: 10px 15px 9px; border-bottom: 1px solid transparent; }
.nav > li > a:hover, .nav > li > a:focus { background-color:transparent; border-bottom: 1px solid #b41414;}
.nav > li > span { padding:10px 15px; font-size:13px; position: relative; display: block; }
.navigation-res > li > a { background-color:#DFDFDF; }
/*.navigation { margin: 0px 0px 10px; }*/

.btn-default { background-image:none; background-color:#929292; text-shadow:none; box-shadow:none; color:#FFFFFF; }
.btn-default:hover { background-color:#C7C7C7; color:#FFFFFF; }
.btn-green-round:hover { background-color: #006e32; }
.btn-success { background-image:none; text-shadow:none; box-shadow:none; }
.btn-danger { background-image:none; text-shadow:none; box-shadow:none; }
.btn-info { background-image:none; text-shadow:none; box-shadow:none; }


/*.topbar { margin:20px -15px; }*/
/*.searchbox { margin:20px -15px; }*/

.topbar, .searchbox {
    margin: 0px -15px;
}

#sucheingabe input { border:1px solid #b41414; }

.table-warenkorb { font-size:12px; background-color:#FFFFFF; }
.table-warenkorb tr td { vertical-align:middle !important; }
/*.table-warenkorb-header { font-weight:700; } */
.warenkorb-leer { margin:40px 0px; }

/*.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border:0px; }*/
.table-suchergebnisse-stock-extern { font-size:12px; background-color:#FFFFFF; }
.table-suchergebnisse-stock-extern tr td { vertical-align:middle !important; }


.table-suchergebnisse { table-layout:fixed; font-size:12px; background-color:#FFFFFF; }
.table-suchergebnisse tr td { vertical-align:middle !important; }

.checkbox-frame { display:block; margin-bottom:10px; }
.checkbox-frame input { margin:4px 4px 4px 0px; }
.checkbox-frame strong { float:right; }

#lieferadresse .form-control { margin-bottom:4px; }

.footer { position: absolute; bottom: 0; width: 100%; height: 60px; padding:10px 0px; background-color: #929292; color:#FFFFFF; }


button#suche  {
    background: #b41414!important;
}

.edit_mengewarenkorb,.edit_mengesuche {
    width: 36px!important;
}

/*img.aktualisieren {*/
/*    margin: 8px auto 0 auto!important;*/
/*}*/

/* SCHNELLSUCHE */
.schnellsuche {
    background: none;
    color: #808080;
    border: 1px transparent;
    padding-top: 8px;
    cursor: inherit;
}

.btn-group {
    position: absolute;
    display: inline-flex;
    justify-content: space-between;
    width: 85%;
    right: 15px;
}

/*///////////////////////////
// SUCHE - Externe Artikel //
///////////////////////////*/

#externalArticleButton {
    background-color:#006e32;
    /*background-color:#d9534f;*/
    color: white;
    text-align: center;
    cursor: pointer;
    padding: 20px;
    font-size: 14px;
}

#externalArticleButton:hover {
    opacity: 0.9;
}

#externalArticleButton #eButton {
    display: block;
    background-color: transparent;
    color: white;
    font-size: 16px;
    padding: 10px;
    margin: 0px 20px;
}



.cArrowLeft, .cArrowRight { animation: blinker 1s linear infinite; font-size: 16px; }
.cArrowLeft,.cArrowNone,.cArrowRight { padding: 14px 12px 12px 12px!important; color: white;  }
.cArrowLeft { border-right: 0!important; }
.cArrowRight { border-left: 0!important; }
.cArrowNone { padding: 0 !important; }

.externalState {
    display: inline;
}

.article_external {
    display: none;
}

.header_external_storage, .header_external_storage:hover {
    background-color: #006e32!important;
    color: white!important;
    font-size: medium;
    text-align: center;
}


/*/////////////////
// Wartungsmodus //
/////////////////*/

.maintance {
    /*background-image: linear-gradient(135deg, #ffebeb 25%, #fafafa 25%, #fafafa 50%, #ffebeb 50%, #ffebeb 75%, #fafafa 75%, #fafafa 100%)!important;*/
    /*background-size: 28.28px 28.28px!important;*/
    background-image: linear-gradient(115deg, #fff 25%, #fafafa 25%, #fafafa 50%, #fff 50%, #fff 75%, #fafafa 75%, #fafafa 100%)!important;
    background-size: 70px 150px !important;
}

#devNote {
    cursor: pointer;
    margin-top: -40px;
    animation: blinker 2s linear infinite;
}
#devNote h1 {
    font-size: 120px;
    font-weight: 300;
    letter-spacing: 30px;
    text-align: center;

}
#devNote p {
    font-size: 18px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 300;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/*//////////
// CUSTOM //
//////////*/

/* .verfuegbarkeitheader { width: 86px; }
.bestandheader { width: 6%; text-align: center }
.art-nrheader { width: 10%; }
.manufacturerheader { width: 80px; text-align: center; }
.bezeichnungheader { width: 30%; }
.bildheader { width: 5%; }
.detailsheader { width: 7%; }
.mengeheader { width: 7%; }
.uvpheader { width: 7%; }
.nettoheader { width: 7%; }
.nettogesamtheader { width: 10%; }
.bemerkungheader { width: auto; }
*/
.verfuegbarkeitheader { width: 86px;  text-align: center}

#version {font-size: x-small; }


.bestandheader { width: 60px; text-align: center }
.art-nrheader { width: 100px;  text-align: center}
// .manufacturerheader { width: 91px; text-align: center; }
.manufacturerheader { width: 120px; text-align: center; }
.bezeichnungheader { width: 250px;}
// .bildheader { width: 110px;  text-align: center}
.bildheader { width: 150px;  text-align: center}
.detailsheader { width: 7%; }
.mengeheader { width: 60px;  text-align: center}
.uvpheader { width: 70px;  text-align: center}
.nettoheader { width: 70px;  text-align: center}
.nettogesamtheader { width: 95px;  text-align: center}
.bemerkungheader { width: 100px  text-align: center}


.verfuegbarkeitheader_special { width: 6%; }
.art-nrheader_special { width: 10% }
.manufacturerheader_special { width: 80px}
.bezeichnungheader_special { width: 30%; }
.bildheader_special { width: 5%; }
.detailsheader_special { width: 7%; }
.mengeheader_special { width: 7%; }
.uvpheader_special { width: 7%; }
.nettoheader_special { width: 7%; }
.nettogesamtheader_special { width: 10%; }
.bemerkungheader_special { width: auto; }

#warenkorb .mengeheader { width: 10%; }

.manufacturerzeile {text-align: center; font-weight: bold;}
.qualityheader {width: 85px; text-align: center;}
.qualityzeile {width: 85px; text-align: center; font-weight: bold;}
.addtobasket {width: 65px;}
.addtobasketzeile {width: 65px; text-align: center;}

.table-suchergebnisse tr:nth-child(1)>td {
    padding: 5px !important;
}


#table_suchergebnis td {
    padding: 15px 5px;
}

.bezeichnungzeile a {
    color: #000;
}

.bezeichnungzeile a:hover {
    color: #006e32;
    text-decoration: none;
}


#suchergebnis .glyphicon {
    top: 0;
}

#legende { text-align: center; }
#legende table { border: 0!important; margin: 0 auto!important;}
#legende td {
    padding: 10px!important;
    text-align: right;
}

/*/////////////////////////////////
////// HEADER UPDATE 05-2021 //////
// Ansprechpartner Top10 Buttons //
/////////////////////////////////*/


    .adjust-15 {
        padding: 0 15px;
    }

    .row.adjust-15 {
        display: flex;
        align-items: flex-end;
    }

    .ansprechpartner {
        color: #565656;
    }

    .ansprechpartner p {
        font-size: 1em;
        text-align: right;
        margin:0;
    }

    .ansprechpartner a,
    .ansprechpartner span {
        color: #565656;
    }

    .ansprechpartner .glyphicon {
        margin-right:10px;
    }

    img.ansprechpartner {
        float: right;
    }

    .navigation-row {
        padding: 10px 0;
    }

    .btn-group-top10 {
        display: flex;
        justify-content:space-between;
        margin-top: 10px;
    }

    .btn-green-round {
        background: #deebe3;
        border-radius: 10px;
        border:0px none;
        color:#565656;
    }

    .ag-red {
        color: #b41414 !important;
        border-color: #b41414;
    }

            /* das Dropdown-Menü Fileselector Ag Teile */
            .file-select-dropdown {
                position: relative;
                display: inline-block;
            }
    
            .file-select-button {
                padding: 10px 20px;
                background-color: #007BFF;
                color: white;
                border: none;
                cursor: pointer;
                font-size: 16px;
                border-radius: 10px;
            }
    
            .file-select-button:hover {
                background-color: #0056b3;
            }
    
            /* Das Menü */
            .file-select-content {
                display: none;
                position: absolute;
                background-color: #f9f9f9;
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
                padding: 10px 0;
                margin: 0;
                min-width: 200px;
                z-index: 1;
            }
    
            /* Links im Dropdown-Menü */
            .file-select-content a {
                display: block;
                padding: 10px;
                text-decoration: none;
                color: black;
            }
    
            .file-select-content a:hover {
                background-color: #f1f1f1;
            }

       /* Dreieck am Ende des Buttons */
       .file-select-button::after {
        content: "";
        display: inline-block;
        margin-left: 8px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid white;
    }