:root {
 --farbe1: #ccc;
 --farbe2: red;
 --farbe3: #12437b29;
 --farbe4: #d8e0ea;
 --farbe5: rgb(206, 205, 205);
 --farbe6: #e3e3e3;
 --mm-rot: #8e1013;
 --mm-blau: #003068;
 --arbeitstag-eingetragen-und-beendet: rgb(166, 186, 137);
 --arbeitstag-heute-ohne-feierabend: rgb(128, 98, 172);
 --arbeitstag-vergangener-tag-eingetragen-ohne-feierabend: red;
 --urlaubstag: rgb(255, 202, 103);
 --krankheitstag: rgb(119, 183, 252);
 --feiertag: rgb(197, 252, 119);
 --nicht_gearbeitet: rgb(254, 188, 210);

}

input[type="time"]::-webkit-clear-button {
 display: none;
}

.number_input {
 width: 74px;
}

.arbeitstag-eingetragen-und-beendet {
 background-color: var(--arbeitstag-eingetragen-und-beendet);
}

.arbeitstag-eingetragen-und-beendet .arbeitstag_auswahl_submit {
 color: black;
}

.arbeitstag-heute-ohne-feierabend {
 background-color: var(--arbeitstag-heute-ohne-feierabend);
}

.arbeitstag-heute-ohne-feierabend .arbeitstag_auswahl_submit {
 color: white;
}

.arbeitstag-vergangener-tag-eingetragen-ohne-feierabend {
 background-color: var(--arbeitstag-vergangener-tag-eingetragen-ohne-feierabend);
}

.arbeitstag-vergangener-tag-eingetragen-ohne-feierabend .arbeitstag_auswahl_submit {
 color: black;
}

.urlaubstag {
 background-color: var(--urlaubstag);
}

.krankheitstag {
 background-color: var(--krankheitstag);
}

.feiertag {
 background-color: var(--feiertag);
}

.nicht_gearbeitet {
 background-color: var(--nicht_gearbeitet);
}

footer.aktionen {
 padding: 25px 0 25px 0;
 display: flex;
}

footer.aktionen input {
 margin-right: 5px;
}

.mr10 {
 margin-right: 10px;
}

.input_submit:disabled,
.input_submit:disabled:hover {
 background-color: white;
 color: gray;
 border: 1px solid gray;
}

.input_submit:disabled:hover {
 cursor: not-allowed;
}

.input_submit_minimal {
 background-color: var(--hauptfarbe);
 color: white;
 border: 2px solid var(--hauptfarbe);
 border-radius: 5px;
 transition: 0.3s;
}

.input_submit_minimal:hover {
 background-color: white;
 color: black;
}

#m_av_login_hinweis {
 text-align: center;
 width: 100%;
 font-size: 18px;
 padding: 50px;
}

.flex-container {
 display: flex;
}

.m_av_hinweis {
 text-align: center;
}

/*------------------ Auftragsverwaltung Dashboard ---------------------------------*/

#m_av_dashboard {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}

.dashboard_auftrag_aktionen{
 justify-content: space-between;
}

.dashboard_auftrag_aktionen,
.dashboard_todo_aktionen {
 display: flex;
 /* margin-left:5px; */
 width:100%;

}

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

.dashboard_auftrag_aktionen form,
.dashboard_todo_aktionen form {
  margin-right: 2px; 
}

.dashboard_auftrag_aktionen form input[type="submit"],
.dashboard_todo_aktionen form input[type="submit"] {
 margin: 0 0 0 0;
 background-color: var(--farbe5);
 border-color: var(--dunkelgrau);
 color: var(--dunkelgrau);
 font-size: 0.75rem;
 line-height: 1rem;
}

.dashboard_auftrag_aktionen form input[type="submit"]:hover,
.dashboard_todo_aktionen form input[type="submit"]:hover {
 margin: 0 0 0 0;
 background-color: var(--hauptfarbe);
 border-color: var(--hauptfarbe);
 color: var(--hell);
}


.m_av_dashboard_bereich_inhalt {
 background-color: #cecdcd;
 background-color: var(--farbe6);
 /* box-shadow: inset 0 0 9px #bbb; */
}

#dashboard_arbeitstag_monat_jahr_auswahl_zeile {
 display: flex;
 margin-bottom: 29px;
 align-items: center;
}

#dashboard_arbeitstag_monat_jahr_auswahl_zeile label {
 margin-right: 15px;
}

#dashboard_arbeitstag_monat_auswahl {
 width: 100px;
}

.m_av_dashboard_bereich_inhalt main {}

.m_av_dashboard_bereich_inhalt header {
 display: flex;
}

.m_av_dashboard_bereich_inhalt header div {
 font-weight: bold;
 padding: 4px;
 margin: 0 1px 0 1px;
 font-size: 12px;
}

.m_av_dashboard_arbeitschschritte_start {
 width: 76px;


}

.m_av_dashboard_arbeitschschritte_start input {
 border: 0 !important;
}

.m_av_dashboard_arbeitschschritte_auftrag_todo {
 width: 82px;

}

.m_av_dashboard_arbeitschschritte_auftrag_todo input {
 width: 100%;
 border: 0 !important;
}


.m_av_dashboard_arbeitschschritte_auftrag_kunde_matchcode {
 width: 150px;
}

.dashboard_ein_auftrag_nummer {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 font-size: 0.8rem;
 line-height: 0.8rem;
 color: #464646;
 transition: 0.2s;
 font-weight: bold;
 margin-bottom: 0.2em;
}

.m_av_dashboard_arbeitschschritte_auftrag_stichwort {
 width: 250px;
}

.m_av_dashboard_arbeitschschritte_auftrag_unterbrechung {
 width: 100px;
}

.m_av_dashboard_arbeitschschritte_auftrag_aktionen {
 width: 48px;
 justify-content: space-around;
 text-align: center;
}

.m_av_dashboard_arbeitschschritte_auftrag_summe {
 width: 44px;
}

.m_av_dashboard_arbeitsschritt_zeile_form>div {justify-content: center; align-items: center; text-align: center;}

.m_av_unterbrechung_select,
.m_av_unterbrechungs_notizen {
 border: 1px;
}

.arbeitsschritt_zeile {
 flex-direction: column;
}

.m_av_unterbrechung_select {
 width: 250px;
 height: 31px;
 margin-top: 1px;
 margin-left: 1px;
 border-radius: 2px;
 margin-right: 1px;
}

.m_av_unterbrechungs_notizen {
 margin-left: 1px;
 border-radius: 2px !important;
 border: 1px !important;
 height: 25px;
 width: 362px;
 margin-right: 1px;
 margin-top: 1px;
}

.m_av_dashboard_arbeitschschritte_auftrag_aktionen {}

.av_arbeitszeit_neuen_leeren_arbeitsschritt_anlegen {
 /* justify-content: center; */
}



#m_av_dashboard_auftragsliste_reiter_ansicht_navigation {
 display: flex;
 justify-content: space-between;
 font-size: 0.7rem;
 line-height: 1;
}

#m_av_dashboard_auftragsliste_reiter_ansicht_navigation a {
 border-top-right-radius: 5px;
 border: 1px solid var(--hauptfarbe);
 padding: 5px 0 0 5px;
 border-top-left-radius: 5px;
 background-color: var(--hauptfarbe);
 width: 31%;
 color: white;
 text-align: center;
 text-orientation: revert-layer;
}

#m_av_dashboard_auftragsliste_reiter_ansicht_navigation a.aktiv {
 font-weight: bold;
}

#m_av_dashboard_auftragsliste_reiter_ansicht_inhalt {
 display: grid;
 background-color: var(--hauptfarbe);
 padding: 3px;
 width: calc(100% - 6px);
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
}

#m_av_dashboard_auftragsliste_reiter_ansicht_inhalt .m_av_dashboard_bereich_inhalt {
 /* box-shadow: inset 0 0 20px #b2b2b2;
  border: 1px solid #999; */
 max-height: 80vh;
 overflow-y: auto;
 display: flex;
 flex-direction: column;
 align-items: center;
 border-radius: 5px;
}

#m_av_dashboard_auftragsliste_reiter_ansicht_inhalt section {
 grid-column: 1;
 grid-row: 1;
 transition: 125ms ease-in-out;
 opacity: 0;
 display: none;
 width: 100%;
 max-width: 340px;
}

#m_av_dashboard_auftragsliste_reiter_ansicht_inhalt section.aktiv {
 opacity: 1;
 display: block;
}

#m_av_dashboard_auftragsliste_seitenleiste_auftrags_suche_input {
 width: 80px;
 font-size: 0.7rem;
 padding: 0;
 line-height: 0.7rem;

}

.m_av_dashboard_eine_aufgabe_container {
 padding-top: 23px;
 max-height: 65vh;
 overflow-y: auto;
}

m_av_dashboard_auftragsliste_seitenleiste_auftrags_suche {}

.m_av_dashboard_bereich_inhalt section {}

.m_av_dashboard_bereich_inhalt section div {
 display: flex;
 /* justify-content: space-between; */
}

.m_av_dashboard_bereich_inhalt section form {
 display: flex;
 /* justify-content: space-between; */
}

.m_av_dashboard_arbeitschschritte_auftrag_summe,
.m_av_dashboard_arbeitschschritte_auftrag_summe {
 min-width: 50px;
}

.m_av_dashboard_arbeitschschritte_start,
.m_av_dashboard_arbeitschschritte_auftrag_todo,
.m_av_dashboard_arbeitschschritte_auftrag_kunde_matchcode,
.m_av_dashboard_arbeitschschritte_auftrag_stichwort,
.m_av_dashboard_arbeitschschritte_auftrag_unterbrechung,
.m_av_dashboard_arbeitschschritte_auftrag_aktionen,
.m_av_dashboard_arbeitschschritte_auftrag_summe {
 background-color: white;
 margin: 1px 1px 3px 1px;
 padding: 4px;
 border-radius: 2px;
}


.m_av_unterbrechungs_notizen {
 padding: 3px !important;
 /* in seminare css global deklariert */
}

/* .m_av_dashboard_bereich_inhalt section div div:nth-child(1){
 color:red;
 width: 45px;
} */

.button_gruen_flach,
.button_grau_flach {
 border-radius: 3px;
 color: white;
 border: 0;
 padding: 7px;
 text-align: center;
 transition: all 0.3s;
 margin-right: 5px;
}

.button_gruen_flach {
 background-color: #6e9b0b;
}

.button_grau_flach {
 background-color: #a6a6a6;
}

.button_grau_flach:hover {
 font-weight: bold;
}

#arbeisttag_beginnen .button_grau_flach {
 transition: all 0.3s;
 width: 273px;
}

#arbeisttag_beenden {
 /* width: 100%; */
 /* background-color: red; */
 /* text-align: right; */
 /* margin-top: 7px; */
}

.arbeitsschritt_details {
 transition: all 0.09s;
 opacity: 0;
 height: 0px;
 width: 100%;
 overflow: hidden;
 margin-bottom: 0px;
 flex-direction: column;
 /* display:none !important; */

}

.arbeitsschritt_details.aktiv {
 opacity: 1;
 height: auto;
 margin-bottom: 2px;
 background-color: white;
 padding: 4px;
 display: flex !important;
 width: 98%;
 margin: 0px auto;
 border-bottom-left-radius: 3px;
 border-bottom-right-radius: 3px;
}

.arbeitsschritt_details div {
 background-color: #fff0 !important;
}

.arbeitsschritt_details section {
 /* width: 330px; */
 background-color: white;
 /* padding-left: 10px; */
 border-radius: 2px;
 resize: vertical;
 height: 90%;
}

.arbeitsschritt_details section textarea {
 /* width: 100%;
 height: 70%; */
 resize: vertical;
 border: 1px solid #cecdcd;
}

.arbeitsschritt_details_notizen_sektion {
 display: flex;
 flex-wrap: wrap;
 width: calc(100% - 20px);
 padding: 10px;
}
.arbeitsschritt_details_notizen_sektion section:first-of-type {width: 100%;}
.arbeitsschritt_details_notizen_sektion section:nth-of-type(2) {flex: 1; padding-right: 15px;}
.arbeitsschritt_details_notizen_sektion section:nth-of-type(3) {flex: 1;}
.arbeitsschritt_details_notizen_sektion section:first-of-type textarea {font-weight: bold;}
.arbeitsschritt_details_notizen_sektion section div {font-size: 0.75rem; line-height: 1rem;}
.arbeitsschritt_details_notizen_sektion section textarea {font-family: sans-serif; border-radius: 5px; padding: 7px 8px; height: 18px; width: calc(100% - 16px); }

.arbeitsschritt_details_unterbrechungen_sektion {padding: 10px; width: calc(100% - 20px); display: flex; flex-wrap: wrap;}
.arbeitsschritt_details_unterbrechungen_sektion>div {flex: 1;}

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


.arbeitsschritt_details_zeile_aktionen {
 display: flex; justify-content: flex-end;
}

.arbeitsschritt_details section h3 {
 font-size: 10px;
 margin: 2px;
}



.arbeitsschritt_details div div {}

.m_av_dashboard_ein_auftrag_inhalt,
.m_av_dashboard_eine_aufgabe_inhalt {
 padding-left: 5px;
}

#m_av_dashboard .m_av_dashboard_begruessung {
 margin: 0 0 40px 0;
 font-weight: normal;
 font-size: 1.2rem;
 line-height: 1.6rem;
}

#m_av_dashboard #m_av_dashboard_hauptbereich {
 display: flex;
 flex-direction: column;
 width: calc(70% - 10px);
 padding: 0 10px 0 0;
}

#m_av_dashboard #m_av_dashboard_hauptbereich header {
 display: flex;
 align-items: baseline;
 margin-bottom: 2px;
 /* justify-content: space-around; */
}

.m_av_dashboard_arbeitschschritte_kopf {}

#m_av_dashboard #m_av_dashboard_hauptbereich #dashboard_tage_reiter {
 display: flex;
 justify-content: space-evenly;
 padding: 0;
}

#m_av_dashboard #m_av_dashboard_hauptbereich #dashboard_tage_reiter div {
 border-top: 1px solid #cecdcd;
 border-left: 1px solid #cecdcd;
 border-right: 1px solid #cecdcd;
 text-align: center;
 flex: 1;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 height: 22px;
}

#m_av_dashboard #m_av_dashboard_hauptbereich #dashboard_tage_reiter div input {
 background-color: rgba(0, 0, 0, 0);
 border: none;
 padding: 2px;
}

#m_av_dashboard #m_av_dashboard_hauptbereich #dashboard_tage_reiter div.aktiv {
 border-top: 2px solid #003068;
 border-left: 2px solid #003068;
 border-right: 2px solid #003068;
 height: 22px;

}


#m_av_dashboard #m_av_dashboard_hauptbereich #dashboard_tage_reiter div.aktiv,
#m_av_dashboard #m_av_dashboard_hauptbereich #dashboard_tage_reiter div.vergangen {
 font-weight: bold
}

#m_av_dashboard #m_av_dashboard_sidebar {
 display: flex;
 flex-direction: column;
 width: calc(30% - 10px);
 padding: 29px 0 0 10px;
}

#m_av_dashboard .m_av_dashboard_bereich {
 display: flex;
 flex-direction: column;
 border: 2px solid var(--farbe5);
 border-radius: 5px;
 /* padding: 40px 5px 5px 10px; */
 margin: 0 0 40px 0;
 margin: 0 0 40px 0;
 position: relative;
 background-color: #cecdcd;
}

.m_av_dashboard_bereich_inhalt section#dashboard_arbeitsschritte_liste_aktionen {
 display: flex;
}

.m_av_dashboard_bereich_inhalt footer {
 margin-top: 9px;
 flex-direction: row;
}

.m_av_dashboard_bereich_inhalt footer .m_av_dashboard_footer_spalte {
 margin-left: 7px;
 /* margin-bottom: 7px; */
 max-height: 133px;
}

.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige {
 padding-right: 2px;
}

.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div,
.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div label,
.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div div {
 padding: 0 2px 0 2px;
}

.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div div {
 width: 49px;
}

.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div {
 justify-content: end;
}

.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div:nth-child(2) div {
 /* background-color: white;
 border-radius: 2px; */
}

.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div label {
 margin-right: 9px;
}

.m_av_dashboard_bereich_inhalt footer {
 justify-content: space-between;
}

.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige {
 flex-direction: column;
}

.m_av_dashboard_bereich_inhalt footer,
.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige,
.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige div,
.m_av_dashboard_bereich_inhalt footer #dashboard_arbeitsschritte_liste_zeit_anzeige label {
 display: flex;
}


/* #m_av_dashboard .m_av_dashboard_bereich .m_av_dashboard_bereich_inhalt main section div {
 border-radius: 2px;
 display:flex
} */

/* #m_av_dashboard .m_av_dashboard_bereich .m_av_dashboard_bereich_inhalt main section div form{
 display:flex
} */


#m_av_dashboard .m_av_dashboard_bereich_h3 {
 position: absolute;
 top: -10px;
 left: 10px;
 background-color: var(--farbe5);
 margin: 0;
 padding: 4px 10px;
 border-radius: 3px;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-size: 0.8rem;
 line-height: 1.2rem;
}

#m_av_dashboard .m_av_dashboard_ein_auftrag,
.m_av_dashboard_eine_aufgabe {
 /* position: relative; */
 display: flex;
 flex-direction: column;
 /* width: calc(100% - 20px); */
  width: 100%;
  padding-top: 4px !important; 
 /* margin-bottom: 1vh; */
 border-bottom: 1px solid var(--hauptfarbe);
 /* box-shadow: inset 0 0 9px #a6a5a3; */
 padding-bottom: 2px;
}

#m_av_dashboard .m_av_dashboard_ein_auftrag:last-of-type {
 padding-bottom: 0;
 border-bottom: none;
}

#m_av_dashboard .m_av_dashboard_ein_auftrag:hover .dashboard_ein_auftrag_stichwort_und_termin {
 color: #004da7;
}

#m_av_dashboard .m_av_dashboard_ein_auftrag:hover .dashboard_ein_auftrag_kunde {
 color: gray;
 font-size: 0.8rem;
 line-height: 0.8rem;
}

#m_av_dashboard .dashboard_ein_auftrag_kunde {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 font-size: 0.8rem;
 line-height: 0.8rem;
 /* line-height: 1.4rem; */
 color: #464646;
 transition: 0.2s;
}

.m_av_dashboard_eine_aufgabe_inhalt .todo_bezeichnung {
 font-size: 0.8rem;
 line-height: 0.8rem;
}

.m_av_dashboard_eine_aufgabe_inhalt .todo_bis{
 font-size: 0.65rem;
 line-height: 0.65rem;
 margin-top: 4px;
}
.m_av_dashboard_eine_aufgabe_inhalt .todo_beschreibung p{
 font-size: 0.7rem;
 line-height: 0.7rem;
 padding: 6px 0 6px 0;
 margin: 0;
}

#m_av_dashboard .dashboard_ein_auftrag_stichwort_und_termin {
 /* display: flex; */
 width: 100%;
 color: #464646;
 transition: 0.2s;
}

#m_av_dashboard .dashboard_ein_auftrag_stichwort {
 flex: 1;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin-right: 5px;
 font-weight: bold;
}

#m_av_dashboard .dashboard_ein_auftrag_link {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
}

.m_av_arbeitstag_eingabe_element {
 display: block ruby;
}

/*------------------ Mitarbeiter Formular ------------------------------------------------------*/

#m_av_form_mitarbeiter #m_av_mitarbeiterformular_gruppen {
 max-height: 176px;
 overflow-y: scroll;
}

/*------------------ Auftragsverwaltung Liste der Mitarbeiter ---------------------------------*/

#m_av_mitarbeiterliste {
 display: flex;
 flex-direction: column;
 width: 100%;
}

#m_av_neuer_mitarbeiter_button,
#m_av_kundenliste_neuer_kunde_button {
 padding: 10px 0 10px 0;
 width: 100%;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person {
 display: flex;
 flex-direction: column;
 padding: 20px;
 position: relative;
 border-bottom: 2px solid #003068;

}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person:last-of-type {
 border-bottom: none;
 margin-bottom: 40px;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person .m_av_mitarbeiter_name .m_av_mitarbeiter_id {
 margin: 0;
 font-weight: normal;
 font-size: 0.85rem;
 color: gray;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person .m_av_mitarbeiter_name h3 {
 margin: 0;
 font-weight: normal;
 font-size: 0.85rem;
 color: gray;
}

#m_av_mitarbeiterliste_form_entfernen {
 width: 162px;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person .m_av_mitarbeiter_name h2 {
 margin: 0;
 color: #003068;
 font-size: 1.4rem;
 line-height: 1.8rem;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person.m_av_nicht_aktiv .m_av_mitarbeiter_name h2,
#m_av_kundenliste .m_av_ausgabe_eine_person.m_av_nicht_aktiv .m_av_kunde_name>*
/*https://www.w3docs.com/snippets/css/how-to-select-all-child-elements-recursively-in-css.html*/

 {
 color: #808080ab !important;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person .m_av_mitarbeiter_pers_daten p {
 margin: 0;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person .m_av_mitarbeiter_bearbeiten,
#m_av_mitarbeiterliste .m_av_ausgabe_eine_person .m_av_mitarbeiter_entfernen {
 position: absolute;
 right: 0;
 width: auto;
}

#m_av_mitarbeiterliste .m_av_ausgabe_eine_person .m_av_mitarbeiter_entfernen {
 top: 60px;
}

/*------------------ Auftragsverwaltung Auftragsformular ---------------------------------*/

#m_av_zeile_interne_notizen {
 display: none;
}

#p_interne_notizen_zuklappen {
 display: none;
}

.p_interne_notizen_auf_zu {
 color: gray;
 font-size: 0.75rem;
}

.p_interne_notizen_auf_zu:hover {
 cursor: pointer;
}

#m_av_form_auftrag h2 {
 border-bottom: 2px solid #d8d8d8;
 color: #003068;
 font-size: 1.6rem;
 line-height: 2.2rem;
 font-weight: normal;
 margin: 40px 0 20px 0;
}

#m_av_form_auftrag .m_av_eingabe_status_fieldset {
 display: none;
}

#m_av_form_auftrag .m_av_eingabe_status_fieldset.m_av_status_sichtbar {
 display: flex;
}

.m_av_auftrag_produkt_btn {
 background-color: #003068;
 color: white;
 border: 2px solid #003068;
 border-radius: 3px;
 padding: 4px 10px;
 transition: 0.3s;
 margin: 5px;
}

.m_av_auftrag_produkt_btn:hover {
 cursor: pointer;
 background-color: white;
 color: black;
}

#m_av_rechungs_zahlungsart {
 margin-right: 10px;
 max-width: 390px;
}

#m_av_rechungs_zahlungsart_rechnungs_datum {
 border-radius: 3px;
 border: 1px solid #c7c7c7;
 height: 27px;
 margin-right: 6px;
}

#m_av_rechungs_zahlungsart_sonstiges {
 border: 1px solid #c7c7c7;
 height: 20.5px;
}

.button_am_ende_eines_inputs {
 height: 34px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
 width: 37px;
 margin-left: -37px;
 box-sizing: border-box;
 transition: all 0.5s;
 border-top: 0 !important;
 border-bottom: 0 !important;
 border-right: 0;
 background-color: rgba(0, 0, 0, 0);
}

.button_am_ende_eines_inputs:hover {
 font-weight: bold;
 color: #d51b1b;
}

#m_av_kunde_ansprechpartner_zu_auftrag_eingabe_zuruecksetzen {
 height: 34px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
 width: 37px;
 margin-left: -37px;
 box-sizing: border-box;
 transition: all 0.5s;
 border-top: 0 !important;
 border-bottom: 0 !important;
 border-right: 0;
 background-color: rgba(0, 0, 0, 0);
}

#m_av_kunde_ansprechpartner_zu_auftrag_eingabe_zuruecksetzen:hover {
 font-weight: bold;
 color: #d51b1b;
}

#m_av_kunde_ansprechpartner_zu_auftrag {}

#m_av_kunde_ansprechpartner_zu_auftrag,
#m_av_kunde_ansprechpartner_zu_auftrag_eingabe_zuruecksetzen {
 /* border: 1px solid #c7c7c7; */
}

footer#auftrags_formular_aktionen {
 display: flex;
}

footer#auftrags_formular_aktionen input {
 margin-right: 5px;
}

/*------------------ Auftragsverwaltung Liste der Kunden ---------------------------------*/

#m_av_kundenliste_suche {
 border: 3px solid var(--farbe5);
 border-radius: 10px;
 margin: 15px 0;
 padding: 10px 25px;
 width: 100%;
}

#m_av_kundenliste_suche h3 {
 border-bottom: 2px solid #d8d8d8;
 color: #003068;
 font-size: 1.1rem;
 line-height: 1.6rem;
 font-weight: normal;
 margin: 5px 0 10px 0;
}

#m_av_kundenliste_suche p {
 margin: 0;
}

#m_av_kunden_erw_suche {
 display: none;
}

/* #p_erw_suche_zuklappen {display: none;} */

.p_erw_suche_auf_zu {
 color: gray;
 font-size: 0.75rem;
}

.p_erw_suche_auf_zu:hover {
 cursor: pointer;
}

.erw_kundensuche_oder {
 border-left: 4px solid black;
 padding-left: 8px;
}

#m_av_kundenliste {
 display: flex;
 flex-direction: column;
 width: 100%;
}

#m_av_kundenliste .m_av_ausgabe_eine_person {

 display: flex;
 flex-direction: row;
 justify-content: space-between;
 min-height: 100px;
 padding: 20px;
 border-bottom: 2px solid #003068;
}

#kundenliste_aktionen {
 display: flex;
 flex-direction: column;
 align-content: center;
}


#m_av_kundenliste .m_av_ausgabe_eine_person:last-of-type {
 border-bottom: none;
 margin-bottom: 40px;
}

#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_ID {
 font-size: 0.75rem;
 color: gray;
}

#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_name .m_av_kunde_anrede {
 margin: 0;
 font-weight: normal;
 font-size: 0.85rem;
 color: gray;
}

#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_name h2 {
 margin: 0;
 color: #003068;
 font-size: 1.4rem;
 line-height: 1.8rem;
}

#m_av_kundenliste .m_av_ausgabe_eine_person p {
 margin: 0;
}

#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_wohnort p {
 font-size: 1rem;
 line-height: 1.6rem;
}

#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_bearbeiten,
.m_av_ausgabe_eine_person .m_av_kunde_entfernen,
#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_auftrag_anlegen {
 /* position: absolute;
 right: 0; */
}

#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_entfernen {
 /* top: 120px; */
}

#m_av_kundenliste .m_av_ausgabe_eine_person .m_av_kunde_bearbeiten {
 /* top: 60px; */
}

.m_av_kundenliste_auftrag_anlegen,
.m_av_kundenliste_kunden_auftraege_anzeigen,
.m_av_kundenliste_auftrag_anlegen_inaktiv {
 width: 9.3rem;
 margin-bottom: 5px;
}

.m_av_kundenliste_form_bearbeiten,
#m_av_kundenliste_form_entfernen,
.m_av_kundenliste_auftrag_anlegen,
.m_av_kundenliste_auftrag_anlegen_inaktiv {
 font-size: 0.85rem;
 letter-spacing: 0.5px;
 padding: 2px 8px;
 margin-bottom: 5px;
}

.m_av_kundenliste_auftrag_anlegen_inaktiv {
 background-color: white;
 color: gray;
}

.m_av_kundenliste_form_bearbeiten:hover,
#m_av_kundenliste_form_entfernen:hover {
 background-color: white;
}

.m_av_kunde_pers_daten {
 display: none;
 flex-direction: column;
}

.m_av_kunde_pers_daten div {
 margin: 5px 0;
}

.m_av_kunde_pers_daten p {
 margin: 2px 0;
}

.p_pers_daten_zu {
 display: none;
}

.p_pers_daten_auf_zu {
 color: gray;
 font-size: 0.75rem;
}

.p_pers_daten_auf_zu:hover {
 cursor: pointer;
}

/*------------------ AUFTRAGSLISTE ------------------------------------------------------------*/
select#m_av_select_status {
 border: 1px solid #c7c7c7;
 padding: 6px;
 border-radius: 3px;
}

.m_av_auftrag_allgemeine_info,
.m_av_auftrag_auftrags_status,
.m_av_liste_auftragsinhalt,
.m_av_auftrag_notizen_inhalt {
 flex-grow: 1;
}

.m_av_auftrag_allgemeine_info div,
.m_av_auftrag_auftrags_status div div,
.m_av_liste_auftragsinhalt div div,
.m_av_auftrag_notizen_inhalt div {
 display: flex;
}

.m_av_auftrag_allgemeine_info div span,
.m_av_auftrag_auftrags_status div div span,
.m_av_liste_auftragsinhalt div div span,
.m_av_auftrag_notizen_inhalt div span {
 min-width: 50%;
}

.m_av_liste_auftragsinhalt .m_av_auftragsinhalt {
 border: 1px var(--farbe1) dotted;
 margin: 0 0 10px 0;
 padding: 5px;
}

.m_av_auftrag_main.aufgeklappt .m_av_auftragsinhalt {
 border-right: 1px dotted var(--farbe1);
 margin-right: 10px;
}

.m_av_auftrag_main.aufgeklappt .m_av_auftrag_allgemeine_info,
.m_av_auftrag_main.aufgeklappt .m_av_auftrag_notizen_inhalt,
.m_av_auftrag_main.aufgeklappt .m_av_auftrag_auftrags_status {
 max-width: 320px;
 border-right: 1px dotted var(--farbe1);
 margin-right: 10px;
}

#m_av_auftragsliste {
 width: 100%;
 margin-top: 10px;
 margin-bottom: 150px;
 min-width: 1200px;
}

#m_av_auftragsliste .formular_user .eine_zeile_form {
 margin: 0;
}

#m_av_auftragsliste .input_submit_klein {
 margin: 0 0px 5px 0 !important;
}

#m_av_auftragsliste .formular_user .input_allgemein {
 min-width: 20px;
 padding: 4px 6px;
 font-size: 12px;
}

#m_av_auftragsliste .formular_user .input_submit_klein {
 font-size: 12px;
 padding: 1px 4px;
 margin: 5px 0;
 background-color: var(--farbe5);
 color: black;
 border: 2px solid gray;
}

#m_av_auftragsliste .formular_user .input_submit_klein:hover {
 background-color: white;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile {
 display: flex;
 padding-bottom: 5px;
 font-weight: bold;
 background-color: var(--farbe3);
 position: relative;
 min-width: 980px;
 border-top: 1px solid var(--farbe1);
 border-left: 1px solid var(--farbe1);
 border-right: 1px solid var(--farbe1);
 border-bottom: 2px solid var(--farbe1);
 border-top-right-radius: 5px;
 border-top-left-radius: 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_auftragsliste_alle_filter_zrstzn {
 position: absolute;
 left: 0;
 top: -45px;
 display: block;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_auftragsliste_alle_filter_zrstzn .input_submit_klein {
 padding: 2px 6px;
 font-size: 0.75rem;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile a {
 color: black;
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_nummer.aufsteingend_sortieren::after {
 content: " ↑";
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_nummer.absteigend_sortieren::after {
 content: " ↓";
}

/*▾▴*/

#m_av_auftragsliste #m_av_auftragsliste_auftrags_nummer.standard_sortierung::after {
 content: " ⇅";
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_eiligkeit.aufsteingend_sortieren::after {
 content: " ↑";
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_eiligkeit.absteigend_sortieren::after {
 content: " ↓";
}

/*▾▴*/

#m_av_auftragsliste #m_av_auftragsliste_auftrags_eiligkeit.standard_sortierung::after {
 content: " ⇅";
}

#m_av_auftragsliste #m_av_auftragsliste_bearbeiter.aufsteingend_sortieren::after {
 content: " ↑";
}

#m_av_auftragsliste #m_av_auftragsliste_bearbeiter.absteigend_sortieren::after {
 content: " ↓";
}

/*▾▴*/

#m_av_auftragsliste #m_av_auftragsliste_bearbeiter.standard_sortierung::after {
 content: " ⇅";
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_termin.aufsteingend_sortieren::after {
 content: " ↑";
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_termin.absteigend_sortieren::after {
 content: " ↓";
}

/*▾▴*/

#m_av_auftragsliste #m_av_auftragsliste_auftrags_termin.standard_sortierung::after {
 content: " ⇅";
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_beginn {
 width: 74px;
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_beginn.aufsteingend_sortieren::after {
 content: " ↑";
}

#m_av_auftragsliste #m_av_auftragsliste_auftrags_beginn.absteigend_sortieren::after {
 content: " ↓";
}

/*▾▴*/

#m_av_auftragsliste #m_av_auftragsliste_auftrags_beginn.standard_sortierung::after {
 content: " ⇅";
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile span {
 padding: 10px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_id {
 width: 38px;
 padding: 10px 0 0 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_eilig {
 width: 46px;
 padding: 10px 0 0 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_bearbeiter {
 width: 160px;
 padding: 10px 0 0 5px;

}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_kunde {
 width: 160px;
 padding:10px 0 0 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_stichwort {
 width: 343px;
 padding: 10px 0 0 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_status {
 width: 160px;
 padding: 10px 0 0 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_beginn{
 width: 75px;
 padding: 10px 0 0 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_termin {
 width: 75px;
 padding: 10px 0 0 5px;
}

#m_av_auftragsliste #m_av_auftragsliste_kopfzeile #m_av_kopfzeile_aktion {
 width: 70px;
}

/* _inhalt ist hier weniger gut gewählt, umbenennen */

#m_av_auftragsliste_inhalt {
 min-width: 980px;
 width: 100%;
 box-sizing: border-box;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste {
 width: 100%;
 display: flex;
 flex-direction: column;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste:nth-of-type(even) {
 background-color: #f3f3f3;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary {
 display: flex;
 /* justify-content: space-between; */
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste {
 border-top: 1px solid var(--farbe1);
 border-left: 1px solid var(--farbe1);
 border-right: 1px solid var(--farbe1);
 box-sizing: border-box;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste:last-child {
 border-bottom: 1px solid var(--farbe1);
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_main {
 display: none;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_main.aufgeklappt {
 display: flex;
 flex-direction: row;
 /* border-bottom: 2px solid gray; */
 /* justify-content: space-between; */
 padding: 0 0 20px 9px;
}

.m_av_auftrag_summary.aufgeklappt {
 background-color: var(--farbe4);
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_main .m_av_auftrag_inhaltsbereich {
 border: 2px solid #afafaf;
 padding: 5px 10px;
 border-radius: 3px;
 margin: 5px 0;
}



#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary span {
 padding: 5px 0 5px 5px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_id {
 width: 38px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_eilig {
 width: 46px;

}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_bearbeiter {
 width: 160px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_kunde {
 width: 160px;

}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_stichwort {
 width: 343px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_status {
 width: 160px;
}

/* #m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_status {
 width: 160px;
} */

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_termin {
 width: 75px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_beginn {
 width: 75px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen {
 width: 74px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary:hover {
 background-color: var(--farbe4);
 cursor: pointer;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary:focus {
 outline: none;
}

.av_dashboard_arbeistschritt_aktualisieren.inline {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_speichern.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
 margin-right: 2px;
}

.av_dashboard_arbeistschritt_aktualisieren.inline:hover {
 cursor: pointer;
 background-image: url(/bilder/buttons/m_av_liste_speichern_hover.svg);
 width: 20px;
 height: 20px;
}

.av_arbeitszeit_auftrag_detailansicht_anzeigen {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_drucken.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
 margin-right: 2px;
}

.av_arbeitszeit_auftrag_detailansicht_anzeigen:hover {
 cursor: pointer;
 background-image: url(/bilder/buttons/m_av_liste_drucken_hover.svg);
 width: 20px;
 height: 20px;
}

.bearbeiten,
.m_av_dashboard_bereich_inhalt .bearbeiten,
#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .bearbeiten {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_bearbeiten.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
 margin-right: 2px;
}

.m_av_dashboard_bereich_inhalt .bearbeiten:hover,
#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .bearbeiten:hover {
 background-image: url(/bilder/buttons/m_av_liste_bearbeiten_hover.svg);
 cursor: pointer;
 width: 20px;
 height: 20px;
}


#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .beginnen {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_beginnen.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
 margin-right: 2px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .beginnen:hover {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_beginnen_hover.svg);
 background-repeat: no-repeat;
 width: 20px;
 height: 20px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
}

.m_av_eintrag_aktionen .duplizieren {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_duplizieren.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
 margin-right: 2px;
}

.m_av_eintrag_aktionen .duplizieren:hover {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_duplizieren_hover.svg);
 background-repeat: no-repeat;
 width: 20px;
 height: 20px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .entfernen{
 margin-left:8px;
}

#m_av_auftragsliste_auftrag_duplizieren_dialog #auftrags_inhalt_duplikat_auswahl .ein_auftrags_inhalt .entfernen,
#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .entfernen,
.m_av_entfernen_button {
 border: none;
 background-image: url(/bilder/buttons/m_av_liste_loeschen.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 background-color: transparent;
 transition: 0.3s;
 margin-right: 2px;
}


#m_av_auftragsliste_auftrag_duplizieren_dialog #auftrags_inhalt_duplikat_auswahl .ein_auftrags_inhalt .entfernen:hover,
#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .entfernen:hover,
.m_av_entfernen_button:hover {
 background-image: url(/bilder/buttons/m_av_liste_loeschen_hover.svg);
 cursor: pointer;
 width: 20px;
 height: 20px;
}


#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .auswerten {
 border: none;
 background-image: url(/bilder/buttons/m_av_auftrag_auswerten.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
 margin-right: 2px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .auswerten:disabled,
#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .auswerten:disabled:hover {

 border: none;
 background-image: url(/bilder/buttons/m_av_auftrag_auswerten_disabled.svg);
 background-repeat: no-repeat;
 width: 17px;
 height: 17px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
 margin-right: 2px;
}

#m_av_auftragsliste_inhalt .m_av_auftrag_in_liste .m_av_auftrag_summary .m_av_eintrag_aktionen .auswerten:hover {
 border: none;
 background-image: url(/bilder/buttons/m_av_auftrag_auswerten_hover.svg);
 background-repeat: no-repeat;
 width: 20px;
 height: 20px;
 background-size: contain;
 transition: 0.3s;
 background-color: rgba(0, 0, 0, 0);
}

#m_av_auftragsliste_auftrag_duplizieren_dialog #beschreibung{
 margin-bottom: 25px;
}

#m_av_auftragsliste_auftrag_duplizieren_dialog #auftrags_inhalt_duplikat_auswahl .ein_auftrags_inhalt{
 margin:10px;
 display: flex;
}
#m_av_auftragsliste_auftrag_duplizieren_dialog #auftrags_inhalt_duplikat_auswahl .ein_auftrags_inhalt .auftrags_inhalt_stichwort{
 font-weight:bold;
 margin-left: 10px;
 font-size:15px;
}




/*------------------ Auftragsinhalte ---------------- ---------------------------------------*/

/*------------------ Auftragsverwaltung Kostenstellen ---------------------------------------*/

/*--- -Kostenstellen Liste--------------------------------------------------------------------*/

/*------------------ Arbeitszeit -------------------------------------------------------------*/

#m_av_arbeitszeit {
 width: 100%;
 display: flex;
 flex-direction: column;
}

#m_av_arbeitszeit header {
 display: flex;
}

#m_av_arbeitszeit header #m_av_arbeitszeit_ansichts_auswahl {
 margin-right: 10px;
}

#m_av_arbeitszeit header #m_av_arbeitszeit_ansichts_auswahl button {
 width: 135px;
 height: 30px;
}

#m_av_arbeitszeit header #m_av_mitarbeiter_auswahl {}

#m_av_arbeitszeit section {}

.m_av_arbeitszeit_arbeitsschritt.speichern,
.m_av_arbeitszeit_arbeitsschritt.active.speichern {
 background-color: rgba(255, 72, 0, 0.247);
}

#m_av_arbeitszeit_arbeitstag {
 display: flex;
}

#m_av_admin_funktionen {
 margin-bottom: 36px;
}

#m_av_monatsuebersicht {
 border: 1px solid;
 width: 100%;
 padding: 27px;
 display: none;
}

#m_av_monatsuebersicht #m_av_monatsuebersicht_container {
 display: flex;
}

#m_av_monatsuebersicht #m_av_monatsuebersicht_linke_spalte {
 width: 59%;
}

#m_av_monatsuebersicht #m_av_monatsuebersicht_rechte_spalte {}

#m_av_monatsuebersicht_liste>div {
 display: flex;
 /* justify-content: space-evenly; */
}

#m_av_monatsuebersicht_liste div div {
 flex-grow: 1;
 flex-basis: 0;
 padding: 9px;
}

#m_av_monatsuebersicht_liste>div:hover {
 background-color: rgba(255, 251, 0, 0.247);
 transition: 0.3s;
 cursor: pointer;
}

#m_av_arbeitszeit_ansichts_auswahl {
 text-align: right;
}

#m_av_arbeitszeit_ansichts_auswahl button.active {
 font-weight: bold;
}

#m_av_monatsuebersicht_liste .flex-container div {}

#m_av_arbeitszeit_aufgaben_eingabe_spalten {
 /* padding:27px; */
}

.m_av_arbeitszeit_unterbrechung_liste_zeile {
 padding-bottom: 18px;
}

.m_av_arbeitszeit_unterbrechungen {
 /* padding: 0 27px 27px 27px;
 margin-top: -54px; */
}

#m_av_arbeitszeit_unterbrechung_eingabe {
 margin-top: -4px;
}

.m_av_arbeitszeit_unterbrechung_eingabe {}

.m_av_arbeitszeit_unterbrechung_eingabe form div {
 margin-bottom: 5px;
 display: flex; 
 justify-content: center;
}

.m_av_arbeitszeit_unterbrechung_eingabe form div label {font-size: 0.75rem; line-height: 1rem;}
.m_av_arbeitszeit_unterbrechung_eingabe .formular_user div select {font-size: 0.75rem; line-height: 1rem; padding: 4px 7px;}
.m_av_arbeitszeit_unterbrechung_eingabe .formular_user div input {font-size: 0.75rem; line-height: 1rem; padding: 4px 7px;}
.m_av_arbeitszeit_unterbrechung_eingabe .formular_user div .input_submit {max-width: unset; width: auto; margin: 0; align-self: flex-end;}
.m_av_arbeitszeit_unterbrechung_eingabe .formular_user ._eine_zeile_form:nth-of-type(3) {align-self: flex-end;}

/* .formular_user .input_zeit {
 border-radius: 3px;
 padding: 6px 10px;
 border: 1px solid #c7c7c7;
 background-color: #f3f3f3;
 width: 77px;
}

.formular_user .input_zeit:focus {
 background-color: white;
} */
.m_av_dashboard_arbeitschschritte_unterbrechung_liste {
 display: flex;
 flex-direction: column;
 width: 261px;
 padding-left: 10px;
}

.m_av_dashboard_arbeitschschritte_unterbrechung_liste_eine_zeile {
 justify-content: space-between;
}

.m_av_dashboard_arbeitschschritte_unterbrechung_liste_eine_zeile_inhalt { width: 100%; justify-content: space-between; padding-right: 10px; align-items: center;}
.m_av_dashboard_arbeitschschritte_unterbrechung_liste_eine_zeile_inhalt>div {font-size: 0.75rem; line-height: 1rem;}

.m_av_dashboard_arbeitschschritte_unterbrechung_liste_eine_zeile_inhalt_bezeichnung {}

.m_av_dashboard_arbeitschschritte_unterbrechung_liste_eine_zeile_inhalt_wert {}

.m_av_dashboard_arbeitschschritte_unterbrechung_liste_eine_zeile_aktion {}

.m_av_arbeitszeit_arbeitsschritt {
 width: 360px;
 padding: 9px;
 border: 1px solid var(--farbe5);
}

#m_av_dashboard_arbeitschschritte {
 margin-top: 2px;
}



.m_av_arbeitszeit_arbeitsschritt .m_av_arbeitszeit_arbeitsschritt_id {
 font-size: 9px;
 color: #a8a8a8;
}

#m_av_arbeitszeit_seitenleiste {
 width: 190px;
}

#m_av_arbeitszeit_arbeitsschritte_details {
 width: 450px;

}

#m_av_arbeitszeit_seitenleiste,
#m_av_arbeitszeit_arbeitsschritte_details {
 border: 1px solid var(--farbe5);
 padding: 27px;
}

#m_av_arbeitszeit_arbeitsschritte_liste {
 padding: 27px 0px 27px 27px;
 border-top: 1px solid var(--farbe5);
 border-bottom: 1px solid var(--farbe5);
 /* width: 588px; */
}

.m_av_arbeitszeit_arbeitsschritt {
 transition: 0.3s;
}

.m_av_arbeitszeit_arbeitsschritt.active {
 background-color: rgba(255, 251, 0, 0.247);
 border-right: none;
 /* /*width:404px; */
 font-weight: bold;
}

.m_av_arbeitszeit_arbeitsschritt:hover {
 background-color: rgba(255, 251, 0, 0.247);
}

.m_av_arbeitszeit_arbeitsschritt_detail {
 display: none;
}

#m_av_rebeitszeit_seitenleiste .eine_zeile_form {
 margin: 4px 0;
}

#m_av_rebeitszeit_seitenleiste .input_submit {
 margin: 4px 0;
}

#m_av_rebeitszeit_seitenleiste .label_vor_input {
 min-width: 119px;
 width: 0%;
}

#m_av_rebeitszeit_seitenleiste .senden_button {
 justify-content: end;
}

#m_av_rebeitszeit_seitenleiste #m_av_arbeitszeit_start {}

#m_av_rebeitszeit_seitenleiste #m_av_arbeitszeit_ende {}

#m_av_arbeitszeit_aufgaben_eingabe textarea {
 width: 100%;
}


/* ----- */

#auftrags_details_container {
 width: 100%;
 padding: 25px;
 box-sizing: border-box;
}

#auftrags_details_container #auftrags_nummer {
 background-color: #d5d5d5;
 padding: 3px;
 border-radius: 3px;
 margin-left: -3px;
}

#auftrags_details_container #auftrags_nummer b {
 font-size: 18px;
}

#auftrags_details_container #ansprechpartner_container {
 margin-top: 25px;
}

#auftrags_details_container #ansprechpartner_container .ein_ansprechpartner {
 margin-bottom: 10px;
}

#auftrags_details_container #auftrags_details {}

#auftrags_details_container #auftrags_details_vertraulich {}

#auftrags_details_container header {
 background-color: white;
 display: flex;
 justify-content: space-between;
 ;
 margin-bottom: 25px;
}

#auftrags_details_container header div {
 display: flex;
 flex-direction: column;
}

#auftrags_details_container header div:nth-child(3) {
 align-self: flex-end;
}

#auftrags_details_container header div:nth-child(4) span img {
 width: 120px;
}

#auftrags_details_container #auftrags_details,
#auftrags_details_container #auftrags_details_vertraulich {
 display: flex;
 flex-direction: column;
}

#auftrags_details_container .zwei-spalten {
 display: flex;
 /* justify-content: center */
}

#auftrags_details_container .zwei-spalten fieldset {
 width: 50%;
 display: flex;
 justify-content: flex-start;
 flex-direction: column;
}

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

.tooltip .tooltiptext {
 visibility: hidden;
 width: 233px;
 background-color: var(--hauptfarbe);
 color: #fff;
 text-align: center;
 padding: 3px 2px;
 position: absolute;
 z-index: 1;
 margin-left: 26px;
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px;
 opacity: 0.9;
 border: 1px solid #979797;
 ;
 height: 19px;
}

.tooltip:hover .tooltiptext {
 visibility: visible;
}

.av_dashboard_arbeitsschritt_entfernen,
.av_dashboard_arbeistschritt_aktualisieren {
 margin-right: 4px !important;
 margin-top: 0px !important;
 margin-bottom: 0px !important;
 margin-left: 0px !important;
}


.arbeitstag_beenden,
.kein_margin {
 margin-top: 0px !important;
 margin-bottom: 0px !important;
 margin-bottom: 1px !important;
 margin-left: 1px !important;
}

.runder_grauer_button_rechts {color: white; background-color: var(--hauptfarbe); width: 22px; border-radius: 50%; margin-left: -4px; height: 22px; border: none; padding: 0;}
.runder_grauer_button_rechts:hover {cursor: pointer;}

.runder_grauer_button_mit_tooltip {
 border: 1px solid #979797;
 ;
 border-radius: 30px;
 color: white;
 background-color: var(--hauptfarbe);
 width: 26px;
}

.runder_grauer_button_mit_tooltip:hover {
 border: 1px solid #979797;
 ;
 border-top-left-radius: 30px;
 border-top-right-radius: 7px;
 border-bottom-right-radius: 7px;
 border-bottom-left-radius: 30px;
 color: white;
 background-color: var(--hauptfarbe);
 width: 26px;
}

.m_av_dashboard_arbeitsschritte_unterbrechung_liste_eine_zeile {margin-bottom: 4px;}

#m_av_dashboard_arbeitstag_arbeitsantritt_aktualisieren {
 margin-bottom: 10px;
}

#m_av_unterbrechung_select {
 border: 1px solid #d8d8d8;
 height: 32px;
 border-radius: 0;
}

.m_av_dashboard_input_zeit_eingabe {
 padding: 6px 3px 6px 6px;
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
 border: 1px solid #cecdcd;

}

#m_av_dashboard_fehlermeldungen {
 margin: 0px 0 26px;
 color: #cc1010;
 font-weight: bold;
}


/*--------------------------------------------------------------------------------------------------------------*/

#m_av_monatsauswertung_navigation {
 /* width: 442px; */

 height: 25px;
}

#m_av_monatsauswertung_navigation form {
 display: flex;
 height: 25px;

}

#m_av_monatsauswertung_navigation .eine_zeile {
 display: flex;
}

#m_av_monatsauswertung_navigation .eine_zeile label {
 min-width: 200px;
}

#m_av__monatsauswertung_daten_ausgabe .eine_zeile {
 display: flex;
 justify-content: space-between;
}

#m_av__monatsauswertung_daten_ausgabe .eine_zeile label {
 min-width: 172px;
}

#m_av_monatsauswertung_navigation .eine_zeile {

 width: 3.3rem;
}

#m_av_gesammte_wochenstunden_anzeige {
 font-weight: bold;
}

#m_av_arbeitstag_typ_auswahl {
 border-radius: 3px;
 padding: 19px;
 margin: 6px;
}

#m_av_arbeitstag_typ_auswahl .m_av_arbeitstag_typ_auswahl_submit {
 margin-left: 4px;
 margin-top: 5px;
 width: 106px;
 margin-bottom: 3px;
}

#m_av_dashboard_unterbrechung_gesammter_schritt_form {
 margin-left: 6px;
 margin-top: 10px;
 border-radius: 5px;
 transition: all 125ms ease-in-out;
 border: 2px solid #e3e3e3;
 
}

#m_av_arbeistschritt_start_zeit{
 outline: none;
}

#m_av_dashboard_unterbrechung_gesammter_schritt_form.fokus {
 border: 2px solid #007aff
}

#monatsauswertungs_tabelle,
#auftrags_auswertungs_tabelle {
 border: 1px solid #DDD;
 width: 100%;
 border-radius: 5px;
 padding: 10px;
}

#monatsauswertungs_tabelle {
 text-align: center;
}

#auftrags_auswertungs_tabelle {
 text-align: left;
}

#monatsauswertungs_tabelle td,
#auftrags_auswertungs_tabelle td {
 padding: 4px;
}

#monatsauswertungs_tabelle tr:nth-child(even),
#auftrags_auswertungs_tabelle tr:nth-child(even) {
 background: #DDD
}

#monatsauswertungs_tabelle tr:nth-child(odd),
#auftrags_auswertungs_tabelle tr:nth-child(odd) {
 background: #FFF
}

#monatsauswertungs_tabelle tr.wochenende {
 font-style: italic;
}

#auftrags_auswertungs_tabelle tbody tr td:nth-child(5) {
 width: 115px;
}

#auftrags_auswertungs_tabelle tbody tr td:nth-child(6) {
 width: 65px;
}


#inc_av_monatsauswertung_daten_ausgabe {
 /* margin:25px 0 50px 0 ; */
 padding-left: 25px;
}

#inc_av_monatsauswertung_daten_ausgabe .eine_zeile {
 display: flex;
}

#inc_av_monatsauswertung_daten_ausgabe .eine_zeile label {
 width: 276px;
}

#inc_av_monatsauswertung_daten_ausgabe .eine_zeile div {
 text-align: right;
 width: 71px;
}

.urlaub_krankheitstag_meldung {
 padding-left: 7px;
}

#monats_tages_auswertung {
 width: 800px;
 margin-bottom: 50px;
}

#monats_tages_auswertung .wert_nicht_standard {
 color: red;
}

#monatsauswertung_meldungen {
 border: 1px solid;
 color: red;
 padding: 25px;
 border-radius: 5px;
 background-color: #ffe4e4;
 margin-bottom: 50px;
 margin-top: 33px;
 width: 662px;
 text-align: center;
}

.dashboard_arbeitstag_auswahl_form .wochenende {
 font-weight: bold;
 font-style: italic;
}

/* ----------------------------------------------------- */
#m_av_monatsauswertung_checkbox {
 display: none;
}

#m_av_monatsauswertung_label {
 display: block;
 margin: 0 0 1px 0;
 cursor: pointer;
 /* background: #6AAB95; */
 border-radius: 3px;
}

#m_av_monatsauswertung_label h3 {
 text-decoration: underline;
}

#m_av_monatsauswertung_label h3:hover {
 -webkit-user-select: none;
 /* Safari */
 -moz-user-select: none;
 /* Firefox */
 -ms-user-select: none;
 /* IE10+/Edge */
 user-select: none;
 /* Standard */

 color: var(--hauptfarbe);
}

.m_av_monatsauswertung_inhalt {
 background: #E2E5F6;
 padding: 10px;
 border: 1px solid #A7A7A7;
 margin: 0 0 1px 0;
 border-radius: 3px;
}

#m_av_monatsauswertung_checkbox+#m_av_monatsauswertung_label+.m_av_monatsauswertung_inhalt {
 display: none;
}

#m_av_monatsauswertung_checkbox:checked+#m_av_monatsauswertung_label+.m_av_monatsauswertung_inhalt {
 display: block;
}

#monats_ueber_unterstunden_startwert_time_label {
 cursor: help;
}

#inc_av_monatsauswertung_daten_ausgabe h4 {

 margin: 0;
 padding: 0;

}

#inc_av_monatsauswertung_daten_ausgabe section aside {
 margin-left: 25px;
 margin-bottom: 25px;
}

#monats_urlaubstage_startwert {
 width: 55px;
 margin-bottom: 5px;
}

#monats_ueber_unterstunden_startwert_time_string {
 width: 45px;
}

/* ----------------------------------------------------- */
#auftrags_auswertungs_container {
 width: 100%;
}

nav#auftrags_auswertungs_navigation {
 display: flex;
}

nav#auftrags_auswertungs_navigation form {
 margin-right: 5px;
}

#auftrags_auswertungs_ansichtsmodus_form {
 margin: 25px 0 25px
}


#auftrags_auswertungs_ansichtsmodus_meldung {
 padding: 50px;
 width: 100%;
 margin: 0 auto;
 text-align: center;
 background-color: #e3e3e3;
 border: 1px solid black;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 border-top: none;
 border-right: 1px solid #d2d2d2;
 border-left: 1px solid #d2d2d2;
 border-bottom: 1px solid #d2d2d2;

}

section#auftrags_auswertungs_auftrags_daten {
 margin-top: 25px;
}

section#auftrags_auswertungs_auftrags_daten div {
 display: flex;
}

section#auftrags_auswertungs_auftrags_daten div span {
 width: 135px;
}

section#auftrags_auswertungs_auftrags_daten div div {}


#eiligkeit_fuer_angezeigte_objekte_neu_berechnen{
 float:right;
 padding: 6px;
 margin-right: 0 !important;
}

#m_av_eiligkeit_gesamt_neu_berechnen_form{
 text-align: center;
}

#m_av_eiligkeit_gesamt_neu_berechnen{
 font-size: 0.65rem !important;
 padding: 0 4.3px 0 4.3px !important;
 border: 1px solid;
 margin-top: 23px;
 margin-bottom: 0;
}


.m_av_dashboard_ein_auftrag_eiligkeit_anzeige{
 font-size:0.65rem;
 line-height: 0.65rem;
 float: right;
 margin-right: 5px;
}

.dashboard_ein_auftrag_termin{
 font-size:0.7rem;
 line-height: 0.7rem;
}

#av_arbeitszeit_auftrag_beginnen_label{
 font-size: 0.65rem !important;
 padding: 0 1.3px 0 9.3px !important;
}
#av_arbeitszeit_auftrag_beginnen{
 padding: 0 4px 0 4px !important;
 margin: 23px 0 10px;
}
#av_arbeitszeit_auftrag_beginnen,
.av_arbeitszeit_auftrag_beginnen,
.av_arbeitszeit_auftrag_details_anzeigen,
.av_arbeitszeit_auftrag_bearbeiten_anzeigen,
.m_av_dashboard_eine_aufgabe_bearbeiten,
.m_av_dashboard_eine_aufgabe_aufgabe_erledigt
{
 font-size: 0.65rem !important;
 padding: 0 4.3px 0 4.3px !important;
 border: 1px solid;
}

.av_arbeitszeit_auftrag_details_anzeigen{

}


.m_av_dashboard_tab_meldung{
 font-size: 0.65rem !important;
 text-align: center;
}

.dashboard_sidebar_header{
 display:flex;
 justify-content: space-between;
}
.termin_ueberfallig_meldung{
 margin-left: 5px;
 color: red;
 background-color: red;
 border-radius: 11px;
 width: 18px;
 margin-bottom: 1px;
 border: 1px solid #8f101e7d;
}
.dashboard_auftrag_aktionen_container{
 display:flex;
}