body {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.8);
}

.box-shadow{
    box-shadow: none;
    border: 1px solid rgba(98, 113, 122, 0.2);
}

.topics-menu {
    width: 100px;
    position: fixed;
    top: -20px;
    left: 0px;
    right: auto;
    height: 100% !important;
    z-index: 1;
    background: rgb(45, 66, 82);
    box-shadow: rgba(0, 0, 0, 0.50) 0px 15px 25px 0px inset;
}

.topics-menu .row .menu {
    min-width: 100px !important;
    height: 92px;
}

.topics-menu .row .menu i,
.topics-menu .row .menu:hover i,
.topics-menu .row .menu.active i {
    font-size: 1rem !important;
    margin-top: 30px;
}

.topics-menu{
    z-index: 4;
}
.topics-menu a.menu{
    z-index: 2;
}
.topics-submenu{
    display:none;
    position: absolute;
    left: 100px;
    width: 230px;
    padding: 15px;
    padding-left: 30px;
    top: 0px;
    margin: 0;
    list-style: none;
    z-index: 1;
    border-radius: 0 3px 3px 0;
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.3);
}
.topics-submenu.bg-landesverband {
    background:#006f7b;
}
/*
.topics-submenu.vereine{
    top:70px;
}
.topics-submenu.parzellen{
    top:140px;
}
.topics-submenu.personen{
    top:210px;
}
.topics-submenu.finanzen{
    top:280px;
}
*/

.topics-submenu a{
    padding: 5px 0;
    color: #fff;
    display: block;
    text-decoration: none;
}
.topics-submenu a i{
    color: rgba(255, 255, 255, 0.2);
    transition: color 0.2s;
}
.topics-submenu a:hover i{
    color: rgba(255, 255, 255, 1.0);
}
.topics-submenu hr{
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.main {
    height: 100%;
    background: #ffffff;
}

.main .nav-container{
    background-color: hsl(205, 30%, 26%);
    margin: 0;
    position: fixed;
    left: 100px;
    padding: 45px 0 0 30px;
    width: calc(100% - 100px);
    top: 0;
    border-bottom: 0;
    min-height: auto;
    height: calc(163px - 41px);
    z-index: 3;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.main .nav-container ul.nav-breadcrumbs {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 0;
    min-height: auto;
}

.main .nav-container ul.nav-breadcrumbs li {
    display: inline-block;
}

.main .nav-container ul.nav-breadcrumbs li a,
.main .nav-container ul.nav-breadcrumbs li span {
    display: inline-block;
    color: #394147;
}
.main .nav-container ul.nav-breadcrumbs li i {
    display: inline-block;
    color: rgba(98, 113, 122, 1);
}

.main .nav-container ul.nav-breadcrumbs li ul {
    display: inline-block;
    padding: 0;
}

.main .nav-container .searchbox{
    position: absolute;
    top: 84px;
    left: auto;
    right: 48px;
    /*transform: scale(0.75);*/
}

@media (max-width: 1560px){
    .main .nav-container .searchbox{
        top: 38px;
    }
}
.main .nav-container .searchbox .input-suchen{
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0;
    border-radius: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 1560px){
    .main .nav-container .searchbox .input-suchen{
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 5px;
    }
}
.main .nav-container .searchbox .input-suchen::placeholder {
    color: rgba(255,255,255, 0.5);
}
.main .nav-container .searchbox .button-suchen{
    background: rgba(0, 0, 0, 0);
    color: #ffffff;
    border: 0;
    border-radius: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.main .nav-container ul.nav {
    margin: 0;
    margin-top: 15px;
    padding: 0;
    width: calc(100% - 30px);
    border-bottom: 0;
    min-height: auto;
    border-radius: 5px 5px 0 0;
    /*box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);*/
}
.main .nav-container ul.nav li {
    display: inline-block;
}

/*
.nav-container ul.nav li.nav-zurueck {
    position: absolute;
    left:0;
    right: auto;
}
.nav-container ul.nav li.nav-zurueck a {
    background: rgba(98, 113, 122, 0.70);
    padding: 10px 11px 10px 10px;
}
.nav-container ul.nav li.nav-zurueck a:hover {
    background: rgba(98, 113, 122, 1);
    padding: 10px 11px 10px 10px;
}
*/

.main .nav-container ul.nav li a {
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
}
.main .nav-container ul.nav li a:hover {
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.main .nav-container ul.nav li a.active {
    background: rgba(0, 0, 0, 0.2);
}

.main .nav-container ul.nav.nav-sub {
    display: inline-block;
    background: hsl(205, 8%, 90%);
    box-shadow: none;
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal;
    border-radius: 0 0 5px 5px;
    border-bottom: 2px solid hsl(205, 8%, 80%);
    margin-top: 0;
    min-height: 43px;
}
.main .nav-container ul.nav.nav-sub {
    /*background: #ffffff !important;*/
    /*background: rgba(149, 63, 103, 0.1) !important;*/
    /*background: rgba(46, 70, 86, 0.1) !important;*/
    background: rgb(233, 236, 238) !important;
    border-radius: 0;
    border-bottom: 1px solid hsl(205, 8%, 85%);
    min-height: 41px;
    width: calc(100% + 30px);
    margin-left: -30px;
    padding-left:30px;
}

.main .nav-container ul.nav li ul {
    padding: 0;
    display: block;
}
.main .nav-container ul.nav.nav-sub li a {
    color: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    display: inline-block;
}
.main .nav-container ul.nav.nav-sub li a:hover{
    background: rgba(99, 113, 122, 0.2);
    text-decoration: none;
}
.main .nav-container ul.nav.nav-sub li a.active{
    background: rgba(99, 113, 122, 0.3);
}

.main .nav-container ul.nav.nav-sub li a:hover {
    /*background: hsl(205, 8%, 95%);*/
    background: rgba(99, 113, 122, 0.2);
}
.main .nav-container ul.nav.nav-sub li a.active {
    /*background: hsl(205, 8%, 90%);*/
    background: rgba(99, 113, 122, 0.2);
    font-weight: 700;
}

.main .nav-container ul.nav.nav-sub.bg-personen {
    /*background: hsl(322.33, 40%, 35%);*/
}

.main .nav-container ul.nav-breadcrumbs li a {
    color: #ffffff;
}
.main .nav-container ul.nav-breadcrumbs li span {
    color: rgba(255, 255, 255, 0.3);
}


.main .nav-left {
    position: fixed;
    left: 100px;
    top: 30px;
    width: calc(100% - 100px);
    min-width: unset;
    max-width: unset;
    opacity: 1;
    padding-bottom: 14px;
    padding-left: 0px;
    margin: 0;
    padding: 30px;
    padding-bottom: 0px;padding-top: 49px;
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 2;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    display: none!important;
}

.main .nav-left ul {
    display: inline-block;
    width: 100%;
}
.main .nav-left li{
    display: inline-block;
}

.main .nav-left ul li a {
    display: block;
    opacity: 1;
    margin: 0;
    margin-right: 10px;
    padding: 10px 30px !important;
    border-radius: 5px;
    border-radius: 0px;
    background: rgba(99, 113, 122, 0.1);
    color: #585b66;
    font-weight: bold;
}

.main .nav-left ul li ul {
    display: none;
}
.main .nav-left ul li a:hover {
    background: rgba(99, 113, 122, 0.3);
}

.main .nav-left ul li a.active {
    background: #933e74;
    color: #fff;
}

.main .nav-left ul li a.active::after,
.main .nav-left ul li a:hover::after{
    display: none !important;
}

.breadcrumbs-box {
    margin: 0;
    background: rgba(99, 113, 122, 0.1);
    background: rgba(19, 71, 108, 0.9);
    margin-top: 0px;
    position: fixed;
    left: 100px;
    padding: 5px 30px;
    width: calc(100% - 100px);
    top: 30px;
    border-bottom: 0;
    min-height: auto;
    z-index: 2;
    display: none;
}

.breadcrumbs {
    margin-top: 0px;
    font-size: 0.725rem;
    line-height: 1.333rem;
}
.breadcrumbs {
    color:#fff;
}
.breadcrumbs i {
    color:rgba(255, 255, 255, 0.5);
}

.breadcrumbs-box .link-hinzufuegen,
.breadcrumbs-box .link-no-save-zurueck{
    display: none;
}
.breadcrumbs-box form{
    display: none;
}

.action-menu {
    position: fixed;
    top: 126px;
    left: auto;
    right: 36px;
    font-size: 0.8125rem;
    line-height: 1;
    z-index: 10;
    height: 33px;
}
.action-menu .navbar-nav{
    margin-left: 30px;
}

.action-menu .navbar-nav .nav-link {
    color: rgba(0,0,0,0.8);
}
.action-menu .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,0.3);
}

.action-menu [data-action-menu-type="marker-listing"] .dropdown-menu {
    left: auto;
    right: 0;
}

.main .content {
    display: none;
    width: calc(100% - 100px) !important;
    margin-left: 100px;
    margin-top: 0px;
    padding-top: 175px;
    /*padding-top: 167px;*/
    box-shadow: none;
}

form{
    max-width: unset;
}
header.navbar{
    height: 30px;
    background: rgb(36, 53, 66);
}
header.navbar .logo, .login-header {
    font-size: 0.725rem!important;
}

/*
.listing-header.top{
    background: hsl(205, 8%, 90%);
    box-shadow: none;
    color: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 0 0 5px 5px;
    border-bottom: 2px solid hsl(205, 8%, 80%);
    margin-right: 30px;
}
*/

.listing-header {
    /*background: rgba(99, 113, 122, 0);*/
    box-shadow: none;
    color: rgba(0, 0, 0, 0.8);
    padding: 15px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    border-radius: 5px;
}

.listing-header {
    /*background: rgba(99, 113, 122, 0.0);*/
    background: unset;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.8);
    padding: 10px 0px;
    margin-top: 0;
    margin-bottom: 0;
    /*font-size: 1rem;*/
    font-size: 1.25rem;
    font-weight: normal;
    border-radius: 0;
}

.main.landesverband .favoriten .listing-header {
    background: #006f7b;
}
.main.verband .favoriten .listing-header,
.main.verbaende .favoriten .listing-header {
    background: #0f7d9f;
}
.main.verein .favoriten .listing-header {
    background: #428d5c;
}

.uebersicht-box .listing {
    margin-top: 0px;
}
.uebersicht-box ::-webkit-scrollbar-track {
    background: rgba(99, 113, 122, 0.15);
}
.listing-header .dropdown a[data-toggle="dropdown"]{
    color: rgba(99, 113, 122, 0.5);
}
.listing-header .dropdown a[data-toggle="dropdown"]:hover{
    color: rgba(99, 113, 122, 1.0);
}

.file-browser .listing-header {
    background: rgba(99, 113, 122, 0.15);
}

a.firstletter{
    margin: 0px 5px 15px 0;
}

.listing-details {
    border: 1px solid rgba(98, 113, 122, 0.15);
}

.inline-header-box {
    margin: 15px -20px;
    margin-top: 0px;
    background: rgba(98, 113, 122, 0.15);
    color: rgba(0, 0, 0, 0.8);
    padding: 5px 15px;
}
.inline-header-box .link-grey{
    color: rgba(99, 113, 122, 0.7);
}
.inline-header-box .link-grey:hover{
    color: rgba(99, 113, 122, 1);
}

.listing .spalten-header{
    color: rgba(0,0,0, 0.8);
    background: rgba(98, 113, 122, 0.10);
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    margin-top: 5px;
}
.listing .spalten-header a{
    color: rgba(0,0,0, 0.8);
}

.listing-position{
    border: none;
    box-shadow: none;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid rgba(98, 113, 122, 0.25);
}
.listing-position hr{
    margin-left: 50px;
}

@media (min-width: 576px){
    .dashboard-button-container{
        min-width: 220px;
        max-width: 220px;
    }
}

.dashboard-button {
    display: block;
    background: #fff;
    /*border: 1px solid hsl(205, 8%, 70%);*/
    border: 1px solid rgba(98, 113, 122, 0.30);
    border-radius: 5px;
    color: hsl(205, 8%, 30%);
    text-align:center;
    padding:15px;
    margin-bottom:15px;
    transition: box-shadow 0.2s;
}
.dashboard-button:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.dashboard-button i {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 10px;
    margin-top: 3px;
}

.dashboard-counter {
    display: inline-flex;
    background: #fff;
    border: 1px solid rgba(98, 113, 122, 0.30);
    border-radius: 5px;
    color: hsl(205, 8%, 30%);
    text-align:center;
    padding:5px 15px;
    margin-bottom:15px;
    transition: box-shadow 0.2s;
}


.dashboard-button.landesverband i {
    color: #006f7b;
}
.dashboard-button.landesverband:hover {
    color: #005f69;
    border-color: #005f69;
    text-decoration: none;
}
.dashboard-button.verband i,
.dashboard-button.verbaende i {
    color: #0f7d9f;
}
.dashboard-button.verband:hover,
.dashboard-button.verbaende:hover {
    color: #0f7d9f;
    border-color: #0f7d9f;
    text-decoration: none;
}
.dashboard-button.vereine i,
.dashboard-button.verein i {
    color: #428d5c;
}
.dashboard-button.vereine:hover,
.dashboard-button.verein:hover {
    color: #428d5c;
    border-color: #428d5c;
    text-decoration: none;
}
.dashboard-button.parzellen i {
    color: #796159;
}
.dashboard-button.parzellen:hover {
    color: #796159;
    border-color:#796159;
    text-decoration: none;
}
.dashboard-button.personen i {
    color: #953f67;
}
.dashboard-button.personen:hover {
    color: #953f67;
    border-color: #953f67;
    text-decoration: none;
}
.dashboard-button.finanzen i {
    color: #3a617d;
}
.dashboard-button.finanzen:hover {
    color: #3a617d;
    border-color:#3a617d;
    text-decoration: none;
}


.topics-menu .row .menu.parzellen:hover, .topics-menu .row .menu.parzellen.active {
    background: #796159;
}
.bg-parzellen {
    background: #796159 !important;
}
.text-parzellen {
    color: #796159 !important;
}
.nav-tabs.parzellen li a.button.active {
    background: #796159;
    border-color: #796159;
}

.topics-menu .row .menu.personen:hover, .topics-menu .row .menu.personen.active {
    background: #953f67;
}
.bg-personen {
    background: #953f67 !important;
}
.text-personen {
    color: #953f67 !important;
}
.nav-tabs.personen li a.button.active {
    background: #953f67;
    border-color: #953f67;
}

.topics-menu .row .menu.finanzen:hover, .topics-menu .row .menu.finanzen.active {
    background: #3a617d;
}
.bg-finanzen {
    background: #3a617d !important;
}
.text-finanzen {
    color: #3a617d !important;
}
.nav-tabs.finanzen li a.button.active {
    background: #3a617d;
    border-color: #3a617d;
}

.topics-menu .row .menu.suche:hover, .topics-menu .row .menu.suche.active {
    background: #4b5960;
}
.bg-globalesuche {
    background: #4b5960 !important;
}

/*
.bg-verband,
.bg-vereine,
.bg-personen,
.bg-795e59,
.bg-finanzen,
.topics-menu .row .menu.verband.active,
.topics-menu .row .menu.vereine.active,
.topics-menu .row .menu.personen.active,
.topics-menu .row .menu.parzellen.active,
.topics-menu .row .menu.finanzen.active,
a.firstletter:hover,
a.firstletter.active {
    background: #0f7d9f !important;
}

.text-verband,
.text-vereine,
.text-personen,
.text-parzellen,
.text-finanzen {
    color: #0f7d9f !important;
}

.dashboard-button.verband i {
    color: #0f7d9f;
}
.dashboard-button.verband:hover {
    color: #0f7d9f;
    border-color: #0f7d9f;
    text-decoration: none;
}
.dashboard-button.vereine i {
    color: #0f7d9f;
}
.dashboard-button.vereine:hover {
    color: #0f7d9f;
    border-color: #0f7d9f;
    text-decoration: none;
}
.dashboard-button.parzellen i {
    color: #0f7d9f;
}
.dashboard-button.parzellen:hover {
    color: #0f7d9f;
    border-color:#0f7d9f;
    text-decoration: none;
}
.dashboard-button.personen i {
    color: #0f7d9f;
}
.dashboard-button.personen:hover {
    color: #0f7d9f;
    border-color: #0f7d9f;
    text-decoration: none;
}
.dashboard-button.finanzen i {
    color: #0f7d9f;
}
.dashboard-button.finanzen:hover {
    color: #0f7d9f;
    border-color:#0f7d9f;
    text-decoration: none;
}

.nav-tabs.verband li a[data-toggle="tab"].active,
.nav-tabs.vereine li a[data-toggle="tab"].active,
.nav-tabs.parzellen li a[data-toggle="tab"].active,
.nav-tabs.personen li a[data-toggle="tab"].active,
.nav-tabs.finanzen li a[data-toggle="tab"].active,
.nav-tabs.verband li a.button.active,
.nav-tabs.vereine li a.button.active,
.nav-tabs.parzellen li a.button.active,
.nav-tabs.personen li a.button.active,
.nav-tabs.finanzen li a.button.active {
    background: #0f7d9f;
    border-color: #0f7d9f;
}

.listing-position:hover {
    box-shadow: none !important;
    border-color: rgba(15, 125, 159, 1);
}
*/

.listing .regular-checkbox + label {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.regular-checkbox + label {
    border: 2px solid #cacece;
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin: 2px 0 0 0;
}
.regular-checkbox:checked + label:after {
    font-size: 12px;
    position: absolute;
    top: 3px;
    left: 2px;
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #62717a;
}

.bg-grey-15p{
    background: rgba(99, 113, 122, 0.15);
}

hr {
    margin-top: 4px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid rgba(120, 120, 120, 0.1);
}

.eingabe_mit_einheit {
    position: relative;
}
.eingabe_mit_einheit input {
    text-align: right;
    padding-right: 3.125rem;
}
.eingabe_mit_einheit span {
    position: absolute;
    right: 0;
    top: 1px;
    color: #999;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
}


/**
FINANZEN BELEGE
FINANZEN RECHNUNG
*/
.belege .beleg-upload-container{
    max-width: 960px;
}
.belege .bootstrap-select button.dropdown-toggle{
    min-height: auto;
}
.belege .file-browser div.m-0, .belege .file-browser div.row, .belege #dropzone, .belege #dropzone .fileinput-button {
    height: 100%;
}
.belege .file-browser #dropzone .fa-upload {
    margin-top: 50px;
}
.belege .file-browser section.file-element:not(:first-of-type){
    display:none;
}
.belege #dropzone .fileinput-button input{
    font-size: 400px !important;
}

.belege .input-submenu-container .link-container, 
.rechnung .input-submenu-container .link-container,
.mahnung .input-submenu-container .link-container,
.livesearch .input-submenu-container .link-container {
    position: absolute;
    left: 0;
    z-index: 1;
    background: #f0f1f2;
    width: 100%;
    border: 1px solid #ced4da;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.2);
}
.belege .input-submenu-container .link-container a:hover,
.rechnung .input-submenu-container .link-container a:hover,
.mahnung .input-submenu-container .link-container a:hover,
.livesearch .input-submenu-container .link-container a:hover {
    background: #fff;
    text-decoration: none;
}
.belege .input-submenu-container input[name="beleg[zahlungspartner]"][readonly],
.rechnung .input-submenu-container input[name="rechnung[zahlungspartner]"][readonly],
.mahnung .input-submenu-container input[name="mahnung[zahlungspartner]"][readonly],
.livesearch .input-submenu-container input[name="mahnung[zahlungspartner]"][readonly]{
    background-color: rgba(233, 236, 239, 0.5);
}
.belege .input-submenu-container .enable-input-container,
.rechnung .input-submenu-container .enable-input-container,
.mahnung .input-submenu-container .enable-input-container,
.livesearch .input-submenu-container .enable-input-container {
    position: absolute;
    top: 2px;
    left: auto;
    right: 10px;
    z-index: 1;
}


select.buchungen_von_bis, select.sphaere-auswahl {
    padding-right: 30px;
    border: 1px solid rgba(99, 113, 122, 0.5);
    border-radius: 3px 3px 0 0;
    border-radius: 3px;
    margin-right: 15px;
    color: #3a617d;
    height: calc(1.5em + .75rem + 4px);
    font-weight: 700;
}
select.buchungen_von_bis.form-control,
select.sphaere-auswahl.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #3a617d 50%), linear-gradient(135deg, #3a617d 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.main .kontenplan .text-lg, .main .haushaltsplan .text-lg{
    font-size: 1rem;
}

/**
    Arbeitsstunden PERSONEN SELECT
*/
.personen-container .personen-eintrag .bootstrap-select button.dropdown-toggle .filter-option .badge {
    position: relative;
    top: 3px;
    margin: 0px 5px 5px 0;
    float: left;
    background-color: #fff;
    color: unset;
    font-weight: normal;
}
.personen-container .personen-eintrag .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: unset;
    background-color: #fff;
    border-color: #d3d9df;
}