/* _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/ContactSearch.razor.rz.scp.css */
[b-q88kk1q1xa] .indicator-right {
position: absolute;
right: 5px;
--dxbl-wait-indicator-size: 1.2rem !important;
}
[b-q88kk1q1xa] .contextmenu-item-customer {
cursor: pointer;
}
[b-q88kk1q1xa] .searchbox-customer {
z-index: 11;
border-radius: 8px !important;
height: 31px;
padding-left: 4px;
}
.customer-result-box[b-q88kk1q1xa] {
position: fixed;
z-index: 10;
width: 80%;
height: 60%;
margin-top: 10px !important;
}
.tag-small[b-q88kk1q1xa] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* _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: fixed !important;
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;
cursor: default;
user-select: none;
transition: none;
}
.tapiToast.show[b-6zjzhgmxn5], .tapiToastSmall.show[b-6zjzhgmxn5] {
opacity: 1;
transition: right 1s ease, opacity 1s ease;
}
.drag-handle[b-6zjzhgmxn5] {
cursor: grab;
user-select: none;
}
.drag-handle:active[b-6zjzhgmxn5] {
cursor: grabbing;
}
.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;
overflow-x: hidden;
}
.main-container.list-mode .calendar[b-4l2fz5pcj5] {
width: 100%;
}
.main-container.list-mode .sidebar[b-4l2fz5pcj5] {
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 10;
transition: transform 0.3s ease;
}
.main-container.list-mode .sidebar.invisible[b-4l2fz5pcj5] {
transform: translateX(100%);
right: 0;
width: 550px;
padding: 0px 20px 10px 20px;
overflow-y: hidden;
}
.main-container.list-mode.sidebar-visible .appointmentHeader[b-4l2fz5pcj5] {
width: calc(100% - 550px);
}
.calendar[b-4l2fz5pcj5] {
flex: 1;
padding: 0px 20px;
background-color: #fff;
overflow-y: auto;
margin-top: 10px;
}
.appointmentHeader[b-4l2fz5pcj5] {
position: sticky;
top: 0;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 0px 10px 0px;
background-color: #fff;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.rightBox[b-4l2fz5pcj5] {
display: flex;
flex-direction: column;
gap: 5px;
}
.rightBoxFirst[b-4l2fz5pcj5] {
display: flex;
justify-content: space-between;
gap: 10px;
width: 100%;
flex-wrap: nowrap;
}
.rightBoxSecond[b-4l2fz5pcj5] {
width: auto;
}
.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;
user-select: none;
}
.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;
}
.buttonBox[b-4l2fz5pcj5] {
display: flex;
gap: 5px;
}
.updateButton[b-4l2fz5pcj5] {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 33px;
font-size: 12px;
background-color: #2563eb;
color: white;
cursor: pointer;
border-radius: 8px;
transition: background-color 0.2s ease, transform 0.5s ease;
}
.updateButton:hover[b-4l2fz5pcj5] {
background-color: #1e40af;
}
.updateButton:active[b-4l2fz5pcj5]{
background-color: #4661b9;
}
.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;
color: #111827;
align-items: center;
justify-content: space-around;
}
.loadMoreContainer[b-4l2fz5pcj5] {
display: flex;
justify-content: center;
padding: 10px 0;
}
.loadMoreButton[b-4l2fz5pcj5] {
padding: 8px 16px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.loadMoreButton:hover[b-4l2fz5pcj5] {
background-color: #0056b3;
}
.tab[b-4l2fz5pcj5] {
font-size: 15px;
color: #6b7280;
user-select: none;
}
.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: 550px;
background-color: #fff;
border-left: 1px solid #ddd;
padding: 0px 20px 10px 20px;
height: 100%;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
transition: right 0.3s ease;
}
.sidebar[b-4l2fz5pcj5]::-webkit-scrollbar {
display: none;
}
.sidebar.invisible[b-4l2fz5pcj5] {
right: -100%;
width: 0;
padding: 0;
overflow: hidden;
}
.sidebar.visible[b-4l2fz5pcj5] {
right: 0;
}
.chevronSidepanel[b-4l2fz5pcj5] {
display: flex !important;
position: absolute;
top: 12px;
right: 3px;
z-index: 1000;
}
.chevronSidepanel.open[b-4l2fz5pcj5] {
right: auto;
left: calc(100vw - 550px);
}
.filterHeader[b-4l2fz5pcj5] {
position: sticky;
top: 0;
z-index: 10;
background-color: #fff;
font-size: 21px;
font-weight: 900;
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;
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;
}
.viewSwitchBox[b-4l2fz5pcj5] {
display: flex;
background-color: #f3f4f6;
padding: 4px;
border-radius: 12px;
color: #111827;
justify-content: space-between;
gap: 4px;
width: 90px;
height: auto;
min-height: 30px;
align-self: flex-start;
}
.viewTab[b-4l2fz5pcj5] {
font-size: 13px;
color: #6b7280;
cursor: pointer;
padding: 4px 10px;
}
.viewTab.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: #FBFBFB;
border: 1px #D2D2D2 solid;
border-radius: 10px;
padding: 5px 0 5px 10px;
position: relative;
height: 90px;
}
.clientCard.yellow[b-4l2fz5pcj5] {
border: 1px solid #eab308;
background-color: #fefce8;
}
.clientCard.green[b-4l2fz5pcj5] {
border: 1px solid #22c55e;
background-color: #f0fdf4;
}
.clientCard.gray[b-4l2fz5pcj5] {
border: 1px solid #6b7280;
background-color: #e5e7eb;
}
.clientName[b-4l2fz5pcj5] {
font-size: 14px;
font-weight: 700;
color: #000000;
}
.clientAdress[b-4l2fz5pcj5] {
display: flex;
flex-direction: column;
gap: 0px;
margin-top: 0px;
}
.clientAddressFirst[b-4l2fz5pcj5], .clientAddressSecond[b-4l2fz5pcj5] {
font-size: 14px;
color: #757C89;
font-weight: 600;
line-height: 1.2;
}
.popAndDp[b-4l2fz5pcj5] {
display: flex;
font-size: 14px;
color: #757C89;
font-weight: 600;
margin-top: 15px;
}
.resultLabelBox[b-4l2fz5pcj5] {
display: flex;
flex-direction: column;
position: absolute;
top: 3px;
right: 10px;
height: 25px;
align-items: center;
gap: 3px;
font-size: 14px;
}
.firstRow[b-4l2fz5pcj5] {
display: flex;
gap: 10px;
}
.secondRow[b-4l2fz5pcj5] {
display: flex;
justify-content: center;
align-self: end;
margin-right: 2px;
}
.homeStatusLabel[b-4l2fz5pcj5] {
width: 15px;
height: 15px;
border-radius: 50%;
box-shadow: 0 4px 12px -2px rgba(0,0,0,0.2);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.homeStatusLabel:hover[b-4l2fz5pcj5] {
transform: scale(1.05);
box-shadow: 0 6px 16px -2px rgba(0,0,0,0.25);
}
.homeStatusLabel.active[b-4l2fz5pcj5] {
background: linear-gradient(135deg, #10b981, #34d399);
}
.homeStatusLabel.passive[b-4l2fz5pcj5] {
background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.homeStatusLabel.skip[b-4l2fz5pcj5] {
background: linear-gradient(135deg, #ef4444, #f87171);
}
.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;
}
.resultButtonBox[b-4l2fz5pcj5] {
position: absolute;
display: flex;
gap: 5px;
bottom: 8px;
right: 8px;
}
.clientAddCardButton[b-4l2fz5pcj5], .contactCenterButton[b-4l2fz5pcj5] {
display: flex;
width: 30px;
height: 30px;
border-radius: 5px;
align-items: center;
justify-content: center;
background-color: #757C89;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
}
.clientAddCardButton:hover[b-4l2fz5pcj5], .contactCenterButton:hover[b-4l2fz5pcj5] {
background-color: #595e66;
}
.clientAddCardButton:active[b-4l2fz5pcj5], .contactCenterButton:active[b-4l2fz5pcj5] {
transform: scale(0.96);
background-color: #43474d;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.ccIcon[b-4l2fz5pcj5] {
display: flex;
height: 20px;
width: 20px;
align-self: center;
}
.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;
}
.spinner[b-4l2fz5pcj5] {
display: flex;
width: 90px;
height: 28px;
justify-content: center;
align-items: center;
margin-left: 10px;
color: #F1800E;
padding: 0;
}
.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;
}
.savePostButton:disabled[b-4l2fz5pcj5] {
background-color: #ccc;
color: #666;
cursor: not-allowed;
opacity: 0.6;
}
.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;
}
.appt-type-installation[b-4l2fz5pcj5] {
background-color: #FF7F50;
}
.appt-type-service[b-4l2fz5pcj5] {
background-color: #00FFFF;
}
.appt-type-reparatur[b-4l2fz5pcj5] {
background-color: #FF0000;
}
.appt-status-offen[b-4l2fz5pcj5] {
border-left: 4px solid #FFFF00;
}
.appt-status-bestÃĪtigt[b-4l2fz5pcj5] {
border-left: 4px solid #008000;
}
.appt-status-abgesagt[b-4l2fz5pcj5] {
border-left: 4px solid #FF0000;
}
.appt-status-storniert[b-4l2fz5pcj5] {
border-left: 4px solid #808080;
}
.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], .popupFilterOverlay[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], .popupFilterContent[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;
}
.popupFilterOverlay[b-4l2fz5pcj5] {
z-index: 1040;
}
.popupFilterContent[b-4l2fz5pcj5] {
z-index: 1050;
width: 468px;
}
.dx-overlay-content[b-4l2fz5pcj5],
.dx-popup-content[b-4l2fz5pcj5],
.dx-dropdowneditor-overlay[b-4l2fz5pcj5],
.dx-tagbox-popup[b-4l2fz5pcj5] {
z-index: 3000 !important;
}
.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;
}
.legendLine[b-4l2fz5pcj5] {
display: flex;
justify-content: space-between;
}
.calendarLegend[b-4l2fz5pcj5] {
display: flex;
width: 500px;
justify-content: space-between;
margin-left: 20px;
gap: 10px;
flex-wrap: wrap;
}
.legendOne[b-4l2fz5pcj5], .legendTwo[b-4l2fz5pcj5], .legendThree[b-4l2fz5pcj5], .legendFour[b-4l2fz5pcj5] {
display: flex;
align-items: center;
}
.legendItem[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;
}
.circle[b-4l2fz5pcj5] {
display: block;
height: 15px;
width: 15px;
border-radius: 50%;
}
.buttonLine[b-4l2fz5pcj5] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.buttonLineLeft[b-4l2fz5pcj5] {
display: flex;
align-items: center;
width: auto;
max-width: 100px;
height: 28px;
gap: 10px;
background-color: #D6D6D6;
border-radius: 6px;
padding: 0 20px 0 10px;
cursor: pointer;
transition: all 0.12s ease-out;
}
.buttonLineLeft i[b-4l2fz5pcj5] {
font-size: 16px;
padding: 0 0 3px 0;
}
.buttonLineLeft:hover[b-4l2fz5pcj5] {
background-color: #C5C5C5;
box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.buttonLineLeft:active[b-4l2fz5pcj5],
.buttonLineLeft:hover:active[b-4l2fz5pcj5] {
background-color: #B0B0B0;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
transform: translateY(1px);
}
.buttonLineLeft.filter-active[b-4l2fz5pcj5] {
background-color: #fff0e5;
border: 1px solid #ffd8b1;
}
.buttonLineLeft.filter-active .filterButton[b-4l2fz5pcj5] {
color: #F1800E;
font-weight: 600;
}
.buttonLineLeft.filter-active i[b-4l2fz5pcj5] {
color: #F1800E !important;
}
.buttonLineLeft.filter-active:hover[b-4l2fz5pcj5] {
background-color: #ffe8d1;
}
.buttonLineLeft.filter-active:active[b-4l2fz5pcj5] {
background-color: #ffd8b1;
transform: translateY(1px);
}
.buttonLineRight[b-4l2fz5pcj5] {
display: flex;
background-color: #F3F4F6;
padding: 3px;
border-radius: 5px;
}
.filterButton[b-4l2fz5pcj5] {
font-size: 13px;
font-weight: 700;
user-select: none;
}
.resultTabButton[b-4l2fz5pcj5] {
display: flex;
align-items: center;
width: auto;
cursor: pointer;
padding: 3px 6px;
gap: 5px;
user-select: none;
}
.resultTabButton.active[b-4l2fz5pcj5] {
background-color: white;
color: #3a4453;
border-radius: 5px;
}
.resultTab[b-4l2fz5pcj5] {
font-size: 14px;
font-weight: 700;
}
.filter-popup-header[b-4l2fz5pcj5] {
display: flex;
gap: 8px;
align-items: center;
font-size: 19px;
font-weight: 700;
}
.filter-popup-body[b-4l2fz5pcj5] {
margin-top: 20px;
}
.filterLabel[b-4l2fz5pcj5] {
font-size: 14px;
font-weight: 700;
margin-top: 8px;
}
.small-text[b-4l2fz5pcj5] {
margin-top: 12px;
font-size: 12px;
color: #8C8C8C;
text-align: right;
}
.filter-popup-footer[b-4l2fz5pcj5] {
margin-top: 20px;
display: flex;
justify-content: center;
}
.apply-button[b-4l2fz5pcj5] {
display: flex;
justify-content: center;
align-items: center;
height: 27px;
width: 92px;
background-color: #007BFF;
border-radius: 6px;
border: none;
color: #FFFFFF;
font-weight: 400;
font-size: 13px;
transition: all 0.15s ease-out;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.apply-button:hover[b-4l2fz5pcj5] {
background-color: #0069d9;
box-shadow: 0 2px 8px rgba(0, 123, 255, 0.35);
transform: translateY(-1px);
}
.apply-button:active[b-4l2fz5pcj5] {
transform: translateY(0);
background-color: #0056b3;
}
.result-table[b-4l2fz5pcj5] {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 13px;
font-weight: 600;
}
.result-table thead[b-4l2fz5pcj5] {
position: sticky;
top: 0;
z-index: 1;
background-color: #F2F2F2;
}
.result-table thead tr[b-4l2fz5pcj5] {
background-color: #F2F2F2;
}
.result-table th[b-4l2fz5pcj5],
.result-table td[b-4l2fz5pcj5] {
border: 1px solid #D2D2D2;
font-size: 13px;
padding: 5px 3px;
border-bottom: 1px solid #D2D2D2;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.result-table th:nth-child(1)[b-4l2fz5pcj5],
.result-table td:nth-child(1)[b-4l2fz5pcj5],
.result-table th:nth-child(2)[b-4l2fz5pcj5],
.result-table td:nth-child(2)[b-4l2fz5pcj5] {
text-align: left;
}
.result-table th:nth-child(1)[b-4l2fz5pcj5], .result-table td:nth-child(1)[b-4l2fz5pcj5] {
width: 35%;
padding-left: 5px;
}
.result-table th:nth-child(2)[b-4l2fz5pcj5], .result-table td:nth-child(2)[b-4l2fz5pcj5] {
width: 35%;
padding-left: 5px;
}
.result-table th:nth-child(3)[b-4l2fz5pcj5], .result-table td:nth-child(3)[b-4l2fz5pcj5] {
width: 10%;
}
.result-table th:nth-child(4)[b-4l2fz5pcj5], .result-table td:nth-child(4)[b-4l2fz5pcj5] {
width: 10%;
}
.result-table th:nth-child(5)[b-4l2fz5pcj5], .result-table td:nth-child(5)[b-4l2fz5pcj5] {
width: 5%;
}
.result-table th:nth-child(6)[b-4l2fz5pcj5], .result-table td:nth-child(6)[b-4l2fz5pcj5] {
width: 5%;
}
.result-table th:nth-child(1)[b-4l2fz5pcj5], .result-table th:nth-child(2)[b-4l2fz5pcj5] {
padding-left: 10px;
}
.truncate[b-4l2fz5pcj5] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.result-table th.icon-header[b-4l2fz5pcj5] {
}
.result-table tbody tr:hover[b-4l2fz5pcj5] {
background-color: #f3f4f6;
cursor: pointer;
}
.result-table tbody tr.yellow:hover[b-4l2fz5pcj5] {
background-color: #fff7c2;
}
.result-table tbody tr.green:hover[b-4l2fz5pcj5] {
background-color: #e6fff0;
}
.result-table tbody tr.gray:hover[b-4l2fz5pcj5] {
background-color: #f3f4f6;
}
.result-table tbody tr:active[b-4l2fz5pcj5] {
cursor: grabbing;
}
.table-container[b-4l2fz5pcj5] {
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.result-table tbody tr.yellow[b-4l2fz5pcj5] {
background-color: #fefce8;
}
.result-table tbody tr.green[b-4l2fz5pcj5] {
background-color: #f0fdf4;
}
.result-table tbody tr.gray[b-4l2fz5pcj5] {
background-color: #e5e7eb;
}
.resultBox[b-4l2fz5pcj5] {
margin-top: 25px;
}
.resultName[b-4l2fz5pcj5] {
font-size: 15px;
font-weight: 700;
}
.clientSearchBox[b-4l2fz5pcj5] {
margin: 5px 0 10px 0;
width: 100%;
position: relative;
}
.clientSearchBox i.fa-solid.fa-magnifying-glass[b-4l2fz5pcj5] {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: #AEAEAE;
font-size: 16px;
pointer-events: none;
z-index: 2;
}
.clientSearchInput[b-4l2fz5pcj5] {
width: 100%;
padding: 3px 0 3px 40px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
.clientSearchInput[b-4l2fz5pcj5]::placeholder {
color: #AEAEAE;
opacity: 1;
}
.clientSearchInput:focus[b-4l2fz5pcj5] {
outline: none;
border-color: #3D77C4;
}
.infoLine[b-4l2fz5pcj5] {
display: flex;
align-items: center;
gap: 5px;
}
.infoLineText[b-4l2fz5pcj5] {
color: #797979;
font-size: 14px;
padding-bottom: 2px;
}
.dxbl-tag[b-4l2fz5pcj5] {
border: none !important;
background-color: transparent !important;
}
.dxbl-tag-content[b-4l2fz5pcj5],
.dxbl-tag-text[b-4l2fz5pcj5] {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
margin: 0 !important;
}
.dxbl-tag-remove-button[b-4l2fz5pcj5] {
display: none !important;
}
.dxbl-text-edit-padding-x[b-4l2fz5pcj5] {
padding: 0 !important;
}
.dxbl-text-edit-padding-y[b-4l2fz5pcj5] {
padding: 0 !important;
}
.dxbl-text-edit-border-color[b-4l2fz5pcj5] {
color: transparent !important;
}
.select-label[b-4l2fz5pcj5] {
display: flex;
width: 100%;
height: 100%;
box-sizing: border-box;
justify-content: center;
align-items: center;
gap: 10px;
padding: 2px 4px;
border-radius: 8px;
display: inline-flex;
align-items: center;
font-size: 13px;
margin-top: 3px;
font-weight: 700 !important;
}
.select-label-cross[b-4l2fz5pcj5] {
cursor: pointer;
transition: ease-in-out 0.2s, all;
}
.select-label-cross :hover[b-4l2fz5pcj5] {
transform: scale(1.1);
color: red;
}
/*dialog popup*/
.modalOverlay[b-4l2fz5pcj5] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.modalPopup[b-4l2fz5pcj5] {
background: #fff;
border-radius: 12px;
width: 85%;
max-width: 520px;
max-height: 92vh;
display: flex;
flex-direction: column;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
/* HEADER */
.modalHeader[b-4l2fz5pcj5] {
/* background: linear-gradient(135deg, #3b82f6, #1e40af);*/
background-color: #f5f8fb;
color: #1e293b;
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.headerContent[b-4l2fz5pcj5] {
display: flex;
align-items: center;
gap: 12px;
}
.headerIcon[b-4l2fz5pcj5] {
width: 35px;
height: 35px;
background-color: #3b82f6;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.modalHeader h2[b-4l2fz5pcj5] {
margin: 0;
font-size: 17px;
font-weight: 600;
}
.closeBtn[b-4l2fz5pcj5] {
background: #e2e8f0;
border: none;
color: #6c748b;
font-size: 13px;
font-weight: 700;
cursor: pointer;
padding: 4px;
border-radius: 8px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.closeBtn:hover[b-4l2fz5pcj5] {
background-color: #cfd6e0;
}
.closeBtn:focus[b-4l2fz5pcj5] {
outline: none;
}
/* CONTENT */
.modalContent[b-4l2fz5pcj5] {
flex: 1;
padding: 18px 24px;
overflow-y: auto;
max-height: calc(92vh - 140px);
display: flex;
flex-direction: column;
gap: 5px;
}
/* FORM */
.formRow[b-4l2fz5pcj5] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.formGroup[b-4l2fz5pcj5] {
display: flex;
flex-direction: column;
gap: 2px;
}
.formGroup.fullWidth[b-4l2fz5pcj5] {
grid-column: 1 / -1;
}
label[b-4l2fz5pcj5] {
font-size: 13px;
font-weight: 500;
color: #4b5563;
margin-bottom: 4px;
}
.formInput[b-4l2fz5pcj5], .formSelect[b-4l2fz5pcj5], .formTextarea[b-4l2fz5pcj5] {
padding: 10px 14px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 14px;
background: white;
transition: all 0.2s;
}
.formInput:focus[b-4l2fz5pcj5], .formSelect:focus[b-4l2fz5pcj5], .formTextarea:focus[b-4l2fz5pcj5] {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
outline: none;
}
.formSelect[b-4l2fz5pcj5] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 15px;
padding-right: 35px;
}
.formTextarea[b-4l2fz5pcj5] {
resize: none;
min-height: 92px;
}
.durationButtons[b-4l2fz5pcj5] {
display: flex;
gap: 6px;
flex-wrap: wrap;
margin-top: 8px;
}
.durationBtn[b-4l2fz5pcj5] {
padding: 3px 10px;
border: 1px solid #e2e8f0;
background: #f8fafc;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
color: #64748b;
}
.durationBtn.active[b-4l2fz5pcj5] {
background: #dbeafe;
color: #1d4ed8;
border-color: #93c5fd;
}
.durationBtn:focus[b-4l2fz5pcj5] {
outline: none;
}
.typeButtons[b-4l2fz5pcj5], .statusButtons[b-4l2fz5pcj5] {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.typeBtn[b-4l2fz5pcj5], .statusBtn[b-4l2fz5pcj5] {
display: flex;
justify-content: center;
align-items: center;
padding: 7px 13px;
border: 1px solid #e2e8f0;
background: white;
border-radius: 25px;
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s;
color: #64748b;
/*min-width: 100px;*/
}
.typeBtn[b-4l2fz5pcj5] {
justify-content: space-between;
gap: 6px;
}
.circlePopup[b-4l2fz5pcj5] {
display: block;
height: 8px;
width: 8px;
border-radius: 50%;
}
.typeBtn:focus[b-4l2fz5pcj5], .statusBtn:focus[b-4l2fz5pcj5] {
outline: none;
}
.typeBtn.active[b-4l2fz5pcj5] {
background: color-mix(in srgb, var(--btn-color) 10%, white);
color: color-mix(in srgb, var(--btn-color) 60%, black);
border-color: var(--btn-color);
box-shadow: 0 2px 4px color-mix(in srgb, var(--btn-color) 20%, transparent);
}
.statusBtn.active[b-4l2fz5pcj5] {
background: color-mix(in srgb, var(--btn-color) 10%, white);
color: color-mix(in srgb, var(--btn-color) 60%, black);
border-color: var(--btn-color);
box-shadow: 0 2px 4px color-mix(in srgb, var(--btn-color) 20%, transparent);
}
.sectionDivider[b-4l2fz5pcj5] {
display: flex;
width: 100%;
gap: 10px;
align-items: center;
margin-top: 15px;
}
.dividerText[b-4l2fz5pcj5] {
font-size: 12px;
font-weight: 700;
color: #94a3bf;
white-space: nowrap;
}
.dividerLine[b-4l2fz5pcj5] {
flex-grow: 1;
height: 1px;
background-color: #e8ecf1;
}
/* FOOTER */
.modalFooter[b-4l2fz5pcj5] {
padding: 16px 24px;
border-top: 1px solid #e5e7eb;
display: flex;
align-items: center;
justify-content: space-between;
background: #f9fafb;
flex-shrink: 0;
}
.deleteBtn[b-4l2fz5pcj5] {
background: #ef4444;
color: white;
padding: 10px 20px;
border: none;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
}
.footerButtons[b-4l2fz5pcj5] {
display: flex;
gap: 12px;
}
.leftButtons[b-4l2fz5pcj5] {
display: flex;
align-items: center;
min-width: 100px;
}
.cancelBtn[b-4l2fz5pcj5], .saveBtn[b-4l2fz5pcj5] {
padding: 10px 24px;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
}
.cancelBtn[b-4l2fz5pcj5] {
background: #f3f4f6;
color: #374151;
}
.saveBtn[b-4l2fz5pcj5] {
background: #3b82f6;
color: white;
}
.saveBtn:disabled[b-4l2fz5pcj5] {
background: #9ca3af;
cursor: not-allowed;
}
.cancelBtn:hover[b-4l2fz5pcj5] {
background: #e5e7eb;
}
.saveBtn:hover[b-4l2fz5pcj5] {
background: #2563eb;
}
.saveBtn:focus[b-4l2fz5pcj5], .cancelBtn:focus[b-4l2fz5pcj5], .deleteBtn:focus[b-4l2fz5pcj5] {
outline: none;
}
@media (max-width: 1400px) {
.appointmentTabs[b-4l2fz5pcj5] {
margin-left: 10%;
}
.calendarLegend[b-4l2fz5pcj5] {
width: 450px;
}
}
@media (max-width: 1080px) {
.main-container[b-4l2fz5pcj5] {
flex-direction: column;
height: auto;
min-height: 100vh;
}
.calendar[b-4l2fz5pcj5] {
padding: 10px;
overflow-x: hidden;
}
.sidebar[b-4l2fz5pcj5] {
position: fixed;
top: 160px;
right: 0;
width: 550px;
height: 100vh;
z-index: 1000;
transition: right 0.3s ease;
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
border-left: 1px solid #ddd;
padding: 0px 20px 10px 20px;
overflow-y: auto;
}
.sidebar.visible[b-4l2fz5pcj5] {
right: 0;
}
.sidebar.invisible[b-4l2fz5pcj5] {
right: -100%;
width: 0;
padding: 0;
overflow: hidden;
}
.chevronSidepanel[b-4l2fz5pcj5] {
position: fixed;
top: 170px;
right: 20px;
width: 36px;
height: 36px;
justify-content: center;
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);
display: flex !important;
}
.chevronSidepanel[style*="180"][b-4l2fz5pcj5] {
transform: rotate(180deg);
}
.chevronSidepanel.open[b-4l2fz5pcj5] {
right: auto;
left: calc(100vw - 550px);
}
.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;
font-size: 13px;
}
.appointmentTabs[b-4l2fz5pcj5] {
margin-left: 0;
width: 100%;
justify-content: center;
}
.datePicker[b-4l2fz5pcj5] {
width: 100%;
justify-content: center;
margin-left: 0;
font-size: 15px;
}
.calendarLegend[b-4l2fz5pcj5] {
width: 100%;
margin-left: 0;
justify-content: space-around;
flex-wrap: wrap;
gap: 10px;
}
.modalPopup[b-4l2fz5pcj5] {
max-width: 600px;
}
.modalHeader[b-4l2fz5pcj5] {
padding: 18px 28px;
}
.modalHeader h2[b-4l2fz5pcj5] {
font-size: 18px;
}
.modalContent[b-4l2fz5pcj5] {
padding: 20px 28px;
gap: 6px;
}
.formRow[b-4l2fz5pcj5] {
gap: 20px;
}
.formInput[b-4l2fz5pcj5], .formSelect[b-4l2fz5pcj5], .formTextarea[b-4l2fz5pcj5] {
padding: 11px 16px;
font-size: 15px;
}
.durationBtn[b-4l2fz5pcj5] {
padding: 4px 12px;
font-size: 13px;
}
.typeBtn[b-4l2fz5pcj5], .statusBtn[b-4l2fz5pcj5] {
padding: 8px 15px;
font-size: 14px;
}
.modalFooter[b-4l2fz5pcj5] {
padding: 18px 28px;
}
.cancelBtn[b-4l2fz5pcj5], .saveBtn[b-4l2fz5pcj5] {
padding: 11px 28px;
}
}
@media (max-width: 992px) {
.appointmentTabs[b-4l2fz5pcj5] {
flex-wrap: wrap;
padding: 6px;
align-items: center;
justify-content: center;
}
.tab[b-4l2fz5pcj5] {
font-size: 14px;
}
.saveButton[b-4l2fz5pcj5] {
padding: 6px 12px;
font-size: 12px;
}
.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: 5px;
}
.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;
}
.resultButtonBox[b-4l2fz5pcj5] {
bottom: 8px;
right: 8px;
}
.sidebar[b-4l2fz5pcj5] {
width: 450px;
}
.chevronSidepanel[b-4l2fz5pcj5] {
top: 170px;
right: 20px;
width: 36px;
height: 36px;
justify-content: center;
}
.chevronSidepanel.open[b-4l2fz5pcj5] {
left: calc(100vw - 450px);
}
.datePicker[b-4l2fz5pcj5] {
font-size: 14px;
}
}
@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: 13px;
}
.appointmentTabs[b-4l2fz5pcj5] {
width: 100%;
border-radius: 8px;
}
.tab[b-4l2fz5pcj5] {
font-size: 13px;
}
.datePicker[b-4l2fz5pcj5] {
flex-direction: row;
gap: 8px;
width: 100%;
font-size: 13px !important;
}
.chevron[b-4l2fz5pcj5] {
width: 20px;
height: 20px;
justify-content: center;
}
.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;
}
.resultTabBox[b-4l2fz5pcj5] {
width: 100%;
display: flex;
}
.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%;
}
.sidebar[b-4l2fz5pcj5] {
right: 0;
}
.viewSwitchBox[b-4l2fz5pcj5] {
align-self: flex-start;
}
.modalPopup[b-4l2fz5pcj5] {
width: 90%;
max-width: 480px;
border-radius: 10px;
}
.modalHeader[b-4l2fz5pcj5] {
padding: 14px 20px;
}
.modalHeader h2[b-4l2fz5pcj5] {
font-size: 16px;
}
.headerIcon[b-4l2fz5pcj5], .closeBtn[b-4l2fz5pcj5] {
width: 32px;
height: 32px;
font-size: 12px;
}
.modalContent[b-4l2fz5pcj5] {
padding: 16px 20px;
gap: 4px;
}
.formRow[b-4l2fz5pcj5] {
grid-template-columns: 1fr;
gap: 12px;
}
.formInput[b-4l2fz5pcj5], .formSelect[b-4l2fz5pcj5], .formTextarea[b-4l2fz5pcj5] {
padding: 9px 12px;
font-size: 13px;
}
.formSelect[b-4l2fz5pcj5] {
background-position: right 12px center;
background-size: 13px;
padding-right: 30px;
}
.durationButtons[b-4l2fz5pcj5] {
gap: 5px;
margin-top: 6px;
}
.durationBtn[b-4l2fz5pcj5] {
padding: 3px 9px;
font-size: 11px;
}
.typeButtons[b-4l2fz5pcj5], .statusButtons[b-4l2fz5pcj5] {
gap: 6px;
}
.typeBtn[b-4l2fz5pcj5], .statusBtn[b-4l2fz5pcj5] {
padding: 6px 11px;
font-size: 12px;
}
.circlePopup[b-4l2fz5pcj5] {
height: 7px;
width: 7px;
}
.sectionDivider[b-4l2fz5pcj5] {
gap: 8px;
}
.dividerText[b-4l2fz5pcj5] {
font-size: 11px;
}
.modalFooter[b-4l2fz5pcj5] {
padding: 14px 20px;
flex-direction: column;
gap: 12px;
align-items: stretch;
justify-content: center;
}
.leftButtons[b-4l2fz5pcj5] {
min-width: auto;
justify-content: center;
}
.footerButtons[b-4l2fz5pcj5] {
justify-content: center;
}
.deleteBtn[b-4l2fz5pcj5], .cancelBtn[b-4l2fz5pcj5], .saveBtn[b-4l2fz5pcj5] {
padding: 9px 20px;
width: 100%;
}
.footerButtons[b-4l2fz5pcj5] {
flex-direction: column;
gap: 8px;
}
}
@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: 12px;
font-weight: 600;
}
.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;
}
.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;
}
.sidebar[b-4l2fz5pcj5] {
width: 100%;
}
.saveButton[b-4l2fz5pcj5] {
font-size: 12px;
}
.datePicker[b-4l2fz5pcj5] {
font-size: 12px;
}
}
@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;
}
.sidebar[b-4l2fz5pcj5] {
width: 100%;
}
.saveButton[b-4l2fz5pcj5] {
font-size: 11px;
padding: 5px 10px;
}
.datePicker[b-4l2fz5pcj5] {
font-size: 11px;
gap: 5px;
}
.modalPopup[b-4l2fz5pcj5] {
width: 95%;
max-width: none;
border-radius: 8px;
max-height: 90vh;
}
.modalHeader[b-4l2fz5pcj5] {
padding: 12px 16px;
}
.modalHeader h2[b-4l2fz5pcj5] {
font-size: 15px;
}
.headerContent[b-4l2fz5pcj5] {
gap: 8px;
}
.headerIcon[b-4l2fz5pcj5], .closeBtn[b-4l2fz5pcj5] {
width: 28px;
height: 28px;
font-size: 11px;
}
.closeBtn[b-4l2fz5pcj5] {
padding: 3px;
}
.modalContent[b-4l2fz5pcj5] {
padding: 14px 16px;
gap: 3px;
max-height: calc(90vh - 120px);
}
.formRow[b-4l2fz5pcj5] {
gap: 10px;
}
.formGroup[b-4l2fz5pcj5] {
gap: 1px;
}
label[b-4l2fz5pcj5] {
font-size: 12px;
margin-bottom: 3px;
}
.formInput[b-4l2fz5pcj5], .formSelect[b-4l2fz5pcj5], .formTextarea[b-4l2fz5pcj5] {
padding: 8px 10px;
font-size: 12px;
border-radius: 6px;
}
.formSelect[b-4l2fz5pcj5] {
background-position: right 10px center;
background-size: 12px;
padding-right: 25px;
}
.formTextarea[b-4l2fz5pcj5] {
min-height: 80px;
}
.durationButtons[b-4l2fz5pcj5] {
gap: 4px;
margin-top: 4px;
justify-content: flex-start;
}
.durationBtn[b-4l2fz5pcj5] {
padding: 2px 8px;
font-size: 10px;
border-radius: 5px;
}
.typeButtons[b-4l2fz5pcj5], .statusButtons[b-4l2fz5pcj5] {
gap: 5px;
flex-direction: column;
}
.typeBtn[b-4l2fz5pcj5], .statusBtn[b-4l2fz5pcj5] {
padding: 5px 10px;
font-size: 11px;
border-radius: 20px;
justify-content: flex-start;
width: 100%;
}
.circlePopup[b-4l2fz5pcj5] {
height: 6px;
width: 6px;
}
.sectionDivider[b-4l2fz5pcj5] {
gap: 6px;
}
.dividerText[b-4l2fz5pcj5] {
font-size: 10px;
}
.modalFooter[b-4l2fz5pcj5] {
padding: 12px 16px;
gap: 10px;
}
.deleteBtn[b-4l2fz5pcj5], .cancelBtn[b-4l2fz5pcj5], .saveBtn[b-4l2fz5pcj5] {
padding: 8px 16px;
font-size: 13px;
}
}
.resource-container[b-4l2fz5pcj5] {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.resource-scheduler[b-4l2fz5pcj5] {
width: 49%;
border: 1px solid #ddd;
padding: 10px;
}
.resource-navigator[b-4l2fz5pcj5] {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.resource-navigator button[b-4l2fz5pcj5] {
margin-left: 5px;
padding: 5px 10px;
background: #ccc !important;
border: 1px solid #ccc;
cursor: pointer;
}
.installerSelectBox[b-4l2fz5pcj5] {
display: flex;
flex-direction: column;
}
.form-select[b-4l2fz5pcj5] {
}
.installerLabel[b-4l2fz5pcj5] {
margin: 2px;
color: #394353;
font-size: 12px;
}
.installerButton[b-4l2fz5pcj5] {
margin-left: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
height: 55px;
min-width: 150px;
background-color: #ccc;
cursor: pointer;
color: black;
border-radius: 5px;
}
.installerButton.active[b-4l2fz5pcj5] {
background: #F1800E !important;
color: white;
}
.installerIcon[b-4l2fz5pcj5] {
width: 30%;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.installerInfo[b-4l2fz5pcj5] {
width: 70%;
display: flex;
flex-direction: column;
padding-left: 5%;
}
.installerName[b-4l2fz5pcj5] {
font-size: 14px;
font-weight: 700;
line-height: 1.1;
}
.installerLevel[b-4l2fz5pcj5] {
font-size: 11px;
}
.installerMessage[b-4l2fz5pcj5] {
color: #1b2e40;
font-size: 16px;
font-weight: 600;
line-height: 1.8;
display: flex;
align-items: end;
margin-left: 10px;
}
.appt-unavailable[b-4l2fz5pcj5] {
background-color: #ccc !important;
opacity: 0.5;
border: none;
color: transparent;
pointer-events: none;
user-select: none;
}
.appt-vacation[b-4l2fz5pcj5] {
background-color: #ffcccc !important;
opacity: 0.7;
border: none;
color: transparent;
pointer-events: none;
user-select: none;
}
/* _content/NetConWeb/View/Data/AppointmentAssistant/Componente/AppointmentListView.razor.rz.scp.css */
.appointmentList[b-p4jiq7uplo] {
background-color: #f8fafc;
border-radius: 10px;
border: 1px #e2e5e8 solid;
}
.header-row[b-p4jiq7uplo] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
margin-left: 20px;
padding: 15px 0px 0px 0px;
}
.header-left[b-p4jiq7uplo] {
display: flex;
align-items: center;
}
.headerTextList[b-p4jiq7uplo] {
display: flex;
justify-content: center;
align-items: center;
color: #1e293b;
font-size: 17px;
font-weight: 700;
}
.headerCounterList[b-p4jiq7uplo] {
display: flex;
justify-content: center;
align-items: center;
padding: 3px 12px;
color: #475569;
background-color: #e2e8f0;
margin: 0px 25px 0px 15px;
font-weight: 700;
border-radius: 20px;
white-space: nowrap;
}
.selectBox[b-p4jiq7uplo] {
display: flex;
justify-content: center;
align-items: center;
/* margin-left: 30px;*/
gap: 10px;
}
.listButton.disabled[b-p4jiq7uplo],
.groupPdfButton.disabled[b-p4jiq7uplo],
.groupSendButton.disabled[b-p4jiq7uplo] {
opacity: 0.65 !important;
cursor: not-allowed !important;
}
.selected-row[b-p4jiq7uplo] {
background-color: #dbeafe !important;
transition: background-color 0.15s ease;
}
.labelText[b-p4jiq7uplo] {
color: #64748b;
}
.formSelect[b-p4jiq7uplo] {
padding: 3px 10px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 13px;
font-weight: 700;
color: #334155;
background: white;
transition: all 0.2s;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 15px;
padding-right: 25px;
}
.formSelect:focus[b-p4jiq7uplo] {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
outline: none;
}
.listButton[b-p4jiq7uplo] {
margin-left: 10px;
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
padding: 8px 12px;
background-color: #ffffff;
border: 1px #e2e8f0 solid;
border-radius: 6px;
cursor: pointer;
font-size: 13px;
font-weight: 700;
color: #475569;
transition: all 0.12s ease;
user-select: none;
}
.listButton:hover[b-p4jiq7uplo] {
background-color: #f8fafc;
border-color: #cbd5e1;
color: #1e293b;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.listButton:active[b-p4jiq7uplo] {
background-color: #f1f5f9;
border-color: #94a3b8;
transform: translateY(1px);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.listButtonPrimary[b-p4jiq7uplo] {
margin: 0px 15px 0px 10px;
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
padding: 8px 12px;
color: #f5f9ff;
font-weight: 700;
background-color: #3b82f6;
border-radius: 6px;
cursor: pointer;
transition: all 0.12s ease;
box-shadow: 0 1px 3px rgba(59,130,246,0.3);
user-select: none;
}
.listButtonPrimary:hover[b-p4jiq7uplo] {
background-color: #2563eb;
box-shadow: 0 4px 6px -1px rgba(59,130,246,0.4);
}
.listButtonPrimary:active[b-p4jiq7uplo] {
background-color: #1d4ed8;
box-shadow: 0 1px 2px rgba(59,130,246,0.3);
transform: translateY(1px);
}
.header-right[b-p4jiq7uplo] {
display: flex;
align-items: center;
}
.header-right select[b-p4jiq7uplo], .header-right button[b-p4jiq7uplo] {
margin-left: 10px;
}
.table-container[b-p4jiq7uplo] {
overflow-x: auto;
}
table[b-p4jiq7uplo] {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
table-layout: fixed;
}
th[b-p4jiq7uplo], td[b-p4jiq7uplo] {
padding: 12px 3px;
text-align: center;
border: 1px solid #ddd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
border-top: 1px #e8ecf1 solid;
border-bottom: 1px #e8ecf1 solid;
}
td[b-p4jiq7uplo] {
text-align: start;
}
.tableHeader[b-p4jiq7uplo] {
background-color: #f8fafc;
color: #47557c;
}
.tablelineCheck[b-p4jiq7uplo] {
width: 2%;
}
.tablelineNr[b-p4jiq7uplo] {
width: 3.5%;
}
.tablelineName[b-p4jiq7uplo] {
width: 11%;
}
.tablelineDatum[b-p4jiq7uplo] {
width: 6.5%;
}
.tablelineTime[b-p4jiq7uplo] {
width: 8%;
}
.tablelineTyp[b-p4jiq7uplo] {
width: 8.33%;
}
.tablelineStatus[b-p4jiq7uplo] {
width: 6.83%;
}
.tablelineStreet[b-p4jiq7uplo] {
width: 9.17%;
}
.tablelineHNr[b-p4jiq7uplo] {
width: 4.5%;
}
.tablelineIndex[b-p4jiq7uplo] {
width: 4.5%;
}
.tablelineCity[b-p4jiq7uplo] {
width: 5%;
}
.tablelinePop[b-p4jiq7uplo] {
width: 5.83%;
}
.tablelineDp[b-p4jiq7uplo] {
width: 5.83%;
}
.tablelineCompany[b-p4jiq7uplo] {
width: 9.5%;
}
.tablelineInstaller[b-p4jiq7uplo] {
width: 9.5%;
}
.sort-icon[b-p4jiq7uplo] {
margin-left: 5px;
cursor: pointer;
}
.sort-default[b-p4jiq7uplo]::before {
content: "\f0dc";
color: #cbd5e1;
}
/* FA sort */
.sort-asc[b-p4jiq7uplo]::before {
content: "\f0de";
color: #3b82f6;
}
/* FA sort-up */
.sort-desc[b-p4jiq7uplo]::before {
content: "\f0dd";
color: #3b82f6;
}
/* FA sort-down */
.filter-row input[b-p4jiq7uplo], .filter-row select[b-p4jiq7uplo] {
width: 100%;
box-sizing: border-box;
background-color: #f8fafc;
}
.searchField input[b-p4jiq7uplo], .searchField select[b-p4jiq7uplo] {
background-color: #ffffff;
border: 2px #e2e8f0 solid;
border-radius: 5px;
color: #334155;
padding-left: 7px;
outline: none;
}
.searchField select[b-p4jiq7uplo] {
padding-top: 2px;
padding-bottom: 2px;
border-radius: 8px;
font-size: 13px;
font-weight: 700;
background: white;
transition: all 0.2s;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 5px center;
background-size: 15px;
padding-right: 25px;
}
.searchField:focus[b-p4jiq7uplo] {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
outline: none;
}
.searchField input[b-p4jiq7uplo]::placeholder {
color: #94a3bf;
font-size: 13px;
}
.group-header[b-p4jiq7uplo] {
display: flex;
height: 50px;
justify-content: space-between;
align-items: center;
background-color: #eef6ff;
padding: 0px 20px;
/* margin-top: 20px;*/
font-weight: bold;
border-top: 2px #93c5fd solid;
border-bottom: 1px #bfdbfe solid;
}
.group-header button[b-p4jiq7uplo] {
margin-left: 10px;
}
.groupLeftBox[b-p4jiq7uplo] {
display: flex;
color: #1e40af;
}
.groupTitle[b-p4jiq7uplo] {
margin-left: 8px;
}
.groupCounter[b-p4jiq7uplo] {
margin-left: 13px;
background-color: #3b82f6;
color: #ffffff;
padding: 1px 10px;
border-radius: 20px;
}
.groupButtonBox[b-p4jiq7uplo] {
display: flex;
}
.groupPdfButton[b-p4jiq7uplo], .groupSendButton[b-p4jiq7uplo] {
display: flex;
gap: 5px;
cursor: pointer;
color: #2563eb;
background-color: #ffffff;
padding: 4px 8px;
border: 1px #93c5fd solid;
border-radius: 5px;
font-weight: 700;
font-size: 12px;
transition: all 0.12s ease;
box-shadow: 0 1px 3px rgba(59,130,246,0.3);
user-select: none;
}
.groupSendButton[b-p4jiq7uplo] {
margin-left: 15px;
}
.groupPdfButton:hover[b-p4jiq7uplo], .groupSendButton:hover[b-p4jiq7uplo] {
background-color: #eff6ff;
border-color: #60a5fa;
color: #1d4ed8;
box-shadow: 0 1px 3px rgba(59,130,246,0.2);
}
.groupPdfButton:active[b-p4jiq7uplo], .groupSendButton:active[b-p4jiq7uplo] {
background-color: #dbeafe;
border-color: #3b82f6;
transform: translateY(1px);
box-shadow: 0 1px 2px rgba(59,130,246,0.3);
}
.statusCell[b-p4jiq7uplo] {
display: inline-block;
font-weight: 900;
padding: 4px 10px;
border-radius: 20px;
margin-left: 15%;
line-height: 1;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
}
.typeCell[b-p4jiq7uplo] {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 4px 10px;
border-radius: 20px;
font-weight: 900;
line-height: 1;
background: color-mix(in srgb, var(--btn-color) 15%, white);
color: color-mix(in srgb, var(--btn-color) 70%, black);
border-color: var(--btn-color);
box-shadow: 0 2px 4px color-mix(in srgb, var(--btn-color) 30%, transparent);
}
.circleLabel[b-p4jiq7uplo] {
display: block;
height: 8px;
width: 8px;
border-radius: 50%;
}
.draft-row[b-p4jiq7uplo] {
background-color: #f3f4f6;
}
.draft-icon[b-p4jiq7uplo] {
color: #f59e0b;
margin-right: 5px;
}
.table-container.header-container[b-p4jiq7uplo] {
overflow-x: hidden;
position: sticky;
top: 0;
z-index: 1;
background-color: #f8fafc;
}
.content-container[b-p4jiq7uplo] {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* MAIL POPUP STYLES */
.mailModalOverlay[b-p4jiq7uplo] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.mailModalPopup[b-p4jiq7uplo] {
background: #fff;
border-radius: 12px;
width: 85%;
max-width: 520px;
max-height: 92vh;
display: flex;
flex-direction: column;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.mailModalHeader[b-p4jiq7uplo] {
background-color: #f5f8fb;
color: #1e293b;
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mailHeaderContent[b-p4jiq7uplo] {
display: flex;
align-items: center;
gap: 12px;
}
.mailHeaderIcon[b-p4jiq7uplo] {
width: 35px;
height: 35px;
background-color: #3b82f6;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.mailModalHeader h2[b-p4jiq7uplo] {
margin: 0;
font-size: 17px;
font-weight: 600;
}
.mailCloseBtn[b-p4jiq7uplo] {
background: #e2e8f0;
border: none;
color: #6c748b;
font-size: 13px;
font-weight: 700;
cursor: pointer;
padding: 4px;
border-radius: 8px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.mailCloseBtn:hover[b-p4jiq7uplo] {
background-color: #cfd6e0;
}
.mailModalContent[b-p4jiq7uplo] {
flex: 1;
padding: 18px 24px;
overflow-y: auto;
max-height: calc(92vh - 140px);
display: flex;
flex-direction: column;
gap: 5px;
}
.mailFormRow[b-p4jiq7uplo] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.mailFormGroup[b-p4jiq7uplo] {
display: flex;
flex-direction: column;
gap: 2px;
}
label[b-p4jiq7uplo] {
font-size: 13px;
font-weight: 500;
color: #4b5563;
margin-bottom: 4px;
}
.mailFormInput[b-p4jiq7uplo], .mailFormSelect[b-p4jiq7uplo] {
padding: 10px 14px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 14px;
background: white;
transition: all 0.2s;
}
.mailFormInput:focus[b-p4jiq7uplo], .mailFormSelect:focus[b-p4jiq7uplo] {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
outline: none;
}
.mailFormSelect[b-p4jiq7uplo] {
appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 15px;
padding-right: 35px;
}
.mailFileUploadWrapper[b-p4jiq7uplo] {
position: relative;
}
.mailFileUploadBtn[b-p4jiq7uplo] {
display: inline-block;
width: 100%;
padding: 10px 14px;
border: 1px solid #d1d5db;
border-radius: 8px;
background: white;
color: #374151;
font-size: 14px;
font-weight: 500;
text-align: center;
cursor: pointer;
transition: all 0.2s;
}
.mailFileUploadBtn:hover[b-p4jiq7uplo] {
background: #f8fafc;
border-color: #3b82f6;
}
.mailFileName[b-p4jiq7uplo] {
margin-top: 8px;
padding: 8px;
background: #f0fdf4;
border-radius: 6px;
color: #166534;
font-size: 13px;
}
.mailExtraFields[b-p4jiq7uplo] {
opacity: 0;
transform: translateY(10px);
animation: mailFadeIn-b-p4jiq7uplo 0.35s ease forwards;
}
@keyframes mailFadeIn-b-p4jiq7uplo {
to {
opacity: 1;
transform: translateY(0);
}
}
.mailFileUploadButton[b-p4jiq7uplo] {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 12px 16px;
background: linear-gradient(135deg, #3b82f6, #2563eb);
color: white;
font-weight: 600;
font-size: 14px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.25s ease;
box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
}
.mailFileUploadButton:hover[b-p4jiq7uplo] {
background: linear-gradient(135deg, #2563eb, #1e40af);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}
.mailFileUploadButton:active[b-p4jiq7uplo] {
transform: translateY(0);
}
.mailFileUploadButton i[b-p4jiq7uplo] {
font-size: 16px;
}
.mailFileUploadButton.has-file[b-p4jiq7uplo] {
background: linear-gradient(135deg, #10b981, #059669);
box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
}
.mailSectionDivider[b-p4jiq7uplo] {
display: flex;
width: 100%;
gap: 10px;
align-items: center;
margin-top: 15px;
}
.mailDividerText[b-p4jiq7uplo] {
font-size: 12px;
font-weight: 700;
color: #94a3bf;
white-space: nowrap;
}
.mailDividerLine[b-p4jiq7uplo] {
flex-grow: 1;
height: 1px;
background-color: #e8ecf1;
}
.mailModalFooter[b-p4jiq7uplo] {
padding: 16px 24px;
border-top: 1px solid #e5e7eb;
display: flex;
align-items: center;
justify-content: flex-end;
background: #f9fafb;
flex-shrink: 0;
}
.mailFooterButtons[b-p4jiq7uplo] {
display: flex;
gap: 12px;
}
.mailCancelBtn[b-p4jiq7uplo], .mailSaveBtn[b-p4jiq7uplo] {
padding: 10px 24px;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
}
.mailCancelBtn[b-p4jiq7uplo] {
background: #f3f4f6;
color: #374151;
}
.mailSaveBtn[b-p4jiq7uplo] {
background: #3b82f6;
color: white;
}
.mailSaveBtn:disabled[b-p4jiq7uplo] {
background: #9ca3af;
cursor: not-allowed;
}
.mailCancelBtn:hover[b-p4jiq7uplo] {
background: #e5e7eb;
}
.mailSaveBtn:hover[b-p4jiq7uplo] {
background: #2563eb;
}
.mailCloseBtn:focus[b-p4jiq7uplo], mailCancelBtn:focus[b-p4jiq7uplo], .mailSaveBtn:focus[b-p4jiq7uplo] {
outline: none;
}
.mailCancelBtn:active[b-p4jiq7uplo], .mailSaveBtn:active[b-p4jiq7uplo] {
outline: none;
}
.mailSaveBtn[b-p4jiq7uplo] {
min-width: 120px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.mailSaveBtn:disabled[b-p4jiq7uplo] {
opacity: 0.9;
cursor: not-allowed;
}
@media (max-width: 1600px) {
.header-row[b-p4jiq7uplo] {
flex-wrap: wrap;
gap: 15px;
}
.header-left[b-p4jiq7uplo] {
flex-basis: 100%;
justify-content: flex-start;
}
.header-right[b-p4jiq7uplo] {
flex-basis: 100%;
justify-content: flex-start;
}
.selectBox[b-p4jiq7uplo] {
flex: 1;
min-width: 200px;
}
}
@media (max-width: 1200px) {
.content-container table[b-p4jiq7uplo] {
min-width: 1400px;
}
.appointmentList[b-p4jiq7uplo] {
padding: 0 10px;
}
.header-row[b-p4jiq7uplo] {
flex-direction: column;
align-items: flex-start;
gap: 15px;
margin-left: 0;
padding: 15px 0;
}
.header-left[b-p4jiq7uplo] {
width: 100%;
flex-wrap: wrap;
gap: 10px;
}
.header-right[b-p4jiq7uplo] {
width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.selectBox[b-p4jiq7uplo] {
width: 100%;
justify-content: flex-start;
}
.formSelect[b-p4jiq7uplo] {
width: 100%;
}
.listButton[b-p4jiq7uplo], .listButtonPrimary[b-p4jiq7uplo] {
flex: 1;
min-width: 150px;
margin: 0;
}
.table-container[b-p4jiq7uplo] {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
table[b-p4jiq7uplo] {
min-width: 1400px;
}
th[b-p4jiq7uplo], td[b-p4jiq7uplo] {
padding: 10px 5px;
font-size: 12px;
}
.tablelineName[b-p4jiq7uplo] {
width: 12%;
}
.tablelineDatum[b-p4jiq7uplo] {
width: 7%;
white-space: nowrap;
font-size: 11px;
}
.tablelineTime[b-p4jiq7uplo] {
width: 9%;
white-space: nowrap;
font-size: 11px;
}
.tablelineTyp[b-p4jiq7uplo] {
width: 9%;
white-space: nowrap;
font-size: 11px;
}
.tablelineStatus[b-p4jiq7uplo] {
width: 7%;
white-space: nowrap;
font-size: 11px;
}
.tablelineStreet[b-p4jiq7uplo] {
width: 10%;
}
.tablelineHNr[b-p4jiq7uplo] {
width: 5%;
}
.tablelineIndex[b-p4jiq7uplo] {
width: 5%;
}
.tablelineCity[b-p4jiq7uplo] {
width: 6%;
}
.tablelinePop[b-p4jiq7uplo] {
width: 6%;
}
.tablelineDp[b-p4jiq7uplo] {
width: 6%;
}
.tablelineCompany[b-p4jiq7uplo] {
width: 10%;
}
.tablelineInstaller[b-p4jiq7uplo] {
width: 10%;
}
.statusCell[b-p4jiq7uplo] {
padding: 3px 8px;
font-size: 11px;
margin-left: 10%;
}
.typeCell[b-p4jiq7uplo] {
padding: 3px 8px;
font-size: 11px;
gap: 6px;
}
.circleLabel[b-p4jiq7uplo] {
height: 7px;
width: 7px;
}
.group-header[b-p4jiq7uplo] {
padding: 0 15px;
font-size: 14px;
}
.groupPdfButton[b-p4jiq7uplo], .groupSendButton[b-p4jiq7uplo] {
padding: 3px 6px;
font-size: 11px;
}
.searchField input[b-p4jiq7uplo], .searchField select[b-p4jiq7uplo] {
font-size: 12px;
padding: 5px;
}
}
@media (max-width: 1080px) {
.mailModalPopup[b-p4jiq7uplo] {
max-width: 600px;
}
.mailModalHeader[b-p4jiq7uplo] {
padding: 18px 28px;
}
.mailModalHeader h2[b-p4jiq7uplo] {
font-size: 18px;
}
.mailModalContent[b-p4jiq7uplo] {
padding: 20px 28px;
gap: 6px;
}
.mailFormRow[b-p4jiq7uplo] {
gap: 20px;
}
.mailFormInput[b-p4jiq7uplo], .mailFormSelect[b-p4jiq7uplo] {
padding: 11px 16px;
font-size: 15px;
}
.mailModalFooter[b-p4jiq7uplo] {
padding: 18px 28px;
}
.mailCancelBtn[b-p4jiq7uplo], .mailSaveBtn[b-p4jiq7uplo] {
padding: 11px 28px;
}
}
@media (max-width: 768px) {
.appointmentList[b-p4jiq7uplo] {
padding: 0 5px;
}
.header-row[b-p4jiq7uplo] {
gap: 10px;
padding: 10px 0;
}
.headerTextList[b-p4jiq7uplo] {
font-size: 16px;
}
.headerCounterList[b-p4jiq7uplo] {
margin: 0 15px 0 10px;
font-size: 12px;
padding: 2px 8px;
}
.labelText[b-p4jiq7uplo] {
font-size: 13px;
}
.formSelect[b-p4jiq7uplo] {
font-size: 12px;
padding: 5px 25px 5px 10px;
background-size: 12px;
}
.listButton[b-p4jiq7uplo], .listButtonPrimary[b-p4jiq7uplo] {
padding: 6px 10px;
font-size: 12px;
min-width: 120px;
}
.buttonText[b-p4jiq7uplo], .buttonTextPrimary[b-p4jiq7uplo] {
font-size: 12px;
}
table[b-p4jiq7uplo] {
min-width: 1000px;
}
th[b-p4jiq7uplo], td[b-p4jiq7uplo] {
padding: 8px 3px;
font-size: 11px;
}
.tablelineCheck[b-p4jiq7uplo] {
width: 3%;
}
.tablelineNr[b-p4jiq7uplo] {
width: 4%;
}
.tablelineName[b-p4jiq7uplo] {
width: 15%;
}
.tablelineDatum[b-p4jiq7uplo] {
width: 8%;
}
.tablelineTime[b-p4jiq7uplo] {
width: 10%;
}
.tablelineTyp[b-p4jiq7uplo] {
width: 10%;
}
.tablelineStatus[b-p4jiq7uplo] {
width: 8%;
}
.tablelineStreet[b-p4jiq7uplo] {
width: 12%;
}
.tablelineHNr[b-p4jiq7uplo] {
width: 5%;
}
.tablelineIndex[b-p4jiq7uplo] {
width: 5%;
}
.tablelineCity[b-p4jiq7uplo] {
width: 7%;
}
.tablelinePop[b-p4jiq7uplo] {
width: 7%;
}
.tablelineDp[b-p4jiq7uplo] {
width: 7%;
}
.tablelineCompany[b-p4jiq7uplo] {
width: 12%;
}
.tablelineInstaller[b-p4jiq7uplo] {
width: 12%;
}
.statusCell[b-p4jiq7uplo] {
padding: 2px 6px;
font-size: 11px;
margin-left: 5%;
}
.typeCell[b-p4jiq7uplo] {
padding: 2px 6px;
font-size: 11px;
gap: 4px;
}
.circleLabel[b-p4jiq7uplo] {
height: 6px;
width: 6px;
}
.group-header[b-p4jiq7uplo] {
flex-direction: column;
align-items: flex-start;
gap: 5px;
height: auto;
padding: 10px 10px;
}
.groupLeftBox[b-p4jiq7uplo] {
margin-bottom: 5px;
}
.groupButtonBox[b-p4jiq7uplo] {
width: 100%;
justify-content: flex-start;
gap: 10px;
}
.groupPdfButton[b-p4jiq7uplo], .groupSendButton[b-p4jiq7uplo] {
flex: 1;
font-size: 10px;
padding: 3px 5px;
}
.searchField input[b-p4jiq7uplo], .searchField select[b-p4jiq7uplo] {
font-size: 11px;
padding: 4px;
}
.searchField input[b-p4jiq7uplo]::placeholder {
font-size: 11px;
}
.mailModalPopup[b-p4jiq7uplo] {
width: 90%;
max-width: 480px;
border-radius: 10px;
}
.mailModalHeader[b-p4jiq7uplo] {
padding: 14px 20px;
}
.mailModalHeader h2[b-p4jiq7uplo] {
font-size: 16px;
}
.mailHeaderIcon[b-p4jiq7uplo], .mailCloseBtn[b-p4jiq7uplo] {
width: 32px;
height: 32px;
font-size: 12px;
}
.mailModalContent[b-p4jiq7uplo] {
padding: 16px 20px;
gap: 4px;
}
.mailFormRow[b-p4jiq7uplo] {
grid-template-columns: 1fr;
gap: 12px;
}
.mailFormInput[b-p4jiq7uplo], .mailFormSelect[b-p4jiq7uplo] {
padding: 9px 12px;
font-size: 13px;
}
.mailFormSelect[b-p4jiq7uplo] {
padding-right: 30px;
background-size: 13px;
}
.mailModalFooter[b-p4jiq7uplo] {
padding: 14px 20px;
flex-direction: column;
gap: 12px;
}
.mailCancelBtn[b-p4jiq7uplo], .mailSaveBtn[b-p4jiq7uplo] {
width: 100%;
}
}
@media (max-width: 576px) {
.mailModalPopup[b-p4jiq7uplo] {
max-width: none;
}
.mailModalHeader[b-p4jiq7uplo] {
padding: 12px 16px;
}
.mailModalHeader h2[b-p4jiq7uplo] {
font-size: 15px;
}
.mailHeaderIcon[b-p4jiq7uplo], .mailCloseBtn[b-p4jiq7uplo] {
width: 28px;
height: 28px;
font-size: 11px;
}
.mailModalContent[b-p4jiq7uplo] {
padding: 14px 16px;
}
.mailFormInput[b-p4jiq7uplo], .mailFormSelect[b-p4jiq7uplo] {
padding: 8px 10px;
font-size: 12px;
}
.mailFormSelect[b-p4jiq7uplo] {
padding-right: 25px;
background-size: 12px;
}
.mailModalFooter[b-p4jiq7uplo] {
padding: 12px 16px;
gap: 10px;
}
.mailCancelBtn[b-p4jiq7uplo], .mailSaveBtn[b-p4jiq7uplo] {
font-size: 13px;
}
}
@media (max-width: 480px) {
.headerCounterList[b-p4jiq7uplo] {
font-size: 11px;
padding: 1px 6px;
}
.labelText[b-p4jiq7uplo] {
font-size: 12px;
}
.formSelect[b-p4jiq7uplo] {
font-size: 11px;
}
.listButton[b-p4jiq7uplo], .listButtonPrimary[b-p4jiq7uplo] {
padding: 5px 8px;
font-size: 11px;
min-width: auto;
flex: 1 1 100%;
}
table[b-p4jiq7uplo] {
min-width: 900px;
}
th[b-p4jiq7uplo], td[b-p4jiq7uplo] {
padding: 6px 2px;
font-size: 10px;
}
.statusCell[b-p4jiq7uplo] {
padding: 1px 4px;
font-size: 10px;
}
.typeCell[b-p4jiq7uplo] {
padding: 1px 4px;
font-size: 10px;
gap: 3px;
}
.circleLabel[b-p4jiq7uplo] {
height: 5px;
width: 5px;
}
.group-header[b-p4jiq7uplo] {
padding: 8px 5px;
font-size: 13px;
}
.groupCounter[b-p4jiq7uplo] {
font-size: 12px;
padding: 0 8px;
}
.groupPdfButton[b-p4jiq7uplo], .groupSendButton[b-p4jiq7uplo] {
font-size: 9px;
padding: 2px 4px;
}
.searchField input[b-p4jiq7uplo], .searchField select[b-p4jiq7uplo] {
font-size: 10px;
padding: 3px;
}
.searchField input[b-p4jiq7uplo]::placeholder {
font-size: 10px;
}
.mailModalPopup[b-p4jiq7uplo] {
width: 95%;
border-radius: 8px;
}
.mailModalHeader[b-p4jiq7uplo] {
padding: 12px 16px;
}
.mailModalContent[b-p4jiq7uplo] {
padding: 14px 16px;
}
.mailFormInput[b-p4jiq7uplo], .mailFormSelect[b-p4jiq7uplo] {
padding: 8px 10px;
font-size: 12px;
}
}
/* _content/NetConWeb/View/Data/AppointmentAssistant/Componente/ShiftPlaningView.razor.rz.scp.css */
/* === Schichtplanung === */
.schichtplanungPage[b-j5pyreebox] {
padding: 20px;
background: #f9fbfd;
min-height: 100vh;
}
.pageHeader[b-j5pyreebox] {
margin-bottom: 30px;
text-align: center;
}
.pageHeader h2[b-j5pyreebox] {
font-size: 28px;
color: #1a3b5d;
margin-bottom: 8px;
}
.pageHeader p[b-j5pyreebox] {
color: #666;
font-size: 15px;
}
.workersGrid[b-j5pyreebox] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
margin-bottom: 30px;
}
.workerCard[b-j5pyreebox] {
background: white;
border-radius: 12px;
padding: 18px;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
cursor: pointer;
transition: all 0.2s;
border: 2px solid transparent;
}
.workerCard:hover[b-j5pyreebox] {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.workerCard.selected[b-j5pyreebox] {
border-color: #1a73e8;
background: #f0f7ff;
}
.workerName[b-j5pyreebox] {
font-weight: 600;
font-size: 16px;
color: #1a3b5d;
}
.workerLevel[b-j5pyreebox] {
font-size: 14px;
margin-top: 6px;
color: #28a745;
}
.settingsPanel[b-j5pyreebox] {
background: white;
border-radius: 16px;
padding: 24px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.workerTitle[b-j5pyreebox] {
font-size: 22px;
color: #1a3b5d;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 10px;
}
.settingsSection[b-j5pyreebox] {
margin-bottom: 32px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.settingsSection:last-child[b-j5pyreebox] {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.settingsSection h4[b-j5pyreebox] {
color: #1a3b5d;
margin-bottom: 16px;
font-size: 18px;
}
.weeklyGrid[b-j5pyreebox] {
display: grid;
gap: 12px;
}
/*.dayRow {
display: grid;
grid-template-columns: 110px 100px 20px 100px 100px;
align-items: center;
gap: 12px;
padding: 10px 0;
}*/
.dayRow[b-j5pyreebox] {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
flex-wrap: nowrap;
}
.dayRow:hover[b-j5pyreebox] {
background-color: #f8f9fa;
}
.dayName[b-j5pyreebox] {
flex-basis: 120px;
flex-shrink: 0;
font-weight: 500;
color: #444;
white-space: nowrap;
}
.time-edit[b-j5pyreebox] {
flex-basis: 106px;
flex-shrink: 0;
}
.separator[b-j5pyreebox] {
flex-basis: 22px;
flex-shrink: 0;
text-align: center;
color: #999;
font-weight: bold;
font-size: 18px;
}
.nonWorkingLabel[b-j5pyreebox] {
flex-basis: 235px;
flex-shrink: 0;
font-style: italic;
color: #6c757d;
}
.dayRow .dx-checkbox[b-j5pyreebox] {
flex-shrink: 0;
}
.checkboxLabel[b-j5pyreebox] {
flex: 1;
min-width: 195px;
margin: 0 !important;
cursor: pointer;
white-space: nowrap;
}
.save-btn-icon[b-j5pyreebox] {
width: 40px !important;
height: 40px;
min-width: 40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50% !important;
font-size: 16px;
}
.save-btn-icon:hover[b-j5pyreebox] {
background: #1a73e8 !important;
color: white !important;
}
.dayName[b-j5pyreebox] {
font-weight: 500;
color: #444;
}
.separator[b-j5pyreebox] {
flex-basis: 20px;
flex-shrink: 0;
color: #999;
font-weight: bold;
}
.absenceForm[b-j5pyreebox],
.customDayForm[b-j5pyreebox] {
display: flex;
gap: 12px;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
margin-bottom: 16px;
}
.absenceForm > *[b-j5pyreebox] {
flex-shrink: 0;
}
.absenceForm .dx-date-edit[b-j5pyreebox] {
min-width: 135px;
max-width: 155px;
}
.absenceForm .dx-combobox[b-j5pyreebox] {
min-width: 235px;
max-width: 245px;
}
.absenceForm .dx-button[b-j5pyreebox] {
min-width: 115px;
}
.absenceList[b-j5pyreebox],
.customList[b-j5pyreebox] {
display: flex;
flex-direction: column;
gap: 10px;
}
.absenceItem[b-j5pyreebox] {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 14px;
background: #f8f9fa;
border-radius: 8px;
font-size: 14px;
}
.customItem[b-j5pyreebox] {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 14px 16px;
background: #f8fdff;
border: 1px solid #e3f2fd;
border-radius: 10px;
margin-bottom: 10px;
transition: all 0.2s;
cursor: pointer;
}
.customItem:hover[b-j5pyreebox] {
background: #e3f2fd;
border-color: #90caf9;
}
/*.customInfo {
display: flex;
flex-direction: column;
gap: 4px;
}*/
.customInfo[b-j5pyreebox] {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
}
.cardActions[b-j5pyreebox] {
display: flex;
flex-direction: column;
gap: 8px;
margin-left: 16px;
}
.customItem.editing .customInfo[b-j5pyreebox] {
display: flex;
flex-direction: column;
gap: 8px;
}
.editRow[b-j5pyreebox] {
display: flex;
align-items: center;
gap: 8px;
}
.inline-edit[b-j5pyreebox] {
width: 150px;
}
.inline-edit.time[b-j5pyreebox] {
width: 100px;
}
.inline-edit.note[b-j5pyreebox] {
width: 100%;
}
.editRow label[b-j5pyreebox] {
min-width: 80px;
font-weight: bold;
}
.customNote[b-j5pyreebox] {
font-size: 13px;
color: #666;
margin-top: 4px;
}
.btn-edit[b-j5pyreebox], .btn-save[b-j5pyreebox], .btn-cancel[b-j5pyreebox], .btn-delete[b-j5pyreebox] {
min-width: 100px;
}
.customDate[b-j5pyreebox],
.customTime[b-j5pyreebox] {
display: flex;
align-items: center;
gap: 8px;
font-size: 14.5px;
}
.customDate span[b-j5pyreebox] {
font-weight: 600;
color: #1a3b5d;
}
.customTime strong[b-j5pyreebox] {
color: #1976d2;
font-size: 16px;
}
.customItem i[b-j5pyreebox] {
font-size: 15px;
color: #666;
}
.resource-navigator[b-j5pyreebox] {
padding: 15px;
background: #f8f9fa;
border-radius: 8px;
margin-bottom: 20px;
}
.resource-buttons[b-j5pyreebox] {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 15px;
}
.resource-buttons .btn[b-j5pyreebox] {
padding: 12px 16px;
border-radius: 8px;
text-align: left;
min-width: 180px;
transition: all 0.2s;
}
.resource-buttons .btn.active[b-j5pyreebox] {
background-color: #0d6efd;
border-color: #0d6efd;
color: white;
}
.resource-buttons .btn small[b-j5pyreebox] {
font-size: 0.8em;
opacity: 0.9;
}
/*.dayRow {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding: 8px 0;
background-color: transparent;
transition: background-color 0.2s;
}*/
.dayRow.nonWorkingDay[b-j5pyreebox] {
background-color: #f8f9fa;
}
.dayRow.nonWorkingDay .dayName[b-j5pyreebox] {
text-decoration: line-through;
color: #6c757d;
}
.nonWorkingLabel[b-j5pyreebox] {
flex-basis: 256px;
flex-shrink: 0;
font-style: italic;
color: #6c757d;
text-align: left;
}
.dayRow .dx-checkbox[b-j5pyreebox] {
flex-basis: 30px;
flex-shrink: 0;
}
label.checkboxLabel[b-j5pyreebox] {
margin: 0 !important;
}
.checkboxLabel[b-j5pyreebox] {
flex: 1;
min-width: 180px;
margin: 0 !important;
}
.planSaveButton[b-j5pyreebox] {
flex-basis: 100px;
flex-shrink: 0;
}
.dayRow .dx-button[b-j5pyreebox] {
opacity: 1 !important;
}
.resultTabBox[b-j5pyreebox] {
display: flex;
background-color: #f3f4f6;
padding: 4px;
border-radius: 12px;
color: #111827;
justify-content: space-between;
gap: 4px;
width: 155px;
}
.resultTab[b-j5pyreebox] {
font-size: 13px;
color: #6b7280;
cursor: pointer;
padding: 4px 10px;
}
.resultTab.active[b-j5pyreebox] {
background-color: white;
color: #3a4453;
border-radius: 8px;
}
.pageButtons[b-j5pyreebox] {
display: flex;
justify-content: space-between;
user-select: none;
}
.groupSelectionPanel[b-j5pyreebox] {
max-height: 60vh;
overflow-y: auto;
padding: 15px;
background: #f8f9fa;
border-radius: 8px;
}
.companyGroupRow[b-j5pyreebox] {
gap: 20px;
}
.companyLabel[b-j5pyreebox] {
min-width: 180px;
padding-top: 8px;
font-size: 1.1em;
}
.installersTiles[b-j5pyreebox] {
display: flex;
flex-wrap: wrap;
gap: 8px;
flex: 1;
}
.installerTile[b-j5pyreebox] {
display: flex;
align-items: center;
background: white;
border: 1px solid #dee2e6;
border-radius: 6px;
padding: 8px 12px;
min-width: 150px;
text-align: center;
cursor: pointer;
transition: all 0.2s;
font-size: 0.9em;
user-select: none;
}
.installerTile:hover[b-j5pyreebox] {
border-color: #0d6efd;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.installerTile.selected[b-j5pyreebox] {
background: #0D6EFD !important;
color: white;
}
.installerTile.selected .tile-status[b-j5pyreebox] {
color: rgba(255,255,255,0.9);
}
.mode-switch .dx-button[b-j5pyreebox] {
border-radius: 6px !important;
}
.toggleButtonBox[b-j5pyreebox] {
display: flex;
gap: 5px;
width: 100%;
}
.toggleButton[b-j5pyreebox] {
display: flex;
justify-content: center;
align-items: center;
height: 30px;
width: 150px;
cursor: pointer;
border-radius: 5px;
transition: all 0.1s ease-in-out;
}
.toggleButton.active[b-j5pyreebox] {
background-color: #007bff !important;
color: white;
}
.toggleButton.inactive[b-j5pyreebox] {
background-color: #F2F2F2;
color: black;
}
.formLine[b-j5pyreebox] {
display: flex;
align-items: center;
}
.timeBox[b-j5pyreebox] {
display: flex;
gap: 3px;
align-items: center;
margin-right: 10px;
}
.kalenderLine[b-j5pyreebox] {
display: flex;
align-items: center;
margin-right: 10px;
}
.installerIcon[b-j5pyreebox] {
width: 30%;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.installerInfo[b-j5pyreebox] {
width: 70%;
display: flex;
flex-direction: column;
padding-left: 5%;
align-items: start;
}
.installerName[b-j5pyreebox] {
font-size: 14px;
font-weight: 700;
line-height: 1.1;
}
.installerLevel[b-j5pyreebox] {
font-size: 11px;
}
/*POPUP*/
.popupPostContent[b-j5pyreebox] {
width: 500px;
background: #ffffff;
border-radius: 8px;
padding: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
animation: fadeIn 0.3s ease-in-out forwards;
}
.popupPostBody[b-j5pyreebox] {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
max-height: 80vh;
overflow-y: auto;
padding-right: 10px;
}
.popupPostBody label[b-j5pyreebox] {
color: #3b4555;
margin-top: 5px;
padding-left: 5px;
font-size: 14px;
font-weight: 500;
margin-bottom: -5px;
font-family: Lato;
}
.popupPostInput[b-j5pyreebox] {
width: 100%;
border: 1px solid #d1d5db;
border-radius: 6px;
outline: none;
transition: border-color 0.3s ease;
}
.popupPostInput:focus[b-j5pyreebox] {
border-color: #3b82f6;
}
.popupPostFooter[b-j5pyreebox] {
display: flex;
justify-content: space-between;
margin-top: 20px;
width: 100%;
}
.leftButtonBox[b-j5pyreebox] {
display: flex;
}
.rightButtonBox[b-j5pyreebox] {
display: flex;
justify-content: space-between;
margin-top: 20px;
width: 60%;
justify-self: end;
}
.savePostButton[b-j5pyreebox], .cancelPostButton[b-j5pyreebox], .deletePostButton[b-j5pyreebox] {
padding: 7px 30px;
background: #2563eb;
border: none;
border-radius: 6px;
color: white;
cursor: pointer;
transition: all ease-in-out 0.2s;
}
.savePostButton:disabled[b-j5pyreebox] {
background-color: #ccc;
color: #666;
cursor: not-allowed;
opacity: 0.6;
}
.cancelPostButton[b-j5pyreebox] {
background: #f3f4f6;
color: #394353;
}
.deletePostButton[b-j5pyreebox] {
margin-top: 20px;
background: #ef4444;
}
.savePostButton:hover[b-j5pyreebox] {
background: #1e4bbd;
}
.cancelPostButton:hover[b-j5pyreebox] {
background: #e5e7eb;
}
.deletePostButton:hover[b-j5pyreebox] {
background: #dc2626;
}
.popupPostOverlay label[b-j5pyreebox] {
color: #3b4555;
margin-top: 5px;
padding-left: 5px;
font-size: 14px;
font-weight: 500;
margin-bottom: -5px;
font-family: Lato;
}
.dayName[b-j5pyreebox] {
flex-basis: 120px;
flex-shrink: 0;
font-weight: 500;
color: #444;
}
.time-edit[b-j5pyreebox] {
flex-basis: 100px;
max-width: 115px !important;
flex-shrink: 0;
}
.absenceItem strong:first-child[b-j5pyreebox],
.customItem .customInfo strong[b-j5pyreebox] {
font-size: 15px;
color: #1a3b5d;
margin-bottom: 4px;
display: block;
}
.btn-style[b-j5pyreebox] {
user-select: none !important;
}
@media (max-width: 1200px) {
.schichtplanungPage[b-j5pyreebox] {
max-width: 100vw;
padding: 15px;
}
.workersGrid[b-j5pyreebox] {
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.dayRow[b-j5pyreebox] {
grid-template-columns: 80px 80px 15px 80px 40px 1fr 80px;
}
.companyLabel[b-j5pyreebox] {
min-width: 140px;
}
.installerTile[b-j5pyreebox] {
min-width: 130px;
}
.settingsPanel[b-j5pyreebox] {
padding: 20px;
}
.pageHeader h2[b-j5pyreebox] {
font-size: 24px;
}
.workerTitle[b-j5pyreebox] {
font-size: 20px;
}
.dayName[b-j5pyreebox] {
flex-basis: 100px;
}
.time-edit[b-j5pyreebox] {
flex-basis: 90px;
}
.nonWorkingLabel[b-j5pyreebox] {
flex-basis: 200px;
}
.planSaveButton[b-j5pyreebox] {
flex-basis: 90px;
}
}
@media (max-width: 992px) {
.workersGrid[b-j5pyreebox] {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.dayRow[b-j5pyreebox] {
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 12px;
border: 1px solid #eee;
border-radius: 8px;
margin-bottom: 10px;
}
.dayName[b-j5pyreebox] {
font-size: 16px;
max-height: 25px;
}
.nonWorkingLabel[b-j5pyreebox] {
text-align: left;
}
.absenceForm[b-j5pyreebox],
.customDayForm[b-j5pyreebox] {
flex-direction: column;
gap: 10px;
}
.formLine[b-j5pyreebox] {
flex-direction: column;
align-items: stretch;
}
.timeBox[b-j5pyreebox] {
width: 100%;
justify-content: space-between;
}
.toggleButtonBox[b-j5pyreebox] {
flex-direction: row;
gap: 5px;
}
.toggleButton[b-j5pyreebox] {
width: 50%;
font-size: 14px;
}
.companyGroupRow[b-j5pyreebox] {
flex-direction: column;
align-items: flex-start;
}
.companyLabel[b-j5pyreebox] {
margin-bottom: 10px;
}
.installersTiles[b-j5pyreebox] {
justify-content: flex-start;
}
.groupSelectionPanel[b-j5pyreebox] {
padding: 10px;
}
.pageButtons[b-j5pyreebox] {
flex-direction: column;
gap: 10px;
align-items: stretch;
}
.resultTabBox[b-j5pyreebox] {
width: 100%;
justify-content: center;
}
.checkboxLabel[b-j5pyreebox] {
min-width: auto;
}
}
@media (max-width: 768px) {
.schichtplanungPage[b-j5pyreebox] {
padding: 10px;
}
.workersGrid[b-j5pyreebox] {
grid-template-columns: 1fr;
gap: 12px;
}
.workerCard[b-j5pyreebox] {
padding: 14px;
}
.workerName[b-j5pyreebox] {
font-size: 15px;
}
.workerLevel[b-j5pyreebox] {
font-size: 13px;
}
.settingsSection h4[b-j5pyreebox] {
font-size: 16px;
}
.absenceItem[b-j5pyreebox],
.customItem[b-j5pyreebox] {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.customDate[b-j5pyreebox],
.customTime[b-j5pyreebox] {
font-size: 14px;
}
.popupPostContent[b-j5pyreebox] {
width: 95%;
max-width: none;
padding: 15px;
}
.popupPostFooter[b-j5pyreebox] {
flex-direction: column;
gap: 10px;
}
.leftButtonBox[b-j5pyreebox],
.rightButtonBox[b-j5pyreebox] {
width: 100%;
justify-content: center;
}
.rightButtonBox[b-j5pyreebox] {
flex-direction: row;
gap: 10px;
}
.savePostButton[b-j5pyreebox],
.cancelPostButton[b-j5pyreebox],
.deletePostButton[b-j5pyreebox] {
width: 100%;
padding: 10px;
}
.pageHeader[b-j5pyreebox] {
text-align: left;
margin-bottom: 20px;
}
.pageHeader h2[b-j5pyreebox] {
font-size: 22px;
}
.pageHeader p[b-j5pyreebox] {
font-size: 14px;
}
}
@media (max-width: 576px) {
.installerTile[b-j5pyreebox] {
flex-direction: column;
text-align: center;
padding: 10px;
min-width: auto;
width: 100%;
}
.installerIcon[b-j5pyreebox] {
width: 100%;
margin-bottom: 5px;
}
.installerInfo[b-j5pyreebox] {
width: 100%;
padding-left: 0;
align-items: center;
}
.installersTiles[b-j5pyreebox] {
flex-direction: column;
}
.resultTabBox[b-j5pyreebox] {
padding: 3px;
gap: 3px;
}
.resultTab[b-j5pyreebox] {
font-size: 12px;
padding: 4px 8px;
}
.dx-button[b-j5pyreebox] {
font-size: 13px;
}
.time-edit[b-j5pyreebox] {
flex-basis: 100%;
max-width: none;
}
.planSaveButton[b-j5pyreebox] {
flex-basis: 100%;
}
}
/* _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: 86% 8% 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: 8px;
height: 38px;
}
[b-cs73omra69] .layout-selection {
height: 40px;
top: 0px;
margin: 10px 0px 15px 0px;
padding-left: 5px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.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;
width: 300px;
}
/* _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;
width: 100%;
align-items: center;
justify-content: space-between;
}
.noteText[b-byblsfqw4c] {
flex: 1;
}
.btn-style[b-byblsfqw4c] {
margin-left: 12px;
}
.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: 17px;
}
.componentHeader[b-4qy4d1env4], .componentHeaderLong[b-4qy4d1env4] {
display: flex;
align-items: center;
color: #122538;
font-size: 16px;
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/Finance/AccountingBalanceView.razor.rz.scp.css */
p[b-f5ek7ljyen] {
margin-bottom: 0px;
}
.rawChargebackLoadingText[b-f5ek7ljyen] {
margin-top: 6px;
margin-bottom: 8px;
font-weight: 600;
}
.contractChargeStatistic[b-f5ek7ljyen] {
display:flex;
gap: 10px;
width: 100%;
justify-content: space-between;
margin-bottom: 15px;
}
.contractChargeStatisticBox[b-f5ek7ljyen] {
display: flex;
padding: 15px;
width: 100%;
height: 70px;
border-radius: 8px;
border: 1px solid lightgray;
gap: 15px;
align-items: center;
}
h5[b-f5ek7ljyen] {
margin-bottom: 0px;
font-weight: bold;
}
.statisticIcon[b-f5ek7ljyen] {
font-size: 28px;
}
.red[b-f5ek7ljyen], .fa-lock[b-f5ek7ljyen] {
color: #FF3A3A;
}
.fa-gauge-low[b-f5ek7ljyen] {
color: #FF8A24;
}
.paid[b-f5ek7ljyen] {
color: #00AA1A;
}
/* Grid + Toolbar */
[b-f5ek7ljyen] .customerBalanceGrid {
height: calc(91vh - 175px) !important;
}
[b-f5ek7ljyen] .balanceEntryGrid {
height: calc(91vh - 175px) !important;
}
[b-f5ek7ljyen] .refreshToolbarItem {
width: 20px !important;
}
[b-f5ek7ljyen] .SearchTextBox {
border-radius: 8px !important;
border: 1px solid #ced4da !important;
padding: 0px 10px 0px 5px !important;
font-size: 15px !important;
height: 32px !important;
}
[b-f5ek7ljyen] .dxbl-grid > .dxbl-grid-toolbar-container {
min-height: 55px !important;
}
[b-f5ek7ljyen] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-group-panel-container {
min-height: 55px !important;
}
[b-f5ek7ljyen] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
display: flex;
align-items: center;
}
[b-f5ek7ljyen] .refreshBtn {
width: 30px !important;
}
[b-f5ek7ljyen] .importBtn {
border: none !important;
}
.sumSaldoRed[b-f5ek7ljyen] {
color: red;
font-weight: bold;
}
.sumSaldoGreen[b-f5ek7ljyen] {
color: green;
font-weight: bold;
}
/*PopUp Styles*/
.PopUpFooter[b-f5ek7ljyen] {
display: flex;
justify-content: flex-end;
align-items: flex-end;
gap: 15px;
}
.confirmText[b-f5ek7ljyen] {
margin-bottom: 0px;
font-size: 12px;
color: #696969;
}
.rawChargebackErrorText[b-f5ek7ljyen] {
margin-top: 6px;
margin-bottom: 8px;
font-weight: 600;
color: red;
}
.PopUpBodyContent[b-f5ek7ljyen] {
display: flex;
flex-direction: column;
gap: 10px;
}
[b-f5ek7ljyen] .OpenInvoiceGrid {
margin: 5px 0px !important;
}
.headlinePopup[b-f5ek7ljyen] {
font-weight: bold;
font-size: 15px;
}
.popupIcon[b-f5ek7ljyen] {
font-size: 25px;
margin-bottom: 10px;
}
.fa-lock-open[b-f5ek7ljyen] {
color: #28A745;
}
/* _content/NetConWeb/View/Finance/InvoiceChargebackView.razor.rz.scp.css */
p[b-4h6vfu7ka0] {
margin-bottom: 0px;
}
.rawChargebackLoadingText[b-4h6vfu7ka0] {
margin-top: 6px;
margin-bottom: 8px;
font-weight: 600;
}
.contractChargeStatistic[b-4h6vfu7ka0] {
display:flex;
gap: 10px;
width: 100%;
justify-content: space-between;
margin-bottom: 15px;
}
.contractChargeStatisticBox[b-4h6vfu7ka0] {
display: flex;
padding: 15px;
width: 100%;
height: 70px;
border-radius: 8px;
border: 1px solid lightgray;
gap: 15px;
align-items: center;
}
h5[b-4h6vfu7ka0] {
margin-bottom: 0px;
font-weight: bold;
}
.statisticIcon[b-4h6vfu7ka0] {
font-size: 28px;
}
.red[b-4h6vfu7ka0], .fa-lock[b-4h6vfu7ka0] {
color: #FF3A3A;
}
.fa-gauge-low[b-4h6vfu7ka0] {
color: #FF8A24;
}
.paid[b-4h6vfu7ka0] {
color: #00AA1A;
}
/* Grid + Toolbar */
[b-4h6vfu7ka0] .chargebackGrid {
height: calc(91vh - 175px) !important;
}
[b-4h6vfu7ka0] .refreshToolbarItem {
width: 20px !important;
}
[b-4h6vfu7ka0] .SearchTextBox {
border-radius: 8px !important;
border: 1px solid #ced4da !important;
padding: 0px 10px 0px 5px !important;
font-size: 15px !important;
height: 32px !important;
}
[b-4h6vfu7ka0] .dxbl-grid > .dxbl-grid-toolbar-container {
min-height: 55px !important;
}
[b-4h6vfu7ka0] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-group-panel-container {
min-height: 55px !important;
}
[b-4h6vfu7ka0] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
display: flex;
align-items: center;
}
[b-4h6vfu7ka0] .refreshBtn {
width: 30px !important;
}
[b-4h6vfu7ka0] .importBtn {
border: none !important;
}
.sumSaldoRed[b-4h6vfu7ka0] {
color: red;
font-weight: bold;
}
.sumSaldoGreen[b-4h6vfu7ka0] {
color: green;
font-weight: bold;
}
/*PopUp Styles*/
.PopUpFooter[b-4h6vfu7ka0] {
display: flex;
justify-content: flex-end;
align-items: flex-end;
gap: 15px;
}
.confirmText[b-4h6vfu7ka0] {
margin-bottom: 0px;
font-size: 12px;
color: #696969;
}
.rawChargebackErrorText[b-4h6vfu7ka0] {
margin-top: 6px;
margin-bottom: 8px;
font-weight: 600;
color: red;
}
.PopUpBodyContent[b-4h6vfu7ka0] {
display: flex;
flex-direction: column;
gap: 10px;
}
[b-4h6vfu7ka0] .OpenInvoiceGrid {
margin: 5px 0px !important;
}
.headlinePopup[b-4h6vfu7ka0] {
font-weight: bold;
font-size: 15px;
}
.popupIcon[b-4h6vfu7ka0] {
font-size: 25px;
margin-bottom: 10px;
}
.fa-lock-open[b-4h6vfu7ka0] {
color: #28A745;
}
/* _content/NetConWeb/View/Finance/InvoiceSelfPayerView.razor.rz.scp.css */
p[b-p7y80ht0mf] {
margin-bottom: 0px;
}
.rawChargebackLoadingText[b-p7y80ht0mf] {
margin-top: 6px;
margin-bottom: 8px;
font-weight: 600;
}
.contractChargeStatistic[b-p7y80ht0mf] {
display:flex;
gap: 10px;
width: 100%;
justify-content: space-between;
margin-bottom: 15px;
}
.contractChargeStatisticBox[b-p7y80ht0mf] {
display: flex;
padding: 15px;
width: 100%;
height: 70px;
border-radius: 8px;
border: 1px solid lightgray;
gap: 15px;
align-items: center;
}
h5[b-p7y80ht0mf] {
margin-bottom: 0px;
font-weight: bold;
}
.statisticIcon[b-p7y80ht0mf] {
font-size: 28px;
}
.red[b-p7y80ht0mf], .fa-lock[b-p7y80ht0mf] {
color: #FF3A3A;
}
.fa-gauge-low[b-p7y80ht0mf] {
color: #FF8A24;
}
.paid[b-p7y80ht0mf] {
color: #00AA1A;
}
/* Grid + Toolbar */
[b-p7y80ht0mf] .chargebackGrid {
height: calc(91vh - 175px) !important;
}
[b-p7y80ht0mf] .refreshToolbarItem {
width: 20px !important;
}
[b-p7y80ht0mf] .SearchTextBox {
border-radius: 8px !important;
border: 1px solid #ced4da !important;
padding: 0px 10px 0px 5px !important;
font-size: 15px !important;
height: 32px !important;
}
[b-p7y80ht0mf] .dxbl-grid > .dxbl-grid-toolbar-container {
min-height: 55px !important;
}
[b-p7y80ht0mf] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-group-panel-container {
min-height: 55px !important;
}
[b-p7y80ht0mf] .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
display: flex;
align-items: center;
}
[b-p7y80ht0mf] .refreshBtn {
width: 30px !important;
}
[b-p7y80ht0mf] .importBtn {
border: none !important;
}
.sumSaldoRed[b-p7y80ht0mf] {
color: red;
font-weight: bold;
}
.sumSaldoGreen[b-p7y80ht0mf] {
color: green;
font-weight: bold;
}
/*PopUp Styles*/
.PopUpFooter[b-p7y80ht0mf] {
display: flex;
justify-content: flex-end;
align-items: flex-end;
gap: 15px;
}
.confirmText[b-p7y80ht0mf] {
margin-bottom: 0px;
font-size: 12px;
color: #696969;
}
.rawChargebackErrorText[b-p7y80ht0mf] {
margin-top: 6px;
margin-bottom: 8px;
font-weight: 600;
color: red;
}
.PopUpBodyContent[b-p7y80ht0mf] {
display: flex;
flex-direction: column;
gap: 10px;
}
[b-p7y80ht0mf] .OpenInvoiceGrid {
margin: 5px 0px !important;
}
.headlinePopup[b-p7y80ht0mf] {
font-weight: bold;
font-size: 15px;
}
.popupIcon[b-p7y80ht0mf] {
font-size: 25px;
margin-bottom: 10px;
}
.fa-lock-open[b-p7y80ht0mf] {
color: #28A745;
}
/* _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/AdminAppointmentType.razor.rz.scp.css */
.appointmentTypeList[b-69fehx72g0] {
margin-top: 10px;
padding-left: 3%;
width: 100%;
max-width: 1450px;
}
.table-container[b-69fehx72g0] {
overflow-y: auto;
max-height: 80vh;
}
.buttonWrapper[b-69fehx72g0] {
margin: 5px 0 15px 10px !important;
}
.dx-grid-like[b-69fehx72g0] {
width: 100%;
border-collapse: collapse;
border: 1px solid #ddd;
font-family: Arial, sans-serif;
}
.dx-grid-like th[b-69fehx72g0] {
background-color: #f2f2f2;
padding: 8px;
text-align: center;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
font-size: 14px;
}
.dx-grid-like td[b-69fehx72g0] {
padding: 8px;
text-align: center;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
cursor: pointer;
}
.dx-grid-like tr:hover[b-69fehx72g0] {
background-color: #f5f5f5;
}
.btn-create[b-69fehx72g0], .btn-edit[b-69fehx72g0], .btn-delete[b-69fehx72g0] {
padding: 5px 10px;
margin: 2px;
border: none;
cursor: pointer;
}
.btn-create[b-69fehx72g0] {
background-color: #4CAF50;
color: white;
}
.btn-edit[b-69fehx72g0] {
background-color: #2196F3;
color: white;
}
.btn-delete[b-69fehx72g0] {
background-color: #f44336;
color: white;
}
.popupPostContent[b-69fehx72g0] {
width: 500px;
background: #ffffff;
border-radius: 8px;
padding: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
animation: fadeIn 0.3s ease-in-out forwards;
}
.popupPostBody[b-69fehx72g0] {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
max-height: 80vh;
overflow-y: auto;
padding-right: 10px;
}
.popupPostBody label[b-69fehx72g0] {
color: #3b4555;
margin-top: 5px;
padding-left: 5px;
font-size: 14px;
font-weight: 500;
margin-bottom: -5px;
font-family: Lato;
}
.popupPostInput[b-69fehx72g0] {
width: 100%;
border: 1px solid #d1d5db;
border-radius: 6px;
outline: none;
transition: border-color 0.3s ease;
}
.popupPostInput:focus[b-69fehx72g0] {
border-color: #3b82f6;
}
.popupPostFooter[b-69fehx72g0] {
display: flex;
justify-content: space-between;
margin-top: 20px;
width: 100%;
}
.leftButtonBox[b-69fehx72g0] {
display: flex;
}
.savePostButton[b-69fehx72g0], .cancelPostButton[b-69fehx72g0], .deletePostButton[b-69fehx72g0] {
padding: 7px 30px;
background: #2563eb;
border: none;
border-radius: 6px;
color: white;
cursor: pointer;
transition: all ease-in-out 0.2s;
}
.deletePostButton[b-69fehx72g0] {
margin-top: 20px;
background: #ef4444;
}
.cancelPostButton[b-69fehx72g0] {
background: #f3f4f6;
color: #394353;
}
.cancelPostButton:hover[b-69fehx72g0] {
background: #e5e7eb;
}
.deletePostButton:hover[b-69fehx72g0] {
background: #dc2626;
}
.savePostButton:disabled[b-69fehx72g0] {
background-color: #ccc;
color: #666;
cursor: not-allowed;
opacity: 0.6;
}
.savePostButton:hover[b-69fehx72g0] {
background: #1e4bbd;
}
.leftButtonBox[b-69fehx72g0] {
width: 30%;
justify-content: center;
}
.rightButtonBox[b-69fehx72g0] {
display: flex;
justify-content: space-between;
margin-top: 20px;
width: 60%;
justify-self: end;
}
.popupDeleteOverlay[b-69fehx72g0] {
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-69fehx72g0] {
width: 500px;
background: #ffffff;
border-radius: 8px;
padding: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
animation: fadeIn 0.3s ease-in-out forwards;
}
.popupDeleteHeader[b-69fehx72g0] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
width: 100%;
}
.popupDeleteHeader h3[b-69fehx72g0] {
margin: 0;
font-size: 18px;
font-weight: bold;
}
.popupDeleteFooter[b-69fehx72g0] {
display: flex;
justify-content: space-between;
margin-top: 20px;
width: 60%;
justify-self: end;
}
.cancelDeleteButton[b-69fehx72g0] {
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-69fehx72g0] {
background: #e5e7eb;
}
.deleteButton[b-69fehx72g0] {
padding: 7px 30px;
background: #ef4444;
border: none;
border-radius: 6px;
color: white;
cursor: pointer;
transition: all ease-in-out 0.2s;
}
.deleteButton:hover[b-69fehx72g0] {
background: #dc2626;
}
@media (min-width: 1200px) {
.dx.dx-grid-like tr[b-69fehx72g0] {
font-size: 10px !important;
}
.dx-grid-like th[b-69fehx72g0],
.dx-grid-like td[b-69fehx72g0] {
padding: 10px;
font-size: 13px !important;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.appointmentTypeList[b-69fehx72g0] {
max-width: 1300px;
}
.popupPostContent[b-69fehx72g0] {
max-width: 500px;
}
.popupDeleteContent[b-69fehx72g0] {
max-width: 500px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.appointmentTypeList[b-69fehx72g0] {
padding-left: 2.5%;
max-width: 1200px;
}
.dx-grid-like th[b-69fehx72g0],
.dx-grid-like td[b-69fehx72g0] {
padding: 7px;
font-size: 13px;
word-break: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
.dx-grid-like th[b-69fehx72g0] {
font-size: 13px;
}
.popupPostContent[b-69fehx72g0] {
width: 80%;
max-width: 480px;
padding: 18px;
}
.popupDeleteContent[b-69fehx72g0] {
width: 70%;
max-width: 480px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.appointmentTypeList[b-69fehx72g0] {
padding-left: 2.5%;
max-width: 1200px;
}
.dx-grid-like th[b-69fehx72g0],
.dx-grid-like td[b-69fehx72g0] {
padding: 7px;
font-size: 13px;
}
.popupPostContent[b-69fehx72g0] {
width: 80%;
max-width: 480px;
padding: 18px;
}
.popupDeleteContent[b-69fehx72g0] {
width: 70%;
max-width: 480px;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.appointmentTypeList[b-69fehx72g0] {
padding-left: 2%;
max-width: 100%;
}
.table-container[b-69fehx72g0] {
overflow-x: auto;
max-height: 70vh;
}
.dx-grid-like[b-69fehx72g0] {
min-width: 0;
width: 100%;
}
.dx-grid-like th[b-69fehx72g0],
.dx-grid-like td[b-69fehx72g0] {
padding: 6px;
font-size: 12px;
word-break: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
.dx-grid-like th[b-69fehx72g0] {
font-size: 12px;
}
.popupPostContent[b-69fehx72g0] {
width: 90%;
max-width: 450px;
padding: 15px;
}
.popupPostBody[b-69fehx72g0] {
gap: 8px;
padding-right: 8px;
}
.popupPostBody label[b-69fehx72g0] {
font-size: 13px;
}
.popupPostFooter[b-69fehx72g0] {
flex-direction: row;
}
.leftButtonBox[b-69fehx72g0] {
width: 40%;
}
.rightButtonBox[b-69fehx72g0] {
width: 60%;
}
.savePostButton[b-69fehx72g0], .cancelPostButton[b-69fehx72g0], .deletePostButton[b-69fehx72g0],
.cancelDeleteButton[b-69fehx72g0], .deleteButton[b-69fehx72g0] {
padding: 6px 25px;
}
.popupDeleteContent[b-69fehx72g0] {
width: 80%;
max-width: 450px;
}
.popupDeleteFooter[b-69fehx72g0] {
width: 70%;
}
}
@media (max-width: 575.98px) {
.appointmentTypeList[b-69fehx72g0] {
padding-left: 1%;
max-width: 100%;
}
.table-container[b-69fehx72g0] {
overflow-x: auto;
max-height: 60vh;
}
.dx-grid-like[b-69fehx72g0] {
min-width: 0;
width: 100%;
}
.dx-grid-like th[b-69fehx72g0],
.dx-grid-like td[b-69fehx72g0] {
padding: 4px;
font-size: 11px;
word-break: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
.dx-grid-like th[b-69fehx72g0] {
font-size: 11px;
}
.popupPostContent[b-69fehx72g0] {
width: 100%;
max-width: 100%;
padding: 10px;
border-radius: 4px;
}
.popupPostBody[b-69fehx72g0] {
gap: 5px;
max-height: 70vh;
padding-right: 5px;
}
.popupPostBody label[b-69fehx72g0] {
font-size: 12px;
margin-bottom: -3px;
}
.popupPostFooter[b-69fehx72g0] {
flex-direction: column;
gap: 10px;
}
.leftButtonBox[b-69fehx72g0] {
width: 100%;
justify-content: center;
}
.rightButtonBox[b-69fehx72g0] {
width: 100%;
justify-content: center;
margin-top: 10px;
}
.savePostButton[b-69fehx72g0], .cancelPostButton[b-69fehx72g0], .deletePostButton[b-69fehx72g0],
.cancelDeleteButton[b-69fehx72g0], .deleteButton[b-69fehx72g0] {
padding: 5px 20px;
font-size: 12px;
}
.popupDeleteContent[b-69fehx72g0] {
width: 90%;
padding: 10px;
}
.popupDeleteHeader h3[b-69fehx72g0] {
font-size: 16px;
}
.popupDeleteFooter[b-69fehx72g0] {
width: 100%;
flex-direction: column;
gap: 10px;
}
}
@media (max-width: 400px) {
.dx-grid-like th[b-69fehx72g0],
.dx-grid-like td[b-69fehx72g0] {
padding: 2px;
font-size: 10px;
word-break: break-all;
}
.dx-grid-like th[b-69fehx72g0] {
font-size: 10px;
}
.popupPostBody label[b-69fehx72g0] {
font-size: 11px;
}
.savePostButton[b-69fehx72g0], .cancelPostButton[b-69fehx72g0], .deletePostButton[b-69fehx72g0],
.cancelDeleteButton[b-69fehx72g0], .deleteButton[b-69fehx72g0] {
padding: 4px 15px;
font-size: 11px;
}
.popupDeleteHeader h3[b-69fehx72g0] {
font-size: 14px;
}
}
/* _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/Collection/SupportTicketCollectionView.razor.rz.scp.css */
[b-ufnseffm48] .dxbl-fl-ctrl {
margin-top: 5px !important;
}
[b-ufnseffm48] .ticket-grid {
margin-top: 7px;
height: 71vh;
}
@media only screen and (min-width: 1081px) and (max-width: 1599px) {
[b-ufnseffm48] .ticket-grid {
margin-top: 7px;
height: 70vh;
}
}
[b-ufnseffm48] .ticket-detail {
border-left-style: solid;
border-left-width: 0.5px;
border-left-color: #E6E6E6;
}
[b-ufnseffm48] .ticket-button-sminfo {
position: relative;
font-size: x-small;
cursor: pointer;
}
[b-ufnseffm48] .disabled-tablink {
cursor: default;
pointer-events: none;
text-decoration: none;
color: grey !important;
}
/* _content/NetConWeb/View/Tickets/Collection/SupportTicketDataGrid.razor.rz.scp.css */
[b-uf6db1f533] .ticket-grid {
--dxbl-grid-font-size: 13px !important;
--dxbl-grid-text-cell-padding-x: 5px;
--dxbl-grid-text-cell-padding-y: 2px;
}
[b-uf6db1f533] .command-btn {
width: 300px;
margin-left: 12px;
}
[b-uf6db1f533] .progressbar {
width: 300px;
}
.command-container[b-uf6db1f533] {
display: flex;
background-color: white;
margin-top: -25px;
margin-left: auto;
margin-right: 5px;
float: right;
z-index: 30;
}
.command[b-uf6db1f533] {
margin-right: 10px;
cursor: pointer;
font-size: 17px;
}
.tagbox[b-uf6db1f533] {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
padding: 2px 5px;
border-radius: 5px;
color: white;
margin-right: 4px;
}
.tagbox-green[b-uf6db1f533] {
background-color: mediumseagreen
}
.tagbox-slategrey[b-uf6db1f533] {
background-color: lightslategray
}
.tagContainer[b-uf6db1f533] {
display: flex;
}
[b-uf6db1f533] .sort-combobox {
width: 100%;
max-width: 100%;
border-radius: 8px;
height: 38px;
margin-bottom: 0px;
}
[b-uf6db1f533] .SearchTextBox {
border-radius: 8px !important;
border: 1px solid #ced4da !important;
padding: 5px 10px !important;
font-size: 15px !important;
height: 30px !important;
}
.showListBtn[b-uf6db1f533] {
margin: 0px;
font-size: 17px;
cursor: pointer;
}
[b-uf6db1f533] .layout-selection {
height: 40px;
width: 100%;
top: 0px;
padding-left: 5px;
border-radius: 10px;
margin-top: 0px !important;
}
[b-uf6db1f533] .comboboxFilterTicket {
height: 40px !important;
}
.ticketMobile[b-uf6db1f533] {
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-uf6db1f533] {
font-weight: bold;
margin: 5px 0px 0px 0px;
}
.scrollbtn[b-uf6db1f533] {
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-uf6db1f533] {
gap: 10px
}
.fa-building[b-uf6db1f533], .fa-list-ul[b-uf6db1f533] {
margin-right: 5px;
color: var(--primaryMandatorColor);
}
/*TabStyling*/
[b-uf6db1f533] .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
background-color: #f5f5f5 !important;
border: none !important;
}
[b-uf6db1f533] .dxbl-text {
white-space: nowrap !important;
}
}
@media screen and (max-width: 768px) {
.fa-building[b-uf6db1f533], .fa-list-ul[b-uf6db1f533] {
margin-right: 5px;
color: var(--primaryMandatorColor);
}
/*TabStyling*/
[b-uf6db1f533] .dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
background-color: #f5f5f5 !important;
border: none !important;
}
[b-uf6db1f533] .dxbl-text {
white-space: nowrap!important;
}
}
.scrollbtn[b-uf6db1f533]::-webkit-scrollbar {
display: none;
}
.queue[b-uf6db1f533] {
color: #6f6f6f;
margin: 0px;
}
.DamageTicketFilterBtnUebersicht[b-uf6db1f533] {
display: flex;
flex-direction: column;
}
[b-uf6db1f533] .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-uf6db1f533] .DamageTicketFilterBtn {
position: relative;
padding: 12px 20px;
border-radius: 30px;
background-color: white;
border: 0.5px solid #ededed;
color: black;
font-size: 15px;
}
[b-uf6db1f533] .DamageTicketFilterApplyBtn {
width: 150px !important;
margin: 0px;
}
[b-uf6db1f533] .filter-title {
margin-bottom: 5px !important;
}
.popupbtn[b-uf6db1f533] {
display:flex;
justify-content:center;
}
/* _content/NetConWeb/View/Tickets/Collection/SupportTicketPreviewDrawer.razor.rz.scp.css */
/*Style Drawer*/
.TicketDrawerHeader[b-hibzfq91iq] {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
height: 37px;
}
.drawerbodytickets[b-hibzfq91iq] {
display: flex;
flex-direction: column;
width: 100%;
}
.drawerHeadlineOverflow[b-hibzfq91iq] {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.ticketiframe[b-hibzfq91iq] {
border: 1px solid lightgray;
border-radius: 8px;
height: 35vh;
}
[b-hibzfq91iq] .chatMemo {
border-radius: 8px 8px 0px 0px;
padding: 5px;
border-bottom: none !important;
margin-top: 8px;
}
[b-hibzfq91iq] .comboboxqueueListDrawer {
border-radius: 8px !important;
}
.activities[b-hibzfq91iq] {
margin: 15px 0px;
}
.buttonboxforchatmemo[b-hibzfq91iq] {
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-hibzfq91iq] {
color: black;
margin-left: 8px;
font-size: 13px;
}
.linktonewTab:hover[b-hibzfq91iq] {
text-decoration: none;
color: #0D6EFD;
}
.xBtn[b-hibzfq91iq] {
font-size: 16px;
}
[b-hibzfq91iq] .btnMemo {
font-size: 16px !important;
padding: 0px 8px;
}
[b-hibzfq91iq] .btnsend {
border-left: 1px lightgray solid !important;
}
.tilesgrid[b-hibzfq91iq] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ddd;
justify-content: space-around;
}
.tiles[b-hibzfq91iq] {
display: flex;
height: 80px;
border: 1px solid lightgray;
border-radius: 8px;
align-items: center;
padding: 15px;
justify-content: space-between;
}
.gridcolumn[b-hibzfq91iq] {
display: flex;
flex-direction: column;
gap: 10px;
}
.fa-user[b-hibzfq91iq], .fa-chevron-right[b-hibzfq91iq], .fa-headset[b-hibzfq91iq], .fa-wrench[b-hibzfq91iq], .fa-chevron-right[b-hibzfq91iq], .fa-person-digging[b-hibzfq91iq], .fa-pen-to-quare[b-hibzfq91iq], .fa-puzzle-piece[b-hibzfq91iq] {
font-size: 24px;
}
.tileiconandtext[b-hibzfq91iq] {
display: flex;
align-items: center;
gap: 10px;
}
[b-hibzfq91iq] .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-hibzfq91iq], dxbl-grid[b-hibzfq91iq] {
height: 68vh !important;
}
[b-hibzfq91iq].content {
margin: 0px !important;
}
[b-hibzfq91iq] .combobox {
width: 150px;
}
[b-hibzfq91iq] .dxbl-btn-group dxbl-btn-group-right {
background: none;
border-radius: 8px;
}
/* _content/NetConWeb/View/Tickets/Components/TicketCreateView.razor.rz.scp.css */
/* General custom styles for the divs */
.white-bg[b-dsjq4lsvxc] {
background-color: white;
padding: 5px;
border-radius: 5px;
}
.custom-div[b-dsjq4lsvxc] {
border: 2px solid transparent;
padding: 10px;
border-radius: 8px;
text-align: center;
margin: 10px;
transition: all 0.3s ease;
background-color: white;
}
[b-dsjq4lsvxc] .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-dsjq4lsvxc] {
background-color: #f1f1f1;
border-color: #0056b3;
}
.custom-div.selected[b-dsjq4lsvxc] {
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-dsjq4lsvxc] {
padding: 5px 10px;
border-radius: 4px;
display: flex;
transition: all 0.3s ease;
gap: 3px;
align-items: center;
}
[b-dsjq4lsvxc] .dxbl-text-edit > .dxbl-btn-group, .dxbl-text-edit > .dxbl-btn-group-vertical[b-dsjq4lsvxc] {
background: none !important;
}
/* Styles for the Quelle label */
.quelle-label[b-dsjq4lsvxc] {
color: black;
padding: 5px 10px;
border-radius: 4px;
}
.bold-placeholder .dxbl-text-edit-input[b-dsjq4lsvxc]::placeholder {
font-weight: bold !important;
}
.thumbnail-img[b-dsjq4lsvxc] {
width: 40px;
height: 40px;
object-fit: cover;
cursor: pointer;
border-radius: 50%;
margin-left: 10px !important;
}
.ticketcreater[b-dsjq4lsvxc] {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.twoRows[b-dsjq4lsvxc] {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.threeRows[b-dsjq4lsvxc] {
display: grid;
grid-template-columns: 27% 71%;
gap: 10px;
}
.borderbox[b-dsjq4lsvxc] {
border-bottom: 1px solid gray;
padding-bottom: 15px;
}
[b-dsjq4lsvxc] .combobox {
height: 33px !important;
}
.customerinformationBox[b-dsjq4lsvxc] {
background: #f0f0f0;
border-radius: 8px;
padding: 6px 10px 10px 11px
}
.resultLabel[b-dsjq4lsvxc] {
font-weight: bold;
margin-right: 50px
}
.customerinformationGrid[b-dsjq4lsvxc] {
display: grid;
}
.headline[b-dsjq4lsvxc] {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}
.table[b-dsjq4lsvxc] {
margin-bottom: 0px;
}
td[b-dsjq4lsvxc] {
border-top: none !important;
}
.table-sm td[b-dsjq4lsvxc] {
padding: 4px 20px 0px 0px !important;
}
.htmlBox[b-dsjq4lsvxc] {
width: 100%;
min-height: 50px;
max-height: 300px;
display: flex;
flex-direction: column;
}
.popUpLabel[b-dsjq4lsvxc] {
font-weight: bold;
color: #1976D2;
margin-bottom: 0px;
}
.messageHeader[b-dsjq4lsvxc] {
display: flex;
width: 100%;
gap: 10px;
background-color: #e3f2fd;
padding: 10px;
border-radius: 8px;
}
.messageHeaderItem[b-dsjq4lsvxc], .popUpEndeItem[b-dsjq4lsvxc] {
display: flex;
align-items: center;
}
.popUpBodyValue[b-dsjq4lsvxc] {
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-dsjq4lsvxc] {
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-dsjq4lsvxc] {
margin-left: 10px;
margin-right: 15px;
}
.popUpEnde[b-dsjq4lsvxc] {
margin-top: 20px;
margin-left: 20px;
}
.messageBody[b-dsjq4lsvxc] {
margin-top: 10px;
}
.popUpBodyLabel[b-dsjq4lsvxc] {
font-weight: bold;
color: #1976D2;
margin-bottom: 0px;
}
.popUpStartLabel[b-dsjq4lsvxc] {
font-weight: bold;
color: #1976D2;
margin-bottom: 5px;
}
.ticketSelect[b-dsjq4lsvxc] {
width: 100%;
padding: 8px;
border-radius: 4px;
border: 1px solid #ddd;
}
.ticketSelect optgroup[b-dsjq4lsvxc] {
font-weight: bold;
padding: 5px;
}
.ticketSelect optgroup.statusOffen[b-dsjq4lsvxc] {
background-color: #FFF3E0;
}
.ticketSelect optgroup.statusInBearbeitung[b-dsjq4lsvxc] {
background-color: #E1F5FE;
}
.ticketSelect optgroup.statusWartend[b-dsjq4lsvxc] {
background-color: #EDE7F6;
}
.ticketSelect optgroup.statusFertig[b-dsjq4lsvxc] {
background-color: #E8F5E9;
}
.ticketSelect option[b-dsjq4lsvxc] {
display: flex;
padding: 5px 0;
}
.statusColumn[b-dsjq4lsvxc] {
width: 120px;
display: inline-block;
font-weight: bold;
}
.dateColumn[b-dsjq4lsvxc] {
width: 120px;
display: inline-block;
}
.titleColumn[b-dsjq4lsvxc] {
flex: 1;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 768px) {
.messageHeader[b-dsjq4lsvxc] {
flex-direction: column;
align-items: flex-start;
}
.messageHeaderItem[b-dsjq4lsvxc] {
width: 100%;
flex-wrap: wrap;
margin-bottom: 10px;
}
.popUpLabel[b-dsjq4lsvxc],
.popUpValue[b-dsjq4lsvxc] {
font-size: 14px;
}
}
.buttonTicket[b-dsjq4lsvxc] {
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-dsjq4lsvxc] {
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-dsjq4lsvxc] {
background-color: #d1fae5;
}
.buttonTicket:active[b-dsjq4lsvxc], .copyIcon svg:active[b-dsjq4lsvxc] {
transform: scale(0.97);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.iconText[b-dsjq4lsvxc] {
display: inline-flex;
align-items: baseline;
gap: 8px;
text-align: left;
}
.iconText svg[b-dsjq4lsvxc] {
width: 20px;
height: 20px;
flex-shrink: 0;
}
.buttonSmall[b-dsjq4lsvxc] {
display: flex;
border-radius: 5px;
justify-content: center;
align-items: center;
cursor: pointer;
}
.buttonTicketSmall[b-dsjq4lsvxc] {
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-dsjq4lsvxc] {
height: 20px;
width: 20px;
position: relative;
}
.buttonTicketSmall[b-dsjq4lsvxc] {
background-color: #ecfdf5;
color: #009062;
}
.buttonTicketSmall:hover[b-dsjq4lsvxc] {
background-color: #d1fae5;
}
.buttonTicketSmall:active[b-dsjq4lsvxc] {
transform: scale(0.97);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.CCViewBtns[b-dsjq4lsvxc] {
height: 38px;
margin-right: 10px;
}
/* _content/NetConWeb/View/Tickets/Components/TicketDetailView.razor.rz.scp.css */
/* _content/NetConWeb/View/Tickets/Components/TicketFeedEntryView.razor.rz.scp.css */
.feedTileOuter[b-saov4ruthm] {
width: 96%;
margin-top: 12px;
}
.feedBox[b-saov4ruthm] {
width: 85%;
display: flex;
flex-direction: column;
}
.leftsite[b-saov4ruthm] {
border-radius: 8px 8px 8px 0px;
background-color: #e1e1e1;
color: black !important;
}
.leftsite:hover[b-saov4ruthm] {
background-color: #d1d1d1;
}
.rightsite[b-saov4ruthm] {
border-radius: 8px 8px 0px 8px;
background-color: #E8EBFA;
color: black !important;
}
.rightsite:hover[b-saov4ruthm] {
background-color: #E2E5F4;
}
.badgeOnLeftBubble[b-saov4ruthm] {
color: white;
box-shadow: 1px 1px 2px 0px #767676;
width: fit-content;
padding: 3px 8px;
font-size: 12px;
border-radius: 20px;
position: relative;
top: 7px;
left: 7px;
margin-left: auto;
}
.badgeOnRightBubble[b-saov4ruthm] {
color: white;
box-shadow: 1px 1px 2px 0px #767676;
width: fit-content;
padding: 3px 8px;
font-size: 12px;
border-radius: 20px;
position: relative;
top: 8px;
left: -7px;
}
.feedContent[b-saov4ruthm] {
white-space: pre-wrap;
min-height: 40px;
padding: 5px 12px 5px 6px;
color: white;
border: 1px solid #f1f1f1;
overflow-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.feedContentSm[b-saov4ruthm] {
-webkit-line-clamp: 2;
}
.feedContentLg[b-saov4ruthm] {
height: fit-content;
-webkit-line-clamp: 5;
}
.feedContentMax[b-saov4ruthm] {
position: relative;
-webkit-line-clamp: 7;
max-height: 150px;
margin-top: 15px;
border-radius: 8px 8px 8px 0px;
background-color: #9b9b9b;
height: fit-content;
}
.aiLabelBox[b-saov4ruthm] {
position: absolute;
top: 10px;
right: 10px;
display: flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 700;
}
.aiResolution[b-saov4ruthm], .aiOpenQuestion[b-saov4ruthm], .aiModelName[b-saov4ruthm] {
padding: 3px 10px 3px 10px;
border-radius: 15px;
height: fit-content;
}
.aiResolution.resolved[b-saov4ruthm] {
background-color: rgba(0, 128, 0, 0.4);
}
.aiResolution.unresolved[b-saov4ruthm] {
background-color: rgba(255, 0, 0, 0.4);
}
.aiOpenQuestion.open[b-saov4ruthm] {
background-color: rgba(255, 255, 0, 0.4);
}
.aiOpenQuestion.customerSupport[b-saov4ruthm] {
background-color: rgba(0, 0, 255, 0.4);
}
.aiModelName[b-saov4ruthm] {
background-color: rgba(255, 165, 0, 0.4);
height: fit-content;
}
.aiButtonBox[b-saov4ruthm] {
display: flex;
gap: 10px;
margin-top: 5px;
width: 100%;
height: 35px;
}
.aiButtonSend[b-saov4ruthm] {
width: fit-content;
display: flex;
border-radius: 8px;
color: white;
justify-content: center;
padding: 5px 12px;
cursor: pointer;
}
.aiButtonSend[b-saov4ruthm] {
background-color: #059669;
align-items: center;
}
.aiButtonCopy[b-saov4ruthm], .aiButtonEdit[b-saov4ruthm] {
background-color: #4b5563;
align-items: center;
/* padding-top: 3px;*/
}
.aiButtonEdit[b-saov4ruthm] {
margin-left: 2%;
}
.aiButtonSendText[b-saov4ruthm], .aiButtonCopyText[b-saov4ruthm] {
margin-left: 7px;
justify-content: center;
/* text-align: center;*/
}
.aiButtonSend[b-saov4ruthm], .aiButtonCopy[b-saov4ruthm], .aiButtonEdit[b-saov4ruthm] {
transition: background-color 0.2s ease, transform 0.1s ease;
}
.aiButtonSend:active[b-saov4ruthm], .aiButtonCopy:active[b-saov4ruthm], .aiButtonEdit:active[b-saov4ruthm] {
transform: scale(0.98);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.aiButtonSend:hover[b-saov4ruthm] {
background-color: #047857;
}
.aiButtonCopy:hover[b-saov4ruthm], .aiButtonEdit:hover[b-saov4ruthm] {
background-color: #374151;
}
.ai-spinner[b-saov4ruthm] {
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-saov4ruthm 1s linear infinite;
margin: auto; /* Ensures centering if needed */
}
/* Keep the keyframes the same */
@keyframes spin-b-saov4ruthm {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 1650px) {
.aiLabelBox[b-saov4ruthm] {
gap: 5px;
font-size: 10px;
}
.aiResolution[b-saov4ruthm], .aiOpenQuestion[b-saov4ruthm], .aiModelName[b-saov4ruthm] {
padding: 3px 6px;
min-width: 20px;
min-height: 20px;
text-align: center;
overflow: hidden;
white-space: nowrap;
}
.aiResolution.resolved[b-saov4ruthm]::before {
content: 'R';
}
.aiResolution.unresolved[b-saov4ruthm]::before {
content: 'U';
}
aiModelName[b-saov4ruthm]::before {
content: 'A';
}
.aiResolution.resolved[b-saov4ruthm],
.aiResolution.unresolved[b-saov4ruthm],
.aiModelName[b-saov4ruthm] {
font-size: 0;
}
.aiOpenQuestion.open[b-saov4ruthm]::before {
content: 'OF';
}
.aiOpenQuestion.customerSupport[b-saov4ruthm]::before {
content: 'KS';
}
.aiOpenQuestion.open[b-saov4ruthm],
.aiOpenQuestion.customerSupport[b-saov4ruthm] {
font-size: 0;
}
}
@media (max-width: 670px)
{
.aiLabelBox[b-saov4ruthm] {
display: none;
}
}
.aiButtonSend.disabled[b-saov4ruthm] {
background-color: #d1d5db;
cursor: not-allowed;
pointer-events: none;
box-shadow: none;
transform: none;
}
.aiButtonSend.disabled:hover[b-saov4ruthm],
.aiButtonSend.disabled:active[b-saov4ruthm] {
background-color: #d1d5db;
}
.feed-subtitle[b-saov4ruthm] {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 1px solid lightgray;
}
.feedbackIcon[b-saov4ruthm], .outboxIcon[b-saov4ruthm] {
width: 20px;
height: 20px;
}
.svgIcon[b-saov4ruthm] {
display: block;
width: 25px;
height: 25px;
object-fit: fill;
}
.svgIconFace[b-saov4ruthm] {
display: block;
width: 20px;
height: 20px;
object-fit: fill;
padding-top: 2.5px;
}
.feedIconContainer[b-saov4ruthm] {
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 22px;
}
.feedIconImage[b-saov4ruthm] {
width: 35px;
height: 35px;
}
.feedIconImageUser[b-saov4ruthm] {
border-radius: 50%;
}
.feedIconImageSvg[b-saov4ruthm] {
width: 20px;
height: auto;
}
.feedIconText[b-saov4ruthm] {
margin: 0px;
font-weight: 600;
color: black
}
.feedTimestamp[b-saov4ruthm] {
font-size: 9pt;
}
.feedTimestamp-right[b-saov4ruthm] {
right: 45px;
}
.feedTimestamp-left[b-saov4ruthm] {
left: 10px;
}
.activity-item[b-saov4ruthm] {
display: flex;
gap: 8px;
width: 75%;
align-items: flex-end;
}
/*Drawer Feed Styles*/
.drawerFeedItems[b-saov4ruthm] {
display: flex;
gap: 10px;
height: 25px;
}
.drawerFeedEditor[b-saov4ruthm] {
margin-bottom: 0px;
white-space: nowrap;
font-weight: bold;
}
.drawerFeedaction[b-saov4ruthm] {
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 98%;
}
.drawerFeedIframe[b-saov4ruthm] {
overflow: hidden;
height: 100%;
width: auto;
border: none;
margin-top: -8px;
}
/* _content/NetConWeb/View/Tickets/Components/TicketTextTemplateEntryView.razor.rz.scp.css */
.container[b-5fy7k6x1v0] {
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-5fy7k6x1v0] {
background-color: lightgreen;
}
[b-5fy7k6x1v0] .wrapped-text {
max-width: 160px;
min-width: 160px;
margin-right: 10px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
[b-5fy7k6x1v0] .wrapped-text-title {
max-width: 400px;
min-width: 400px;
cursor: pointer;
}
/* _content/NetConWeb/View/Tickets/Detail/ConfigurationView.razor.rz.scp.css */
[b-7be4lml0ru] .participant-box {
border-radius: 8px;
min-height: auto;
height: auto;
}
.config-tile[b-7be4lml0ru] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
}
.tile-header[b-7be4lml0ru] {
cursor: pointer;
}
.header-content[b-7be4lml0ru] {
display: flex;
justify-content: space-between;
align-items: center;
}
.title-with-icon[b-7be4lml0ru] {
display: flex;
align-items: center;
gap: 1rem;
width: 90%;
}
.icon-container[b-7be4lml0ru] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-7be4lml0ru] {
color: #264462;
font-size: 20px;
}
.title-container[b-7be4lml0ru] {
display: flex;
flex-direction: column;
gap: 0.25rem;
width: 90%;
}
.main-title[b-7be4lml0ru] {
font-size: 1rem;
font-weight: 600;
color: #264462;
}
.badges-row[b-7be4lml0ru] {
display: flex;
gap: 0.5rem;
}
/* Status Badge Styles */
.status-badge[b-7be4lml0ru] {
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-7be4lml0ru] {
padding: 0.15rem 0.5rem;
font-size: 0.75rem;
min-width: auto;
}
/* Priority Badge Styles */
.priority-badge[b-7be4lml0ru] {
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-7be4lml0ru] {
padding: 0.15rem 0.5rem;
font-size: 0.75rem;
min-width: auto;
}
/* Other Badges */
.department-badge[b-7be4lml0ru],
.queue-badge[b-7be4lml0ru],
.source-badge[b-7be4lml0ru] {
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-7be4lml0ru] {
color: #666;
font-size: 0.875rem;
}
.expand-icon[b-7be4lml0ru] {
margin-left: 0.5rem;
font-size: 1.25rem
}
.grid-row[b-7be4lml0ru] {
display: grid;
grid-template-columns: 49% 49%;
gap: 10px;
margin-top: 5px;
width: 100%;
}
.grid-cell[b-7be4lml0ru] {
margin-bottom: 10px;
min-width: 0;
}
.grid-cell:last-child[b-7be4lml0ru] {
border-right: none;
}
.grid-row:last-child .grid-cell[b-7be4lml0ru] {
border-bottom: none;
}
.cell-label[b-7be4lml0ru] {
margin-bottom: 2px;
}
.config-item[b-7be4lml0ru] {
cursor: pointer;
width: 100%;
}
.config-item span[b-7be4lml0ru] {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.tags-section[b-7be4lml0ru] {
width: 100%;
padding-top: 10px;
border-top: 1px solid lightgray;
margin-top: 10px;
}
.icon[b-7be4lml0ru] {
margin-left: 0.5rem;
font-size: 0.75rem;
flex-shrink: 0;
}
/* Status Icons */
.status-icon[b-7be4lml0ru],
.priority-icon[b-7be4lml0ru] {
margin-right: 6px;
font-size: 14px;
}
.button-container[b-7be4lml0ru] {
display:flex;
justify-content:center;
gap: 10px;
}
select.config-item option[b-7be4lml0ru], select.config-item-with-icon option[b-7be4lml0ru] {
background: white !important;
color: black !important;
}
select.config-item-with-icon[b-7be4lml0ru] {
padding-left: 40px;
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
outline: none;
cursor: pointer;
}
select.config-item[b-7be4lml0ru] {
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
}
.select-with-icon[b-7be4lml0ru] {
position: relative;
display: inline-block;
width: 100%;
}
.select-icon[b-7be4lml0ru] {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
z-index: 1;
}
.select-arrow[b-7be4lml0ru] {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
/* Responsive Design */
@media (max-width: 767px) {
.grid-row[b-7be4lml0ru] {
grid-template-columns: 1fr;
}
.grid-cell[b-7be4lml0ru] {
border-right: none;
}
.status-badge[b-7be4lml0ru],
.priority-badge[b-7be4lml0ru],
.department-badge[b-7be4lml0ru],
.queue-badge[b-7be4lml0ru],
.source-badge[b-7be4lml0ru] {
min-width: 60px;
font-size: 0.8rem;
}
}
/* _content/NetConWeb/View/Tickets/Detail/Sidebar/ActionView.razor.rz.scp.css */
.btn-container[b-43d8znjqgo] {
display:flex;
flex-direction: column;
gap: 5px;
margin: 10px 0px;
}
/* _content/NetConWeb/View/Tickets/Detail/Sidebar/AiModelView.razor.rz.scp.css */
.convProposalButton[b-lu1ga8iia8] {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
height: 40px;
border-radius: 8px;
background-color: #2563eb;
color: white;
cursor: pointer;
}
.aiModel[b-lu1ga8iia8] {
margin-top: 10px;
}
.lastConvBox[b-lu1ga8iia8], .messageBox[b-lu1ga8iia8] {
margin-top: 15px;
border-radius: 8px;
background-color: #f9fafb;
border: 1px solid #e5e7eb;
padding: 10px;
}
.lastConvHeaderLine[b-lu1ga8iia8], .messageHeaderLine[b-lu1ga8iia8] {
display: flex;
gap: 5px;
align-items: center;
}
.lastConvText[b-lu1ga8iia8], .messageText[b-lu1ga8iia8] {
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-lu1ga8iia8], .messageText:hover[b-lu1ga8iia8] {
background-color: #f3f4f6;
border-radius: 10px;
transition: all 0.2s ease-in-out;
}
.lastConvButtonBox[b-lu1ga8iia8], .messageButtonBox[b-lu1ga8iia8] {
display: flex;
gap: 5px;
margin-top: 15px;
width: 100%;
height: 40px;
}
.lastConvButtonLeft[b-lu1ga8iia8], .lastConvButtonRight[b-lu1ga8iia8], .messageButtonLeft[b-lu1ga8iia8], .messageButtonRight[b-lu1ga8iia8] {
width: 47%;
display: flex;
border-radius: 10px;
color: white;
cursor: pointer;
justify-content: center;
}
.lastConvButtonLeft[b-lu1ga8iia8], .messageButtonLeft[b-lu1ga8iia8] {
background-color: #059669;
align-items: center;
justify-content: center;
padding-left: 0;
}
.lastConvButtonRight[b-lu1ga8iia8], .messageButtonRight[b-lu1ga8iia8] {
display: flex;
align-items: center;
background-color: #4b5563;
}
.requestReply[b-lu1ga8iia8] {
display: flex;
justify-content: center;
align-items: center;
height: 40px;
background-color: #4b5563;
margin-top: 15px;
border-radius: 10px;
color: white;
cursor: pointer;
}
.requestReplyIcon[b-lu1ga8iia8] {
margin-top: -3px;
}
.convProposalButton[b-lu1ga8iia8],
.lastConvButtonLeft[b-lu1ga8iia8],
.lastConvButtonRight[b-lu1ga8iia8],
.requestReply[b-lu1ga8iia8],
.messageButtonLeft[b-lu1ga8iia8],
.messageButtonRight[b-lu1ga8iia8] {
transition: background-color 0.2s ease, transform 0.1s ease;
}
.lastConvButtonLeft:active[b-lu1ga8iia8],
.lastConvButtonRight:active[b-lu1ga8iia8],
.messageButtonLeft:active[b-lu1ga8iia8],
.messageButtonRight:active[b-lu1ga8iia8] {
transform: scale(0.98);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.convProposalButton:active[b-lu1ga8iia8],
.requestReply:active[b-lu1ga8iia8] {
transform: scale(0.99);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
}
.convProposalButton:hover[b-lu1ga8iia8] {
background-color: #1e40af;
}
.lastConvButtonLeft:hover[b-lu1ga8iia8],
.messageButtonLeft:hover[b-lu1ga8iia8] {
background-color: #047857;
}
.lastConvButtonRight:hover[b-lu1ga8iia8],
.messageButtonRight:hover[b-lu1ga8iia8],
.requestReply:hover[b-lu1ga8iia8] {
background-color: #374151;
}
.popup-content[b-lu1ga8iia8] {
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-lu1ga8iia8] {
padding: 0 !important;
background-color: #fff;
border-radius: 12px;
}
.typing-indicator[b-lu1ga8iia8] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
height: 24px;
}
.dot[b-lu1ga8iia8] {
width: 8px;
height: 8px;
background-color: #666;
border-radius: 50%;
animation: blink-b-lu1ga8iia8 1.4s infinite both;
}
.dot:nth-child(2)[b-lu1ga8iia8] {
animation-delay: 0.2s;
}
.dot:nth-child(3)[b-lu1ga8iia8] {
animation-delay: 0.4s;
}
@keyframes blink-b-lu1ga8iia8 {
0%, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.aiButtonSend.disabled[b-lu1ga8iia8] {
background-color: #9ca3af;
cursor: not-allowed;
pointer-events: none;
}
.ai-spinner[b-lu1ga8iia8] {
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-lu1ga8iia8 1s linear infinite;
margin: auto; /* Ensures centering if needed */
}
/* Keep the keyframes the same */
@keyframes spin-b-lu1ga8iia8 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.lastConvButtonLeft[b-lu1ga8iia8],
.messageButtonLeft[b-lu1ga8iia8] {
display: flex;
gap: 5px;
justify-content: center;
align-items: center;
padding-left: 0;
}
/* _content/NetConWeb/View/Tickets/Detail/Sidebar/ArticleView.razor.rz.scp.css */
[b-fr9sgmp9e3] articleContainer {
margin: 5px 5px 5px 5px;
}
.overflowContainer[b-fr9sgmp9e3] {
height: 100%;
width: 98%;
overflow-y: auto;
overflow-x: hidden;
}
.accordionCommand[b-fr9sgmp9e3] {
position: absolute;
right: 10px;
display: inline-flex;
margin-top: -30px;
z-index: 10;
}
.accordionCommandButton[b-fr9sgmp9e3]{
cursor: pointer;
margin-right: 5px;
}
[b-fr9sgmp9e3] .dxbl-accordion-group-body {
margin: 5px 5px 5px 5px;
}
/* _content/NetConWeb/View/Tickets/Detail/Sidebar/KnowledgeView.razor.rz.scp.css */
.article-response[b-pgo5hfev8z] {
margin: 5px 2px 2px 2px;
padding: 5px 5px 5px 5px;
border-radius: 10px;
text-align: center;
background-color: #ebedeb;
}
.article-response:hover[b-pgo5hfev8z] {
box-shadow: 0px 0px 4px 2px lightgray;
}
.article-response-text[b-pgo5hfev8z] {
overflow-y: auto;
text-overflow: ellipsis;
max-height: 350px;
}
.article-button-container[b-pgo5hfev8z] {
display: flex;
}
.article-button[b-pgo5hfev8z] {
cursor: pointer;
color: #4f4e4e;
margin: 2px 3px 0px 0px;
font-size: small
}
/* _content/NetConWeb/View/Tickets/Detail/Sidebar/NotesView.razor.rz.scp.css */
[b-40nriwq3x6] .noteContainerGroup{
padding: 5px 5px 5px 5px;
}
.noteContainer[b-40nriwq3x6] {
overflow-y: scroll;
overflow-x: hidden;
height: 60vh;
width: 100%;
}
.noteTile[b-40nriwq3x6] {
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-40nriwq3x6] .noteTileMemo {
background-color: whitesmoke !important;
}
/* _content/NetConWeb/View/Tickets/Detail/SupportTicketBaseDataView.razor.rz.scp.css */
[b-ntzn74lqiq] .close-tab {
cursor: pointer;
padding: 2px 8px;
margin-left: 8px;
opacity: 0.6;
border-radius: 4px;
}
.config-tile[b-ntzn74lqiq] {
display:flex;
flex-direction: column;
gap: 10px;
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
margin-top: 0px;
}
@media (min-width: 1081px) {
.ticketdetailsgrid[b-ntzn74lqiq] {
display: grid;
grid-template-columns: 30% 67% 3%;
height: 80vh;
}
}
[b-ntzn74lqiq] .dxbl-accordion {
width: 100%;
}
[b-ntzn74lqiq] .close-tab:hover {
opacity: 1;
background-color: rgba(0,0,0,0.1);
}
[b-ntzn74lqiq] .dxbl-tab-active {
border-bottom: 2px solid #f97316;
color: #f97316;
}
.topAlignedLayoutItem[b-ntzn74lqiq] {
vertical-align: top;
}
.leftAlignedLayoutItem[b-ntzn74lqiq] {
text-align: left;
}
.ticketDetailViewRight > div[b-ntzn74lqiq] {
margin-top: unset !important;
}
[b-ntzn74lqiq]::-webkit-scrollbar {
/* width: 20px; */
display: none;
}
.ticketDetailLeftSide[b-ntzn74lqiq] {
overflow-y: auto;
padding: 0px 15px 0px 0px
}
[b-ntzn74lqiq] .dxbl-text-edit > .dxbl-btn-group, .dxbl-text-edit > .dxbl-btn-group-vertical[b-ntzn74lqiq] {
background: none !important;
}
.ticketSitebar[b-ntzn74lqiq] {
background-color: white;
border-left: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 5px;
display: flex;
justify-content: center;
}
.rotate-180[b-ntzn74lqiq] {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.rotate-0[b-ntzn74lqiq] {
transform: rotate(0deg);
transition: transform 0.3s ease;
}
[b-ntzn74lqiq] .dxbl-drawer-header {
border-bottom: none !important;
}
.openSitebarBtn[b-ntzn74lqiq] {
color: lightgray;
font-size: 30px;
cursor: pointer;
}
.sitebarAccordion[b-ntzn74lqiq] {
display: flex;
align-items: center;
gap: 10px;
font-weight: normal;
}
.moreActionsIcon[b-ntzn74lqiq] {
font-size: 20px;
}
[b-ntzn74lqiq] .dxbl-group > .dxbl-group-header {
background-color: #ffffff !important;
padding: 0.25rem 0rem !important;
padding-left: 0px !important;
}
/* Mobile & Tablet */
@media only screen and (max-width: 1080px) {
.ticketdetailsgrid[b-ntzn74lqiq] {
display: flex;
flex-direction: column;
gap: 15px;
}
.ticket-list-tabs[b-ntzn74lqiq] {
margin-right: -10px !important;
}
.ticketDetailLeftSide[b-ntzn74lqiq] {
padding: 0px !important;
}
.ticketTabView[b-ntzn74lqiq] {
margin-bottom: 0px !important;
}
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
.ticketdetailsgrid[b-ntzn74lqiq] {
margin-right: 15px;
}
}
/* Styles fïŋ―r Bildschirmbreiten ab 1200px */
@media (min-width: 1200px) {
[b-ntzn74lqiq] .dxbl-form-layout-root {
height: calc(91vh - 70px);
overflow: hidden;
}
.ticketDetailViewRight[b-ntzn74lqiq] {
height: 100%;
}
/* Scrollbar-Styling */
.ticketDetailLeftSide[b-ntzn74lqiq]::-webkit-scrollbar-thumb,
.ticketDetailsContainer[b-ntzn74lqiq]::-webkit-scrollbar-thumb {
background-color: #cbd5e1;
border-radius: 4px;
}
.ticketDetailLeftSide[b-ntzn74lqiq]::-webkit-scrollbar-track,
.ticketDetailsContainer[b-ntzn74lqiq]::-webkit-scrollbar-track {
background-color: #f1f5f9;
}
}
[b-ntzn74lqiq] .content{
padding-top:0.4rem!important;
}
[b-ntzn74lqiq] .dxbl-splitter-vertical.dxbl-splitter > .dxbl-splitter-separator.dxbl-splitter-separator-draggable {
--dxbl-splitter-separator-bg: #d8d8d8 !important; /* HG der Linie */
--dxbl-splitter-button-focus-color: black !important; /* Buttons beim festhalten der Linie */
--dxbl-splitter-button-focused-color: black !important; /* Pfeile Farbe beim festhalten */
--dxbl-splitter-resize-handle-focused-color: black !important; /* rezize button Farbe beim festhaten*/
--dxbl-splitter-button-active-color: black !important;
--dxbl-splitter-resize-handle-active-color: black !important;
}
/* _content/NetConWeb/View/Tickets/Detail/TicketFeedView.razor.rz.scp.css */
.chat-container[b-45i99kp2ij] {
height: 100%;
padding-bottom: 15px;
overflow: hidden;
overflow-y: scroll;
}
.chatbox[b-45i99kp2ij] {
width: 100%;
}
.actionBtnBox[b-45i99kp2ij] {
margin-top: 10px;
}
.feed-filter[b-45i99kp2ij] {
display: flex;
flex-direction: column;
gap: 5px;
margin: 0px 0px 15px 0px;
overflow: hidden;
}
.feedheadline[b-45i99kp2ij] {
font-size: 14px;
font-weight: bold;
}
.feed-filter-icons[b-45i99kp2ij] {
display: flex;
gap: 5px;
align-items: center;
}
#content-history[b-45i99kp2ij] {
flex: 1;
overflow-y: auto;
display: contents;
flex-direction: column;
min-height: 0;
}
.content-historyDrawer[b-45i99kp2ij] {
height: 100%;
overflow: auto !important;
}
#content-feed[b-45i99kp2ij] {
flex-shrink: 0;
width: 100%;
border-radius: 0.5rem;
margin-top: 1rem;
}
.content-feed-icon[b-45i99kp2ij] {
color: #CFCFCF;
padding: 2px 8px;
border: 1px solid #CFCFCF;
transition: all 0.2s ease;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
font-size: 12px;
cursor: pointer;
}
.content-feed-icon-selected[b-45i99kp2ij] {
color: white;
border: 1px solid #9d9d9d;
background-color: #9d9d9d;
}
.internalColor[b-45i99kp2ij] {
background-color: #FF6200;
border: 1px solid #FF6200;
color: white;
}
.externalColor[b-45i99kp2ij] {
background-color: #00960A;
border: 1px solid #00960A;
color: white;
}
.activity-avatar[b-45i99kp2ij] {
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-45i99kp2ij] {
flex: 1;
}
.activity-header[b-45i99kp2ij] {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.activity-name[b-45i99kp2ij] {
font-weight: 500;
color: #264462;
}
.activity-timestamp[b-45i99kp2ij] {
color: #6c757d;
font-size: 0.875rem;
}
.activity-message[b-45i99kp2ij] {
color: #495057;
line-height: 1.5;
}
[b-45i99kp2ij] .chat-memo {
width: 100%;
border: 1px solid #ced4da;
border-radius: 0.25rem;
padding: 0.5rem;
min-height: 40px;
resize: none;
}
.ticket-content[b-45i99kp2ij] {
display: block !important;
height: 100%;
}
#content[b-45i99kp2ij] {
display: grid;
grid-template-columns: 1fr;
height: 100%;
background-color: #fff;
justify-content: space-between;
}
[b-45i99kp2ij] .dxbl-splitter-pane-content {
padding: 0px !important;
}
@media (max-width: 767px) {
.filterScroll[b-45i99kp2ij] {
display: inline-flex;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.filterScroll[b-45i99kp2ij]::-webkit-scrollbar {
display: none;
}
}
/* _content/NetConWeb/View/Tickets/Detail/TicketHeaderView.razor.rz.scp.css */
.headerCustomer[b-5bdc52wgg9] {
max-width: 680px;
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.headerTextContainer[b-5bdc52wgg9] {
white-space: nowrap;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
white-space: normal;
hyphens: auto;
font-weight: bold;
margin-bottom: 0px;
}
.headerSuperTextContainer[b-5bdc52wgg9] {
overflow: hidden;
text-overflow: ellipsis;
max-width: 220px;
margin-right: 5px;
flex-shrink: 0;
}
.assignedimage[b-5bdc52wgg9] {
margin-right: 10px;
}
.headerContainer[b-5bdc52wgg9] {
display: grid;
grid-template-columns: 70% 30%;
padding-top: 5px;
}
.ticketHeaderDistance[b-5bdc52wgg9] {
padding: 0px 5px 0px 3px;
}
@media only screen and (max-width: 1500px) {
.headerContainer[b-5bdc52wgg9] {
grid-template-columns: 100%;
}
}
.headerContainerRight[b-5bdc52wgg9] {
margin-left: auto;
z-index: 2;
}
.headerContainerRightButton[b-5bdc52wgg9] {
display: grid;
cursor: pointer;
padding-right: 8px;
padding-top: 8px;
}
.selectionPopUpTargetOverflow[b-5bdc52wgg9] {
margin-left: -300px;
}
.tagContainer[b-5bdc52wgg9] {
font-size: 11pt;
margin: 0px 10px -28px 12px;
position: relative;
display: -webkit-box;
overflow: hidden;
max-width: 600px;
z-index: 2;
}
.badgeRightContainer[b-5bdc52wgg9] {
margin-left: auto;
margin-right: 30px;
min-height: 34px;
}
.itemRight[b-5bdc52wgg9] {
font-weight: bold;
padding-top: 6px;
font-size: 9.5pt;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
}
.mandantbadge[b-5bdc52wgg9] {
display: flex;
align-items: center;
gap: 3px;
padding: 2px 8px;
font-size: 12px;
background-color: #17a2b8;
border-radius: 20px;
color: white;
font-weight: bold;
}
.isPublic[b-5bdc52wgg9] {
min-width: 64px;
max-width: 64px;
cursor: pointer;
}
.assignedUser[b-5bdc52wgg9] {
min-width: 200px;
max-width: 200px;
}
.refreshBadge[b-5bdc52wgg9] {
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-5bdc52wgg9] {
width: 20px;
height: 20px;
border-radius: 50%;
margin: 3px 5px 0px 10px
}
.ticketInformation[b-5bdc52wgg9] {
border: 1px solid #ddd;
padding: 15px;
border-radius: 8px;
background-color: white;
margin-bottom: 10px;
}
.ticketinfoheader[b-5bdc52wgg9] {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
.changeUser[b-5bdc52wgg9] {
cursor: pointer;
color: blue;
margin-left: 5px;
}
.changeUser:hover[b-5bdc52wgg9] {
text-decoration: underline;
}
.fa-circle-user[b-5bdc52wgg9] {
font-size: 25px;
color: #264462;
}
.infoicon[b-5bdc52wgg9] {
margin-right: 5px;
}
.fa-address-card[b-5bdc52wgg9] {
font-size: 20px;
color: #264462;
}
/*Mobile*/
@media screen and (max-width: 767px) {
.header-container[b-5bdc52wgg9] {
display: block !important;
}
.headerCustomer[b-5bdc52wgg9] {
margin-top: 15px !important;
}
.headerSuperTextContainer[b-5bdc52wgg9] {
margin-left: 0px !important;
}
.ticketHeaderDistance[b-5bdc52wgg9] {
padding: 10px;
}
.headerTextContainer[b-5bdc52wgg9] {
margin: 0px !important;
}
}
/* _content/NetConWeb/View/Tickets/Detail/TicketListView.razor.rz.scp.css */
/* Main Container */
.ticketTabView[b-034fqbq3tj] {
margin-bottom: 7px;
width: 100%;
}
/* Tabs Container with Controls */
.ticket-list-tabs[b-034fqbq3tj] {
display: flex;
justify-content: space-between;
align-items: center;
background: #F6F6F6;
height: 50px;
margin-bottom: 15px;
border-radius: 8px;
}
/* Individual Tab */
.ticket-list-tab[b-034fqbq3tj] {
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px;
cursor: pointer;
width: 200px;
transition: background-color 0.2s;
border: 1px solid #e3e3e3;
border-radius: 8px;
height: 40px;
font-size: 13px;
background: #F6F6F6;
}
.ticket-list-tab:hover[b-034fqbq3tj] {
background: #fff;
border: 1px solid white;
}
.ticket-list-tab.active[b-034fqbq3tj] {
color: var(--primaryMandatorColor);
font-weight: bold;
background: #fff;
border: 1px solid white;
}
/* Close Button */
.ticketListClose[b-034fqbq3tj] {
color: black;
margin: 0px;
}
.ticketListClose:hover[b-034fqbq3tj] {
color: var(--primaryMandatorColor);
cursor: pointer;
}
/* Left Control - Back Button */
.ticket-list-control-left[b-034fqbq3tj] {
display: flex;
align-items: center;
gap: 10px;
font-size: 17px;
color: black;
padding: 15px;
cursor: pointer;
}
/* Right Control - Close All */
.ticket-list-control-right[b-034fqbq3tj] {
padding: 15px;
align-items: center;
}
/* Scrollable Tabs Container */
.tabs-scroll-container[b-034fqbq3tj] {
display: flex;
gap: 10px;
align-items: center;
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-034fqbq3tj]::-webkit-scrollbar {
height: 6px;
width: 6px;
}
.tabs-scroll-container[b-034fqbq3tj]::-webkit-scrollbar-track {
background: #f8f9fa;
border-radius: 3px;
}
.tabs-scroll-container[b-034fqbq3tj]::-webkit-scrollbar-thumb {
background-color: #cbd5e0;
border-radius: 3px;
border: 2px solid transparent;
}
.tabs-scroll-container[b-034fqbq3tj]::-webkit-scrollbar-thumb:hover {
background-color: #a0aec0;
}
/* Tab Content */
.ticket-list-tab-header[b-034fqbq3tj] {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 500;
}
.ticket-list-tab-details[b-034fqbq3tj] {
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-034fqbq3tj] {
margin-right: 0px !important;
}
.ticket-list-tabs[b-034fqbq3tj] {
width: auto;
}
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/AddressInputTile.razor.rz.scp.css */
.config-tile[b-kp36eeo4z3] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
margin-top: 10px;
}
.tile-header[b-kp36eeo4z3] {
cursor: pointer;
}
.header-content[b-kp36eeo4z3] {
display: flex;
justify-content: space-between;
align-items: center;
}
.title-with-icon[b-kp36eeo4z3] {
display: flex;
align-items: center;
gap: 1rem;
}
.icon-container[b-kp36eeo4z3] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-kp36eeo4z3] {
color: #264462;
font-size: 20px;
}
.title-container[b-kp36eeo4z3] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.main-title[b-kp36eeo4z3] {
font-size: 1rem;
font-weight: 600;
color: #264462;
}
.subtitle[b-kp36eeo4z3] {
font-size: 0.875rem;
color: #666;
}
.expand-icon[b-kp36eeo4z3] {
color: #666;
font-size: 1.25rem;
}
[b-kp36eeo4z3] .dxbl-btn {
/*margin-top: 1rem*/;
background-color: #004d9f;
border-color: #004d9f;
color: white;
}
[b-kp36eeo4z3] .dxbl-btn:hover {
background-color: #003d7f;
border-color: #003d7f;
}
[b-kp36eeo4z3] .dx-tab {
background-color: #f5f5f5;
border: none;
color: #666;
}
[b-kp36eeo4z3] .dx-tab.dx-tab-selected {
background-color: #264462;
color: white;
}
[b-kp36eeo4z3] .dxbl-textbox,
[b-kp36eeo4z3] .dxbl-combobox {
width: 100%;
margin-bottom: 0.5rem;
}
[b-kp36eeo4z3] .dx-texteditor {
border: 1px solid #e0e0e0;
border-radius: 4px;
background-color: #ffffff;
transition: all 0.2s ease;
}
[b-kp36eeo4z3] .dx-texteditor:hover {
border-color: #bdbdbd;
}
[b-kp36eeo4z3] .dx-texteditor.dx-state-focused {
border-color: #264462;
box-shadow: 0 0 0 1px #264462;
}
[b-kp36eeo4z3] .dx-texteditor-input {
padding: 4px 12px;
color: #333;
font-family: Lato;
height: 32px;
line-height: 24px;
}
[b-kp36eeo4z3] .dx-texteditor {
height: 32px;
}
[b-kp36eeo4z3] .dx-placeholder {
color: #999;
padding: 8px 12px;
font-family: Lato;
}
[b-kp36eeo4z3] .dx-dropdowneditor-icon {
width: 34px;
color: #666;
}
[b-kp36eeo4z3] .dx-dropdowneditor-icon:hover {
background-color: #f5f5f5;
}
[b-kp36eeo4z3] .dx-state-disabled {
opacity: 0.5;
background-color: #f9f9f9;
}
[b-kp36eeo4z3] .loading-spinner-light {
--primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/AssignCivilEngineerTile.razor.rz.scp.css */
.config-tile[b-biyz3pffdi] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 0;
margin-top: 10px;
}
.tile-header[b-biyz3pffdi] {
cursor: pointer;
padding: 1rem;
}
.header-content[b-biyz3pffdi] {
display: flex;
justify-content: space-between;
align-items: center;
}
.title-with-icon[b-biyz3pffdi] {
display: flex;
align-items: center;
gap: 1rem;
}
.icon-container[b-biyz3pffdi] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-biyz3pffdi] {
color: #264462;
font-size: 1.25rem;
}
.title-container[b-biyz3pffdi] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.main-title[b-biyz3pffdi] {
font-size: 1rem;
font-weight: 600;
color: #264462;
}
.subtitle[b-biyz3pffdi] {
font-size: 0.875rem;
color: #666;
}
.expand-icon[b-biyz3pffdi] {
color: #666;
font-size: 1.25rem;
}
/* Bestehende Styles */
.tile-content[b-biyz3pffdi] {
padding: 1rem;
}
.form-group[b-biyz3pffdi] {
margin-bottom: 1rem;
}
.form-group label[b-biyz3pffdi] {
display: block;
margin-bottom: 0.5rem;
color: #666;
font-size: 0.875rem;
}
.notification-group[b-biyz3pffdi] {
display: flex;
align-items: center;
gap: 0.5rem;
}
.notification-group label[b-biyz3pffdi] {
margin-bottom: 0;
}
.no-data[b-biyz3pffdi] {
padding: 1rem;
text-align: center;
color: #666;
}
[b-biyz3pffdi] .loading-spinner-light {
--primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/Base/TileView.razor.rz.scp.css */
.baseIcon[b-is49oexkit] {
padding: 0 0.3rem;
height: 20px;
width: 30px;
margin-left:10px;
}
.maximizeIcon[b-is49oexkit] {
float: right;
}
.headerbox[b-is49oexkit] {
text-decoration: none !important;
cursor: default;
}
.hrHeader[b-is49oexkit] {
margin-top: 5px;
margin-bottom: 3px;
border-bottom: 2px solid #f3f3f3 !important;
width: 100%;
}
.tileBoxOuter[b-is49oexkit] {
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-is49oexkit] {
min-width: 83vw !important;
max-width: 83vw !important;
}
}
.tileBoxOuter:hover[b-is49oexkit] {
box-shadow: 0px 0px 5px 1px darkgrey;
}
.tileBoxOuter[b-is49oexkit] {
box-shadow: 0px 0px 10px 2px darkgrey;
margin: 5px;
}
.tileContent[b-is49oexkit] {
padding: 10px 10px 0px 10px;
text-align: center;
}
[b-is49oexkit] .ticketTileOuter {
padding-right: 0px;
padding-left: 5px;
}
.ticketTileInfoBoxHeader[b-is49oexkit] {
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/Detail/TileViews/CivilEngineerDeadLineTile.razor.rz.scp.css */
.config-tile[b-8zckc0hhcy] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 0;
margin-top: 10px;
}
.tile-header[b-8zckc0hhcy] {
cursor: pointer;
padding: 1rem;
}
.header-content[b-8zckc0hhcy] {
display: flex;
justify-content: space-between;
align-items: center;
}
.title-with-icon[b-8zckc0hhcy] {
display: flex;
align-items: center;
gap: 1rem;
}
.icon-container[b-8zckc0hhcy] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-8zckc0hhcy] {
color: #264462;
font-size: 1.25rem;
}
.title-container[b-8zckc0hhcy] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.main-title[b-8zckc0hhcy] {
font-size: 1rem;
font-weight: 600;
color: #264462;
}
.subtitle[b-8zckc0hhcy] {
font-size: 0.875rem;
color: #666;
}
.expand-icon[b-8zckc0hhcy] {
color: #666;
font-size: 1.25rem;
}
.tile-content[b-8zckc0hhcy] {
padding: 1rem;
}
.purpleBack[b-8zckc0hhcy] {
background-color: purple !important;
color: white !important;
}
.redBack[b-8zckc0hhcy] {
background-color: red !important;
color: white !important;
}
label[b-8zckc0hhcy] {
color: #ababab;
margin-top: 15px;
padding-left: 5px;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
font-family: Lato;
display: block;
}
[b-8zckc0hhcy] .loading-spinner-light {
--primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/ContactCenterTile.razor.rz.scp.css */
.config-tile[b-97hchabuzg] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
margin-top: 10px;
}
.tile-header[b-97hchabuzg] {
cursor: pointer;
}
.header-content[b-97hchabuzg] {
display: flex;
justify-content: space-between;
align-items: center;
}
.title-with-icon[b-97hchabuzg] {
display: flex;
align-items: center;
gap: 1rem;
}
.icon-container[b-97hchabuzg] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-97hchabuzg] {
color: #264462;
font-size: 20px;
}
.title-container[b-97hchabuzg] {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.main-title[b-97hchabuzg] {
font-size: 1rem;
font-weight: 600;
color: #264462;
}
.subtitle[b-97hchabuzg] {
font-size: 0.875rem;
color: #666;
}
.expand-icon[b-97hchabuzg] {
color: #666;
font-size: 1.25rem;
}
.search-container[b-97hchabuzg] {
display: flex;
align-items: center;
width: 100%;
padding-left: 0px;
justify-content: space-between;
}
.search-box[b-97hchabuzg] {
flex: 1;
}
[b-97hchabuzg] .customerSearch {
border-radius: 8px;
height: 35px;
margin: 15px 0px;
width: 100%;
}
[b-97hchabuzg] .dxbl-text-edit > [class*=dxbl-btn-group-left]:first-of-type {
background: none !important;
}
.search-buttons[b-97hchabuzg] {
display: flex;
}
.icon-button[b-97hchabuzg] {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 8px;
border-radius: 4px;
}
.icon-button:hover[b-97hchabuzg] {
background-color: #f0f0f0;
}
[b-97hchabuzg] .search-input {
width: 100%;
border-radius: 4px;
}
.search-results[b-97hchabuzg] {
max-height: 300px;
overflow-y: auto;
font-size: 13px;
}
.result-header[b-97hchabuzg] {
padding: 8px 0px;
font-size: 13px;
color: #666;
text-align: left;
border-bottom: 1px solid #ddd;
}
td[b-97hchabuzg] {
padding: 10px 5px 10px 0px;
}
.result-row[b-97hchabuzg] {
border-bottom: 1px solid #eee;
padding: 5px 0px;
}
.result-row:hover[b-97hchabuzg] {
background-color: #f5f5f5;
}
.contact-center-icon[b-97hchabuzg] {
cursor: pointer;
padding: 0.5rem;
border-radius: 4px;
color: #264462;
}
.contact-center-icon:hover[b-97hchabuzg] {
background-color: #e0e0e0;
}
.no-results[b-97hchabuzg] {
text-align: center;
padding: 1rem;
color: #666;
}
[b-97hchabuzg] .loading-spinner-light {
--primary: var(--primaryMandatorColor);
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/CustomerTile.razor.rz.scp.css */
.config-tile[b-wykakizjlc] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
margin-top: 10px;
}
.tile-header[b-wykakizjlc] {
cursor: pointer;
}
.header-content[b-wykakizjlc] {
display: flex;
justify-content: space-between;
align-items: center;
}
.title-with-icon[b-wykakizjlc] {
display: flex;
align-items: center;
gap: 1rem;
width: 90%;
}
.icon-container[b-wykakizjlc] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-wykakizjlc] {
color: #264462;
font-size: 20px;
}
.title-container[b-wykakizjlc] {
display: flex;
flex-direction: column;
gap: 0.25rem;
width: 90%;
}
.main-title[b-wykakizjlc] {
font-size: 1rem;
font-weight: 600;
color: #264462;
}
.subtitle[b-wykakizjlc] {
font-size: 0.875rem;
color: #666;
width: 92%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.expand-icon[b-wykakizjlc] {
color: #666;
font-size: 1.25rem;
}
/* Status Styles */
.customer-statusgrid[b-wykakizjlc] {
display: flex;
flex-direction: column;
margin-top: 15px;
font-size: 14px;
width: fit-content;
}
.customerlabel[b-wykakizjlc] {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 15px;
}
.customerresult[b-wykakizjlc] {
margin-left: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.removeAssignment[b-wykakizjlc] {
color:red;
}
.removeAssignment:hover[b-wykakizjlc] {
text-decoration: underline;
cursor: pointer;
}
[b-wykakizjlc] .customerSearch {
border-radius: 8px;
height: 35px;
}
[b-wykakizjlc] .dxbl-text-edit > [class*=dxbl-btn-group-left]:first-of-type {
background: none !important;
}
.search-icon-container[b-wykakizjlc] {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.search-icon[b-wykakizjlc] {
cursor: pointer;
padding: 0.5rem;
border-radius: 4px;
}
.search-icon:hover[b-wykakizjlc] {
background-color: #f0f0f0;
}
.search-results[b-wykakizjlc] {
max-height: 250px;
overflow-y: auto;
}
.result-header[b-wykakizjlc] {
padding: 8px 0px;
font-size: 15px;
border-bottom: 1px solid #ddd;
}
.result-row[b-wykakizjlc] {
border-bottom: 1px solid #eee;
}
.result-row:hover[b-wykakizjlc] {
background-color: #f5f5f5;
}
.info-badge[b-wykakizjlc], .remove-badge[b-wykakizjlc] {
cursor: pointer;
padding: 0.25rem 0.5rem;
border-radius: 999px;
font-size: 13px;
width: auto;
}
.assign-icon[b-wykakizjlc] {
cursor: pointer;
padding: 0px 5px;
}
.search-button[b-wykakizjlc] {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 8px;
border-radius: 4px;
}
.search-button:hover[b-wykakizjlc] {
background-color: #f0f0f0;
}
[b-wykakizjlc] .loading-spinner-light {
--primary: var(--primaryMandatorColor);
}
.grid-cell[b-wykakizjlc] {
margin-top: 10px;
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/FileTile.razor.rz.scp.css */
.config-tile[b-tp51hom80t] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 1rem;
margin-top: 10px;
}
.tile-content[b-tp51hom80t] {
margin-top: 1rem;
}
.dropZone[b-tp51hom80t] {
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-tp51hom80t] {
border-color: #6c757d;
background-color: #e9ecef;
}
.dropZoneContent[b-tp51hom80t] {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 1rem 0;
}
.files-table[b-tp51hom80t] {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
}
.files-table th[b-tp51hom80t] {
text-align: left;
padding: 0.5rem;
border-bottom: 1px solid #dee2e6;
color: #6c757d;
font-weight: 500;
}
.files-table td[b-tp51hom80t] {
padding: 0.5rem;
border-bottom: 1px solid #dee2e6;
}
.fileName[b-tp51hom80t] {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
color: #004d9f;
}
.fileName:hover[b-tp51hom80t] {
text-decoration: underline;
}
.upload-button[b-tp51hom80t] {
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-tp51hom80t] {
background-color: #003d7a;
transform: translateY(-1px);
}
.no-data-box[b-tp51hom80t] {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 1rem;
padding: 2rem;
}
.no-data-text[b-tp51hom80t] {
color: #1b2e40;
font-size: 16px;
font-weight: 600;
font-family: Lato;
margin-bottom: 1rem;
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/TelephoneTile.razor.rz.scp.css */
.config-tile[b-txs02hiavv] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 1rem;
margin-top: 10px;
}
.tile-content[b-txs02hiavv] {
margin-top: 1rem;
}
.callBox[b-txs02hiavv] {
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-txs02hiavv] {
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
transform: translateY(-1px);
}
.call-icon[b-txs02hiavv] {
display: flex;
align-items: center;
}
.call-icon img[b-txs02hiavv] {
width: 20px;
height: 20px;
margin-right: 0.5rem;
}
.callNumber[b-txs02hiavv] {
color: #122538;
font-weight: 600;
font-size: 14px;
margin-right: 1rem;
}
.callDate[b-txs02hiavv] {
color: #6c757d;
font-size: 14px;
margin-right: 1rem;
}
.callDuration[b-txs02hiavv] {
color: #6c757d;
font-size: 14px;
margin-left: auto;
}
.no-data-box[b-txs02hiavv] {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 1rem;
padding: 2rem;
}
.no-data-text[b-txs02hiavv] {
color: #1b2e40;
font-size: 16px;
font-weight: 600;
font-family: Lato;
margin-bottom: 1rem;
}
/* _content/NetConWeb/View/Tickets/Detail/TileViews/TvTile.razor.rz.scp.css */
.config-tile[b-o72eyzazu0] {
background-color: white;
border: 1px solid #ddd;
border-radius: 8px;
padding: 1rem;
margin-top: 10px;
}
.tile-content[b-o72eyzazu0] {
margin-top: 1rem;
}
.contAreaContainer2[b-o72eyzazu0] {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
background-color: white;
border-radius: 4px;
}
.contArea1[b-o72eyzazu0] {
padding: 0.75rem;
border-radius: 4px;
text-align: center;
}
.contArea2[b-o72eyzazu0] {
margin: 1rem 0;
}
.contArea2 label[b-o72eyzazu0] {
display: block;
margin-bottom: 0.5rem;
color: #122538;
font-family: Lato;
font-size: 14px;
}
.contArea3[b-o72eyzazu0] {
text-align: right;
color: #6c757d;
font-size: 14px;
font-family: Lato;
padding: 0.5rem;
}
.statusGreen[b-o72eyzazu0] {
background-color: #90EE90;
color: #006400;
}
.statusOrange[b-o72eyzazu0] {
background-color: #FFD700;
color: #8B4513;
}
.statusRed[b-o72eyzazu0] {
background-color: #FF6B6B;
color: #8B0000;
}
.no-data-box[b-o72eyzazu0] {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 1rem;
padding: 2rem;
}
.no-data-text[b-o72eyzazu0] {
color: #1b2e40;
font-size: 16px;
font-weight: 600;
font-family: Lato;
margin-bottom: 1rem;
}
:deep(.tileTabPage)[b-o72eyzazu0] {
padding: 1rem 0;
}
/* _content/NetConWeb/View/Tiles/AccessDataTile/AccessDataTileCc.razor.rz.scp.css */
[b-02tc9p0lra] .w-24 {
width: 24%;
}
[b-02tc9p0lra] .w-32 {
width: 32%;
}
[b-02tc9p0lra] .w-49 {
width: 49%;
}
[b-02tc9p0lra] .indicator-right {
position: absolute;
right: 5px;
--dxbl-wait-indicator-size: 1.2rem !important;
}
.resultContainerBottom[b-02tc9p0lra] {
margin-top: 10px;
width: 100%;
}
.resultContainerBottom .resultValue[b-02tc9p0lra] {
color: #1b2e40;
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;
}
.result-box[b-02tc9p0lra] {
margin-top: 8px;
}
.result-box-content[b-02tc9p0lra] {
display: flex;
gap: 10px;
align-items: center;
}
.result-box-password[b-02tc9p0lra] {
border: 1px solid lightgray;
text-align: left;
width: auto;
}
.result-action-outer[b-02tc9p0lra] {
display: flex;
justify-content: space-between;
margin-top: 10px;
border-bottom: 1px solid lightgray;
padding-bottom: 10px;
}
/* _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] {
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: auto;
}
.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;
}
.savePostButton:disabled[b-2r7j9z6g01] {
background-color: #ccc;
color: #666;
cursor: not-allowed;
opacity: 0.6;
}
.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: 16.5px;
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: 0 5px 0 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: 900;
}
.tableColumnNameLine .columnTwo[b-pulm8rm9i1] {
width: 30%;
font-size: 14px;
padding-left: 2vw;
font-weight: bold;
}
.tableColumnNameLine .columnThree[b-pulm8rm9i1] {
width: 20%;
font-size: 14px;
padding-left: 1vw;
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: 2vw;
}
.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;
}
.popAndDpStatusLine[b-pulm8rm9i1] {
/* margin-top: 5px;*/
margin-bottom: 25px;
font-size: 14px;
font-weight: 700;
}
/*Area-PopUp*/
.area-details-popup[b-pulm8rm9i1] {
font-family: Arial, sans-serif;
}
.popupAreaBody[b-pulm8rm9i1] {
display: flex;
flex-direction: column;
padding: 10px 0;
}
.popupFieldSubject[b-pulm8rm9i1] {
font-size: 17px;
color: #333;
font-weight: 700;
margin-bottom: 15px;
padding: 0 10px;
}
.statusBox[b-pulm8rm9i1] {
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 14px;
color: #161616;
padding: 0 10px;
}
.popupFieldRow[b-pulm8rm9i1] {
display: flex;
align-items: flex-start;
font-size: 14px;
color: #161616;
overflow: hidden;
white-space: normal;
word-wrap: break-word;
hyphens: auto;
line-height: 1.5;
}
.popupFieldRow i[b-pulm8rm9i1] {
font-size: 1.3em;
margin-right: 13px;
color: #848484;
width: 22px;
text-align: center;
flex-shrink: 0;
margin-top: 3px;
}
.popupFieldRow span[b-pulm8rm9i1] {
flex: 1;
line-height: 1.4;
}
.popupNote[b-pulm8rm9i1] {
margin-top: 25px;
color: #161616;
font-weight: 600;
}
.noteRow[b-pulm8rm9i1] {
margin-top: 5px;
border: 1px solid #ccc;
padding: 8px;
background-color: #f8f8f8;
font-size: 14px;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: anywhere;
overflow-y: auto;
min-height: 100px;
border-radius: 5px;
color: #333;
line-height: 1.5;
}
.resultOne.clickable[b-pulm8rm9i1] {
cursor: pointer;
color: #0056b3;
text-decoration: none;
font-weight: 500;
}
.resultOne.clickable:hover[b-pulm8rm9i1] {
color: #003d82;
text-decoration: underline;
}
.popupFieldLabel[b-pulm8rm9i1] {
font-weight: 600;
color: #333;
flex-shrink: 0;
min-width: 180px;
}
.popupFieldValue[b-pulm8rm9i1] {
color: #161616;
margin-left: 10px;
flex: 1;
}
.popupNote[b-pulm8rm9i1] {
margin-top: 25px;
padding: 0 10px;
color: #161616;
font-weight: 600;
font-size: 15px;
}
.noteRow[b-pulm8rm9i1] {
margin-top: 8px;
margin-bottom: 10px;
padding: 12px;
background-color: #f8f8f8;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 14px;
white-space: pre-wrap;
word-wrap: break-word;
line-height: 1.5;
color: #333;
}
/* _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] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-e7h8xw5kgt] {
color: #264462;
font-size: 20px;
}
.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;
}
.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;
}
.connectionContentWrapper[b-417vqv175s] {
max-height: calc(100vh - 150px);
overflow-y: auto;
padding-right: 10px;
}
.resultContainer[b-417vqv175s] {
display: flex;
width: 100%;
justify-content: space-between;
gap: 20px;
}
.statusColumn[b-417vqv175s] {
flex: 1;
min-width: 0;
}
.resultValue[b-417vqv175s] {
display: flex;
align-items: center;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: #1b2e40;
font-family: Lato;
line-height: 1.4;
}
.text-truncate[b-417vqv175s] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
min-width: 0;
}
.sectionDivider[b-417vqv175s] {
height: 1px;
background-color: #e0e0e0;
margin: 20px 0;
}
.noDataSection[b-417vqv175s] {
margin: 20px 0;
text-align: center;
}
.noDataText[b-417vqv175s] {
color: #888;
font-size: 15px;
font-style: italic;
font-weight: 600;
}
.notesSection[b-417vqv175s] {
margin-top: 20px;
}
.notesHeader[b-417vqv175s] {
font-weight: bold;
font-size: 15px;
color: #1b2e40;
margin-bottom: 12px;
}
.noteItemMinimal[b-417vqv175s] {
background: #f8f8f8;
border-radius: 4px;
padding: 4px 12px;
margin-bottom: 10px;
font-size: 13px;
line-height: 1.4;
border-left: 3px solid #007bff;
}
.noteTextMinimal[b-417vqv175s] {
margin-bottom: 5px;
word-wrap: break-word;
}
.noteMetaMinimal[b-417vqv175s] {
font-size: 12px;
color: #777;
}
/* _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;
}
.editbox[b-0xnpmxzvio] {
display: flex;
flex-direction: column;
color: var(--primaryMandatorColor);
cursor: pointer;
}
.edit[b-0xnpmxzvio] {
cursor: pointer;
margin-bottom: 0px;
font-size: 15px;
}
.edit:hover[b-0xnpmxzvio] {
text-decoration: underline;
}
.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] {
padding: 5px 15px;
border-radius: 15px;
z-index: 2;
width: fit-content;
}
.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: 10px 0px 10px 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] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-cv9gwbvypy] {
color: #264462;
font-size: 20px;
}
.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/DocumentTile/DocumentList.razor.rz.scp.css */
.documentContainer[b-pjfip04xzv] {
display: flex;
justify-content: space-between;
text-align: left;
cursor: pointer;
background-color: #fbfbfb;
border-left: solid 4px #f1f1f1;
min-height: 60px;
padding: 0 10px;
align-items: center;
gap: 10px;
}
.documentContainer:hover[b-pjfip04xzv] {
background-color: #f0f0f0;
border-left: solid 4px #e0e0e0;
}
.documentContainer:active[b-pjfip04xzv] {
background-color: #e6e6e6;
border-left: solid 4px #d0d0d0;
}
.documentDetailsContainer[b-pjfip04xzv] {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.documentDetailsHeader[b-pjfip04xzv] {
font-size: 14px;
font-weight: 900;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
letter-spacing: -0.02em;
}
.documentDetailsDate[b-pjfip04xzv] {
color: #262626;
font-size: 12px;
}
.documentLabelContainer[b-pjfip04xzv] {
display: flex;
flex-direction: column;
gap: 5px;
margin-right: 0px;
font-size: 13px;
align-items: flex-end;
}
.documentTag[b-pjfip04xzv] {
font-size: 12px;
padding: 4px 10px;
border-radius: 12px;
color: white;
min-width: 60px;
text-align: center;
font-weight: 600;
}
.tag-vertrag[b-pjfip04xzv] {
background-color: #28a745;
}
.tag-portierung[b-pjfip04xzv] {
background-color: #20c997;
}
.tag-kuendigung[b-pjfip04xzv] {
background-color: #dc3545;
}
.tag-rechnung[b-pjfip04xzv] {
background-color: #007bff;
}
.tag-zugangsdaten[b-pjfip04xzv] {
background-color: #fd7e14;
}
.tag-email[b-pjfip04xzv] {
background-color: #6f42c1;
}
.tag-brief[b-pjfip04xzv] {
background-color: #004085;
}
.tag-bilder[b-pjfip04xzv] {
background-color: #e83e8c;
}
.tag-sonstige[b-pjfip04xzv] {
background-color: #17a2b8;
}
.tag-allgemein[b-pjfip04xzv] {
background-color: #6610f2;
}
.tag-benachrichtigungen[b-pjfip04xzv] {
background-color: #d63384;
}
.tag-ftth[b-pjfip04xzv] {
background-color: #ff1493;
}
.tag-ftth-passiv[b-pjfip04xzv] {
background-color: #ff69b4;
}
.tag-fttc[b-pjfip04xzv] {
background-color: #9932cc;
}
.tag-internet[b-pjfip04xzv] {
background-color: #00bcd4;
}
.tag-tv[b-pjfip04xzv] {
background-color: #ffc107;
color: #212529;
}
.tag-voip[b-pjfip04xzv] {
background-color: #218838;
}
.tag-epost[b-pjfip04xzv] {
background-color: #12b886;
}
.tag-anschlusspunkt[b-pjfip04xzv] {
background-color: #9c27b0;
}
.tag-hausanschluss[b-pjfip04xzv] {
background-color: #7b1fa2;
}
.tag-hausbegehung[b-pjfip04xzv] {
background-color: #6c8b3d;
}
.tag-fertigmeldung[b-pjfip04xzv] {
background-color: #8bc34a;
}
.tag-gestattungsvertrag[b-pjfip04xzv] {
background-color: #e67e22;
}
.tag-umstelltermin[b-pjfip04xzv] {
background-color: #ff5722;
}
.tag-auftragsbestaetigung[b-pjfip04xzv] {
background-color: #3498db;
}
.tag-buchung[b-pjfip04xzv] {
background-color: #16a085;
}
.tag-lieferschein[b-pjfip04xzv] {
background-color: #8b4513;
}
.tag-paketschein[b-pjfip04xzv] {
background-color: #a0522d;
}
.tag-webauftritt[b-pjfip04xzv] {
background-color: #16a085;
}
.tag-default[b-pjfip04xzv] {
background-color: #f39c12;
}
/* _content/NetConWeb/View/Tiles/DocumentTile/DocumentTileCC.razor.rz.scp.css */
.tileCard[b-3we18ojfwp] {
margin-top: 20px;
}
.tileComponent[b-3we18ojfwp] {
padding: 15px 0px 9px 0px;
position: relative;
}
[b-3we18ojfwp] .componentTitleLine {
padding: 0px 20px !important;
}
[b-3we18ojfwp] .dxbl-grid {
height: 390px !important;
overflow-y: auto !important;
padding-bottom: 32px !important;
border: none !important;
background-color: transparent !important;
}
[b-3we18ojfwp] .dxbl-tabs-item {
font-size: 16px;
}
[b-3we18ojfwp] .dxbl-grid-header-row {
display: none;
}
[b-3we18ojfwp] .dxbl-grid-footer-row {
display: none !important;
}
.totalSummary[b-3we18ojfwp] {
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;
}
/* _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%;
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/HardwareTile/HardwareTileCc.razor.rz.scp.css */
.resultContainerBottom[b-ep0f3sn8wy] {
margin-top: 20px;
width: 100%;
overflow-y: scroll;
height: 265px;
}
.resultContainerBottom .resultValue[b-ep0f3sn8wy] {
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;
}
.result-box[b-ep0f3sn8wy] {
}
.result-box-title-outer[b-ep0f3sn8wy] {
display: flex;
gap: 15px;
}
.result-box-title[b-ep0f3sn8wy] {
font-weight: bolder;
margin-bottom: 12px;
}
.result-box-title-button[b-ep0f3sn8wy] {
cursor: pointer;
height: 20px;
}
.result-box-content[b-ep0f3sn8wy] {
display: flex;
justify-content: space-between;
}
/* _content/NetConWeb/View/Tiles/InboxOutboxTile/InboxOutboxTileCc.razor.rz.scp.css */
.tileCard[b-p20xmxhs4m] {
margin-top: 20px;
}
.tileComponent[b-p20xmxhs4m] {
padding: 15px 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: 14.5px;
font-weight: 900;
letter-spacing: -0.02em;
}
.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;
}
[b-7szflwyq4g] .journalGrid {
--dxbl-grid-text-cell-padding-y: 2px !important;
}
/* _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/PortingSubTileCc.razor.rz.scp.css */
.portierungCard[b-ztyuweqiwq] {
position: relative;
}
.portierungCard .resultContainerBottom[b-ztyuweqiwq] {
margin-top: 15px;
}
.noData[b-ztyuweqiwq] {
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-ztyuweqiwq] {
color: #1b2e40;
font-size: 16px;
font-weight: 600;
line-height: 1.8;
max-width: 100%;
font-family: Lato;
cursor: pointer;
}
.noDataBox[b-ztyuweqiwq] {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 1vh;
}
.noDataBox img[b-ztyuweqiwq] {
width: 30%;
height: auto;
}
.backgroundLoading[b-ztyuweqiwq] {
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-ztyuweqiwq] {
width: 20px;
height: 20px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin-b-ztyuweqiwq 1s linear infinite;
margin: 3px 0 0 10px;
}
th[b-ztyuweqiwq], td[b-ztyuweqiwq] {
padding: 5px;
}
@keyframes spin-b-ztyuweqiwq {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* _content/NetConWeb/View/Tiles/PortingTile/PortingTileCc.razor.rz.scp.css */
.portierungCard[b-6fvquwbvj8] {
position: relative;
margin-top: 20px;
}
.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;
}
.resultContainerTop[b-6fvquwbvj8] {
display: flex;
font-size: 15px;
margin-top: 1vh;
margin-left: 1vh;
width: 100%;
justify-content: center;
align-items: center;
}
.fa-check[b-6fvquwbvj8] {
color: #57b848;
margin-right: 5px
}
.fa-xmark[b-6fvquwbvj8] {
color: red;
margin-right: 5px
}
.portierungCard .resultContainerBottom[b-6fvquwbvj8] {
margin-top: 15px;
}
.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;
}
.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/PortingTileOverviewCc.razor.rz.scp.css */
.portierungCard[b-uugqao88sk] {
position: relative;
margin-top: 20px;
}
.infoBadges-container[b-uugqao88sk] {
cursor: help;
display: inline-flex;
margin-top: 5px;
}
.infoBadges-item[b-uugqao88sk] {
margin-top: 2px;
max-height: 16px;
}
.status[b-uugqao88sk] {
background-color: rgba(121,216,106,0.22);
padding: 3px 10px;
border-radius: 10px;
width: 220px;
max-width: 220px;
}
.statusGreen[b-uugqao88sk] {
color: #3AAB28;
}
.statusRed[b-uugqao88sk] {
color: #f52727;
}
.portArea2[b-uugqao88sk] {
text-align: center;
font-size: smaller;
height: auto;
}
.portingBoxElement[b-uugqao88sk] {
height: 30px;
margin-bottom: 0.2rem;
}
.stateLabel[b-uugqao88sk] {
margin-bottom: -0.3rem;
}
.arrow[b-uugqao88sk] {
font-size: 8px;
}
select[b-uugqao88sk] {
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-uugqao88sk] {
color: #ababab;
margin-top: 15px;
padding-left: 5px;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
font-family: Lato;
}
.resultContainerLabel[b-uugqao88sk] {
line-height: 1.8;
width: 40%;
font-weight: bold;
font-family: Lato;
}
label[b-uugqao88sk] {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.infoBadges-container[b-uugqao88sk] {
margin-top: 0 !important;
}
.resultLabel[b-uugqao88sk] {
display: flex;
align-items: center;
font-weight: bold;
}
.resultContainerTop[b-uugqao88sk] {
display: flex;
font-size: 15px;
margin-top: 1vh;
margin-left: 1vh;
width: 100%;
justify-content: center;
align-items: center;
}
.fa-check[b-uugqao88sk] {
color: #57b848;
margin-right: 5px
}
.fa-xmark[b-uugqao88sk] {
color: red;
margin-right: 5px
}
.portierungCard .resultContainerBottom[b-uugqao88sk] {
margin-top: 15px;
}
.resultContainerBottom .resultValue[b-uugqao88sk] {
font-weight: 600;
line-height: 1.6;
font-family: Lato;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.resultContainerBottom .resultValue .resultValueLine[b-uugqao88sk] {
display: flex;
align-items: center;
}
.resultContainerValue[b-uugqao88sk] {
line-height: 1.8;
width: 60%;
font-family: Lato;
}
.noData[b-uugqao88sk] {
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-uugqao88sk] {
color: #1b2e40;
font-size: 16px;
font-weight: 600;
line-height: 1.8;
max-width: 100%;
font-family: Lato;
cursor: pointer;
}
.noDataBox[b-uugqao88sk] {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 1vh;
}
.noDataBox img[b-uugqao88sk] {
width: 30%;
height: auto;
}
.backgroundLoading[b-uugqao88sk] {
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-uugqao88sk] {
width: 20px;
height: 20px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin-b-uugqao88sk 1s linear infinite;
margin: 3px 0 0 10px;
}
.disabledCustomButton[b-uugqao88sk] {
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-uugqao88sk] {
width: 500px;
background: #ffffff;
border-radius: 8px;
padding: 20px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.popupPostBody[b-uugqao88sk] {
display: flex;
flex-direction: column;
gap: 10px;
}
.popupPostBody label[b-uugqao88sk] {
color: #3b4555;
margin-top: 5px;
padding-left: 5px;
font-size: 14px;
font-weight: 500;
margin-bottom: -5px;
font-family: Lato;
}
.popupPostInput[b-uugqao88sk] {
width: 100%;
border: 1px solid #d1d5db;
border-radius: 6px;
outline: none;
transition: border-color 0.3s ease;
}
.popupPostInput:focus[b-uugqao88sk] {
border-color: #3b82f6;
}
@keyframes spin-b-uugqao88sk {
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] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-c6l10aquc7] {
color: #264462;
font-size: 20px;
}
.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 */
table[b-gc1rrtllfd] {
margin-top: 10px;
}
[b-gc1rrtllfd] .dxbl-group > .dxbl-group-header {
background: white !important;
padding: 0px;
margin-top: 20px;
border-bottom: unset;
}
.onlineStatusLayout[b-gc1rrtllfd] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
height: auto;
margin: 30px 0px 10px 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;
}
@media only screen and (min-width: 1600px) {
.popImage[b-gc1rrtllfd] {
width: 100px;
}
.cpeImage[b-gc1rrtllfd] {
height: 70px;;
}
.routerImage[b-gc1rrtllfd] {
width: 120px;
}
}
@media only screen and (max-width: 1600px) {
.popImage[b-gc1rrtllfd] {
width: 70px;
}
.cpeImage[b-gc1rrtllfd] {
height: 60px;
;
}
.routerImage[b-gc1rrtllfd] {
width: 90px;
}
}
@media only screen and (max-width: 1400px) {
.popImage[b-gc1rrtllfd] {
width: 50px;
}
.cpeImage[b-gc1rrtllfd] {
height: 40px;
;
}
.routerImage[b-gc1rrtllfd] {
width: 70px;
}
}
.rotate[b-gc1rrtllfd] {
animation: spin-b-gc1rrtllfd 3s linear 4;
animation-iteration-count: infinite;
}
@keyframes spin-b-gc1rrtllfd {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* _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;
}
.fa-arrows-rotate[b-0uilrgbd2v] {
cursor: pointer;
margin-left: 5px;
}
.icon-container[b-0uilrgbd2v] {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
box-sizing: border-box;
}
.icon-container i[b-0uilrgbd2v] {
color: #264462;
font-size: 20px;
}
.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;
}
@media only screen and (min-width: 1600px) {
.popImage[b-0uilrgbd2v] {
width: 70px;
}
.cpeImage[b-0uilrgbd2v] {
height: 60px;
;
}
.routerImage[b-0uilrgbd2v] {
width: 90px;
}
}
@media only screen and (max-width: 1600px) {
.popImage[b-0uilrgbd2v] {
width: 70px;
}
.cpeImage[b-0uilrgbd2v] {
height: 60px;
}
.routerImage[b-0uilrgbd2v] {
width: 90px;
}
}
@media only screen and (max-width: 1400px) {
.popImage[b-0uilrgbd2v] {
width: 50px;
}
.cpeImage[b-0uilrgbd2v] {
height: 40px;
}
.routerImage[b-0uilrgbd2v] {
width: 70px;
}
}
/* _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;
}
.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;
}
}
[b-xs95hctemg] .dxbl-group > .dxbl-group-body {
border-bottom: 2px solid #d7d7d7 !important;
padding: 10px !important;
}
.ticketHeader-container[b-xs95hctemg] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
height: 40px;
width: 100%;
font-size: small;
box-sizing: border-box;
}
[b-xs95hctemg] .ticketbox {
padding-bottom: 10px;
margin: 10px 0px;
border-bottom: 1px solid lightgray;
}
.ticketboxPopup[b-xs95hctemg] {
background-color: white;
border-radius: 8px;
border: 1px solid lightgray;
min-height: 150px;
height: auto !important;
padding: 10px;
margin-bottom: 20px;
}
[b-xs95hctemg] .link-btn {
width: fit-content;
color: #1976D2;
}
[b-xs95hctemg] .dxbl-group > .dxbl-group-header {
padding-left: 5px !important;
background: white;
}
[b-xs95hctemg] .dxbl-group:not(.expanded):not([is-animating]) > .dxbl-group-header {
border-bottom: 1px solid lightgray !important;
}
[b-xs95hctemg] .FormLayout {
height: 20px !important;
display: flex;
justify-items: center;
}
.accordionHeaderTemplate[b-xs95hctemg] {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
font-weight: normal;
}
.accordionHeaderItems[b-xs95hctemg] {
display: flex;
flex-direction: column
}
.statusBadge[b-xs95hctemg] {
background-color: lightgray;
border-radius: 15px;
padding: 2px 10px;
width: fit-content;
font-size: 14px;
text-wrap: nowrap;
}
.queueBadge[b-xs95hctemg] {
background-color: #ffcea2;
border-radius: 15px;
padding: 2px 10px;
width: fit-content;
}
.iframeNewTicket[b-xs95hctemg] {
height: 100%;
width: 100%;
background-color: white;
margin-bottom: 20px;
}
.activityItem[b-xs95hctemg] {
margin-bottom: 4px;
}