/* _content/NetConWeb/Layouts/MainLayout.razor.rz.scp.css */
.mobileContent[b-pndy3mnhvd] {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .desktopContent[b-pndy3mnhvd] {
        top: 9vh;
        height: 91vh;
        overflow-y: overlay;
        position: relative;
        width: 100vw;
    }

    .mobileContent[b-pndy3mnhvd] {
        top: 9vh !important;
    }
}

/*Desktop Styles */
@media only screen and (min-width: 1081px) {
    .desktopContent[b-pndy3mnhvd] {
        top: 9vh;
        height: 91vh;
        overflow-y: overlay;
        position: relative;
        width: calc(100vw - 250px);
    }
}
/* _content/NetConWeb/View/Base/HomeView.razor.rz.scp.css */
/*::deep .button-ChartSelect {
    z-index: 1;
    position: absolute;
    left: 580px;
}

::deep .chartToggle {
    position: absolute;
    left: 700px;
    margin-top: -40px;
}*/

[b-znom8lidwg] .table-row {
    padding: 0.1rem !important;
}

[b-znom8lidwg] .messageContainer {
    flex-flow: column !important;
    margin-top: 10px;
}

[b-znom8lidwg] .dxbl-fl .dxbl-fl-item .dxbl-fl-ctrl-nc, .dxbl-fl .dxbl-fl-item .dxbl-fl-empty-caption + .dxbl-fl-ctrl[b-znom8lidwg] {
    margin-top: inherit;
}
/* _content/NetConWeb/View/Base/LoginView.razor.rz.scp.css */
.loginForm div.transbox[b-g0679576tl] {
    opacity: 0.9;
    border-radius: 8px;
    -webkit-animation: fadein 1s;
    background-color: #f6f6f6;
}

#footer[b-g0679576tl] {
    position: fixed;
    bottom: -1%;
    margin: -1% auto 0% auto;
    text-align: center;
    opacity: 0.9;
    border-radius: 10px;
    padding: 1% 5% 0% 5%;
    -webkit-animation: fadein 1s;
    background-color: #f6f6f6;
}

.validation-message[b-g0679576tl] {
    color: red;
    font-size: small;
    font-weight: bold;
    text-align: center;
}

/*Very Large */
@media only screen and (min-width: 1600px) {
    .loginForm div.transbox[b-g0679576tl] {
        width: 22%;
        margin: 7em auto 10em auto;
        padding: 2%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    #footer[b-g0679576tl] {
        left: 37.5%;
    }
}

/*Desktop Styles */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .loginForm div.transbox[b-g0679576tl] {
        width: 35%;
        margin: 7em auto 10em auto;
        padding: 2%;
    }

    #footer[b-g0679576tl] {
        left: 25%;
        right: 25%;
    }
}

/*Large style*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .loginForm div.transbox[b-g0679576tl] {
        width: 45%;
        margin: 7em auto 10em auto;
        padding: 5%;
    }

    #footer[b-g0679576tl] {
        left: 20%;
        right: 20%
    }
}

/*mid*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .loginForm div.transbox[b-g0679576tl] {
        width: 51%;
        margin: 7em auto 10em auto;
        padding: 3%;
    }

    #footer[b-g0679576tl] {
        left: 15%;
        right: 15%
    }
}

/*Small*/
@media only screen and (min-width: 567px) and (max-width: 767px) {
    .loginForm div.transbox[b-g0679576tl] {
        width: 70%;
        margin: 7em auto 10em auto;
        padding: 5%;
    }

    #footer[b-g0679576tl] {
        left: 1%;
        right: 1%
    }
}

/*Very Small*/
@media only screen and (max-width: 566px) {
    .loginForm div.transbox[b-g0679576tl] {
        width: 100%;
        margin: 7em auto 10em auto;
        padding: 5%;
    }

    #footer[b-g0679576tl] {
        left: 1%;
        right: 1%
    }
}

.loginForm img.align-center[b-g0679576tl] {
    padding: 1%;
    display: block;
    margin: 0px auto;
}

.loginForm a:hover[b-g0679576tl] {
    color: lightgrey;
    text-decoration: none;
}

.loginForm a:active[b-g0679576tl] {
    color: black;
}
#footer a[b-g0679576tl] {
    color: black;
}
/* _content/NetConWeb/View/Base/ResetPasswordView.razor.rz.scp.css */
.loginForm div.transbox[b-lpys2dg5rn] {
    opacity: 0.95;
    border-radius: 8px;
    -webkit-animation: fadein 1s;
    background-color: #f6f6f6;
}

#footer[b-lpys2dg5rn] {
    position: fixed;
    bottom: -1%;
    margin: -1% auto 0% auto;
    text-align: center;
    opacity: 0.9;
    border-radius: 10px;
    padding: 1% 5% 0% 5%;
    -webkit-animation: fadein 1s;
    background-color: #f6f6f6;
}

.validation-message[b-lpys2dg5rn] {
    color: red;
    font-size: small;
    font-weight: bold;
    text-align: center;
}

/*Very Large */
@media only screen and (min-width: 1600px) {
    .loginForm div.transbox[b-lpys2dg5rn] {
        width: 22%;
        margin: 7em auto 10em auto;
        padding: 2%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    #footer[b-lpys2dg5rn] {
        left: 37.5%;
    }
}

/*Desktop Styles */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .loginForm div.transbox[b-lpys2dg5rn] {
        width: 35%;
        margin: 7em auto 10em auto;
        padding: 2%;
    }

    #footer[b-lpys2dg5rn] {
        left: 25%;
        right: 25%;
    }
}

/*Large style*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .loginForm div.transbox[b-lpys2dg5rn] {
        width: 45%;
        margin: 7em auto 10em auto;
        padding: 5%;
    }

    #footer[b-lpys2dg5rn] {
        left: 20%;
        right: 20%
    }
}

/*mid*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .loginForm div.transbox[b-lpys2dg5rn] {
        width: 51%;
        margin: 7em auto 10em auto;
        padding: 3%;
    }

    #footer[b-lpys2dg5rn] {
        left: 15%;
        right: 15%
    }
}

/*Small*/
@media only screen and (min-width: 567px) and (max-width: 767px) {
    .loginForm div.transbox[b-lpys2dg5rn] {
        width: 70%;
        margin: 7em auto 10em auto;
        padding: 5%;
    }

    #footer[b-lpys2dg5rn] {
        left: 1%;
        right: 1%
    }
}

/*Very Small*/
@media only screen and (max-width: 566px) {
    .loginForm div.transbox[b-lpys2dg5rn] {
        width: 100%;
        margin: 7em auto 10em auto;
        padding: 5%;
    }

    #footer[b-lpys2dg5rn] {
        left: 1%;
        right: 1%
    }
}

.loginForm img.align-center[b-lpys2dg5rn] {
    padding: 1%;
    display: block;
    margin: 0px auto;
}

.loginForm a:hover[b-lpys2dg5rn] {
    color: lightgrey;
    text-decoration: none;
}

.loginForm a:active[b-lpys2dg5rn] {
    color: black;
}
/* _content/NetConWeb/View/Components/AccuracyColorButton.razor.rz.scp.css */
.colorBtn[b-yhdbarzjj4] {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    box-shadow: 0 0 2px 1px #122538;
} 
/* _content/NetConWeb/View/Components/EditCivilEngineerAllowedMailBasketProject.razor.rz.scp.css */
.tagBox[b-o1a93z5d0v] {
    border-color: lightgray;
    border: 1px solid;
}
/* _content/NetConWeb/View/Components/FileUpload.razor.rz.scp.css */
table[b-6yh1rukkiy] {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td[b-6yh1rukkiy], th[b-6yh1rukkiy] {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-weight: normal;
}

th[b-6yh1rukkiy] {
    cursor: pointer;
}

tr:nth-child(even)[b-6yh1rukkiy] {
    background-color: #dddddd;
}

.thheader[b-6yh1rukkiy] {
    font-weight: bold;
    cursor: default;
    padding: 3px 0 0 10px;
}

[b-6yh1rukkiy] .dxbl-form-layout-item {
    margin-top: 0;
}

.file-table[b-6yh1rukkiy] {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.drop-zone[b-6yh1rukkiy] {
    padding: 3px !important;
    border: 1px dashed lightgray !important;
    display: block;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: whitesmoke;
    
}

    .drop-zone:hover[b-6yh1rukkiy] {
        border-style: solid;
    }

[b-6yh1rukkiy] .dxbl-fl .dxbl-fl-item .dxbl-fl-ctrl-nc, .dxbl-fl .dxbl-fl-item .dxbl-fl-empty-caption + .dxbl-fl-ctrl[b-6yh1rukkiy] {
    margin-top: 0px !important;
    height: 100px;
    overflow: auto;
}
/* _content/NetConWeb/View/Components/Footer.razor.rz.scp.css */
#footer[b-lb7bwllj96] {
    position: fixed;
    bottom: 0%;
    margin: -1% auto 0% auto;
    text-align: center;
    opacity: 0.9;
    border-radius: 10px;
    padding: 1% 10% 0% 10%;
    -webkit-animation: fadein 1s;
    background-color: #f6f6f6;
    padding-top: 8px;
}

/*Very Large */
@media only screen and (min-width: 1600px) {
    #footer[b-lb7bwllj96] {
        left: 40%;
    }
}

/*Desktop Styles */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    #footer[b-lb7bwllj96] {
        left: 25%;
        right: 25%;
    }
}

/*Large style*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #footer[b-lb7bwllj96] {
        left: 20%;
        right: 20%
    }
}

/*mid*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #footer[b-lb7bwllj96] {
        left: 15%;
        right: 15%
    }
}

/*Small*/
@media only screen and (min-width: 567px) and (max-width: 767px) {
    #footer[b-lb7bwllj96] {
        left: 1%;
        right: 1%
    }
}

/*Very Small*/
@media only screen and (max-width: 566px) {
    #footer[b-lb7bwllj96] {
        left: 1%;
        right: 1%
    }
}
/* _content/NetConWeb/View/Components/HeaderMenu.razor.rz.scp.css */
.notificationBellContainer[b-44l8h4gwgh] {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.notificationBell[b-44l8h4gwgh] {
    color: #FF461F;
}

.notificationBellCounter[b-44l8h4gwgh] {
    vertical-align: super;
    font-size: 7pt;
}

.notificationSidebar[b-44l8h4gwgh] {
    position: absolute;
    top: 83px;
    width: 350px;
    right: -25px;
    height: 100vh;
    z-index: 100;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    transition: width 200ms ease;
    border-left: solid 1px lightgray;
    text-align: center;
    padding-top: 10px;
}

.notification[b-44l8h4gwgh] {
    margin: 5px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    text-align: center;
    background-color: #ebedeb;
    max-height: 160px;
    overflow-y: auto;
}

    .notification:hover[b-44l8h4gwgh] {
        box-shadow: 0px 0px 4px 2px lightgray;
    }

.notification-title[b-44l8h4gwgh] {
    width: 100%;
    border-bottom: 1px solid lightgray;
}

.notification-text[b-44l8h4gwgh] {
    overflow-y: auto;
    text-overflow: ellipsis;
    max-height: 350px;
}

.notification-button-container[b-44l8h4gwgh] {
    display: flex;
}

.notification-button[b-44l8h4gwgh] {
    cursor: pointer;
    color: #4f4e4e;
    margin: 2px 3px 0px 0px;
    font-size: small
}

.signalRCallIcon[b-44l8h4gwgh] {
    height: 4.5vh;
    width: 4.5vh;
    background-color: #9ca3af;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: rotate(-90deg);
    flex-shrink: 0;
}

    .signalRCallIcon svg[b-44l8h4gwgh] {
        height: 50%;
        width: 50%;
    }

    .signalRCallIcon.active[b-44l8h4gwgh] {
        background-color: #10b981;
    }

    .signalRCallIcon.inactive[b-44l8h4gwgh] {
        background-color: #9ca3af;
    }

.signalRCallIconContainer[b-44l8h4gwgh] {
    position: relative;
    display: inline-block;
}

.signalRCallIconBadge[b-44l8h4gwgh] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--sideBarColor);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 0 0 2px white;
}
/* _content/NetConWeb/View/Components/Map.razor.rz.scp.css */
#mapOuter[b-sua0kzrpv0] {
    position: fixed;
    height: 68%;
    width: 75%;
    z-index: 10;
}

#mapContent[b-sua0kzrpv0] {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#mapLegend[b-sua0kzrpv0] {
    position: relative;
    top: 35px;
    height: 30px;
    width: 90%;
    transform: translateY(-100%);
}
/* _content/NetConWeb/View/Components/PdfViewer.razor.rz.scp.css */
.pagerWrapper[b-p92reo5lnf] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
/* _content/NetConWeb/View/Components/SidebarLinkItem.razor.rz.scp.css */
.sidebarLinkItem[b-58937hm4po] {
    cursor: pointer;
    padding: 5px 10px 10px 10px;
}

    .sidebarLinkItem:hover[b-58937hm4po] {
        box-shadow: 0px 0px 4px 2px lightgray;
        background-color: lightgray;
    }

.sidebarLinkItemHover[b-58937hm4po] {
    box-shadow: 0px 0px 4px 2px lightgray;
    background-color: lightgray;
}
/* _content/NetConWeb/View/Components/SignalRTapiToast.razor.rz.scp.css */
.tapiToast[b-6zjzhgmxn5], .tapiToastSmall[b-6zjzhgmxn5] {
    height: 235px;
    width: 400px;
    position: absolute;
    bottom: 50px;
    right: 20px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), 0 4px 6px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08);
    opacity: 0;
    transition: right 1s ease, opacity 1s ease;
    font-family: 'Nunito', sans-serif;
    z-index: 10000;
}

    .tapiToast.show[b-6zjzhgmxn5], .tapiToastSmall.show[b-6zjzhgmxn5] {
        opacity: 1;
        transition: right 1s ease, opacity 1s ease;
    }

.statusLine[b-6zjzhgmxn5] {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px 0px 15px;
    margin-top: 16px;
    
}
.stateBlock[b-6zjzhgmxn5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
}

.stateIndicator[b-6zjzhgmxn5] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.callStatusText[b-6zjzhgmxn5] {
    display: flex;
    font-size: 16px;
    font-weight: 400;
}

.incomingCallIcon[b-6zjzhgmxn5] {
}
    .incomingCallIcon svg[b-6zjzhgmxn5] {
    }

.stateRinging[b-6zjzhgmxn5] {
    color: #f59e0b;
    font-weight: bold;
}

.phoneIcon.ringing[b-6zjzhgmxn5] {
    /*    animation: pulse 1.5s infinite;
    animation: shake 0.4s infinite;*/
    animation: pulse-b-6zjzhgmxn5 1.5s infinite, shake-diagonal-b-6zjzhgmxn5 3.5s infinite;
}

    .stateRinging .stateIndicator[b-6zjzhgmxn5] {
        background-color: #fbc029;
    }

.stateAccepted[b-6zjzhgmxn5] {
    color: #10b981;
    font-weight: bold;
}

    .stateAccepted .stateIndicator[b-6zjzhgmxn5] {
        background-color: #34d399;
    }

.stateHangUp[b-6zjzhgmxn5] {
    color: #6c757d;
    font-weight: bold;
}

    .stateHangUp .stateIndicator[b-6zjzhgmxn5] {
        background-color: #6c757d;
    }


.stateDefault[b-6zjzhgmxn5] {
    color: gray;
}

.stateDefault .stateIndicator[b-6zjzhgmxn5] {
    background-color: gray;
}

.phoneIcon[b-6zjzhgmxn5] {
    height: 20px;
    width: auto;
    margin-top: -3px;
}

.callTimer[b-6zjzhgmxn5], .callTimerStop[b-6zjzhgmxn5] {
    margin-left: 30px;
    color: #10b981;
    font-weight: bold;
    font-size: 16px;
}

.callTimerStop[b-6zjzhgmxn5] {
    margin-left: 62px;
    color: #6c757d;
}

.numberLine[b-6zjzhgmxn5] {
    display: flex;
}

.copyIcon[b-6zjzhgmxn5] {
    padding: 5px 0 0 5px;
    cursor: pointer;
}

.copyIcon svg[b-6zjzhgmxn5] {
    height: 20px;
    width: 20px;
}

/*.searchInput {
    width: 80%;
    height: 40px;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
}*/

.searchField[b-6zjzhgmxn5] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0 2px 15px;
}

.searchInput[b-6zjzhgmxn5] {
    width: 80%;
    height: 44px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

    .searchInput:focus[b-6zjzhgmxn5] {
        border-color: #007bff;
        box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.2);
    }

    .searchInput[b-6zjzhgmxn5]::placeholder {
        color: #aaa;
        font-weight: 400;
    }




.callerNumber[b-6zjzhgmxn5] {
    margin-top: 15px;
    margin-left: 15px;
    font-size: 22px;
    font-weight: bold;
}

.callerName[b-6zjzhgmxn5] {
    margin-left: 15px;
    font-size: 18px;
    color: #4d5765;
}

.callerAddress[b-6zjzhgmxn5] {
    margin-left: 15px;
    font-size: 16px;
    color: #79808c;
}

.buttonBox[b-6zjzhgmxn5] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0px 10px;
    margin-top: 20px;
}

.buttonBilling[b-6zjzhgmxn5] {
    background-color: #eff6ff;
    color: #1b5cea;
}

.buttonContactCenter[b-6zjzhgmxn5] {
    background-color: #f5f3ff;
    color: #7631ec;
    justify-content: center;
}

.buttonTicket[b-6zjzhgmxn5] {
    background-color: #ecfdf5;
    color: #009062;
}

    .buttonBilling svg[b-6zjzhgmxn5], .buttonContactCenter svg[b-6zjzhgmxn5], .buttonTicket svg[b-6zjzhgmxn5] {
        height: 20px;
        width: 20px;
        margin-right: 6px;
        position: relative;
        top: 4px;
        left: 8px;
    }

.buttonBilling svg[b-6zjzhgmxn5] {
    top: 0px;
    left: 0px;
    margin-right: 2px;
}

.button[b-6zjzhgmxn5] {
    display: flex;
    width: 31%;
    height: 60px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
}

.iconText[b-6zjzhgmxn5] {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    text-align: left;
}

    .iconText svg[b-6zjzhgmxn5] {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

.buttonBilling[b-6zjzhgmxn5], .buttonContactCenter[b-6zjzhgmxn5], .buttonTicket[b-6zjzhgmxn5] {
    display: flex;
    width: 31%;
    height: 60px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .buttonBilling:hover[b-6zjzhgmxn5] {
        background-color: #dbeafe;
    }

    .buttonContactCenter:hover[b-6zjzhgmxn5] {
        background-color: #ede9fe;
    }

    .buttonTicket:hover[b-6zjzhgmxn5] {
        background-color: #d1fae5;
    }

    .buttonBilling:active[b-6zjzhgmxn5], .buttonContactCenter:active[b-6zjzhgmxn5], .buttonTicket:active[b-6zjzhgmxn5], .copyIcon svg:active[b-6zjzhgmxn5] {
        transform: scale(0.97);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }

.toastTrigger[b-6zjzhgmxn5], .toastTriggerSmall[b-6zjzhgmxn5] {
    position: absolute;
    top: 30%;
    right: 10px;
    height: 45px;
    width: 45px;
    cursor: pointer;
}

.tapiToastSmall[b-6zjzhgmxn5] {
    display: block;
    width: 80px;
    align-items: center;
}

.toastTriggerSmall[b-6zjzhgmxn5] {
    top: 80%;
    transform: rotate(180deg);
    right: 16px;
}

.contentBox[b-6zjzhgmxn5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.phoneIconSmall[b-6zjzhgmxn5] {
    margin-bottom: 15px;
    height: 20px;
    width: auto;
}

    .phoneIconSmall.ringing[b-6zjzhgmxn5] {
        animation: pulse-b-6zjzhgmxn5 1.5s infinite, shake-diagonal-b-6zjzhgmxn5 3.5s infinite;
    }

.buttonSmallBox[b-6zjzhgmxn5] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.buttonSmall[b-6zjzhgmxn5] {
    display: flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.buttonBillingSmall[b-6zjzhgmxn5], .buttonContactCenterSmall[b-6zjzhgmxn5], .buttonTicketSmall[b-6zjzhgmxn5] {
    display: flex;
    width: 70px;
    height: 40px;
    border-radius: 5px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    margin-top: 5px;

}

    .buttonBillingSmall svg[b-6zjzhgmxn5], .buttonContactCenterSmall svg[b-6zjzhgmxn5], .buttonTicketSmall svg[b-6zjzhgmxn5] {
        height: 20px;
        width: 20px;
        position: relative;
    }

.buttonBillingSmall[b-6zjzhgmxn5] {
    background-color: #eff6ff;
    color: #1b5cea;
}

.buttonContactCenterSmall[b-6zjzhgmxn5] {
    background-color: #f5f3ff;
    color: #7631ec;
}

.buttonTicketSmall[b-6zjzhgmxn5] {
    background-color: #ecfdf5;
    color: #009062;
}

.buttonBillingSmall:hover[b-6zjzhgmxn5] {
    background-color: #dbeafe;
}

.buttonContactCenterSmall:hover[b-6zjzhgmxn5] {
    background-color: #ede9fe;
}

.buttonTicketSmall:hover[b-6zjzhgmxn5] {
    background-color: #d1fae5;
}

.buttonBillingSmall:active[b-6zjzhgmxn5], .buttonContactCenterSmall:active[b-6zjzhgmxn5], .buttonTicketSmall:active[b-6zjzhgmxn5] {
    transform: scale(0.97);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}

@keyframes pulse-b-6zjzhgmxn5 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes shake-diagonal-b-6zjzhgmxn5 {
    0% {
        transform: translate(0, 0);
    }

    2% {
        transform: translate(1px, -1px);
    }

    4% {
        transform: translate(-1px, 1px);
    }
    6% {
        transform: translate(1px, -1px);
    }

    8% {
        transform: translate(-1px, 1px);
    }
    10% {
        transform: translate(1px, -1px);
    }

    12% {
        transform: translate(-1px, 1px);
    }

    14% {
        transform: translate(1px, -1px);
    }

    16% {
        transform: translate(-1px, 1px);
    }
    18% {
        transform: translate(1px, -1px);
    }

    20% {
        transform: translate(-1px, 1px);
    }

    22% {
        transform: translate(1px, -1px);
    }

    25% {
        transform: translate(-1px, 1px);
    }

    100% {
        transform: translate(0, 0);
    }
}
/* _content/NetConWeb/View/Data/Address/SalesPersonAddressView.razor.rz.scp.css */
.projContainer[b-zko075ijqy] {
    background-color: #e4eded;
    width: 100%;
    height: 100%;
    border: #e4eded solid 0.1px;
    box-shadow: 0px 0px 5px 0px black;
}
    .projContainer:hover[b-zko075ijqy] {
        cursor: pointer;
        box-shadow: 0px 0px 5px 2px black;
    }
/* _content/NetConWeb/View/Data/AIServiceStatistics/AITicketStatistics.razor.rz.scp.css */
.dashboard[b-78pbqpjvwx] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.dashboard-card[b-78pbqpjvwx] {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    flex: 1;
}

    .dashboard-card h4[b-78pbqpjvwx] {
        margin: 0 0 10px;
        font-size: 1.2rem;
        color: #343a40;
    }

    .dashboard-card p[b-78pbqpjvwx] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: bold;
        color: #007bff;
    }

.btn-primary[b-78pbqpjvwx] {
    background-color: #007bff;
    border-color: #007bff;
    padding: 8px 16px;
    margin-bottom: 20px;
}

.custom-table[b-78pbqpjvwx] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .custom-table th[b-78pbqpjvwx],
    .custom-table td[b-78pbqpjvwx] {
        border: 1px solid #dee2e6;
        padding: 8px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 150px;
    }

    .custom-table th[b-78pbqpjvwx] {
        background-color: #f9f9f9;
        cursor: pointer;
    }

.popup-content[b-78pbqpjvwx] {
    padding: 20px;
    font-size: 1rem;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 70vh;
    overflow-y: auto;
}

.buttonBox[b-78pbqpjvwx] {
    display: flex;
    gap: 15px;
}

.backgroundSpinner[b-78pbqpjvwx] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin-b-78pbqpjvwx 1s linear infinite;
}

.backgroundLoading[b-78pbqpjvwx] {
    display: flex;
    max-width: 100%;
    
}

@keyframes spin-b-78pbqpjvwx {
    0% {
        transform: rotate(0deg);
    }

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

/* _content/NetConWeb/View/Data/AppointmentAssistant/AppointmentAssistantView.razor.rz.scp.css */
.main-container[b-4l2fz5pcj5] {
    display: flex;
    height: calc(100vh - 120px);
    position: relative;
}

.calendar[b-4l2fz5pcj5] {
    flex: 1;
    padding: 10px 20px;
    background-color: #fff;
    overflow-y: auto;
}

.appointmentHeader[b-4l2fz5pcj5] {
    position: sticky;
    top: 0;
    z-index: 10;

    display: flex;
    align-items: center;
    padding: 0px 0px 10px 0px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.appointmentTitle[b-4l2fz5pcj5] {
    font-size: 21px;
    font-weight: 900;
    margin-right: 10px;
}

.saveButton[b-4l2fz5pcj5] {
    display: flex;
    align-items: center;
    background-color: #2563eb;
    color: white;
    border: none;
    padding: 5px 15px 5px 10px;
    border-radius: 8px;
    cursor: pointer;
    margin-left: 10px;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .saveButton:hover[b-4l2fz5pcj5] {
        background-color: #1e40af;
    }

    .saveButton:active[b-4l2fz5pcj5] {
        transform: scale(0.98);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }

    .saveButton.disabled[b-4l2fz5pcj5] {
        background-color: #ccc;
        cursor: not-allowed;
        opacity: 0.5;
        pointer-events: none;
    }

.svgIcon[b-4l2fz5pcj5] {
    display: flex;
    align-items: center;
    width: 13px;
    height: 13px;
    margin-right: 13px;
    padding: 0;
}

.buttonText[b-4l2fz5pcj5] {
    font-size: 14px;
}

.appointmentTabs[b-4l2fz5pcj5] {
    display: flex;
    background-color: #f3f4f6;
    padding: 4px 0px 4px 4px;
    border-radius: 10px;
    margin-left: 15%;
    color: #111827;
}

.tab[b-4l2fz5pcj5] {
    font-size: 15px;
    color: #6b7280;
}

    .tab.active[b-4l2fz5pcj5] {
        background-color: white;
        color: #3a4453;
        border-radius: 8px;
    }

.datePicker[b-4l2fz5pcj5] {
    display: flex;
    width: 210px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #333;
    font-weight: bold;
    margin-left: auto;
}

.chevron[b-4l2fz5pcj5], .chevronSidepanel[b-4l2fz5pcj5] {
    display: flex;
    align-items: center;
    width: 20px;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
}

    .chevron:hover[b-4l2fz5pcj5], .chevronSidepanel:hover[b-4l2fz5pcj5] {
        background-color: #e5e7eb;
    }

    .chevron:active[b-4l2fz5pcj5], .chevronSidepanel:active[b-4l2fz5pcj5] {
        transform: scale(0.92);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }


.sidebar[b-4l2fz5pcj5] {
    width: 300px;
    background-color: #fff;
    border-left: 1px solid #ddd;
    padding: 0px 20px 10px 20px;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    .sidebar[b-4l2fz5pcj5]::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }

    .sidebar.invisible[b-4l2fz5pcj5] {
        width: 30px;
    }

.chevronSidepanel[b-4l2fz5pcj5] {
    position: absolute;
    top: 12px;
    right: 5px;
    z-index: 1000;
}

.filterHeader[b-4l2fz5pcj5] {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
    font-size: 21px;
    font-weight: 900;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px 10px 0px;
    margin-bottom: 10px;
}

.filterName[b-4l2fz5pcj5], .settingsName[b-4l2fz5pcj5], .resultName[b-4l2fz5pcj5] {
    color: #394353;
    font-size: 14px;
}

.filterLabelBox[b-4l2fz5pcj5] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 0;
}

.filterProjectTag[b-4l2fz5pcj5],
.filterGebietTag[b-4l2fz5pcj5],
.filterPopTag[b-4l2fz5pcj5],
.filterDpTag[b-4l2fz5pcj5],
.filterStreetTag[b-4l2fz5pcj5],
.filterTiefbauerTag[b-4l2fz5pcj5] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    background-color: #f3f4f6;
    border-radius: 16px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    cursor: default;
}

    .filterProjectTag span[b-4l2fz5pcj5],
    .filterGebietTag span[b-4l2fz5pcj5],
    .filterPopTag span[b-4l2fz5pcj5],
    .filterDpTag span[b-4l2fz5pcj5],
    .filterStreetTag span[b-4l2fz5pcj5],
    .filterTiefbauerTag span[b-4l2fz5pcj5] {
        margin-left: 4px;
        cursor: pointer;
        font-size: 13px;
    }

        .filterProjectTag span:hover[b-4l2fz5pcj5],
        .filterGebietTag span:hover[b-4l2fz5pcj5],
        .filterPopTag span:hover[b-4l2fz5pcj5],
        .filterDpTag span:hover[b-4l2fz5pcj5],
        .filterStreetTag span:hover
        .filterTiefbauerTag span:hover[b-4l2fz5pcj5] {
            font-weight: 900;
            transform: scale(1.1);
            transition: all ease 0.2s;
        }

.filterProjectTag[b-4l2fz5pcj5] {
    color: #1e40af;
    background-color: #dbeafe;
}

.filterGebietTag[b-4l2fz5pcj5] {
    color: #2e774a;
    background-color: #dcfce7;
}

.filterPopTag[b-4l2fz5pcj5] {
    color: #7e22ce;
    background-color: #f3e8ff;
}

.filterDpTag[b-4l2fz5pcj5] {
    color: #b45309;
    background-color: #ffedd5;
}

.filterStreetTag[b-4l2fz5pcj5] {
    color: #b91c1c;
    background-color: #fee2e2;
}

.filterTiefbauerTag[b-4l2fz5pcj5] {
    color: #0e7490;
    background-color: #cffafe;
}

.filterBox[b-4l2fz5pcj5], .settingsBox[b-4l2fz5pcj5] {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.filterLabel[b-4l2fz5pcj5] {
    color: #394353;
    font-size: 12px;
    margin: 2px;
}

.filter-select[b-4l2fz5pcj5] {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.resultLine[b-4l2fz5pcj5] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.resultTabBox[b-4l2fz5pcj5] {
    display: flex;
    background-color: #f3f4f6;
    padding: 4px;
    border-radius: 12px;
    color: #111827;
    justify-content: space-between;
    gap: 4px;
    width: 110px;
}

.resultTab[b-4l2fz5pcj5] {
    font-size: 13px;
    color: #6b7280;
    cursor: pointer;
    padding: 4px 10px;
}

    .resultTab.active[b-4l2fz5pcj5] {
        background-color: white;
        color: #3a4453;
        border-radius: 8px;
    }

.clientCardBox[b-4l2fz5pcj5] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 5px;
}

.clientCard[b-4l2fz5pcj5] {
    display: flex;
    background-color: #f9fafb;
    border: 2px #e5e7eb solid;
    border-radius: 10px;
    padding: 15px 0 10px 15px;
    position: relative;
}

    .clientCard.yellow[b-4l2fz5pcj5] {
        border: 2px solid #eab308;
        background-color: #fefce8;
    }

    .clientCard.green[b-4l2fz5pcj5] {
        border: 2px solid #22c55e;
        background-color: #f0fdf4;
    }

    .clientCard.gray[b-4l2fz5pcj5] {
        border: 2px solid #6b7280;
        background-color: #e5e7eb;
    }

.clientName[b-4l2fz5pcj5] {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

.clientAdress[b-4l2fz5pcj5] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 5px;
}

.clientAddressFirst[b-4l2fz5pcj5], .clientAddressSecond[b-4l2fz5pcj5] {
    font-size: 14px;
    color: #4b5563;
    font-weight: 600;
    line-height: 1.2;
}

.popAndDp[b-4l2fz5pcj5] {
    display: flex;
    font-size: 13px;
    color: #6c7381;
    font-weight: 600;
    margin-top: 5px;
}

.resultLabelBox[b-4l2fz5pcj5] {
    display: flex;
    position: absolute;
    top: 0px;
    right: 10px;
    height: 25px;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.svgResultIcon[b-4l2fz5pcj5] {
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px;
    padding: 0;
}

.firstResultLabel[b-4l2fz5pcj5], .secondResultLabel[b-4l2fz5pcj5] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.resultPlusButton[b-4l2fz5pcj5] {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.clientAddCardButton[b-4l2fz5pcj5] {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background-color: #757c89;
    font-size: 25px;
    color: #f9fafb;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .clientAddCardButton:hover[b-4l2fz5pcj5] {
        background-color: #595e66;
    }

    .clientAddCardButton:active[b-4l2fz5pcj5] {
        transform: scale(0.96);
        background-color: #43474d;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }





.results-header[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.results-list[b-4l2fz5pcj5] {
    margin-top: 10px;
}

.result-item[b-4l2fz5pcj5] {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.result-info[b-4l2fz5pcj5] {
    flex: 1;
}

.result-name[b-4l2fz5pcj5] {
    font-weight: bold;
}

.result-address[b-4l2fz5pcj5] {
    color: #666;
    font-size: 14px;
}

.result-pop[b-4l2fz5pcj5] {
    color: #666;
    font-size: 12px;
}

.result-icons[b-4l2fz5pcj5] {
    display: flex;
    gap: 5px;
    color: #666;
    font-size: 14px;
}

.view-buttons[b-4l2fz5pcj5] {
    display: flex;
    gap: 10px;
}

.view-button[b-4l2fz5pcj5] {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

    .view-button.active[b-4l2fz5pcj5] {
        background-color: #fff;
        border-color: #007bff;
    }

.client-card[b-4l2fz5pcj5] {
    border: 1px dashed black;
}

/* Appointment styles */
.dxbl-s-apt[b-4l2fz5pcj5] {
    transition: all 0.2s ease;
}



.popupCloseButton[b-4l2fz5pcj5] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    transition: all ease-in-out 0.2s;
    align-self: flex-end;
}

    .popupCloseButton:hover[b-4l2fz5pcj5] {
        background: #e5e7eb;
    }

.popupPostContent[b-4l2fz5pcj5] {
    width: 500px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-4l2fz5pcj5 0.3s ease-in-out forwards;
}

.closePostButton[b-4l2fz5pcj5], .closeDetailsButton[b-4l2fz5pcj5] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #6b7280;
}

.popupPostBody[b-4l2fz5pcj5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 10px;
}

    .popupPostBody label[b-4l2fz5pcj5] {
        color: #3b4555;
        margin-top: 5px;
        padding-left: 5px;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: -5px;
        font-family: Lato;
    }

.popupPostInput[b-4l2fz5pcj5] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.3s ease;
}

    .popupPostInput:focus[b-4l2fz5pcj5] {
        border-color: #3b82f6;
    }

.popupPostFooter[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.leftButtonBox[b-4l2fz5pcj5] {
    display: flex;
}

.rightButtonBox[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 60%;
    justify-self: end;
}

.savePostButton[b-4l2fz5pcj5], .cancelPostButton[b-4l2fz5pcj5], .deletePostButton[b-4l2fz5pcj5] {
    padding: 7px 30px;
    background: #2563eb;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

.cancelPostButton[b-4l2fz5pcj5] {
    background: #f3f4f6;
    color: #394353;
}

.deletePostButton[b-4l2fz5pcj5] {
    margin-top: 20px;
    background: #ef4444;
}

    .savePostButton:hover[b-4l2fz5pcj5] {
        background: #1e4bbd;
    }
.cancelPostButton:hover[b-4l2fz5pcj5] {
    background: #e5e7eb;
}

    .deletePostButton:hover[b-4l2fz5pcj5] {
        background: #dc2626;
    }

.popupPostOverlay label[b-4l2fz5pcj5] {
    color: #3b4555;
    margin-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: -5px;
    font-family: Lato;
}

@keyframes fadeIn-b-4l2fz5pcj5 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dx-texteditor-input[b-4l2fz5pcj5] {
    font-size: 0;
}

    .dx-texteditor-input[b-4l2fz5pcj5]::after {
        content: attr(data-display-text);
        font-size: 14px;
    }

.dx-popup-wrapper .dx-overlay-content[b-4l2fz5pcj5] {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.dx-popup-title[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .dx-popup-title h3[b-4l2fz5pcj5] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

.popUpBody[b-4l2fz5pcj5] {
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 10px;
    margin-top: 5vh;
    margin-left: 1vw;
    margin-bottom: 20px;
    width: 100%;
    max-height: 100%;
}

    .popUpBody p[b-4l2fz5pcj5] {
        margin: 10px 0;
        color: #3b4555;
        font-size: 14px;
        font-family: Lato;
    }

    .popUpBody strong[b-4l2fz5pcj5] {
        font-weight: 600;
    }


.popupFooter[b-4l2fz5pcj5] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
}


.dx-combobox.popupPostInput[b-4l2fz5pcj5] {
    width: 100%;
    box-sizing: border-box;
}

    .dx-combobox.popupPostInput .dx-texteditor-input[b-4l2fz5pcj5] {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: #fff;
        color: #333;
        width: 100%;
        box-sizing: border-box;
    }

        .dx-combobox.popupPostInput .dx-texteditor-input:focus[b-4l2fz5pcj5] {
            border-color: #3b82f6;
            outline: none;
            background-color: #fff;
        }

    .dx-combobox.popupPostInput .dx-dropdowneditor-button[b-4l2fz5pcj5] {
        border: 1px solid #ccc;
        border-radius: 0 4px 4px 0;
        background-color: #fff;
    }

    .dx-combobox.popupPostInput .dx-dropdownlist-popup-wrapper .dx-list-item[b-4l2fz5pcj5] {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px;
        color: #333;
    }

        .dx-combobox.popupPostInput .dx-dropdownlist-popup-wrapper .dx-list-item:hover[b-4l2fz5pcj5] {
            background-color: #f0f0f0;
        }

.popupRowList[b-4l2fz5pcj5] {
    display: flex;
    flex-direction: column;
    padding: 5px 5px 15px 5px;
    font-size: 15px;
    max-height: 60vh;
    overflow-y: auto;
}

.popupRow[b-4l2fz5pcj5] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 8px 10px;
    border-radius: 3px;
}

    .popupRow:nth-child(odd)[b-4l2fz5pcj5] {
        background-color: #ffffff;
    }

    .popupRow:nth-child(even)[b-4l2fz5pcj5] {
        background-color: #f7f7f7;
    }

.popupLabel[b-4l2fz5pcj5] {
    width: 200px;
    font-weight: 600;
    color: #4B5563;
    flex-shrink: 0;
}

.popupValue[b-4l2fz5pcj5] {
    flex: 1;
    color: #1F2937;
    word-break: break-word;
}




.appt-type-hausbegehung[b-4l2fz5pcj5] {
    background-color: #8A2BE2; /* BlueViolet */
}

.appt-type-installation[b-4l2fz5pcj5] {
    background-color: #FF7F50; /* Coral */
}

.appt-type-service[b-4l2fz5pcj5] {
    background-color: #00FFFF; /* Cyan */
}

.appt-type-reparatur[b-4l2fz5pcj5] {
    background-color: #FF0000; /* Red */
}

.appt-status-offen[b-4l2fz5pcj5] {
    border-left: 4px solid #FFFF00; /* Yellow */
}

.appt-status-bestätigt[b-4l2fz5pcj5] {
    border-left: 4px solid #008000; /* Green */
}

.appt-status-abgesagt[b-4l2fz5pcj5] {
    border-left: 4px solid #FF0000; /* Red */
}

.appt-status-storniert[b-4l2fz5pcj5] {
    border-left: 4px solid #808080; /* Gray */
}


/* Popup styles (unchanged) */
.popupOverlay[b-4l2fz5pcj5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.popupDetailsHeader[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .popupDetailsHeader h3[b-4l2fz5pcj5] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

.popupCloseButton[b-4l2fz5pcj5] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    transition: all ease-in-out 0.2s;
    align-self: flex-end;
}

    .popupCloseButton:hover[b-4l2fz5pcj5] {
        background: #e5e7eb;
    }

.popupPostOverlay[b-4l2fz5pcj5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popupPostHeader[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .popupPostHeader h3[b-4l2fz5pcj5] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }


.dx-popup-close-button[b-4l2fz5pcj5] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #6b7280;
}

.beschreibungText[b-4l2fz5pcj5] {
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 100%;
}


.popupCloseButton[b-4l2fz5pcj5] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    transition: all ease-in-out 0.2s;
}

    .popupCloseButton:hover[b-4l2fz5pcj5] {
        background: #e5e7eb;
    }




.appointmentList[b-4l2fz5pcj5] {
    margin-top: 20px;
    width: 100%;
    overflow-x: auto;
}

.appointmentTable[b-4l2fz5pcj5] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .appointmentTable th[b-4l2fz5pcj5], .appointmentTable td[b-4l2fz5pcj5] {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        white-space: nowrap;
    }

    .appointmentTable th[b-4l2fz5pcj5] {
        background-color: #f2f2f2;
        font-weight: bold;
    }

.searchInput[b-4l2fz5pcj5] {
    width: 100%;
    margin-bottom: 10px;
}


.popupDeleteOverlay[b-4l2fz5pcj5] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popupDeleteContent[b-4l2fz5pcj5] {
    width: 500px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-4l2fz5pcj5 0.3s ease-in-out forwards;
}

.popupDeleteHeader[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .popupDeleteHeader h3[b-4l2fz5pcj5] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

.popupDeleteFooter[b-4l2fz5pcj5] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 60%;
    justify-self: end;
}

.cancelDeleteButton[b-4l2fz5pcj5] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .cancelDeleteButton:hover[b-4l2fz5pcj5] {
        background: #e5e7eb;
    }

.deleteButton[b-4l2fz5pcj5] {
    padding: 7px 30px;
    background: #ef4444;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}
    .deleteButton:hover[b-4l2fz5pcj5] {
        background: #dc2626;
    }


.popupPostInput .dx-memo-edit[b-4l2fz5pcj5] {
    resize: none;
}

.calendarLegend[b-4l2fz5pcj5] {
    display: flex;
    width: 500px;
    justify-content: space-between;
    margin-left: 20px;
}

.legendOne[b-4l2fz5pcj5], .legendTwo[b-4l2fz5pcj5], .legendThree[b-4l2fz5pcj5], .legendFour[b-4l2fz5pcj5] {
    display: flex;
    align-items: center;
}

.circleOne[b-4l2fz5pcj5], .circleTwo[b-4l2fz5pcj5], .circleThree[b-4l2fz5pcj5], .circleFour[b-4l2fz5pcj5] {
    display:block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

.circleOne[b-4l2fz5pcj5] {
    background-color: #0d6efd;
}

.circleTwo[b-4l2fz5pcj5] {
    background-color: #6f42c1;
}

.circleThree[b-4l2fz5pcj5] {
    background-color: #5969e3;
}

.circleFour[b-4l2fz5pcj5] {
    background-color: #d63384;
}






@media (max-width: 1400px) {
    .appointmentTabs[b-4l2fz5pcj5] {
        margin-left: 10%;
    }

    .calendarLegend[b-4l2fz5pcj5] {
        width: 450px;
    }
}

@media (max-width: 1200px) {
    .main-container[b-4l2fz5pcj5] {
        flex-direction: column;
        height: auto;
        min-height: 100vh;
    }

    .calendar[b-4l2fz5pcj5] {
        padding: 10px;
        overflow-x: hidden;
    }

    .sidebar[b-4l2fz5pcj5] {
        width: 100%;
        height: auto;
        border-left: none;
        border-top: 1px solid #ddd;
        padding: 15px 10px;
    }

        .sidebar.invisible[b-4l2fz5pcj5] {
            width: 100%;
            height: 40px;
            overflow: hidden;
        }

    .chevronSidepanel[b-4l2fz5pcj5] {
        top: 8px;
        right: 10px;
    }

    .appointmentHeader[b-4l2fz5pcj5] {
        flex-wrap: wrap;
        gap: 10px;
        padding-bottom: 15px;
    }

    .appointmentTitle[b-4l2fz5pcj5] {
        font-size: 19px;
        width: 100%;
    }

    .saveButton[b-4l2fz5pcj5] {
        margin-left: 0;
    }

    .appointmentTabs[b-4l2fz5pcj5] {
        margin-left: 0;
        width: 100%;
        justify-content: center;
    }

    .datePicker[b-4l2fz5pcj5] {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    .calendarLegend[b-4l2fz5pcj5] {
        width: 100%;
        margin-left: 0;
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 10px;
    }
}

@media (max-width: 992px) {
    .appointmentTabs[b-4l2fz5pcj5] {
        flex-wrap: wrap;
        padding: 6px;
    }

    .tab[b-4l2fz5pcj5] {
        flex: 1;
        text-align: center;
        padding: 8px 4px;
        font-size: 14px;
    }

    .saveButton[b-4l2fz5pcj5] {
        padding: 6px 12px;
        font-size: 13px;
    }

    .svgIcon[b-4l2fz5pcj5] {
        width: 12px;
        height: 12px;
        margin-right: 8px;
    }

    .filterLabelBox[b-4l2fz5pcj5] {
        gap: 6px;
    }

    .filterProjectTag[b-4l2fz5pcj5],
    .filterGebietTag[b-4l2fz5pcj5],
    .filterPopTag[b-4l2fz5pcj5],
    .filterDpTag[b-4l2fz5pcj5],
    .filterStreetTag[b-4l2fz5pcj5],
    .filterTiefbauerTag[b-4l2fz5pcj5] {
        font-size: 10px;
        padding: 3px 8px;
    }

    .clientCard[b-4l2fz5pcj5] {
        padding: 12px 0 8px 12px;
    }

    .clientName[b-4l2fz5pcj5] {
        font-size: 14px;
    }

    .clientAddressFirst[b-4l2fz5pcj5],
    .clientAddressSecond[b-4l2fz5pcj5] {
        font-size: 13px;
    }

    .popAndDp[b-4l2fz5pcj5] {
        font-size: 12px;
        flex-wrap: wrap;
    }

    .resultLabelBox[b-4l2fz5pcj5] {
        top: 5px;
        right: 8px;
        gap: 6px;
    }

    .resultPlusButton[b-4l2fz5pcj5] {
        bottom: 8px;
        right: 8px;
    }

    .clientAddCardButton[b-4l2fz5pcj5] {
        width: 26px;
        height: 26px;
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .main-container[b-4l2fz5pcj5] {
        padding-top: 60px;
    }

    .appointmentHeader[b-4l2fz5pcj5] {
        position: relative;
        flex-direction: column;
        align-items: stretch;
        padding: 10px;
        gap: 12px;
    }

    .appointmentTitle[b-4l2fz5pcj5] {
        font-size: 18px;
        text-align: center;
    }

    .saveButton[b-4l2fz5pcj5] {
        width: 100%;
        justify-content: center;
        padding: 10px;
        font-size: 14px;
    }

    .appointmentTabs[b-4l2fz5pcj5] {
        width: 100%;
        padding: 4px;
        border-radius: 8px;
    }

    .tab[b-4l2fz5pcj5] {
        font-size: 13px;
        padding: 6px 8px;
    }

    .datePicker[b-4l2fz5pcj5] {
        flex-direction: row;
        gap: 8px;
        width: 100%;
    }

    .chevron[b-4l2fz5pcj5],
    .chevronSidepanel[b-4l2fz5pcj5] {
        width: 36px;
        height: 36px;
        justify-content: center;
    }

    .calendarLegend[b-4l2fz5pcj5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-left: 0;
        width: 100%;
    }

    .legendOne[b-4l2fz5pcj5],
    .legendTwo[b-4l2fz5pcj5],
    .legendThree[b-4l2fz5pcj5],
    .legendFour[b-4l2fz5pcj5] {
        width: 100%;
    }

    .filterHeader[b-4l2fz5pcj5] {
        font-size: 18px;
        padding: 8px 0;
    }

    .resultLine[b-4l2fz5pcj5] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .resultTabBox[b-4l2fz5pcj5] {
        width: 100%;
        justify-content: center;
    }

    .clientCardBox[b-4l2fz5pcj5] {
        gap: 10px;
    }

    .clientCard[b-4l2fz5pcj5] {
        flex-direction: column;
        padding: 15px;
    }

    .resultLabelBox[b-4l2fz5pcj5] {
        position: static;
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .resultPlusButton[b-4l2fz5pcj5] {
        position: static;
        align-self: flex-end;
        margin-top: 10px;
    }

    .popupPostContent[b-4l2fz5pcj5] {
        width: 95%;
        max-width: 400px;
        padding: 15px;
    }

    .popupPostFooter[b-4l2fz5pcj5] {
        flex-direction: column;
        gap: 10px;
    }

    .leftButtonBox[b-4l2fz5pcj5],
    .rightButtonBox[b-4l2fz5pcj5] {
        width: 100%;
        justify-content: center;
    }

    .savePostButton[b-4l2fz5pcj5],
    .cancelPostButton[b-4l2fz5pcj5],
    .deletePostButton[b-4l2fz5pcj5] {
        width: 100%;
        padding: 10px;
    }

    .popupDeleteContent[b-4l2fz5pcj5] {
        width: 90%;
        padding: 15px;
    }

    .popupDeleteFooter[b-4l2fz5pcj5] {
        width: 100%;
        flex-direction: column;
        gap: 10px;
    }

    .cancelDeleteButton[b-4l2fz5pcj5],
    .deleteButton[b-4l2fz5pcj5] {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .appointmentTitle[b-4l2fz5pcj5] {
        font-size: 17px;
    }

    .tab[b-4l2fz5pcj5] {
        font-size: 12px;
        padding: 5px 6px;
    }

    .datePicker > div:nth-child(2)[b-4l2fz5pcj5] {
        font-size: 14px;
        font-weight: 600;
    }

    .chevron[b-4l2fz5pcj5],
    .chevronSidepanel[b-4l2fz5pcj5] {
        width: 32px;
        height: 32px;
    }

    .filter-select[b-4l2fz5pcj5] {
        font-size: 13px;
    }

    .clientName[b-4l2fz5pcj5] {
        font-size: 13px;
    }

    .clientAddressFirst[b-4l2fz5pcj5],
    .clientAddressSecond[b-4l2fz5pcj5] {
        font-size: 12px;
    }

    .popAndDp[b-4l2fz5pcj5] {
        font-size: 11px;
    }

    .resultName[b-4l2fz5pcj5] {
        font-size: 13px;
    }

    .clientAddCardButton[b-4l2fz5pcj5] {
        width: 28px;
        height: 28px;
        font-size: 20px;
    }

    .popupPostBody label[b-4l2fz5pcj5] {
        font-size: 13px;
    }

    .dxbl-s-apt[b-4l2fz5pcj5] {
        font-size: 12px;
        padding: 2px 4px;
    }

    .dx-scheduler-appointment[b-4l2fz5pcj5] {
        min-height: 24px;
    }

    .dx-scheduler-date-header[b-4l2fz5pcj5],
    .dx-scheduler-time-marker[b-4l2fz5pcj5] {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .appointmentTabs[b-4l2fz5pcj5] {
        flex-direction: column;
    }

    .tab[b-4l2fz5pcj5] {
        width: 100%;
        text-align: center;
        border-radius: 6px;
        margin-bottom: 4px;
    }

    .calendarLegend[b-4l2fz5pcj5] {
        font-size: 12px;
    }

    .circleOne[b-4l2fz5pcj5],
    .circleTwo[b-4l2fz5pcj5],
    .circleThree[b-4l2fz5pcj5],
    .circleFour[b-4l2fz5pcj5] {
        height: 12px;
        width: 12px;
    }

    .filterProjectTag[b-4l2fz5pcj5],
    .filterGebietTag[b-4l2fz5pcj5],
    .filterPopTag[b-4l2fz5pcj5],
    .filterDpTag[b-4l2fz5pcj5],
    .filterStreetTag[b-4l2fz5pcj5],
    .filterTiefbauerTag[b-4l2fz5pcj5] {
        font-size: 9px;
        padding: 2px 6px;
    }

    .clientCard[b-4l2fz5pcj5] {
        padding: 10px;
    }

    .popupPostContent[b-4l2fz5pcj5],
    .popupDeleteContent[b-4l2fz5pcj5] {
        width: 95%;
        padding: 12px;
    }

    .popupPostBody[b-4l2fz5pcj5] {
        gap: 8px;
    }

    .dx-texteditor-input[b-4l2fz5pcj5],
    .dx-combobox .dx-texteditor-input[b-4l2fz5pcj5] {
        font-size: 13px !important;
        padding: 6px;
    }
}

/* Специально для мобильных: скрываем сайдбар по умолчанию */
@media (max-width: 1200px) {
    .sidebar[b-4l2fz5pcj5] {
        position: fixed;
        top: 0;
        right: -100%;
        width: 320px;
        height: 100vh;
        z-index: 1000;
        transition: right 0.3s ease;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    }

        .sidebar.visible[b-4l2fz5pcj5] {
            right: 0;
        }

        .sidebar.invisible[b-4l2fz5pcj5] {
            width: 0;
            padding: 0;
            overflow: hidden;
            overflow: hidden;
        }

    .chevronSidepanel[b-4l2fz5pcj5] {
        position: fixed;
        top: 70px;
        left: 10px;
        z-index: 1001;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

        .chevronSidepanel[style*="180"][b-4l2fz5pcj5] {
            transform: rotate(180deg);
        }
}
/* _content/NetConWeb/View/Data/ConnectionPoint/CivilEngineer/CivilEngineerConnectionPointCollectionAccordionEdit.razor.rz.scp.css */
[b-tfq91zmqqp] .dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: royalblue !important;
    opacity: inherit !important;
}


.linkVV[b-tfq91zmqqp] {
    margin-right: 15px;
    color: #007bff !important ;
}

.linkVV:hover[b-tfq91zmqqp] {
    text-decoration: underline !important;
    cursor: pointer;
}

.completeDrawerGrid[b-tfq91zmqqp] {
    display: grid; 
    grid-template-columns: 360px 350px; 
    gap: 80px;
    padding: 10px 10px 0px 10px;
}

.firstEntry[b-tfq91zmqqp] {
    display: flex;
    margin-bottom: 0px;
    margin-right: 5px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.contractCategory[b-tfq91zmqqp] {
    margin-bottom: 5px;
    margin-top: 20px;
    font-weight: bold;
}

.space[b-tfq91zmqqp] {
    margin-bottom: 15px;
}

.downloadBtn[b-tfq91zmqqp] {
    width: fit-content !important;
}

.documentCard[b-tfq91zmqqp] {
    border-radius: 8px;
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.10);
    padding: 12px;
    display: grid;
    grid-template-columns: 92% 8%;
    margin-top: 15px;
}

.damageCard[b-tfq91zmqqp] {
    border-radius: 8px;
    padding: 12px;
    display: grid;
    grid-template-columns: 92% 8%;
    margin-top: 15px;
    background: #F3F3F3;
}

.noteCard[b-tfq91zmqqp] {
    border-radius: 8px;
    padding: 12px;
    display: grid;
    grid-template-columns: 92% 8%;
    margin-top: 15px;
    background: #d4e4ed;
}

.noteContainer[b-tfq91zmqqp] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    border: 1px solid #DADEE3;
    padding: 15px 0px 15px 0px;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
}

.damageTicketContainer[b-tfq91zmqqp], .appointmentContainer[b-tfq91zmqqp] {
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #DADEE3;
}

.docContainer[b-tfq91zmqqp] {
    border-radius: 8px;
    border: 1px solid #DADEE3;
    padding: 15px;
}

.noteInfo[b-tfq91zmqqp] {
    display:flex;
    flex-direction: column;
    width: 100%;
}

.readyMessage[b-tfq91zmqqp] {
    color: #7d7d7d;
    margin-bottom: 0px;
}

.downloadBtn[b-tfq91zmqqp] {
    cursor: pointer;
    font-size: 25px !important;
}

.historyBtn[b-tfq91zmqqp] {
    cursor: pointer;
    margin-bottom: 0px;
    margin-top: 15px;
}

.linktoPOPDP[b-tfq91zmqqp] {
    margin-top: 5px;
    color: #007bff;
    margin-bottom: 5px;
    cursor: pointer;
}

.linktoPOPDP:hover[b-tfq91zmqqp] {
    text-decoration: underline;
}
/* _content/NetConWeb/View/Data/ConnectionPoint/CivilEngineer/CivilEngineerConnectionPointCollectionView.razor.rz.scp.css */
[b-m3946abcak] .dxbl-image {
    color: black !important;
    opacity: 100 !important;
}

#CancelEdit:hover[b-m3946abcak] {
    color: red !important;
}

#SubmitEdit:hover[b-m3946abcak] {
    color: green !important;
}

.dxbl-grid-table[b-m3946abcak] {
    table-layout: initial !important;
}

.ExtraEditActions[b-m3946abcak] {
    position: fixed;
    bottom: 26px;
    right: 45px;
    border-radius: 25px;
    border: 2px solid #181a15;
    padding: 10px;
    background-color: white;
    z-index: 10;
}

.toolbar[b-m3946abcak] {
    background: #F9F9F9;
    padding: 20px;
    border-radius: 10px;
}

[b-m3946abcak] .civConPointGrid {
    background-color: white !important;
    height: calc(91vh - 180px);
}

    [b-m3946abcak] .civConPointGrid .dxbl-scroll-viewer-hor-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
        height: 10px !important;
    }

    [b-m3946abcak] .civConPointGrid .dxbl-scroll-viewer-vert-scroll-bar .dxbl-scroll-viewer-scroll-thumb {
        width: 10px;
    }

    [b-m3946abcak] .civConPointGrid.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
        background-color: white !important;
    }

    [b-m3946abcak] .civConPointGrid.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row > td {
        background-color: white !important;
    }

    [b-m3946abcak] .civConPointGrid .dxbl-grid-fixed-cell {
        background-color: white !important;
    }

    [b-m3946abcak] .civConPointGrid .dxbl-grid-footer-row {
        background-color: white !important;
        overflow: visible !important;
        text-overflow: revert !important;
        overflow-wrap: initial;
    }

[b-m3946abcak] .dxbl-grid.civConPointGrid .dxbl-grid-table > tbody > tr.dxbl-grid-group-footer-row > td > div, .dxbl-grid .dxbl-grid-table > tbody > tr > td[b-m3946abcak], .dxbl-grid .dxbl-grid-table > tfoot > tr > td > div[b-m3946abcak], .dxbl-grid .dxbl-grid-table > thead > tr > th span[b-m3946abcak] {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.progress[b-m3946abcak] {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.selectedGrid[b-m3946abcak] {
    display: grid;
    grid-template-columns: 100%;
}

[b-m3946abcak] .dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: royalblue !important;
    opacity: inherit !important;
}

.linkBtn[b-m3946abcak] {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}


[b-m3946abcak] .SearchTextBox {
    border-radius: 8px !important;
    border: 1px solid #ced4da !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
    height: 35px !important;
}

@media only screen and (min-width: 1081px) {
    [b-m3946abcak] .ComboboxTiefbau {
        border-radius: 8px !important;
        height: 35px !important;
        font-size: 15px !important;
        width: 100%;
    }
}

@media only screen and (max-width: 1080px) {
    [b-m3946abcak] .ComboboxTiefbau {
        border-radius: 8px !important;
        height: 35px !important;
        font-size: 15px !important;
        width: 100%;
    }
}

[b-m3946abcak] .comboboxIcon {
    border: none !important;
}

.civilContent[b-m3946abcak] {
    margin-top: 15px;
}

.projectTile[b-m3946abcak] {
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.08);
}

.projectTileText[b-m3946abcak] {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

@media (max-width: 1080px) {
    [b-m3946abcak] .TabBackgroundColor {
    margin-bottom: 15px;
    }

    [b-m3946abcak] .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl), .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl)[b-m3946abcak] {
        background-color: #f5f5f5;
    }

    [b-m3946abcak] .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active[b-m3946abcak] {
        background-color: #f5f5f5;
    }

    [b-m3946abcak] .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
        background-color: #f5f5f5;
    }

}

[b-m3946abcak] .dxbl-text-edit > [class*=dxbl-btn-group-right]:last-of-type {
    border-radius: 8px;
}

.projectTile:first-child[b-m3946abcak] {margin-top: 10px;}


/* Dashboard */

/* Mobile */
@media only screen and (max-width: 767px) {
    .dashboardGrid[b-m3946abcak] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .infogrid[b-m3946abcak] {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        gap: 20px;
        margin: 0px 0px;
    }

    .ComboboxTiefbau[b-m3946abcak] {
        width: auto;
    }

    .toolbar[b-m3946abcak] {
        width: 100%;
        background-color: white;
    }

    [b-m3946abcak] .civConPointGrid {
        max-height: calc(91vh - 100px);
    }

    .dashboardGridKachel[b-m3946abcak], .hausbegehungenKachel[b-m3946abcak] {
        background-color: white;
        box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.02) !important;
        border: none !important;
        background-color: white;
    }

    .dashboardGridLeft[b-m3946abcak] {
        display:flex;
        flex-direction: column;
        gap: 20px;
    }

    .popdpmobile[b-m3946abcak] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .toolbar[b-m3946abcak] {
        width: 100%;
        background-color: white;
    }

    .dashboardGrid[b-m3946abcak] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 20px;
    }
}

/*Tablet & Desktop*/
@media only screen and (min-width: 768px) {
    .dashboardGridLeft[b-m3946abcak] {
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .infogrid[b-m3946abcak] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media only screen and (min-width: 1081px) {
    .dashboardGrid[b-m3946abcak] {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .dashboardGridLeft[b-m3946abcak] {
        border-right: 1px solid #E5E5E5;
        padding-right: 20px;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }
}

.dashboardGridRight[b-m3946abcak] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dashboardGridKachel[b-m3946abcak] {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    padding: 15px;
    background-color: white;
}



.linkicon[b-m3946abcak] {
    color: #006eff;
    font-size: 29px;
}

.fa-up-right-and-down-left-from-center[b-m3946abcak] {
    cursor: pointer;
}

.linkcard[b-m3946abcak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.noteCard[b-m3946abcak] {
    border-radius: 8px;
    padding: 12px;
    display: grid;
    grid-template-columns: 92% 8%;
    margin-top: 15px;
    background: #d4e4ed;
}

.noteInfo[b-m3946abcak] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.readyMessage[b-m3946abcak] {
    color: #7d7d7d;
    margin-bottom: 0px;
}

.dashboardGridHeadline[b-m3946abcak] {
    display:flex;
    justify-content: space-between;
}

.subline[b-m3946abcak] {
    color: #A6A6A6;
    margin-bottom: 0px;
    position: absolute;
    z-index: 3;
}

.hausbegehungenKachel[b-m3946abcak] {
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    background-color: white;
    white-space: nowrap;
}

.headlineKachel[b-m3946abcak] {
    position: relative;
    z-index: 49;
}

.hausbegehungenKachelResult[b-m3946abcak] {
    background: #E3E0FF;
    height: 100%;
    padding: 15px;
    border-radius: 8px;
}

.backgroundIcon[b-m3946abcak]{
    color: #DBD8FF;
    font-size: 60px;
    margin: -30px 0px 0px 100px;
    position: relative;
    z-index: 1;
}

.mobileAdressCard[b-m3946abcak] {
    display:flex;
    flex-direction: column;
    gap: 5px;
    background-color: white;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.02) !important;
    border: none !important;
    border-radius: 8px;
    padding: 10px;
    margin-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .mobileAdressCard[b-m3946abcak] {
        margin-top: 0px;
        display:flex;
        justify-content: space-between;
    }

    .AnschluesseTabletGrid[b-m3946abcak] {
        display:grid; 
        grid-template-columns: 1fr 1fr; 
        gap: 10px;
        margin-top: 15px;
    }
}

.anschluesseHeader[b-m3946abcak] {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.badgeStatus[b-m3946abcak] {
    background-color: #DADADA;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 12px;
    white-space: nowrap;
    height: fit-content;
}

.AdressCardFooter[b-m3946abcak] {
    display:flex;
    justify-content: space-between;
    border-top: 1px solid #DADADA;
    padding-top: 5px;
}

.CardInfo[b-m3946abcak] {
    margin-bottom: 0px;
}

.text-red-600[b-m3946abcak] {
    color: red;
}

.fa-solid-location-dot-circle-plus[b-m3946abcak], .fa-solid-location-dot-pen[b-m3946abcak] {
    font-size: 25px;
    cursor: pointer;
}

.linkDescription[b-m3946abcak] {
    margin-bottom: 0px;
    color: #A6A6A6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* _content/NetConWeb/View/Data/ConnectionPoint/CivilEngineer/CivilEngineerFile/CivilEngineerFileComponent.razor.rz.scp.css */
.modal-content[b-w3j4n3ajuj] {
    max-height: 95vh; /* oder 80vh je nach Bedarf */
    overflow-y: auto;
}

.image-container[b-w3j4n3ajuj] {
    max-height: 500px;
    overflow: hidden;
    position: relative;
}

/* Stil f�r die Steuerungsbuttons */
.carousel-btn[b-w3j4n3ajuj] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 50%;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Positionierung f�r den linken Button */
    .carousel-btn.prev[b-w3j4n3ajuj] {
        left: 10px;
    }

    /* Positionierung f�r den rechten Button */
    .carousel-btn.next[b-w3j4n3ajuj] {
        right: 10px;
    }

/* Stil f�r das Bild */
.main-image[b-w3j4n3ajuj] {
    max-width: 100%;
    max-height: 30vh;
    object-fit: cover;
    border-radius: 8px;
}

/* Vorschau-Bilder */
.thumbnail-img[b-w3j4n3ajuj] {
    width: 75px;
    height: 75px;
    object-fit: cover;
    cursor: pointer;
}
.resizable-textarea[b-w3j4n3ajuj] {
    min-height: 50px; 
    height: 100px;
    max-height: 200px; 
    overflow-y: auto; 
    resize: vertical; 
}
.description-text[b-w3j4n3ajuj] {
    white-space: pre-wrap; 
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    max-width: 100%; 
}
.hover[b-w3j4n3ajuj] {
    border-style: solid;
    border-width: 1px;
    border-color: white;
    background-color: #F0F0F0;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.title-area[b-w3j4n3ajuj] {
    width: 500px;
}

.text-start[b-w3j4n3ajuj] {
    margin: 15px 0px;
}

.documentCard[b-w3j4n3ajuj] {
    border-radius: 8px;
    box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.10);
    padding: 12px;
    display: grid;
    grid-template-columns: 84% 8% 8%;
    margin-top: 15px;
}

.firstEntry[b-w3j4n3ajuj] {
    margin-bottom: 0px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.secondEntry[b-w3j4n3ajuj] {
    margin-bottom: 0px;
}

.documentsDiv[b-w3j4n3ajuj] {
    background-color: white;
}
/* _content/NetConWeb/View/Data/ConnectionPoint/CivilEngineer/DamageTicketView/DamageTicketView.razor.rz.scp.css */
.tagbox[b-hpxlvz7on8] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
    margin-right: 4px;
    background-color: mediumseagreen;
}

.tagContainer[b-hpxlvz7on8] {
    display: flex;
}
/* _content/NetConWeb/View/Data/ConnectionPoint/CivilEngineer/DamageTicketView/DamageTicketViewDesktop.razor.rz.scp.css */
[b-cs73omra69] .filterbtn {
    border-radius: 8px;
    padding: 8px 13px;
    font-size: 15px;
}

[b-cs73omra69] .damageViewComboBox {
    border-radius: 9px;
    height: 40px;
    flex: 1;
}

[b-cs73omra69] .sort-combobox {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    border-radius: 5px;
    height: 38px;
}

[b-cs73omra69] .layout-selection {
    height: 40px;
    top: 0px;
    margin: 10px 0px 15px 0px;
    padding-left: 5px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.DamageViewLayoutSave[b-cs73omra69] {
    margin-left: 15px;
}

[b-cs73omra69] .SearchTextBox {
    border-radius: 8px !important;
    border: 1px solid #ced4da !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
    height: 38px !important;
}
/* _content/NetConWeb/View/Data/ConnectionPoint/CivilEngineer/DamageTicketView/DamageTicketViewMobile.razor.rz.scp.css */
[b-czvzgz5q6s] .DamageTicketFilterBtnUebersicht {
    display: flex;
    flex-direction: column;
}

[b-czvzgz5q6s] .DamageTicketFilterBtnTablet {
    display: flex;
}

    .scrollbtn[b-czvzgz5q6s] {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        padding-top: 12px;
        gap: 5px;
    }

@media screen and (min-width: 768px) and (max-width: 1080px) {
    .scrollbtn[b-czvzgz5q6s] {
        gap: 10px
    }
}

    [b-czvzgz5q6s] .FilterComboBoxMobile {
        border-radius: 8px;
    }

    .scrollbtn[b-czvzgz5q6s]::-webkit-scrollbar {
        display: none;
    }

    [b-czvzgz5q6s] .DamageTicketFilterBtn {
        position: relative;
        padding: 12px 20px;
        border-radius: 30px;
        background-color: white;
        border: 0.5px solid #ededed;
        color: black;
        font-size: 15px;
    }

    [b-czvzgz5q6s] .selectedBtn {
        background-color: var(--primaryMandatorColor);
        color: white;
        border: var(--primaryMandatorColor);
    }

    [b-czvzgz5q6s] .dxbl-btn, .dxbl-btn-outline-secondary[b-czvzgz5q6s] {
        border: none !important;
    }

.DamageViewBadgeOnFilter[b-czvzgz5q6s] {
    position: absolute;
    top: -12px;
    right: 2px;
    background-color: white;
    color: black;
    border-radius: 20px;
    border: 0.5px solid #d1d1d1;
    width: auto;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 5px 5px;
}

    [b-czvzgz5q6s] .ticketzusatzinfos {
        display: flex;
        margin: 15px 0px;
        gap: 10px;
        width: 100%;
        min-width: 480px;
        overflow-x: scroll;
    }

    .fa-gears[b-czvzgz5q6s], .fa-circle-exclamation[b-czvzgz5q6s], .fa-house-signal[b-czvzgz5q6s] {
        margin-right: 5px;
        color: var(--primaryMandatorColor);
    }

    [b-czvzgz5q6s] .ticketzusatzinfosblock {
        width: auto;
        aspect-ratio: 1 / 1;
        background-color: white;
        border-radius: 8px;
        padding: 15px;
    }

    [b-czvzgz5q6s] .filterbtn {
        border: none;
        border-radius: 8px;
        margin-top: 20px;
        padding: 8px 13px;
        color: white;
        font-size: 15px;
    }

    h4[b-czvzgz5q6s] {
        font-weight: bold;
        margin: 0px
    }

    .ticketMobile[b-czvzgz5q6s] {
        width: 100%;
        margin-top: 15px;
        padding: 15px;
        background-color: white;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.02);
    }

    .ticketInfos[b-czvzgz5q6s] {
        display: flex;
        justify-content: space-between;
    }

[b-czvzgz5q6s] .SearchTextBox {
    border-radius: 8px !important;
    border: 1px solid #ced4da !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
    height: 38px !important;
}
/* _content/NetConWeb/View/Data/ConnectionPoint/CivilEngineer/PopDpInlineView.razor.rz.scp.css */
.popDpContainer[b-byblsfqw4c] {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.downloadcsv[b-byblsfqw4c] {
    margin: 2px 10px 0px 10px;
    cursor: pointer;
    color: blue;
    font-size: 14px;
}

    .downloadcsv:hover[b-byblsfqw4c] {
        font-weight: bold;
    }

/*Desktop*/
@media only screen and (min-width: 1081px) {
    .dpContainer[b-byblsfqw4c] {
        display: grid;
        grid-template-columns: 800px 1fr;
        gap: 30px;
        height: auto;
        border-bottom: 1px solid #E5E5E5;
        padding: 0px 0px 20px 0px;
        margin: 0px 0px 20px 0px;
    }

    .popContainer[b-byblsfqw4c] {
        display: grid;
        grid-template-columns: 800px 1fr;
        gap: 30px;
        padding-bottom: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid #E5E5E5;
    }

    .infoTab[b-byblsfqw4c] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .gridRightSite[b-byblsfqw4c] {
            display: flex;
            flex-direction: column;
    }

        [b-byblsfqw4c] .dpGrid {
            height: 400px;
        }

        [b-byblsfqw4c] .popGrid {
            height: 520px;
        }

        .popDpContainer[b-byblsfqw4c] {
            display: flex;
            flex-direction: column;
            margin-top: 10px;
        }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    [b-byblsfqw4c] .popGrid {
        height: 450px;
        width: calc(100vw - 85px);
    }

    [b-byblsfqw4c] .dpGrid {
        height: 300px;
        width: calc(100vw - 85px);
    }

    .infoTab[b-byblsfqw4c] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    [b-byblsfqw4c] .checkboxMobile {
        display:flex !important;
        flex-direction: row !important;
    }
}

/*Mobile*/
@media only screen and (max-width: 767px) {
    [b-byblsfqw4c] .checkboxMobile {
        display: flex !important;
        flex-direction: row !important;
    }

    .distanceMobile[b-byblsfqw4c] {
        margin-top: 15px;
    }

    [b-byblsfqw4c] .dpGrid {
        height: 300px;
        width: calc(100vw - 50px);
    }

    [b-byblsfqw4c] .popGrid {
        height: 300px;
        width: calc(100vw - 50px);
    }

    .headlinePOPDP[b-byblsfqw4c] {
        margin-bottom: 5px !important;
    }

    [b-byblsfqw4c] .comboboxDPPOP {
        width: calc(100vw - 50px) !important;
    }
}

/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    [b-byblsfqw4c] .dxbl-row {
        margin-right: 0px !important;
    }
}

/*Mobile & Tablet*/
@media only screen and (max-width: 1080px) {
    .dpContainer[b-byblsfqw4c] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        height: auto;
    }

    .popContainer[b-byblsfqw4c] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        height: auto;
    }

    .mobilePOPDPLayout[b-byblsfqw4c] {
        background-color: white;
        border-radius: 8px;
        padding: 15px;
    }

    .popDpContainer[b-byblsfqw4c] {
        gap: 15px;
    }

    .documentCard[b-byblsfqw4c] {
        margin-bottom: 15px;
        background: #F3F3F3;
    }
}

.headlinePOPDP[b-byblsfqw4c], .headlineAdress[b-byblsfqw4c] {
    font-size: 17px;
    font-weight: bold;
}

.headlineAdress[b-byblsfqw4c] {
    margin-bottom: 5px;
}

[b-byblsfqw4c] .popContainer .dxbl-grid {
    margin-top: 0px;
}

[b-byblsfqw4c] .dpContainer .dxbl-grid {
    margin-top: 0px;
}

[b-byblsfqw4c] .conPointContainer .dxbl-grid {
    margin-top: 0px;
    height: 500px;
    margin-bottom: 15px;
}

[b-byblsfqw4c] .conPointGrid {
    height: 600px;
    margin-top: 0px;
}

.noteInfo[b-byblsfqw4c] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.documentCard[b-byblsfqw4c] {
    border-radius: 8px;
    padding: 10px;
    display: grid;
    grid-template-columns: 92% 8%;
    margin-bottom: 12px;
    background: #F3F3F3;
}

        .readyMessage[b-byblsfqw4c] {
            color: #959797;
            margin-bottom: 0px;
        }

.addBtns[b-byblsfqw4c] {
    display: flex;
    justify-content: right;
    gap: 10px;
    color: #007bff;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}

        .addNote[b-byblsfqw4c], .addDoc[b-byblsfqw4c] {
            cursor: pointer;
        }

[b-byblsfqw4c] .comboboxDPPOP {
    border-radius: 6px !important;
    height: 32px !important;
    font-size: 15px !important;
}

        .card-body[b-byblsfqw4c] {
            padding: 15px 0px 0px 0px;
        }

.CardInfo[b-byblsfqw4c] {
    margin-bottom: 0px;
}

.mobileAdressCard[b-byblsfqw4c] {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 8px;
    padding: 10px;
}

.badgeStatus[b-byblsfqw4c] {
    background-color: #DADADA;
    padding: 5px 15px;
    border-radius: 50px;
}

.AdressCardFooter[b-byblsfqw4c] {
    display: flex;
    justify-content: space-between;
    padding-top: 5px
}

.historyBtn[b-byblsfqw4c] {
    cursor: pointer;
}
/* _content/NetConWeb/View/Data/ContactCenter/Componente/ContactCenterIframe.razor.rz.scp.css */
.kachel-container[b-dl0eyv3udv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gridComponent[b-dl0eyv3udv] {
    min-width: 440px; /* Breite einer Kartenkachel */
    max-width: 550px;
    flex: 1 1 calc(33.33% - 10px); /* Dynamische Breite */
    margin: 5px;
}

@media (max-width: 768px) {
    .gridComponent[b-dl0eyv3udv] {
        flex: 1 1 calc(50% - 10px);
    }
}

@media (max-width: 480px) {
    .gridComponent[b-dl0eyv3udv] {
        flex: 1 1 100%;
    }
}

@media (max-width: 320px) {
    .gridComponent[b-dl0eyv3udv] {
        flex: 1 1 100%;
    }
}
/* _content/NetConWeb/View/Data/ContactCenter/Componente/DateienView.razor.rz.scp.css */
.customerWahl[b-5phwdz1i6a], .dragAndDropText[b-5phwdz1i6a], .infoLine[b-5phwdz1i6a] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}

.dragAndDropBox[b-5phwdz1i6a] {
    width: 100%;
    height: 15vh;
/*    background-color: aquamarine;*/
    margin-top: 1vh;
    border: 2px dashed #cccccc;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dragAndDropBild[b-5phwdz1i6a] {
    width: 5vh;
    height: auto;
    margin-top: 3vh;
}

    .dragAndDropBild img[b-5phwdz1i6a] {
        width: 100%;
        height: auto;
        cursor: pointer;
    }

.dragAndDropLink[b-5phwdz1i6a] {
    text-decoration: underline;
    cursor: pointer;
}

.infoLine[b-5phwdz1i6a] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 12px;
}

.pictureBox[b-5phwdz1i6a] {
    width: 100%;
    height: auto;
    background-color: #ecf2f7;
    border-radius: 10px;
    position: relative;
    margin-top: 3vh;
    padding-bottom: 1vh;
}

.pictureTopLine[b-5phwdz1i6a] {
    display: flex;
    
}

.pictureImage[b-5phwdz1i6a] {
    width: 5vh;
    height: auto;
    margin-left: 1vh;

}

    .pictureImage img[b-5phwdz1i6a] {
        width: 100%;
        height: auto;
    }

.pictureInfo[b-5phwdz1i6a], .uploadFileInfoBox[b-5phwdz1i6a] {
    margin-left: 5px;
    color: #ababab;
    font-size: 12px;
    margin-top: 1.2vh;
    font-weight: 500;
    font-family: Lato;
}

.pictureName[b-5phwdz1i6a], .uploadedFileName[b-5phwdz1i6a] {
    line-height: 1;
    color: #505f6e;
    font-weight: 700;
}
.pictureSize[b-5phwdz1i6a] {

}
.deleteImage[b-5phwdz1i6a] {
    position: absolute;
    right: 10px;
    font-weight: 900;
    cursor: pointer;
}

.pictureBottomLine[b-5phwdz1i6a] {
    display: flex;
    margin-top: 1vh;
    width: 100%;
    padding: 0 10px;
    align-items: center;
}

.prozentLineEmpty[b-5phwdz1i6a] {
    width: 90%;
    height: 5px;
    background-color: #d8d8d8;
}

.prozentLineFull[b-5phwdz1i6a] {
    height: 100%;
    width: 80%;
    background-color: #122538;
}

.prozentNumber[b-5phwdz1i6a] {
    color: #ababab;
    padding-left: 10px;
    font-size: 10px;
    font-weight: 500;
    font-family: Lato;
}

.dateienLine[b-5phwdz1i6a] {
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
    margin-top: 4%;
}

.deleteUploadedFilesLine[b-5phwdz1i6a] {
    display: flex;
    justify-content: end;
    margin-top: 1vh;
}

.deleteUploadedFiles[b-5phwdz1i6a] {
    color: #6090c3;
    font-size: 12px;
    font-weight: 900;
    font-family: Lato;
    cursor: pointer;
}

.uploadFileContainer[b-5phwdz1i6a] {
    width: 100%;
}

.uploadFileBox[b-5phwdz1i6a] {
    width: 100%;
    height: auto;
    border: solid 1px #cccccc;
    border-radius: 10px;
    margin-top: 1vh;
}

.LineTop[b-5phwdz1i6a] {
    display: flex;
    width: 100%;
}

.uploadFileImage[b-5phwdz1i6a] {
    display: block;
    width: 5vh;
    height: 4vh;
    background-color: #d8d8d8;
    margin-left: 1vh;
    margin-top: 1vh;
}

.uploadFileInfoBox[b-5phwdz1i6a] {
    margin-top: 1.5vh;
}

.UploadFileButtons[b-5phwdz1i6a] {

}

.buttonsLine[b-5phwdz1i6a] {
    display: flex;
    font-size: 12px;
    font-weight: 700;
    color: #505f6e;
    font-family: Lato;
    color: #6090c3;
    margin-top: 1.5vh;
    margin-left: 15%;
    margin-bottom: 1vh;
}

.imageButton[b-5phwdz1i6a] {
    cursor: pointer;
}
/* _content/NetConWeb/View/Data/ContactCenter/Componente/TileHeader.razor.rz.scp.css */
.componentTitleLine[b-4qy4d1env4] {
    display: flex;
    align-items: center;
    height: 2.5vh;
    width: 100%;
}

.tileIcon[b-4qy4d1env4] {
    font-size: 18px;
}

.componentHeader[b-4qy4d1env4], .componentHeaderLong[b-4qy4d1env4] {
    display: flex;
    align-items: center;
    color: #122538;
    font-size: 17px;
    font-family: Lato;
    font-weight: 900;
}

.componentCloseIcon[b-4qy4d1env4] {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

.componentCloseIcon svg[b-4qy4d1env4] {
    height: 2vh;
    width: 2vh;
    cursor: pointer;
    transform: rotate(90deg);
}


.componentLine[b-4qy4d1env4] {
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
    margin-top: 4%;
}

.componentTitleLineLong[b-4qy4d1env4] {
    display: flex;
    height: 2.7vh;
}

.componentHeaderLong[b-4qy4d1env4] {
    position: relative;
    top: 0.5vh;
}

.componentCloseIconLong[b-4qy4d1env4] {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

    .componentCloseIconLong svg[b-4qy4d1env4] {
        height: 75%;
        width: 10%;
        cursor: pointer;
        position: relative;
        top: 1vh;
        transform: rotate(90deg);
    }

.button-box-refresh[b-4qy4d1env4] {
    display: flex;
    justify-content: center;
    align-items: start;
    height: 26px;
    width: 26px;
    padding: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
/*    margin-right: 10px;
*/    transition: all ease-in-out 1s;
}

    .button-box-refresh img[b-4qy4d1env4] {
        height: 20px;
        width: 20px;
        object-fit: fill;
    }
/* _content/NetConWeb/View/Data/Contract/ManualInput/ManualContractInputView.razor.rz.scp.css */
[b-q6ndq1nwko] .accordMenu {
    max-height: calc(100vh - 9vh - 60px - 25px);
    overflow-x: hidden;
    overflow-y: auto;
    --headerBackgorundColour: #d8d8d8;
}

[b-q6ndq1nwko] .accordMenuFormLayout {
    padding: 15px;
    box-shadow: rgba(33, 35, 38, 0.2) 0px 10px 10px -10px;
}

[b-q6ndq1nwko] .AccordWrapper {
    margin-top: -10px;
}

[b-q6ndq1nwko] .toolbarHeader {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: -19px -18px 15px -16px; 
    height: 60px !important;
    padding-top: 10px;
    padding-left: 10px;
    box-shadow: rgba(33, 35, 38, 0.2) 0px 10px 10px -10px;
}

[b-q6ndq1nwko] .dxbl-fl .dxbl-fl-item {
    margin-top: 10px !important;
}

[b-q6ndq1nwko] .actionBtn {
    color: #999999;
    font-size: 17px;
    border: none;
    padding: 5px 10px;
}

    [b-q6ndq1nwko] .actionBtn:hover {
        color: black !important;
    }

[b-q6ndq1nwko] .closeBtn {
    border: none;
    font-size: 17px;
    color: #999999;
    padding: 0px !important;
    width: 15px !important;
}

    [b-q6ndq1nwko] .closeBtn:hover {
        background: none;
        color: darkorange !important;
    }

[b-q6ndq1nwko] .dxbl-progress-bar-track-container {
    top: 8px;
    height: 5px !important;
}

[b-q6ndq1nwko] .dxbl-progress-bar-track-container {
    height: 5px !important;
    background-color: lightgray !important;
}

[b-q6ndq1nwko] .dxbl-progress-bar-indicator {
    height: 5px !important;
    background-color: orange !important;
}

[b-q6ndq1nwko] .dxbl-btn.dxbl-btn-text-secondary.dxbl-btn-tool:focus {
    outline: none;
}

[b-q6ndq1nwko] .productSpinEdit {
    width: 70px;
    float: right;
    margin-right: 15px;
}

[b-q6ndq1nwko] .productListBox {
    min-height: 400px;
}

[b-q6ndq1nwko] .productHardwareListBox {
    min-height: 210px;
}

[b-q6ndq1nwko] .productTemplate {
    align-items: center;
    display: flex;
    white-space: nowrap;
    cursor: auto;
}

    [b-q6ndq1nwko] .productTemplate.selected {
        background-color: #d5ffda;
    }

[b-q6ndq1nwko] .dxbl-group-header.dxbl-accordion-group-header {
    background-color: #EFEFEF;
    border-radius: 8px !important;
    height: 45px;
    padding-left: 5px;
    margin-top: 10px;
}

    :: deep .problemAccord .dxbl-group-header.dxbl-accordion-group-header[b-q6ndq1nwko] {
    --headerBackgorundColour: #EFEFEF !important;
}

[b-q6ndq1nwko] .checkBoxWrapper {
    display: flex;
    align-items: center;
    width: 100px;
}

[b-q6ndq1nwko] .tagBoxWrapper {
    display: flex;
    flex-direction: column;
}

[b-q6ndq1nwko] .radioWrapper {
    display: flex;
    align-items: center;
}

.surveyContainer[b-q6ndq1nwko] {
    background-color: #f8f9fa;
    min-height: 120px;
    margin: 15px;
    border: 2px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    z-index: 9999;
}

    .surveyContainer:hover[b-q6ndq1nwko] {
        cursor: pointer;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transform: translateY(-2px);
        z-index: 9999;
    }

.dxbl-gridlayout-root-custom[b-q6ndq1nwko] {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
}

    @media (max-width: 1024px) {
        .dxbl-gridlayout-root-custom[b-q6ndq1nwko] {
            grid-template-columns: repeat(2, 1fr) !important;
        }

        [b-q6ndq1nwko] .pagerWrapper {
            margin-bottom: 15px !important;
        }

        [b-q6ndq1nwko] .AccordWrapper {
            margin-top: 50px !important;
        }
    }

    @media (max-width: 768px) {
        .dxbl-gridlayout-root-custom[b-q6ndq1nwko] {
            grid-template-columns: 1fr;
        }
    }

    @media (pointer: coarse) {
        [b-q6ndq1nwko] .iPadInput {
            height: 50px !important;
        }

            [b-q6ndq1nwko] .iPadInput .dxbl-edit-btn-dropdown {
                width: 50px !important;
            }
    }
/* _content/NetConWeb/View/Data/Event/CurrentEventEntriesView.razor.rz.scp.css */
.btn-container[b-edx4rbcgfr] {
    display: flex;
    justify-content: flex-start;
    margin: 20px 0px;
    gap: 10px;
}

@media only screen and (min-width: 1600px) {
    .completeGrid[b-edx4rbcgfr] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 15px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1699px) {
    .completeGrid[b-edx4rbcgfr] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-bottom: 30px;
    }
}

h4[b-edx4rbcgfr] {
    margin-bottom: 15px;
}

/* card Design */
.maintenance-card[b-edx4rbcgfr] {
    display: grid;
    grid-template-columns: 13% 84% 3%;
    padding: 10px;
    background: #F6F6F6;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.10) 0px 5px 5px;
}

.category-div[b-edx4rbcgfr] {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    /*border-right: 1px solid #C5C5C5;*/
    padding-right: 10px;
}

.category[b-edx4rbcgfr] {
    margin-bottom: 0px;
}

.iconCategory[b-edx4rbcgfr] {
    font-size: 30px;
}

@media only screen and (min-width: 1700px) {
    .iconCategory[b-edx4rbcgfr] {
        font-size: 40px;
    }
}

.card-informations[b-edx4rbcgfr] {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    cursor: pointer;
    min-width: 0;
}

.ueberschrift[b-edx4rbcgfr] {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    margin-bottom: 0px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

.title[b-edx4rbcgfr] {
    overflow: hidden;
    text-overflow: ellipsis;

}

.startEndDate[b-edx4rbcgfr] {
    margin-bottom: 5px;
    cursor: pointer;
}

.descriptionText[b-edx4rbcgfr] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    cursor: pointer;
}

.eventStatus[b-edx4rbcgfr] {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: green;
    cursor: pointer;
}

.moreinformations[b-edx4rbcgfr] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.isPublicIcon[b-edx4rbcgfr] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.menu[b-edx4rbcgfr] {
    display: flex;
    align-content: flex-start;
    justify-content: flex-end;
    cursor: pointer;
    font-size: 18px;
}
/* _content/NetConWeb/View/Data/Event/EventCard.razor.rz.scp.css */
.maintenance-card[b-dpnw9n1wup] {
    display: grid;
    grid-template-columns: 13% 84% 3%;
    padding: 10px;
    background: #F6F6F6;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.10) 0px 5px 5px;
}

.category-div[b-dpnw9n1wup] {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding-right: 10px;
}

.category[b-dpnw9n1wup] {
    margin-bottom: 0px;
}

.iconCategory[b-dpnw9n1wup] {
    font-size: 30px;
}

.card-informations[b-dpnw9n1wup] {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    cursor: pointer;
    min-width: 0;
}

.ueberschrift[b-dpnw9n1wup] {
    display: flex;
    align-items: flex-end;
    gap: 5px;
    margin-bottom: 0px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

.title[b-dpnw9n1wup] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.startEndDate[b-dpnw9n1wup] {
    margin-bottom: 5px;
    cursor: pointer;
}

.descriptionText[b-dpnw9n1wup] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    cursor: pointer;
}

.eventStatus[b-dpnw9n1wup] {
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    color: green;
    cursor: pointer;
}

.moreinformations[b-dpnw9n1wup] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.isPublicIcon[b-dpnw9n1wup] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.menu[b-dpnw9n1wup] {
    display: flex;
    align-content: flex-start;
    justify-content: flex-end;
    cursor: pointer;
    font-size: 18px;
}
/* _content/NetConWeb/View/Data/Event/EventContactListView.razor.rz.scp.css */
[b-qydox1kjj7] .contactGrid {
    margin: 10px;
}
    [b-qydox1kjj7] .contactGrid dxbl-grid {
        height: calc(91vh - 10rem);
        margin-top: initial;
    }
/* _content/NetConWeb/View/Data/Event/EventEntryCreationView.razor.rz.scp.css */
body[b-w6h9zmfxib] {
    padding-top: 20px;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1[b-w6h9zmfxib], h2[b-w6h9zmfxib], h3[b-w6h9zmfxib], h4[b-w6h9zmfxib] {
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1b304d;
}

h4[b-w6h9zmfxib] {
    padding-top: 20px;
}

.navButtons[b-w6h9zmfxib] {
    display: flex;
    justify-content: space-between;
    margin: 40px 0px;
}

.nextButtons[b-w6h9zmfxib] {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 50px;
}

[b-w6h9zmfxib] .back {
    color: white;
    background-color: #F1800E;
}


.btn-orange[b-w6h9zmfxib] {
    color: #fff;
    background-color: #F1800E;
    border-color: #F1800E;
}

    .btn-orange:hover[b-w6h9zmfxib] {
        color: #fff;
        background-color: #d8720d;
        border-color: #d8720d;
    }

    .btn-orange.disabled[b-w6h9zmfxib], .btn-orange:disabled[b-w6h9zmfxib] {
        color: #fff;
        background-color: #F1800E;
        border-color: #F1800E;
    }

.btn-blue[b-w6h9zmfxib] {
    color: #ffffff !important;
    background-color: #004D9F;
    border-color: #004D9F;
}

    .btn-blue:hover[b-w6h9zmfxib] {
        color: #fff;
        background-color: #02458d;
        border-color: #02458d;
    }

    .btn-blue.disabled[b-w6h9zmfxib], .btn-blue:disabled[b-w6h9zmfxib] {
        color: #fff;
        background-color: #34669b;
        border-color: #34669b;
    }

.form-row[b-w6h9zmfxib] {
    padding-top: 10px;
}

@media (max-width: 767px) {
    #zusatz[b-w6h9zmfxib] {
        margin-top: 10px;
    }

    #vertragButton[b-w6h9zmfxib] {
        margin: 5px;
    }

    #tarifeButton[b-w6h9zmfxib] {
        margin: 5px;
    }

    #changeButton[b-w6h9zmfxib] {
        margin: 5px;
    }
}

#resultContainer[b-w6h9zmfxib] {
    display: none;
    text-align: center;
}

#resultButtonsLWL[b-w6h9zmfxib] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsVDSL[b-w6h9zmfxib] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsNone[b-w6h9zmfxib] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsPruefung[b-w6h9zmfxib] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsVDSLxMas[b-w6h9zmfxib] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultHeadingLWL[b-w6h9zmfxib] {
    display: none;
    text-align: center;
}

#resultHeadingVDSL[b-w6h9zmfxib] {
    display: none;
    text-align: center;
}

#resultHeadingNone[b-w6h9zmfxib] {
    display: none;
    text-align: center;
}

#resultHeadingPruefung[b-w6h9zmfxib] {
    display: none;
    text-align: center;
}

#resultHeadingVDSLxMas[b-w6h9zmfxib] {
    display: none;
    text-align: center;
}

#startHeading[b-w6h9zmfxib] {
    padding-bottom: 10px;
    text-align: left;
    color: #1b304d;
}

.img-check[b-w6h9zmfxib] {
    height: 150px;
    padding-bottom: 20px;
}

[b-w6h9zmfxib] .bezugBtn {
    border: 1px solid #E5E7EB;
    border-radius: 5px;
    height: 50px;
    background-color: white;
    color: darkgrey;
    font-weight: bold;
}

[b-w6h9zmfxib] .activeBtn {
    background: #F1800E;
    border: 1px solid #F1800E;
    color: white;
}

[b-w6h9zmfxib] .bezugBtn:focus {
    border: 1px solid #F1800E !important;
}

.datesgrid[b-w6h9zmfxib] {
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.dateslayout[b-w6h9zmfxib] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* _content/NetConWeb/View/Data/Event/EventEntryView.razor.rz.scp.css */
body[b-5k8ouzi7p3] {
    padding-top: 20px;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1[b-5k8ouzi7p3], h2[b-5k8ouzi7p3], h3[b-5k8ouzi7p3], h4[b-5k8ouzi7p3] {
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1b304d;
}

h4[b-5k8ouzi7p3] {
   margin-bottom: 0px;
}

.navButtons[b-5k8ouzi7p3] {
    display: flex;
    align-content: space-between;
    padding-top: 20px;
    padding-bottom: 50px;
    align-items: center;
}

.navButtonsdownload[b-5k8ouzi7p3] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.btn-orange[b-5k8ouzi7p3] {
    color: #fff;
    background-color: #F1800E;
    border-color: #F1800E;
}

    .btn-orange:hover[b-5k8ouzi7p3] {
        color: #fff;
        background-color: #d8720d;
        border-color: #d8720d;
    }

    .btn-orange.disabled[b-5k8ouzi7p3], .btn-orange:disabled[b-5k8ouzi7p3] {
        color: #fff;
        background-color: #F1800E;
        border-color: #F1800E;
    }

.btn-blue[b-5k8ouzi7p3] {
    color: #ffffff !important;
    background-color: #004D9F;
    border-color: #004D9F;
}

    .btn-blue:hover[b-5k8ouzi7p3] {
        color: #fff;
        background-color: #02458d;
        border-color: #02458d;
    }

    .btn-blue.disabled[b-5k8ouzi7p3], .btn-blue:disabled[b-5k8ouzi7p3] {
        color: #fff;
        background-color: #34669b;
        border-color: #34669b;
    }

.form-row[b-5k8ouzi7p3] {
    padding-top: 10px;
}

@media (max-width: 767px) {
    #zusatz[b-5k8ouzi7p3] {
        margin-top: 10px;
    }

    #vertragButton[b-5k8ouzi7p3] {
        margin: 5px;
    }

    #tarifeButton[b-5k8ouzi7p3] {
        margin: 5px;
    }

    #changeButton[b-5k8ouzi7p3] {
        margin: 5px;
    }
}

#resultContainer[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
}

#resultButtonsLWL[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsVDSL[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsNone[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsPruefung[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultButtonsVDSLxMas[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
    padding-top: 20px;
}

#resultHeadingLWL[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
}

#resultHeadingVDSL[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
}

#resultHeadingNone[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
}

#resultHeadingPruefung[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
}

#resultHeadingVDSLxMas[b-5k8ouzi7p3] {
    display: none;
    text-align: center;
}

#startHeading[b-5k8ouzi7p3] {
    padding-bottom: 10px;
    text-align: left;
    color: #1b304d;
}

.img-check[b-5k8ouzi7p3] {
    height: 150px;
    padding-bottom: 20px;
}

.download[b-5k8ouzi7p3] {
    color: blue;
    margin-bottom: 0px;
    cursor: pointer;
}

.navButtons[b-5k8ouzi7p3] {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.navButtonsTop[b-5k8ouzi7p3] {
    display: flex;
    justify-content: space-between;
}

    .chapternr[b-5k8ouzi7p3] {
        border: 1px solid #009507;
        display: flex;
        border-radius: 50%;
        padding: 4px;
        width: 32px;
        height: 32px;
        font-size: 17px;
        color: #009507;
        justify-content: center;
        align-items: center;
    }

.ueberschrift[b-5k8ouzi7p3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.ueberschriftTop[b-5k8ouzi7p3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.datesgrid[b-5k8ouzi7p3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

[b-5k8ouzi7p3] .bezugBtn {
    border: 1px solid #E5E7EB;
    border-radius: 5px;
    height: 50px;
    background-color: white;
    color: darkgrey;
    font-weight: bold;
}

[b-5k8ouzi7p3] .activeBtn {
    background: #F1800E;
    border: 1px solid #F1800E;
    color: white;
}
/* _content/NetConWeb/View/Data/Knowledgebase/KnowledgebaseView.razor.rz.scp.css */
.knowlagebaseContainer[b-un99gb8qgu] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.helpJuiceLink[b-un99gb8qgu] {
    margin-top: 2vh;
    width: 90%;
    height: 30vh;
    background: url('../../../Images/Other/knowledgebase_button.png') no-repeat top center;
    background-size: cover;
    overflow: hidden;
    border-radius: 2vh;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .helpJuiceLink[b-un99gb8qgu]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.2);
        transition: opacity 0.2s ease-in-out;
    }

    .helpJuiceLink:hover[b-un99gb8qgu] {
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.4), 0 6px 12px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.15);
    }

        .helpJuiceLink:hover[b-un99gb8qgu]::before {
            opacity: 0;
        }
/* _content/NetConWeb/View/Data/Management/ContractInspection/ContractInspectionCollectionView.razor.rz.scp.css */
.inspectionSidebar[b-5vq5u4a632] {
    position: absolute;
    top: 0;
    width: 40px;
    right: 0;
    height: 100%;
    z-index: 80;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    transition: width 200ms ease;
    border-left: solid 1px lightgray;
    text-align: center;
    padding-top: 10px;
}

.inspectionSidebarExtended[b-5vq5u4a632] {
    width: 350px;
    right: 40px;
    overflow-y: hidden;
    height: 100%;
}

.inspectionSidebarLink[b-5vq5u4a632] {
    cursor: pointer;
    padding: 5px 10px 10px 10px;
}

    .inspectionSidebarLink:hover[b-5vq5u4a632] {
        box-shadow: 0px 0px 4px 2px lightgray;
        background-color: lightgray;
    }

.inspectionSidebarLinkHover[b-5vq5u4a632] {
    box-shadow: 0px 0px 4px 2px lightgray;
    background-color: lightgray;
}

.inspectionTile[b-5vq5u4a632] {
    background-color: #E9E9E9 !important;
    padding-top: 10px;
    padding: 12px 20px 5px 5px;
    overflow: hidden;
}

.inspectionSidebarLink[b-5vq5u4a632] {
    cursor: pointer;
    padding: 5px 10px 10px 10px;
}

.ignoreCollectionPopUp[b-5vq5u4a632] {
    align-content: center !important;
    flex-wrap: wrap !important;
    background-color: green;
}
/* _content/NetConWeb/View/Data/OutTray/OutTrayCollectionView.razor.rz.scp.css */
.OutTraySidebar[b-h324k2xaj5] {
    position: absolute;
    top: 0;
    width: 40px;
    right: 0;
    height: 100%;
    z-index: 80;
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
    transition: width 200ms ease;
    border-left: solid 1px lightgray;
    text-align: center;
    padding-top: 10px;
}

.OutTraySidebarExtended[b-h324k2xaj5] {
    width: 350px;
    right: 40px;
}

.OutTraySidebarLink[b-h324k2xaj5] {
    cursor: pointer;
    padding: 5px 10px 10px 10px;
}

.OutTraySidebarLink:hover[b-h324k2xaj5] {
    box-shadow: 0px 0px 4px 2px lightgray;
    background-color: lightgray;
}

.OutTraySidebarLinkHover[b-h324k2xaj5] {
    box-shadow: 0px 0px 4px 2px lightgray;
    background-color: lightgray;
}

.OutTrayTile[b-h324k2xaj5] {
    background-color: #E9E9E9 !important;
    padding-top: 10px;
    padding: 12px 20px 5px 5px;
    overflow: hidden;
}

.OutTraySidebarLink[b-h324k2xaj5] {
    cursor: pointer;
    padding: 5px 10px 10px 10px;
}
/* _content/NetConWeb/View/Data/Project/ProjectBaseDataView.razor.rz.scp.css */
.infoMark[b-86jw93ycji] {
    margin-left: -4px;
    cursor: help;
    font-size: 7pt;
    vertical-align: super;
}

.linkItem[b-86jw93ycji]{
    margin-top: 2px;
}

.statusBox[b-86jw93ycji] {
    display: flex;
    float: right;
    max-width: 305px;
    min-width: 305px;
    margin-top: -30px;
}

.icon-small[b-86jw93ycji] {
    font-size: 0.7em;
}

[b-86jw93ycji] .dxbl-treeview {
    max-height: 85vh !important;
}

/*Desktop*/
@media only screen and (min-width: 1081px) {
    .masterDataSettings[b-86jw93ycji] {
        display: flex;
        justify-content: space-between;
        margin: 15px 0px;
    }

    

    [b-86jw93ycji] .dxbl-row {
        margin-right: 0px !important;
    }
}

/*Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .masterDataSettings[b-86jw93ycji] {
        display: flex;
        flex-direction: row !important;
    }
}
    
    /*Mobile Tablet*/
    @media only screen and (max-width: 1080px) {
        .masterDataSettings[b-86jw93ycji] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: space-between;
        margin: 15px 0px;
    }
}

.linkicon[b-86jw93ycji] {
    color: #006eff;
    font-size: 26px;
}

.linkcard[b-86jw93ycji] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 10px;
}
/* _content/NetConWeb/View/Data/Project/ProjectManagementView.razor.rz.scp.css */
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
    .managementContainer[b-uqboa7inqt] {
        display: grid;
        grid-template-columns: 30% 70% !important;
    }
}


@media only screen and (min-width: 1081px){
    .managementContainer[b-uqboa7inqt] {
        display: grid;
        grid-template-columns: 25% 75%;
    }

    [b-uqboa7inqt] .projTreeView {
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #E5E5E5;
        height: 85vh;
    }
}

[b-uqboa7inqt] dxbl-treeview {
    max-height: 85vh;
}

[b-uqboa7inqt] .dxbl-treeview .dxbl-navigation-filter {
    border-radius: 8px;
    height: 35px;
}

[b-uqboa7inqt] .comboboxDPPOP {
    border-radius: 8px !important;
    height: 32px !important;
    font-size: 15px !important;
}

[b-uqboa7inqt] .spaceForm {
        margin-top: 20px !important;
}

.singleViewContainer[b-uqboa7inqt] {
    margin-bottom: 10px;
}

/* Mobile Tablet */
@media only screen and (max-width: 1080px) {
    .managementContainer[b-uqboa7inqt] {
        display: flex;
        flex-direction: column;
    }

    [b-uqboa7inqt] .MobileFormLayout {
            flex-flow: row !important;
    }

    .singleViewContainer[b-uqboa7inqt] {
        background:white;
        border-radius: 8px;
        padding: 10px;
    }

    .spaceText[b-uqboa7inqt] {
        margin-top: 45px;
    }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    [b-uqboa7inqt] .dxbl-drawer-panel {
        top: 65px !important;
        width: 67% !important;
        max-width: 95% !important;
        height: calc(100vh - 50px) !important;
    }

    [b-uqboa7inqt] .projectGridsWidth {
        width: calc(100vw - 50px) !important;
        height: 70vh;
    }
}

.projectMaMenuFull[b-uqboa7inqt] {
    display: flex;
    position: fixed;
    width: 100vw;
    background: white;
    margin: -20px 0 15px 0px;
    left: 0px;
    z-index: 99;
    border-bottom: 1px solid lightgray;
}

.headerstyle[b-uqboa7inqt] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.menubtn[b-uqboa7inqt] {
    padding: 10px;
    font-size: 18px;
}

.menuHeadline[b-uqboa7inqt] {
    display: flex;
    align-items: center;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    [b-uqboa7inqt] .dxbl-drawer-panel {
        top: 50px !important;
        width: 100% !important;
        max-width: 95% !important;
        height: calc(100vh - 50px) !important;
    }

    [b-uqboa7inqt] .premarketingGridWidth {
        width: calc(100vw - 25px) !important;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1399px) {
    [b-uqboa7inqt] .projectGridsWidth {
        width: calc(80vw - 310px) !important;
    }

    [b-uqboa7inqt] .premarketingGridWidth {
        width: calc(80vw - 310px) !important;
    }
}

@media only screen and (min-width: 1400px) {
    [b-uqboa7inqt] .projectGridsWidth {
        width: calc(80vw - 310px) !important;
    }

    [b-uqboa7inqt] .premarketingGridWidth {
        width: calc(80vw - 310px) !important;
    }
}

@media only screen and (min-width: 1600px) {
    [b-uqboa7inqt] .projectGridsWidth {
        width: calc(80vw - 350px) !important;
    }

    [b-uqboa7inqt] .premarketingGridWidth {
        width: calc(80vw - 350px) !important;
    }
}

[b-uqboa7inqt] .dxbl-drawer-body {
    padding: 15px 12px !important;
}

[b-uqboa7inqt] .dxGridCount {
    margin-top: 46px;
}

.noteContainer[b-uqboa7inqt] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    border: 1px solid #DADEE3;
    padding: 15px 0px 15px 0px;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
}


.noteCard[b-uqboa7inqt] {
    border-radius: 8px;
    padding: 12px;
    display: grid;
    grid-template-columns: 92% 8%;
    margin-top: 15px;
    background: #d4e4ed;
}

.readyMessage[b-uqboa7inqt] {
    color: #7d7d7d;
    margin-bottom: 0px;
}

.historyBtn[b-uqboa7inqt] {
    cursor: pointer;
    margin-bottom: 0px;
    margin-top: 15px;
}
/* _content/NetConWeb/View/Data/Project/ProjectView.razor.rz.scp.css */
@media only screen and (min-width: 1081px) {
    .projectScrollView[b-zdf1690t03] {
        height: 85vh;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .projectScrollView[b-zdf1690t03] {
        height: 80vh;
        position: relative;
    }

    [b-zdf1690t03] .dxbl-row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    [b-zdf1690t03] .dxGridContainer {
        width: calc(100vw - 45px) !important;
    }
}
/* _content/NetConWeb/View/Evaluation/ContractEvaluationView.razor.rz.scp.css */
[b-eambteo40a] .evaluationGrid {
    max-height: 75vh;
    width: calc(100vw - 350px);
}
[b-eambteo40a] .dxbl-toolbar-btn.dxbl-btn {
    min-width:40px;
}
/* _content/NetConWeb/View/Evaluation/JournalEvaluationView.razor.rz.scp.css */
[b-usahxqrt2l] .evaluationGrid {
    max-height: 75vh;
    width: calc(100vw - 350px);
}

[b-usahxqrt2l] .dxbl-toolbar-btn.dxbl-btn {
    min-width: 40px;
}
/* _content/NetConWeb/View/Navigation/NavLinks.razor.rz.scp.css */
[b-sczs5uk1an] .navbutton {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

[b-sczs5uk1an] .fa-solid {
    margin-right: 15px;
    font-size: 18px;
}

[b-sczs5uk1an] .fa-kit {
    margin-right: 15px;
    font-size: 18px;
}

[b-sczs5uk1an] .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn > .dxbl-menu-item-text-container .dxbl-menu-item-text {
    white-space: unset !important;
}

[b-sczs5uk1an] .linebreak {
    margin-left: 4px !important;

}
/* _content/NetConWeb/View/Navigation/NavMenu.razor.rz.scp.css */
.navToggleBtn[b-w4o7776f6c] {
    position: absolute;   
    width: 40px;
    top: 10px;
    height: 40px;
    color: white;
    cursor: pointer;
    right: 0;
}

.navToggleBtnSmall[b-w4o7776f6c] {
    color: white;
    padding-left: 37px;
    cursor: pointer;
}

.menu-icon[b-w4o7776f6c] {
    display: inline-block;
    cursor: pointer;
    transition: transform 0.4s ease, opacity 0.3s ease;
}

.menu-icon.open[b-w4o7776f6c] {
    transform: rotate(180deg);
}

.mobileMenuBtnDiv[b-w4o7776f6c] {
    height: 50px;
    display: flex;
    margin-left: 10px;
    align-items: center;
}
/* _content/NetConWeb/View/Settings/Administration/Components/AdminTicketNotificationTempalteView.razor.rz.scp.css */
/* _content/NetConWeb/View/Settings/Administration/Components/AdminUserNotificationGroupView.razor.rz.scp.css */
/* _content/NetConWeb/View/Settings/Availability/AvailabilityAreaCollectionView.razor.rz.scp.css */
[b-84gfjxgyfe] .dxbl-grid-search-box-container {
    margin-left: inherit !important;
    width: 100% !important;
}

.gridContainer[b-84gfjxgyfe] {
    width: auto;
    margin-top: initial;
}
/* _content/NetConWeb/View/Settings/Availability/AvailabilityBaseDataView.razor.rz.scp.css */
[b-yxh0lqdyeq] .dxbl-grid-search-box-container {
    margin-left: inherit !important;
    width: 100% !important;
}

[b-yxh0lqdyeq] .dxbl-group-body-content {
    background-color: #d6dee1;
}

.gridContainer[b-yxh0lqdyeq] {
    width: auto;
    height: 280px;
    margin-top: initial;
}
/* _content/NetConWeb/View/Settings/Availability/AvailabilityDataGrid.razor.rz.scp.css */
[b-7dq0aag8oy] .dxbl-grid-search-box-container {
    margin-left: inherit !important;
    width: 100% !important;
}
/* _content/NetConWeb/View/Shipping/ShippingProtocolCollectionView.razor.rz.scp.css */
[b-g23svjn9sc] .dxbl-btn.toolbaritem-fixed-width {
    width: 230px !important;
}

[b-g23svjn9sc] .badge-info {
    color: black !important;
    background-color: #b8e0ef !important;
}
/* _content/NetConWeb/View/Shipping/ShippingProtocolPackingListCollectionView.razor.rz.scp.css */
[b-ykf2fki3y3] .shippingListGrid {
    margin-top: -20px !important;
    margin-bottom: -20px !important;
}

[b-ykf2fki3y3] .badge-info {
    color: black !important;
    background-color: #b8e0ef !important;
}
/* _content/NetConWeb/View/Shipping/ShippingProtocolView.razor.rz.scp.css */
[b-eluh1zcpsd] .fit-content-height {
    height: fit-content;
}

[b-eluh1zcpsd] .layout-item-1 {
    height: 500px !important;
}

[b-eluh1zcpsd] .layout-item-2 {
    height: 500px !important;
}

[b-eluh1zcpsd] .layout-item-3 {
    height: 150px !important;
}

[b-eluh1zcpsd] .grid-packingList {
    margin-top: 0;
    min-height: 220px;
    max-height: 220px;
}

[b-eluh1zcpsd] .grid-fileList {
    margin-top: 0;
    min-height: 220px;
    max-height: 220px;
}

[b-eluh1zcpsd] .seperator{
    margin-top: -60px !important;
}

[b-eluh1zcpsd] .input-w-100 {
    width: 100%;
    max-width: none !important;
}

[b-eluh1zcpsd] .dxbl-fl-group.supplier-address {
    margin-top: 2px !important;
    margin-bottom: -1.5rem !important;
}

[b-eluh1zcpsd] .dxbl-group {
    height: 100%;
}

[b-eluh1zcpsd] .btn-smm {
    font-size: 8pt;
    cursor: pointer;
}

.shipping-address-selected[b-eluh1zcpsd] {
    border: 2px solid var(--tertiaryMandatorColor) !important;
}

.shipping-address[b-eluh1zcpsd] {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 140px;
    max-height: 110px;
    overflow-y: auto;
    display: inline-grid;
    font-size: 8pt;
    margin: 3px;
    padding-top: 5px;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    background-color: whitesmoke;
    text-align: center;
}

    .shipping-address:hover[b-eluh1zcpsd] {
        border: 2px solid gray;
    }

    .shipping-address label[b-eluh1zcpsd] {
        cursor: pointer;
    }

.gridlayout-item[b-eluh1zcpsd] {
    font-size: 1.2em;
    font-weight: 500;
    text-align: center;
    height: 100%;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
}

    .gridlayout-item[b-eluh1zcpsd]:before {
        content: " ";
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.4;
    }

.gridlayout-header[b-eluh1zcpsd]:before {
    background-color: var(--bs-red);
}

.gridlayout-content[b-eluh1zcpsd]:before {
    background-color: var(--bs-yellow);
}

.gridlayout-left-side-bar[b-eluh1zcpsd]:before {
    background-color: var(--bs-green);
}

.gridlayout-right-side-bar[b-eluh1zcpsd]:before {
    background-color: var(--bs-info);
}

.gridlayout-footer[b-eluh1zcpsd]:before {
    background-color: var(--bs-blue);
    opacity: 0.5;
}

@media (max-width: 575.98px) {
    .gridlayout-item[b-eluh1zcpsd] {
        font-size: 0.9em;
    }
}
/* _content/NetConWeb/View/Tickets/Components/Other/ArticleView.razor.rz.scp.css */
[b-ed8pg4xtzv] articleContainer {
    margin: 5px 5px 5px 5px;
}

.overflowContainer[b-ed8pg4xtzv] {
    height: 100%;
    width: 98%;
    overflow-y: auto;
    overflow-x: hidden;
}

.accordionCommand[b-ed8pg4xtzv] {
    position: absolute;
    right: 10px;
    display: inline-flex;
    margin-top: -30px;
    z-index: 10;
}

.accordionCommandButton[b-ed8pg4xtzv]{
    cursor: pointer;
    margin-right: 5px;
}

[b-ed8pg4xtzv] .dxbl-accordion-group-body {
    margin: 5px 5px 5px 5px;
}
/* _content/NetConWeb/View/Tickets/Components/Other/TicketTextTemplateTile.razor.rz.scp.css */
.container[b-d3pyeopyyf] {
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 12px;
    margin: 5px;
    text-align: center;
    min-width: 450px;
    max-width: 450px;
    min-height: 200px;
    max-height: 200px;
}

.container-selected[b-d3pyeopyyf] {
    background-color: lightgreen;
}

[b-d3pyeopyyf] .wrapped-text {
    max-width: 160px;
    min-width: 160px;
    margin-right: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

[b-d3pyeopyyf] .wrapped-text-title {
    max-width: 400px;
    min-width: 400px;
    cursor: pointer;
}
/* _content/NetConWeb/View/Tickets/Components/TicketConfigurationTile.razor.rz.scp.css */
[b-g11nsg1gse] .participant-box {
    border-radius: 8px;
    min-height: 37px;
    height: auto;
}



.config-tile[b-g11nsg1gse] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
}

.tile-header[b-g11nsg1gse] {
    cursor: pointer;
}

.header-content[b-g11nsg1gse] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-g11nsg1gse] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 90%;
}

.icon-container[b-g11nsg1gse] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-g11nsg1gse] {
        color: #264462;
        font-size: 25px;
    }

.title-container[b-g11nsg1gse] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 90%;
}

.main-title[b-g11nsg1gse] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.badges-row[b-g11nsg1gse] {
    display: flex;
    gap: 0.5rem;
}

/* Status Badge Styles */
.status-badge[b-g11nsg1gse] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    height: 35px;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    min-width: 80px;
    max-width: 100%;
    gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

    .status-badge.mini[b-g11nsg1gse] {
        padding: 0.15rem 0.5rem;
        font-size: 0.75rem;
        min-width: auto;
    }

/* Priority Badge Styles */
.priority-badge[b-g11nsg1gse] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    height: 35px;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    min-width: 80px;
    max-width: 100%;
    gap: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

    .priority-badge.mini[b-g11nsg1gse] {
        padding: 0.15rem 0.5rem;
        font-size: 0.75rem;
        min-width: auto;
    }

/* Other Badges */
.department-badge[b-g11nsg1gse],
.queue-badge[b-g11nsg1gse],
.source-badge[b-g11nsg1gse] {
    display: inline-flex;
    align-items: center;
    height: 35px;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    font-size: 14px;
    min-width: 80px;
    max-width: 100%;
    justify-content: space-between;
    white-space: nowrap;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #122538;
}

.tag-count[b-g11nsg1gse] {
    color: #666;
    font-size: 0.875rem;
}

.expand-icon[b-g11nsg1gse] {
    margin-left: 0.5rem;
    font-size: 1.25rem
}

.grid-row[b-g11nsg1gse] {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 10px;
    margin-top: 15px;
    width: 100%;
}

.grid-cell[b-g11nsg1gse] {
    margin-bottom: 15px;
    min-width: 0;
}

    .grid-cell:last-child[b-g11nsg1gse] {
        border-right: none;
    }

.grid-row:last-child .grid-cell[b-g11nsg1gse] {
    border-bottom: none;
}

.cell-label[b-g11nsg1gse] {
    margin-bottom: 0.5rem;
}

.config-item[b-g11nsg1gse] {
    cursor: pointer;
    width: 100%;
}

    .config-item span[b-g11nsg1gse] {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* Tags Section */
.tags-section[b-g11nsg1gse] {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid lightgray;
    margin-top: 10px;
}

.tags-container[b-g11nsg1gse] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 0.5rem;
    align-items: center;
    width: 100%;
}

.tag-badge[b-g11nsg1gse] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    background-color: #FFE6C1;
    color: #333;
    max-width: 100%;
}

.add-tag-badge[b-g11nsg1gse] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #FFE6C1;
    cursor: pointer;
    font-weight: bold;
}

.remove-tag[b-g11nsg1gse] {
    margin-left: 0.5rem;
    cursor: pointer;
    font-weight: bold;
}

.icon[b-g11nsg1gse] {
    margin-left: 0.5rem;
    font-size: 0.75rem;
    flex-shrink: 0;
}

/* Popup Styles */
.tag-popup-content[b-g11nsg1gse] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tag-list[b-g11nsg1gse] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.tag-item[b-g11nsg1gse] {
    padding: 0.5rem;
    cursor: pointer;
}

    .tag-item:hover[b-g11nsg1gse] {
        background-color: #f8f9fa;
    }

.save-tags-button[b-g11nsg1gse] {
    margin-top: 1rem;
    width: 100%;
}

.dropdown-item[b-g11nsg1gse] {
    padding: 0.5rem 1rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .dropdown-item:hover[b-g11nsg1gse] {
        background-color: #f8f9fa;
    }

/* Status Icons */
.status-icon[b-g11nsg1gse],
.priority-icon[b-g11nsg1gse] {
    margin-right: 6px;
    font-size: 14px;
}






select.config-item option[b-g11nsg1gse], select.config-item-with-icon option[b-g11nsg1gse] {
    background: white !important;
    color: black !important;
}

select.config-item-with-icon[b-g11nsg1gse] {
    padding-left: 40px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}

select.config-item[b-g11nsg1gse] {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    cursor: pointer;
}

.select-with-icon[b-g11nsg1gse] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select-icon[b-g11nsg1gse] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}


.select-arrow[b-g11nsg1gse] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}


/**/



/* Responsive Design */
@media (max-width: 767px) {
    .grid-row[b-g11nsg1gse] {
        grid-template-columns: 1fr;
    }

    .grid-cell[b-g11nsg1gse] {
        border-right: none;
    }

    .status-badge[b-g11nsg1gse],
    .priority-badge[b-g11nsg1gse],
    .department-badge[b-g11nsg1gse],
    .queue-badge[b-g11nsg1gse],
    .source-badge[b-g11nsg1gse] {
        min-width: 60px;
        font-size: 0.8rem;
    }
}
/* _content/NetConWeb/View/Tickets/Components/TicketCreate/TicketCreateView.razor.rz.scp.css */
/* General custom styles for the divs */

.white-bg[b-j6befn2p0v] {
    background-color: white;
    padding: 5px;
    border-radius: 5px;
}

.custom-div[b-j6befn2p0v] {
    border: 2px solid transparent;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    margin: 10px;
    transition: all 0.3s ease;
    background-color: white;
}

[b-j6befn2p0v] .memosize {
    border-radius: 8px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}

/* Hover effect for the div */
.custom-div:hover[b-j6befn2p0v] {
    background-color: #f1f1f1;
    border-color: #0056b3;
}

.custom-div.selected[b-j6befn2p0v] {
    background-color: #dbeafe; /* helles Blau */
    border: 2px solid #3b82f6; /* kräftiges Blau */
    color: #1e3a8a;
    box-shadow: 0 0 6px rgba(59, 130, 246, 0.3);
}

/* Styles for the Priority label */
.priority-label[b-j6befn2p0v] {
    padding: 5px 10px;
    border-radius: 4px;
    display: flex;
    transition: all 0.3s ease;
    gap: 3px;
    align-items: center;
}

[b-j6befn2p0v] .dxbl-text-edit > .dxbl-btn-group, .dxbl-text-edit > .dxbl-btn-group-vertical[b-j6befn2p0v] {
    background: none !important;
}


/* Styles for the Quelle label */
.quelle-label[b-j6befn2p0v] {
    color: black;
    padding: 5px 10px;
    border-radius: 4px;
}

.bold-placeholder .dxbl-text-edit-input[b-j6befn2p0v]::placeholder {
    font-weight: bold !important;
}

.thumbnail-img[b-j6befn2p0v] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 50%;
    margin-left: 10px !important;
}

.ticketcreater[b-j6befn2p0v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.twoRows[b-j6befn2p0v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.threeRows[b-j6befn2p0v] {
    display: grid;
    grid-template-columns: 27% 71%;
    gap: 10px;
}

.borderbox[b-j6befn2p0v] {
    border-bottom: 1px solid gray;
    padding-bottom: 15px;
}

[b-j6befn2p0v] .combobox {
    height: 33px !important;
}

.customerinformationBox[b-j6befn2p0v] {
    background: #f0f0f0;
    border-radius: 8px;
    padding: 6px 10px 10px 11px
}

.resultLabel[b-j6befn2p0v] {
    font-weight: bold;
    margin-right: 50px
}

.customerinformationGrid[b-j6befn2p0v] {
    display: grid;
}

.headline[b-j6befn2p0v] {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.table[b-j6befn2p0v] {
    margin-bottom: 0px;
}

td[b-j6befn2p0v] {
    border-top: none !important;
}

.table-sm td[b-j6befn2p0v] {
    padding: 4px 20px 0px 0px !important;
}


.htmlBox[b-j6befn2p0v] {
    width: 100%;
    min-height: 50px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
}

.popUpLabel[b-j6befn2p0v] {
    font-weight: bold;
    color: #1976D2;
    margin-bottom: 0px;
}

.messageHeader[b-j6befn2p0v] {
    display: flex;
    width: 100%;
    gap: 10px;
    background-color: #e3f2fd;
    padding: 10px;
    border-radius: 8px;
}

.messageHeaderItem[b-j6befn2p0v], .popUpEndeItem[b-j6befn2p0v] {
    display: flex;
    align-items: center;
}

.popUpBodyValue[b-j6befn2p0v] {
    margin-top: 5px;
    border: 1px solid #1976D2;
    padding: 15px;
    background-color: #ffffff;
    border-left: 5px solid #1976D2;
    width: 90%;
    min-height: 50px;
    max-height: 300px;
    overflow-y: auto;
}

.messageContent[b-j6befn2p0v] {
    border: 1px solid #ddd;
    background-color: white;
    margin-top: 15px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.popUpValue[b-j6befn2p0v] {
    margin-left: 10px;
    margin-right: 15px;
}

.popUpEnde[b-j6befn2p0v] {
    margin-top: 20px;
    margin-left: 20px;
}

.messageBody[b-j6befn2p0v] {
    margin-top: 10px;
}

.popUpBodyLabel[b-j6befn2p0v] {
    font-weight: bold;
    color: #1976D2;
    margin-bottom: 0px;
}

.popUpStartLabel[b-j6befn2p0v] {
    font-weight: bold;
    color: #1976D2;
    margin-bottom: 5px;
}




.ticketSelect[b-j6befn2p0v] {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .ticketSelect optgroup[b-j6befn2p0v] {
        font-weight: bold;
        padding: 5px;
    }

        .ticketSelect optgroup.statusOffen[b-j6befn2p0v] {
            background-color: #FFF3E0;
        }

        .ticketSelect optgroup.statusInBearbeitung[b-j6befn2p0v] {
            background-color: #E1F5FE;
        }

        .ticketSelect optgroup.statusWartend[b-j6befn2p0v] {
            background-color: #EDE7F6;
        }

        .ticketSelect optgroup.statusFertig[b-j6befn2p0v] {
            background-color: #E8F5E9;
        }

    .ticketSelect option[b-j6befn2p0v] {
        display: flex;
        padding: 5px 0;
    }

.statusColumn[b-j6befn2p0v] {
    width: 120px;
    display: inline-block;
    font-weight: bold;
}

.dateColumn[b-j6befn2p0v] {
    width: 120px;
    display: inline-block;
}

.titleColumn[b-j6befn2p0v] {
    flex: 1;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .messageHeader[b-j6befn2p0v] {
        flex-direction: column;
        align-items: flex-start;
    }

    .messageHeaderItem[b-j6befn2p0v] {
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .popUpLabel[b-j6befn2p0v],
    .popUpValue[b-j6befn2p0v] {
        font-size: 14px;
    }
}

.buttonTicket[b-j6befn2p0v] {
    display: flex;
    width: 31%;
    height: 60px;
    border: none;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.buttonTicket[b-j6befn2p0v] {
    display: flex;
    width: 31%;
    height: 60px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.2s ease, transform 0.1s ease;
    background-color: #ecfdf5;
    color: #009062;
    border: none;
    margin-right: .25rem !important;
}
    .buttonTicket:hover[b-j6befn2p0v] {
        background-color: #d1fae5;
    }

    .buttonTicket:active[b-j6befn2p0v], .copyIcon svg:active[b-j6befn2p0v] {
        transform: scale(0.97);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }

.iconText[b-j6befn2p0v] {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    text-align: left;
}

    .iconText svg[b-j6befn2p0v] {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

.buttonSmall[b-j6befn2p0v] {
    display: flex;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

 .buttonTicketSmall[b-j6befn2p0v] {
    display: flex;
    width: 70px;
    height: 40px;
    border-radius: 5px;
    transition: background-color 0.2s ease, transform 0.1s ease;
    margin-top: 5px;
}

   .buttonTicketSmall svg[b-j6befn2p0v] {
        height: 20px;
        width: 20px;
        position: relative;
    }

.buttonTicketSmall[b-j6befn2p0v] {
    background-color: #ecfdf5;
    color: #009062;
}
    .buttonTicketSmall:hover[b-j6befn2p0v] {
        background-color: #d1fae5;
    }
    .buttonTicketSmall:active[b-j6befn2p0v] {
        transform: scale(0.97);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }

.CCViewBtns[b-j6befn2p0v] {
    height: 38px;
    margin-right: 10px;
}
/* _content/NetConWeb/View/Tickets/Components/TicketDetailView.razor.rz.scp.css */
/* _content/NetConWeb/View/Tickets/Components/TicketFeedView.razor.rz.scp.css */
#content[b-ijef2oavgc] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 0px !important;
}

.feed-filter[b-ijef2oavgc] {
    display: flex;
    align-items: center;
    margin: 20px 0px;
    flex-shrink: 0;
    overflow: hidden;
}

.feed-filter-icons[b-ijef2oavgc] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: 0.5rem;
}

#content-history[b-ijef2oavgc] {
    flex: 1;
    overflow-y: auto;
    padding: 0 1rem 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-height: 0;
}

#content-feed[b-ijef2oavgc] {
    flex-shrink: 0;
    width: 100%;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

.drawerFeedView[b-ijef2oavgc] {
    font-size: 15px;
}

.content-feed-icon[b-ijef2oavgc] {
    color: #264462;
    padding: 5px;
    border: 1px solid #e3e4e6;
    transition: all 0.2s ease;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
}

    .content-feed-icon:hover[b-ijef2oavgc] {
        background-color: #cfd0d1;
    }

.content-feed-icon-selected[b-ijef2oavgc] {
    color: #264462;
    border: 1px solid #e3e4e6;
    background-color: #e3e4e6;
}

.activity-avatar[b-ijef2oavgc] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    z-index: 2;
}

.activity-content[b-ijef2oavgc] {
    flex: 1;
}

.activity-header[b-ijef2oavgc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.activity-name[b-ijef2oavgc] {
    font-weight: 500;
    color: #264462;
}

.activity-timestamp[b-ijef2oavgc] {
    color: #6c757d;
    font-size: 0.875rem;
}

.activity-message[b-ijef2oavgc] {
    color: #495057;
    line-height: 1.5;
}


[b-ijef2oavgc] .chat-memo {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.5rem;
    min-height: 40px;
    resize: none;
}

.ticket-content[b-ijef2oavgc] {
    display: block !important;
}

#content[b-ijef2oavgc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1rem 1rem 0 0;
    background-color: #fff;
    /*border-radius: 0.5rem;
    margin: 0 auto;*/
}

#content-history[b-ijef2oavgc] {
    flex: 1;
    padding: 0 1rem 0 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 767px) {
    .filterScroll[b-ijef2oavgc] {
        display: inline-flex;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .filterScroll[b-ijef2oavgc]::-webkit-scrollbar {
            display: none;
        }
}
/* _content/NetConWeb/View/Tickets/Components/TicketHeaderView.razor.rz.scp.css */
.headerCustomer[b-j1e8o3c82o] {
    max-width: 680px;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.headerTextContainer[b-j1e8o3c82o] {
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    white-space: normal;
    hyphens: auto;
}

.headerSuperTextContainer[b-j1e8o3c82o] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    margin-right: 5px;
    flex-shrink: 0;
}

.assignedimage[b-j1e8o3c82o] {
    margin-right: 10px;
}

.headerContainer[b-j1e8o3c82o] {
    display: grid;
    grid-template-columns: 70% 30%;
    padding-top: 5px;
}

.ticketHeaderDistance[b-j1e8o3c82o] {
    padding: 0px 5px 0px 3px;
}

@media only screen and (max-width: 1500px) {
    .headerContainer[b-j1e8o3c82o] {
        grid-template-columns: 100%;
    }
}


.headerContainerRight[b-j1e8o3c82o] {
    margin-left: auto;
    z-index: 2;
}

.headerContainerRightButton[b-j1e8o3c82o] {
    display: grid;
    cursor: pointer;
    padding-right: 8px;
    padding-top: 8px;
}

.selectionPopUpTargetOverflow[b-j1e8o3c82o] {
    margin-left: -300px;
}

.tagContainer[b-j1e8o3c82o] {
    font-size: 11pt;
    margin: 0px 10px -28px 12px;
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    max-width: 600px;
    z-index: 2;
}

.badgeRightContainer[b-j1e8o3c82o] {
    margin-left: auto;
    margin-right: 30px;
    min-height: 34px;
}

.itemRight[b-j1e8o3c82o] {
    font-weight: bold;
    padding-top: 6px;
    font-size: 9.5pt;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mandant[b-j1e8o3c82o] {
    min-width: 65px;
    max-width: 65px;
    cursor: pointer;
}

.isPublic[b-j1e8o3c82o] {
    min-width: 64px;
    max-width: 64px;
    cursor: pointer;
}

.assignedUser[b-j1e8o3c82o] {
    min-width: 200px;
    max-width: 200px;
}

.refreshBadge[b-j1e8o3c82o] {
    cursor: pointer;
    position: relative;
    height: 20px;
    min-width: 65px;
    max-width: 65px;
    margin-top: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    background-color: green;
}

.iconImage[b-j1e8o3c82o] {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: 3px;
}



/*Mobile*/
@media screen and (max-width: 767px) {
    .header-container[b-j1e8o3c82o] {
        display: block !important;
    }

    .headerCustomer[b-j1e8o3c82o] {
        margin-top: 15px !important;
    }

    .headerSuperTextContainer[b-j1e8o3c82o] {
        margin-left: 0px !important;
    }

    .ticketHeaderDistance[b-j1e8o3c82o] {
        padding: 10px;
    }

    .headerTextContainer[b-j1e8o3c82o] {
        margin: 0px !important;
    }
}
/* _content/NetConWeb/View/Tickets/Components/TicketListView.razor.rz.scp.css */
/* Main Container */
.ticketTabView[b-ruicagyiz7] {
    margin-bottom: 7px;
    width: 100%;
}

/* Tabs Container with Controls */
.ticket-list-tabs[b-ruicagyiz7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    position: relative;
    background: #f8f9fa;
    margin-top: -20px;
    margin-left: -16px;
    margin-bottom: 15px;
}

/* Close Button */
.ticketListClose[b-ruicagyiz7] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #adb5bd;
    opacity: 0.6;
    transition: all 0.2s;
    padding: 4px;
    border-radius: 50%;
}

.ticketListClose:hover[b-ruicagyiz7] {
    color: var(--primaryMandatorColor);
    opacity: 1;
}

/* Left Control - Back Button */
.ticket-list-control-left[b-ruicagyiz7] {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    background: #f8f9fa;
    z-index: 2;
    border-right: 1px solid #e9ecef;
}

.backToGrid[b-ruicagyiz7] {
    padding: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .backToGrid:hover[b-ruicagyiz7] {
        background-color: #e9ecef;
    }

/* Right Control - Close All */
.ticket-list-control-right[b-ruicagyiz7] {
    padding: 0.5rem 21px 0.5px 0.5rem;
    display: flex;
    align-items: center;
    background: #f8f9fa;
    z-index: 2;
    border-left: 1px solid #e9ecef;
    right: 0;
}

/* Close All Button */
.close-all-button[b-ruicagyiz7] {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: inherit;
    line-height: 1;
}

    .close-all-button:hover[b-ruicagyiz7] {
        color: var(--primaryMandatorColor);
    }

.close-text[b-ruicagyiz7] {
    font-size: 0.65rem;
}

/* Scrollable Tabs Container */
.tabs-scroll-container[b-ruicagyiz7] {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    /* Moderne Scrollbar-Styles */
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 #f8f9fa;
}

    /* Webkit Scrollbar Styling (Chrome, Safari, neuere Edge Versionen) */
    .tabs-scroll-container[b-ruicagyiz7]::-webkit-scrollbar {
        height: 6px;
        width: 6px;
    }

    .tabs-scroll-container[b-ruicagyiz7]::-webkit-scrollbar-track {
        background: #f8f9fa;
        border-radius: 3px;
    }

    .tabs-scroll-container[b-ruicagyiz7]::-webkit-scrollbar-thumb {
        background-color: #cbd5e0;
        border-radius: 3px;
        border: 2px solid transparent;
    }

        .tabs-scroll-container[b-ruicagyiz7]::-webkit-scrollbar-thumb:hover {
            background-color: #a0aec0;
        }

/* Custom Scrollbar Track */
.ticket-list-tabs[b-ruicagyiz7]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #e9ecef;
    z-index: 1;
}

/* Active Tab Indicator */
.ticket-list-tab.active[b-ruicagyiz7]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #f1800e;
    z-index: 3;
}

/* Individual Tab */
.ticket-list-tab[b-ruicagyiz7] {
    position: relative;
    padding: 0.75rem 2rem 0.75rem 1rem;
    cursor: pointer;
    width: 200px;
    flex-shrink: 0;
    background: #f8f9fa;
    transition: background-color 0.2s;
    border: none;
    border-right: 1px solid #e9ecef;
}

    .ticket-list-tab:hover[b-ruicagyiz7] {
        background: #fff;
    }

    .ticket-list-tab.active[b-ruicagyiz7] {
        color: #f1800e;
        font-weight: 600;
        background: #fff;
    }



/* Tab Content */
.ticket-list-tab-header[b-ruicagyiz7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.ticket-list-tab-details[b-ruicagyiz7] {
    font-size: 0.75rem;
    color: #6c757d;
    width: 145px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*Mobile & Tablet*/
@media screen and (max-width: 1080px) {
    .ticket-list-control-right[b-ruicagyiz7] {
        margin-right: 0px !important;    
    }

    .ticket-list-tabs[b-ruicagyiz7] {
        width: auto;
    }
}
/* _content/NetConWeb/View/Tickets/Sidebar/ActionView.razor.rz.scp.css */
[b-3brmnfdy67] .actionBtn{
    margin-top: 5px;
}
/* _content/NetConWeb/View/Tickets/Sidebar/AiModelView.razor.rz.scp.css */
.convProposalButton[b-4n84e2gjkp] {
    display: flex;
    align-items: center;
    width: 95%;
    height: 65px;
    border-radius: 10px;
    margin-left: 2.5%;
    background-color: #2563eb;
    color: white;
    font-size: 15px;
    cursor: pointer;
}
.convProposalButtonIcon[b-4n84e2gjkp] {
    padding-left: 15px;
}

.lastConvBox[b-4n84e2gjkp], .messageBox[b-4n84e2gjkp] {
    width: 95%;
    margin-left: 2.5%;
    margin-top: 15px;
    border-radius: 10px;
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    padding-left: 15px;
}

.lastConvHeaderLine[b-4n84e2gjkp], .messageHeaderLine[b-4n84e2gjkp] {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.lastConvHeaderLineText[b-4n84e2gjkp], .messageHeaderLineText[b-4n84e2gjkp] {
    padding-left: 10px;
    font-size: 15px;
}

.lastConvText[b-4n84e2gjkp], .messageText[b-4n84e2gjkp] {
    margin-top: 15px;
    width: 90%;
    text-align: left;
    font-size: 15px;
    cursor: pointer;
    white-space: pre-wrap;

    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .lastConvText:hover[b-4n84e2gjkp], .messageText:hover[b-4n84e2gjkp] {
        background-color: #f3f4f6;
        border-radius: 10px;
        transition: all 0.2s ease-in-out;
    }

    .lastConvButtonBox[b-4n84e2gjkp], .messageButtonBox[b-4n84e2gjkp] {
        display: flex;
        margin-top: 15px;
        width: 100%;
        height: 50px;
        margin-bottom: 15px;
    }

.lastConvButtonLeft[b-4n84e2gjkp], .lastConvButtonRight[b-4n84e2gjkp], .messageButtonLeft[b-4n84e2gjkp], .messageButtonRight[b-4n84e2gjkp] {
    width: 47%;
    display: flex;
    border-radius: 10px;
    color: white;
    font-size: 14px;
    padding-left: 10px;

    cursor: pointer;
}

.lastConvButtonLeft[b-4n84e2gjkp], .messageButtonLeft[b-4n84e2gjkp] {
    background-color: #059669;
    align-items: center;
    justify-content: center;
    padding-left: 0;
}

.lastConvButtonRight[b-4n84e2gjkp], .messageButtonRight[b-4n84e2gjkp] {
    background-color: #4b5563;
    margin-left: 2%;
    padding-top: 3px;
}

.lastConvButtonLeftText[b-4n84e2gjkp], .lastConvButtonRightText[b-4n84e2gjkp], .messageButtonLeftText[b-4n84e2gjkp], .messageButtonRightText[b-4n84e2gjkp] {
    margin-left: 7px;
    text-align: left;
}

.requestReply[b-4n84e2gjkp] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    height: 45px;
    background-color: #4b5563;
    margin-left: 2.5%;
    margin-top: 15px;
    border-radius: 10px;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

.requestReplyIcon[b-4n84e2gjkp] {
    margin-top: -3px;
}

.requestReplyText[b-4n84e2gjkp] {
    padding-left: 10px;
}

.convProposalButton[b-4n84e2gjkp],
.lastConvButtonLeft[b-4n84e2gjkp],
.lastConvButtonRight[b-4n84e2gjkp],
.requestReply[b-4n84e2gjkp],
.messageButtonLeft[b-4n84e2gjkp],
.messageButtonRight[b-4n84e2gjkp] {
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .lastConvButtonLeft:active[b-4n84e2gjkp],
    .lastConvButtonRight:active[b-4n84e2gjkp],
    .messageButtonLeft:active[b-4n84e2gjkp],
    .messageButtonRight:active[b-4n84e2gjkp] {
        transform: scale(0.98);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }

    .convProposalButton:active[b-4n84e2gjkp],
    .requestReply:active[b-4n84e2gjkp] {
        transform: scale(0.99);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }

    .convProposalButton:hover[b-4n84e2gjkp] {
        background-color: #1e40af;
    }

    .lastConvButtonLeft:hover[b-4n84e2gjkp],
    .messageButtonLeft:hover[b-4n84e2gjkp] {
        background-color: #047857;
    }

    .lastConvButtonRight:hover[b-4n84e2gjkp],
    .messageButtonRight:hover[b-4n84e2gjkp],
    .requestReply:hover[b-4n84e2gjkp] {
        background-color: #374151;
    }


.popup-content[b-4n84e2gjkp] {
    font-family: 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    padding: 16px;
    white-space: pre-wrap;
    background-color: #fafafa;
    border-radius: 12px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05);
    overflow-y: auto;
    max-height: 60vh;
}

.dx-popup-content[b-4n84e2gjkp] {
    padding: 0 !important;
    background-color: #fff;
    border-radius: 12px;
}


.typing-indicator[b-4n84e2gjkp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 24px;
}

.dot[b-4n84e2gjkp] {
    width: 8px;
    height: 8px;
    background-color: #666;
    border-radius: 50%;
    animation: blink-b-4n84e2gjkp 1.4s infinite both;
}

    .dot:nth-child(2)[b-4n84e2gjkp] {
        animation-delay: 0.2s;
    }

    .dot:nth-child(3)[b-4n84e2gjkp] {
        animation-delay: 0.4s;
    }

@keyframes blink-b-4n84e2gjkp {
    0%, 80%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.aiButtonSend.disabled[b-4n84e2gjkp] {
    background-color: #9ca3af;
    cursor: not-allowed;
    pointer-events: none;
}

.ai-spinner[b-4n84e2gjkp] {
    border: 3px solid rgba(5, 150, 105, 0.3); /* Semi-transparent green for the base */
    border-top: 3px solid #059669; /* Solid active green for the spinning top */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin-b-4n84e2gjkp 1s linear infinite;
    margin: auto; /* Ensures centering if needed */
}

/* Keep the keyframes the same */
@keyframes spin-b-4n84e2gjkp {
    0% {
        transform: rotate(0deg);
    }

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

.lastConvButtonLeft[b-4n84e2gjkp],
.messageButtonLeft[b-4n84e2gjkp] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
}
/* _content/NetConWeb/View/Tickets/Sidebar/AiView.razor.rz.scp.css */
.ai-response[b-9bj03llirk] {
    margin: 5px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    text-align: center;
    background-color: #ebedeb;
}

    .ai-response:hover[b-9bj03llirk] {
        box-shadow: 0px 0px 4px 2px lightgray;
    }

.ai-response-text[b-9bj03llirk] {
    overflow-y: auto;
    text-overflow: ellipsis;
    max-height: 350px;
}

.ai-button-container[b-9bj03llirk] {
    display: flex;
}

.ai-button[b-9bj03llirk] {
    cursor: pointer;
    color: #4f4e4e;
    margin: 2px 3px 0px 0px;
    font-size: small
}
/* _content/NetConWeb/View/Tickets/Sidebar/KnowledgeView.razor.rz.scp.css */
.article-response[b-w5yo10lj9n] {
    margin: 5px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    text-align: center;
    background-color: #ebedeb;
}

    .article-response:hover[b-w5yo10lj9n] {
        box-shadow: 0px 0px 4px 2px lightgray;
    }

.article-response-text[b-w5yo10lj9n] {
    overflow-y: auto;
    text-overflow: ellipsis;
    max-height: 350px;
}

.article-button-container[b-w5yo10lj9n] {
    display: flex;
}

.article-button[b-w5yo10lj9n] {
    cursor: pointer;
    color: #4f4e4e;
    margin: 2px 3px 0px 0px;
    font-size: small
}
/* _content/NetConWeb/View/Tickets/Sidebar/NotesView.razor.rz.scp.css */
[b-qhz7w16th9] .noteContainerGroup{
    padding: 5px 5px 5px 5px;
}

.noteContainer[b-qhz7w16th9] {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 60vh;
    width: 100%;
}

.noteTile[b-qhz7w16th9] {
    background-color: whitesmoke;
    border-radius: 8px;
    padding: 5px 5px 5px 5px;
    box-shadow: 0 0 2px 1px lightgray;
    width: 100%;
    height: 132px;
    overflow-x: hidden;
}

[b-qhz7w16th9] .noteTileMemo {
    background-color: whitesmoke !important;
}
/* _content/NetConWeb/View/Tickets/Sidebar/SubTicketView.razor.rz.scp.css */
[b-l7pg2o7l01] .parent-textbox {
    margin: 5px;
}

[b-l7pg2o7l01] .link-textbox-parent{
    min-width: 100%;
    padding-top: 5px;
}

[b-l7pg2o7l01] .dxbl-text-edit {
    border: none;
}

    [b-l7pg2o7l01] .dxbl-text-edit .dxbl-text-edit-input {
        padding: 0;
    }

[b-l7pg2o7l01] .dxbl-btn-group{
    width: 20px;
}

    [b-l7pg2o7l01] .dxbl-btn-group .dxbl-btn {
        padding: 0;
        border: none;
    }
/* _content/NetConWeb/View/Tickets/SupportTicketBaseDataView.razor.rz.scp.css */
[b-xt9lcup953] .close-tab {
    cursor: pointer;
    padding: 2px 8px;
    margin-left: 8px;
    opacity: 0.6;
    border-radius: 4px;
}

@media (min-width: 1081px) {
    .ticketdetailsgrid[b-xt9lcup953] {
        display: grid;
        grid-template-columns: 30% 70%;
        height: 60vh;
    }
}



[b-xt9lcup953] .close-tab:hover {
    opacity: 1;
    background-color: rgba(0,0,0,0.1);
}

[b-xt9lcup953] .dxbl-tab-active {
    border-bottom: 2px solid #f97316;
    color: #f97316;
}

.topAlignedLayoutItem[b-xt9lcup953] {
    vertical-align: top;
}

.leftAlignedLayoutItem[b-xt9lcup953] {
    text-align: left;
}

.ticketDetailViewRight > div[b-xt9lcup953] {
    margin-top: unset !important;
}

[b-xt9lcup953]::-webkit-scrollbar {
    /* width: 20px; */
    display: none;
}

.ticketDetailLeftSide[b-xt9lcup953] {
        overflow-y: auto;
        padding: 0px 15px 0px 0px
    }

[b-xt9lcup953] .dxbl-text-edit > .dxbl-btn-group, .dxbl-text-edit > .dxbl-btn-group-vertical[b-xt9lcup953] {
    background: none !important;
}

/* Mobile & Tablet */
@media only screen and (max-width: 1080px) {
    .ticketdetailsgrid[b-xt9lcup953] {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .ticket-list-tabs[b-xt9lcup953] {
        
        margin-right: -10px !important;

    }

    .ticketDetailLeftSide[b-xt9lcup953] {
        padding: 0px !important;
    }

    .ticketTabView[b-xt9lcup953] {
        margin-bottom: 0px !important;
    }
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
    .ticketdetailsgrid[b-xt9lcup953] {
    margin-right: 15px;
    }
}

/* Styles f�r Bildschirmbreiten ab 1200px */
@media (min-width: 1200px) {
    [b-xt9lcup953] .dxbl-form-layout-root {
        height: calc(91vh - 70px);
        overflow: hidden;
    }

    .ticketDetailViewRight[b-xt9lcup953] {
        height: 100%;
    }

    /* Scrollbar-Styling */
    .ticketDetailLeftSide[b-xt9lcup953]::-webkit-scrollbar-thumb,
    .ticketDetailsContainer[b-xt9lcup953]::-webkit-scrollbar-thumb {
        background-color: #cbd5e1;
        border-radius: 4px;
    }

    .ticketDetailLeftSide[b-xt9lcup953]::-webkit-scrollbar-track,
    .ticketDetailsContainer[b-xt9lcup953]::-webkit-scrollbar-track {
        background-color: #f1f5f9;
    }
}
    [b-xt9lcup953] .content{
        padding-top:0.4rem!important;
    }
/* _content/NetConWeb/View/Tickets/SupportTicketCollectionView.razor.rz.scp.css */
[b-vdqziqjhd5] .dxbl-fl-ctrl {
    margin-top: 5px !important;
}

[b-vdqziqjhd5] .ticket-grid {
    margin-top: 7px;
    height: 82vh;
}

@media only screen and (min-width: 1081px) and (max-width: 1599px) {
    [b-vdqziqjhd5] .ticket-grid {
        margin-top: 7px;
        height: 67vh;
    }
}

[b-vdqziqjhd5] .ticket-detail {
    border-left-style: solid;
    border-left-width: 0.5px;
    border-left-color: #E6E6E6;
}

[b-vdqziqjhd5] .ticket-button-sminfo {
    position: relative;
    font-size: x-small;
    cursor: pointer;
}

[b-vdqziqjhd5] .disabled-tablink {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    color: grey !important;
}
/* _content/NetConWeb/View/Tickets/SupportTicketDataGrid.razor.rz.scp.css */
[b-13n4ghb6qk] .command-btn {
    width: 300px;
    margin-left: 12px;
}

.command-container[b-13n4ghb6qk] {
    display: flex;
    background-color: white;
    margin-top: -25px;
    margin-left: auto;
    margin-right: 5px;
    float: right;
    z-index: 30;
}

.command[b-13n4ghb6qk] {
    margin-right: 10px;
    cursor: pointer;
    font-size: 17px;
}

.tagbox[b-13n4ghb6qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 5px;
    color: white;
    margin-right: 4px;
    background-color: mediumseagreen
}

.tagContainer[b-13n4ghb6qk] {
    display: flex;
}

[b-13n4ghb6qk] .sort-combobox {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    height: 38px;
    margin-bottom: 0px;
}

[b-13n4ghb6qk] .SearchTextBox {
    border-radius: 8px !important;
    border: 1px solid #ced4da !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
    height: 38px !important;
}

[b-13n4ghb6qk] .layout-selection {
    height: 40px;
    width: 100%;
    top: 0px;
    padding-left: 5px;
    /*border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;*/
    margin-top: 0px !important;
}

[b-13n4ghb6qk] .comboboxFilterTicket {
    height: 40px !important;
/*    border-radius: 8px !important;*/
}

.ticketMobile[b-13n4ghb6qk] {
    width: 100%;
    margin-top: 15px;
    padding: 15px;
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.02);
}

h4[b-13n4ghb6qk] {
    font-weight: bold;
    margin: 5px 0px 0px 0px;
}

.scrollbtn[b-13n4ghb6qk] {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding-top: 12px;
    gap: 5px;
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
    .scrollbtn[b-13n4ghb6qk] {
        gap: 10px
    }

    .fa-building[b-13n4ghb6qk], .fa-list-ul[b-13n4ghb6qk] {
        margin-right: 5px;
        color: var(--primaryMandatorColor);
    }

    /*TabStyling*/
    [b-13n4ghb6qk] .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
        background-color: #f5f5f5 !important;
        border: none !important;
    }

    [b-13n4ghb6qk] .dxbl-text {
        white-space: nowrap !important;
    }
}

@media screen and (max-width: 768px) {
    .fa-building[b-13n4ghb6qk], .fa-list-ul[b-13n4ghb6qk] {
        margin-right: 5px;
        color: var(--primaryMandatorColor);
    }


    /*TabStyling*/

    [b-13n4ghb6qk] .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
        background-color: #f5f5f5 !important;
        border: none !important;
    }

    [b-13n4ghb6qk] .dxbl-text {
        white-space: nowrap!important;
    }
}

.scrollbtn[b-13n4ghb6qk]::-webkit-scrollbar {
    display: none;
}

.queue[b-13n4ghb6qk] {
    color: #6f6f6f;
    margin: 0px;
}

.DamageTicketFilterBtnUebersicht[b-13n4ghb6qk] {
    display: flex;
    flex-direction: column;
}

[b-13n4ghb6qk] .DamageViewBadgeOnFilter {
    position: absolute;
    top: -12px;
    right: 2px;
    background-color: white;
    color: black;
    border-radius: 20px;
    border: 0.5px solid #d1d1d1;
    width: auto;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    padding: 5px 5px;
}

[b-13n4ghb6qk] .DamageTicketFilterBtn {
    position: relative;
    padding: 12px 20px;
    border-radius: 30px;
    background-color: white;
    border: 0.5px solid #ededed;
    color: black;
    font-size: 15px;
}

[b-13n4ghb6qk] .DamageTicketFilterApplyBtn {
    width: 150px !important;
    margin: 0px;
}

[b-13n4ghb6qk] .filter-title {
    margin-bottom: 5px !important;
}

.popupbtn[b-13n4ghb6qk] {
    display:flex; 
    justify-content:center;
}
/* _content/NetConWeb/View/Tickets/SupportTicketPreviewDrawer.razor.rz.scp.css */

/*Style Drawer*/
.drawerbodytickets[b-f2pvfjx7vj] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.drawerHeadlineOverflow[b-f2pvfjx7vj] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ticketiframe[b-f2pvfjx7vj] {
    border: 1px solid lightgray;
    border-radius: 8px;
    height: 35vh;
}

[b-f2pvfjx7vj] .chatMemo {
    border-radius: 8px 8px 0px 0px;
    padding: 5px;
    border-bottom: none !important;
    margin-top: 8px;
}

.activities[b-f2pvfjx7vj] {
    margin: 15px 0px;
}

.buttonboxforchatmemo[b-f2pvfjx7vj] {
    margin: 0px;
    padding-bottom: 5px;
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-radius: 0px 0px 8px 8px;
}

.linktonewTab[b-f2pvfjx7vj] {
    color: black;
    margin-left: 8px;
}

    .linktonewTab:hover[b-f2pvfjx7vj] {
        text-decoration: none;
        color: #0D6EFD;
    }
.xBtn[b-f2pvfjx7vj] {
    font-size: 16px;
}

[b-f2pvfjx7vj] .btnMemo {
    font-size: 16px !important;
    padding: 0px 8px;
}

[b-f2pvfjx7vj] .btnsend {
    border-left: 1px lightgray solid !important;
}

.tilesgrid[b-f2pvfjx7vj] {
    display: grid;
    grid-template-columns: 49% 49%;
    margin-top: 30px;
    justify-content: space-around;
}

.tiles[b-f2pvfjx7vj] {
    display: flex;
    height: 80px;
    border: 1px solid lightgray;
    border-radius: 8px;
    align-items: center;
    padding: 15px;
    justify-content: space-between;
}

.gridcolumn[b-f2pvfjx7vj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fa-user[b-f2pvfjx7vj], .fa-chevron-right[b-f2pvfjx7vj], .fa-headset[b-f2pvfjx7vj], .fa-wrench[b-f2pvfjx7vj], .fa-chevron-right[b-f2pvfjx7vj], .fa-person-digging[b-f2pvfjx7vj], .fa-pen-to-quare[b-f2pvfjx7vj], .fa-puzzle-piece[b-f2pvfjx7vj] {
    font-size: 24px;
}

.tileiconandtext[b-f2pvfjx7vj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

[b-f2pvfjx7vj] .dxbl-text-edit.dxbl-focused .dxbl-text-edit:focus-within {
    border-color: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.dxGridContainer[b-f2pvfjx7vj], dxbl-grid[b-f2pvfjx7vj] {
    height: 68vh !important;
}

[b-f2pvfjx7vj].content {
    margin: 0px !important;
}

[b-f2pvfjx7vj] .combobox {
    width: 150px;
}

[b-f2pvfjx7vj] .dxbl-btn-group dxbl-btn-group-right {
    background: none;
    border-radius: 8px;
}
/* _content/NetConWeb/View/Tickets/TileViews/AddressInputTile.razor.rz.scp.css */
.config-tile[b-kmrgt52ab5] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0;
    margin-top: 10px;
}

.tile-header[b-kmrgt52ab5] {
    cursor: pointer;
    padding: 1rem;
}

.header-content[b-kmrgt52ab5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-kmrgt52ab5] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icon-container[b-kmrgt52ab5] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background-color: #264462;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-kmrgt52ab5] {
        color: white;
        font-size: 1.25rem;
    }

.title-container[b-kmrgt52ab5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-title[b-kmrgt52ab5] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-kmrgt52ab5] {
    font-size: 0.875rem;
    color: #666;
}

.expand-icon[b-kmrgt52ab5] {
    color: #666;
    font-size: 1.25rem;
}

label[b-kmrgt52ab5] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
    display: block;
}

[b-kmrgt52ab5] .dxbl-btn {
    margin-top: 1rem;
    background-color: #004d9f;
    border-color: #004d9f;
    color: white;
}

    [b-kmrgt52ab5] .dxbl-btn:hover {
        background-color: #003d7f;
        border-color: #003d7f;
    }

[b-kmrgt52ab5] .dx-tab {
    background-color: #f5f5f5;
    border: none;
    color: #666;
}

    [b-kmrgt52ab5] .dx-tab.dx-tab-selected {
        background-color: #264462;
        color: white;
    }

[b-kmrgt52ab5] .dxbl-textbox,
[b-kmrgt52ab5] .dxbl-combobox {
    width: 100%;
    margin-bottom: 0.5rem;
}

[b-kmrgt52ab5] .dx-texteditor {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #ffffff;
    transition: all 0.2s ease;
}

    [b-kmrgt52ab5] .dx-texteditor:hover {
        border-color: #bdbdbd;
    }

    [b-kmrgt52ab5] .dx-texteditor.dx-state-focused {
        border-color: #264462;
        box-shadow: 0 0 0 1px #264462;
    }

[b-kmrgt52ab5] .dx-texteditor-input {
    padding: 4px 12px;
    font-size: 14px;
    color: #333;
    font-family: Lato;
    height: 32px;
    line-height: 24px;
}

[b-kmrgt52ab5] .dx-texteditor {
    height: 32px;
}

[b-kmrgt52ab5] .dx-placeholder {
    color: #999;
    font-size: 14px;
    padding: 8px 12px;
    font-family: Lato;
}

[b-kmrgt52ab5] .dx-dropdowneditor-icon {
    width: 34px;
    color: #666;
}

    [b-kmrgt52ab5] .dx-dropdowneditor-icon:hover {
        background-color: #f5f5f5;
    }

[b-kmrgt52ab5] .dx-state-disabled {
    opacity: 0.5;
    background-color: #f9f9f9;
}

.address-content[b-kmrgt52ab5] {
    padding: 1rem;
}

[b-kmrgt52ab5] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/TileViews/AssignCivilEngineerTile.razor.rz.scp.css */
.config-tile[b-99nrp4bv5a] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0;
    margin-top: 10px;
}

.tile-header[b-99nrp4bv5a] {
    cursor: pointer;
    padding: 1rem;
}

.header-content[b-99nrp4bv5a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-99nrp4bv5a] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icon-container[b-99nrp4bv5a] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    /*background-color: #264462;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-99nrp4bv5a] {
        color: #264462;
        font-size: 1.25rem;
    }

.title-container[b-99nrp4bv5a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-title[b-99nrp4bv5a] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-99nrp4bv5a] {
    font-size: 0.875rem;
    color: #666;
}

.expand-icon[b-99nrp4bv5a] {
    color: #666;
    font-size: 1.25rem;
}

/* Bestehende Styles */
.tile-content[b-99nrp4bv5a] {
    padding: 1rem;
}

.form-group[b-99nrp4bv5a] {
    margin-bottom: 1rem;
}

    .form-group label[b-99nrp4bv5a] {
        display: block;
        margin-bottom: 0.5rem;
        color: #666;
        font-size: 0.875rem;
    }

.notification-group[b-99nrp4bv5a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .notification-group label[b-99nrp4bv5a] {
        margin-bottom: 0;
    }

.no-data[b-99nrp4bv5a] {
    padding: 1rem;
    text-align: center;
    color: #666;
}

[b-99nrp4bv5a] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/TileViews/Base/DepartmentTileView.razor.rz.scp.css */
.aiResponse[b-ys0oxodvtg] {
    background-color: #e4eded;
    width: 100%;
    height: 100%;
    border: #e4eded solid 0.1px;
    box-shadow: 0px 0px 5px 0px black;
    border-radius: 15px 15px 15px 15px !important;
}

.aiResponse input[b-ys0oxodvtg]{
    background-color: transparent;
}

.aiResponse:hover[b-ys0oxodvtg] {
    cursor: pointer;
    box-shadow: 0px 0px 5px 2px black;
}

.aiResponseStarOuter[b-ys0oxodvtg] {
    cursor: pointer;
    margin-top: -20px;
    width: 20px;
    float: right;
}

.aiResponseStar:hover[b-ys0oxodvtg] {
    color: darkorange !important;
}

.aiResponseStarTag[b-ys0oxodvtg] {
    margin-top: 20px;
    margin-left: 5px;
}

.aiTagBoxSelected[b-ys0oxodvtg] {
    border: none;
    background-color: transparent;
}

.aiTagBoxUnselected[b-ys0oxodvtg] {
    border: none;
    background-color: transparent;
}

.aiTagBoxUnselected .dxbl-tag-btn-close[b-ys0oxodvtg] {
    display: none;
}

[b-ys0oxodvtg] .dxbl-tag:hover {
    color: cornflowerblue !important;
}

[b-ys0oxodvtg] .dxbl-tag-box{
    border: none !important;
}
/* _content/NetConWeb/View/Tickets/TileViews/Base/FeedTileView.razor.rz.scp.css */
.feedTileOuter[b-4xme89xpxp] {
    width: 96%;
    margin-top: 12px;
}

.feedBox[b-4xme89xpxp] {
    width: 85%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.feedContent[b-4xme89xpxp] {
    white-space: pre-wrap;
    min-height: 40px;
    border-radius: 0px 8px 8px 8px;
    padding: 8px 12px;
    /*width: 80%;*/
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.feedContentSm[b-4xme89xpxp] {
    max-height: 50px;
    -webkit-line-clamp: 2;
}

.feedContentLg[b-4xme89xpxp] {
    max-height: 110px;
    height: fit-content;
    -webkit-line-clamp: 5;
}

.feedContentMax[b-4xme89xpxp] {
    position: relative;
    -webkit-line-clamp: 7;
    max-height: 150px;
    height: fit-content;
    /*    max-height: 150px;*/
    /*    height: fit-content;*/
    /*    -webkit-line-clamp: 7;*/
}

.aiContent[b-4xme89xpxp] {
}

.aiLabelBox[b-4xme89xpxp] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
}

.aiResolution[b-4xme89xpxp], .aiOpenQuestion[b-4xme89xpxp], .aiModelName[b-4xme89xpxp] {
    padding: 3px 10px 3px 10px;
    border-radius: 15px;
}

    .aiResolution.resolved[b-4xme89xpxp] {
        background-color: rgba(0, 128, 0, 0.2);
    }

    .aiResolution.unresolved[b-4xme89xpxp] {
        background-color: rgba(255, 0, 0, 0.2);
    }

    .aiOpenQuestion.open[b-4xme89xpxp] {
        background-color: rgba(255, 255, 0, 0.2);
    }

    .aiOpenQuestion.customerSupport[b-4xme89xpxp] {
        background-color: rgba(0, 0, 255, 0.2);
    }

.aiModelName[b-4xme89xpxp] {
    background-color: rgba(255, 165, 0, 0.2);
}

    .aiButtonBox[b-4xme89xpxp] {
        display: flex;
        margin-top: 5px;
        margin-left: 3%;
        width: 100%;
        height: 35px;
    }

.aiButtonSend[b-4xme89xpxp], .aiButtonCopy[b-4xme89xpxp] {
    width: 140px;
    display: flex;
    border-radius: 10px;
    color: white;
    font-size: 14px;
    justify-content: center;
/*    padding-left: 10px;*/
    cursor: pointer;
}

.aiButtonSend[b-4xme89xpxp] {
    background-color: #059669;
    align-items: center;
    margin-left: 2%;
}

.aiButtonCopy[b-4xme89xpxp] {
    background-color: #4b5563;
    align-items: center;
    /*    padding-top: 3px;*/
}

.aiButtonSendText[b-4xme89xpxp], .aiButtonCopyText[b-4xme89xpxp] {
    margin-left: 7px;
    justify-content: center;
    /*    text-align: center;*/
}

.aiButtonSend[b-4xme89xpxp], .aiButtonCopy[b-4xme89xpxp] {
    transition: background-color 0.2s ease, transform 0.1s ease;
}

    .aiButtonSend:active[b-4xme89xpxp], .aiButtonCopy:active[b-4xme89xpxp] {
        transform: scale(0.98);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    }

    .aiButtonSend:hover[b-4xme89xpxp] {
        background-color: #047857;
    }

    .aiButtonCopy:hover[b-4xme89xpxp] {
        background-color: #374151;
    }


.ai-spinner[b-4xme89xpxp] {
    border: 3px solid rgba(5, 150, 105, 0.3); /* Semi-transparent green for the base */
    border-top: 3px solid #059669; /* Solid active green for the spinning top */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin-b-4xme89xpxp 1s linear infinite;
    margin: auto; /* Ensures centering if needed */
}

/* Keep the keyframes the same */
@keyframes spin-b-4xme89xpxp {
    0% {
        transform: rotate(0deg);
    }

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



@media (max-width: 1650px) {
    .aiLabelBox[b-4xme89xpxp] {
        gap: 5px;
        font-size: 10px;
    }

    .aiResolution[b-4xme89xpxp], .aiOpenQuestion[b-4xme89xpxp], .aiModelName[b-4xme89xpxp] {
        padding: 3px 6px;
        min-width: 20px;
        min-height: 20px;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
    }
        .aiResolution.resolved[b-4xme89xpxp]::before {
            content: 'R';
        }

        .aiResolution.unresolved[b-4xme89xpxp]::before {
            content: 'U';
        }
        aiModelName[b-4xme89xpxp]::before {
            content: 'A';
        }


        .aiResolution.resolved[b-4xme89xpxp],
        .aiResolution.unresolved[b-4xme89xpxp],
        .aiModelName[b-4xme89xpxp] {
            font-size: 0;
        }

        .aiOpenQuestion.open[b-4xme89xpxp]::before {
            content: 'OF';
        }

        .aiOpenQuestion.customerSupport[b-4xme89xpxp]::before {
            content: 'KS';
        }

        .aiOpenQuestion.open[b-4xme89xpxp],
        .aiOpenQuestion.customerSupport[b-4xme89xpxp] {
            font-size: 0;
        }
}

@media (max-width: 670px)
{
    .aiLabelBox[b-4xme89xpxp] {
        display: none;
    }
}





.aiButtonSend.disabled[b-4xme89xpxp] {
    background-color: #d1d5db;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
    transform: none;
}

    .aiButtonSend.disabled:hover[b-4xme89xpxp],
    .aiButtonSend.disabled:active[b-4xme89xpxp] {
        background-color: #d1d5db;
    }


.feedbackIcon[b-4xme89xpxp], .outboxIcon[b-4xme89xpxp] {
    width: 20px;
    height: 20px;
}

.svgIcon[b-4xme89xpxp] {
    display: block;
    width: 25px;
    height: 25px;
    object-fit: fill;
}

.svgIconFace[b-4xme89xpxp] {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: fill;
    padding-top: 2.5px;
}









.feedContent:hover[b-4xme89xpxp] {
    background-color: #e3e4e6;
}


    .feedIconContainer[b-4xme89xpxp] {
        border-radius: 50%;
        min-width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: lightblue;
        background-color: white;
        margin-top: 22px;
    }

    .feedIconImage[b-4xme89xpxp] {
        width: 35px;
        height: 35px;
        border-radius: 50%;
    }

    .feedIconImageSvg[b-4xme89xpxp] {
        max-width: 50%;
        max-height: 50%;
    }

    .feedIconText[b-4xme89xpxp] {
        margin: 0px;
        font-weight: 600;
        color: black
    }

    .feedTimestamp[b-4xme89xpxp] {
        font-size: 9pt;
    }

    .feedTimestamp-right[b-4xme89xpxp] {
        right: 45px;
    }

    .feedTimestamp-left[b-4xme89xpxp] {
        left: 10px;
    }

    .activity-item[b-4xme89xpxp] {
        display: flex;
        gap: 8px;
        width: 85%;
    }
/* _content/NetConWeb/View/Tickets/TileViews/Base/TileContainer.razor.rz.scp.css */
/* DevExpress Overrides */
.dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-header:not(.dxbl-fl-group-header-tmpl)[b-yy4y9z0gae] {
    display: none !important;
}

/* Grid Layout für Tiles */
.tiles-grid[b-yy4y9z0gae] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem;
}

@media (min-width: 768px) {
    .tiles-grid[b-yy4y9z0gae] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.tiles-grid :deep(.config-tile)[b-yy4y9z0gae] {
    height: 100%;
    min-height: 100px;
    margin-top: 0;
}

/* Basis Container Layout */
.ticket-container[b-yy4y9z0gae] {
    display: flex;
    flex-direction: column;
    height: 60vh;
    padding: 0px 15px 0px;
    width: 100%;
    box-sizing: border-box;
}

.ticket-container[b-yy4y9z0gae] {
    /* Firefox */
    scrollbar-width: none;
    /* Chrome, Safari, Edge */
    &::-webkit-scrollbar

{
    display: none;
}

.ticket-content[b-yy4y9z0gae] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.ticket-chat[b-yy4y9z0gae] {
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 0.5rem;
}

/* Feed Content Styles */
#content[b-yy4y9z0gae] {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 0;
}

#content-history[b-yy4y9z0gae] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-height: 0;
    width: 100%;
}

#content-feed[b-yy4y9z0gae] {
    flex-shrink: 0;
    width: 100%;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

/* Chat Components */
:deep(.chat-memo)[b-yy4y9z0gae] {
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.5rem;
    min-height: 40px;
    resize: none;
}

/* Feed Filter */
.feed-filter[b-yy4y9z0gae] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e9ecef;
    flex-shrink: 0;
    width: 100%;
    background-color: white;
}

.feed-filter-icons[b-yy4y9z0gae] {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
}

/* Feed Icons */
.content-feed-icon[b-yy4y9z0gae] {
    padding: 0.25rem;
    color: #6c757d;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
}

    .content-feed-icon:hover[b-yy4y9z0gae] {
        color: #264462;
        background-color: rgba(38, 68, 98, 0.1);
    }

.content-feed-icon-selected[b-yy4y9z0gae] {
    color: #264462;
    background-color: rgba(38, 68, 98, 0.1);
    border-color: #264462;
}

/* DevExpress Tab Anpassungen */
[b-yy4y9z0gae] .dxbl-tab-content {
    padding: 0 !important;
}

overflow-y: scroll;[b-yy4y9z0gae]
}

.ticket-content[b-yy4y9z0gae] {
    /* Firefox */
    scrollbar-width: none;
    /* Chrome, Safari, Edge */
    &::-webkit-scrollbar
{
    display: none;
}
overflow-y: scroll;[b-yy4y9z0gae]
}

.creationDate[b-yy4y9z0gae] {
    margin: 10px 0px 5px 0px;
    font-weight: bold;
    font-size: 12px;
}

/*Mobile*/
@media (max-width: 767px) {
    .ticket-container[b-yy4y9z0gae] {
        padding: 0px 10px 10px 10px;
    }
}
/* _content/NetConWeb/View/Tickets/TileViews/Base/TileView.razor.rz.scp.css */
.baseIcon[b-apiede7kd0] {
    padding: 0 0.3rem;
    height: 20px;
    width: 30px;
    margin-left:10px;
}

.maximizeIcon[b-apiede7kd0] {
    float: right;
}

.headerbox[b-apiede7kd0] {
    text-decoration: none !important;
    cursor: default;
}

.hrHeader[b-apiede7kd0] {
    margin-top: 5px;
    margin-bottom: 3px;
    border-bottom: 2px solid #f3f3f3 !important;
    width: 100%;
}

.tileBoxOuter[b-apiede7kd0] {
    max-height: 305px;
    min-height: 305px;
    min-width: 425px;
    max-width: 425px;
    box-shadow: 2px 0px 7px 0px rgba(0,0,0,0.06);
    border-radius: 15px;
    border: none;
    background-color: white;
    overflow-y: auto;
    overflow-x: clip;
}

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

    .tileBoxOuter[b-apiede7kd0] {
        min-width: 83vw !important;
        max-width: 83vw !important;
    }
}

.tileBoxOuter:hover[b-apiede7kd0] {
    box-shadow: 0px 0px 5px 1px darkgrey;
}

.tileBoxOuter[b-apiede7kd0] {
    box-shadow: 0px 0px 10px 2px darkgrey;
    margin: 5px;
}

.tileContent[b-apiede7kd0] {
    padding: 10px 10px 0px 10px;
    text-align: center;
}

[b-apiede7kd0] .ticketTileOuter {
    padding-right: 0px;
    padding-left: 5px;
}

.ticketTileInfoBoxHeader[b-apiede7kd0] {
    background-color: white !important;
    font-weight: bold !important;
    height: 35px !important;
    border-radius: 15px 15px 0px 0px !important;
    font-size: 16px;
    width: 100%;
    padding: 10px 10px 10px 2px;
    display: inline-grid;
}
/* _content/NetConWeb/View/Tickets/TileViews/CivilEngineerDeadLineTile.razor.rz.scp.css */
.config-tile[b-ljxbkqn9oe] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0;
    margin-top: 10px;
}

.tile-header[b-ljxbkqn9oe] {
    cursor: pointer;
    padding: 1rem;
}

.header-content[b-ljxbkqn9oe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-ljxbkqn9oe] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icon-container[b-ljxbkqn9oe] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    /*background-color: #264462;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-ljxbkqn9oe] {
        color: #264462;
        font-size: 1.25rem;
    }

.title-container[b-ljxbkqn9oe] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-title[b-ljxbkqn9oe] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-ljxbkqn9oe] {
    font-size: 0.875rem;
    color: #666;
}

.expand-icon[b-ljxbkqn9oe] {
    color: #666;
    font-size: 1.25rem;
}

.tile-content[b-ljxbkqn9oe] {
    padding: 1rem;
}

.purpleBack[b-ljxbkqn9oe] {
    background-color: purple !important;
    color: white !important;
}

.redBack[b-ljxbkqn9oe] {
    background-color: red !important;
    color: white !important;
}

label[b-ljxbkqn9oe] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
    display: block;
}

[b-ljxbkqn9oe] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/TileViews/ContactCenterTile.razor.rz.scp.css */
.config-tile[b-dj1qz9d0zz] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}

.tile-header[b-dj1qz9d0zz] {
    cursor: pointer;
}

.header-content[b-dj1qz9d0zz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-dj1qz9d0zz] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icon-container[b-dj1qz9d0zz] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-dj1qz9d0zz] {
        color: #264462;
        font-size: 25px;
    }

.title-container[b-dj1qz9d0zz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-title[b-dj1qz9d0zz] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-dj1qz9d0zz] {
    font-size: 0.875rem;
    color: #666;
}

.expand-icon[b-dj1qz9d0zz] {
    color: #666;
    font-size: 1.25rem;
}

.search-container[b-dj1qz9d0zz] {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 0px;
    justify-content: space-between;
}

.search-box[b-dj1qz9d0zz] {
    flex: 1;
}

[b-dj1qz9d0zz] .customerSearch {
    border-radius: 8px;
    height: 35px;
    margin: 15px 0px;
    width: 100%;
}

[b-dj1qz9d0zz] .dxbl-text-edit > [class*=dxbl-btn-group-left]:first-of-type {
    background: none !important;
}

.search-buttons[b-dj1qz9d0zz] {
    display: flex;
}

.icon-button[b-dj1qz9d0zz] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
}

    .icon-button:hover[b-dj1qz9d0zz] {
        background-color: #f0f0f0;
    }

[b-dj1qz9d0zz] .search-input {
    width: 100%;
    border-radius: 4px;
}

.search-results[b-dj1qz9d0zz] {
    max-height: 300px;
    overflow-y: auto;
    font-size: 13px;
}

.result-header[b-dj1qz9d0zz] {
    padding: 8px 0px;
    font-size: 13px;
    color: #666;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

td[b-dj1qz9d0zz] {
    padding: 10px 5px 10px 0px;
}
.result-row[b-dj1qz9d0zz] {
    border-bottom: 1px solid #eee;
    padding: 5px 0px;
}

    .result-row:hover[b-dj1qz9d0zz] {
        background-color: #f5f5f5;
    }

.contact-center-icon[b-dj1qz9d0zz] {
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    color: #264462;
}

    .contact-center-icon:hover[b-dj1qz9d0zz] {
        background-color: #e0e0e0;
    }

.no-results[b-dj1qz9d0zz] {
    text-align: center;
    padding: 1rem;
    color: #666;
}

[b-dj1qz9d0zz] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/TileViews/CustomerTile.razor.rz.scp.css */
.config-tile[b-wq7xzj1iwv] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}

.tile-header[b-wq7xzj1iwv] {
    cursor: pointer;
}

.header-content[b-wq7xzj1iwv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-wq7xzj1iwv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 90%;
}

.icon-container[b-wq7xzj1iwv] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-wq7xzj1iwv] {
        color: #264462;
        font-size: 25px;
    }

.title-container[b-wq7xzj1iwv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 90%;
}

.main-title[b-wq7xzj1iwv] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-wq7xzj1iwv] {
    font-size: 0.875rem;
    color: #666;
    width: 92%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.expand-icon[b-wq7xzj1iwv] {
    color: #666;
    font-size: 1.25rem;
}

/* Status Styles */
.customer-statusgrid[b-wq7xzj1iwv] {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    font-size: 14px;
}

.customerlabel[b-wq7xzj1iwv] {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.customerresult[b-wq7xzj1iwv] {
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.removeAssignment[b-wq7xzj1iwv] {
    color:red;
}

    .removeAssignment:hover[b-wq7xzj1iwv] {
        text-decoration: underline;
        cursor: pointer;
    }

[b-wq7xzj1iwv] .customerSearch {
    border-radius: 8px;
    height: 35px;
    margin: 15px 0px;
}

[b-wq7xzj1iwv] .dxbl-text-edit > [class*=dxbl-btn-group-left]:first-of-type {
    background: none !important;
}

.search-icon-container[b-wq7xzj1iwv] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.search-icon[b-wq7xzj1iwv] {
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
}

.search-icon:hover[b-wq7xzj1iwv] {
    background-color: #f0f0f0;
}

.search-results[b-wq7xzj1iwv] {
    max-height: 250px;
    overflow-y: auto;
}

.result-header[b-wq7xzj1iwv] {
    padding: 8px 0px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

.result-row[b-wq7xzj1iwv] {
    border-bottom: 1px solid #eee;
}

.result-row:hover[b-wq7xzj1iwv] {
    background-color: #f5f5f5;
}

.info-badge[b-wq7xzj1iwv], .remove-badge[b-wq7xzj1iwv] {
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    font-size: 13px;
    width: auto;

}

.assign-icon[b-wq7xzj1iwv] {
    cursor: pointer;
    padding: 0px 5px;
}

.search-button[b-wq7xzj1iwv] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
}

.search-button:hover[b-wq7xzj1iwv] {
    background-color: #f0f0f0;
}

[b-wq7xzj1iwv] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/TileViews/FileTile.razor.rz.scp.css */
.config-tile[b-vwrvk75j8m] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 10px;
}

.tile-content[b-vwrvk75j8m] {
    margin-top: 1rem;
}

.dropZone[b-vwrvk75j8m] {
    text-align: center;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    background-color: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

    .dropZone:hover[b-vwrvk75j8m] {
        border-color: #6c757d;
        background-color: #e9ecef;
    }

.dropZoneContent[b-vwrvk75j8m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
}

.files-table[b-vwrvk75j8m] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

    .files-table th[b-vwrvk75j8m] {
        text-align: left;
        padding: 0.5rem;
        border-bottom: 1px solid #dee2e6;
        color: #6c757d;
        font-weight: 500;
    }

    .files-table td[b-vwrvk75j8m] {
        padding: 0.5rem;
        border-bottom: 1px solid #dee2e6;
    }

.fileName[b-vwrvk75j8m] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #004d9f;
}

    .fileName:hover[b-vwrvk75j8m] {
        text-decoration: underline;
    }

.upload-button[b-vwrvk75j8m] {
    background-color: #004d9f;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .upload-button:hover[b-vwrvk75j8m] {
        background-color: #003d7a;
        transform: translateY(-1px);
    }

.no-data-box[b-vwrvk75j8m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
    padding: 2rem;
}

.no-data-text[b-vwrvk75j8m] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    font-family: Lato;
    margin-bottom: 1rem;
}
/* _content/NetConWeb/View/Tickets/TileViews/TelephoneTile.razor.rz.scp.css */
.config-tile[b-1sllzv16fe] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 10px;
}

.tile-content[b-1sllzv16fe] {
    margin-top: 1rem;
}

.callBox[b-1sllzv16fe] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 1rem;
    margin-bottom: 1rem;
    transition: all 0.2s ease;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .callBox:hover[b-1sllzv16fe] {
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        transform: translateY(-1px);
    }

.call-icon[b-1sllzv16fe] {
    display: flex;
    align-items: center;
}

    .call-icon img[b-1sllzv16fe] {
        width: 20px;
        height: 20px;
        margin-right: 0.5rem;
    }

.callNumber[b-1sllzv16fe] {
    color: #122538;
    font-weight: 600;
    font-size: 14px;
    margin-right: 1rem;
}

.callDate[b-1sllzv16fe] {
    color: #6c757d;
    font-size: 14px;
    margin-right: 1rem;
}

.callDuration[b-1sllzv16fe] {
    color: #6c757d;
    font-size: 14px;
    margin-left: auto;
}

.no-data-box[b-1sllzv16fe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
    padding: 2rem;
}

.no-data-text[b-1sllzv16fe] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    font-family: Lato;
    margin-bottom: 1rem;
}
/* _content/NetConWeb/View/Tickets/TileViews/TvTile.razor.rz.scp.css */
.config-tile[b-3ba8mccjg5] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 10px;
}

.tile-content[b-3ba8mccjg5] {
    margin-top: 1rem;
}

.contAreaContainer2[b-3ba8mccjg5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: white;
    border-radius: 4px;
}

.contArea1[b-3ba8mccjg5] {
    padding: 0.75rem;
    border-radius: 4px;
    text-align: center;
}

.contArea2[b-3ba8mccjg5] {
    margin: 1rem 0;
}

    .contArea2 label[b-3ba8mccjg5] {
        display: block;
        margin-bottom: 0.5rem;
        color: #122538;
        font-family: Lato;
        font-size: 14px;
    }

.contArea3[b-3ba8mccjg5] {
    text-align: right;
    color: #6c757d;
    font-size: 14px;
    font-family: Lato;
    padding: 0.5rem;
}

.statusGreen[b-3ba8mccjg5] {
    background-color: #90EE90;
    color: #006400;
}

.statusOrange[b-3ba8mccjg5] {
    background-color: #FFD700;
    color: #8B4513;
}

.statusRed[b-3ba8mccjg5] {
    background-color: #FF6B6B;
    color: #8B0000;
}

.no-data-box[b-3ba8mccjg5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
    padding: 2rem;
}

.no-data-text[b-3ba8mccjg5] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    font-family: Lato;
    margin-bottom: 1rem;
}

:deep(.tileTabPage)[b-3ba8mccjg5] {
    padding: 1rem 0;
}
/* _content/NetConWeb/View/Tiles/AppointmentTile/AppointmentsTileCc.razor.rz.scp.css */
select[b-2r7j9z6g01], input[b-2r7j9z6g01], textarea[b-2r7j9z6g01] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding-left: 3%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    cursor: pointer;
    outline: none;
    line-height: 0.5;
    font-family: Lato;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-top: 0px !important;
}

input[b-2r7j9z6g01] {
    line-height: 1;
}

textarea[b-2r7j9z6g01] {
    line-height: 1.2;
    min-height: 80px;
    resize: none;
}

.staticTerminList[b-2r7j9z6g01] {

}

.selectLabel[b-2r7j9z6g01] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}

.resultContainer[b-2r7j9z6g01] {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}

.resultContainerLabel[b-2r7j9z6g01] {
    font-size: 15px;
    line-height: 1.8;
    font-weight: bold;
    font-family: Lato;
}

.resultLabel[b-2r7j9z6g01] {
    display: flex;
    align-items: center;
}

.square[b-2r7j9z6g01] {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-color: #848484;
    margin-right: 5px;
    flex-shrink: 0;
}

.resultContainerValue[b-2r7j9z6g01] {
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
}

.resultValue[b-2r7j9z6g01] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.componentLine[b-2r7j9z6g01] {
    display: flex;
    width: 100%;
    height: 1px;
    background-color: #cccccc;
    margin-top: 5%;
}

.terminBox[b-2r7j9z6g01], .terminBoxPast[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f9fafb;
    margin-top: 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: all ease 0.1s;
}

    .terminBox:hover[b-2r7j9z6g01] {
        background-color: #f5f5f5;
    }


.terminBoxPast[b-2r7j9z6g01] {
    background-color: #fbf9ed;
}

    .terminBoxPast:hover[b-2r7j9z6g01] {
        background-color: #f7f3e3;
    }

.terminBoxLeft[b-2r7j9z6g01] {
    display: flex;
}

.terminBoxLeftFirstLine[b-2r7j9z6g01] {
    display: flex;
    flex-direction: column;
}

.terminboxscroll[b-2r7j9z6g01] {
    overflow: scroll;
    scroll-behavior: auto;
    height: 250px;
}

.terminTime[b-2r7j9z6g01], .terminTimeRegister[b-2r7j9z6g01] {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    font-family: Lato;
}

.terminTimeRegister[b-2r7j9z6g01] {
    font-size: 11px;
}

.terminBoxRight[b-2r7j9z6g01] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.terminBoxRightRegister[b-2r7j9z6g01] {
    display: flex;
    margin-right: 2px;
}

.terminBoxRightUpdateIcon[b-2r7j9z6g01], .terminBoxRightUpdateIconRegister[b-2r7j9z6g01] {
    cursor: pointer;
    transition: color 0.3s ease;
}

.terminBoxRightUpdateIconRegister[b-2r7j9z6g01] {
    width: 16px;
    height: 16px;
}

.terminBoxRightDeleteIcon[b-2r7j9z6g01], .terminBoxRightDeleteIconRegister[b-2r7j9z6g01] {
    cursor: pointer;
    transition: color 0.3s ease;
}

.terminBoxRightDeleteIconRegister[b-2r7j9z6g01] {
    width: 17px;
    height: 25px;
}

.terminBoxRightUpdateIcon svg[b-2r7j9z6g01], .terminBoxRightUpdateIconRegister svg[b-2r7j9z6g01], .terminBoxRightDeleteIcon svg[b-2r7j9z6g01], .terminBoxRightDeleteIconRegister svg[b-2r7j9z6g01] {
    width: 100%;
    height: 100%;
}


.terminStatus[b-2r7j9z6g01], .terminStatusRegister[b-2r7j9z6g01] {
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 15px;
    font-weight: bold;
    align-self: center;
}

.terminStatusRegister[b-2r7j9z6g01] {
    margin-left: 1vh;
    font-size: 11px;
}

.offen[b-2r7j9z6g01] {
    color: #1e40b0;
    background-color: #dceafe;
}

.bestatigt[b-2r7j9z6g01] {
    color: #1f896a;
    background-color: #d1fae5;
}

.abgesagt[b-2r7j9z6g01] {
    color: #ba2020;
    background-color: #fee2e2;
}

.storniert[b-2r7j9z6g01] {
    color: #5d6672;
    background-color: #f3f4f6;
}

.terminBoxLeftSecondLine[b-2r7j9z6g01], .terminBoxLeftSecondLineRegister[b-2r7j9z6g01] {
    color: #1b2e40;
    font-size: 14px;
    line-height: 1.8;
    font-family: Lato;
}

.terminBoxLeftSecondLineRegister[b-2r7j9z6g01] {
    font-size: 12px;
}

    .terminBoxRightUpdateIcon:hover[b-2r7j9z6g01], .terminBoxRightUpdateIconRegister:hover[b-2r7j9z6g01] {
        color: blue;
    }

    .terminBoxRightDeleteIcon:hover[b-2r7j9z6g01], .terminBoxRightDeleteIconRegister:hover[b-2r7j9z6g01] {
        color: red;
    }

.terminHeaderBox[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

.terminHeaderTrigger[b-2r7j9z6g01] {
    cursor: pointer;
    margin-right: 20px;
}

.terminHeaderText[b-2r7j9z6g01] {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
}

/*POPUP*/
.popupOverlay[b-2r7j9z6g01] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.popupDetailsHeader[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .popupDetailsHeader h3[b-2r7j9z6g01] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

.popupCloseButton[b-2r7j9z6g01] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    transition: all ease-in-out 0.2s;
    align-self: flex-end;
}

    .popupCloseButton:hover[b-2r7j9z6g01] {
        background: #e5e7eb;
    }

.popupPostOverlay[b-2r7j9z6g01] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    
}

.popupPostContent[b-2r7j9z6g01] {
    width: 500px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    animation: fadeIn-b-2r7j9z6g01 0.3s ease-in-out forwards;
}

.popupPostHeader[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .popupPostHeader h3[b-2r7j9z6g01] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

.closePostButton[b-2r7j9z6g01], .closeDetailsButton[b-2r7j9z6g01] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #6b7280;
}

.popupPostBody[b-2r7j9z6g01] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 10px;
}

.popupPostInput[b-2r7j9z6g01] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.3s ease;
}

    .popupPostInput:focus[b-2r7j9z6g01] {
        border-color: #3b82f6;
    }

.popupPostFooter[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 60%;
    justify-self: end;
}

.cancelPostButton[b-2r7j9z6g01] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .cancelPostButton:hover[b-2r7j9z6g01] {
        background: #e5e7eb;
    }

.savePostButton[b-2r7j9z6g01], .deleteButton[b-2r7j9z6g01] {
    padding: 7px 30px;
    background: #2563eb;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .savePostButton:hover[b-2r7j9z6g01] {
        background: #1e4bbd;
    }

.deleteButton[b-2r7j9z6g01] {
    background: #ef4444;
}

.deleteButton:hover[b-2r7j9z6g01] {
    background: #dc2626;
}

.popupPostOverlay label[b-2r7j9z6g01] {
    color: #3b4555;
    margin-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: -5px;
    font-family: Lato;
}




@keyframes fadeIn-b-2r7j9z6g01 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*POPUP Dev express*/ 


.dx-texteditor-input[b-2r7j9z6g01] {
    font-size: 0;
}

    .dx-texteditor-input[b-2r7j9z6g01]::after {
        content: attr(data-display-text);
        font-size: 14px;
    }


.dx-popup-wrapper .dx-overlay-content[b-2r7j9z6g01] {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.popupPostContent[b-2r7j9z6g01] {
    width: 500px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.dx-popup-title[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .dx-popup-title h3[b-2r7j9z6g01] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

.dx-popup-close-button[b-2r7j9z6g01] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #6b7280;
}

.popupPostInput[b-2r7j9z6g01] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.3s ease;
}

    .popupPostInput:focus[b-2r7j9z6g01] {
        border-color: #3b82f6;
    }

.popupPostFooter[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 60%;
    justify-self: end;
}

.cancelPostButton[b-2r7j9z6g01] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    transition: all ease-in-out 0.2s;
}

    .cancelPostButton:hover[b-2r7j9z6g01] {
        background: #e5e7eb;
    }

.savePostButton[b-2r7j9z6g01] {
    padding: 7px 30px;
    background: #2563eb;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .savePostButton:hover[b-2r7j9z6g01] {
        background: #1e4bbd;
    }

.popupPostBody label[b-2r7j9z6g01] {
    color: #3b4555;
    margin-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: -5px;
    font-family: Lato;
}

.dx-popup-wrapper .dx-overlay-content[b-2r7j9z6g01] {
    background: rgba(0, 0, 0, 0.6); 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.popupContent[b-2r7j9z6g01] {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    min-width: 500px;
    max-width: 1000px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: fadeIn-b-2r7j9z6g01 0.3s ease-in-out forwards;
    z-index: 10000;
    overflow: hidden;
}

.dx-popup-title[b-2r7j9z6g01] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

    .dx-popup-title h3[b-2r7j9z6g01] {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

.popUpBody[b-2r7j9z6g01] {
    flex-grow: 1;
    overflow-y: auto;
    padding-right: 10px;
    margin-top: 5vh;
    margin-left: 1vw;
    margin-bottom: 20px;
    width: 100%;
    max-height: 100%;
}

    .popUpBody p[b-2r7j9z6g01] {
        margin: 10px 0;
        color: #3b4555;
        font-size: 14px;
        font-family: Lato;
    }

    .popUpBody strong[b-2r7j9z6g01] {
        font-weight: 600;
    }

.beschreibungText[b-2r7j9z6g01] {
    white-space: pre-wrap;
    word-break: break-word;
    max-width: 100%;
}

.popupFooter[b-2r7j9z6g01] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
}

.popupCloseButton[b-2r7j9z6g01] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    transition: all ease-in-out 0.2s;
}

    .popupCloseButton:hover[b-2r7j9z6g01] {
        background: #e5e7eb;
    }


.dx-combobox.popupPostInput[b-2r7j9z6g01] {
    width: 100%; 
    box-sizing: border-box;
}

    .dx-combobox.popupPostInput .dx-texteditor-input[b-2r7j9z6g01] {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: red !important;
        color: #333;
        width: 100%;
        box-sizing: border-box;
    }

        .dx-combobox.popupPostInput .dx-texteditor-input:focus[b-2r7j9z6g01] {
            border-color: red !important;
            outline: none;
            background-color: red;
        }

    .dx-combobox.popupPostInput .dx-dropdowneditor-button[b-2r7j9z6g01] {
        border: 1px solid #ccc;
        border-radius: 0 4px 4px 0;
        background-color: red !important;
    }

    .dx-combobox.popupPostInput .dx-dropdownlist-popup-wrapper .dx-list-item[b-2r7j9z6g01] {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px;
        color: #333;
    }

        .dx-combobox.popupPostInput .dx-dropdownlist-popup-wrapper .dx-list-item:hover[b-2r7j9z6g01] {
            background-color: red !important;
        }

.popupRowList[b-2r7j9z6g01] {
    display: flex;
    flex-direction: column;
    padding: 5px 5px 15px 5px;
    font-size: 15px;
    max-height: 60vh;
    overflow-y: auto;
}

.popupRow[b-2r7j9z6g01] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 8px 10px;
    border-radius: 3px;
}

    .popupRow:nth-child(odd)[b-2r7j9z6g01] {
        background-color: #ffffff;
    }

    .popupRow:nth-child(even)[b-2r7j9z6g01] {
        background-color: #f7f7f7;
    }

.popupLabel[b-2r7j9z6g01] {
    width: 200px;
    font-weight: 600;
    color: #4B5563;
    flex-shrink: 0;
}

.popupValue[b-2r7j9z6g01] {
    flex: 1;
    color: #1F2937;
    word-break: break-word;
}
/* _content/NetConWeb/View/Tiles/AvailabilityTile/AvailabilityTileCc.razor.rz.scp.css */
.availabilityContainer[b-05z1lmbni3] {
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-between;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    margin-top: 20px;
}

.availabilityRow[b-05z1lmbni3] {
    white-space: normal;
    word-wrap: break-word;
    text-align: justify;
    display: flex;
}

.availabilityLabel[b-05z1lmbni3] {
    font-size: 15px;
    line-height: 1.8;
    width: 32%;
    font-family: Lato;
    font-weight: bold;
    margin: 0 !important;
    display: flex;
    align-items: start;
}

.availabilityValue[b-05z1lmbni3] {
    width: 70%;
    font-size: 15px;
    line-height: 1.8;
    margin-left: 0;
    font-family: Lato;
    text-align: justify;
    margin-left: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-height: calc(1.8em * 3);
    box-sizing: border-box;
}

.availabilityValue.collapsed[b-05z1lmbni3] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.8em * 3);
    box-sizing: border-box;
}

.availabilityValue.expanded[b-05z1lmbni3] {
    display: block; 
    overflow: visible;
    max-height: none;
    cursor: pointer;
}

.labelLine[b-05z1lmbni3] {
    display: flex;
    align-items: center;
    font-weight: 500;
    width: 100%;
    white-space: nowrap;
}

.noDataText[b-05z1lmbni3] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataBox[b-05z1lmbni3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

    .noDataBox img[b-05z1lmbni3] {
        width: 30%;
        height: auto;
    }
/* _content/NetConWeb/View/Tiles/CivilEngineerStatusTile/CivilEngineerStatusTileCc.razor.rz.scp.css */
.statusGreen[b-pulm8rm9i1] {
    background-color: rgba(121,216,106,0.22);
    color: #3AAB28;
    padding: 3px 10px;
    border-radius: 10px;
}

.statusRed[b-pulm8rm9i1] {
    background-color: rgba(245, 39, 39,0.22);
    color: #f52727;
    padding: 3px 10px;
    border-radius: 10px;
}

.resultContainerLabel[b-pulm8rm9i1] {
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
    font-weight: bold;
}

.resultLabel[b-pulm8rm9i1] {
    display: flex;
    align-items: center;
}

.resultContainerTop[b-pulm8rm9i1] {
    display: grid;
    grid-template-columns: 35% 65%;
    margin-top: 15px;
    width: 100%;
}

    .resultValue[b-pulm8rm9i1] {
        font-size: 14px;
        line-height: 1.8;
        font-family: Lato;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.resultContainerValue[b-pulm8rm9i1] {
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
}

.resultValue[b-pulm8rm9i1] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.statusValue[b-pulm8rm9i1] {
    max-width: 90%;
    color: #1b2e40;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8;
    margin-top: 15px;
    max-width: 95%;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.tableTitle[b-pulm8rm9i1] {
    font-size: 16px;
    line-height: 1.8;
    font-weight: bold;
    font-family: Lato;
    margin: 15px 0px 8px 0px;
}

.tableColumnNameLine[b-pulm8rm9i1] {
    display: flex;
    width: 100%;
    background-color: #efefef;
    padding: 5px;
}

    .tableColumnNameLine .columnOne[b-pulm8rm9i1], .tableColumnNameLine .columnTwo[b-pulm8rm9i1], .tableColumnNameLine .columnThree[b-pulm8rm9i1],
    .resultLine[b-pulm8rm9i1], .resultOne[b-pulm8rm9i1], .resultLine[b-pulm8rm9i1], .resultTwo[b-pulm8rm9i1], .resultLine[b-pulm8rm9i1], .resultThree[b-pulm8rm9i1] {
        font-size: 14px;
        line-height: 1.8;
        font-family: Lato;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableColumnNameLine .columnOne[b-pulm8rm9i1] {
        width: 50%;
        font-size: 14px;
        padding-left: 5px;
        font-weight: bold;
    }

    .tableColumnNameLine .columnTwo[b-pulm8rm9i1] {
        width: 30%;
        font-size: 14px;
        padding-left: 5px;
        font-weight: bold;
    }

    .tableColumnNameLine .columnThree[b-pulm8rm9i1] {
        width: 20%;
        font-size: 14px;
        padding-left: 5px;
        font-weight: bold;
    }

.tableResultBox[b-pulm8rm9i1] {
    width: 100%;
}

    .tableResultBox .resultLine[b-pulm8rm9i1] {
        display: flex;
        width: 100%;
        border-bottom: 0.1px solid #e4e3e3;
    }

.resultLine .resultOne[b-pulm8rm9i1] {
    width: 50%;
    padding-left: 5px;
    font-size: 14px;
}

.resultLine .resultTwo[b-pulm8rm9i1] {
    width: 30%;
    border-left: 0.1px solid #e4e3e3;
    border-right: 0.1px solid #e4e3e3;
    padding-left: 0.5vh;
}

.resultLine .resultThree[b-pulm8rm9i1] {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.noData[b-pulm8rm9i1] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    margin-left: 2vh;
    max-width: 100%;
    font-family: Lato;
}

.noDataText[b-pulm8rm9i1] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
}

.noDataBox[b-pulm8rm9i1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

    .noDataBox img[b-pulm8rm9i1] {
        width: 30%;
        height: auto;
    }
/* _content/NetConWeb/View/Tiles/CivilEngineerStatusTile/CivilEngineerStatusTileTs.razor.rz.scp.css */
.config-tile[b-e7h8xw5kgt] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}

.tile-header[b-e7h8xw5kgt] {
    cursor: pointer;
}

.header-content[b-e7h8xw5kgt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-e7h8xw5kgt] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icon-container[b-e7h8xw5kgt] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-e7h8xw5kgt] {
        color: #264462;
        font-size: 25px;
    }

.title-container[b-e7h8xw5kgt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-title[b-e7h8xw5kgt] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-e7h8xw5kgt] {
    font-size: 0.875rem;
    color: #666;
}

.expand-icon[b-e7h8xw5kgt] {
    color: #666;
    font-size: 1.25rem;
}

/* Bestehende Styles */
.tile-content[b-e7h8xw5kgt] {
    padding-top: 15px;
}

.status-value[b-e7h8xw5kgt] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    margin: 1vh;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.result-section[b-e7h8xw5kgt] {
    display: grid;
    grid-template-columns: 20% 80%;
    margin-top: 15px;
    width: 100%;
}

.result-labels[b-e7h8xw5kgt] {
    width: 30%;
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
    font-weight: bold;
}

.result-values[b-e7h8xw5kgt] {
    width: 70%;
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.result-label[b-e7h8xw5kgt] {
    display: flex;
    align-items: center;
}

.area-section[b-e7h8xw5kgt] {
    margin-top: 15px;
}

.table-title[b-e7h8xw5kgt] {
    font-size: 16px;
    line-height: 1.8;
    font-weight: bold;
    font-family: Lato;
    margin: 15px 0px 8px 0px;
}

.table-header[b-e7h8xw5kgt] {
    display: flex;
    width: 100%;
    background-color: #efefef;
    padding: 5px 0;
    font-weight: bold;
}

.table-content[b-e7h8xw5kgt] {
    width: 100%;
}

.table-row[b-e7h8xw5kgt] {
    display: flex;
    width: 100%;
    border-bottom: 0.1px solid #e4e3e3;
}

.col-name[b-e7h8xw5kgt], .col-status[b-e7h8xw5kgt], .col-release[b-e7h8xw5kgt] {
    color: #1b2e40;
    font-size: 14px;
    line-height: 1.8;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result[b-e7h8xw5kgt] {
    justify-content: center;
    align-items: center;
}

.col-name[b-e7h8xw5kgt] {
    width: 55%;
    padding-left: 5px;
}

.col-status[b-e7h8xw5kgt] {
    width: 25%;
    padding-left: 5px;
    border-left: 0.1px solid #e4e3e3;
    border-right: 0.1px solid #e4e3e3;
}

.col-release[b-e7h8xw5kgt] {
    width: 20%;
    display: flex;
    padding-left: 5px;
}

.status-icon-check[b-e7h8xw5kgt] {
    color: #57b848;
    font-size: 1.5em;
    margin-right: 1vh;
}

.status-icon-times[b-e7h8xw5kgt] {
    color: red;
    font-size: 1.5em;
    margin-right: 1vh;
}

.no-data-box[b-e7h8xw5kgt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

.no-data-text[b-e7h8xw5kgt] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
}

[b-e7h8xw5kgt] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tiles/CompletionReportTile/CompletionReportTileCc.razor.rz.scp.css */
.showErrorsIcon[b-7xvjt9ab0o] {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    cursor: pointer;
}

.showErrorsIcon svg[b-7xvjt9ab0o] {
    height: 2vh;
    width: auto; 
}

.showDocument[b-7xvjt9ab0o] {
    display: flex;
    align-items: center;
    height: 30px;
    width: fit-content;
    background-color: #004d9f;
    justify-content: flex-start;
    flex-shrink: 0;
    margin-top: 1.5vh;
    margin-bottom: 1vh;
    padding: 3px 10px 3px 10px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .showDocument:hover[b-7xvjt9ab0o] {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 5px rgba(50, 205, 50, 0.6);
        transform: scale(1.01);
    }

    .showDocument img[b-7xvjt9ab0o] {
        height: 2.5vh;
        width: auto;
    }

.showDocumentText[b-7xvjt9ab0o] {
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
    font-family: Lato;
}

.resultContainer[b-7xvjt9ab0o] {
    display: flex;
    width: 100%;
    margin: 20px 0px;
}

.resultContainerLabel[b-7xvjt9ab0o] {
    font-size: 15px;
    line-height: 1.8;
    font-weight: bold;
    width: 55%;
    font-family: Lato;
}

.resultLabel[b-7xvjt9ab0o] {
    display: flex;
    align-items: center;
}

.resultContainerBottom[b-7xvjt9ab0o] {
    margin-top: 1vh;
    padding: 1vh 3vh;
    background-color: var(--row-color, #F9F9F9);
    border-radius: 8px;
    border: 1px solid #DDD;
}

.resultContainerBottom .resultValue[b-7xvjt9ab0o] {
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    margin-left: 1vh;
    max-width: 95%;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.resultContainerValue[b-7xvjt9ab0o] {
    font-size: 15px;
    line-height: 1.8;
    width: 45%;
    font-family: Lato;
}

.resultValue[b-7xvjt9ab0o] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noDataText[b-7xvjt9ab0o] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataBox[b-7xvjt9ab0o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

    .noDataBox img[b-7xvjt9ab0o] {
        width: 30%;
        height: auto;
    }


.fertigmeldungDocBox[b-7xvjt9ab0o] {
    display: flex;
}

.docListe[b-7xvjt9ab0o] {
    margin-left: 2vh;
    margin-top: 1.5vh;
}

.tabControl[b-7xvjt9ab0o] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding-left: 3%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    cursor: pointer;
    outline: none;
    line-height: 0.5;
    font-family: Lato;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-top: 0px !important;
    cursor: pointer !important;
}

select[b-7xvjt9ab0o] {
    cursor: pointer;
}

.no-resize-memo textarea[b-7xvjt9ab0o] {
    resize: none !important;
    height: auto;
    min-height: 50px;
    max-height: 100px;
    overflow-y: auto;
}
/* _content/NetConWeb/View/Tiles/ConnectionRegisterTile/ConnectionRegisterTileCc.razor.rz.scp.css */

.connectionRegisterContainer[b-417vqv175s] {
    width: 100%;
    margin-top: 20px;
}

.POPContainer[b-417vqv175s], .DPContainer[b-417vqv175s] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.connectionHeader[b-417vqv175s] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.DPsetUp[b-417vqv175s], .DPspliced[b-417vqv175s], .DPavailable[b-417vqv175s], .POPsetUp[b-417vqv175s], .POPspliced[b-417vqv175s], .POPavailable[b-417vqv175s] {
    display: flex;
    width: 50%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3), 0 4px 6px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: solid 0.3px gray;
}

    .DPsetUp:hover[b-417vqv175s], .DPspliced:hover[b-417vqv175s], .DPavailable:hover[b-417vqv175s],
    .POPsetUp:hover[b-417vqv175s], .POPspliced:hover[b-417vqv175s], .POPavailable:hover[b-417vqv175s] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4), 0 6px 10px rgba(0, 0, 0, 0.3), 0 0 10px rgba(50, 205, 50, 0.6);
        cursor: pointer;
        transform: scale(1.01);
    }


    .DPsetUp img[b-417vqv175s], .DPspliced img[b-417vqv175s], .DPavailable img[b-417vqv175s], .POPsetUp img[b-417vqv175s], .POPspliced img[b-417vqv175s], .POPavailable img[b-417vqv175s] {
        width: 70%;
        height: auto;
    }

.POPLineOne[b-417vqv175s], .POPLineTwo[b-417vqv175s], .DPLineOne[b-417vqv175s], .DPLineTwo[b-417vqv175s] {
    width: 6%;
    height: 2.5vw;
    /*    background-color: red;*/
    border-radius: 10px;
    /*    clip-path: ellipse(70% 40% at center);*/
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
    margin-top: 4%;
    margin-bottom: 3%;
    transition: all 0.5s ease;
}

    .POPLineOne:hover[b-417vqv175s], .POPLineTwo:hover[b-417vqv175s], .DPLineOne:hover[b-417vqv175s], .DPLineTwo:hover[b-417vqv175s] {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4), 0 6px 10px rgba(0, 0, 0, 0.3), 0 0 10px rgba(50, 205, 50, 0.6);
        cursor: pointer;
        transform: scale(1.01);
    }

.textContainer[b-417vqv175s] {
    display: flex;
    margin-top: 2vh;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.textone[b-417vqv175s], .texttwo[b-417vqv175s], .textthree[b-417vqv175s] {
    font-weight: bold;
    font-size: clamp(8px, 0.8vw, 14px);
}

.textone[b-417vqv175s] {
    margin-top: 45%;
}

.textthree[b-417vqv175s] {
    margin-bottom: 30%;
}

.connectionBody .resultValue[b-417vqv175s] {
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    margin-left: 1vh;
    max-width: 100%;
    font-family: Lato;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.POPContainer[b-417vqv175s], .DPContainer[b-417vqv175s] {
    width: 47%;
}

.headerBox[b-417vqv175s] {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.resultContainer[b-417vqv175s] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.noDataText[b-417vqv175s] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataBox[b-417vqv175s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

    .noDataBox img[b-417vqv175s] {
        width: 30%;
        height: auto;
    }
/* _content/NetConWeb/View/Tiles/ContactTile/ContactTileCc.razor.rz.scp.css */
.Kontaktinformation[b-0xnpmxzvio] {
    margin-top: 15px;
}

.component[b-0xnpmxzvio] {
    display: flex;
    width: 100%;
    margin-bottom: 4px;
}

.component i[b-0xnpmxzvio] {
    display: flex;
    width: 10%;
    justify-content: center;
    align-items: center;
    color: #848484;
}

.componentLabel[b-0xnpmxzvio] {
    display: flex;
    width: 35%;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
}

.componentValue[b-0xnpmxzvio] {
    width: 70%;
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.editbox[b-0xnpmxzvio] {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    color: darkorange;
}

.edit[b-0xnpmxzvio], .fa-pen[b-0xnpmxzvio] {
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 15px;
}

.fa-pen[b-0xnpmxzvio] {
    margin-right: 5px;
}

.edit:hover[b-0xnpmxzvio] {
    text-decoration: underline;
}

.buttonBox[b-0xnpmxzvio] {
    margin-top: 15px;
    display: flex;
    gap: 10px;
}

.componentValueVertrag[b-0xnpmxzvio] {
    display: flex;
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2vh;
    justify-content: center;
}

select[b-0xnpmxzvio] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding-left: 3%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    cursor: pointer;
    outline: none;
    line-height: 0.5;
    font-family: Lato;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-top: 0px !important;
}

.selectLabel[b-0xnpmxzvio] {
    color: #ababab;
    margin-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;

}

.editButton[b-0xnpmxzvio] {
    position: absolute;
    width: 30px;
    height: auto;
    top: -12px;
    right: -10px;
    cursor: pointer;
    transition: ease-in-out 0.2s all;
}

.editButton:hover[b-0xnpmxzvio] {
    transform: scale(1.1);
}






.popupPostContent[b-0xnpmxzvio] {
    width: 500px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.popupPostBody[b-0xnpmxzvio] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popupPostBody label[b-0xnpmxzvio] {
    color: #3b4555;
    margin-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: -5px;
    font-family: Lato;
}


.popupPostInput[b-0xnpmxzvio] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.3s ease;
}

    .popupPostInput:focus[b-0xnpmxzvio] {
        border-color: #3b82f6;
    }


.popupPostFooter[b-0xnpmxzvio] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
}

.cancelPostButton[b-0xnpmxzvio] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    transition: all ease-in-out 0.2s;
}

    .cancelPostButton:hover[b-0xnpmxzvio] {
        background: #e5e7eb;
    }

.savePostButton[b-0xnpmxzvio] {
    padding: 7px 30px;
    background: #2563eb;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .savePostButton:hover[b-0xnpmxzvio] {
        background: #1e4bbd;
    }
/* _content/NetConWeb/View/Tiles/ContractStatusTile/ContractStatusTileCc.razor.rz.scp.css */
.statusContainer[b-4baqag3n1c] {
    margin-top: 15px;
}

.mainStatusCard[b-4baqag3n1c] {
    display:flex;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 8px;
    position: relative;
    z-index: 2;
}

    .mainStatusCard.ok[b-4baqag3n1c] {
        background: #C5E1CC;
    }

    .mainStatusCard.bad[b-4baqag3n1c] {
        background: #FFF2F3;
    }

.mainStatusLine[b-4baqag3n1c] {
    display: flex;
    flex-direction:column;
    font-size: 15px;
    font-weight: 700;
}

.statusIcon[b-4baqag3n1c] {
    font-size: 1.5em;
    margin-right: 12px;
    flex-shrink: 0;
}

.fa-check.statusIcon[b-4baqag3n1c] {
    color: #57b848;
}

.fa-times.statusIcon[b-4baqag3n1c] {
    color: red;
}

.fa-exclamation-circle.statusIcon[b-4baqag3n1c] {
    color: #FFC107;
}

.statusMessage[b-4baqag3n1c] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.statusDescription[b-4baqag3n1c] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    margin-top: 5px;
}

.secondaryStatusContainer[b-4baqag3n1c] {
    margin-top: 20px;
}

.secondaryStatusLine[b-4baqag3n1c] {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 30px;
    min-width: 0;
    border-bottom: 0.1px solid #e4e3e3;
}

.secondaryStatusTextContainer[b-4baqag3n1c] {
    display: flex;
    flex: 1;
    min-width: 0;
}

.iconSecondaryStatusLine[b-4baqag3n1c] {
    display: flex;
    align-self: center !important;
}

.secondaryStatusName[b-4baqag3n1c] {
    flex: 0 0 55%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    border-right: 0.1px solid #e4e3e3;
    border-left: 0.1px solid #e4e3e3;
    padding-left: 8px;
}

.secondaryStatusMessage[b-4baqag3n1c] {
    flex: 0 0 42%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 8px;
    font-weight: 500;
}


.selectLabel[b-4baqag3n1c] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}

select[b-4baqag3n1c], input[b-4baqag3n1c] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    cursor: pointer;
    outline: none;
    font-family: Lato;
    margin-bottom: 15px;
}
/* _content/NetConWeb/View/Tiles/ContractTile/ContractTileCc.razor.rz.scp.css */
.selectLabel[b-s6iaxuggds] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}

.resultContainer[b-s6iaxuggds] {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 10px;
    margin: 20px 0px 25px 0px;
}

.resultContainerLabel[b-s6iaxuggds] {
    font-size: 15px;
    line-height: 1.8;
    font-weight: bold;
    font-family: Lato;
}

.resultLabel[b-s6iaxuggds] {
    display: flex;
    align-items: center;
}

.resultContainerValue[b-s6iaxuggds] {
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
}

.resultValue[b-s6iaxuggds] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 97%;
}

.resultValueStatus[b-s6iaxuggds] {
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.contractValue[b-s6iaxuggds] {
    width: 100%;
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
    word-wrap: break-word;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.8em * 1);
    box-sizing: border-box;
    cursor: pointer;
}

    .contractValue.collapsed[b-s6iaxuggds] {
        -webkit-line-clamp: 1;
    }

    .contractValue.expanded[b-s6iaxuggds] {
        /*        display: block;
        overflow: visible;
        max-height: none;*/
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

.resultValue.expanded[b-s6iaxuggds] {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.contractButtonBox[b-s6iaxuggds] {
    margin-top: 15px;
    margin-bottom: 1vh;
}
/* _content/NetConWeb/View/Tiles/ContractTile/ContractTileTs.razor.rz.scp.css */
.config-tile[b-cv9gwbvypy] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}

.tile-header[b-cv9gwbvypy] {
    cursor: pointer;
}

.header-content[b-cv9gwbvypy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tileTabControl[b-cv9gwbvypy] {
    margin: 15px 0px;
}

.title-with-icon[b-cv9gwbvypy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 90%;
}

.icon-container[b-cv9gwbvypy] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-cv9gwbvypy] {
        color: #264462;
        font-size: 25px;
    }

.title-container[b-cv9gwbvypy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 90%;
}

.main-title[b-cv9gwbvypy] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-cv9gwbvypy] {
    font-size: 0.875rem;
    color: #666;
    width: 92%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.expand-icon[b-cv9gwbvypy] {
    color: #666;
    font-size: 1.25rem;
}

.contract-status[b-cv9gwbvypy] {
    padding: 0.75rem;
    border-radius: 4px;
    margin: 1rem 0;
    text-align: center;
}

.statusGreen[b-cv9gwbvypy] {
    background-color: #90EE90;
}

.statusRed[b-cv9gwbvypy] {
    background-color: #FF6B6B;
}

.result-container[b-cv9gwbvypy] {
    display: grid;
    grid-template-columns: 35% 65%;
    justify-items: start;
    gap: 10px;
    width: 100%;
    margin-top: 15px;
}

.result-labels[b-cv9gwbvypy] {
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
    font-weight: bold;
}

.result-values[b-cv9gwbvypy] {
    width: 100%;
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
}

.result-label[b-cv9gwbvypy] {
    display: flex;
    align-items: center;
}

.square[b-cv9gwbvypy] {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-color: #848484;
    margin-right: 5px;
    flex-shrink: 0;
}

.result-value[b-cv9gwbvypy] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 98%;
}

.no-data-box[b-cv9gwbvypy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

.no-data-text[b-cv9gwbvypy] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
}

.no-data-box img[b-cv9gwbvypy] {
    width: 30%;
    height: auto;
}

[b-cv9gwbvypy] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tiles/EnvironmentTile/EnvironmentTileCc.razor.rz.scp.css */
.resultContainerLabel[b-mpq678hg3e] {
    color: #848484;
    font-size: 14px;
    line-height: 1.8;
    width: 30%;
    font-family: Lato;
}

.resultLabel[b-mpq678hg3e] {
    display: flex;
    align-items: center;
}

.resultContainerTop[b-mpq678hg3e] {
    display: flex;
    margin-top: 1vh;
    margin-left: 1vh;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.resultContainerBottom[b-mpq678hg3e] {
    margin-top: 20px;
    width: 100%;
    overflow-y: scroll;
    height: 265px;
}

    .resultContainerBottom .resultValue[b-mpq678hg3e] {
        color: #1b2e40;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.8;
        margin-left: 1vh;
        max-width: 95%;
        font-family: Lato;
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

.resultContainerValue[b-mpq678hg3e] {
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    margin-left: 3vh;
    width: 70%;
    font-family: Lato;
}

.resultValue[b-mpq678hg3e] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.statusValue[b-mpq678hg3e] {
    max-width: 90%;
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    margin-top: 1vh;
    margin-left: 1vh;
    max-width: 95%;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.tableTitle[b-mpq678hg3e] {
    color: #848484;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 900;
    width: 30%;
    font-family: Lato;
    margin-left: 3vh;
    margin-bottom: 0.4vh;
}

.tableColumnNameLine[b-mpq678hg3e] {
    display: flex;
    width: 100%;
    font-weight: bold;
    background-color: #efefef;
    padding: 5px;
}

    .tableColumnNameLine .columnOne[b-mpq678hg3e], .tableColumnNameLine .columnTwo[b-mpq678hg3e], .tableColumnNameLine .columnThree[b-mpq678hg3e], .tableColumnNameLine .columnFour[b-mpq678hg3e], .tableColumnNameLine .columnFive[b-mpq678hg3e],
    .resultLine .resultOne[b-mpq678hg3e], .resultLine .resultTwo[b-mpq678hg3e], .resultLine .resultThree[b-mpq678hg3e] {
        color: #1b2e40;
        font-size: 14px;
        line-height: 1.8;
        font-family: Lato;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tableColumnNameLine .columnOne[b-mpq678hg3e] {
        width: 42%;
    }

    .tableColumnNameLine .columnTwo[b-mpq678hg3e] {
        width: 18%;
    }

    .tableColumnNameLine .columnThree[b-mpq678hg3e] {
        width: 13%;
    }

    .tableColumnNameLine .columnFour[b-mpq678hg3e] {
        width: 15%;
    }

    .tableColumnNameLine .columnFive[b-mpq678hg3e] {
        width: 12%;
    }

.tableResultBox[b-mpq678hg3e] {
    width: 100%;
}

    .tableResultBox .resultLine[b-mpq678hg3e] {
        display: flex;
        width: 100%;
        border-bottom: 0.1px solid #e4e3e3;
    }

.resultLine .resultOne[b-mpq678hg3e] {
    width: 42%;
    padding-left: 5px;
    font-size: 14px;
}

.resultOne[b-mpq678hg3e] {
    user-select: none;
}


.resultLine .resultTwo[b-mpq678hg3e] {
    width: 17%;
    border-left: 0.1px solid #e4e3e3;
    border-right: 0.1px solid #e4e3e3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.resultLine .resultThree[b-mpq678hg3e] {
    width: 13%;
    border-left: 0.1px solid #e4e3e3;
    border-right: 0.1px solid #e4e3e3;
    display: flex;
    justify-content: center;
    align-items: center
}

.resultLine .resultFour[b-mpq678hg3e] {
    width: 15%;
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    border-right: 0.1px solid #e4e3e3;
}

.resultLine .resultFive[b-mpq678hg3e] {
    width: 14%;
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
}

.resultValue:hover[b-mpq678hg3e] {
    cursor: pointer;
}


.status-circle[b-mpq678hg3e] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.green[b-mpq678hg3e] {
    background-color: #10b981;
}

.orange[b-mpq678hg3e] {
    background-color: #f97316;
}

.red[b-mpq678hg3e] {
    background-color: #ef4444;
}

.gray[b-mpq678hg3e] {
    background-color: darkgrey ;
}

.legend[b-mpq678hg3e] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
    font-family: Lato;
    color: #1b2e40;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.legendItem[b-mpq678hg3e] {
    display: flex;
    align-items: center;
    gap: 5px; 
}

.loading[b-mpq678hg3e], .backgroundSpinner[b-mpq678hg3e] {
    width: 20px;
    height: 20px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin-b-mpq678hg3e 1s linear infinite;
}

.backgroundLoading[b-mpq678hg3e] {
    display: flex;
    position: absolute;
    top: 25px;
    right: 105px;
    max-width: 100%;
}

.backgroundSpinner[b-mpq678hg3e] {
    width: 30px;
    height: 30px;
}

@keyframes spin-b-mpq678hg3e {
    0% {
        transform: rotate(0deg);
    }

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

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1080px) {

    .resultLine .resultFour[b-mpq678hg3e] {
        font-size: 13px;
    }

    .resultLine .resultFive[b-mpq678hg3e] {
        font-size: 13px;
    }

}

/* _content/NetConWeb/View/Tiles/InboxOutboxTile/InboxOutboxTileCc.razor.rz.scp.css */
.tileCard[b-p20xmxhs4m] {
    margin-top: 20px;
}

.tileComponent[b-p20xmxhs4m] {
    padding: 20px 0px 9px 0px;
    position: relative;
}

[b-p20xmxhs4m] .componentTitleLine {
    padding: 0px 20px !important;
}

[b-p20xmxhs4m] .dxbl-grid-footer-row {
    display: flex;
    align-content: start;
    background-color: white !important;
    border: transparent !important;
    left: 12px !important;
    padding-left: 5px !important;
}

[b-p20xmxhs4m] .dxbl-grid-summary-item {
    padding: 10px 5px 5px 5px !important;
    color: red !important;
}

[b-p20xmxhs4m] .dxbl-align-right {
    padding: 0 !important;
    margin: 0 !important;
}

[b-p20xmxhs4m] .dxbl-grid {
    height: 390px !important;
    overflow-y: auto !important;
    padding-bottom: 32px !important;
    border: none !important;
    background-color: transparent !important;
}

[b-p20xmxhs4m] .dxbl-tabs-item {
    font-size: 16px;
}

[b-p20xmxhs4m] .dxbl-grid-header-row {
    display: none;
}

.WertStyle[b-p20xmxhs4m] {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.postContainer[b-p20xmxhs4m] {
    display: flex;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
    background-color: #fbfbfb;
    border-left: solid 4px #f1f1f1;
    height: 80px;
}

    .postContainer:hover[b-p20xmxhs4m] {
        background-color: #f0f0f0;
        border-left: solid 4px #e0e0e0;
    }

    .postContainer:active[b-p20xmxhs4m] {
        background-color: #e6e6e6;
        border-left: solid 4px #d0d0d0;
    }


    .postContainer.error[b-p20xmxhs4m] {
        background-color: #ffeded;
        border-left: solid 4px #ffbebe;
    }

        .postContainer.error:hover[b-p20xmxhs4m] {
            background-color: #ffdede;
            border-left: solid 4px #ffabab;
        }

        .postContainer.error:active[b-p20xmxhs4m] {
            background-color: #ffcece;
            border-left: solid 4px #ff9999;
        }

.postDetailsContainer[b-p20xmxhs4m] {
    margin-left: 8px;
    margin-top: 5px;
    max-width: 97%;
}

.postDetailsHeader[b-p20xmxhs4m] {
    font-size: 16px;
    font-weight: 900;
}

.postDetailsDate[b-p20xmxhs4m] {
    color: #262626;
    font-size: 12px;
}

.postDetailsStatus[b-p20xmxhs4m] {
    margin-left: 8px;
}

.postDetailsBottomLine[b-p20xmxhs4m] {
    margin-top: 8px;
    font-size: 12.5px;
}

.postDetailsBottomLine[b-p20xmxhs4m] {
    display: flex;
}

.postLabelContainer[b-p20xmxhs4m] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-right: 10px;
}

.upgradeButtonLabel[b-p20xmxhs4m] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 4px 8px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
}

.inboxStatus[b-p20xmxhs4m] {
    margin-top: 10px;
    font-size: 12px;
    padding: 1px 10px 1px 10px;
    border-radius: 10px;
    align-self: flex-end;
}
    .inboxStatus.error[b-p20xmxhs4m] {
        background-color: #ffbebe;
    }
    .inboxStatus.active[b-p20xmxhs4m] {
        background-color: #d4edda;
    }
    .inboxStatus.modify[b-p20xmxhs4m] {
        background-color: #fff3cd;
    }
    .inboxStatus.processed[b-p20xmxhs4m] {
        background-color: #e8e8e8;
    }

.totalSummary[b-p20xmxhs4m] {
    position: absolute;
    display: flex;
    align-items: center;
    height: 30px;
    width: 100%;
    background-color: white;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    font-size: 12.5px;
    font-weight: 500;
    border-top: solid 2px #f1f1f1;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.cutOverflow[b-p20xmxhs4m] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}




.popupPostContent[b-p20xmxhs4m] {
    font-family: Arial, sans-serif;
}

.popupPostBody[b-p20xmxhs4m] {
    display: flex;
    flex-direction: column;
}

.popupFieldSubject[b-p20xmxhs4m] {
    font-size: 16px;
    color: #535353;
    font-weight: 600;
}

.popupFieldTime[b-p20xmxhs4m] {
    font-size: 12.5px;
    color: #929292;
    margin-top: 4px;
}

.statusBox[b-p20xmxhs4m] {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #161616;
}

.popupFieldRow[b-p20xmxhs4m] {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #161616;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.popupNote[b-p20xmxhs4m] {
    margin-top: 25px;
    color: #161616;
}

label[b-p20xmxhs4m] {
    margin: 0;
    padding: 0;
}

TextArea[b-p20xmxhs4m] {
    width: 100%;
    margin-top: 5px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    resize: none;
    padding: 8px;
    font-size: 14px;
    color: #262626;
    min-height: 150px;
}

.popupPostInput[b-p20xmxhs4m] {
    margin-top: 5px;
    border-radius: 5px;
}

.noteRow[b-p20xmxhs4m] {
    margin-top: 5px;
    border: 1px solid #ccc;
    padding: 8px;
    background-color: #f8f8f8;
    font-family: monospace;
    font-size: 14px;
    white-space: pre-wrap;
    overflow-y: auto;
    min-height: 150px;
    resize: none;
    color: #333;
    line-height: 1.5;
    border-radius: 5px;
}

.popupPostFooter[b-p20xmxhs4m] {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
}


    .documentLink[b-p20xmxhs4m] {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #007bff;
        cursor: pointer;
    }

.upgradeButton[b-p20xmxhs4m] {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
}

    .upgradeButton:hover[b-p20xmxhs4m] {
        background-color: #0056b3;
    }

.fileSelectionDropdown[b-p20xmxhs4m] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fileDropdown[b-p20xmxhs4m] {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    width: 200px;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .fileDropdown:focus[b-p20xmxhs4m], .fileDropdown option[b-p20xmxhs4m] {
        width: 200px;
        max-width: 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.documentLink[b-p20xmxhs4m] {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer;
}

    .documentLink.disabled[b-p20xmxhs4m] {
        cursor: default;
        color: #d3d3d3;
    }

.errorLink[b-p20xmxhs4m] {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #007bff;
    cursor: pointer;
}

    .errorLink.disabled[b-p20xmxhs4m] {
        cursor: default;
        color: #d3d3d3;
    }

.errorTableContainer[b-p20xmxhs4m] {
    margin: 10px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
}

.errorTable[b-p20xmxhs4m] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: #333;
}

    .errorTable th[b-p20xmxhs4m], .errorTable td[b-p20xmxhs4m] {
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid #e0e0e0;
    }

    .errorTable th[b-p20xmxhs4m] {
        background-color: #f8f8f8;
        font-weight: 600;
        color: #161616;

    }

    .errorTable td[b-p20xmxhs4m] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
        
    }

        .errorTable td:nth-child(1)[b-p20xmxhs4m] {
            max-width: 20px;
            border-right: 1px solid #d3d3d3;
        }
        .errorTable td:nth-child(2)[b-p20xmxhs4m] {
            border-right: 1px solid #d3d3d3;
        }
        .errorTable td:nth-child(3)[b-p20xmxhs4m] {
            border-right: 1px solid #d3d3d3;
        }
        .errorTable td:nth-child(4)[b-p20xmxhs4m] {
            max-width: 100px;
            border-right: 1px solid #d3d3d3;
        }

        .errorTable td:nth-child(5)[b-p20xmxhs4m] {
            max-width: 80px;
        }

    .errorTable tr:last-child td[b-p20xmxhs4m] {
        border-bottom: none;
    }
/* _content/NetConWeb/View/Tiles/JournalTile/JournalTileCc.razor.rz.scp.css */
.tileCard[b-7szflwyq4g] {
    position: relative;
}

.tileComponent[b-7szflwyq4g] {
    padding: 20px 0px 9px 0px;
}

[b-7szflwyq4g] .componentTitleLine {
    padding: 0px 20px !important;
}

/*.journalDetailsContainer {
    width: 350px;
}*/

.cutOverflow[b-7szflwyq4g] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.description-text[b-7szflwyq4g] {
    margin: 8px 0px;
    width: 97%;
}

.badge[b-7szflwyq4g] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: lightgreen;
    width: 100px;
    font-size: 14px;
}
.journalcontainer[b-7szflwyq4g] {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

[b-7szflwyq4g] .dxbl-grid-footer-row {
    display:flex;
    align-content: start;
    background-color: white !important;
    border: transparent !important;
    left: 12px !important;
    padding-left: 5px !important;
}

[b-7szflwyq4g] .dxbl-grid-summary-item {
    padding: 10px 5px 5px 5px !important;
    color: red !important;

}

.journalDetailsContainer.collapsed[b-7szflwyq4g] {
    display: none;
}

.journalDetailsContainer.expanded[b-7szflwyq4g] {
    display: block;
}
.journaltitle[b-7szflwyq4g] {
    margin-bottom: 3px;
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: bold;
    width: calc(100% - 105px);
    overflow: hidden;
    white-space: nowrap;
}

.WertStyle[b-7szflwyq4g] {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/NetConWeb/View/Tiles/NoteTile/NoteTileCc.razor.rz.scp.css */
.notesGrid[b-h5xrgwwr73] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 1fr);
    gap: 10px;
}

.noteCard[b-h5xrgwwr73] {
    border-radius: 10px;
    padding: 10px;
    background-color: #F3F3F3;
    display: flex;
    flex-direction: column;
    font-family: Lato;
    transition: transform 0.3s ease;
    cursor: pointer;
}

    .noteCard:hover[b-h5xrgwwr73] {
        transform: scale(1.01);
    }

.noteDate[b-h5xrgwwr73] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #8c8c8c;
    white-space: nowrap;
}

.noteCreator[b-h5xrgwwr73] {
    font-size: 13px;
    font-weight: 600;
    color: #8c8c8c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

.noteCategory[b-h5xrgwwr73] {
    font-size: 0.7rem;
    padding: 2px 10px;
    border-radius: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.categoryAllgemein[b-h5xrgwwr73] {
    color: #1e40b0;
    background-color: #dceafe;
}

.categoryBuchhaltung[b-h5xrgwwr73] {
    color: #5b22b6;
    background-color: #ede8fe;
}

.categoryTechnik[b-h5xrgwwr73] {
    color: #993512;
    background-color: #ffedd5;
}

.categoryKuendigung[b-h5xrgwwr73] {
    color: #085f47;
    background-color: #d0fae4;
}

.categoryVertrag[b-h5xrgwwr73] {
    color: #ff6b6b;
    background-color: #ffecec;
}

.categoryPortierung[b-h5xrgwwr73] {
    color: #c2185b;
    background-color: #fde0ef;
}

.noteDescription[b-h5xrgwwr73] {
    font-family: Lato;
    font-size: 14px;
    line-height: 1.4;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.8em * 2);
    box-sizing: border-box;
    cursor: pointer;
}

.noteInfo[b-h5xrgwwr73] {
    display:flex;
    justify-content: space-between;
    margin-top: 10px;
}

.noNotes[b-h5xrgwwr73] {
    margin-top: 1vh;
    margin-left: 3vh;
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
}

.notesInfoBar[b-h5xrgwwr73] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.PageView[b-h5xrgwwr73] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-right: 30px;
    
}

.pageControls[b-h5xrgwwr73] {
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .pageControls:hover[b-h5xrgwwr73] {
        transform: scale(1.1);
    }


/*POPUP*/

.popupPostBody[b-h5xrgwwr73] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .popupPostBody label[b-h5xrgwwr73] {
        color: #3b4555;
        margin-top: 5px;
        padding-left: 5px;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: -5px;
        font-family: Lato;
    }

.dx-combobox.popupPostInput[b-h5xrgwwr73] {
    width: 100%;
    box-sizing: border-box;
}

    .dx-combobox.popupPostInput .dx-texteditor-input[b-h5xrgwwr73] {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: red !important;
        color: #333;
        width: 100%;
        box-sizing: border-box;
    }

        .dx-combobox.popupPostInput .dx-texteditor-input:focus[b-h5xrgwwr73] {
            border-color: red !important;
            outline: none;
            background-color: red;
        }

    .dx-combobox.popupPostInput .dx-dropdowneditor-button[b-h5xrgwwr73] {
        border: 1px solid #ccc;
        border-radius: 0 4px 4px 0;
        background-color: red !important;
    }

    .dx-combobox.popupPostInput .dx-dropdownlist-popup-wrapper .dx-list-item[b-h5xrgwwr73] {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px;
        color: #333;
    }

        .dx-combobox.popupPostInput .dx-dropdownlist-popup-wrapper .dx-list-item:hover[b-h5xrgwwr73] {
            background-color: red !important;
        }



.popupPostFooter[b-h5xrgwwr73] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    width: 60%;
    justify-self: end;
}

.cancelPostButton[b-h5xrgwwr73] {
    padding: 7px 30px;
    background: #f3f4f6;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #394353;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .cancelPostButton:hover[b-h5xrgwwr73] {
        background: #e5e7eb;
    }

.savePostButton[b-h5xrgwwr73] {
    padding: 7px 30px;
    background: #2563eb;
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: all ease-in-out 0.2s;
}

    .savePostButton:hover[b-h5xrgwwr73] {
        background: #1e4bbd;
    }

.fullWidthButton[b-h5xrgwwr73] {
    width: 100% !important;
    align-self: stretch !important;
    margin-top: 10px;
}
/* _content/NetConWeb/View/Tiles/PortingTile/PortingTileCc.razor.rz.scp.css */
.portierungCard[b-6fvquwbvj8] {
    position: relative;
}

.infoBadges-container[b-6fvquwbvj8] {
    cursor: help;
    display: inline-flex;
    margin-top: 5px;
}

.infoBadges-item[b-6fvquwbvj8] {    
    margin-top: 2px;
    max-height: 16px;
}

.status[b-6fvquwbvj8] {
    background-color: rgba(121,216,106,0.22);
    padding: 3px 10px;
    border-radius: 10px;
    width: 220px;
    max-width: 220px;
}

.statusGreen[b-6fvquwbvj8] {    
    color: #3AAB28;
}

.statusRed[b-6fvquwbvj8] {
    color: #f52727;
}

.portArea2[b-6fvquwbvj8] {
    text-align: center;
    font-size: smaller;
    height: auto;
}

.portingBoxElement[b-6fvquwbvj8] {
    height: 30px;
    margin-bottom: 0.2rem;
}

.stateLabel[b-6fvquwbvj8] {
    margin-bottom: -0.3rem;
}

.arrow[b-6fvquwbvj8] {
    font-size: 8px;
}


select[b-6fvquwbvj8] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding-left: 3%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    cursor: pointer;
    outline: none;
    line-height: 0.5;
    font-family: Lato;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-top: 0px !important;
}


.selectLabel[b-6fvquwbvj8] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}



.resultContainerLabel[b-6fvquwbvj8] {
    line-height: 1.8;
    width: 40%;
    font-weight: bold;
    font-family: Lato;
}


label[b-6fvquwbvj8] {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.infoBadges-container[b-6fvquwbvj8] {
    margin-top: 0 !important;
}

.resultLabel[b-6fvquwbvj8] {
    display: flex;
    align-items: center;
}

.resultContainerTop[b-6fvquwbvj8] {
    display: flex;
    font-size: 15px;
    margin-top: 1vh;
    margin-left: 1vh;
    width: 100%;
    justify-content: center;
    align-items: center;
}



.portierungCard .resultContainerBottom[b-6fvquwbvj8] {
    margin-top: 15px;
    padding: 5px 15px;
    background-color: #F3F3F3;
    border-radius: 8px;
}


.resultContainerBottom .resultValue[b-6fvquwbvj8] {
    font-weight: 600;
    line-height: 1.6;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .resultContainerBottom .resultValue .resultValueLine[b-6fvquwbvj8] {
        display: flex;
        align-items: center;
    }

.resultContainerValue[b-6fvquwbvj8] {
    line-height: 1.8;
    width: 60%;
    font-family: Lato;
}

.noData[b-6fvquwbvj8] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    margin-left: 2vh;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataText[b-6fvquwbvj8] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataBox[b-6fvquwbvj8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

    .noDataBox img[b-6fvquwbvj8] {
        width: 30%;
        height: auto;
    }

.backgroundLoading[b-6fvquwbvj8] {
    display: flex;
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
}

.backgroundSpinner[b-6fvquwbvj8] {
    width: 20px;
    height: 20px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin-b-6fvquwbvj8 1s linear infinite;
    margin: 3px 0 0 10px;
}

.portingButtonBox[b-6fvquwbvj8] {
    margin-top: 15px;
    margin-bottom: 1vh;
}

.disabledCustomButton[b-6fvquwbvj8] {
    background-color: #cccccc;
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    border: none;
    padding: 2px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.popupPostContent[b-6fvquwbvj8] {
    width: 500px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.popupPostBody[b-6fvquwbvj8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .popupPostBody label[b-6fvquwbvj8] {
        color: #3b4555;
        margin-top: 5px;
        padding-left: 5px;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: -5px;
        font-family: Lato;
    }


.popupPostInput[b-6fvquwbvj8] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.3s ease;
}

    .popupPostInput:focus[b-6fvquwbvj8] {
        border-color: #3b82f6;
    }

@keyframes spin-b-6fvquwbvj8 {
    0% {
        transform: rotate(0deg);
    }

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

/* _content/NetConWeb/View/Tiles/PortingTile/PortingTileTs.razor.rz.scp.css */
.config-tile[b-c6l10aquc7] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}

.tile-header[b-c6l10aquc7] {
    cursor: pointer;
}

.header-content[b-c6l10aquc7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-c6l10aquc7] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icon-container[b-c6l10aquc7] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-c6l10aquc7] {
        color: #264462;
        font-size: 25px;
    }

.title-container[b-c6l10aquc7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-title[b-c6l10aquc7] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-c6l10aquc7] {
    font-size: 0.875rem;
    color: #666;
}

.expand-icon[b-c6l10aquc7] {
    color: #666;
    font-size: 1.25rem;
}

.tile-content[b-c6l10aquc7] {
    position: relative;
}

.select-container[b-c6l10aquc7] {
    margin-bottom: 1.5rem;
}

.selectLabel[b-c6l10aquc7] {
    color: #ababab;
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}

.select-box[b-c6l10aquc7] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    height: 38px;
    cursor: pointer;
    outline: none;
    line-height: 0.5;
    font-family: Lato;
}
.porting-details[b-c6l10aquc7] {
    background-color: white;
    border-radius: 8px;
}

.status-section[b-c6l10aquc7] {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 10px;
}

.status-labels[b-c6l10aquc7] {
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    font-family: Lato;
}

.status-values[b-c6l10aquc7] {
    font-size: 14px;
    line-height: 1.8;
    font-family: Lato;
}

.status-label[b-c6l10aquc7] {
    display: flex;
    align-items: center;
}

.status-value[b-c6l10aquc7] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.info-badges[b-c6l10aquc7] {
    display: inline-flex;
    align-items: center;
    margin-top: 2px;
    cursor: help;
}

.info-badge[b-c6l10aquc7] {
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 0.75rem;
    margin: 0 2px;
}

.badge-separator[b-c6l10aquc7] {
    margin: 0 4px;
    color: #848484;
}

.process-section[b-c6l10aquc7] {
    background-color: #F3F3F3;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
    font-weight: bold;
}

.process-step[b-c6l10aquc7] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 15px;
}

    .process-step:last-child[b-c6l10aquc7] {
        margin-bottom: 0;
        border-bottom: none;
    }

.step-icon[b-c6l10aquc7] {
    margin-right: 1rem;
    width: 24px;
    text-align: center;
}

.step-text[b-c6l10aquc7] {
    flex: 1;
    font-size: 14px;
    color: #333;
}

.status-icon-success[b-c6l10aquc7] {
    color: #57b848;
    font-size: 1.2em;
}

.status-icon-error[b-c6l10aquc7] {
    color: red;
    font-size: 1.2em;
}

.no-data-box[b-c6l10aquc7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

.no-data-text[b-c6l10aquc7] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
}

[b-c6l10aquc7] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}

.backgroundLoading[b-c6l10aquc7] {
    display: flex;
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
}

.backgroundSpinner[b-c6l10aquc7] {
    width: 20px;
    height: 20px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin-b-c6l10aquc7 1s linear infinite;
    margin: 3px 0 0 10px;
}

.portingButtonBox[b-c6l10aquc7] {
    margin-top: 15px;
    margin-bottom: 1vh;
}

.disabledCustomButton[b-c6l10aquc7] {
    background-color: #cccccc;
    color: #1b2e40;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    border: none;
    padding: 2px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.popupPostContent[b-c6l10aquc7] {
    width: 500px;
    background: #ffffff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.popupPostBody[b-c6l10aquc7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .popupPostBody label[b-c6l10aquc7] {
        color: #3b4555;
        margin-top: 5px;
        padding-left: 5px;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: -5px;
        font-family: Lato;
    }


.popupPostInput[b-c6l10aquc7] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.3s ease;
}

    .popupPostInput:focus[b-c6l10aquc7] {
        border-color: #3b82f6;
    }

@keyframes spin-b-c6l10aquc7 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/NetConWeb/View/Tiles/PreMarketingTile/PreMarketingTileCc.razor.rz.scp.css */
.premarketingKachel[b-8mm45nxp7a] {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 10px;
    align-items: start;
    margin: 20px 0px;
}

.iconsContainer[b-8mm45nxp7a] {
    display: grid;
    grid-template-rows: repeat(7, 1fr);
    gap: 3px;
    justify-items: center;
    flex-shrink: 0;
    min-width: 30px;
    max-width: 30px;
}

.labelsContainer[b-8mm45nxp7a] {
    display: grid;
    grid-template-rows: repeat(7, 1fr);
    gap: 3px;
    min-width: 0;
}

.valuesContainer[b-8mm45nxp7a] {
    display: grid;
    grid-template-rows: repeat(7, 1fr);
    gap: 3px;
    min-width: 0;
}

.svg-icon[b-8mm45nxp7a] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #848484;
    flex-shrink: 0;
    position: relative;
}

    .svg-icon svg[b-8mm45nxp7a] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    .svg-icon.one[b-8mm45nxp7a] {
        width: 19px;
        height: 19px;
        padding-top: 5px;
    }

    .svg-icon.two[b-8mm45nxp7a] {
        width: 18px;
        height: 18px;
        padding-top: 10px;
        margin-left: 1px;
    }

    .svg-icon.three[b-8mm45nxp7a] {
        width: 24px;
        height: 17px;
        padding-top: 12px;
    }

    .svg-icon.four[b-8mm45nxp7a] {
        width: 20px;
        height: 20px;
        padding-top: 12px;
        margin-left: 1px;
    }

    .svg-icon.five[b-8mm45nxp7a] {
        width: 16px;
        height: 14px;
        padding-top: 17px;
        margin-left: 2px;
    }

    .svg-icon.six[b-8mm45nxp7a] {
        width: 20px;
        height: 24px;
        padding-top: 11px;
    }

    .svg-icon.seven[b-8mm45nxp7a] {
        width: 17px;
        height: 17px;
        padding-top: 19px;
        margin-left: 2px;
    }

.componentLabel[b-8mm45nxp7a] {
    font-size: 15px;
    line-height: 1.8;
    font-weight: bold;
    font-family: Lato;
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.componentValue[b-8mm45nxp7a] {
    color: #1b2e40;
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-self: center;
    min-width: 0;
}

.preMarketingButtonBox[b-8mm45nxp7a] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 15px;
}

.showSite[b-8mm45nxp7a] {
    display: flex;
    align-items: center;
    height: 30px;
    width: fit-content;
    background-color: #004d9f;
    justify-content: flex-start;
    flex-shrink: 0;
    margin-top: 1.5vh;
    margin-bottom: 1vh;
    padding: 3px 10px 3px 10px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .showSite:hover[b-8mm45nxp7a] {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 5px rgba(50, 205, 50, 0.6);
        transform: scale(1.01);
    }

    .showSite img[b-8mm45nxp7a] {
        height: 2.5vh;
        width: auto;
    }

.showPreMarketingText[b-8mm45nxp7a] {
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
    font-family: Lato;
}
/* _content/NetConWeb/View/Tiles/TechStateTile/TechStateTileCc.razor.rz.scp.css */
.firstEntry[b-gc1rrtllfd] {
    font-weight: bold;
}

table[b-gc1rrtllfd] {
    margin-top: 10px;
}

.onlineStatusLayout[b-gc1rrtllfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    height: auto;
    margin: 15px 0px;
}

.statusGreen[b-gc1rrtllfd] {
    background-color: rgba(121,216,106,0.22);
    color: #3AAB28;
    padding: 3px 10px;
    border-radius: 10px;
}

.statusRed[b-gc1rrtllfd] {
    background-color: rgba(245, 39, 39,0.22);
    color: #f52727;
    padding: 3px 10px;
    border-radius: 10px;
}

.statusIcon[b-gc1rrtllfd] {
    text-align: center;
    cursor: pointer;
}

select[b-gc1rrtllfd] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding-left: 3%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    cursor: pointer;
    outline: none;
    line-height: 0.5;
    font-family: Lato;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-top: 0px !important;
}

.selectLabel[b-gc1rrtllfd] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}

.noData[b-gc1rrtllfd] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    margin-left: 2vh;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataText[b-gc1rrtllfd] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataBox[b-gc1rrtllfd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

.noDataBox img[b-gc1rrtllfd] {
    width: 30%;
    height: auto;
}

.openPop[b-gc1rrtllfd] {
    display:flex;
    gap: 10px;
    margin-top: 10px;
    color: blue;
}
.openCpeHistory[b-gc1rrtllfd], .openCpeSync[b-gc1rrtllfd] {
    margin-bottom: 0px;
}

.openCpeHistory:hover[b-gc1rrtllfd], .openCpeSync:hover[b-gc1rrtllfd] {
    text-decoration: underline;
    cursor: pointer;
}

.fa-arrows-rotate[b-gc1rrtllfd] {
    cursor: pointer;
}

.popImage[b-gc1rrtllfd] {
    width: 80px;
    
}

.cpeImage[b-gc1rrtllfd] {
    height: 70px;;
}
.routerImage[b-gc1rrtllfd] {
    width: 110px;
}
/* _content/NetConWeb/View/Tiles/TechStateTile/TechStateTileTs.razor.rz.scp.css */
.config-tile[b-0uilrgbd2v] {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
}

.tile-header[b-0uilrgbd2v] {
    cursor: pointer;
}

.header-content[b-0uilrgbd2v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-with-icon[b-0uilrgbd2v] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.icon-container[b-0uilrgbd2v] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

    .icon-container i[b-0uilrgbd2v] {
        color: #264462;
        font-size: 25px;
    }

.title-container[b-0uilrgbd2v] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.main-title[b-0uilrgbd2v] {
    font-size: 1rem;
    font-weight: 600;
    color: #264462;
}

.subtitle[b-0uilrgbd2v] {
    font-size: 0.875rem;
    color: #666;
}

.expand-icon[b-0uilrgbd2v] {
    color: #666;
    font-size: 1.25rem;
}

.select-container[b-0uilrgbd2v] {
    margin-top: 15px;
}

.tileTabControl[b-0uilrgbd2v] {
    margin: 15px 0px; 
}

.selectLabel[b-0uilrgbd2v] {
    color: #ababab;
    font-size: 14px;
    margin-bottom: 5px;
    font-family: Lato;
}

.no-data-box[b-0uilrgbd2v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

.no-data-text[b-0uilrgbd2v] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    font-family: Lato;
}

.no-data-box img[b-0uilrgbd2v] {
    width: 30%;
    height: auto;
}

[b-0uilrgbd2v] .loading-spinner-light {
    --primary: var(--primaryMandatorColor);
}

.onlineStatusLayout[b-0uilrgbd2v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 15px 0px;
}

.platzhalterBild[b-0uilrgbd2v] {
    width: 90px;
}

.firstEntry[b-0uilrgbd2v] {
    font-weight: bold;
    display:flex;
    flex-direction: row;
}

table[b-0uilrgbd2v] {
    margin-top: 10px;
}

.openPop[b-0uilrgbd2v] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    color: blue;
}

.openCpeHistory[b-0uilrgbd2v], .openCpeSync[b-0uilrgbd2v] {
    margin-bottom: 0px;
}

    .openCpeHistory:hover[b-0uilrgbd2v], .openCpeSync:hover[b-0uilrgbd2v] {
        text-decoration: underline;
        cursor: pointer;
    }

.fa-arrows-rotate[b-0uilrgbd2v] {
    font-size: 19px;
}


.popImage[b-0uilrgbd2v] {
    width: 100px;
}

.cpeImage[b-0uilrgbd2v] {
    height: 90px;
}

.routerImage[b-0uilrgbd2v] {
    width: 140px;
}
/* _content/NetConWeb/View/Tiles/TicketTile/TicketTileCc.razor.rz.scp.css */
.tileTabControl[b-xs95hctemg] {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
}

select[b-xs95hctemg] {
    width: 100%;
    border-radius: 8px;
    border: solid 1px #cccccc;
    font-size: 14px;
    font-weight: 700;
    color: #122538;
    cursor: pointer;
    outline: none;
    line-height: 0.5;
    font-family: Lato;
    padding: 3px 10px;
    margin-top: 0px !important;
}

.selectLabel[b-xs95hctemg] {
    color: #ababab;
    margin-top: 15px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: Lato;
}

.resultContainer[b-xs95hctemg] {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 10px;
    width: 100%;
    margin-top: 20px;
}

.resultContainerLabel[b-xs95hctemg] {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8;
    font-family: Lato;
}

.resultLabel[b-xs95hctemg] {
    display: flex;
    align-items: center;
}

.resultContainerValue[b-xs95hctemg] {
    font-size: 15px;
    line-height: 1.8;
    font-family: Lato;
}

.resultValue[b-xs95hctemg] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.resultValue-title[b-xs95hctemg] {
    white-space: normal;
    word-wrap: break-word;
    text-align: justify;
}

.noDataText[b-xs95hctemg] {
    color: #1b2e40;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    max-width: 100%;
    font-family: Lato;
    cursor: pointer;
}

.noDataBox[b-xs95hctemg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1vh;
}

.noDataBox img[b-xs95hctemg] {
    width: 30%;
    height: auto;
}

/*.createTicket {
    display: flex;
    align-items: center;
    height: 30px;
    width: fit-content;
    background-color: #004d9f;
    justify-content: flex-start;
    flex-shrink: 0;
    margin-top: 1.5vh;
    margin-bottom: 1vh;
    padding: 3px 10px 3px 10px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .createTicket:hover {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 5px rgba(50, 205, 50, 0.6);
        transform: scale(1.01);
    }

    .createTicket img {
        height: 1.5vh;
        width: auto;
    }

    .createTicketText {
        color: white;
        font-size: 14px;
        font-weight: 400;
        margin-left: 5px;
        font-family: Lato;
    }*/

.ticketButtonBox[b-xs95hctemg] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 15px;
}

.htmlBox[b-xs95hctemg] {
    width: 100%;
    min-height: 50px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
}

.popUpLabel[b-xs95hctemg] {
    font-weight: bold;
    color: #1976D2;
    margin-bottom: 0px;
}

.messageHeader[b-xs95hctemg] {
    display: flex;
    width: 100%;
    gap: 10px;
    background-color: #e3f2fd;
    padding: 10px;
    border-radius: 8px;
}

.messageHeaderItem[b-xs95hctemg], .popUpEndeItem[b-xs95hctemg] {
    display: flex;
    align-items: center;
}

.popUpBodyValue[b-xs95hctemg] {
    margin-top: 5px;
    border: 1px solid #1976D2;
    padding: 15px;
    background-color: #ffffff;
    border-left: 5px solid #1976D2;
    width: 90%;
    min-height: 50px;
    max-height: 300px;
    overflow-y: auto;

}

.messageContent[b-xs95hctemg] {
    border: 1px solid #ddd;
    background-color: white;
    margin-top: 15px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.popUpValue[b-xs95hctemg] {
    margin-left: 10px;
    margin-right: 15px;
}

.popUpEnde[b-xs95hctemg] {
    margin-top: 20px;
    margin-left: 20px;
}

.messageBody[b-xs95hctemg] {
    margin-top: 10px;
}

.popUpBodyLabel[b-xs95hctemg] {
    font-weight: bold;
    color: #1976D2;
    margin-bottom: 0px;
}

.popUpStartLabel[b-xs95hctemg] {
    font-weight: bold;
    color: #1976D2;
    margin-bottom: 5px;
}




.ticketSelect[b-xs95hctemg] {
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    .ticketSelect optgroup[b-xs95hctemg] {
        font-weight: bold;
        padding: 5px;
    }

        .ticketSelect optgroup.statusOffen[b-xs95hctemg] {
            background-color: #FFF3E0;
        }

        .ticketSelect optgroup.statusInBearbeitung[b-xs95hctemg] {
            background-color: #E1F5FE;
        }

        .ticketSelect optgroup.statusWartend[b-xs95hctemg] {
            background-color: #EDE7F6;
        }

        .ticketSelect optgroup.statusFertig[b-xs95hctemg] {
            background-color: #E8F5E9;
        }

    .ticketSelect option[b-xs95hctemg] {
        display: flex;
        padding: 5px 0;
    }

.statusColumn[b-xs95hctemg] {
    width: 120px;
    display: inline-block;
    font-weight: bold;
}

.dateColumn[b-xs95hctemg] {
    width: 120px;
    display: inline-block;
}

.titleColumn[b-xs95hctemg] {
    flex: 1;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .messageHeader[b-xs95hctemg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .messageHeaderItem[b-xs95hctemg] {
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .popUpLabel[b-xs95hctemg],
    .popUpValue[b-xs95hctemg] {
        font-size: 14px;
    }
}