/* GRUNDLEGENDE EINSTELLUNGEN */
html {height:100%}
body {
    position: relative;
    background-color: #eaeaea !important;
    min-height: 45rem;
}
h1 {
    color:#00a6ff;
}
p {
    color:black;
}
a {
    text-decoration: none !important;
}
#content {
    width: 80%;
    margin: 0 auto;
    background:white;
}
#body-wrapper {
    background-color: #fff;
    padding: 20px;
}
#body-wrapper > form.login {
    width: 50%;
    max-width: 300px;
    margin: 0 auto;
}
#body-wrapper > form.login > .btn {
    margin-top:10px;
    width:100%;
}
.fg-danger {
    color:#f00;
}
.fg-success {
    color:#0f0;
}
/* NAVIGATION */
.navheader a {
    color:var(--bs-link-color);
}
.navheader {
    height:auto;
    font-size:150%;
}
.navbar-nav,
.blockZusatzmodule {
    list-style: none;
    display:flex;
}
.navbar-brand.space-brand {
    margin-left:75px;
    font-size:190% !important;
}
.navbar.navbar-main {
    padding:0;
}
.dropdown-menu, .dropdown-menu.show {
    right: 0;
}

.space-brand {
    color: #fff;
    font-weight: bold;
}

.nav-profile-img {
    width: 50px;
    border: 1px solid #fff;
}
.dropdown-menu {
    box-shadow: 0px 0px 12px 0px #acaaaa;
}
#navbarNavDropdown a,
.navbar > a {
    color:#00a6ff;
}
.nav-tabs {
    border-color:transparent !important;
}
.nav .logoimg {
    max-width:40%;
}
.nav > .logo {
    max-width:50%;
}
.dropdown-menu li {
    display: flex;
}
ul.dropdown-menu > li {
    padding-right:10px;
}
.nav-item.dropdown:hover .dropdown-menu {
    display: inline;
}
.nav-link.active {
    font-weight: bold;
}
.navbar.navbar-expand-lg.navbar-main.navbar-bg {
    background-color: #cdcdcd;
}
.navbar.navbar-expand-lg.navbar-main.navbar-bg #navbarNavDropdown a {
    color: #9d9d9d;
    font-size: 150%;
}
.navbar.navbar-expand-lg.navbar-main.navbar-bg #navbarNavDropdown .dropdown-menu a {
    font-size:100%;
}
.navbar.navbar-expand-lg.navbar-main.navbar-bg #navbarNavDropdown a:hover,
.navbar.navbar-expand-lg.navbar-main.navbar-bg #navbarNavDropdown a:active {
    color:#00a6ff;
}
.menuname {
    color: #00a6ff;
    padding-left: 10px;
}
.nav-tabs .nav-link {
    border:none !important;
}
.nav-tabs .nav-item {
    margin: 0;
}
.nav.nav-tabs.ganzrechts {
    flex: 1;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border: none;
}
.nav-tabs .nav.link.active {
    border:none !important;
}
.controls {
    font-size: 150%;
    display:flex;
    margin-bottom:20px;
}
.controls form {
    display: flex;
    width: 100%;
}
.controls form > button {
    margin-left: 10px;
}
:not(a) > .fa-backward {
    margin-top:6px;
    color: #d7d7d7;
}
.fas.fa-play {
    color: var(--bs-link-color);
}
.controls .btn.btn-primary {
    margin-left:20px;
    margin-top:-10px;
}
.controlDate {
    margin-top:5px;
    margin-left: 20px;
    font-size: 65%;
}
.controlToday {
    margin-top:2px;
}
.controlCustomers {
    margin-top: 5px;
    margin-left: 20px;
    font-size: 75%;
}
.dropdown-menu.large {
    width: 12rem;
}
.btn-primary a {
    color: #fff;
}
.btn-primary a:hover {
    text-decoration: none;
}
#content .navbar .dropdown-item.active,
#ccontent .navbar .dropdown-item:active,
#ccontent .navbar .addendum.active,
#ccontent .navbar .addendum:active {
    margin-right:5px;
    margin-left:5px;
}
form {
    width:50%;
}
form .narrow {
    width:200px;
}
#bookings_form .auto {
    width:auto;
}
#settings > div.buttons {
    margin-top:20px;
}
.btn-danger > a {
    color:white;;
}
.alert {
    margin-left: 20px;
    margin-right: 20px;
}
/* Rechnung */
.rechnung #company {
    width: 300px;
}
.rechnung .date {
    float:right;
    text-align: right;
}
.rechnung #salutation {
     width: 70px;
 }
.rechnung #country {
    width: 40px;
}
.rechnung #retextbetr {
    width: 800px;
    margin-bottom:50px;
}
.rechnung #dear {
    width: 300px;
    margin-bottom:20px;
}
.rechnung .reno {
    margin-top: 50px;
}
.rechnung #retext {
    width: 800px;
    margin-bottom:20px;
}
.rechnung #retextafter {
    width: 1000px;
}
.rechnung input[id*="duration-"] {
    width: 80px;
}
.rechnung input[id*="value-"] {
    width: 80px;
}
.rechnung #onsitetimes {
    width: 80px;
}
.rechnung [id*=onsiterate] {
    width: 80px;
}
.rechnung [class*="result-"] {
    width: 100px;
    text-align: right;
    display: inline-block;
    float:right;
}
.rechnung .result2 {
    display: inline-block;
    text-align: right;
    width: 275px;
    float:right;
}
.rechnung .result3 {
    display: inline-block;
    text-align: right;
    width: 478px;
    float:right;
}
.rechnung .result4 {
    display: inline-block;
    text-align: right;
    width: 556px;
    float:right;
}
.rechnung .result5 {
    display: inline-block;
    text-align: right;
    width: 522px;
    margin-bottom:20px;
    float:right;
}
.rechnung input {
    margin-bottom:4px;
}
.rechnung input {
    border: none;
    background-color:#0069d921;
}
.rechnung input[id*="quant"] {
    width: 50px;
}
.rechnung input[id*="bez-"] {
    width: 400px;
}
.rechnung input[id*="text-"] {
    width: 400px;
}
.rechnung input[id*="bem"] {
    width: 110px;
}
.rechnung input[id*="name-"] {
    width: 280px;
}
.rechnung input[id*="preis"] {
    width: 80px;
    text-align: right;
}
.rechnung input#emailtext {
    width:300px;
}
form.rechnung {
    width: 80%;
    padding:20px;
}
form .buttons {
    margin-top:20px;
}
.editForm .temp-invisible {
    display:none;
}
.editForm #bookings_form_repeattype {
    display:none;
}
#password2 {
    margin-top: 10px;
}
form.accept-agb {
    width: auto;
}
#body-wrapper.privacy ul {
    color: #999;
}
.btn.nichtDrucken {
    margin-left:420px;
    margin-top:-78px;
}
input#start:focus {
    outline: 2px solid #c03;
    border:none;
}
table.customers {
    font-size:90%;
}
@media (max-width: 1000px) {
    form{
        width:100%;
    }
}