.btn.btn-primary {
    color: white;
    background-color: rgb(32,83,158);
    border-color: rgb(32,83,158);
}
@media (min-width: 992px)
{
    .header-fixed[data-header-scroll="on"] .header
    {
        width: calc(100% - 100px);
    }
}

.btn.btn-dark:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-dark:focus:not(.btn-text),
.btn.btn-dark.focus:not(.btn-text),
.nvii-popup .controls-panel .btn:hover
{
    background-color: rgb(24,40,125);
    border-color: rgb(24,40,125);
    box-shadow: 0px 0px 2px rgb(24,40,125);
}
.nvii-container-subheader
{
    margin: 0;
}
.nvii-login-btn-1
{
/*    background-color: rgb(20,122,117); */
    background-color: rgb(32,83,158);
    box-shadow: 0px 0px 2px rgb(45,45,45);
    border-radius: 10px 0 0 10px;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease, padding-left 0.15s ease;
}
.nvii-login-btn-1 a
{
    color: rgb(213,213,213);
    font-size: 14px;
}
.nvii-login-btn-1:hover { color: white; background-color: #7337EE; box-shadow: 0px 0px 7px rgb(45,45,45); padding-left: 4rem !important; cursor: pointer; }
.nvii-login-btn-2
{
    top: 65px !important;
}
.nvii-login-btn-3
{
    top: 130px !important;
}

.pt-lg-18
{
    padding-top: 0.5rem !important;
}

.nvii-table-grid{display: -webkit-box; display: -ms-flexbox; display: flex;}

.nvii-table-grid .nvii-table-half{
    flloat: none; width: 50%;
}
.nvii-table-half
{
    width: 50%;
    float: left;
}
.nvii-table-half tr
{
    border-bottom: 1px solid rgb(237,239,255);
}
.nvii-table-grid .nvii-table-half .form-control {
    width: 95%;
}

.nvii-table-container
{
    border: 1px solid rgb(237,239,255);
    background-color: rgb(237,239,255);
    border-radius: 50px;
    width: 35%;
    margin: 30px 5%;
    display: table;
    padding: 12px;
    float: left;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.nvii-card-item-container, .nvii-card-inner-table
{
    float: left;
    width: 100%;
}
.nvii-card-inner-table
{
    width: 80%;
    cursor: pointer;
}
.nvii-table-container:hover
{
    background-color: rgb(184,190,234);
}
.nvii-card-table-container
{
    float: left;
}
.nvii-table-hover tr:hover :not(th):not(button)
{
    background-color: rgb(226,226,226);
}
.nvii-scroll-area
{
    overflow: hidden;
    overflow-x: auto;
}

.nvii-card-inner-table tbody, .nvii-card-inner-table tr { width: 100%; }
.nvii-card-inner-table tbody, .nvii-card-inner-table tr { width: 100%; }
.nvii-card-inner-table td
{
    padding: 1px 10px;
}

.col-xxl-8 {max-width: 100%;}
.card.card-custom.card-stretch.gutter-b {padding-bottom: 15px;}
.nvii-popup
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(12, 14, 26, 0.66);
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
}
.nvii-popup-dialog
{
    position: absolute;
    /*top: 0%;
    left: 50%;
    transform: translate(-50%, calc(-100vh /2));*/
    width: 57vw;
    background-color: white;
    box-shadow: 0px 0px 10px rgb(163,163,163);
}
.nvii-popup-dialog .content-panel
{
    max-height: 60vh;
    overflow-y: auto;
}

.nvii-popup .controls-panel .btn
{
    float: right;
    margin: 0 5px;
}
.nvii-popup-dialog .container-btns
{
    width: max-content;
    float: right;
}
.nvii-popup-dialog .container-submit
{
    float: left;
}
.nvii-popup-dialog .container-submit .btn
{
    float: left;
}

.nvii-fl-l {float: left;}
.nvii-fl-r {float: right;}
.nvii-half {width: 50%; padding: 10px;}
.nvii-pd-form h4 {background-color: rgb(244,244,244); padding: 3px;}
.nvii-form-controller-1
{
    float: left;
    width: calc(50% - 10px);
    padding: 33px 50px 0;
    border: 1px solid rgba(230, 230, 230, 0.6);
    box-shadow: 0px 0px 4px rgba(176, 176, 176, 1);
    border-radius: 10px;
    margin: 5px;
    min-height: 450px;
}
.nvii-master-submit {
    float: right;
    padding: 10px;
}
.nvii-master-submit .btn
{
    background-color: rgb(40, 102, 6);
    border: 1px solid rgb(40, 102, 6);
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease, padding 0.15s ease;
}
.nvii-master-submit .btn-red, .btn-red, .btn-no-hover:hover.btn-red
{
    background-color: rgb(102, 6, 6);
    border: 1px solid rgb(102, 6, 6);
    color: white;
}
.btn-gray, .btn-no-hover:hover.btn-gray
{
    background-color: rgb(117, 117, 117);
    border: 1px solid rgb(117, 117, 117);
    color: white;
}
.btn-gold, .btn-no-hover:hover.btn-gold
{
    background-color: rgb(162, 105, 0);
    border: 1px solid rgb(162, 105, 0);
    color: white;
}
.nvii-master-submit .btn:hover
{
    background-color: rgb(52, 139, 6) !important;
    border: 1px solid rgb(52, 139, 6) !important;
    padding: 1em 5em !important;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease, padding 0.15s ease;
}
.nvii-master-submit .btn-red:hover,.btn-red:hover
{
    background-color: rgb(139, 6, 6) !important;
    border: 1px solid rgb(139, 6, 6) !important;
}
.fc-white {color: white;}
.btn-no-hover {cursor: default !important;}
.nvii-btn-auto
{
    width: auto;
    padding: 0 30px;
    transition: width 0.5s ease;
}
.nvii-submit-state-ok {background-color: rgb(0, 179, 0) !important; border-color: rgb(0, 179, 0) !important;}
.nvii-text-error, .nvii-error-label {color: red !important;}
.nvii-text-ok, .nvii-error-label[option='ok'] {color: rgb(0, 178, 1) !important;}
.nvii-error-label[option='default'] {color: rgb(88, 88, 88) !important;}
.nvii-inp-disabled {background-color: rgb(221, 221, 221) !important;}
ul.nav li a img {opacity: 0.45; transition: opacity 0.15s ease; height: 26px;}
ul.nav li a:hover img {opacity: 0.8; transition: opacity 0.15s ease;}
label.error {color: red;}
.hide-input { width: 0; height: 0; border: none; background-color: transparent; margin: 0; padding: 0; }
.hide-input * { width: 0; height: 0; border: none; background-color: transparent; margin: 0; padding: 0; }
*[valid='false'] {border: 1px solid darkred; box-shadow: 0px 0px 5px inset darkred;}
.line {width: calc(100% - (2.25rem * 2)); margin-left: 2.25rem; height: 1px; background-color: rgb(219, 219, 219); box-shadow: 0px 0px 2px 0px rgb(219, 219, 219);}

.no-image {display: none !important;}

@media screen and (max-height: 900px) and (max-width: 1200px), (max-width: 700px)
{
    .nvii-login-btn-1
    {
        width: 50%;
        border-radius: 0;
    }
    .nvii-login-btn-2
    {
        top: 0 !important;
        left: 0;
    }
    .nvii-login-btn-3
    {
        top: 65px !important;
        left: 0;
    }
    .nvii-login-btn-1:hover { padding-left: 2.5rem !important;  }
    .nvii-table-container
    {
        width: calc(100% - 30px);
        margin: 15px;
    }
    .nvii-popup-dialog
    {
        width: 90%;
    }
    .nvii-form-controller-1 {padding: 0 25px; }
    .nvii-login-btn-3 { top: 50px !important; left: 0; width: 100%; text-align: center !important; }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    .nvii-form-controller-1 {padding: 33px 18px 0; width: 100%; }
}

@media (max-width: 991.98px) {
    .nvii-form-controller-1 {padding: 33px 25px 0; width: 100%; }
    .nvii-btn-auto {width: 100%; transition: width 0.5s ease; }
    .nvii-half-mobile-full {width: 100%;}
    .card-toolbar {background-color: rgb(238, 238, 238); padding: 10px;}
    .nvii-login-btn-1 { width: 50%; border-radius: 0; top: -15px !important;  background-color: rgb(32,83,158); }
    .nvii-login-btn-2 { left: 0; }
    .nvii-login-btn-3 { top: 35px !important; left: 0; background-color: rgb(32,83,158); width: 100%; text-align: center !important; }
    .aside.aside-on {width: 122px;}
    .nvii-table-1 {margin: 20px 0; background-color: #f2f2f2;}
    .nvii-popup .controls-panel .container-submit { float: left; }
    .nvii-popup .controls-panel .btn-submit { float: left; margin: 4px 3px; }
    .nvii-popup .controls-panel {padding: 4px 0; box-shadow: -1px -3px 3px -3px #777;}
    .nvii-popup-dialog .container-btns { width: 100%; float: right; }
    .nvii-popup-dialog .container-submit { float: right; }
    .nvii-popup-dialog .container-submit .btn { float: left; }
    .nvii-error-label {margin-top: 10px;}
    .login-aside {padding:1.0rem 2.5rem !important;}
    .login-aside .font-size-h1 {font-size: 1.5rem !important;}
    .login-form .text-center .font-size-h1 {padding-top: 15px;}
    .nvii-login-btn-1,.nvii-login-btn-1:hover {padding-left: 0 !important; padding-right: 15px;}

	.brand-container{display: inline-block !important; width: 100% !important;}
    .brand-container .brand {padding-top: 50px !important; display: block !important;}
}

@media (max-width: 667px){
    .nvii-popup-dialog .container-btns { width: 100%; display: flex; align-items: center; }
}

@media (max-width: 575.98px) {
    .nvii-form-controller-1 {padding: 33px 25px 0; width: 100%; }

        .customers-con-table tr { margin-top: 10px !important; }
        .customers-con-table td button {margin-left: 5px !important; margin-top: 3px !important; width: 100%;}
        .card.card-custom > .card-body { padding: 2rem 1.25rem; }
        .nvii-table-container { border-radius: 32px; padding: 12px 0; margin: 0; width: 100%; margin-bottom: 10px; }
        .nvii-card-inner-table {width: 100%; }
        .nvii-master-submit button {width: 100%;}

}
.nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active,
.btn.btn-dark
{
	background-color: rgb(32,83,158);
 	border-color: rgb(32,83,158);
}
.symbol.symbol-light-primary .symbol-label { background-color: transparent !important; color: transparent !important; }
body { min-height: 100vh !important; height: auto !important; width: 100vw; overflow-x: hidden;}
body .page .d-flex, body .d-flex { max-width: 100vw; }


.datepicker table tr td.disabled{background: #e2e0e0; color: #fff;}

.changeDate .datepicker{width: 100%;}
.changeBankDate .datepicker{width: 100%;}
.change-date-group .datepicker{width: 100%;}

.change-date-group{ display: flex; flex-direction: row; align-items: baseline;}
.change-date-group .input-group-addon{ position: relative; right: 30px; z-index: 999999; width: 0;}

.change-date-from, .change-date-to{ display: flex; align-items: baseline; }
.change-date-from .input-group-addon, .change-date-to .input-group-addon{ position: relative; right: 30px; z-index: 99999; width: 0; }
.change-date-from .input-group-addon, .fas .change-date-to .input-group-addon .fas{ z-index: 99999;}
.parthe_logo{
    display: flex;
    align-items: flex-end;
    height: 105px;
    width: 106px;
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    padding-bottom: 2px !important;
}

@media (min-width: 1200px){
    .logo-group{
        justify-content: space-around;  align-items: flex-end;
    }
}
@media (min-width: 1025px){
    .parthe_login{
        display: flex;justify-content: center;align-items: center; flex-direction: row;
    }
}
@media (max-width: 1199px){
    .logo-group{
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 1024px){
    .parthe_login{display: flex; flex-direction: row;}
}

@media (max-width: 991px){
    .logo-group{margin-bottom: 20px;}
    .parthe_login{ width: 100%; display: flex;}
    .parthe_logo{margin-right: 20px;}
    .parthe_login  a.btn-logout {  }

}

@media (min-width: 667px){
    .parthe_login  a.btn-logout {  }
}


@media (max-width: 667px){
    .parthe_logo{margin-bottom: 20px; margin-right: 0;}
    .parthe_login{flex-direction: column;}
    .parthe_login a.btn-logout{margin-top: 20px;}
}


.login-aside p{font-size: 1.2em; color: #fff !important;}

.login-aside ul{padding-left: 10px; list-style-type: none;}
.login-aside ul li{color: var(--white); font-size: 1.12em; line-height: 1.6em;}

.login-aside ul li:before{content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 1.2em; padding-right: 10px; font-weight: 900;}


/* Nutzerkonten verbinden abstände */
.card.card-custom > .car-body-nutzerkonten{padding: 0.3rem 2.25rem;}

.form-group label{
    display: block;
}

.form-group input{
    margin-top: 10px;
}


/* E-Mail Optin zugangsdaten aender  */

.changeMailTokenInput{
    width: 50%;
    margin-left: 15px;
}

.changeMailValidToken{
    align-items: flex-end;
}
.changeMailValidToken label{
    margin-bottom: 0;
}
.changeEmailTokenButtons{
    display: flex;
}

.changeEmailTokenButtons span{
    position: absolute;
    top: 50px;
}
.changeEmailTokenButtons .changeEmailValidToken_reset{
    margin-left: 2rem;
}

.changeMailValidToken .col-2{
    padding-left: 0;
}

@media (max-width: 768px){
    .changeMailTokenInput{
        flex-direction: column;
        align-items: flex-start;
        margin-right: 15px;
    }
    .changeMailTokenInput{
        width: 100%;
        margin-bottom: 20px;
    }
    .changeEmailTokenButtons.col-4{
        max-width: 100%;
        flex: 0 0 100%;
    }
}


@media (max-width: 530px){
    .changeEmailTokenButtons{
        flex-direction: column;
        flex: 0 0 100%;
    }
    .changeEmailTokenButtons .changeEmailValidToken_reset{
        margin-top: 20px;
        margin-left: 0;
    }
}

.burger-icon span,
.burger-icon span::before, 
.burger-icon span::after {
    background-color: #20539e;
}