/* Emails in Stream verstecken */
/* div[data-scope="Contact"] .list-group-item:has(.fa-envelope) {
    display: none !important;
} */

a.btn[data-name="runWorkflow_694131da1d5e9d1a7"],
a.btn[data-name="runWorkflow_694172e01b69b0a5e"],
a.btn[data-name="runWorkflow_694174780d834cbcf"]
{
    display: none;
}


.kanban-head-container:has(th[data-name="Angemeldet"]):has(th[data-name="Nachgefragt"]) {
  display: none;
}

.kanban-head-container.force-visible {  
    display: block !important;  
    visibility: visible !important;  
}  
  
.kanban-head-container.force-hidden {  
    display: none !important;  
}

/* mProcess */

.mstream .mNote div:not(.minfo):not(.date):not(.icon)
{
    font-weight: bold !important;
}

.list-kanban:not([data-scope="Task"]) .kanban-head-container {
    /* display: none !important; */
}

a.btn[data-name="runWorkflow_67d03c12f38fe3c18"]:hover::after {
    opacity: 1;
    visibility: visible;
}
/* Angerufen nicht erreicht Button */
a.btn[data-name="runWorkflow_684c073210052d184"]
{
    order: -10;
    background-color: #e47233;
    border-color: #e47233;
    font-size: 0;
}
a.btn[data-name="runWorkflow_684c073210052d184"]:hover
{
    background-color: #da5e1b;
    border-color: #da5e1b;
}
a.btn[data-name="runWorkflow_684c073210052d184"]::before {
    font-family: 'Font Awesome 6 Free'; /* oder die passende Font Awesome Font */
    font-weight: 900; /* für solid icons */
    content: "\f3dd"; /* Unicode für fa-phone-slash */
    font-size: 1rem !important;
}
a.btn[data-name="runWorkflow_684c073210052d184"]::after {
    content: "Telefonisch nicht erreicht";
    position: absolute;
    left: 50%;
    bottom: -125%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}
a.btn[data-name="runWorkflow_684c073210052d184"]:hover::after {
    opacity: 1;
    visibility: visible;
}


.list-kanban:not([data-scope="Task"]) div.kanban-head-container > table > thead tr.kanban-row {
    overflow: visible !important;
    grid-column-gap: 0 !important;
}

.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header {
  --bg-color: #999999;
  background-color: var(--bg-color);
  text-align: center;
  clip-path: polygon(
    0 0,
    calc(100% - 15px) 0,
    100% 50%,
    calc(100% - 15px) 100%,
    0 100%,
    15px 50%
  );
  margin-left: -12px !important;
  z-index: 1;
  border-radius: 8px 0 0 8px; /* linke Seite abgerundet */
}

.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header:hover
{
  cursor: auto !important;
}

.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header:first-child {
  clip-path: polygon(
    0 0,
    calc(100% - 15px) 0,
    100% 50%,
    calc(100% - 15px) 100%,
    0 100%
  );
  margin-left: 0;
  z-index: 2;
}



/* letzte bleibt rechteckig */
.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header:last-child {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 15px 50%);
}

/* Beispiel-Farben */
.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header-primary      { --bg-color: #49759c; }
.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header-violet       { --bg-color: #6F42C1; }
.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header-mDarkOrange  { --bg-color: #C9871B; }
.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header-pink         { --bg-color: #ec407a; }
.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header-green        { --bg-color: #28A745; }
.list-kanban:not([data-scope="Task"]) .kanban-head-container .group-header-brightRed    { --bg-color: #d32f2f; }




/* my Actitivity Stream */
.mstream div.icon
{
    width: 20px !important;
}
.mstream div.icon .fas
{
    font-size: 0.8rem !important;
}
.list-container.mstream li.in
{
    background-color: #00800012 !important;
}

.list-container.mstream li.mNote
{
    background-color:  #c7c7bf1f!important
}

.list-container.mstream li.pinned
{
    background-color: #fff8971f !important
}
.mpin
{
    padding-right: 10.9px;
}

.mpost
{
    margin-bottom: 14px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -14px;
}
.divider-pinned
{
    border-bottom: 1px solid grey;
}

div[data-name="cFollowUpMail"] > .header-field
{
    display: flex;
}

div[data-name="cFollowUpMail"] .main-header-line
{
    margin-right: 8px;
}



.mstream li
{
    border-left: 0 !important;
    border-right: 0 !important;
    border-top-color: rgb(224, 226, 227) !important;
}

.mrow
{
    display: block;
}
.mrow .minfo
{
    display: flex;
    font-size: .8rem;
    margin-bottom: -8px;
}
.mrow .cell-buttons
{
    margin-left: auto;
}

.mbuttons .attachments-container
{
    margin-left: 4px;
}
.mbuttons{
    margin-bottom: 8px;
}

.mstream div.date
{
    width: 110px !important;
}

/* Abmelden Button */
a.btn[data-name="runWorkflow_67dd459ad9ac13612"]
{
    order: -1;
    font-size: 0;
    margin-right: .5rem;
}
a.btn[data-name="runWorkflow_67dd459ad9ac13612"]::before {
    font-family: 'Font Awesome 6 Free'; /* oder die passende Font Awesome Font */
    font-weight: 900; /* für solid icons */
    content: "\f235"; /* Unicode für fa-phone-slash */
    font-size: 1rem !important;
}
a.btn[data-name="runWorkflow_67dd459ad9ac13612"]::after {
    content: "Abmelden";
    position: absolute;
    left: 50%;
    bottom: -125%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}
a.btn[data-name="runWorkflow_67dd459ad9ac13612"]:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Kennenlerntermin Button */
a.btn[data-name="runWorkflow_67ee7fa02d430495c"]
{
    order: -1;
    background-color: #aab75f;
    border-color: #aab75f;
    font-size: 0;
    margin-right: .5rem;
}
a.btn[data-name="runWorkflow_67ee7fa02d430495c"]:hover
{
    background-color: #86914b;
    border-color: #86914b;
}
a.btn[data-name="runWorkflow_67ee7fa02d430495c"]::before {
    font-family: 'Font Awesome 6 Free'; /* oder die passende Font Awesome Font */
    font-weight: 900; /* für solid icons */
    content: "\f2b5"; /* Unicode für fa-phone-slash */
    font-size: 1rem !important;
}
a.btn[data-name="runWorkflow_67ee7fa02d430495c"]::after {
    content: "Kennenlerntermin ausgemacht";
    position: absolute;
    left: 50%;
    bottom: -125%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}
a.btn[data-name="runWorkflow_67ee7fa02d430495c"]:hover::after {
    opacity: 1;
    visibility: visible;
}

div[data-scope="Contact"] .side.tabs-margin {
  display: flex;
  flex-direction: column; /* oder row, je nach Layout */
}

div[data-scope="Contact"] .panel[data-name="Ausbildungen"] {
  order: 2;
}

div[data-scope="Contact"] .panel[data-name="default"] {
  order: 1;
}

div[data-scope="Contact"] .panel[data-name="Offene Kursgebühr"] {
  order: 3;
}
.mTable
{
    width: 100%;
}

.mTable .mValue
{
    text-align: right;
}

.mTable .mOffen
{
    color: red;
}
.mTable .mBezahlt
{
    color: green;
}