/*Loader*/
.WorpLoader {
    border: 4px solid lightgrey;
    border-radius: 50%;
    border-top: 4px solid grey;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    display: block;
}

.WorpLoaderCollapse {
    display: none !important;
}

.LoadContent {
    display: inline-block;
}

    .LoadContent span {
        display: inline-block;
        vertical-align: middle;
    }

.LoadContentText {
    display: block;
}

.WorpInfo {
    margin-bottom:0em;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/*Allgemein*/
body {
    font-family: Helvetica !important;
    margin: 1em !important;
}

.WartungMeldung {
    list-style: none;
    padding: 0em;
    text-align: center;
}

input[type=date], input[type=time], input[type=text], input[type=password] {
    line-height: 1em;
}

.PlanungAlert {
    margin-left: 0.5em;
}

.InfoPopUp {
    text-decoration: none;
    cursor: pointer;
}

    .InfoPopUp img {
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
    }

.popover {
    width: 276px;
}

.popover-content {
    /*word-break: break-all;*/
    word-wrap: break-word;
}

    .popover-content table {
        table-layout: fixed;
        width: 100%;
    }

    .popover-content div {
        display: inline-block;
        background-color: lightgray;
    }

.popover-title {
    white-space: nowrap;
    background-color: lightblue;
}
/*Boostrap Tooltip override*/
.Red-tooltip + .tooltip > .tooltip-inner {
    border: 1px solid black;
    color: black;
    background: -webkit-linear-gradient(#fad6d6,#f67272, #fad6d6);
    background: -o-linear-gradient(#fad6d6,#f67272, #fad6d6);
    background: -moz-linear-gradient(#fad6d6,#f67272, #fad6d6);
    background: linear-gradient(#fad6d6,#f67272, #fad6d6);
    /*background-color: #fad6d6;*/
}

.Red-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #fad6d6;
}

.tooltip.in {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

/*Boostrap Table auto width counter*/
.WorpTableAutoWidth {
    width: auto !important;
}

.KalenderDiensteUrlaub {
    background-color: whitesmoke;
}
/*UnwirksamDialog*/
#dialogUnwirksam {
    overflow-y: auto !important;
    /*overflow: auto !important;
    max-width: 320px;*/
}



/*.BreakTest
{
background:whitesmoke;
word-break:break-all;
word-wrap: break-word !important;
}*/

.WorpImpressum {
    text-align: left;
    border: 1px solid;
    background-color: whitesmoke;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 2em !important;
}

    .WorpImpressum ul {
        list-style: none;
        margin-left: 0em !important;
        padding-left: 0em !important;
    }


.Btn-Worp {
    box-sizing: border-box;
    min-width: 7em;
    min-height: 1.8em;
    /*background-color: #67D9F8;*/
    border: 1px solid #adadad;
    background-color: #e1e1e1;
}

    .Btn-Worp:hover {
        border: 1px solid #0078d7;
        background-color: #e5f1fb;
    }

    .Btn-Worp:focus {
        border: 1px solid #0078d7;
    }

.btn-WorpPlusMinus {
    box-sizing: border-box;
    min-height: 1.8em;
    border: 1px solid #adadad;
    background-color: #e1e1e1;
}

    .btn-WorpPlusMinus:hover {
        border: 1px solid #0078d7;
        background-color: #e5f1fb;
    }

    .btn-WorpPlusMinus:focus {
        border: 1px solid #0078d7;
    }

.btn-WorpImageButton {
    box-sizing: border-box;
    height: 1.8em;
    border: 1px solid #adadad;
    background-color: #e1e1e1;
    cursor: pointer !important;
}

    .btn-WorpImageButton:hover {
        border: 1px solid #0078d7;
    }

.btn-WorpImageButtonAktualisieren {
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-bottom: 0.1em;
    margin-top: -2px;
    margin-left: 0.5em;
}

.btn-WorpDisabled {
    background: lightgrey !important;
}

    .btn-WorpDisabled:hover {
        background: lightgrey !important;
        cursor: default !important;
    }

.toggelImageCBbefore {
    height: 1.8em;
    border: 1px solid #adadad;
    background-color: #e1e1e1;
    display: inline-block;
    cursor: pointer !important;
}

    .toggelImageCBbefore:hover {
        border: 1px solid #0078d7;
    }

.btn-toggelImageCBbefore:focus {
    border: 1px solid #0078d7;
}
/*Allgemein Dienstplan Style*/

.Dienstplan-RowCol-1-1 {
    white-space: nowrap;
    width: 3em;
    padding-right: 0.5em;
}

.Dienstplan-RowCol-1-2 {
    width: 8em;
    white-space: nowrap;
    padding-left: 0.25em;
    padding-right: 0.5em;
}

.Dienstplan-RowCol-1-3 {
    padding-right: 0.5em;
    width: 100% !important;
}

.GroupTagTauschportalAngeboteAnMich {
}

.GroupTagHeader {
    display: table-cell;
}

    .GroupTagHeader span {
        vertical-align: middle;
    }

.SeperatorDienst {
    background: lightgrey !important;
    width: 100%;
    height: 1px;
    border-left: none;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

/*#f7acac*/
.GroupTag-zbm-future {
    background: -webkit-linear-gradient(whitesmoke,#bbb2b2, whitesmoke);
    background: -o-linear-gradient(whitesmoke,#bbb2b2, whitesmoke);
    background: -moz-linear-gradient(whitesmoke,#bbb2b2, whitesmoke);
    background: linear-gradient(whitesmoke,#bbb2b2, whitesmoke);
    /*background-color: #fad6d6 !important;*/
}

.GroupTagColoredDay {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.GroupTag, .GroupTagTauschportalAngeboteAnMich, .GroupTagInfoDienstplan {
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-color: whitesmoke;
    padding: 0.25em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: 2px solid;
    margin-bottom: 0.5em;
}

    .GroupTag table td, .GroupTag table,
    .GroupTagTauschportalAngeboteAnMich table td, .GroupTagTauschportalAngeboteAnMich table,
    .GroupTagInfoDienstplan table td, .GroupTagInfoDienstplan table {
        border: none;
    }

.PanelOut input[type=checkbox] {
    display: none;
}

.PanelOut {
    display: inline;
}

    .PanelOut label:hover {
        cursor: pointer;
    }



.PanelIn {
    padding: 1em;
    padding-bottom: 1em;
    display: none;
    position: absolute;
    left: 50px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
    background-color: whitesmoke;
    border: 2px solid;
}


.PanelOut input[type=checkbox]:checked ~ div {
    display: block;
}

/*Allgemein CB Toggel*/
.CBToggel {
    display: inline;
}

    .CBToggel input[type=checkbox] {
        display: none;
    }

        .CBToggel input[type=checkbox] ~ div {
            display: none;
        }

        .CBToggel input[type=checkbox]:checked ~ div {
            display: inline-block;
        }


/*Kopfzeile*/

#header_div {
    margin-top: 0em;
    background-color: whitesmoke;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#header_mobile {
    background-color: whitesmoke;
    font-size: 1.2em;
    font-weight: 600;
    display: inline-block;
    border-bottom: 1px solid;
    width: 100%;
    min-width: 12em;
}

    #header_mobile label {
        display: block;
    }
/*Anmeldung*/
.Anmelde_Button_css {
    font-weight: 600;
    margin-top: 1em;
    width: 7em;
    margin-left: 3em;
    cursor: pointer;
    background-color: white;
    border: 2px solid;
    border-radius: 3px;
}

.BtnSpan {
    margin-top: 0.5em;
    display: inline-block;
}

.Login_div {
    display: inline-block;
    margin: 1em 0em 0em 0.5em;
    border: 1px solid;
    padding: 1em 1em 1em 1em;
    width: 14em;
    background-color: whitesmoke;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
    font-size: 1.5em;
}

    .Login_div input {
        display: inline-block !important;
        width: 100% !important;
    }

    .Login_div label {
        /*background-color: green;*/
    }

        .Login_div label:nth-child(2) {
            margin-bottom: 1em;
        }

        .Login_div label:nth-child(3), .Login_div label:nth-child(6) {
            /*background-color: yellow;*/
            padding: 0em !important;
            margin: 0em !important;
        }

    .Login_div input[type=text], .ZBA-div input[type=password] {
        margin-bottom: 0.5em;
    }



#login_Meldung, #passwort_Meldung {
    font-size: small;
    margin-top: 1em;
}

    #login_Meldung tr td:first-child, #passwort_Meldung tr td:first-child {
        padding-right: 0.5em;
    }

.LoginValdidator {
    font-size: small;
}

#AccountLogout {
    background-color: red;
    position: absolute;
    right: 0;
}

.Speichern_Button_css {
    display: block !important;
}

.LoginLabel {
    font-weight: 400;
    font-size: 1.2em;
    color: blue;
}

.Welcome_logout {
    width: 100%;
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#lblKontoInfo {
    display: block;
    margin-left: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
}

    #lblKontoInfo:hover {
        cursor: pointer;
    }

    #lblKontoInfo:before {
        content: "";
        position: absolute;
        background-image: url(/pictures/Expander_32x.png);
        background-size: 100% 100%;
        width: 1.5em;
        height: 1.5em;
        left: 0em;
        top: 0em;
    }

#kontoInfos {
    display: none;
}

#kontoInfoContent div {
    /*background: -webkit-linear-gradient(white,orange, white);
    background: -o-linear-gradient(white,orange, white);
    background: -moz-linear-gradient(white,orange, white);
    background: linear-gradient(white,orange, white);*/
    background-color: white;
    display: block;
    margin-left: 1.5em;
    margin-top: 0em;
    position: absolute;
    left: 0em;
    top: 0em;
    display: none;
    z-index: 6;
    min-width: 20em;
    /*Menu hat z-index 4*/
    border: 1px solid;
    border-radius: 8px;
    padding: 0.5em;
}

#kontoInfos:checked + div label:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

#kontoInfos:checked ~ div div {
    display: inline-block;
}

#kontoInfoContent {
    position: relative;
}

.TauschportalQuickInfo {
    position: relative;
}

    .TauschportalQuickInfo a {
        width:20em;
        position: absolute;
        color: magenta;
    }

        .TauschportalQuickInfo a:first-child {
            top: 0em;
        }

        .TauschportalQuickInfo a:last-child {
            top: 1em;
        }

#tblArbeitszeitInfoContent td:last-child, #tblUrlaubskontoInfoContent td:last-child,
#tblArbeitszeitInfoContent th:last-child, #tblUrlaubskontoInfoContent th:last-child {
    text-align: right;
    vertical-align: bottom;
}

.TblArbeitszeitVertHori {
    max-width: 20em;
}

.Menubutton {
    margin-top: 0.25em;
}

    .Menubutton img {
        width: 1.5em;
        height: 1.5em;
    }

    .Menubutton:hover {
        cursor: pointer;
    }

.FloatingContainer {
    clear: both;
    float: right;
    text-align: right;
}

    .FloatingContainer a {
        display: block;
        cursor: pointer;
    }

.LogoutPW {
}

    .LogoutPW input[type=button] {
        margin-top: 0.5em;
        margin-bottom: 0.25em;
    }

.WeitereInformation {
}


/*Zustimmengen*/
#toggleZustimmung {
    display: none;
}

    #toggleZustimmung + label {
        margin-left: 1.5em;
    }

        #toggleZustimmung + label:hover {
            cursor: pointer;
        }

        #toggleZustimmung + label:before {
            content: "";
            position: absolute;
            background-image: url(/pictures/Expander_32x.png);
            background-size: 100% 100%;
            width: 1.5em;
            height: 1.5em;
            left: 0.2em;
            top: 0.2em;
        }

    #toggleZustimmung:checked + label:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

#zustimmungen {
    display: none;
}
/*Allgemein Passwort Aktualisieren*/
.Passwort_div {
    clear: both;
    position: relative;
    margin: 0em;
    border: 1px solid;
    padding: 1em 1em 1em 1em;
    width: 14em;
    background-color: whitesmoke;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
    font-size: 1.5em;
}

.PasswortRedBorder {
    border: 2px solid;
    border-color: red;
}

.Passwort_div label, .Passwort_div span {
    display: block;
    /*padding-bottom: 0.2em;
    padding-top: 0.2em;*/
    font-size: 1em;
    /*background-color:green;*/
}

.Passwort_div input {
    display: inline-block !important;
    width: 100% !important;
}

.Passwort_div label:first-child {
    margin-bottom: 1em;
    /*background-color: yellow;*/
}

.Passwort_div label:last-child {
    display: inline;
}

.Passwort_div input:nth-child(3) {
    margin-bottom: 0.8em;
    /*background-color:red;*/
}


.PasswortCheckImg {
    height: 1.5em;
    width: 1.5em;
}

.PasswortContext {
    font-size: small;
}

#pwBasis {
    margin-top: 1em;
    font-size: 0.8em;
}

.PasswortContext ul {
    list-style: none;
    margin-left: -1em;
}

/*Navigation Bar*/
.Worpnavi img {
    padding-top: 0.2em;
    padding-left: 0.2em;
    padding-bottom: 0.2em;
    padding-right: 0.2em;
    margin: 0em;
    font-size: 1em;
    width: 2em;
    height: 1.4em;
}

.Worpnavi {
    clear: both;
    font-size: 1.3em;
    background-color: whitesmoke;
    text-align: left;
    padding: 0em;
    margin: 0em;
}

    .Worpnavi ul {
        margin: 0em;
        padding: 0em;
        margin-top: 0em;
    }

    .Worpnavi li {
        font-family: Helvetica;
        font-weight: 100;
        text-align: justify;
        margin: 0em 0em 0em 0em; /*margin: 0.2em 0em 0.313em 0em;*/
        padding: 0em;
    }

#hori_button {
    display: inline-block;
}

.Worpnavi ul li {
    display: inline-block;
    list-style: none;
    background-color: whitesmoke;
}

    .Worpnavi ul li a, .Worpnavi ul li label {
        color: #454040;
        font-size: 1.125em;
        padding: 0em 0.5em 0em 0.5em;
        transition: background 0.2s;
        text-decoration: none;
        display: inline-block;
        border-bottom: 0.188em solid whitesmoke;
    }

    .Worpnavi ul li label {
        color: #454040;
        font-size: 1.125em;
        padding: 0em 0.5em 0em 1.4em;
        transition: background 0.2s;
        text-decoration: none;
        display: inline-block;
        border-bottom: 0.188em solid whitesmoke;
        position: relative;
        /*background-color:red;*/
    }
/*Pfeil runter*/
.Dropbtn:before {
    content: "";
    position: absolute;
    background-image: url(/pictures/Expander_48x.png);
    background-size: 100% 100%;
    width: 1.4em;
    height: 1.4em;
    left: 0em;
    top: 0px;
}

.Dropbtn-FontWeight {
    font-weight: 200;
}

.Worpnavi ul li input[type=checkbox]:checked ~ div {
    display: block;
}
/*Pfeil rauf*/
.Worpnavi ul li input[type=checkbox]:checked ~ label:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.Worpnavi ul li a:hover {
    background-color: #dbd9d8;
    border-bottom: 0.188em solid #e7590b;
}

.Dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    background-color: whitesmoke;
    z-index: 4;
}

    .Dropdown-content ul li {
        display: block;
    }

        .Dropdown-content ul li a {
            text-align: left;
            width: 11em;
        }


.Dropdown:hover {
    cursor: pointer;
}

.menu_activeImportant {
    border-bottom: 0.188em solid #e7590b !important;
}

.menu_active {
    border-bottom: 0.188em solid #e7590b !important;
}



/*Feiertag und Wochenende Farben*/
.WE_css {
    background-color: rgba(80, 255, 255, 0.5); /*blau*/
}

.F_css {
    background-color: rgba(255, 255, 80, 0.5); /*gelb*/
}
/*alternierende HintergrundFarben*/
.ToggleColorGrey {
    background-color: rgba(224, 224, 224, 0.5); /*grau*/
}

.ToggleColorWhite {
    background-color: rgba(255, 255, 255, 1);
}

/* Zeitraumauswahl mit Dropdown*/
.ZeitraumMenu {
    margin-top: 1em;
    margin-left: 0em;
    padding: 0em;
    list-style: none;
}

    .ZeitraumMenu li {
        display: inline;
    }

.ui-dialog-content, .ui-dialog {
    overflow: visible !important;
}

.ui-datepicker-today a {
    background-image: none !important;
    background-color: lightgray !important;
    border: 1px solid black !important;
}

.ui-datepicker-week-end {
    background-image: none;
    background-color: #80FFFF;
}

.Custom-ui-datepicker-Dienst a {
    background-color: lightgray !important;
    background-image: none !important;
    color: black !important;
}

.Custom-ui-datepicker-Feiertag {
}

    .Custom-ui-datepicker-Feiertag a {
        background-color: #FFFF80 !important;
        background-image: none !important;
        color: black !important;
    }

.Custom-ui-datepicker-DienstFeiertag {
}

    .Custom-ui-datepicker-DienstFeiertag a {
        background-color: lightgray !important;
        background-image: none !important;
        color: black !important;
        border: 2px solid #FFFF80 !important;
    }

.Custom-ui-datepicker-Urlaub {
}

    .Custom-ui-datepicker-Urlaub a {
        background-color: #f87f7f !important;
        background-image: none !important;
        color: black !important;
    }
/*Funktionsbar*/
.Funktionsbar {
    display: inline-block;
    /*background-color:blue;*/
    padding: 0em;
}

.FunktionsbarContent {
    vertical-align: top;
    margin-right: 1em;
    margin-bottom: 0em;
    margin-top: 0.5em;
    min-height: 3.6em;
}

    .FunktionsbarContent:last-child {
        margin-right: 0.0em;
    }

.FunktionsbarContentSingleButton {
    vertical-align: top;
    /*background-color: lightblue;*/
    margin-right: 1em;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    height: 3.6em;
}

.AdjustFunktionContent {
    position: relative;
    top: 0.1em;
}

.AdjustFunktionButtonContent {
    position: relative;
    top: 1.8em;
}
/*Filter*/

.HideContent {
    display: none;
}

.HideSeperator {
    display: none !important;
}

.ShowSeperator {
    display: table-row !important;
}

.HideRow {
    display: none !important;
}

.ShowRow {
    display: table-row !important;
}

.StatusFilter {
    margin: 0em !important;
    padding: 0em !important;
    display: inline-block;
}


.FilterEntry {
    border: 1px solid #adadad;
    background-color: #e1e1e1;
    display: inline-block;
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-top: 0em;
    padding-bottom: 0em;
    height: 1.8em;
    width: 4.6em;
    cursor: pointer !important;
    margin-bottom: 0em;
    margin-right: 0.25em;
}

.FilterEntryAbwesenheiten {
    margin: 0em;
    padding: 0em;
}

    .FilterEntryAbwesenheiten input[type=checkbox] {
        vertical-align: top;
    }

    .FilterEntryAbwesenheiten label {
        display: block;
    }

.FilterHeader {
    border-bottom: 1px solid;
    margin-bottom: 0.25em;
    font-weight: 700;
}

.FilterEntryLast {
    margin-right: 0em;
}

.FilterEntry img {
    padding-bottom: 2px;
    height: 1.8em;
    width: 1.8em;
}

.FilterEntry:hover {
    border: 1px solid #0078d7;
}

.StatusFilter input[type=checkbox] {
    display: none;
}

    .StatusFilter input[type=checkbox]:checked + div {
        background: -webkit-linear-gradient(whitesmoke,greenyellow, whitesmoke);
        background: -o-linear-gradient(whitesmoke,greenyellow, whitesmoke);
        background: -moz-linear-gradient(whitesmoke,greenyellow, whitesmoke);
        background: linear-gradient(whitesmoke,greenyellow, whitesmoke);
    }

    .StatusFilter input[type=checkbox] + div:before {
        content: "Aus";
    }

    .StatusFilter input[type=checkbox]:checked + div:before {
        content: "";
    }

    .StatusFilter input[type=checkbox]:checked + div:after {
        content: "Ein";
    }

.FilterInfo {
    font-size: 0.9em;
    text-align: center;
    width: 64px;
}

.FilterToggle {
    display: inline-block;
    vertical-align: top;
}
/*
    Legende Zeitbuchung,Ausfallbuchung
*/
#legende {
    position: relative;
    display: inline-block;
}

.LegendeContent {
    position: absolute;
    z-index: 6;
    border: 1px solid;
    border-radius: 8px;
    padding: 0.5em;
    display: none;
    background-color: white;
}

    .LegendeContent table {
        margin-bottom: 0em;
    }

        .LegendeContent table td {
            white-space: nowrap;
        }

        .LegendeContent table tr:first-child td {
            border-top: none;
        }

#toggleLegende {
    display: none;
}

#lblToggleLegende {
    margin-left: 1.5em;
    margin-top: 0em;
    font-size: 0.9em;
    font-weight: normal;
    height: 1em;
}

    #lblToggleLegende:hover {
        cursor: pointer;
    }

    #lblToggleLegende:before {
        content: "";
        position: absolute;
        background-image: url(/pictures/Expander_32x.png);
        background-size: 100% 100%;
        width: 1.5em;
        height: 1.5em;
        left: 0em;
        top: 0em;
    }

#toggleLegende:checked + #lblToggleLegende:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* 
verschiedenes
*/

.AbrDownload
{
    font-size: 1.5em;
    padding: 2px 6px;
    color: blue;
}
.Selection-Disable {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 
Responsive Table
*/
.table
{
    /*Anpassung Bootsrap*/
    margin-bottom:0;
}
    .table td, .table th {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
.Table-Responsive {
    width: auto;
}

    .Table-Responsive th, .Table-Responsive td {
        word-wrap: normal;
        white-space: nowrap;
        width: auto;
    }

        .Table-Responsive th:last-child, .Table-Responsive td:last-child {
            width: 100%;
            /*letze Spalte soll 100% des Bildschirms bekommen*/
        }

.Table-Responsive-th-Std {
    /*Einheit [Std] soll umbrechen*/
    white-space: normal !important;
    text-align: right;
}

.Table-Responsive-td-Std {
    text-align: right;
}


.Table-Responsive-td-Bemerkung {
    /*Bemerkungstexte sollen umbrechen*/
    white-space: normal !important;
}
@media screen and (max-width: 1199px) {

    .Table-Responsive-td-Wrap-md {
        white-space: normal !important;
        /*Auto umbrechen bei Leerzeichen*/
    }
}

@media screen and (max-width: 991px) {

    .Table-Responsive-td-Wrap-sm {
        white-space: normal !important;
        /*Auto umbrechen bei Leerzeichen*/
    }
}

@media screen and (max-width: 767px) {
    .Table-Responsive {
        width: 100%;
    }
    .Table-Responsive-Header {
        display: none;
    }

    .Table-Responsive td, Table-Responsive tr {
        display: block;
        width: 100%;
    }

    .Table-Responsive-Row td {
        position: relative;
        padding-left: 9em !important;
        text-align: left !important;
        min-height: 20px;
    }

        .Table-Responsive-Row td:before {
            content: attr(data-label);
            font-weight: bold;
            position: absolute;
            left: 10px;
            top: 1px;
        }

    .Table-Responsive-td-Wrap-xs {
        /*Auto umbrechen bei Leerzeichen*/
        white-space: normal !important;
    }
}
/*Mobile Style*/
@media screen and (max-width: 400px) {
    .FunktionsbarContentSingleButton {
        height: auto;
        display: block;
        width: 100%;
    }

    .AdjustFunktionButtonContent {
        position: static;
    }

}

@media screen and (min-width: 650px) {


    #header_mobile {
        display: none;
    }

    .Worpnavi {
        display: block !important;
    }

    .Menubutton {
        display: none;
    }
}

@media screen and (max-width: 650px) {

    #header_div {
        display: none;
    }


    .Menubutton {
        display: block;
    }

    .Worpnavi {
        position: absolute;
        margin-top: 0.5em;
        margin-left: -1px;
        z-index: 1;
        width: 100%;
        min-width: 0; /*Breite der Nav Bar wieder anpassen*/
        display: none;
        border: 2px solid black;
    }

        .Worpnavi ul li {
            display: block;
            margin: 0.3em 0em 0.3em;
        }

    #hori_button {
        display: none;
    }

    .Dropdown-content {
        position: relative;
        box-shadow: none;
    }

        .Dropdown-content ul li a {
            text-align: left;
            padding-left: 1.45em;
        }

    .Worpnavi ul li a {
        width: 100%;
    }

    body {
        margin: 0.2em !important;
    }

    .InfoPopUp img {
        width: 2em;
        height: 2em;
    }

    .TauschportalQuickInfo {
        position: relative;
    }

        .TauschportalQuickInfo a {
            display:inline-block;
            position: unset;
        }

            .TauschportalQuickInfo a:first-child {
                top: unset;
            }

            .TauschportalQuickInfo a:last-child {
                top: unset;
            }
}

@media screen and (min-width: 1000px) {
}

@media screen and (max-width: 1000px) {

    .PanelIn {
        left: 0em;
    }
}

/*Print Layout*/
.DruckContent {
    display: none;
}
/*DruckHeader*/
.DruckHeader {
    display: none;
}

    .DruckHeader td:last-child {
        padding-left: 0.5em;
    }

.DruckContentTableRow {
    display: none;
}

@media print {
    #header_div, #header_mobile, .Kopfzeile {
        display: none !important;
    }

    .Welcome_logout {
        display: none !important;
    }

    .Worpnavi {
        display: none !important;
    }

    .DruckHeader {
        display: block;
    }
    /*Zeitraumauswahl Buttons ausblenden*/
    .ZeitraumMenu input[type=submit] {
        display: none !important;
    }
    /*Tooltip- Popover bei Druck anzeigen*/
    .PlanungAlert::after {
        content: attr(data-content);
    }
    /*Alle Buttons in der Funktionsbar ausblenden*/
    .Funktionsbar input[type=button] {
        display: none !important;
    }

    .KeinDruckContent {
        display: none !important;
    }

    .DruckContent {
        display: block;
    }

    .DruckContentTableRow {
        display: table-row;
    }

    .DruckContentTableRowBemerkung td {
        vertical-align: top;
    }

        .DruckContentTableRowBemerkung td:first-child {
            padding-left: 0.5em;
        }

            .DruckContentTableRowBemerkung td:first-child + td {
                padding-left: 0.25em;
            }

    /*Dropdown Border und Arrow ausblenden
    select 
    {
        -moz-appearance:none;
        -webkit-appearance: none;
    }

    select::-ms-expand
    {
        display:none;
    }
    */
    /*Bei Druck keine volle Umrandung der Tage*/
    .GroupTag {
        border: none;
        border-bottom: 1px solid;
        padding-top: 0em;
        page-break-inside: avoid;
    }

    .FunktionsbarContent {
        margin-right: 0.5em;
        margin-bottom: 0em;
        margin-top: 0.5em;
        min-height: 3.6em;
    }

    #kontoInfoContent {
        page-break-inside: avoid;
    }

    #lastVisiblePrintRow ~ tr {
        display: none !important;
    }

    #lastVisiblePrintBody ~ tbody {
        display: none !important;
    }

    .DienstplanRow .AbwesenheitRow {
        page-break-inside: avoid;
    }
}