@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:"OpenSans";
    src:url("../fonts/OpenSans-Regular.ttf") format("truetype");
}

body {

    margin-left:0px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:0px;

    font-family: "OpenSans", Verdana, Helvetica, sans-serif;
    letter-spacing:0px;
    font-size:13px;

    overflow:hidden;

    position:fixed;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:#FFF;
    box-sizing:content-box;
    background-repeat:no-repeat;

    -webkit-overflow-scrolling: touch;

}

.tooltip-inner {
    text-align: left !important;
    width: auto;
    max-width:500px;
}

button {
    font-family: "OpenSans", Verdana, Helvetica, sans-serif;
}
input {
    font-family: "OpenSans", Verdana, Helvetica, sans-serif;
}
select {
    font-family: "OpenSans", Verdana, Helvetica, sans-serif;
}
textarea {
    font-family: "OpenSans", Verdana, Helvetica, sans-serif;
}

.overlay {
    width:100%;
    height:100%;
    z-index:99999999999999999999999999999999999999;
    visibility:visible;
    display:block;
    left:0px;
    top:0px;
    background-color:#CCCCCC;
    opacity:.75;
    filter:alpha(opacity = 75);
    position:fixed;
    background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}

div.normal {
    clear:both;
}

.fenster_schatten {
    -webkit-box-shadow: 0px 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px 0px #000000;
}

label {
    overflow:hidden;
}


/* Klassen für das Anmeldefenster mit Welcomescreen usw. */

.anmeldung_titel {
    width:100%;
    color:#1a80ba;
    font-weight:bold;
    font-size:20px;
    text-align:center;
    margin-top:25px;
    margin-bottom:25px;
}
.anmeldung_bild {
    width:100%;
    text-align:center;
}
.anmeldung_img {
    box-shadow:3px 3px 3px #999;
    border:0px solid #FFF;
    border-radius:10px 10px 10px 10px;
}
.anmeldung_img_small {
    box-shadow:3px 3px 3px #999;
    border:0px solid #FFF;
    border-radius:10px 10px 10px 10px;
    width:90px;
}
.anmeldung_name {
    width:100%;
    color:#1a80ba;
    font-weight:bold;
    font-size:16px;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
.anmeldung_mitte {
    display:block;
    text-align:center;
    padding-left:15%;
    padding-right:15%;
    padding-top:20px;
}
.anmeldung_login_img {
    float:right;
    height:70px;
    position:relative;
    top:-10px;
    cursor:pointer;
    border:0px solid #FFF;
    border-radius:35px 35px 35px 35px;
    box-shadow:3px 3px 3px #999;
}
.blue_system {
    border:1px solid #1a80ba;
    background-color:#1a80ba;
    color:#FFF;
    text-align:center;
    border-radius:10px 10px 10px 10px;
    padding:10px;
    font-size:13px;
    box-shadow:3px 3px 3px #999;
    cursor:pointer;
}
.anmeldung_userbereich {
    margin:30px;
    overflow:hidden;
    display:block;
}
.anmeldung_userwahl {
    margin:10px;
    float:left;
    cursor:pointer;
}


.anmeldung_mandant {
    float:right;
    margin-top:15px;
}
.anmeldung_mandant:hover {
    float:right;
    margin-top:40px;
}
.anmeldung_mandant:focus {
    float:right;
    margin-top:40px;
}
.anmeldung_mandant:active {
    float:right;
    margin-top:40px;
}

.anmeldung_passwort {
    border:1px solid #1a80ba;
    color:#1a80ba;
    text-align:center;
    border-radius:10px 10px 10px 10px;
    padding:10px;
    font-size:25px;
    width:70%;
}
.anmeldung_passwort:hover {
    border:1px solid #1a80ba;
    color:#1a80ba;
    text-align:center;
    border-radius:10px 10px 10px 10px;
    padding:10px;
    font-size:25px;
    width:70%;
}
.anmeldung_passwort:focus {
    border:1px solid #1a80ba;
    color:#1a80ba;
    text-align:center;
    border-radius:10px 10px 10px 10px;
    padding:10px;
    font-size:25px;
    width:70%;
}
.anmeldung_passwort:active {
    border:1px solid #1a80ba;
    color:#1a80ba;
    text-align:center;
    border-radius:10px 10px 10px 10px;
    padding:10px;
    font-size:25px;
    width:70%;
}


/*
Hauptelemente wie Fensterinhalte, überliegende Fensterteile mit Rahmen
Listeeinträge (mehrfarbig) usw
*/

.table_rahmen {
    background-color:#FFF;
    border-radius:0.7em 0.7em 0.7em 0.7em;
    padding:20px;
    box-shadow:3px 3px 3px #474747;
}

.spalte_titel {
    font-size:10px;
    text-align:left;
    color:#333;
}
.spalteneintrag_titel {
    padding-left:1px;
    padding-right:1px;
    padding-top:2px;
    padding-bottom:3px;
    border-bottom:1px solid #474747;
}

.spalte_0 {
    font-size:14px;
    padding:3px;
    color:#333;
    background-color:#EFEFEF;
}
.spalte_0:hover {
    font-size:14px;
    padding:3px;
    color:#FFF;
    background-color:#999999;
}
.spalteneintrag_0 {
    padding:3px;
    text-align:left;
}

.spalte_1 {
    font-size:14px;
    padding:3px;
    color:#333;
    background-color:#CFCFCF;
}
.spalte_1:hover {
    font-size:14px;
    padding:3px;
    color:#FFF;
    background-color:#999999;
}
.spalteneintrag_1 {
    padding:3px;
    text-align:left;
}

.spalte_0_click {
    font-size:14px;
    padding:3px;
    color:#333;
    background-color:#EFEFEF;
    cursor:pointer;
}
.spalte_0_click:hover {
    font-size:14px;
    padding:3px;
    color:#FFF;
    background-color:#999999;
    cursor:pointer;
}

.spalte_1_click {
    font-size:14px;
    padding:3px;
    color:#333;
    background-color:#CFCFCF;
    cursor:pointer;
}
.spalte_1_click:hover {
    font-size:14px;
    padding:3px;
    color:#FFF;
    background-color:#999999;
    cursor:pointer;
}


.maske_ds_bearbeiten {
    position:absolute;
    left:0px;
    top:0px;
    width:10px;
    height:100%;
    background-color:#999;
    cursor:pointer;
}
.maske_ds_bearbeiten_aktiv {
    position:absolute;
    left:0px;
    top:0px;
    width:10px;
    height:100%;
    background-color:#F00;
    cursor:pointer;
}

/*
Scrollbars für Safari
*/
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #C3C3C3;
    border: 2px solid #eee;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}

/* zusätzliche CSS Regeln für Bootstrap Template */
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-control,.form-control:focus {
    height:1.5rem;
}

.swal2-actions {
    flex-direction: row-reverse;
}
.swal2-input {
    width: 100% !important;
}

/*
Uploader
*/

.uploader_table {
    width:auto;
    height:auto;
    display:table;
}
.uploader_img {
    padding-right:15px;
    display:table-cell;
    vertical-align:middle;
    padding-top:5px;
}
.uploader_text {
    display:table-cell;
    display:block;
    text-align:left;
    vertical-align:top;
    font-size:11px;
}

/*
Barcode
*/

#barcode {
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-size: 12pt
}


/*
Tooltipp CSS
*/

.tooltipp_default {
    border:1px solid #333;
    color:#333;
    background-color:#EFEFEF;
    padding:5px;
    border-radius:0.5em 0.5em 0.5em 0.5em;
    position:absolute;
    overflow:visible;
    z-index:999999999999;
}


.danger_focus:focus {
    outline-color: var(--bs-danger);
}
.danger_focus:focus-visible {
    outline-color: var(--bs-danger);
}