.container {
    margin: 0 90px;
    width: auto;
}

.panel_holder {
    padding-top: 51px;
}

.verwaltung_panel.verwaltung_panel {
    position: relative;
    right: 0;
    left: 0;
    height: fit-content;
    margin: 10px 0;
}

.panel-heading {
    position: relative;
}

.panel-body {
    display: flex;
    font-family: sans-serif;
}

.length.length {
    margin: 0 !important;
}

.verwaltung_panel_body .split .ausstehend_holder {
    min-width: 990px;
}

.modal.in .modal-dialog {
    padding-top: 50px;
}

.verwaltung_panel_body {
    overflow-x: auto;
}

.split_form {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 10px;
    min-width: 210px;
    border: 1px solid #d3e0e9;
    border-radius: 5px;
}

.split {
    flex-grow: 1;
    margin: 0;
    min-width: 210px;
}

.statistiken {
    flex-grow: 1;
}

.formular {
    flex-grow: 1;
}

.ausstehend_holder {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}

.antrag_holder {
    border: 1px solid #d3e0e9;
    margin: 12.5px;
    padding: 10px;
    flex-grow: 1;
    border-radius: 5px;
    cursor: pointer;
}

.antrag_holder_list {
    border: 1px solid #d3e0e9;
    margin: 12.5px;
    flex-grow: 1;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    transition: all 0.5s;
    overflow: hidden;
}

.home_antrag_holder_list {
    border: 1px solid #d3e0e9;
    margin: 12.5px;
    flex-grow: 1;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    transition: all 0.5s;
    overflow: hidden;
}

.test {
    max-height: 200px;
}

.antrag_holder_hover:hover {
    background-color: #b696698a;
    cursor: pointer;
}

/* Tooltip text */
.antrag_holder_hover .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgba(0, 0, 0, 0.38);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    right: 0;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.antrag_holder_hover:hover .tooltiptext {
    visibility: visible;
}

.antrag_holder_first_part,
.antrag_holder_second_part {
    flex-grow: 1;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
}

.antrag_holder_first_part {
    height: auto;
}

.antrag_holder_second_part {
    display: flex;
    height: auto;
    overflow: hidden;
    max-height: 0;
    transition: all 0.4s ease-out;
}

.antrag_holder_second_part_active {
    max-height: 300px;
    transition: all 0.4s ease-in;
}

.specific_height {
    max-height: 66px;
}

.antrag_list_item {
    padding: 15px;
    width: calc(100% / 8);
    min-width: 146px;
    height: 58px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.antrag_list_item .fa {
    padding-right: 10px;
}

.antrag_list_item p:last-child {
    margin: 0;
}

.panel_holder {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.antrag_list {
    margin: 10px;
    height: auto;
    min-height: 600px;
    width: 100%;
}

.antrag-stellen {
    margin: 10px;
    flex-grow: 2;
    width: calc(100% / 3 * 2 - 40px);
}

.antrag-stellen-inner,
.presence-inner {
    display: flex;
    padding: 15px;
    flex-wrap: wrap;
}

.angenommen {
    margin: 10px;
    flex-grow: 1;
    width: calc(100% / 3 - 40px);
    height: 400px;
}

.angenommen .panel-body {
    height: calc(100% - 87px);
    overflow: scroll;
}

.ausstehend {
    margin: 10px;
    flex-grow: 2;
    width: calc(100% / 3 * 2 - 40px);
    height: 400px;
}

.ausstehend .panel-body {
    height: calc(100% - 87px);
    overflow: scroll;
}

.abgelehnt {
    margin: 10px;
    flex-grow: 1;
    width: calc(100% / 3 - 40px);
    height: 400px;
}

.abgelehnt .panel-body {
    height: calc(100% - 87px);
    overflow: scroll;
}

.event_item {
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.event_item:last-child {
    justify-content: space-between;
}

.event_item .small-input:last-child {
    margin: 0 10px 0 20px;
}

form .event_item p.small-label {
    width: auto;
    max-width: 110px;
    margin: 0;
    flex-grow: 1;
}

form .event_item p.big-label {
    width: 80%;
    margin: 0 20% 0 0;
    flex-grow: 1;
}

form .event_item input {
    width: auto;
    margin: 0;
    max-width: 120px;
    flex-grow: 2;
}

form .event_item textarea {
    width: 100%;
    height: 300px;
    margin: 0;
    flex-grow: 2;
}

form .event_item button {
    min-width: 150px;
    width: auto;
    margin: 0 !important;
}

form .event_item input.small-input {
    width: 120px;
}

form .event_item input.medium-input {
    width: 260px;
    max-width: 253px;
    margin-right: 10px;
}

.filter_holder {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.filter_holder_manage {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 5%;
}

.filter_holder_manage_bottom {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 5%;
    flex-wrap: wrap;
}

.filter_holder_manage_bottom_item {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.filter_holder.filter_holder button {
    width: 120px;
    margin: 5px !important;
}

#page {
    margin-left: 0;
    width: 30px !important;
    text-align: center !important;
}

#optionPage {
    margin-left: 0;
    width: 40px !important;
    align-self: center;
}

#filter_holder_manage_bottom_input_p {
    margin-left: 5px;

}

.left_filter_holder,
.middle_filter_holder,
.right_filter_holder {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
}

.left_filter_holder {
    justify-content: flex-start;
}

.middle_filter_holder {
    justify-content: center;
}

.right_filter_holder {
    justify-content: flex-end;
}

.filter_holder_manage .small_item {
    max-width: 30px;
    min-width: 30px;
    text-align: center;
}

.filter_holder_manage .middle_item {
    max-width: 60px;
    min-width: 60px;
}

.filter_holder_manage .big_item {
    max-width: 120px;
    min-width: 120px;
}

.filter_holder_manage p,
.filter_holder_manage input,
.filter_holder_manage .btn {
    margin: 0;
    width: auto;
    padding: 0;
}

.filter_holder_manage input,
.filter_holder_manage select,
.filter_holder_manage .btn {
    border: 1px solid #b6966966 !important;
}

.filter_holder_manage_item {
    flex-grow: 1;
    margin: 0 5px !important;
}

.filter_holder div {
    border: 1px solid #d3e0e9;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

.filter_holder div:hover {
    background-color: #d3e0e9;
}

.ausstehend_holder_0 {
    display: flex;
}

.ausstehend_holder_1 {
    display: none;
}

.ausstehend_holder_2 {
    display: none;
}

.ausstehend_holder_3 {
    display: none;
}

.ausstehend_holder_4 {
    display: none;
}

.antrag_status_annehmen {
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    background-color: #198b1d;
    color: #fff;
    cursor: pointer;
}

.antrag_status_annehmen,
.antrag_status_ablehnen div {
    text-align: center;
}

.antrag_status_ablehnen {
    border: 1px solid #d3e0e9;
    border-radius: 5px;
    background-color: #ab2729;
    color: #fff;
    cursor: pointer;
}

.hidden_input {
    display: none;
}

.verwaltung_holder {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.verwaltung_col {
    flex-grow: 1;
    font-size: 24px;
    /*display: flex;*/
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.verwaltung_row .verwaltung_col:first-child {
    font-size: 16px;
    min-width: 250px;
}

.verwaltung_col i {
    position: absolute;
    padding: 5px;
}

.verwaltung_col input {
    margin: 0;
}

.verwaltung_accept button {
    width: 100%;
    margin: 0 !important;
}

.verwaltung_row {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
}

.verwaltung_row:nth-child(even) .verwaltung_col input {
    background-color: #f3f3f3;
}

.verwaltung_row input {
    width: 100%;
    height: 100%;
}

.verwaltung_row_header .verwaltung_col {
    width: calc(100% / 7);
    font-size: 16px;
}

.verwaltung_accept {
    align-self: flex-end;
    margin-top: 50px;
}

form button {
    margin: 0 10% 20px !important;
    width: 80%;
    /*max-width: 400px;*/
}

form select {
    width: 80%;
    height: 28px;
    border: 1px solid #d3e0e9;
    border-radius: 0;
    margin: 0 10%;
    /*max-width: 400px;*/
}

#selectForm select,
#selectForm button {
    width: 20%;
    height: 28px;
    border: 1px solid #d3e0e9;
    border-radius: 0;
    margin: 0 !important;
}

#dynamicContent .antrag_holder_list {
    margin: 10px 5%;
}

#dynamicContent .antrag_list_item {
    min-width: 67px;
}

#dynamicContent .antrag_list_item p {
    margin: 0;
}

#dynamicContent .antrag_list_item:first-child {
    flex-grow: 2;
}

#dynamicContent .antrag_list_item:last-child {
    min-width: 40px;
    max-width: 40px;
}

#dynamicContent .antrag_list_item:last-child input {
    width: auto;
}

form input {
    margin-left: 10%;
    width: 80%;
    /*max-width: 400px;*/
}

form i.fa-calendar {
    margin-left: -20px;
}

form input[type=date]::-webkit-calendar-picker-indicator {
    font-size: 15px;
    color: transparent;
    z-index: 1000;
    background-color: transparent;
}

form input.begruendung {
    margin-left: 0;
}

form input[type="checkbox"] {
    margin-left: 10%;
    width: auto;
}

.zurueck_holder {
    text-align: left;
    align-items: center;
}

.split_form form.verwaltung_holder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.split_form form.verwaltung_holder div {
    padding: 10px;
}

.split_form form.verwaltung_holder div.verwaltung_col {
    display: flex;
    align-items: center;
}

.split_form form.verwaltung_holder div button {
    margin: 0 !important;
}

div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    opacity: 0;
    z-index: 2;
}

.stat_holder p {
    margin-left: 10%;
    width: 80%;
}

.stat_holder h3,
.stat_holder h4 {
    padding: 0 5%;
}

.fail-popup {
    position: absolute;
    width: 100%;
    left: 0;
}

form p {
    margin-left: 10%;
    width: 80%;
}

form h3,
form h4 {
    padding: 0 5%;
}

form {
    margin-bottom: 0;
}

#piechart {
    position: relative;
    width: 130px;
    margin-left: calc(50% - 165px);
    margin-top: calc(50% - 110px);
}

.piece {
    position: absolute;
    width: 250px;
    height: 250px;
    clip: rect(0px, 250px, 250px, 125px);
    border-radius: 125px;
}

.piece-inner {
    position: absolute;
    width: 250px;
    height: 250px;
    clip: rect(0px, 125px, 250px, 0px);
    border-radius: 125px;
    -webkit-backface-visibility: hidden;
}

/* BU Farb Anpassungen */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #b69669;
    background-color: transparent;
}

.btn-success,
.btn-success:hover {
    /*background-color: #b69669;*/
}

form select,
form input,
.btn-success,
.btn-success:hover,
.panel-default,
.split_form,
.filter_holder div,
.antrag_holder_list,
.home_antrag_holder_list {
    /* DEFAULT */
    /*border: solid 1px #d3e0e9; */
    border: solid 1px #b6966966;
}

.panel-heading {
    /* DEFAULT */
    /*border-bottom: solid 1px #d3e0e9; */
    border-bottom: solid 1px #b6966966;
}

#app,
form select {
    background-color: #fff;
}

/* Spezifische Einstellungen */
#piece1 {
    transform: rotate(0deg);
}

#piece1 > .piece-inner {
    background: rgba(31, 161, 4, 0.71);
    transform: rotate(72deg);
}

#piece2 {
    transform: rotate(72deg);
}

#piece2 > .piece-inner {
    background: blue;
    transform: rotate(126deg);
}

#piece3 {
    transform: rotate(198deg);
}

#piece3 > .piece-inner {
    background: rgba(255, 13, 0, 0.71);
    transform: rotate(168deg);
}

.ApplicationContainer {

    background-color: #a8a8b5;
}

.width {
    width: 1200px;

}

[type="date"]::-webkit-inner-spin-button {
    display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
}

/* custom styles */

.popup {
    display: none;
    z-index: 5000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup_inner {
    position: relative;
    min-height: 300px;
    top: calc(40% - 150px);
    left: calc(50% - 250px);
    border-radius: 5px;
    color: black;
    background-color: #fff;
    width: 500px;
    padding: 50px;
}

.popup_start {
    position: relative;
    min-height: 300px;
    border-radius: 5px;
    color: black;
    background-color: #AD8B5E;
    padding: 20px;
}

.list_bubbles {
    padding-bottom: 20px;
    padding-top: 20px;
    border: solid #DED1BF 1px;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align: center;
}

.kalender_filter {
    display: flex;
    justify-content: flex-end;
    width: 30%;
    margin-left: 70%;
}

.kalender_filter button {
    margin: 0 auto;
    width: 105px;
    min-width: 105px;
}

.bubble > div {
    flex-grow: 1;
}

#bubbleBox {
    min-width: 50px;
    align-self: center;
    flex-grow: 0;
}

.fafaPadding {
    padding-right: 15px;
}

.inner_Bubble {
    display: flex;
    flex-grow: 9;
    flex-wrap: wrap;
}

.inner_Bubble > div {
    min-width: 30%;
    flex-grow: 1;
    padding: 15px;
    width: calc(100% / 8);
    display: flex;
    flex-wrap: wrap;

}

.inner_Bubble > div > div {
    width: 100%;
    flex-grow: 1;
    text-align: center;
}

.cal_holder {
    display: flex;
    flex-direction: row;
    margin: 10px 0;
}

.cal_holder > div {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.cal_holder .cal_from_to {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cal_holder .cal_from_to div {
    font-size: 3rem;
    line-height: 4rem;
}

.calendar_childs {
    position: absolute;
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.cal_holder .cal_from .calendar_childs div:nth-child(2n+0),
.cal_holder .cal_to .calendar_childs div:nth-child(2n+0) {
    margin-top: 16px;
    color: #fff;
    font-size: 1.5rem;
}

.cal_holder .cal_from .calendar_childs div:nth-child(2n+1),
.cal_holder .cal_to .calendar_childs div:nth-child(2n+1) {
    color: #000;
    position: absolute;
    margin-top: 70px;
}

.cal_holder .cal_from .calendar_childs div:first-child,
.cal_holder .cal_to .calendar_childs div:first-child {
    position: absolute;
    margin-top: 85px;
}

.cal_holder .cal_from .calendar_childs div:last-child,
.cal_holder .cal_to .calendar_childs div:last-child {
    position: absolute;
    margin-top: 27px;
    font-size: 3.5rem;
    color: #636b6f;
}

.uebersicht_kalender {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.uebersicht_kalender .split_form {
    min-width: 455px;
    min-height: 450px;
    max-height: 450px;
}

.overflow {
    overflow-y: hidden;
}

.scroll {
    overflow-y: scroll;
}
.uebersicht_kalender .cal_holder .cal_from .calendar_childs div:last-child,
.uebersicht_kalender .cal_holder .cal_to .calendar_childs div:last-child {
    font-size: 4rem;
}

.uebersicht_kalender .cal_holder .cal_from .calendar_childs div:first-child,
.uebersicht_kalender .cal_holder .cal_to .calendar_childs div:first-child {
    margin-top: 80px;
    font-size: 1.7rem;
}

.cal_holder .cal_from_to div.cal_name {
    font-size: 1.5rem;
}

.register_holder {
    display: flex;
    justify-content: center;
}

.modal-header.js:before,
.modal-header.js:after {
    content: " ";
    display: table;
}

.modal-footer.js:before,
.modal-footer.js:after {
    content: " ";
    display: table;
}

.modal-header.js:after {
    clear: both;
}

.modal-footer.js:after {
    clear: both;
}

.js *:before,
.js *:after {
    box-sizing: border-box;
}

body.js {
    overflow: hidden;
}

.flex {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    height: 350px;
    align-items: center;
}

/*.flex > div {
    flex: 3 1 0;
    width: 80%;
    max-width: 600px;
}*/

.flex div:nth-child(3) {
    flex-grow: 1;
}

.length {
    width: 100%;
}

.presenceHeight {
    height: 600px;
}

.presenceInput {
    width: 200px;
    padding: 0;
    margin: 0;
}

#popupSuccess {
    display: none;
}

#popupSuccess_inner {
    display: flex;
    justify-content: center;
    min-height: 100px;
    flex-wrap: wrap;
    padding: 22px;
    width: 370px;
    left: calc(50% - 185px);

}

#popupSuccess_inner > div {
    flex-grow: 1;
    width: 100%;
    text-align: center;
}

.bubble {
    display: none;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {

    .manageWidth {
        width: 1000px;
    }
}

.btn-danger {
    padding: 3px;
    height: 36px;
}

.cursorDefault {
    cursor: default;
}

.formCenter {
    text-align: center;
}

.homeBody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding: 20px;
}

@media (min-width: 900px) {
    .homeBody {
        justify-content: flex-start;
    }
}

.homeBody > div {
    align-items: center;
    flex-grow: 1;
    max-width: 200px;
    min-width: 200px;
    margin-right: 10px;

}

.panelBodyHome {
    margin: 15px
}

.paddingManage {
    padding: 0 5%;
}

.border {
    border-bottom: 1px solid;
}

@media (min-width: 992px) {
    .lengthButton {
        width: 100%;
    }
}

.filter_holder_manage > select {
    min-width: 130px;
    flex-grow: 1;
}

.filter_holder_manage > button {
    min-width: 220px;
    flex-grow: 1;
}

.bubbleFont {
    font-size: 20px;
}

.fafaLeft {
    margin-left: 20px !important;
}

.recurrent {
    display: flex;
    justify-content: center;
}

.recurrentElement {
    margin-top: 20px;
}

.popupFix {
    display: flex;
    justify-content: center;
    margin: -40px;
}

.upload {
    font-size: 13px;
}

@media (min-width: 992px) {
    .upload {
        width: 230px;
    }
}

.greyOut {
    background: gainsboro;
}


.antrag_holder_list div,
.home_antrag_holder_list div {
    font-size: 18px;
}

.cal_holder.vorjahr .antrag_holder_list {
    margin: 0 12.5px;
    height: 40px;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
}

.cal_holder.vorjahr .antrag_holder_list div:first-child {
    padding-left: 15px;
    width: 50%;
}

.cal_holder.vorjahr .antrag_holder_list.statistics div:first-child {
    padding-left: 15px;
    width: auto;
}

.cal_holder.vorjahr .antrag_holder_list div:last-child {
    padding-right: 15px;
    width: 20%;
    text-align: right;
}

.cal_holder.vorjahr .antrag_holder_list.blue {
    background-color: rgba(42, 136, 189, 0.70);
    color: #fff;
}

.cal_holder.vorjahr .antrag_holder_list.green {
    background-color: rgba(25, 139, 29, 0.70);
    color: #fff;
}

.cal_holder.vorjahr .antrag_holder_list.red {
    background-color: rgba(139, 21, 19, 0.7);
    color: #fff;
}

.cal_holder.vorjahr .antrag_holder_list.orange {
    background-color: rgba(214, 150, 32, 0.7);
    color: #fff;
}

.tomuch {
    margin: 5px 0;
    min-height: fit-content;
}

.cal_holder.vorjahr.tomuch:last-child {
    margin-bottom: 10px;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 50px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -25px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.endblur {
    transition: all 0.5s;
    position: absolute;
    height: 20px;
    width: 100%;
    bottom: 0;
    z-index: 100;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 113.43%);
}

.endblur:hover {
    height: 40px;
    cursor: pointer;
}

.split_form.stat_holder {
    position: relative;
}

.split_form.stat_holder.statistics {
    height: 80vh;
    overflow: auto;
    position: relative;
    max-width: 100%;
}

.statistics_antraege {
    min-width: 470px;
}

.big {
    min-height: 112px;
}

.holidayWrap {
    display: flex;
    flex-wrap: wrap;
}
.popupHoliday {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    background-color: white;
    overflow: auto;
}

.popupHoliday > div {
    flex-grow: 1;
    width: 100%;
}

.flexblur {
    display: flex;
    justify-content: center;
    font-size: 13px;
    padding: 5px;
}

.holidayPopup {
    z-index: 5000;
    position: absolute;
    width: 100%;
    padding: 10px 0;
}

.representative_form {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
}

.representative-body {
    position: relative;
    margin: 10px 45px;
    width: calc(100% - 90px);
}

.representative-body p {
    margin: 0;
}

.representative-body textarea {
    height: 100px;
}

.representative-footer.representative-footer {
    display: flex;
    position: relative;
    margin: 10px 45px;
    width: calc(100% - 90px);
    flex-direction: row;
    justify-content: space-evenly;
}

/* Dashboard Styles */

.dashboard {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}

.dashboard .panel-left {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    margin-right: 5px;
}

.dashboard .panel-right {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 250px;
    max-width: 400px;
    margin-left: 5px;
}

.dashboard .panel-right .dashboard-messages {
    border: 1px solid #b6966966;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.dashboard .panel-right .dashboard-messages .dashbord-message-card {
    border: 1px solid #b6966966;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    background-color: #00000010;
}

.dashboard .panel-right .dashboard-messages .dashbord-message-card h4 {
    margin-top: 0;
}

.dashboard .panel-right .dashboard-messages .dashbord-message-card .dashboard-message-body {
    padding: 0 15px 10px;
    min-height: 100px;
    border-bottom: 1px solid #b6966966;
}

.dashboard .panel-right .dashboard-messages .dashbord-message-card .dashboard-message-additional-info {
    padding: 10px 15px;
    border-bottom: 1px solid #b6966966;
}

.dashboard-message-additional-info table tbody tr td:last-child {
    padding-left: 10px;
}

.dashboard .panel-right .dashboard-messages .dashbord-message-card .dashboard-message-form {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.dashboard-message-control {
    padding-top: 10px;
}

form.dashboard-message-form button {
    margin-bottom: 0 !important;

}

.message-card-arrow {
    margin: 0 10px;
}

.homeBody .dashboard-student {
    border: 1px solid #b6966966;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 10px;
    width: auto;
    margin: 0 5px 10px;
    min-width: 0;
    max-width: 1000px;
}

.homeBody .dashboard-student.green {
    background-color: #2ab27b;
    color: #fff;
}

.dashboard-in-holiday,
.dashboard-open-applications {
    border: 1px solid #b6966966;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 5px 0;
    width: 100%;
}

.dashboard-holiday-holder,
.dashboard-open-applications-holder {
    display: flex;
    flex-direction: column;
}

.dashboard-open-applications-holder .home_antrag_holder_list.blue {
    background-color: rgba(42, 136, 189, 0.70);
    color: #fff;
}

.dashboard-holiday-holder .home_antrag_holder_list.orange {
    background-color: rgb(241, 210, 123);
    color: #fff;
}

.students-presence .students-presence-holder {
    /*border: 1px solid #b6966966;*/
    border-radius: 5px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.students-presence .students-presence-holder .homeBody {
    padding: 0;
}

.students-presence-holder .student-holder {
    width: 250px;
}

.students-presence .students-presence-holder h4 {
    margin-top: 0;
}

body .representative-footer.representative-footer button {
    margin: 0!important;
}

.representative-footer.representative-footer a,
.representative-footer.representative-footer button {
    width: 100px;
}

/* Neuer Kalender */

.not-active {
    height: fit-content;
    max-height: none;
    padding: 0;
}

#application_info {
    display: none;
    position: fixed;
    width: 300px;
    height: 300px;
    left: calc(50% - 150px);
    top: calc(50% - 215px);
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.275);
}

.hide_item {
    display: none;
}

.show_item {
    display: block;
}

.application_data {
    font-size: 18px;
}

.add_icon.add_icon {
    font-size: 18px;
    display: none;
}

.cal_item:hover i {
    display: inline-block;
}

.cal_item:hover {
    background-color: #50C025;
    cursor: pointer;
}

.cal_table {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: fit-content;
}

.cal_table .cal_tr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    margin: 5px 0;
    width: fit-content;
    min-height: max-content;
    transition: background-color 0.2s;
}

.cal_table .cal_tr:hover {
  background-color: #e4d1b6;
}

.cal_hover {
    background-color: #50C025;
}

.cal_selected {
    background-color: rgb(187, 211, 255);
}

/*.cal_td:hover {
    background-color: #50C025;
}*/

.cal_table .cal_td:first-child {
    min-width: 200px;
    max-width: 200px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
}

.cal_table .cal_td.second {
  min-width: 200px;
  max-width: 200px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
    position: -webkit-sticky;
  position: sticky;
  left: 0;
  margin-left: -200px;
  border: none;
  background-color: rgba(255,255,255,0.2);
}

.cal_table .cal_td {
    display: flex;
    min-width: 70px;
    max-width: calc((100% - 200px) / 15);
    min-height: 30px;
    border-top: 1px solid rgba(155, 155, 155, 0.5);
    border-bottom: 1px solid rgba(155, 155, 155, 0.5);
    border-left: 1px solid rgba(155, 155, 155, 0.5);
    justify-content: center;
    align-items: center;
}

.cal_table .cal_td:last-child {
    border-right: 1px solid rgba(155, 155, 155, 0.5);
}

.cal_table .cal_thead:first-child,
.cal_table .cal_tsubhead:first-child {
    visibility: hidden;
}

.cal_table .cal_thead {
    min-width: calc((100% - 200px) / 3);
    max-width: calc((100% - 200px) / 3);
    min-height: 20px;
}

.cal_table .cal_thead,
.cal_table .cal_tsubhead {
    justify-content: center;
    align-items: center;
}

.cal_table .cal_date {
    font-size: 18px;
}

.cal_table .cal_item {
    color: #fff;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* Kalender Tooltips */


.cal_item.cal_tooltip .cal_tooltiptext {
    width: 200px;
    height: 180px;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    border: 1px solid #b69669;

    /*margin-top: -42px;*/
    margin-left: -65px;
}

/* Kalender Form */

.cal_form {
    display: none;
    position: fixed;
    width: 300px;
    height: 430px;
    left: calc(50% - 150px);
    top: calc(50% - 215px);
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.275);
}

.cal_form .split_form {
    border: none;
    min-width: 200px;
    width: 93%;
    height: 100%;
}

.cal_form .split_form form {
    width: 280px;
}

.cal_form .split_form form input,
.cal_form .split_form form button,
.cal_form .split_form form p {
    width: 200px;
}
.cal_form .split_form form input[type="checkbox"] {
    width: auto;
}

.cal_form_active {
    display: block;
}

@media screen and (max-height: 800px), screen and (max-width: 600px) {
    .uebersicht_kalender {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 0;
    }
}

@media (max-width: 1361px) {
    .angenommen .panel-heading h2 {
        margin: 0;
    }
}

@media (max-width: 1150px) {
    .bubble {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 1198px) {
    .abgelehnt .panel-heading h2 {
        margin: 0;
    }
}

@media (max-width: 1000px) {
    .panel-default {
        width: 100%;
    }

    .filter_holder_manage {
        flex-wrap: wrap;
    }
}

@media (max-width: 700px) {
    .container {
        margin: 0 10px;
    }
}

@media (max-width: 450px) {
    .antrag-stellen {
        height: auto;
    }

    .split {
        width: 100%;
    }

    .split_mobile_spacing {
        height: 30px;
        width: 100%;
    }
}

@media (max-width: 481px) {
    .inner_Bubble > div {
        min-width: 100%;
    }
}

@media (max-width: 820px) {
    #bubbleBox {
        flex-grow: 1;
        order: 2;
        margin-bottom: 30px;
    }
}

@media (min-width: 520px) {
    #selectHolderBottom {
        justify-content: flex-end;
    }

    #bottom_body {
        justify-content: flex-start;
    }
}

@media (max-width: 520px) {
    .filter_holder_manage_bottom_item {
        width: 100%;
        margin-top: 20px;
    }

    .overflow.split_form.stat_holder {
        max-width: 100%;
        min-width: 100%;
        margin: 10px 0;
    }

    .scroll.split_form.stat_holder {
        max-width: 100%;
        min-width: 100%;
        margin: 10px 0;
    }

    .antrag_holder_list.antrag_holder_list div {
        font-size: 12px;
    }
}

@media (min-width: 1300px) {
    .antrag_holder_list {
        width: calc(50% - 25px);
    }

    .home_antrag_holder_list {
        width: auto;
    }

    .antrag_holder_list_changed {
        width: auto;
    }
}

@media (max-width: 992px) {
    .form-horizontal .form-group {
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }

    .form-control {
        width: 80%;
    }
}

.clockInput {
    width:71px;
}