html, body {
    font-family: 'Roboto Condensed', sans-serif;
}

html {
    overflow-y: scroll;
}

main {
    padding: 20px 50px;
    margin-left: 200px;
}

.logo {
    margin-top: 12px;
}

h1 .e-inplaceeditor .e-editable-value {
    font-size: 2.5rem !important;
}

.e-control {
    font-family: 'Roboto Condensed', sans-serif !important;
}

/*.e-primary {
    background: #3393df !important;
}*/

.nav-link.active {
    background: #3393df !important;
}

.e-tab {

}

.e-tab-text {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: bold !important;
    font-size: 1.0rem !important;
}

.e-tab .e-tab-header .e-toolbar-item {
    padding: 20px 12px !important;
}

.e-tab .e-tab-header .e-toolbar-item.e-active {
    background: #3393df !important;
    border: none;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text {
    color: white !important;
}

    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        border: none;
    }

    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        border: none;
    }

.e-tab .e-tab-header .e-toolbar-items {
    height: 40.5px;
}

.e-tab > .e-content {
    background: #f8f9fa;
    padding: 24px;

    font-size: 1rem !important;
}

.ff-position-text { background: #ffe9ab; }
.ff-position-text .e-selectionbackground { background: #ffd35c !important; }
.ff-position-text:hover td { background: #ffd35c !important; }
.ff-position-text td:nth-child(3) {font-size: 0;}
.ff-position-text td:nth-child(4) {font-size: 0;}
.ff-position-text td:nth-child(5):before {content: "[Freitext]";}
.ff-position-text td:nth-child(7) {font-size: 0;}
.ff-position-text td:nth-child(8) {font-size: 0;}
.ff-position-text td:nth-child(9) {font-size: 0;}
.ff-position-text td:nth-child(10) {font-size: 0;}
.ff-position-text .e-inline-edit td:nth-child(3) {visibility: hidden;}
.ff-position-text .e-inline-edit td:nth-child(4) {visibility: hidden;}
.ff-position-text .e-inline-edit td:nth-child(5) {visibility: hidden;}
.ff-position-text .e-inline-edit td:nth-child(7) {visibility: hidden;}
.ff-position-text .e-inline-edit td:nth-child(8) {visibility: hidden;}
.ff-position-text .e-inline-edit td:nth-child(9) {visibility: hidden;}
.ff-position-text .e-inline-edit td:nth-child(10) {visibility: hidden;}

.ff-position-subtotal { background: #d6ffe1; }
.ff-position-subtotal .e-selectionbackground { background: #85ffa5 !important; }
.ff-position-subtotal:hover td { background: #85ffa5 !important; }
.ff-position-subtotal td:nth-child(3) {font-size: 0;}
.ff-position-subtotal td:nth-child(4) {font-size: 0;}
.ff-position-subtotal td:nth-child(5):before {content: "[Zwischensumme]";}
.ff-position-subtotal td:nth-child(7) {font-size: 0;}
.ff-position-subtotal td:nth-child(8) {font-size: 0;}
.ff-position-subtotal td:nth-child(9) {font-size: 0;}
.ff-position-subtotal td:nth-child(10) {font-size: 0;}
.ff-position-subtotal .e-inline-edit td:nth-child(3) {visibility: hidden;}
.ff-position-subtotal .e-inline-edit td:nth-child(4) {visibility: hidden;}
.ff-position-subtotal .e-inline-edit td:nth-child(5) {visibility: hidden;}
.ff-position-subtotal .e-inline-edit td:nth-child(7) {visibility: hidden;}
.ff-position-subtotal .e-inline-edit td:nth-child(8) {visibility: hidden;}
.ff-position-subtotal .e-inline-edit td:nth-child(9) {visibility: hidden;}
.ff-position-subtotal .e-inline-edit td:nth-child(10) {visibility: hidden;}

.ff-position-pagebreak { background: #ffd0c2; }
.ff-position-pagebreak .e-selectionbackground { background: #ffa185 !important; }
.ff-position-pagebreak:hover td { background: #ffa185 !important; }
.ff-position-pagebreak td:nth-child(3) {font-size: 0;}
.ff-position-pagebreak td:nth-child(4) {font-size: 0;}
.ff-position-pagebreak td:nth-child(5):before {content: "[Seitenumbruch]";}
.ff-position-pagebreak td:nth-child(7) {font-size: 0;}
.ff-position-pagebreak td:nth-child(8) {font-size: 0;}
.ff-position-pagebreak td:nth-child(9) {font-size: 0;}
.ff-position-pagebreak td:nth-child(10) {font-size: 0;}

.ff-position-shipping { background: #d4f8ff; }
.ff-position-shipping .e-selectionbackground { background: #8ceeff !important; }
.ff-position-shipping:hover td { background: #8ceeff !important; }
.ff-position-shipping td:nth-child(3) {font-size: 0;}
.ff-position-shipping td:nth-child(4) {font-size: 0;}
.ff-position-shipping td:nth-child(5):before {content: "[Versand]";}
.ff-position-shipping .e-inline-edit td:nth-child(3) {visibility: hidden;}
.ff-position-shipping .e-inline-edit td:nth-child(4) {visibility: hidden;}
.ff-position-shipping .e-inline-edit td:nth-child(5) {visibility: hidden;}


.e-list-item {
    height: auto !important;
}



.login {
    background: url("/img/wallpaper.jpg");
    background-size: cover;
    background-position: right bottom;
    height: 100vh;
}

.login-box {
    margin-top: 15vh;
    width: 330px;
    padding: 30px;
    background: #fff;
    position: relative;
}

.login-button {
    width: 100%;
    padding: 15px 0;
}


.e-dialog .e-footer-content {
    text-align: left;
}

.e-dialog .e-footer-content .e-btn {
    margin-left: 0;
    margin-right: 8px;
}