body {
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    width: 100%;
    margin: auto;
}

html {
    width: 100%;
    margin: auto;
    scroll-behavior: smooth;
}


.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#login {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    margin-top: 10%;
    max-width: 80%;
    padding: 20px 20px 0px 20px;
    height: 400px;
    border: 1px solid #aaa;
    border-radius: 5px;
}

.login-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px 15px 15px;
}

.login-sublogo {
    justify-content: flex-end;
    flex-direction: column;
    text-align: right;
    margin-top: 15px;
    bottom: 0px;
}

.login-info {
    margin: auto;
}

#errorMsg {
    width: 100%;
    margin-top: 15px;
    padding: 5px 0px;
    background-color: #c4302b;
    color: white;
    border-radius: 2px;
    text-align: center;
    font-size: 0.8rem;
}

.tabelle_kunden {

    width: 100%;

}

.table_head_left th {
    text-align: left;
}

.action-button {
    cursor: pointer;
}

.bitm {
    width: 150px;
    height: 120px;
    margin: 10% auto;
    border: 0px solid rgb(158, 158, 158);

}

.dash-box {
    height: 200px;
    width: 100%;
    padding: 10px;
}

.bra-box {
    border: 0px solid;
    border-radius: 5px;
    padding: 15px;
    background-color: white;
    box-shadow: 0px 0px 5px grey;
}

.plus-radius {
    --t: 2px;
    /* Thickness */
    --l: 30px;
    /* size of the symbol */
    --s: 10px;
    /* space around the symbol */
    --c1: #fff;
    /* Plus color*/
    --c2: green;
    /* background color*/

    display: inline-block;
    width: var(--l);
    height: var(--l);
    padding: var(--s);
    box-sizing: border-box;
    /*Remove this if you don't want space to be included in the size*/
    outline: none;
    border: none;

    background:
        linear-gradient(var(--c1) 0 0) content-box,
        linear-gradient(var(--c1) 0 0) content-box,
        var(--c2);
    background-position: center;
    background-size: 100% var(--t), var(--t) 100%;
    background-repeat: no-repeat;
    border-radius: 50% !important;
}

.plus-radius:hover {
    cursor: pointer;
}

.minus-radius {
    --t: 2px;
    /* Thickness */
    --l: 30px;
    /* size of the symbol */
    --s: 10px;
    /* space around the symbol */
    --c1: #fff;
    /* Plus color*/
    --c2: red;
    /* background color*/

    display: inline-block;
    width: var(--l);
    height: var(--l);
    padding: var(--s);
    box-sizing: border-box;
    /*Remove this if you don't want space to be included in the size*/
    outline: none;
    border: none;

    background:
        linear-gradient(var(--c1) 0 0) content-box,
        var(--c2);
    background-position: center;
    background-size: 100% var(--t), var(--t) 100%;
    background-repeat: no-repeat;
    border-radius: 50% !important;
}

.minus-radius:hover {
    cursor: pointer;
}

/**
     * Custom CSS definitions as per TableFilter configuration
     */
.myLoader {
    position: absolute;
    padding: 5px;
    margin: 100px 0 0 5%;
    width: auto;
    z-index: 1000;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #666;
    background: #ffffcc;
    vertical-align: middle;
}

.myStatus {
    width: auto;
    display: block;
}

.pgSlc {
    width: 45px;
    padding: 0 0.5rem 0 0.5rem;
}

.rspg {
    width: 60px;
    padding: 0 0 0 0.5rem;
}

.sticky-seniodb {
    th {
        position: sticky;
        top: 89px;
        /* 0px if you don't have a navbar, but something is required */
        background: white;
    }

}

.custom-container {
    max-width: 1920px !important;
    margin-left: auto;
    margin-right: auto;
}