@import '_content/BlazorInputFileExtended/BlazorInputFileExtended.bundle.scp.css';
@import '_content/DOI.Web/DOI.Web.qrrubhgeos.bundle.scp.css';
@import '_content/MyConfigurableDashboard/MyConfigurableDashboard.14a1xw1m3s.bundle.scp.css';
@import '_content/ReactorBlazorQRCodeScanner/ReactorBlazorQRCodeScanner.boasv5qmh0.bundle.scp.css';

/* /Components/Admin/AddressFormComponent.razor.rz.scp.css */
input:focus[b-8c36puy8sh] {
    outline: 1px solid var(--clr-blue-200);
}

.form-input-container input[type=text][b-8c36puy8sh],
.form-input-container input[type=number][b-8c36puy8sh] {
    border-color: var(--clr-grey-400);
    width: 100%;
    height: 32px;
}

label[b-8c36puy8sh] {
    color: var(--clr-grey-500);
    font-size: 12px;
}

.e-input-group[b-8c36puy8sh] {
    height: 30px;
}

.text-uppercase[b-8c36puy8sh] {
    text-transform: uppercase;
}

#input-customer-country .e-input[b-8c36puy8sh] {
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .form-control[b-8c36puy8sh] {
        font-size: small;
    }
}
/* /Components/Admin/EdgeDevices/EdgeDeviceEditComponent.razor.rz.scp.css */
.video-border-accept[b-pfg9475w1p]{
    border: 2px solid green;
}
.video-border-error[b-pfg9475w1p] {
    border: 2px solid red;
}
.value-block input[b-pfg9475w1p]{
    border:1px solid var(--clr-grey-450);
    border-radius:3px;
}
.value-block input:focus[b-pfg9475w1p] {
    outline:1px solid var(--clr-grey-500);
}
.tags-container[b-pfg9475w1p]{
    border:1px solid var(--clr-grey-100);
    margin:6px;
    padding:6px;
}
/* /Components/Admin/EdgeDevices/EdgeDeviceMultiEditComponent.razor.rz.scp.css */
.device-edit-header[b-62pyvz3d22] {
    background-color: var(--clr-grey-300);
    border-bottom: 1px solid var(--clr-grey-400);
    padding: 3px 0;
}

    .device-edit-header span[b-62pyvz3d22] {
        font-weight: bolder;
    }

    input[b-62pyvz3d22]{
        border: 1px solid var(--clr-grey-450);
        border-radius : 3px;
    }
/* /Components/Admin/Machines/CreateMachineSoftwareversionComponent.razor.rz.scp.css */
.mts-checkbox[b-pbhmgn7ybe] {
    display: flex;
    margin-top: 0.5rem;
    margin-left: 2px;
}
/* /Components/Admin/MasterData/D365SyncComponent.razor.rz.scp.css */
.icon-bg-cont-2[b-l10n7b1fqq] {
    background-color: var(--clr-red-400);
}

.icon-container-2 i[b-l10n7b1fqq] {
    color: var(--clr-white-400);
}

.icon-bg-cont-2:hover .icon-container-2 i[b-l10n7b1fqq] {
    color: var(--clr-red-400);
}

/* Specific style for Sync All button */
.sync-all-button .icon-container-2 i[b-l10n7b1fqq] {
    color: black;
}

.sync-all-button:hover .icon-container-2 i[b-l10n7b1fqq] {
    color: var(--clr-red-400);
}

/* Custom styles for D365SyncModal */

/* Style for card headers */
.card-header[b-l10n7b1fqq] {
    background-color: var(--clr-grey-200);
    border-color: var(--clr-grey-300);
}

/* Ensure AnimatedCircleButton components have consistent spacing */
[b-l10n7b1fqq] .icon-bg-cont-2 {
    background-color: var(--clr-red-400);
    width: 60px;
    height: 60px;
}

[b-l10n7b1fqq] .icon-container-2 {
    width: 50px;
    height: 50px;
}

[b-l10n7b1fqq] .icon-container-2 i {
    color: var(--clr-white-400);
    font-size: 1.3em;
}

[b-l10n7b1fqq] .icon-bg-cont-2:hover .icon-container-2 i {
    color: var(--clr-red-400);
}

/* Style for title text */
[b-l10n7b1fqq] .title h5 {
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}

/* Center the CircleButtons in their containers */
.d-flex.justify-content-center[b-l10n7b1fqq] {
    height: 100px;
}

/* Style for SfButtons (Sync All buttons) */
[b-l10n7b1fqq] .e-btn.e-primary {
    background-color: var(--clr-red-400);
    border-color: var(--clr-red-400);
    color: black;
}

[b-l10n7b1fqq] .e-btn.e-primary:hover {
    background-color: var(--clr-red-300);
    border-color: var(--clr-red-300);
}

[b-l10n7b1fqq] .e-btn.e-primary:active {
    background-color: var(--clr-red-500);
    border-color: var(--clr-red-500);
}

/* Style for disabled state */
[b-l10n7b1fqq] .e-btn:disabled {
    opacity: 0.65;
}
/* /Components/Admin/Organisations/CopyOrganisationComponent.razor.rz.scp.css */
.accordion .e-acrdn-header. .e-acrdn-header-content[b-coxu44a16o] {
    background-color: #f0f0f0;
    font-weight: bold;
}
.e-acrdn-header-content[b-coxu44a16o] {
    color: red;
}
.accordion .e-acrdn-panel[b-coxu44a16o] {
    padding: 10px;
}

.accordion .e-checkbox-wrapper .e-label[b-coxu44a16o] {
    margin-left: 10px;
}

.no-click-effect[b-coxu44a16o] {
    width:fit-content;
    position:relative;
    top:-3px;
}
/* /Components/Admin/Organisations/OrganisationComponent.razor.rz.scp.css */
label[b-7sil4lre5n] {
    color: var(--clr-grey-500);
    font-size: 12px;
}

.dropdown-name[b-7sil4lre5n] {
    right: 15px;
    position: absolute;
    font-size: x-small;
}

.mybtn-append-input[b-7sil4lre5n] {
    background-color: white;
    width: 32px;
}

.wizard-pager[b-7sil4lre5n] {
    width: 90%;
    display: flex;
    justify-content: center;
}

.btn-spacing[b-7sil4lre5n] {
    margin-left: 5px;
    display: inline-block;
}

.organisation-form-body[b-7sil4lre5n] {
    border-radius: 8px;
    margin-top: 2rem;
    padding: 2rem;
    margin-bottom: 2rem;
    position: relative;
    max-width: auto;
    max-height: auto;
    z-index: 4;
    justify-content: center;
    min-width: 500px;
}


    .organisation-form-body .row[b-7sil4lre5n] {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        justify-content: center;
        align-self: center;
    }

.nav-tabs[b-7sil4lre5n] {
    justify-content: center;
    border-bottom: none;
    margin-bottom: 1rem;
}

.nav-link[b-7sil4lre5n] {
    background-color: var(--clr-white-100);
    margin-right: 0.5rem;
    padding: 7px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid var(--clr-grey-500);
    transition: transform 0.1s ease-in-out;
    position: relative;
    z-index: 2;
}

    .nav-link:hover[b-7sil4lre5n] {
        background-color: var(--clr-grey-100);
        z-index: 3;
    }

    .nav-link.active[b-7sil4lre5n] {
        background-color: var(--clr-red-300);
        color: white;
        border-color: var(--clr-grey-500);
      }

        .nav-link.active:hover[b-7sil4lre5n] {
            background-color: var(--clr-red-400);
            color: white;
        }



.view-buttons[b-7sil4lre5n] {
    display: flex;
    justify-content: center;
}
.grid-btn-container[b-7sil4lre5n] {
    display: flex;
    margin: 0;
    justify-content: left;
}

.table-icon[b-7sil4lre5n],
.detail-icon[b-7sil4lre5n] {
    font-size: 1.2rem;
    justify-content: center;
    align-content: center;
    text-align: center;
    transition: color 0.9s;
}

.circle[b-7sil4lre5n] {
    background-color: #dfdfdf;
    margin: 0 5px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    transition: background-color .7s;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .circle:hover[b-7sil4lre5n] {
        background-color: var(--clr-red-300);
        color: var(--clr-white-300);
    }

    .circle.active-button[b-7sil4lre5n] {
        background-color: var(--clr-red-300);
        color: var(--clr-white-300);
    }

        .circle.active-button:hover .table-icon[b-7sil4lre5n],
        .circle.active-button:hover .detail-icon[b-7sil4lre5n] {
            color: var(--clr-white-300);
        }

.square[b-7sil4lre5n] {
    cursor: pointer;
    color: var(--clr-grey-400);
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.2rem;
    text-align: center;
    padding: 0.2rem;
    border: 1px solid transparent;
    border-radius: 3px;
}

    .square:hover[b-7sil4lre5n] {
        background-color: var(--clr-red-300);
    }

        .square:hover *[b-7sil4lre5n] {
            color: var(--clr-white-300);
        }

    .square.active-button[b-7sil4lre5n] {
        background-color: var(--clr-red-300);
    }

        .square.active-button *[b-7sil4lre5n] {
            color: var(--clr-white-300);
        }


.arrow-icon[b-7sil4lre5n] {
    cursor: pointer;
    color: var(--clr-grey-400);
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.2rem;
    text-align: center;
    padding: 0.2rem;
}

    .arrow-icon:hover[b-7sil4lre5n] {
        color: var(--clr-red-200);
    }

.disabled-arrow[b-7sil4lre5n] {
    pointer-events: none;
    opacity: 0.1;
}

.table-icon:hover[b-7sil4lre5n],
.detail-icon:hover[b-7sil4lre5n] {
    color: var(--clr-white-300);
}

.table-icon.active-button[b-7sil4lre5n],
.detail-icon.active-button[b-7sil4lre5n] {
    color: var(--clr-white-300);
}


table[b-7sil4lre5n] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 20px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    overflow: hidden;
}


th[b-7sil4lre5n], td[b-7sil4lre5n] {
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #000000;
}

th[b-7sil4lre5n] {
    border-bottom: 3px ridge black;
    box-shadow: 0 0 100px white;
}

thead th[b-7sil4lre5n] {
    background-color: var(--clr-red-400);
    color: white;
    text-transform: uppercase;
}

tbody tr:nth-of-type(even)[b-7sil4lre5n] {
    background-color: var(--clr-grey-300);
}

tbody tr:last-of-type[b-7sil4lre5n] {
    border-bottom: 2px solid var(--clr-grey-300);
}

tbody tr.active-row[b-7sil4lre5n] {
    font-weight: bold;
    color: #009879;
}

.form-header[b-7sil4lre5n] {
    display: flex;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.search-form-padding[b-7sil4lre5n] {
    padding: 10px;
}

.grid-and-button-container[b-7sil4lre5n] {
}

.combobox[b-7sil4lre5n] {
    margin-top: 20px;
    width: 50%;
    justify-content: center;
    align-items: center;
}

.overview-buttons[b-7sil4lre5n] {
    display: flex;
    margin-top: 1rem;
}

.machinetype-container[b-7sil4lre5n] {
    border-radius: 8px;
    padding: 2rem;
    padding-top: 0;
    margin-bottom: 2rem;
}

    .machinetype-container .row[b-7sil4lre5n] {
        width: 500px;
        flex-wrap: wrap;
    }

@media (max-width: 767px) {

    .machinetype-container .row[b-7sil4lre5n] {
        width: auto;
    }
}
/* /Components/Admin/Parties/PartyAccountNumbersComponent.razor.rz.scp.css */
.btn-spacing[b-onjnj81xm8] {
    display: inline-block;
    width: fit-content;
}
.text-right[b-onjnj81xm8] {
    padding-top: 1rem;
}

@media (max-width: 768px) {
   .form-control[b-onjnj81xm8] {
       font-size:0.6rem;
   }
}
/* /Components/Admin/Parties/PartyApprovalD365Component.razor.rz.scp.css */
.confirmation-party-group-body[b-gfp95d5g7q] {
    padding: 1rem;
    margin-bottom: 2rem;
    position: relative;
    max-width: auto;
    max-height: auto;
}

.btn-spacing[b-gfp95d5g7q] {
    margin-left: 5px;
    display: inline-block;
}

.address-divider[b-gfp95d5g7q] {
    border-top: 1px dashed #ccc;
    margin: 0.8rem 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.col-md-12[b-gfp95d5g7q] {
    padding-left: 0;
    padding-right: 0;
}

.col-md-6[b-gfp95d5g7q] {
}


.confirmation-party-group-header[b-gfp95d5g7q] {
    padding: 1rem;
}

.suggestions-container[b-gfp95d5g7q] {
    margin-top: 20px;
    padding: 10px;
    background-color: #f8f9fa; /* light gray background */
    border: 1px solid #ddd; /* light border */
    border-radius: 4px;
}

    .suggestions-container h5[b-gfp95d5g7q] {
        margin-bottom: 10px;
    }

    .suggestions-container ul[b-gfp95d5g7q] {
        list-style-type: none;
        padding: 0;
    }

    .suggestions-container li[b-gfp95d5g7q] {
        margin-bottom: 5px;
        padding: 5px;
        border-bottom: 1px solid #eee;
    }

.fuzzy-rating[b-gfp95d5g7q] {
    color: green;
    margin-right: 1rem;
}

.suggestion-list[b-gfp95d5g7q] {
    justify-content: flex-start; /* Horizontal alignment */
    width: 100%;
    height: auto;
    margin: auto;
}

.suggestion-item[b-gfp95d5g7q] {
    font-size: 1rem;
    align-items: center;
    display: flex;
    cursor: auto;
}

.inputCheckbox[b-gfp95d5g7q] {
    position: absolute;
    right: 25px;
    cursor: pointer;
}

.fix-form-size[b-gfp95d5g7q] {
    min-height: 35px;
}

.search-box-party-approval[b-gfp95d5g7q] {
    padding-bottom: 1rem;
    width: 75%;
    justify-content: center;
    margin: auto;
}

p[b-gfp95d5g7q] {
    font-size: 1rem;
}

.wizard-pager[b-gfp95d5g7q] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.wizard-selector-container[b-gfp95d5g7q] {
    left: 50px !important;
}

.motivation-container[b-gfp95d5g7q] {
margin-top: 20px;
    padding: 10px;
    background-color: #f8f9fa; /* light gray background */
    border: 1px solid #ddd; /* light border */
    border-radius: 4px;

}

/* /Components/Admin/PartyOrganisations/PartyOrganisationDeleteComponent.razor.rz.scp.css */
.tabitem-container[b-y0359853ea] {
    margin: 0.5rem;
    padding: 0.5rem;
    height: 50vh;
    overflow-x: clip;
    overflow-y: scroll;
}
/* /Components/Admin/Users/AddRemoveAuthTagsComponent.razor.rz.scp.css */
.flexbox[b-z73adxgm1j] {
    display: flex;
    flex-direction: row;
    line-break: auto;
    overflow: hidden;
    flex-wrap:wrap;
}

.tag-flex-item[b-z73adxgm1j] {
    width: 30%
}

.border-bottom[b-z73adxgm1j] {
    border-bottom: 1px solid var(--clr-grey-400);
    margin-bottom: 0.5em;
    margin-right: 4em;
}
.chkbx-tree[b-z73adxgm1j]{
    width:30%;
}
/* /Components/Admin/Users/AddRolesToMultUsersComponent.razor.rz.scp.css */
.border-bottom[b-49zkn0mag9] {
    border-bottom: 1px solid var(--clr-grey-400);
    margin-bottom: 0.5em;
    margin-right: 4em;
}
/* /Components/Admin/Users/ApproveUsersComponent.razor.rz.scp.css */
body[b-kktew3rbda] {
}
/* /Components/Admin/Users/ImportUserAndRoleComponent.razor.rz.scp.css */
.user-role-box[b-2ml8bnqzwl] {
    margin: 0.3rem;
    padding: 0.5rem;
    border: 1px solid var(--bs-gray-400);
    border-radius: 0.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .user-role-box:not(.active):hover[b-2ml8bnqzwl] {
        border-color: var(--clr-red-200);
    }

        .user-role-box:not(.active):hover *[b-2ml8bnqzwl] {
            color: var(--clr-red-200);
        }

    .user-role-box.active[b-2ml8bnqzwl] {
        background-color: var(--clr-blue-500);
    }

        .user-role-box.active *[b-2ml8bnqzwl] {
            color: white;
        }

.flex-col-box[b-2ml8bnqzwl] {
    /*border: 1px solid var(--bs-gray-400);*/
    padding: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    grid-row-gap: 1rem;
}

.textarea-box[b-2ml8bnqzwl] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .textarea-box textarea[b-2ml8bnqzwl] {
        /*resize: none;*/ /* optional */
    }

.card-tab[b-2ml8bnqzwl] {
    width: 10em;
    height: auto;
    text-align: center;
    padding: 0.3em;
    font-size: 1rem;
}

.card-active[b-2ml8bnqzwl] {
    background-color: var(--clr-red-400);
}

    .card-active *[b-2ml8bnqzwl] {
        color: white;
    }
/* /Components/Admin/Users/ImportUsersComponent.razor.rz.scp.css */
.FaultyUsergrid[b-ggoipk0zta] {
    border: 2px solid red;
    padding: 5px;
    color: #ff7676 !important;
}

.faulty-users-datagrid[b-ggoipk0zta] {
    background: #ff7676 !important;
    color: #ff7676 !important;
}

.import-users-datagrid[b-ggoipk0zta] {
    max-height: 70%;
}

/* /Components/Admin/Users/MigrateAllUsersComponent.razor.rz.scp.css */
.user-list[b-zab1hgle6y] {
    padding:1rem;
}
p[b-zab1hgle6y] {
    padding-bottom:1rem;
}
/* /Components/Admin/Users/UserDetailComponent.razor.rz.scp.css */
/* /Components/Animations/AnimatedLine.razor.rz.scp.css */

.vertical-line[b-35v1wugva9] {
    position: absolute;
    top: -10px; 
    left: 50%;
    transform: translateX(-50%);
    height: 100%; 
    z-index: 1;
}
/* /Components/Animations/AnimatedPolyline.razor.rz.scp.css */
body[b-u9wi9c5rxc] {
}
/* /Components/Auth/AuthTagRoleComponent.razor.rz.scp.css */
label[b-7rj2jyolzo]{
    margin-bottom: 0;
}

.flex-copy[b-7rj2jyolzo]{
    display:flex;
    align-items: baseline;
    column-gap:0.33rem;
}

.mybtn-light-grey[b-7rj2jyolzo]{
    margin-left:0.2rem;

}
.card-flex-end[b-7rj2jyolzo] {
    display:flex;
    flex-direction:row;
}

@media (max-width: 768px) {
    .form-control[b-7rj2jyolzo] {
        font-size:smaller;
    }

    .card-flex-end[b-7rj2jyolzo] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Buttons/ActionsMenu.razor.rz.scp.css */
/* Hide mobile content on desktops */
.desktop-content[b-u4uo4pj72u] {
    display: flex;
}

.mobile-content[b-u4uo4pj72u] {
    display: none;
}

/* Hide desktop content and show mobile content on smaller screens */
@media (max-width: 768px) {
    .desktop-content[b-u4uo4pj72u] {
        display: none;
    }

    .mobile-content[b-u4uo4pj72u] {
        display: block;
    }

    .options-menu[b-u4uo4pj72u], .userbox-bg-mobile[b-u4uo4pj72u] {
        display: block;
    }
}
/* /Components/Buttons/AnimatedCircleButton.razor.rz.scp.css */
a[b-adzamotmzg] {
    text-decoration: none;
}

.icon-title-container[b-adzamotmzg] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .icon-title-container.clickable[b-adzamotmzg] {
        cursor: pointer;
    }
.icon-bg-cont-2[b-adzamotmzg] {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: var(--clr-red-400);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s ease-in-out;
}

    .icon-bg-cont-2:hover[b-adzamotmzg] {
        background-color: var(--clr-white-400);
    }

.icon-container-2[b-adzamotmzg] {
    width: 100%;
    height: 100%;
    padding: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .icon-container-2 i[b-adzamotmzg] {
        font-size: 1.5em;
        color: var(--clr-white-400);
        transition: color 0.2s ease-in-out;
    }

.icon-bg-cont-2:hover .icon-container-2 i[b-adzamotmzg] {
    color: var(--clr-red-400);
}

.title[b-adzamotmzg] {
    margin-top: 0.5em;
}

    .title h5[b-adzamotmzg] {
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        z-index: 2;
    }



.url-tile[b-adzamotmzg] {
    height: 6em;
    background: transparent;
    display: flex;
    flex-direction: row;
    border-radius: 3px;
    align-items: center;
    padding-right: 0.5em;
    margin-bottom: 1.5em;
}



.globe[b-adzamotmzg] {
    display: none;
}


@media only screen and (min-width: 600px) {
    .big-circle[b-adzamotmzg] {
        position: relative;
        border: 1em dashed var(--clr-grey-100);
        border-radius: 50%;
        height: 70%;
        min-height: 400px;
        aspect-ratio: 1 / 1;
    }

    .positioning[b-adzamotmzg] {
        position: absolute;
        width: calc(50% + 2em);
        height: calc(50% + 4em);
        top: -4em;
        left: calc(25% - 1em);
        transform: var(--transfrom-pos);
    }



    .icon-title-container[b-adzamotmzg] {
        margin-left: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .icon-bg-cont-2[b-adzamotmzg] {
        position: relative;
        display: flex;
        width: 65px;
        height: 65px;
        justify-content: center;
        align-items: center;
        fill: var(--clr-white-200) !important;
        border-radius: 50px;
        background-color: var(--clr-red-400);
        border: 10px solid var(--clr-grey-400);
        transition: background-color 0.2s ease-in-out, fill 0.2s ease-in-out;
        fill: var(--clr-white-400) !important;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 3px 3px rgba(0, 0, 0, 0.19);
    }

        .icon-bg-cont-2:hover[b-adzamotmzg] {
            aspect-ratio: 1 / 1;
            background-color: var(--clr-red-400);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.2s ease-in-out;
            animation: box-shadow-animation-b-adzamotmzg 0.2s ease-in-out forwards;
        }

        .icon-bg-cont-2[b-adzamotmzg]::before,
        .icon-bg-cont-2[b-adzamotmzg]::after {
            content: '';
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            border-radius: inherit;
            box-sizing: border-box;
        }

        .icon-bg-cont-2[b-adzamotmzg]::before {
            border: 2px solid var(--clr-red-300);
        }

        .icon-bg-cont-2[b-adzamotmzg]::after {
            transition: all 0.2s ease-in-out;
        }

        .icon-bg-cont-2:hover[b-adzamotmzg]::before {
            border: 2px dashed var(--clr-red-400);
            animation: rotate-border-b-adzamotmzg 12s linear infinite;
        }

        .icon-bg-cont-2:hover[b-adzamotmzg]::after {
            animation: border-animation-b-adzamotmzg 0.2s linear infinite;
        }

    .icon-container-2[b-adzamotmzg] {
        width: 50px;
        background-color: var(--clr-red-400);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid var(--clr-grey-100);
        transition: background-color 0.2s ease-in-out;
    }

    .icon-bg-cont-2:hover .icon-container-2[b-adzamotmzg] {
        background-color: var(--clr-grey-100);
        border: 2px solid var(--clr-grey-400);
        fill: var(--clr-red-400) !important;
    }

    .title[b-adzamotmzg] {
    }

        .title h5[b-adzamotmzg] {
            font-size: 14px;
            text-align: center;
            text-transform: uppercase;
            position: relative;
            transition: color 0.3s ease-in-out;
        }

    .icon-bg-cont-2:hover + .title h5[b-adzamotmzg],
    .icon-bg-cont-2:hover ~ .title h5[b-adzamotmzg],
    .icon-bg-cont-2:hover .title h5[b-adzamotmzg] {
        animation: textColorChange-b-adzamotmzg 0.3s forwards;
    }


    .title h5[b-adzamotmzg]::before,
    .title h5[b-adzamotmzg]::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
    }

    .title h5[b-adzamotmzg]::before {
        content: '[';
        left: 0;
        top: 0;
        color: inherit;
    }

    .title h5[b-adzamotmzg]::after {
        content: ']';
        right: 0;
        top: 0px;
        color: inherit;
    }

    .icon-bg-cont-2:hover + .title h5[b-adzamotmzg]::before,
    .icon-bg-cont-2:hover ~ .title h5[b-adzamotmzg]::before,
    .icon-bg-cont-2:hover .title h5[b-adzamotmzg]::before {
        animation: leftBracketAnimation-b-adzamotmzg 0.5s forwards;
        color: var(--clr-red-100);
    }

    .icon-bg-cont-2:hover + .title h5[b-adzamotmzg]::after,
    .icon-bg-cont-2:hover ~ .title h5[b-adzamotmzg]::after,
    .icon-bg-cont-2:hover .title h5[b-adzamotmzg]::after {
        animation: rightBracketAnimation-b-adzamotmzg 0.5s forwards;
        color: var(--clr-red-100);
    }


    h3[b-adzamotmzg] {
        text-transform: uppercase;
    }
    /* Child Icon Sizes */
    .icon-title-container.child[b-adzamotmzg] {
        width: 50px;
        height: 90px;
    }

    .icon-bg-cont-2.child[b-adzamotmzg] {
        width: 50px;
        height: 50px;
    }

    .icon-container-2.child i[b-adzamotmzg] {
        font-size: 1em;
    }

    .title.child h5[b-adzamotmzg] {
        font-size: 14px;
    }

    .icon-bg-cont-2.child[b-adzamotmzg]::before {
        border: 2px solid var(--clr-grey-300);
    }

    .icon-bg-cont-2.child[b-adzamotmzg]::after {
        transition: all 0.2s ease-in-out;
    }

    .icon-bg-cont-2.child:hover[b-adzamotmzg]::before {
        border: 2px dashed var(--clr-grey-400);
        animation: rotate-border-b-adzamotmzg 12s linear infinite;
    }

    .icon-bg-cont-2.child:hover[b-adzamotmzg]::after {
        animation: border-animation-b-adzamotmzg 0.2s linear infinite;
    }
    .icon-bg-cont-2.empty[b-adzamotmzg] {
        background-color: var(--clr-grey-500); 
    }
   
    .icon-container-2.empty[b-adzamotmzg] {
        background-color: var(--clr-grey-500); 
    }
    .icon-container-2.empty i[b-adzamotmzg] {
        color: var(--clr-white-200); 
    }

    .icon-bg-cont-2.empty:hover[b-adzamotmzg] {
        background-color: var(--clr-white-200);
    }

        .icon-bg-cont-2.empty:hover .icon-container-2.empty i[b-adzamotmzg] {
            color: var(--clr-red-200);
        }

    @keyframes box-shadow-animation-b-adzamotmzg {
        20% {
            box-shadow: 0 0 0 10px var(--clr-red-100);
            opacity: 20%;
        }

        100% {
            box-shadow: 0 0 0 0 var(--clr-red-100);
            opacity: 100%;
        }
    }

    @keyframes border-animation-b-adzamotmzg {
        0%, 100% {
            border-width: 5px;
        }

        50% {
            border-width: 1px;
        }
    }

    @keyframes rotate-border-b-adzamotmzg {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    @keyframes leftBracketAnimation-b-adzamotmzg {
        from {
            transform: translateX(0);
            opacity: 0;
        }

        to {
            transform: translateX(-10px);
            opacity: 1;
        }
    }

    @keyframes rightBracketAnimation-b-adzamotmzg {
        from {
            transform: translateX(0);
            opacity: 0;
        }

        to {
            transform: translateX(10px);
            opacity: 1;
        }
    }

    @keyframes textColorChange-b-adzamotmzg {
        from {
            color: initial;
        }

        to {
            color: var(--clr-red-400);
        }
    }
}
.spinner-circle-button[b-adzamotmzg] {
    width: 24px; /* Adjust to fit your icon size */
    height: 24px;
    border: 2px dashed rgba(0, 0, 0, 0.1); /* Light border */
    border-top-color: darkgrey; /* Accent color for loader */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spin-b-adzamotmzg 0.7s linear infinite;
}

/* Spin animation */
@keyframes spin-b-adzamotmzg {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/* /Components/Buttons/BigButton.razor.rz.scp.css */
.big-button[b-qqyicr0ai9] {
    margin: 0.5em;
    padding: 6px;
    border: 1px solid var(--clr-grey-450);
    border-radius: 3px;
    font-variant-caps: small-caps;
    letter-spacing: 2px;
}

    .big-button:hover[b-qqyicr0ai9] {
        color: white;
        background-color: var(--clr-red-200);
        border-color: white;
    }

        .big-button:hover *[b-qqyicr0ai9] {
            color: white;
        }

    .big-button.active[b-qqyicr0ai9] {
        border: 1px solid var(--clr-red-100);
        background-color: var(--clr-red-100);
        color: white;
    }

        .big-button.active *[b-qqyicr0ai9] {
            color: white;
        }

        .big-button.active:hover[b-qqyicr0ai9] {
            background-color: transparent;
        }

            .big-button.active:hover *[b-qqyicr0ai9] {
                color: var(--clr-red-200);
            }


.big-button-text[b-qqyicr0ai9] {
    font-size: large;
}

.big-button-sub-text[b-qqyicr0ai9] {
    font-size: small;
}
/* /Components/Buttons/CircleButtonGreyHooverRed.razor.rz.scp.css */
.circle[b-p84lafv3c5] {
    background-color: #dfdfdf;
    margin: 0 5px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    transition: background-color .7s;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3rem;
    cursor:pointer;
}

    .circle:hover[b-p84lafv3c5] {
        background-color: var(--clr-red-300);
        color: var(--clr-white-300);
    }

    .circle.active-button[b-p84lafv3c5] {
        background-color: var(--clr-red-300);
        color: var(--clr-white-300);
    }

        .circle.active-button:hover .table-icon[b-p84lafv3c5],
        .circle.active-button:hover .detail-icon[b-p84lafv3c5] {
            color: var(--clr-white-300);
        }
/* /Components/Buttons/GridButton.razor.rz.scp.css */
.grid-button[b-dxlty0lhme] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    color: var(--clr-grey-500);
    border-radius: 3px;
    padding: 0.66rem;
    /*box-shadow: 0 0 1px rgba(0,0,0,0.7);*/
    background-color: transparent;
    width: auto;
    font-variant-caps: all-small-caps;
}

    .grid-button i[b-dxlty0lhme] {
        margin-right: 0.33rem;
        color: var(--clr-grey-400);
    }

    .grid-button:enabled:hover[b-dxlty0lhme] {
        /*border-color: var(--clr-red-500);*/
        color: var(--clr-red-500);
    }

    .grid-button:hover:enabled i[b-dxlty0lhme] {
        color: var(--clr-red-500);
    }

    .grid-button:hover:enabled *[b-dxlty0lhme] {
        color: var(--clr-red-500);
    }

    .grid-button:disabled[b-dxlty0lhme] {
        border-color: transparent;
        color: var(--clr-grey-200);
    }
        .grid-button:disabled *[b-dxlty0lhme] {
            color: var(--clr-grey-200);
        }

        .grid-button:disabled i[b-dxlty0lhme] {
            color: var(--clr-grey-400);
        }
/* /Components/Buttons/IconButton.razor.rz.scp.css */
.icon-button[b-7q0cxu5457] {
    align-items: center;
    justify-content:center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    /*box-shadow: 0 0 1px rgba(0,0,0,0.7);*/
    color: var(--clr-grey-500);
    display: flex;
    height: 32px;
    line-height: 1;
    padding: 0;
    position: relative;
    width: 32px;
}

    .icon-button:enabled:hover[b-7q0cxu5457] {
        border-color: var(--clr-red-400);
        color: var(--clr-red-300);
    }

    .icon-button:hover:enabled i[b-7q0cxu5457] {
        color: var(--clr-red-300);
    }

    .icon-button:hover:enabled *[b-7q0cxu5457] {
        color: var(--clr-red-300);
    }

    .icon-button:disabled[b-7q0cxu5457] {
        border-color: var(--clr-grey-200);
    }
        .icon-button:disabled *[b-7q0cxu5457] {
            color: var(--clr-grey-200);
        }

        .icon-button:disabled i[b-7q0cxu5457] {
            color: var(--clr-grey-400);
        }
/* /Components/Buttons/LinkButton.razor.rz.scp.css */
.link-button[b-99ui529o8a] {
    color: #0000FF;
    border: none;
    background: none;
}

.link-button:hover[b-99ui529o8a] {
    text-decoration: underline;
    cursor: pointer;
}
/* /Components/Buttons/OptionMenu.razor.rz.scp.css */
/* Hide mobile content on desktops */
.desktop-content[b-laxqx00vjj] {
    display: flex;
    align-items: flex-start;
    column-gap: 0.33rem;
}

.mobile-content[b-laxqx00vjj] {
    display: none;
}

/* Hide desktop content and show mobile content on smaller screens */
@media (max-width: 768px) {
    .desktop-content[b-laxqx00vjj] {
        display: none;
    }

    .mobile-content[b-laxqx00vjj] {
        display: block;
        margin-bottom:0.5rem;
    }

    .options-menu[b-laxqx00vjj], .userbox-bg-mobile[b-laxqx00vjj] {
        display: block;
        
    }
}
/* /Components/Buttons/OriginButton.razor.rz.scp.css */
.origin-btn[b-np9cnx3r1x] {
    width: 18rem;
    padding: 0.5em;
    margin: 1em;
    cursor: pointer;
    border: 1px solid var(--clr-grey-400);
    background-color: transparent;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-transform: uppercase;
    height: 3rem;
}

.origin-btn:hover[b-np9cnx3r1x] {
    color: var(--clr-red-400);
    border: 1px solid var(--clr-red-400);
}

.origin-btn.active[b-np9cnx3r1x] {
    border: 1px solid var(--clr-red-400);
    color: var(--clr-red-400);
}

    .origin-btn.active *[b-np9cnx3r1x] {
        color: var(--clr-red-400);
    }

@media (max-width: 768px) {
    .origins-grid[b-np9cnx3r1x] {
        display: grid !important;
    }
}
/* /Components/Buttons/SquareButton.razor.rz.scp.css */
.square-button[b-1pxh6julqz] {
    margin: 0.5em;
    padding: 6px;
    border: 1px solid var(--clr-grey-450);
    border-radius: 3px;
    font-variant-caps: small-caps;
    letter-spacing: 2px;
}

    .square-button:hover[b-1pxh6julqz] {
        color: white;
        background-color: var(--clr-red-200);
        border-color: white;
    }

        .square-button:hover *[b-1pxh6julqz] {
            color: white;
        }

    .square-button.active[b-1pxh6julqz] {
        border: 1px solid var(--clr-red-100);
        background-color: var(--clr-red-100);
        color: white;
    }

        .square-button.active *[b-1pxh6julqz] {
            color: white;
        }

        .square-button.active:hover[b-1pxh6julqz] {
            background-color: transparent;
        }

            .square-button.active:hover *[b-1pxh6julqz] {
                color: var(--clr-red-200);
            }


.square-button-sub-text[b-1pxh6julqz] {
    letter-spacing: normal;
    color: #6c757d;
    font-size: 80%;
    font-weight: normal;
}
/* /Components/Cards/BasicCard.razor.rz.scp.css */
.card-active[b-o4c19pvsgg] {
    border-color: var(--clr-blue-400);
}
/* /Components/Cards/CollapsableCard.razor.rz.scp.css */
/* /Components/Cards/LegalEntityFormCard.razor.rz.scp.css */
.card:not(.readonly):hover[b-xwzfd8l01o] {
    border-color: var(--clr-red-400);
}

h6[b-xwzfd8l01o] {
    font-weight: bolder;
}

.card-body[b-xwzfd8l01o], .card-footer[b-xwzfd8l01o] {
    font-size: smaller;
}

.card-header[b-xwzfd8l01o] {
    font-size: larger;
    letter-spacing: 0.1em;
    font-weight: bolder;
}

p[b-xwzfd8l01o] {
    padding: 0;
    margin: 0;
}
/* /Components/Cards/MyCard.razor.rz.scp.css */

.mycard[b-o8nl21mswt] {
    margin: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid grey;
    border-radius: 6px;
    transition: box-shadow .5s, transform 0.5s;
    box-shadow: 2px 2px 4px 1px var(--clr-grey-400);
    max-height:520px;
}

    .mycard:hover[b-o8nl21mswt] {
        box-shadow: 0px 5px 5px 2px var(--clr-grey-400);
        cursor: pointer;
        transform: scale(1.02);
    }

.thumb-container[b-o8nl21mswt] {
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    width: 240px;
    border-radius: 5px 5px 0 0;
}

.card-thumbnail[b-o8nl21mswt] {
    padding:3px;
    background-color: var(--clr-white-300);
    border: 1px solid var(--clr-grey-400);
    border-radius: 6px;
    width: 100%;
    max-height: 100%;
}
.content-container[b-o8nl21mswt] {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    padding: 12px;
}

.content-header[b-o8nl21mswt] {
    color: #cd2f26;
}

.content-text[b-o8nl21mswt] {
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, 5);
    -webkit-box-orient: vertical;
    word-break: var(--word-break, "none");
    overflow: hidden;
    hyphens: auto;
    text-align: var(--align, left);
    margin-bottom: 12px;
}

.connectionstate[b-o8nl21mswt] {
    background-image: linear-gradient(to right, white 10%, transparent );
    color: black;
    width: 90%;
    position: absolute;
    left: 6px;
    top: 12px;
    border-top: 2px solid var(--clr-red-300);
    border-bottom: 2px solid var(--clr-red-300);
}

    .connectionstate label[b-o8nl21mswt] {
        font-size: 10px;
        font-weight: 600;
        color: black;
    }

.conn-box[b-o8nl21mswt] {
    display: flex;
    flex-direction: row;
    position: relative;
    align-items: center;
}


/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    .mycard[b-o8nl21mswt] {
    }

    .connectionstate label[b-o8nl21mswt] {
        font-size: 14px;
        font-weight: 600;
        color: black;
    }

    .thumb-container[b-o8nl21mswt] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6px;
        width: 240px;
        border-radius: 5px 5px 0 0;
    }

    .thumbnail[b-o8nl21mswt] {
        background-color: azure;
        border-radius: 5px 5px 0 0;
        width: 200px;
        height: 200px;
    }
}
/* /Components/CheckboxTreeComponent.razor.rz.scp.css */
/* /Components/CollapseContainer.razor.rz.scp.css */
.cc-container[b-a48um999op]{
    margin: 12px 0;
}
.cc-header-area[b-a48um999op]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:6px 0 6px 12px;
    border-radius:3px 3px 0 0 ;
    border: 1px solid var(--clr-grey-400);

}
.cc-header-area:hover[b-a48um999op] {
    background-color:var(--clr-white-300);
}
.cc-content-area[b-a48um999op]{
    border: 1px solid var(--clr-grey-400);
    border-top:none;
}
.cc-content-area-open[b-a48um999op]{
    height:200px;
    width:100%;
}
/* /Components/Containers/StackContainer.razor.rz.scp.css */
/* /Components/Containers/StackContainerListItem.razor.rz.scp.css */
.card:hover[b-8gk5df2d6m] {
    border-color: var(--clr-red-400);
}
/* /Components/CookieConsentBanner.razor.rz.scp.css */
.cookie-banner[b-oiudsj757h] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #2d2d2d;
    color: #fff;
    padding: 1rem;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.3);
    z-index: 1000;
}

.cookie-content[b-oiudsj757h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1024px;
    margin: 0 auto;
    color:white;
}
    .cookie-p[b-oiudsj757h] {
        color: white !important;
    }
    .cookie-content a[b-oiudsj757h] {
        color: var(--clr-red-400);
        text-decoration: underline;
    }

    .cookie-content button[b-oiudsj757h] {
        background-color: var(--clr-red-400);
        color: #fff;
        border: none;
        padding: 0.5rem 1rem;
        font-weight: bold;
        cursor: pointer;
        border-radius: 4px;
    }

        .cookie-content button:hover[b-oiudsj757h] {
            background-color: var(--clr-red-300);
        }

@media (max-width: 600px) {
    .cookie-content[b-oiudsj757h] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

        .cookie-content p[b-oiudsj757h] {
            flex: 1 1 auto;
        }

        .cookie-content button[b-oiudsj757h] {
            width: 100%;
        }
        .cookie-content button[b-oiudsj757h] {
            width: 300px;
            margin: 0.2rem auto; 
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
}
/* /Components/CopyComponent.razor.rz.scp.css */
#copy-tag[b-3rev3q4x9a] {
    display: flex;
    gap: 0.25rem;
    align-items: baseline;
}

    #copy-tag i[b-3rev3q4x9a] {
        color: var(--clr-grey-400);
        font-size: x-small;
    }

    #copy-tag:hover i[b-3rev3q4x9a] {
        visibility: visible;
    }

    #copy-tag:hover i:hover[b-3rev3q4x9a] {
        color: var(--clr-red-500);
    }

    #copy-tag i[b-3rev3q4x9a] {
        visibility: hidden;
    }
/* /Components/CopyValueComponent.razor.rz.scp.css */
#ptagparent i[b-66voq5z3nn] {
    color: var(--clr-grey-400);
}

#ptagparent:hover .show-on-hover[b-66voq5z3nn] {
    visibility: visible;
}

    #ptagparent:hover .show-on-hover i[b-66voq5z3nn] {
        color: var(--clr-red-500);
    }

#ptagparent .show-on-hover[b-66voq5z3nn] {
    visibility: hidden;
}

#ptagparent:hover .red-on-hover i[b-66voq5z3nn] {
    color: var(--clr-red-500);
}
/* /Components/CultureSwitch_.razor.rz.scp.css */
button[b-vlvxf30qrk]{
    margin-left:3px;
    border-radius:3px;
    border:1px solid black;
    color: black;
}
select[b-vlvxf30qrk]{
    width:50px;
    height:2rem;
    border: 1px solid var(--clr-grey-400);
    border-radius:3px;
    margin: 6px 0;
}
.culture-select option[b-vlvxf30qrk]{
    padding:3px;
    margin:10px;
    background-color:red;
}
.culture-option[b-vlvxf30qrk]{
    padding:10px;
}
.culture-icon-sm[b-vlvxf30qrk] {
    margin: 0 12px 0 6px;
    font-size: 20px;
}
/* /Components/D365/Forms/AddPartyContactFormsD365.razor.rz.scp.css */
.delete-contact[b-xkfgv6rv79] {
    margin-top: 1.6rem;
}
.purposes-checkbox[b-xkfgv6rv79] {
    display: grid;
    width: 100%;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .row[b-xkfgv6rv79] {
        justify-content: center;
           
    }
}

/* /Components/D365/OverviewD365.razor.rz.scp.css */
/* Triangle Container */
.triangle-container[b-xw6w3m6p0i] {
    height:300px;
}

/* Triangle Lines */
.triangle-lines[b-xw6w3m6p0i] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Icon Containers */


/* Parent Icons Positions */
.top-icon[b-xw6w3m6p0i] {
    left: 0;
    right: 0;
}

.bottom-left-icon[b-xw6w3m6p0i] {
    left: 0;
    right: 50%;
    top: 50px;
}

.bottom-right-icon[b-xw6w3m6p0i] {
    right:0;
    left:50%;
    top: 50px;
}


/* Child Buttons Container */
.child-buttons-container[b-xw6w3m6p0i] {
    position: relative;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
   
}
.icon-container[b-xw6w3m6p0i] {
    position: absolute;
/*    transform: translate(-50%, -50%);
*/    z-index: 2;
}


/* Child Buttons */
.child-button[b-xw6w3m6p0i] {
    position: relative;
    margin-bottom: -10px; 
    z-index: 2; 
}

    /* Remove margin-bottom for last child */
    .child-button:last-child[b-xw6w3m6p0i] {
        margin-bottom: -30px;
    }

/* Adjusted Size for Child Buttons */
.icon-title-container.child[b-xw6w3m6p0i] {
    width: 60px;
}

.icon-bg-cont-2.child[b-xw6w3m6p0i] {
    width: 50px;
    height: 50px;
}

.icon-container-2.child i[b-xw6w3m6p0i] {
    font-size: 2em;
}

.title h5.child[b-xw6w3m6p0i] {
    font-size: 14px;
}
.container-overview[b-xw6w3m6p0i] {
    display: flex;
    flex-direction: column !important;
    width: 50%;
}

.datagrid-cont[b-xw6w3m6p0i] {
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 768px) {
    .datagrid-container[b-xw6w3m6p0i] {
        width: 30% !important;
    }

    .container-overview[b-xw6w3m6p0i] {
        display: flex;
        width: 100%;
    }

    .container[b-xw6w3m6p0i] {
        margin-left: 10px !important;
    }
}


@media (max-width: 768px) {
    .container-accountnumbers[b-xw6w3m6p0i] {
        flex-direction: column;
        margin-top: 20px;
    }

    .datagrid-container[b-xw6w3m6p0i] {
        width: 100%;
    }

    .container-overview .col-md-6[b-xw6w3m6p0i] {
        width: 100%;
    }
}

.relationship[b-xw6w3m6p0i] {
    font-weight: 600;
}

.line-to-left line[b-xw6w3m6p0i],
.line-to-right line[b-xw6w3m6p0i],
.vertical-line line[b-xw6w3m6p0i] {
    stroke: black;
    stroke-width: 2;
    stroke-dasharray: 5, 5; /* Adjust to match your dash pattern */
}

.line-to-left[b-xw6w3m6p0i],
.line-to-right[b-xw6w3m6p0i] {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 100%;
    height: 300px; /* Adjust based on your container's height */
    z-index: 1; /* Ensure lines are behind icons */
}
/* /Components/D365/PartyMGMTD365Component.razor.rz.scp.css */
/* Triangle Container */
.triangle-container[b-bc7z89s62p] {
    height: 300px;
}

/* Triangle Lines */
.triangle-lines[b-bc7z89s62p] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Icon Containers */


/* Parent Icons Positions */
.top-icon[b-bc7z89s62p] {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

.bottom-left-icon[b-bc7z89s62p] {
    left: 0;
    right: 50%;
    top: 50px;
}

.bottom-right-icon[b-bc7z89s62p] {
    right: 0;
    left: 50%;
    top: 50px;
}


/* Child Buttons Container */
.child-buttons-container[b-bc7z89s62p] {
    position: relative;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-container[b-bc7z89s62p] {
    position: absolute;
    /*    transform: translate(-50%, -50%);
*/ z-index: 2;
}


/* Child Buttons */
.child-button[b-bc7z89s62p] {
    position: relative;
    margin-bottom: -10px;
    z-index: 2;
}

    /* Remove margin-bottom for last child */
    .child-button:last-child[b-bc7z89s62p] {
        margin-bottom: -30px;
    }

/* Adjusted Size for Child Buttons */
.icon-title-container.child[b-bc7z89s62p] {
    width: 60px;
}

.icon-bg-cont-2.child[b-bc7z89s62p] {
    width: 50px;
    height: 50px;
}

.icon-container-2.child i[b-bc7z89s62p] {
    font-size: 2em;
}

.title h5.child[b-bc7z89s62p] {
    font-size: 14px;
}

.container-overview[b-bc7z89s62p] {
    display: flex;
    flex-direction: column !important;
    width: 50%;
}

.datagrid-cont[b-bc7z89s62p] {
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 768px) {
    .datagrid-container[b-bc7z89s62p] {
        width: 30% !important;
    }

    .container-overview[b-bc7z89s62p] {
        display: flex;
        width: 100%;
    }

    .container[b-bc7z89s62p] {
        margin-left: 10px !important;
    }
}


@media (max-width: 768px) {
    .container-accountnumbers[b-bc7z89s62p] {
        flex-direction: column;
        margin-top: 20px;
    }

    .datagrid-container[b-bc7z89s62p] {
        width: 100%;
    }

    .container-overview .col-md-6[b-bc7z89s62p] {
        width: 100%;
    }
}

.relationship[b-bc7z89s62p] {
    font-weight: 600;
}

.line-to-left line[b-bc7z89s62p],
.line-to-right line[b-bc7z89s62p],
.vertical-line line[b-bc7z89s62p] {
    stroke: black;
    stroke-width: 2;
    stroke-dasharray: 5, 5; 
}

.line-to-left[b-bc7z89s62p],
.line-to-right[b-bc7z89s62p] {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 100%;
    height: 300px; 
    z-index: 1; 
}

.classification-legend[b-bc7z89s62p] {
    display: flex;
    gap: 15px;
    padding: 8px 12px;
    background-color: var(--clr-grey-100);
    border-radius: 6px;
    border: 1px solid var(--clr-grey-200);
    font-size: 0.875rem;
}

.legend-item[b-bc7z89s62p] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.legend-badge[b-bc7z89s62p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
}

.dealer-badge[b-bc7z89s62p], .classification-badge.dealer[b-bc7z89s62p] {
    background-color: #28a745;
}

.endcustomer-badge[b-bc7z89s62p], .classification-badge.endcustomer[b-bc7z89s62p] {
    background-color: #17a2b8;
}

.customer-button-wrapper[b-bc7z89s62p] {
    position: relative;
    display: inline-block;
}

.classification-badge[b-bc7z89s62p] {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 600;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.clickable-endcustomer .customer-icon-container[b-bc7z89s62p] {
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .clickable-endcustomer .customer-icon-container:hover[b-bc7z89s62p] {
        transform: scale(1.05);
    }

.transform-hint[b-bc7z89s62p] {
    position: absolute;
    top: 30px;
    left: 130px;
    transform: translateX(-50%);
    font-size: 0.6rem;
    color: var(--clr-grey-500);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.clickable-endcustomer:hover .transform-hint[b-bc7z89s62p] {
    opacity: 1;
}

.customer-icon-container[b-bc7z89s62p] {
    position: relative;
    display: inline-block;
}

.party-circle-wrapper-clickable[b-bc7z89s62p] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.party-circle-add-badge[b-bc7z89s62p] {
    position: absolute;
    top: 6px;
    left: calc(50% + 20px);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--clr-red-400);
    color: var(--clr-white-400);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    border: 2px solid var(--clr-white-400);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    opacity: 1;
    transform: translate(-50%, 0);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    z-index: 3;
}
/* /Components/DewulfTemplate.razor.rz.scp.css */
.dewulf-body[b-qxxpryjx0t] {
    background-color: white;
    background-image: url('../Images/Dulle_Strepen.png');
    width: 100%;
    height: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.center-container[b-qxxpryjx0t] {
    display: flex;
    align-items: center;
    min-height: 80%;
}

.dewulf-text-container[b-qxxpryjx0t] {
    width: 100%;
    min-height: 30%;
    background-color: white;
    box-shadow: 0px 3px 6px 2px #e7e6e6;
    padding: 4em;
    overflow-wrap: break-word;
    max-width: 95vw;
}

.image-container[b-qxxpryjx0t] {
    display: flex;
    height: 100%;
}
/* /Components/DictionaryComponent.razor.rz.scp.css */
.dic-item[b-bldv8vwy9w] {
    padding: 2px;
    cursor: default;
    margin: 1px;
    border-bottom: 1px solid rgba(0,0,0,.125)
}

p[b-bldv8vwy9w] {
    align-self: end;
}
/* /Components/Discount/DiscountDetail.razor.rz.scp.css */
.card-header[b-olfktyumqn] {
    display: flex;
    align-items: center;
    padding:12px 12px 6px 12px;
}
.card-body[b-olfktyumqn] {
    padding-top: 6px;
}
/* /Components/Discount/DiscountList.razor.rz.scp.css */

.nodiscounts-info[b-3dk62r9jui] {
   /* font-weight: 800;*/
    color: var(--clr-red-400);
}

.info-discountlist[b-3dk62r9jui] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.discount-list table *[b-3dk62r9jui] {
    /*font-size: 12px;*/
}

.discount-list[b-3dk62r9jui] {
    /*height: 100%;*/
    min-height:10%;
    padding: 24px 12px;
    background-color: var(--clr-white-200);
    border-radius: 3px;
    border: 2px solid var(--clr-red-400);
}

    .discount-list h5[b-3dk62r9jui] {
        color: var(--clr-red-400);
        font-size: 20px;
    }

.selected-discount th[b-3dk62r9jui],
.selected-discount td[b-3dk62r9jui],
.selected-discount td *[b-3dk62r9jui] {
    font-weight: 600;
    color: var(--clr-red-400);
}
/* /Components/Discount/DiscountSearch.razor.rz.scp.css */
.card-header[b-t8ke41r12o] {
    display: flex;
    align-items: center;
    padding: 12px 12px 6px 12px;
}
.card-body[b-t8ke41r12o]{
    padding-top:6px;
}
.searchbtn-cont[b-t8ke41r12o] {
    display: flex;
    justify-content: end;
}
.date-flex[b-t8ke41r12o] {
    display: flex;
}
.discount-quotation-list[b-t8ke41r12o] {
    width: 300px;
    height: 5rem;
}
.discountsearch-right-container[b-t8ke41r12o] {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* /Components/EConnect/EConnectApproveComponent.razor.rz.scp.css */
/* /Components/EConnect/EConnectApproveD365Component.razor.rz.scp.css */
/* /Components/EConnect/EConnectApproveDetailsComponent.razor.rz.scp.css */
/*label {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}*/

.dropdown-name[b-n1s61mtj3h] {
    right: 15px;
    position: absolute;
    font-size: x-small;
}
/* /Components/EConnect/EConnectApproveDiscountItem.razor.rz.scp.css */
.discount-line[b-gfowzrjjgh] {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    border: 1px solid var(--clr-grey-300);
}

    .discount-line:hover[b-gfowzrjjgh] {
        border: 1px solid var(--clr-grey-400);
        background-color: var(--clr-red-10) !important;
        cursor: default !important;
    }

        .discount-line:hover *[b-gfowzrjjgh] {
            /*color:white;*/
        }

.input-group-text[b-gfowzrjjgh] {
    width: 3rem;
}

.label[b-gfowzrjjgh] {
    padding: 0;
    margin: 0;
}
/* /Components/EConnect/EConnectInfoCardComponent.razor.rz.scp.css */
.file-item[b-wy9xd8nc3x] {
    padding: 2px;
    cursor: default;
    margin: 1px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    align-content: stretch;
}

.file-item-i > i:hover[b-wy9xd8nc3x] {
    cursor: pointer;
    color: #d9534f;
}
/* /Components/EConnect/EConnectPopupPlanningComponent.razor.rz.scp.css */
#e-connect-popup-pl[b-kuk2q72r9e] {
    width: 500px;
    min-height: 200px;
    padding: 1rem;
}

@media (max-width: 768px) {
    #e-connect-popup-pl[b-kuk2q72r9e] {
        width: auto;
        height:auto;
        padding: 1rem;
    }
}
/* /Components/EConnect/EConnectPopupSpecialRequestComponent.razor.rz.scp.css */
#e-connect-popup-sr[b-58823wxiux] {
    width: 500px;
    min-height: 200px;
    padding: 1rem;
}

@media (max-width: 768px) {
    #e-connect-popup-sr[b-58823wxiux] {
        width: auto;
        height:auto;
        padding: 1rem;
    }
}
/* /Components/EConnect/EConnectPrintFriendlyComponent.razor.rz.scp.css */
.dic-item[b-dx9b2jw4mj] {
    padding: 2px;
    cursor: default;
    margin: 2px;
    border-bottom: 1px solid rgba(0,0,0,.125)
}
/* /Components/EConnect/EConnectReportsComponent.razor.rz.scp.css */
.report-item[b-eg3kafi5ft] {
    margin: 0.2rem;
}

    .report-item:hover[b-eg3kafi5ft] {
        cursor: pointer;
        color: var(--clr-red-500);
    }

        .report-item:hover *[b-eg3kafi5ft] {
            color: var(--clr-red-500);
        }

    .report-item.active[b-eg3kafi5ft] {
        color: var(--clr-red-500);
    }

        .report-item.active *[b-eg3kafi5ft] {
            color: var(--clr-red-500);
        }

.report-container[b-eg3kafi5ft] {
    margin: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
}
/* /Components/Edgeconfig/TelemetryConfigPropertiesComponent.razor.rz.scp.css */
/* Chrome, Safari, Edge, Opera */
input[b-n9cstvk0l9]::-webkit-outer-spin-button,
input[b-n9cstvk0l9]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-n9cstvk0l9] {
    -moz-appearance: textfield;
}

.datagrid[b-n9cstvk0l9] {
    overflow-y: visible;
    height: 30vh;
    max-height: 55vh;
}

.mybtn-dark:hover:not(:disabled)[b-n9cstvk0l9] {
    color: var(--clr-red-300);
}
/* /Components/Email/MailTemplateEditComponent.razor.rz.scp.css */
.e-richtexteditor .e-rte-content .e-content[b-1tnw2teteh], .e-richtexteditor .e-source-content .e-content[b-1tnw2teteh] {
    min-height: 40dvh;
}
/* /Components/Email/MasterDataMailAddressModelComponent.razor.rz.scp.css */
.card:hover[b-wb90mxuncn] {
    border-color: var(--clr-blue-400);
}

.card-item[b-wb90mxuncn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.3rem;
}

    .card-item i[b-wb90mxuncn] {
        visibility: hidden;
    }

    .card-item:hover i[b-wb90mxuncn] {
        visibility: visible;
    }

    .card-item:hover[b-wb90mxuncn] {
        cursor: pointer;
        color: var(--clr-blue-400);
    }

        .card-item:hover *[b-wb90mxuncn] {
            color: var(--clr-blue-400);
        }

    .card-item.active[b-wb90mxuncn] {
        border: 1px solid var(--clr-blue-200);
        background-color: var(--clr-blue-200);
    }

        .card-item.active *[b-wb90mxuncn] {
            /*color: white;*/
        }
/* /Components/FileDrop.razor.rz.scp.css */
.dropfile-area[b-1983g3ih0i] {
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed var(--clr-grey-400);
    border-radius: 6px;
}

    .dropfile-area:hover[b-1983g3ih0i] {
        border-style: solid;
    }

    .dropfile-area.hover[b-1983g3ih0i] {
        border-style: solid;
        background-color: var(--clr-green-300);
    }

@keyframes fadeIn-b-1983g3ih0i {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in[b-1983g3ih0i] {
    animation: fadeIn-b-1983g3ih0i 1s ease-out forwards;
}

.file-card[b-1983g3ih0i] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--clr-grey-300);
    background-color: var(--clr-white-400);
    border-radius: 3px;
    position: relative;
    width: 120px;
    height: auto;
    margin: 6px;
    padding: 3px;
}

.file-card-text[b-1983g3ih0i] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.file-card-icon-container[b-1983g3ih0i] {
    width: 100px;
    height: 100px;
}

.file-card-icon[b-1983g3ih0i] {
    position: absolute;
    top: 3px;
    right: 3px;
}

.filename-container[b-1983g3ih0i] {
    display: flex;
    flex-wrap: wrap;
    min-height: 100px;
    overflow-y: scroll;
    width: 100%;
    border: 1px solid var(--clr-grey-100);
    background-color: var(--clr-white-200);
    border-radius: 3px;
    padding: 3px;
}


@media (min-height: 900px) {
    .filename-container[b-1983g3ih0i] {
        /* height: 250px;*/
    }
}

@media (max-width: 768px) {
    .filename-container[b-1983g3ih0i] {
        justify-content: center;
    }

    .mx-1-em[b-1983g3ih0i] {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    .fas.fa-file-upload.fa-2x[b-1983g3ih0i] {
        font-size: 1.5em;
    }

    .dropfile-area[b-1983g3ih0i] {
        padding: 10px;
    }

    .drag-and-drop-text[b-1983g3ih0i] {
        display: none;
    }
}

.attachment-buttons[b-1983g3ih0i] {
    display: flex;
    margin-top: 10px;
}

.metadata-container[b-1983g3ih0i] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.selected-image-details[b-1983g3ih0i] {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.copy-image[b-1983g3ih0i] {
    padding: 1rem;
    background-color: var(--clr-white-400);
    margin-bottom: 0.5rem;
    border: 2px dashed var(--clr-grey-400);
    border-radius: 6px;
    text-align: center;
}

.metadata-blob[b-1983g3ih0i] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: none;
    background-color: var(--clr-white-400);
    border-radius: 3px;
    position: relative;
    width: inherit;
}

.optional-meta-data[b-1983g3ih0i] {
    width: inherit;
}

.view-optional-meta-data[b-1983g3ih0i] {
    padding: 1rem;
    background-color: var(--clr-white-400);
    margin-bottom: 0.5rem;
    border: 2px dashed var(--clr-grey-400);
    border-radius: 6px;
}

    .copy-image:hover[b-1983g3ih0i],
    .view-optional-meta-data:hover[b-1983g3ih0i] {
        border-style: solid;
    }

/* Further adjustments for very small screens */
@media (max-width: 576px) {
    .d-flex[b-1983g3ih0i] {
        flex-direction: column;
        align-items: center;
    }

    .mx-1-em[b-1983g3ih0i] {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
}

.size-image-container[b-1983g3ih0i] {
    width: 70px;
    height: 50px;
    display: flex;
    justify-content: center;
}

    .size-image-container img[b-1983g3ih0i] {
        width: auto;
        max-height: 100%;
        max-width: 100%;
    }
/* /Components/FileImporters/DataFileImporter.razor.rz.scp.css */
h6[b-zh8n7wxisi] {
    font-weight: 500;
}

td[b-zh8n7wxisi] {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

pre[b-zh8n7wxisi] {
    color: #707070;
    font-size: 1em;
}

.container-importer[b-zh8n7wxisi] {
    display: flex;
    flex-direction: row;
    column-gap: 1em;
}

#div-uploader[b-zh8n7wxisi] {
    flex: 0 0 40%;
}

    #div-uploader.e-upload[b-zh8n7wxisi] {
        background-color: aliceblue;
        min-height: 10em;
    }

#div-templates[b-zh8n7wxisi] {
    flex: 0 0 60%;
}

table[b-zh8n7wxisi] {
    width: auto;
    overflow-x: auto;
}

/* Stack vertically on smaller screens */
@media (max-width: 768px) {
    .container-importer[b-zh8n7wxisi] {
        flex-direction: column;
    }

    #div-uploader[b-zh8n7wxisi],
    #div-templates[b-zh8n7wxisi] {
        flex: 0 0 auto;
        width: 100%;
    }

    #div-templates[b-zh8n7wxisi] {
        margin-top: 1em;
    }
}
/* /Components/FileImporters/SfUploaderComponent.razor.rz.scp.css */
#uploader[b-fo4llpamhp] {
    display: flex;
    flex-wrap: wrap; /* a wrapping flexbox */
}

aside[b-fo4llpamhp] {
    min-width: 250px; /* minimum width of aside */
    flex: 1;
    margin: 2px;
}

h6[b-fo4llpamhp] {
    font-weight: 500;
}
/* /Components/FilterElement.razor.rz.scp.css */

.filter-main[b-a89khoytoy] {
    margin: 3px 0 3px 12px;
}

    .filter-main h5[b-a89khoytoy] {
        font-size: 1.2rem;
    }

    .filter-main input[b-a89khoytoy] {
        margin-right: 6px;
    }

    .filters h5[b-a89khoytoy] {
        font-size: 1rem;
    }

    .filters label[b-a89khoytoy] {
        font-size: .8rem;
    }

    .filters div[b-a89khoytoy] {
        margin-left: 12px;
    }

    .filters .filters h5[b-a89khoytoy]{
        font-weight:400;
        font-size:1rem;
    }

.filter-check[b-a89khoytoy]{
    width:1rem;
    height:1rem;
}
.filter-header[b-a89khoytoy]{
    display:flex;
    align-items:center;
}
.machinefilter-button[b-a89khoytoy] {
    padding: 6px;
}

.machinefilter-button-closed[b-a89khoytoy] {
    border-radius: 6px;
}

.machinefilter-button-open[b-a89khoytoy] {
    border-radius: 6px 6px 0 0;
}

.machinefilter-button:hover[b-a89khoytoy] {
    background-color: var(--clr-grey-100);
    cursor: pointer;
}


.machinefilter-content-closed[b-a89khoytoy] {
    text-overflow: clip;
    border-radius: 0 0 6px 6px;
    transition: width .5s;
}

    .machinefilter-content-closed *[b-a89khoytoy] {
        white-space: nowrap;
        display: none;
    }

.machinefilter-content-open[b-a89khoytoy] {
    border-radius: 0 0 6px 6px;
    transition: width .5s;
}

    .machinefilter-content-open * label[b-a89khoytoy] {
        white-space: nowrap;
    }

/* /Components/FilterInputNameComponent.razor.rz.scp.css */
.filter-input-name-container[b-hddk5zhaah] {
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* /Components/FlexboxKeyValueComponent.razor.rz.scp.css */
.flexitem[b-uukqfirye2] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .25rem !important;
    cursor: default;
    overflow-wrap: break-word;
}

    .flexitem:hover > div[b-uukqfirye2] {
        color: var(--clr-red-400);
        cursor: inherit;
    }
    .flexitem:hover *[b-uukqfirye2] {
        color: var(--clr-red-400);
    }

.item-key[b-uukqfirye2] {
    font-size: small;
}
/* /Components/Forms/CustomerSuggestionComponent.razor.rz.scp.css */
.suggestions-container[b-2ya43xm6fd] {
    margin-top: 20px;
    padding: 10px;
    background-color: #f8f9fa; /* light gray background */
    border: 1px solid #ddd; /* light border */
    border-radius: 4px;
}

    .suggestions-container h5[b-2ya43xm6fd] {
        margin-bottom: 10px;
    }

    .suggestions-container ul[b-2ya43xm6fd] {
        list-style-type: none;
        padding: 0;
    }

    .suggestions-container li[b-2ya43xm6fd] {
        margin-bottom: 5px;
        padding: 5px;
        border-bottom: 1px solid #eee;
    }

.fuzzy-rating[b-2ya43xm6fd] {
    color: green;
    margin-right: 1rem;
}

.suggestion-list[b-2ya43xm6fd] {
    justify-content: flex-start; /* Horizontal alignment */
    width: 100%;
    height: auto;
    margin: auto;
}

.suggestion-item[b-2ya43xm6fd] {
    font-size: 1rem;
    display: flex;
    align-items: flex-start;
    display: flex;
    cursor: auto;
}

.inputCheckbox[b-2ya43xm6fd] {
    position: absolute;
    right: 25px;
    cursor: pointer;
}
.scenario-message[b-2ya43xm6fd] {
    margin-top:-5px;
    margin-bottom:1rem;
}
.party-details[b-2ya43xm6fd] {
    flex: 1;
    padding-right: 10px;
}

.row > div[class^="col-"][b-2ya43xm6fd] {
   padding:1rem;
}

.remove-data-area-ids[b-2ya43xm6fd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color:pink;
    background-color:pink;
}
/* /Components/Forms/DictionaryInputComponent.razor.rz.scp.css */
.dict-input-cont[b-6fwepnwlzo]{

}
.dict-input-line[b-6fwepnwlzo]{
    display:flex;
    justify-content:space-between;
}
.dict-input-line input[b-6fwepnwlzo]{
    width:calc(50% - 6px);
    margin-right:6px;
}
th[b-6fwepnwlzo]{
    padding:3px;
    border-bottom:0px solid red;
}
td[b-6fwepnwlzo]{
    padding:3px;
}
/* /Components/Forms/KeyValueForm.razor.rz.scp.css */

.key[b-kgt0nsblbt] {
    text-align: left !important;
    /*color: #ada6a6;*/
    margin-bottom: 0px;
    font-weight: bolder;
}
/* /Components/GridContainer/GridButtons.razor.rz.scp.css */

.grid-btns-left[b-vmklkwwf1y],
.grid-btns-right[b-vmklkwwf1y] {
    display: flex;
    align-items: center
}


.page-select[b-vmklkwwf1y] {
    height: 70%;
    padding: 3px;
    margin: 0 0 0 6px;
    font-size: 1rem;
    border: 1px solid var(--clr-grey-100);
    border-radius: 3px;
}

option[b-vmklkwwf1y] {
    border: none;
}

.page-select *[b-vmklkwwf1y] {
    padding: 3px;
    font-size: 1rem;
}

.page-select:focus[b-vmklkwwf1y] {
    border-radius: 3px;
    outline: 1px solid var(--clr-red-50);
    border: none;
}

.gridbtn-cont[b-vmklkwwf1y] {
    border-bottom: 1px solid var(--clr-grey-300);
    min-height:3rem;
}

/* /Components/GridContainer/GridContainer.razor.rz.scp.css */
.maingrid-cont[b-z2vjmjy6qb] {
    /*margin-top:12px;*/
}
.dewgrid-cont[b-z2vjmjy6qb] {
    border-radius: 3px;
    background-color: white;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
}
.datagrid-cont[b-z2vjmjy6qb] {
    display: flex !important;
    /*max-height: 65vh;*/
}
@media (max-width: 768px) {
    .datagrid-cont[b-z2vjmjy6qb] {
        flex-direction: column !important;
    }
}
.top-cont[b-z2vjmjy6qb] {
    width: 100%;
    margin-bottom: 0.5rem;
}

.footer-cont[b-z2vjmjy6qb] {
    width: 100%;
}

.view-btn-cont[b-z2vjmjy6qb] {
    position: relative;
    margin-bottom: 0.5rem;
}

.view-menu[b-z2vjmjy6qb] {
    background-color: white;
    height: auto;
    padding: 3px 0;
    display: flex;
    flex-direction: column;
    width: 70px;
    position: absolute;
    top: 40px;
    right: 3px;
    z-index: 5000;
    border: 1px solid var(--clr-grey-400);
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: 0px 2px 4px 1px var(--clr-grey-400);
}

    .view-menu > button[b-z2vjmjy6qb] {
        margin-bottom: 3px;
    }

.view-menu-btn[b-z2vjmjy6qb] {
    height: 2rem;
    display: flex;
    border: none;
    align-items: center;
    background-color: transparent;

}

    .view-menu-btn i[b-z2vjmjy6qb] {
        margin-right: 12px;
    }

    .view-menu-btn:hover[b-z2vjmjy6qb] {
        background-color: var(--clr-grey-100);
    }

.userbox-bg[b-z2vjmjy6qb] {
    z-index: 1500;
}
.gridcont-pager[b-z2vjmjy6qb] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.gridcont-pagerinfo[b-z2vjmjy6qb] {
    display: flex;
    justify-content: end;
    align-items: flex-end;
/*    margin-right: 2em;
*/}

.gridcont-pagerinfo *[b-z2vjmjy6qb] {
    font-size: 12px;
}

.page-select[b-z2vjmjy6qb] {
    height: 100%;
    padding: 3px;
    margin: 0 0 0 6px;
    font-size: 1rem;
    border: 1px solid var(--clr-grey-100);
    border-radius: 3px;
}

option[b-z2vjmjy6qb] {
    border: none;
}

.page-select *[b-z2vjmjy6qb] {
    padding: 3px;
    font-size: 1rem;
}

.page-select:focus[b-z2vjmjy6qb] {
    border-radius: 3px;
    outline: 1px solid var(--clr-red-50);
    border: none;
}
/* /Components/GridContainer/GridFilters.razor.rz.scp.css */
.gridfilter-cont[b-hemuyrzonq] {
    position: relative;
    display:flex;
    justify-content:space-between;
    margin: .5rem 0;
}

.extrafilter-cont[b-hemuyrzonq] {
    position: absolute;
    z-index: 5000;
    top: 0px;
    left: 0px;
    padding: 12px 6px 6px 6px;
    border: 1px solid var(--clr-grey-400);
    border-top: none;
    border-radius: 0 0 3px 3px;
    min-width: 300px;
    min-height: 100px;
    background-color: white;
    box-shadow: 0px 2px 4px 1px var(--clr-grey-450);
}
.large-filter-container[b-hemuyrzonq] {
    display:none;
}
.mobile-filter-container[b-hemuyrzonq] {
    display: flex;
    align-items:center;
}
.mobile-filters[b-hemuyrzonq] {
    display: flex;
}

.extrafilter-btn[b-hemuyrzonq] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--clr-grey-400);
    border-radius: 3px;
    background-color: transparent;
}

    .extrafilter-btn:hover[b-hemuyrzonq] {
        background-color: var(--clr-grey-200);
    }

.userbox-bg[b-hemuyrzonq] {
    z-index: 1500;
}

.filters-block[b-hemuyrzonq] {
    min-height: 50px;
}

.filters-input[b-hemuyrzonq] {
    border-radius: 4px;
    border: 1px solid var(--clr-grey-400);
    background-color: #fff;
    min-height: 30px;
    font-size:14px;
    padding:2px;
}

.filters-select[b-hemuyrzonq] {
    /*min-width: 300px;*/
    border-radius: 4px;
    border: 1px solid var(--clr-grey-400);
    background-color: transparent;
    min-height: 30px;
}

.view-select[b-hemuyrzonq] {
    font-size: 12px;
    border: 1px solid var(--clr-grey-400);
    border-radius: 3px;
}

    .view-select:focus[b-hemuyrzonq] {
        outline: none;
    }

/*.input-filter {
    background-color: var(--clr-white-100);
    min-width:200px;
}*/

@media only screen and (min-width: 768px) {

    .filters-input[b-hemuyrzonq] {
        min-width: 300px;
        border-radius: 4px;
        border: 1px solid var(--clr-grey-400);
        background-color: #fff;
        min-height: 30px;
        font-size: 14px;
        padding: 2px;
    }

    .large-filter-container[b-hemuyrzonq] {
        display:flex;
        margin-left: 5px;
    }
    .mobile-filter-container[b-hemuyrzonq]{
        display:none;
    }
    .mobile-filters[b-hemuyrzonq]{
        display:none;
    }

}
/* /Components/Icons/ConnectionIcon.razor.rz.scp.css */

.conn-state-box[b-52sieufqn8] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    width: 16px;
    aspect-ratio: 1;
    border-radius: 50%;
    margin:4px;
}

.circle[b-52sieufqn8] {
    width: 70%;
    aspect-ratio: 1;
    border-radius: 50%;
}

.box-off[b-52sieufqn8] {
    position: absolute;
    height: 50%;
    width: 4px;
    border-radius: 25%;
    background-color: #e5322d;
}

.box-on[b-52sieufqn8] {
    position: absolute;
    bottom: 50%;
    height: 60%;
    width: 4px;
    border-radius: 2px;
    background-color: #0dc40d;
    box-shadow: 0 0 0px 2px rgb(255, 255, 255);
}
.box-none[b-52sieufqn8] {
    position: absolute;
    bottom: 50%;
    height: 60%;
    width: 4px;
    border-radius: 2px;
    background-color: #0dc40d;
    box-shadow: 0 0 0px 2px rgb(255, 255, 255);
}
.red-conn[b-52sieufqn8] {
    box-shadow: 0 0 0px 3px #e5322d;
}
.green-conn[b-52sieufqn8] {
    box-shadow: 0 0 0px 3px #0dc40d;
}
.no-conn[b-52sieufqn8] {
    box-shadow: 0 0 0px 3px #8d8d8d;
}
/* /Components/ImageViewer.razor.rz.scp.css */
.background[b-0oumo1qjgp]{
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--clr-black-50);
    z-index:5000;
    display:flex;
    justify-content:center;
    align-items:center;
}
.img-cont[b-0oumo1qjgp] {
    width: 90%;
    height: 90%;
    border: 1px solid var(--clr-grey-500);
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-image-txt[b-0oumo1qjgp]{
    font-weight:600;
    font-size:18px;
    color:lightgrey;
    letter-spacing:1px;
    display:contents;
}
/* /Components/ImportCSV.razor.rz.scp.css */
.mainbody[b-ojlgrark0b]{
    border: 1px solid grey;
    border-radius:6px;
    padding:12px;
}
/* /Components/InfoCard.razor.rz.scp.css */
.main[b-b3kmlogasy] {
    display: grid;
    grid-template-rows: 30px 1fr 30px;
    grid-template-areas: "header" "content" "footer";
    flex-direction:column;
    position: relative;
    height: 100%;
    width: 100%;
}
.header-content[b-b3kmlogasy]{
    width:100%;
    height:40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.myheader[b-b3kmlogasy] {
    grid-area: header;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.myfooter[b-b3kmlogasy] {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    grid-area: footer;
}

    .myheader button[b-b3kmlogasy] {
        margin: 3px;
    }
.infocard-content[b-b3kmlogasy] {
    margin: auto;
    grid-area: content;
    padding: 6px;
    height:100%;
    width: 100%;

}

.myheader button[b-b3kmlogasy] {
    margin: 3px;
}
.infocard .machinecard-label[b-b3kmlogasy]{
    font-weight:600;
}
/* /Components/InfoLine.razor.rz.scp.css */
.info-line[b-m06tjklfor] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:6px 0;
    padding: 0 2px;
}
.label-block[b-m06tjklfor]{

}
.value-block[b-m06tjklfor]{
    width:50%;
    justify-content:end;
}
.value-container[b-m06tjklfor]{

}
label[b-m06tjklfor]{
    margin-right:3px;
}
/* /Components/IoT/DewPieChart.razor.rz.scp.css */
table[b-yatlo9yjf4]{
    box-shadow: 1px 1px 2px 1px var(--clr-grey-200);
}
tr:first-child[b-yatlo9yjf4]{
    border-top:none;
}
.pie-header[b-yatlo9yjf4]{
    margin-left:12px;
    font-weight:600;
    font-size:14px;
    font-style:italic;
    color:var(--clr-grey-450);
}
.chart-cont[b-yatlo9yjf4] {
    width: 150px;
    aspect-ratio: 1;
}
.chart-cont-telemetry[b-yatlo9yjf4] {
    width: 140px;
    aspect-ratio: 1;
}
text[b-yatlo9yjf4]{
    font-size:20px;
}
.prop-header[b-yatlo9yjf4]{
    margin:6px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.hidden-chart[b-yatlo9yjf4] {
    display: none;
}
.piechart text[b-yatlo9yjf4] {
    font-size: 10px !important;
}

.chart-select[b-yatlo9yjf4]{
    display:flex;

}
.chart-container[b-yatlo9yjf4] {
    height: 300px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.yields-chart-container[b-yatlo9yjf4] {
    position:relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin:6px 0;

}
.yields-chart-container *[b-yatlo9yjf4] {
    font-size:12px;
}

.yields-select[b-yatlo9yjf4] {
    padding: 6px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 0 0 var(--clr-grey-450);
}
    .yields-select i[b-yatlo9yjf4] {
        margin: 6px;
    }

        .yields-select i:hover[b-yatlo9yjf4] {
            cursor: pointer;
        }

table[b-yatlo9yjf4] {
    background-color: white;
}

tr[b-yatlo9yjf4] {
    border: 1px solid var(--clr-grey-400);
    border-left:none;
    border-right:none;
}
td:last-child[b-yatlo9yjf4]{
    text-align: right;
    padding: 3px 6px;
}
.td-value[b-yatlo9yjf4] {
    font-weight: 700;
    font-size:11px;
}
.td-name[b-yatlo9yjf4]{
    font-size:11px;
}
.td-name:not(:first-child)[b-yatlo9yjf4],
    .td-value:not(:first-child)[b-yatlo9yjf4] {
        padding: 3px 6px;
    }

th:first-child[b-yatlo9yjf4] {
    text-align: center;
    padding-left:6px;
}
th:last-child[b-yatlo9yjf4] {
    text-align: center;
    padding-right: 6px;
}

i:hover[b-yatlo9yjf4]{
    color:var(--clr-grey-450);
}
.td-chart-color[b-yatlo9yjf4] {
    border: 1px solid white;
    width: 1rem;
    height: 1rem;
    border-radius: 10px;
}
.td-chart-total[b-yatlo9yjf4] {
    height: 2rem;
    border-top: 1px solid var(--clr-grey-400);
    border-bottom: 1px solid var(--clr-grey-400);
}
.td-area-hourly i[b-yatlo9yjf4]{
    margin-left:3px;
}
.td-area-hourly:hover[b-yatlo9yjf4] {
    cursor: pointer;
    background-color: var(--clr-red-50);
}

.loader[b-yatlo9yjf4] {
    width: 12px;
    height: 12px;
    margin-bottom:5px;
    border-radius: 50%;
    animation: l11-b-yatlo9yjf4 2s infinite;
}
.loader loader-cont[b-yatlo9yjf4] {
    height: 12px !important;
}
.yield-cont[b-yatlo9yjf4] {
    display: flex;
    flex-direction: column-reverse;
    padding-right: 6px;
    width: 4.5rem;
}

.yield-line:first-child[b-yatlo9yjf4] {
    margin-bottom: 98px;
}

.yield-line[b-yatlo9yjf4] {
    padding: 1px 0;
    margin-bottom: 5px;
}

    .yield-line span[b-yatlo9yjf4] {
        font-weight: 600;
        font-size: 10px;
        text-align: end;
    }
@keyframes l11-b-yatlo9yjf4 {
    0% {
        background: conic-gradient(#e5322d 0,#0000 0)
    }

    12.5% {
        background: conic-gradient(#e5322d 45deg,#0000 46deg)
    }

    25% {
        background: conic-gradient(#e5322d 90deg,#0000 91deg)
    }

    37.5% {
        background: conic-gradient(#e5322d 135deg,#0000 136deg)
    }

    50% {
        background: conic-gradient(#e5322d 180deg,#0000 181deg)
    }

    62.5% {
        background: conic-gradient(#e5322d 225deg,#0000 226deg)
    }

    75% {
        background: conic-gradient(#e5322d 270deg,#0000 271deg)
    }

    87.5% {
        background: conic-gradient(#e5322d 315deg,#0000 316deg)
    }

    100% {
        background: conic-gradient(#e5322d 360deg,#0000 360deg)
    }
}

/* /Components/IoT/GaugeBar.razor.rz.scp.css */

.gauge-bar-outer[b-edrpcxz5gt] {
    border-radius: 5px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    position: relative;
    background-color: #f2f2f2;
    border: 1px solid var(--clr-grey-300) outset;
    box-shadow: 1px 1px 1px 1px var(--clr-grey-500);
}
.gauge-pad[b-edrpcxz5gt]{
    padding: 2px 0;
}
.horizontal[b-edrpcxz5gt]{
    height: .8rem;
    width: 100%;
}
.vertical[b-edrpcxz5gt] {
    width: 1rem;
    height: 100%;
}

.fill[b-edrpcxz5gt] {
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.block[b-edrpcxz5gt]{
    background-color:black;
    margin:0 1px;
}
    .block:first-child[b-edrpcxz5gt] {
        border-radius: 4px 0 0 4px;
    }
    .block:last-child[b-edrpcxz5gt] {
        border-radius: 0 4px 4px 0;
    }
.horizontal .block-container[b-edrpcxz5gt]{
    display:flex;
    height:100%;
    width:100%;
}
.vertical .block-container[b-edrpcxz5gt] {
    height: 100%;
    width: 100%;
}
.horizontal .block[b-edrpcxz5gt]{
    height:100%;
}
.vertical .block[b-edrpcxz5gt]{
    width:100%;
}
.horizontal .fill[b-edrpcxz5gt] {
    height: 100%;
}
.vertical .fill[b-edrpcxz5gt] {
    width: 100%;
}

.line-h[b-edrpcxz5gt] {
    position: absolute;
    background-color: black;
}
.horizontal .line-h[b-edrpcxz5gt]{
    height: 50%;
    width: 1px;
}
.vertical .line-h[b-edrpcxz5gt] {
    width: 50%;
    height: 2px;
}
/* /Components/IoT/GaugeHorizontal.razor.rz.scp.css */

.gauge-bar-outer-h[b-hys1zmhdwf] {
    border-radius: 5px;
    display: flex;
    position: relative;
    flex-direction: column-reverse;
    justify-content: flex-end;
    background-color: #f2f2f2;
    height: 1rem;
    width: 100%;
    border:1px solid var(--clr-grey-300) outset;
    box-shadow: 1px 1px 1px 1px var(--clr-grey-500);
}

.fill[b-hys1zmhdwf] {
    border-radius:4px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left:0;
}

.line-h[b-hys1zmhdwf] {
    position: absolute;
    height: 50%;
    width: 2px;
    background-color:black;
}
/* /Components/IoT/GaugeRound.razor.rz.scp.css */
.gauge-container[b-uniso25e4n] {
    margin-right: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 6px;
    max-height:340px;
    border: 1px solid black;
    background-color: #efefef;
}
.gauge-container h4[b-uniso25e4n]{
    margin:6px;
}
.gauge-round-outer[b-uniso25e4n] {
    border-radius: 6px;
    margin:6px;
    border: 1px solid grey;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    width: 160px;
    background-color: #eeeeee;
}
.gauge-round[b-uniso25e4n] {
    position: relative;
    background-color: #ffffff;
    border-radius: 50%;
    height: 140px;
    width: 140px;
    border: solid 1px grey;
    -moz-box-shadow: inset 0 0 10px #777777;
    -webkit-box-shadow: inset 0 0 10px #777777;
    box-shadow: inset 0 0 10px #777777;
}
.pointer[b-uniso25e4n] {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.innerpointer[b-uniso25e4n] {
    margin: auto;
    z-index: 10;
}

    .innerpointer:not(:required)[b-uniso25e4n]:after {
        content: "";
        display: block;
        position: absolute;
        font-size: 10px;
        height: 65px;
        width: 10px;
        top: 0;
        left: calc(50% - 0.5em);
        background-color: #ffffff;
        transform-origin: center top;
        border-radius: 50%;
        border: 1px solid black;
        -moz-box-shadow: 0px -1px 5px 1px #777777;
        -webkit-box-shadow: 0px -1px 5px 1px #777777;
        box-shadow: 0px -1px 5px 1px #777777;
    }

.center-dot[b-uniso25e4n] {
    z-index: 20;
    border: 1px solid #1d1d1d;
    background-color: #ffffff;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -moz-box-shadow: 0px -1px 10px 1px #777777;
    -webkit-box-shadow: 0px -1px 10px 1px #777777;
    box-shadow: 0px -1px 10px 1px #777777;
}

.line-round[b-uniso25e4n] {
    z-index: 5;
    background-color: black;
    position: absolute;
    left: calc(50% - 1px);
    bottom: 0;
    width: 2px;
    height: 8px;
    transform-origin: 2px -61px;
}
.gauge-round-value[b-uniso25e4n]{
    font-size:12px;
    color:black;
    position:absolute;
    right:-2px;
    top:-16px;
}
.value-container[b-uniso25e4n] {
    margin:6px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    width: 100%;
}
.valuebox[b-uniso25e4n] {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    background-color: #ffffff;
    padding:2px;
    margin: 0 6px;
    border-radius:6px;
}
.valuebox p[b-uniso25e4n]{
    font-weight:600;
}
.logbox[b-uniso25e4n]{
    float:right;
}
.logbox p[b-uniso25e4n]{
    margin: 0 6px 0 0;
}
/* /Components/IoT/GaugeVertical.razor.rz.scp.css */

.gauge-bar-outer-h[b-71uo8pylig] {
    border-radius: 5px;
    display: flex;
    position: relative;
    flex-direction: column-reverse;
    justify-content: flex-end;
    border: 1px solid var(--clr-grey-500);
    background-color: #f2f2f2;
    width: 20px;
    height: 100%;
    box-shadow: 1px 1px 1px 1px var(--clr-grey-500);
}

.fill[b-71uo8pylig] {
    border-radius:4px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.line-h[b-71uo8pylig] {
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: black;
}
/* /Components/IoT/PropItem.razor.rz.scp.css */

.propcard[b-koms3qevdx] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 6px;
    height: 3rem;
    width: calc(50% - 12px);
    border: 1px solid var(--clr-grey-400);
    border-radius: 5px;
    min-width: 200px;
}

    .propcard p[b-koms3qevdx] {
        font-weight: 800;
    }

    .propcard:hover p[b-koms3qevdx] {
        font-weight: 800;
    }

    .propcard:hover[b-koms3qevdx] {
        border: 1px solid var(--clr-red-300);
    }

.propcard-empty:hover[b-koms3qevdx] {
    cursor: pointer;
    border: 1px solid var(--clr-red-300);
}

.propcard-empty i[b-koms3qevdx] {
    color: var(--clr-grey-200);
}

.propcard-empty:hover i[b-koms3qevdx] {
    color: var(--clr-red-300);
}

.delete-btn-cont[b-koms3qevdx] {
    position: absolute;
    right: -5px;
    top: -5px;
}

.delete-btn[b-koms3qevdx] {
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--clr-red-300);
    border: 1px solid var(--clr-grey-450);
    outline: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
}
.delete-btn i[b-koms3qevdx]{
    color:white;
}
.delete-btn:hover[b-koms3qevdx]{
    cursor:pointer;
    background-color: var(--clr-red-100);
    border: 1px solid var(--clr-red-400);
}

    .delete-btn:hover i[b-koms3qevdx] {
        color:var(--clr-red-400);
    }
/* /Components/ItemTreeComponent.razor.rz.scp.css */
.flex-item-text[b-67d1pgkohm] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    border: 1.5px solid #b6b6b6;
    padding: 0.5em;
    align-items: center;
    height: 26px;
    min-width: 170px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 1em;
    padding-right: 1em;
    color: var(--light-grey-item-tree);
    cursor: pointer;
    color: var(--light-grey-item-tree);
    background-color: white;
    z-index: 100;
}
.icon-container[b-67d1pgkohm] {
    padding: 0.5rem;
/*    fill: #707070;
*/}



    .flex-item-text:hover[b-67d1pgkohm]
{
    background-color: var(--clr-red-200);
    color: white;
    border: 1.5px solid var(--clr-red-200) !important;
    fill:white !important;
}

        .flex-item-text:hover .docIcon[b-67d1pgkohm] {
            fill: white !important;
        }

    .flex-item-text:hover span[b-67d1pgkohm] {
        color: white;
    }

    .flex-item-round:hover[b-67d1pgkohm] {
        background-color: var(--clr-red-200);
    }

.mail-list-flex[b-67d1pgkohm] {
    display: flex;
    flex-direction: column;    
}

.blank-line[b-67d1pgkohm] {
    height: 32px;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    z-index:1;
}

.active-point[b-67d1pgkohm] {
    border: 1px solid var(--clr-red-200) !important;
    color: #ee413b;
    background-color: #ffeded;
    fill: white;
}

.Last-active-point[b-67d1pgkohm] {
    background-color: var(--clr-red-200);
    color: white;
    border: 1.5px solid var(--clr-red-200) !important;
    fill: white;
}

.line-container-left[b-67d1pgkohm] {
    width: 20%;
    height: 100%;
}

.line-container-right[b-67d1pgkohm] {
    width: 80%;
    height: 100%;
}

.vertical-line[b-67d1pgkohm] {
    height: 100%;
    width: 1px;
    background-color: var(--light-grey-item-tree);
    float: right;
}

.last-vert-line[b-67d1pgkohm] {
    height: 16px;
    width: 1px;
    background-color: var(--light-grey-item-tree);
    float: right;
}

.vert-align[b-67d1pgkohm] {
    align-items: center;
    display: flex;
}

.horizontal-line[b-67d1pgkohm] {
    height: 1px;
    width: 40%;
    float: right;
    background-color: var(--light-grey-item-tree);
}

.remove-mar-bot[b-67d1pgkohm] {
    margin-bottom: 0px !important;
}

.connect-line-to-active-point[b-67d1pgkohm] {
    height: 3px;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.last-col[b-67d1pgkohm] {
    border: 1.5px solid var(--dark-grey-item-tree);
    color: var(--dark-grey-item-tree);
}

.spinner[b-67d1pgkohm] {
    border: 3px solid white;
    border-top: 3px solid #ff91aa;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin-b-67d1pgkohm 700ms linear infinite;
    margin: 5px;
}


@keyframes spin-b-67d1pgkohm {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
/* /Components/Loaders/DewLoader.razor.rz.scp.css */
/*----------------------------Inline loader----------------------------------*/
.inline-loader[b-haj51eylnm] {
    height: 100%;
    width: 50px; /* (6 * <margin: 2px>) + (3 * <width: 8px>) */
}

.loader-box[b-haj51eylnm] {
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    margin: 0px 2px;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.loader-box-grey[b-haj51eylnm] {
    background-color: rgb(65, 65, 65);
    animation-name: greyFadeOutIn-b-haj51eylnm;
}
.loader-box-white[b-haj51eylnm] {
    background-color: rgb(255, 255, 255);
    animation-name: whiteFadeOutIn-b-haj51eylnm;
}

    .loader-box:nth-child(1)[b-haj51eylnm] {
        animation-delay: 250ms;
    }
    /* (1/2) * <animation-duration: 500ms */
    .loader-box:nth-child(2)[b-haj51eylnm] {
        animation-delay: 500ms;
    }
    /* (2/2) * <animation-duration: 500ms */
    .loader-box:nth-child(3)[b-haj51eylnm] {
        animation-delay: 750ms;
    }
/* (3/2) * <animation-duration: 500ms */

@keyframes greyFadeOutIn-b-haj51eylnm {
    0% {
        background-color: rgb(65, 65, 65);
    }

    100% {
        background-color: rgba(0,146,255,0);
    }
}
@keyframes whiteFadeOutIn-b-haj51eylnm {
    0% {
        background-color: rgb(255, 255, 255);
    }

    100% {
        background-color: rgba(0,146,255,0);
    }
}
/*----------------------------Mini loader----------------------------------*/
.miniloader-container[b-haj51eylnm] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

.inline-miniloader[b-haj51eylnm] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 100%;
}

.loadtext[b-haj51eylnm] {
    margin: 0px;
    margin-top: 3px;
    font-style: italic;
}

.miniloader[b-haj51eylnm] {
    position: absolute;
    animation: spinner-b-haj51eylnm 2s infinite linear;
}

.loader-cont[b-haj51eylnm] {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right:12px;
}
.miniloader-container label[b-haj51eylnm]{
    margin-bottom:0;
}

.small-text[b-haj51eylnm] {
    font-size: 1rem;
}

@keyframes spinner-b-haj51eylnm {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    12.5% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    37.5% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    62.5% {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    87.5% {
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -o-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.small-text[b-haj51eylnm] {
    font-size: 1rem;
}
/* /Components/Loaders/HoldOnBox.razor.rz.scp.css */
.background[b-28hm0k0415] {
    height: 100vh;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.main-box[b-28hm0k0415] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20%;
    padding: 12px;
    background-color: var(--clr-white-100);
    border: 1px solid var(--clr-grey-300);
    border-radius: 3px;
    box-shadow: 2px 2px 5px 1px var(--clr-grey-450);
}
/* /Components/Loaders/IsLoading.razor.rz.scp.css */
.loader-container[b-wsart74awx] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    width: 100%;
}

.progress-bar-wrapper[b-wsart74awx] {
    position: relative;
    width: 400px;
    height: 50px;
}

.progress-line[b-wsart74awx] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #e0e0e0;
    border-radius: 3px;
}

/* Het FontAwesome icoon stylen en laten rijden */
.tractor-icon[b-wsart74awx] {
    position: absolute;
    bottom: 6px;
    left: 0;
    font-size: 32px; /* Grootte van de tractor */
    color: red; /* Kleur van de tractor */
    animation: drive-b-wsart74awx 4s linear infinite;
}

@keyframes drive-b-wsart74awx {
    0% {
        left: -40px;
    }

    100% {
        left: 100%;
    }
}
/* /Components/Loaders/MiniLoader.razor.rz.scp.css */

.miniloader-container[b-8zquafhsae] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    height: 100%;
}
.inline-miniloader[b-8zquafhsae] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    height: 100%;
}

.loadtext[b-8zquafhsae] {
    margin: 0px;
    margin-top:3px;
    font-style:italic;
}

.miniloader[b-8zquafhsae] {
    position: absolute;
    animation: spinner-b-8zquafhsae 1.2s infinite linear;
}

.loader-cont[b-8zquafhsae] {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
}

.small-text[b-8zquafhsae] {
    font-size: 1rem;
}

@keyframes spinner-b-8zquafhsae {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    12.5% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    37.5% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    62.5% {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    87.5% {
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        -o-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.small-text[b-8zquafhsae] {
    font-size: 1rem;
   
}
/* /Components/Loaders/ProcessingLoader.razor.rz.scp.css */
.loader-overlay[b-wjniq5xf28] {
    position: fixed;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(252, 252, 252, 0.9);
}

.loader-content[b-wjniq5xf28] {
    text-align: center;
    padding:2rem;
}
/* /Components/Loaders/SfSpinnerOverlay.razor.rz.scp.css */
#spinner-container[b-j7ka6vs2i8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* /Components/Logging/LoggingComponent.razor.rz.scp.css */
.sync-log-container[b-d6lgobuuto] {
    padding: 1em;
    width: 100%;
    height: 80%;
    border: 1px solid var(--clr-grey-200);
    overflow-y: scroll;
    overflow-x: scroll;
}
/* /Components/Machine/EngineInfo.razor.rz.scp.css */
.engine-content[b-8pofgljv69]{
    margin-top:6px;
    display:flex;
    width:100%;
    justify-content:space-between;
}
.img-container[b-8pofgljv69]{
    padding:3px;
    max-width:120px;
    max-height:120px;
    aspect-ratio:1;
    background-color:var(--clr-grey-200);
}
.img-container img[b-8pofgljv69]{
    width:100%;
}
.info-container[b-8pofgljv69] {
    margin-left:12px;
}
.data-group[b-8pofgljv69]{
    display:flex;
}
.data-group p[b-8pofgljv69] ,
.data-group label[b-8pofgljv69] {
        font-weight: bolder;
        margin: 0 .5rem 0 0 !important;
    }


/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
}
/* /Components/Machine/MachineApproveRegistrationComponent.razor.rz.scp.css */
.infogrid[b-6sncnzc0rp] {
    width: 45%;
}

.full-width-infoblock[b-6sncnzc0rp] {
    width: 100%;
}

.infoblock-container .form-control[b-6sncnzc0rp] {
    width: 100%;
    /*height: 150px;*/
    /*width: 300px !important;*/
}

    .infoblock-container .form-control textarea[b-6sncnzc0rp] {
        /*height: 150px;*/
        /*width: 300px !important;*/
    }

/*.infoblock-container-warranty {
    margin: 11px;
    margin-bottom: 0;
    border-radius: 3px;
}

    .infoblock-container-warranty .form-control {
        height: 150px;
        width: 300px !important;
    }

    .infoblock-container-warranty .infoblock .infoblock-content {
        height: 150px !important;
    }*/


.machinerequest[b-6sncnzc0rp] {
    margin-top: 28px;
    position: relative;
}

    .machinerequest[b-6sncnzc0rp]:after {
        content: 'Change of owner requested';
        position: absolute;
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--clr-orange-400);
        color: white;
        font-weight: 600;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 4px 4px 0px 0px;
        padding: 3px;
        width: 220px;
    }

.newmachinerequest[b-6sncnzc0rp] {
    margin-top: 20px;
    position: relative;
}

    .newmachinerequest[b-6sncnzc0rp]:after {
        content: 'New VIN requested';
        position: absolute;
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        background-color: var(--clr-blue-400);
        color: white;
        font-weight: 600;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 4px 4px 0px 0px;
        padding: 3px;
        width: 220px;
    }
/* /Components/Machine/MachineDetail.razor.rz.scp.css */

h6[b-qqq5sj6oae]{
    margin: 0 0 0 6px !important;
}
.hidden-content[b-qqq5sj6oae] {
    display: none;
}
.title-container[b-qqq5sj6oae]{
    display:flex;
}
.connstate-Offline[b-qqq5sj6oae] {
    color: red;
}

.connstate-Online[b-qqq5sj6oae] {
    color: limegreen;
}

.connectionstate[b-qqq5sj6oae] {
    background-image: linear-gradient(to right, white 10%, transparent );
    color: black;
    width: 90%;
    position: absolute;
    left: 3px;
    top: 9px;
    border-top: 1px solid var(--clr-red-300);
    border-bottom: 1px solid var(--clr-red-300);
}
.mli-connection-container[b-qqq5sj6oae] {
    margin-right: 3px;
}

.mli-connection-icon[b-qqq5sj6oae] {
    padding: 4px;
    border-radius: 2px;
    background-color: var(--clr-grey-300);
    border: 1px solid var(--clr-grey-200);
    margin: 6px;
    margin-left: 0;
}

    .connectionstate label[b-qqq5sj6oae] {
        font-size: 10px;
        font-weight: 600;
        color: black;
    }


.machinecard-text[b-qqq5sj6oae] {
    font-weight: 600;
}


.label-loader[b-qqq5sj6oae]{
    animation:fader;
}
.info-cont[b-qqq5sj6oae]{
    margin-top:12px;
}
.machine-info[b-qqq5sj6oae] {
    width: 100%;
}
.warranty-info[b-qqq5sj6oae] {
    width: 100%;
}

/*-----------------MEDIAQUERIES-------------------*/
/* Extra-Extra small devices ( 340px and down) */
@media only screen and (min-width: 340px) {
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .hidden-content[b-qqq5sj6oae] {
        display:initial;
        background-color: var(--clr-white-300);
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .info-cont[b-qqq5sj6oae] {
        display: flex;
        justify-content: space-between;
    }
    .machine-info[b-qqq5sj6oae] {
        width: 45%;
    }

    .warranty-info[b-qqq5sj6oae] {
        width: 45%;
    }
}
/* Large devices (laptops/desktops, 892px and up) */
@media only screen and (min-width: 892px) {
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    h5[b-qqq5sj6oae]{
        font-size:2rem;
    }


}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* /Components/Machine/MachineHistoryComponent.razor.rz.scp.css */
/* /Components/Machine/MachineListinfo.razor.rz.scp.css */

.mli-status-container[b-uvhogxzw3h] {
    margin-bottom: 6px;
    padding: 0 12px;
}

.mli-props-container[b-uvhogxzw3h] {
    padding: 0 12px 6px 12px;
}

.mli-container[b-uvhogxzw3h] {
    padding: 0 12px 6px 12px;
}
.machinecard-title[b-uvhogxzw3h] {
    font-weight: 800;
    font-size: 22px;
}

.machinecard-label[b-uvhogxzw3h] {
    font-size: 12px;
}

.machinecard-text[b-uvhogxzw3h] {
    font-weight: 600;
    font-size: 12px;
}

.no-iot-span[b-uvhogxzw3h] {
    font-weight: bolder;
    color: var(--clr-grey-450);
    font-style: italic;
    margin-left: 12px;
}

.no-iot-container:hover[b-uvhogxzw3h] {
    cursor: pointer;
}

    .no-iot-container:hover span[b-uvhogxzw3h] {
        text-decoration: underline;
    }
/* /Components/Machine/MachineListInfoArea.razor.rz.scp.css */


@keyframes l11-b-fg6st0h5mj {
    0% {
        background: conic-gradient(#e5322d 0,#0000 0)
    }

    12.5% {
        background: conic-gradient(#e5322d 45deg,#0000 46deg)
    }

    25% {
        background: conic-gradient(#e5322d 90deg,#0000 91deg)
    }

    37.5% {
        background: conic-gradient(#e5322d 135deg,#0000 136deg)
    }

    50% {
        background: conic-gradient(#e5322d 180deg,#0000 181deg)
    }

    62.5% {
        background: conic-gradient(#e5322d 225deg,#0000 226deg)
    }

    75% {
        background: conic-gradient(#e5322d 270deg,#0000 271deg)
    }

    87.5% {
        background: conic-gradient(#e5322d 315deg,#0000 316deg)
    }

    100% {
        background: conic-gradient(#e5322d 360deg,#0000 360deg)
    }
}
/* /Components/Machine/MachineListInfoCharts.razor.rz.scp.css */

.map-chart-control[b-q4m95rm2h6] {
    background-color: #ffffffdd;
    border-bottom: 1px solid var(--clr-grey-300);
    border-top: 1px solid var(--clr-grey-200);
}

    .map-chart-control text[b-q4m95rm2h6] {
        font-size: 10px !important;
    }


.prop-select[b-q4m95rm2h6] {
    border: 2px solid var(--clr-blue-200);
    border-radius: 3px;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(0deg,var(--clr-grey-300),20%,white);
    padding: 6px;
    margin: 6px;
    margin-left: 12px;
    width: 100%;
}
.property-name-container[b-q4m95rm2h6]{
    margin-left: 12px;
}
.property-name[b-q4m95rm2h6] {
    font-weight: 800;
    font-size: 16px;
}
/* /Components/Machine/MachineMapsListItem.razor.rz.scp.css */

.mli-areas[b-ms0kn2i4ik] {
    padding: 0 12px;
}

.mli-container[b-ms0kn2i4ik] {
    padding: 0 12px 6px 12px;
}

.timer-container[b-ms0kn2i4ik] {
    display: flex;
    flex-direction: column;
    align-items: end;
    font-size: 11px;
    margin-bottom: 6px;
}

    .timer-container p[b-ms0kn2i4ik] {
        padding-right: 12px;
    }
.areas-line[b-ms0kn2i4ik] {
    display: flex;
    justify-content: space-between;
}

.areas-header[b-ms0kn2i4ik] {
    font-size: 12px;
}

.areas-header[b-ms0kn2i4ik] {
    margin-bottom: 3px;
}
.edge-info[b-ms0kn2i4ik] {
    border: 1px solid var(--clr-grey-300);
    margin-bottom: 6px;
}

.edge-info-lines[b-ms0kn2i4ik] {
    padding: 0 6px;
}

.edge-info-header[b-ms0kn2i4ik] {
    padding: 3px;
    background-color: var(--clr-grey-300);
    font-weight: 600;
}
.copy-btn[b-ms0kn2i4ik] {
    border: none;
    margin: 0 3px;
}

    .copy-btn:hover[b-ms0kn2i4ik] {
        cursor: pointer;
    }

        .copy-btn:hover i[b-ms0kn2i4ik] {
            color: red;
        }
.prop-select-cont[b-ms0kn2i4ik] {
    display: flex;
    justify-content: space-between;
    margin: 6px 0 0 0px;
    border : 1px solid var(--clr-grey-300);
    border-right:none;
    border-left:none;
    
}
    .prop-select-cont .btn:hover i[b-ms0kn2i4ik]{
        color:red;
    }
    .prop-select-cont:hover[b-ms0kn2i4ik]{
    background-color:var(--clr-white-300);
}
.property-header[b-ms0kn2i4ik],
.plotter-header[b-ms0kn2i4ik] {
    margin-bottom: 0;
    font-weight: 800;
}
.property-header[b-ms0kn2i4ik] {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 800;
    color: var(--clr-red-400);
}
.datepicker-container[b-ms0kn2i4ik] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.picker-box[b-ms0kn2i4ik] {
    width: 50%;
    font-size: 10px;
    margin-top: 6px;
}

.mmp-dt-left[b-ms0kn2i4ik] {
    margin: 0 6px;
    width: calc(100% - 12px);
}

.map-date-control[b-ms0kn2i4ik] {
    padding: 0 6px;
    margin-bottom: 12px;
    width: 100%;
    background-color: white;
}
.mmp-btn[b-ms0kn2i4ik] {
    display: flex;
    padding: 0;
    justify-content: center;
    min-width: calc(50% - 3px);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    height: 1.7rem;
    border-width: 2px;
    border-style: solid;
}

    .mmp-btn:disabled[b-ms0kn2i4ik] {
        background-color: transparent;
        border-width: 2px;
        color: var(--clr-grey-450);
        border-style: solid;
        border-color: var(--clr-grey-400);
    }

.mmp-btns-right[b-ms0kn2i4ik],
.mmp-btns-left[b-ms0kn2i4ik] {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
}

.trace-btn[b-ms0kn2i4ik] {
    font-size: 14px;
    color: var(--clr-green-450);
    border-color: var(--clr-green-300);
}

    .trace-btn:hover:not(:disabled)[b-ms0kn2i4ik] {
        background-color: var(--clr-green-400);
        border-color: var(--clr-green-400);
        color: white;
    }

.trace-clr-btn[b-ms0kn2i4ik] {
    color: var(--clr-red-300);
    border-color: var(--clr-red-100);
}

    .trace-clr-btn:hover:not(:disabled)[b-ms0kn2i4ik] {
        color: white;
        background-color: var(--clr-red-200);
    }

.shift-btn[b-ms0kn2i4ik] {
    color: var(--clr-blue-400);
    border: 2px solid var(--clr-blue-200);
}


    .shift-btn:hover:not(:disabled)[b-ms0kn2i4ik] {
        background-color: var(--clr-blue-400);
        color: white;
    }

.prop-header[b-ms0kn2i4ik] {
    margin-bottom: 6px;
    border-radius: 6px 6px 0 0;
}

.next-previous-day-picker[b-ms0kn2i4ik] {
    display: flex;
    justify-content: end;
    gap: 6px;
    margin-top: 6px;
}

.loader loader-cont[b-ms0kn2i4ik] {
    height: 10px !important;
}
.loader[b-ms0kn2i4ik] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: l11-b-ms0kn2i4ik 2s infinite;
}
.mli-header[b-ms0kn2i4ik] {
    display: flex;
    justify-content:space-between;
    border-bottom: 1px solid var(--clr-grey-400);
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 0 6px;
}
.mli-header-left[b-ms0kn2i4ik]{
    display:flex;
}
.mli-main-info[b-ms0kn2i4ik] {
    display:flex;
    flex-direction:column;
    height: 100%;
}

.mli-status-container[b-ms0kn2i4ik] {
    margin-bottom: 6px;
    padding: 0 12px;
}

.mli-props-container[b-ms0kn2i4ik] {
    padding: 0 12px 6px 12px;
}
.mli-exit-btn[b-ms0kn2i4ik] {
    position: absolute;
    right: 6px;
    top: 6px;
}

.mli-footer[b-ms0kn2i4ik] {
    display: flex;
    justify-content: end;
    padding:3px;
}
.mli-connection-container[b-ms0kn2i4ik]{
    margin-right:3px;
}
.mli-connection-icon[b-ms0kn2i4ik]{
    padding:4px;
    border-radius:2px;
    background-color:var(--clr-grey-300);
    border:1px solid var(--clr-grey-200);
    margin:6px;
    margin-left:0;
}

.detail-btn-container[b-ms0kn2i4ik] {
    width: 50%;
    display: flex;
    justify-content: end;
}
.machine-listitem-container[b-ms0kn2i4ik] {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 1px;
    background-color: white;
    border: 1px solid white;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.1);
}
.machine-listitem-container:not(:first-child)[b-ms0kn2i4ik] {
    margin-top: 6px;
}

    .machine-listitem-container:hover[b-ms0kn2i4ik] {
        border: 1px solid red;
        cursor: pointer;
    }


.machinelist-img[b-ms0kn2i4ik] {
    width: 50px;
    aspect-ratio: 1;
    display:none;
}

.machine-listitem[b-ms0kn2i4ik] {
    width: 100%;
    justify-content: space-between;
}

.machine-selected[b-ms0kn2i4ik] {
    cursor: pointer;
    margin:0;
}
.machine-selected:hover[b-ms0kn2i4ik] {
    cursor:default;
    border: 1px solid white;
}


.inner-edgestatus[b-ms0kn2i4ik] {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 14px;
    aspect-ratio: 1;
    border-radius: 50%;
}

.edgestatus-offline[b-ms0kn2i4ik] {
    background-color: var(--clr-red-200);
}

.edgestatus-online[b-ms0kn2i4ik] {
    background-color: var(--clr-green-300);
}
.test-user-data-cont[b-ms0kn2i4ik]{
    display:flex;
    justify-content:space-between;
    padding: 0 12px;
}
.options-btn-cont[b-ms0kn2i4ik] {
    display: flex;
    border-top: 1px solid var(--clr-grey-200);
    border-bottom: 1px solid var(--clr-grey-200);
    padding: 0 12px;
    margin: 6px 0;
}
.option-button-share[b-ms0kn2i4ik] {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px;
    margin: 3px;
    border: 1px solid transparent;
    font-weight: bolder;
}
    .option-button-share:hover[b-ms0kn2i4ik] {
        background-color: var(--clr-white-200);
    }

        .option-button-share i[b-ms0kn2i4ik] {
            color: var(--clr-red-400);
        }

        .option-button-share span[b-ms0kn2i4ik] {
            color: var(--clr-red-400);
        }
.option-button-share:hover i[b-ms0kn2i4ik]{
    color:var(--clr-red-100);
}
    .option-button-share:hover span[b-ms0kn2i4ik] {
        color: var(--clr-red-100);
        text-decoration: underline;
    }

    button[b-ms0kn2i4ik]{
    font-size:12px;
}
.clearselection-btn[b-ms0kn2i4ik] {
    display: flex;
    align-items: center;
    border: none;
    color: var(--clr-grey-500);
    background-color: white;
    outline: none;
    width: 50%;
    font-weight: 200;
}

    .clearselection-btn p[b-ms0kn2i4ik] {
        font-style: italic;
        margin-left: 6px;
    }

    .clearselection-btn i[b-ms0kn2i4ik] {
        margin-right: 6px;
    }

    .clearselection-btn:hover *[b-ms0kn2i4ik] {
        color: var(--clr-red-400);
    }

    .connstate[b-ms0kn2i4ik]{
        align-self:center;
    }

    .connstate-NoModem[b-ms0kn2i4ik]{
        color:grey;
    }
.connstate-NotConnected[b-ms0kn2i4ik] {
    color:orange;
}
.connstate-Offline[b-ms0kn2i4ik] {
    color:red;
}
.connstate-Online[b-ms0kn2i4ik] {
    color:limegreen;
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    .machine-selected[b-ms0kn2i4ik] {
        cursor: pointer;
        /*border: 1px solid var(--clr-red-400);*/
       height: 100%;
    }
}
@keyframes l11-b-ms0kn2i4ik {
    0% {
        background: conic-gradient(#e5322d 0,#0000 0)
    }

    12.5% {
        background: conic-gradient(#e5322d 45deg,#0000 46deg)
    }

    25% {
        background: conic-gradient(#e5322d 90deg,#0000 91deg)
    }

    37.5% {
        background: conic-gradient(#e5322d 135deg,#0000 136deg)
    }

    50% {
        background: conic-gradient(#e5322d 180deg,#0000 181deg)
    }

    62.5% {
        background: conic-gradient(#e5322d 225deg,#0000 226deg)
    }

    75% {
        background: conic-gradient(#e5322d 270deg,#0000 271deg)
    }

    87.5% {
        background: conic-gradient(#e5322d 315deg,#0000 316deg)
    }

    100% {
        background: conic-gradient(#e5322d 360deg,#0000 360deg)
    }
}
/* /Components/Machine/MachineMapsSearchBar.razor.rz.scp.css */

.mmp-search[b-7hl3sh0e8q] {
    width: 100%;
    border: none;
    outline: none;
}

    .mmp-search:focus[b-7hl3sh0e8q] {
        border: none;
        outline: none;
    }
.mm-search-container[b-7hl3sh0e8q] {
    display: flex;
    border: 1px solid var(--clr-grey-200);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.1);
}

select[b-7hl3sh0e8q] {
    border: none;
    outline: none;
    border-left: 1px solid var(--clr-grey-400);
}
/* /Components/Machine/MachineRegisterComponent.razor.rz.scp.css */
label[b-kvfv9eo5hi]{
    color:var(--clr-grey-500);
    font-size:12px;
}
.e-input-group[b-kvfv9eo5hi]{
    height:30px;

}
.e-control-container[b-kvfv9eo5hi]{
    background-color:yellow;
}
.register-input-prepend[b-kvfv9eo5hi] {
    border-radius: 3px 0 0 3px;
    border: 1px solid var(--clr-grey-400);
    line-height: 25px;
    width: calc(100% - 30px);
}
.register-input-greyed[b-kvfv9eo5hi] {
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
    background-color: #e0e0e0;
    color: #a0a0a0;
    line-height: 25px;
}
.register-input-greyed:focus[b-kvfv9eo5hi] {
    background-color: white;
    color: black;
}
.register-input[b-kvfv9eo5hi] {
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
    padding-right: 30px;
    line-height:25px;
}
.form-body .mb-3[b-kvfv9eo5hi] {
    margin-bottom: 0 !important;
}
input:focus[b-kvfv9eo5hi] {
    outline: 1px solid var(--clr-blue-200);
}
.form-input-container input[type=text][b-kvfv9eo5hi], 
.form-input-container input[type=number][b-kvfv9eo5hi] {
    border-color: var(--clr-grey-400);
    width: 100%; 
    height: 32px;
}
.mybtn-append-input[b-kvfv9eo5hi]{
    background-color:white;
    width:32px;
}
.form-input-container[b-kvfv9eo5hi]{
    padding-right:24px;
}
.e-radio > span[b-kvfv9eo5hi] {
    margin-left: 21px;
    background-color:red;
}
.form-checkbox-container[b-kvfv9eo5hi]{
    justify-content:space-between;
    align-items:start;
}
.radio-btn-cont[b-kvfv9eo5hi]{
    display:flex;
    margin-top: 1em;
}
.wizard-pager[b-kvfv9eo5hi] {
   /* margin-right: 200px;
    margin-top: 24px;
    margin-bottom: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size:0.7rem;*/
}

.infogrid[b-kvfv9eo5hi] {
    width: 45%;
}

.w-10[b-kvfv9eo5hi] {
    width: 10% !important;
}

.w-40[b-kvfv9eo5hi] {
    width: 40% !important;
}

.w-15[b-kvfv9eo5hi] {
    width: 20% !important;
}

.w-35[b-kvfv9eo5hi] {
    width: 30% !important;
}

.my-custom-flex[b-kvfv9eo5hi] {
    display: flex;
    justify-content:flex-start; 
    align-items: center; 
    padding:0;
}

.btn-clear-fields[b-kvfv9eo5hi] {
    position: relative; 
    border: none;
    background-color:transparent;
}
    .btn-clear-fields:hover i[b-kvfv9eo5hi] {
        color: var(--clr-red-400) !important;
    }
    .btn-clear-fields:hover[b-kvfv9eo5hi]::after {
        content: attr(data-title);
        position: absolute; 
        top: 100%;
        left: 50%; 
        transform: translateX(-50%); 
        white-space: nowrap;
        background-color: #fff;
        color: #000;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
        font-size: 14px;
        z-index: 10;
        background-color: var(--clr-grey-500);
        color: var(--clr-grey-300);
    }
.clickable-text[b-kvfv9eo5hi] {
    cursor: pointer;
}

    .clickable-text:hover[b-kvfv9eo5hi] {
        text-decoration: underline;
    }
.form-container[b-kvfv9eo5hi] {
    border-top: 1px solid var(--clr-grey-300);
    border-radius: 8px;
    padding: 1rem;
    margin: 0.8rem 6rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: var(--clr-white-300);
    position: relative;
}
.form-header[b-kvfv9eo5hi] {
    padding: 0.4rem 1rem;
    border-bottom: 1px solid var(--clr-grey-400);
    font-size: 1.2em;
    color: var(--clr-red-400);
    border-radius: 8px;
    background-color: var(--clr-grey-300);
    font-weight: 500;
    display: flex; 
    align-items: center;
    justify-content: space-between; 
    margin-bottom:12px;
}

.inputCheckbox[b-kvfv9eo5hi] {
    position: absolute;
    right: 25px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* /Components/Machine/MachineRequestIoTAccessComponent.razor.rz.scp.css */
.form-header[b-ti3kc3ck14] {
    padding: 0.4rem 1rem;
    border-bottom: 1px solid var(--clr-grey-400);
    font-size: 1.2em;
    color: var(--clr-red-400);
    border-radius: 8px;
    background-color: var(--clr-grey-300);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.inputCheckbox[b-ti3kc3ck14] {
    position: absolute;
    right: 25px;
    transform: translateY(-50%);
    cursor: pointer;
}

.btn-clear-fields[b-ti3kc3ck14] {
    position: relative;
    border: none;
    background-color: transparent;
}

    .btn-clear-fields:hover i[b-ti3kc3ck14] {
        color: var(--clr-red-400) !important;
    }

    .btn-clear-fields:hover[b-ti3kc3ck14]::after {
        content: attr(data-title);
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        background-color: #fff;
        color: #000;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
        font-size: 14px;
        z-index: 10;
        background-color: var(--clr-grey-500);
        color: var(--clr-grey-300);
    }

.clickable-text[b-ti3kc3ck14] {
    cursor: pointer;
}

    .clickable-text:hover[b-ti3kc3ck14] {
        text-decoration: underline;
    }
/* /Components/Machine/MachineSwitchEdgeConfigComponent.razor.rz.scp.css */
.edge-name[b-153roc2zpv] {
    font-weight:800
}
.edge-description[b-153roc2zpv]{
    font-weight:400;
}
/* /Components/Machine/MachineSwitchOrgComponent.razor.rz.scp.css */

.side-mso-container[b-3ck16ot54g] {
    padding: 3px;
    width: 45%;
}
p[b-3ck16ot54g]{
    font-weight:600;
}
.middle-mso-container[b-3ck16ot54g] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
}

    .middle-mso-container i[b-3ck16ot54g] {
        color: var(--clr-grey-400);
    }

.main-mso-container[b-3ck16ot54g] {
    padding: 6px;
    background-color: var(--clr-white-300);
    border-radius: 3px;
    border: 1px solid var(--clr-grey-300);
    margin-bottom: 12px;
}

.top-mso-container[b-3ck16ot54g] {
    margin-bottom: 24px;
}

input[b-3ck16ot54g] {
    border: none;
    outline: none;
    width: 100%;
    border-bottom: 1px solid var(--clr-grey-500);
}

    input:focus[b-3ck16ot54g] {
        background-color: var(--clr-white-300);
        border-bottom: 1px solid var(--clr-grey-500);
    }

.infoblock-focus[b-3ck16ot54g] {
    box-sizing: content-box;
    border: 1px solid var(--clr-blue-300);
}
.mso-vin[b-3ck16ot54g]{
    color:var(--clr-red-400);
}

.e-date-wrapper[b-3ck16ot54g],
.e-date-container[b-3ck16ot54g],
.e-input-group[b-3ck16ot54g],
.e-control-container[b-3ck16ot54g],
.e-control-wrapper[b-3ck16ot54g]{
    border: none !important;
}
.d-flex[b-3ck16ot54g] {
gap:10px;}
/* /Components/Machine/MachineTelemetryInfo.razor.rz.scp.css */

.shadow-bottom-inset[b-whfssbq73n] {
    box-shadow: inset 0px -10px 20px -20px black;
}
.connection-container[b-whfssbq73n]{
    grid-area : header;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.connection-state[b-whfssbq73n] {
    border-radius: 50%;
    height: 16px;
    width: 16px;
    background-color: orangered;
    border: 2px solid var(--clr-grey-500);
    vertical-align: middle;
    margin-right:12px;
}

.connected[b-whfssbq73n] {
    background-color: mediumseagreen;
}

.gauge-bar[b-whfssbq73n]{
    border:1px solid black;
    width:50%;
    height:1rem;
}
p[b-whfssbq73n]{
    margin-left:6px !important;
}
label[b-whfssbq73n]{
    margin-bottom:0;
}

.bar-value[b-whfssbq73n] {
    width: 50%;
    display: flex;
    margin: 6px 0;
}
.telemetry-line[b-whfssbq73n]{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:1.5rem;
}
.refresh-btn[b-whfssbq73n]{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:2px;
}
    .refresh-btn:hover[b-whfssbq73n]  {
        background-color: var(--clr-grey-100);
    }
.refresh-btn:hover i[b-whfssbq73n]{
    color:var(--clr-red-400);
    cursor:pointer;
}
.value-container[b-whfssbq73n]{
    display:flex;
    width:2.5rem;
}
.lastupdated-text[b-whfssbq73n]{
    font-size:10px;
}
/*-----------------MEDIAQUERIES-------------------*/
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    .tele-box[b-whfssbq73n] {
        display: flex;
        justify-content: space-between;
    }

    .tele-side[b-whfssbq73n] {
        width: 45%;
    }

}
/* /Components/Machine/MachineTypeSelectionForms.razor.rz.scp.css */
body[b-t0bmzeckb8] {
}
/* /Components/Machine/PartyMachineDetail.razor.rz.scp.css */
.main-card[b-bx9njy4s5r] {
    border-radius: 6px;
    background-color: transparent;
    display: grid;
    grid-template-columns: 160px 10em auto 10em auto auto;
    grid-template-rows: auto auto auto;
    grid-gap: 2em;
    width: 100%;
}

.main-card > div[b-bx9njy4s5r] {
    line-height:2em;
}

.img-space[b-bx9njy4s5r] {
    max-width: 150px;
    position: relative;
    padding: 6px;
    background-color: var(--clr-grey-300);
    border: 1px solid var(--clr-grey-400);
}

.img-space[b-bx9njy4s5r] {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.img-content[b-bx9njy4s5r] {
    width: 100%;
    max-height: 100%;
    margin-top: 40px;
}

.title-space[b-bx9njy4s5r] {
    grid-column-start: 2;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 1;
}

.machine-titles[b-bx9njy4s5r] {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

.machine-values[b-bx9njy4s5r] {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}


.warranty-titles[b-bx9njy4s5r] {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}

.warranty-values[b-bx9njy4s5r] {
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 3;
}

.classification-title[b-bx9njy4s5r] {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}

.classification-value[b-bx9njy4s5r] {
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
}

.text-values *[b-bx9njy4s5r] {
    font-weight: 600;
}

.text-titles *[b-bx9njy4s5r] {
    color: var(--clr-grey-450);
}
/* /Components/Machine/ServiceInfo.razor.rz.scp.css */

.service-content[b-b5mcdkf8yd]{
    grid-area:content;
    width:100%;
}
.service-line[b-b5mcdkf8yd]{
    margin:6px;
}
.img-container[b-b5mcdkf8yd] {
    padding: 3px;
    max-width: 150px;
    aspect-ratio: 1;
    background-color: var(--clr-grey-200);
}

    .img-container img[b-b5mcdkf8yd] {
        width: 100%;
    }

.info-container[b-b5mcdkf8yd] {
    margin-left: 12px;
}

.data-group[b-b5mcdkf8yd] {
    display: flex;
}

    .data-group p[b-b5mcdkf8yd] {
        margin: 0 .5rem 0 0 !important;
    }

    .data-group label[b-b5mcdkf8yd] {
        margin: 0 .5rem 0 0 !important;
    }
/* /Components/Machine/VariantLinkFeatureModelComponent.razor.rz.scp.css */
#tbl[b-speqrrkdt9] {
    border-collapse: collapse;
}

    #tbl tr[b-speqrrkdt9], th[b-speqrrkdt9], td[b-speqrrkdt9] {
        padding: 0 !important;
        margin: 0.2rem !important;
        line-height: 1.6rem;
    }

    #tbl.emptyrow tr[b-speqrrkdt9], th[b-speqrrkdt9], td[b-speqrrkdt9] {
        margin: 1rem;
    }

.flex-item-text[b-speqrrkdt9] {
    display: flex;
    flex-direction: row;
    white-space: pre-wrap;
    border: 0.5px solid #b6b6b6;
    padding: 0.1em;
    align-items: center;
    min-width: 170px;
    min-height: 45px;
    margin: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: var(--dark-grey-item-tree);
    background-color: white;
    z-index: 100;
    align-items: center;
    justify-content: space-between;
}

    .flex-item-text > i[b-speqrrkdt9] {
        margin-left: 0.5rem;
        font-size: xx-small;
    }

    .flex-item-text:hover[b-speqrrkdt9] {
        background-color: var(--clr-red-200);
        color: white;
        border: 0.5px solid var(--clr-red-200) !important;
        cursor: pointer;
    }

        .flex-item-text:hover span[b-speqrrkdt9] {
            color: white;
        }

        .flex-item-text:hover i[b-speqrrkdt9] {
            color: white;
        }

.flex-item-round:hover[b-speqrrkdt9] {
    background-color: var(--clr-red-200);
}

.item-container[b-speqrrkdt9] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: 1em;
}

.search-chas[b-speqrrkdt9] {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
}

@media only screen and (min-width: 1600px) {
    .item-container[b-speqrrkdt9] {
        display: grid;
        gap: 0.25rem;
        grid-template-columns: auto auto auto auto;
        padding: 1em;
        width: auto;
    }

    .search-chas[b-speqrrkdt9] {
        display: flex !important;
        justify-content: flex-start;
        max-width: 50%;
    }
}
/* /Components/MasterData/ConfigMailAddressModelComponent.razor.rz.scp.css */
.card-container[b-ctrtkbozig] {
    display: flex;
    flex-direction:row;
    column-gap: 0.33rem;
    justify-content: flex-start;
}
/* /Components/MasterData/SmartConnectMasterDataModelComponent.razor.rz.scp.css */
/* Parent Container */
.unequal-columns-flex[b-j6m6yne2sn] {
    display: flex;
    gap: 20px; /* Optional space between elements */
    align-items: center; /* Optional: Vertically centers the label with the input */
}

.unequal-columns-flex > *:nth-child(1)[b-j6m6yne2sn] {
    width: 25%;
}

.unequal-columns-flex > *:nth-child(2)[b-j6m6yne2sn] {
    width: 70%;
}


.btn-xs[b-j6m6yne2sn] {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .75rem;
    --bs-btn-border-radius: .25rem;
}
/* /Components/MultiFieldFileImportComponent.razor.rz.scp.css */
/*DONT CHANGE OR MOVE THESE CLASSES, THEY ARE USED IN JAVASCRIPT*/
.input-parent-element[b-yo2g5akd8e] {
    position: relative;
    border: 2px dashed grey;
    
}

.file-input-container[b-yo2g5akd8e] {
    display: flex;
    flex-direction: row;
    gap: 1em 1em;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding: 1em;

}

.input-body-container[b-yo2g5akd8e] {
    border-radius: 6px;
    background-color: white;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.position-absolute[b-yo2g5akd8e]{
    position: absolute;
}

.inheret-height[b-yo2g5akd8e]{
    height: inherit;
    width: inherit;
}

.dont-show[b-yo2g5akd8e] {
    visibility: hidden;
}

.input-tile[b-yo2g5akd8e] {
    background-color: var(--clr-grey-200);
    border-radius: 3px;
    width: 7em;
    height:7em;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    padding: 1em;
    justify-content: center;
    align-content: center;
    gap: 5%;
}


.hover-file[b-yo2g5akd8e] { 
    background-color: var(--clr-red-200);
}
        .hover-file-text[b-yo2g5akd8e] {
            color: white !important;
        }

.center-self[b-yo2g5akd8e] {
    align-self: center;
    text-align: center;
}

.font-300pct[b-yo2g5akd8e]{
    font-size: 300%;
}

.not-authorized[b-yo2g5akd8e] {
    border: 1px solid var(--clr-grey-200);
}

.drag-here[b-yo2g5akd8e] {
    color: var(--clr-grey-400) !important;
    text-align: center;
}

.drag-here-content[b-yo2g5akd8e] {
    width: 100%;
}

.drag-drop-text[b-yo2g5akd8e] {
    font-size: 120%;
    font-weight: bold;
}

.grey[b-yo2g5akd8e] {
    color: #a5a5a5;
}
/* /Components/MyListBox.razor.rz.scp.css */
.listbox-container[b-dmtr724tn1]{
    border: 1px solid var(--clr-grey-400);
    min-height:2rem;
    width:100%;
    border-radius:3px;
    background-color:var(--clr-white-200);
}
.list-group[b-dmtr724tn1]{
    height:100%;
    overflow-y:scroll;
}
.not-selected-item[b-dmtr724tn1]{
    background-color:transparent;
    border:none;
}
.listbox-item[b-dmtr724tn1]{
    display:flex;
    align-items:center;
    height:2rem;
}
.listbox-item:hover[b-dmtr724tn1] {
    cursor:pointer;
    background-color:var(--clr-white-400);
}
.selected-item[b-dmtr724tn1]{
    border:none;
    background-color:var(--clr-red-50);
}
/* Extra-Extra small devices (phones, 340px up to 600px) */
@media only screen and (min-width: 340px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* /Components/MyMaps/MyMaps.razor.rz.scp.css */
.e-input-group:not(.e-success):not(.e-warning):not(.e-error)[b-t6rqkeuylc], .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error)[b-t6rqkeuylc] {
    width: 300px;
}
.picker-box[b-t6rqkeuylc] {
    display: flex;
    align-items: center;
    margin: 6px;
}

    .picker-box label[b-t6rqkeuylc] {
        width: 3.5rem;
    }

.e-chart[b-t6rqkeuylc] {
    background-color: yellow;
}

.e-control[b-t6rqkeuylc] {
    background-color: red;
}

    .e-control *[b-t6rqkeuylc] {
        font-size: 10px !important;
    }

.map-content[b-t6rqkeuylc] {
    width: 100%;
    font-weight: 700;
}

.map-container[b-t6rqkeuylc] {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.map[b-t6rqkeuylc] {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.timepicker[b-t6rqkeuylc] {
    display: flex;
    justify-content: space-between;
}

.map-exit-box[b-t6rqkeuylc] {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    visibility: visible;
    margin: 10px;
    border-radius: 2px;
}

    .map-exit-box:hover[b-t6rqkeuylc] {
        cursor: pointer;
    }

        .map-exit-box:hover i[b-t6rqkeuylc] {
            color: black;
        }

.map-fieldtracker-box[b-t6rqkeuylc] {
    /*width: calc(100% - 70px);*/
    display: flex;
    align-items: start;
    background-color: transparent;
    visibility: visible;
    margin: 10px;
    border-radius: 2px;
}

.map-chart-control[b-t6rqkeuylc] {
    margin-bottom: 24px;
    margin-left: -70px;
    padding: 6px;
    border-radius: 3px;
}

    .map-chart-control *[b-t6rqkeuylc] {
        font-size: 10px;
    }

    .map-chart-control text[b-t6rqkeuylc] {
        font-size: 10px !important;
    }

.map-recentre-control[b-t6rqkeuylc] {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    color: red;
    margin: 10px;
    left: 0;
}

    .map-recentre-control:hover[b-t6rqkeuylc] {
        cursor: pointer;
    }

        .map-recentre-control:hover i[b-t6rqkeuylc] {
            color: black;
        }

.fa-route[b-t6rqkeuylc] {
    align-self: center;
}

.map-loader[b-t6rqkeuylc] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #969696bd;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .map-loader p[b-t6rqkeuylc] {
        color: white;
        font-weight: bolder;
        letter-spacing: 1px;
    }

.map-loader-anim-left[b-t6rqkeuylc] {
    position: absolute;
    top: 0;
    bottom: 5px;
    left: 0;
    right: 150px;
    width: 20px;
    height: 20px;
    margin: auto;
    display: flex;
}

.loader-anim-inner-left[b-t6rqkeuylc] {
    position: absolute;
    left: -10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid transparent;
    border-left: 2px solid rgb(238, 238, 238);
    border-radius: 50%;
    animation: glow1 infinite;
    animation: glow-l-1-b-t6rqkeuylc 2s infinite;
}

    .loader-anim-inner-left[b-t6rqkeuylc]:before {
        position: absolute;
        content: "";
        top: -12px;
        left: -10px;
        width: 40px;
        height: 40px;
        background-color: transparent;
        border: 2px solid transparent;
        border-left: 2px solid rgb(207, 207, 207);
        border-radius: 50%;
        animation: glow-l-2-b-t6rqkeuylc 2s infinite;
    }

    .loader-anim-inner-left[b-t6rqkeuylc]:after {
        position: absolute;
        content: "";
        top: -22px;
        left: -20px;
        width: 60px;
        height: 60px;
        background-color: transparent;
        border: 2px solid transparent;
        border-left: 2px solid rgb(184, 184, 184);
        border-radius: 50%;
        animation: glow-l-3-b-t6rqkeuylc 2s infinite;
    }

.map-loader-anim-right[b-t6rqkeuylc] {
    position: absolute;
    top: 0;
    bottom: 5px;
    right: 0;
    left: 150px;
    width: 20px;
    height: 20px;
    margin: auto;
    display: flex;
}

.loader-anim-inner-right[b-t6rqkeuylc] {
    position: absolute;
    right: -10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid transparent;
    border-right: 2px solid rgb(238, 238, 238);
    border-radius: 50%;
    animation: glow-r-1-b-t6rqkeuylc 2s infinite;
}

    .loader-anim-inner-right[b-t6rqkeuylc]:before {
        position: absolute;
        content: "";
        top: -12px;
        right: -10px;
        width: 40px;
        height: 40px;
        background-color: transparent;
        border: 2px solid transparent;
        border-right: 2px solid rgb(207, 207, 207);
        border-radius: 50%;
        animation: glow-r-2-b-t6rqkeuylc 2s infinite;
    }

    .loader-anim-inner-right[b-t6rqkeuylc]:after {
        position: absolute;
        content: "";
        top: -22px;
        right: -20px;
        width: 60px;
        height: 60px;
        background-color: transparent;
        border: 2px solid transparent;
        border-right: 2px solid rgb(184, 184, 184);
        border-radius: 50%;
        animation: glow-r-3-b-t6rqkeuylc 2s infinite;
    }

.plot-btn[b-t6rqkeuylc] {
    background-color: transparent;
    outline: none;
    border: none;
    padding: 1px;
    margin: 6px;
}

.close-btn-container[b-t6rqkeuylc] {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    outline: none;
    border: none;
    padding: 1px;
    margin: 6px;
}

    .close-btn-container:hover:not(:disabled)[b-t6rqkeuylc] {
        cursor: pointer;
        background-color: white;
        border-radius: 50%;
    }

    .close-btn-container i[b-t6rqkeuylc] {
        color: var(--clr-grey-500);
    }

    .close-btn-container:hover i[b-t6rqkeuylc] {
        color: var(--clr-red-400);
    }

.close-btn[b-t6rqkeuylc] {
    background-color: var(--clr-white-200);
    border: none;
    outline: none;
    height: 30px;
    width: 30px;
}

.popup-maps[b-t6rqkeuylc] {
    background-color: #ffffff55;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-inner[b-t6rqkeuylc] {
    padding: 6px;
    border-radius: 3px;
    background-color: white;
}

.popup-main[b-t6rqkeuylc] {
    margin: 6px;
}

    .popup-main p[b-t6rqkeuylc] {
        font-weight: 900;
    }

.popup-footer[b-t6rqkeuylc] {
    padding-bottom: 0;
    display: flex;
    justify-content: end;
    width: 100%;
}

input[type=checkbox][b-t6rqkeuylc] {
    height: 16px;
    width: 16px;
}

    input[type=checkbox]:hover[b-t6rqkeuylc] {
        cursor: pointer;
    }

.trace-checkbox-container[b-t6rqkeuylc] {
}

.checkbox-container[b-t6rqkeuylc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
}

    .checkbox-container:hover[b-t6rqkeuylc] {
        cursor: pointer;
    }

.plot-btn-container[b-t6rqkeuylc] {
    display: flex;
    justify-content: end;
    margin: 6px;
}

.custom-container[b-t6rqkeuylc] {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 892px and up) */
@media only screen and (min-width: 892px) {
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    .map-container[b-t6rqkeuylc] {
        height: 100%;
        /*width: calc(100% - 440px);*/
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

@keyframes glow-r-1-b-t6rqkeuylc {
    19% {
        border-right-color: #ffffff2d;
    }

    20% {
        border-right-color: #c5c5c5;
    }

    100% {
        border-right-color: #fff;
    }
}

@keyframes glow-r-2-b-t6rqkeuylc {
    49% {
        border-right-color: #ffffff2d;
    }

    50% {
        border-right-color: #c5c5c5;
    }

    100% {
        border-right-color: #fff;
    }
}

@keyframes glow-r-3-b-t6rqkeuylc {
    79% {
        border-right-color: #ffffff11;
    }

    80% {
        border-right-color: #c5c5c5;
    }

    100% {
        border-right-color: #fff;
    }
}

@keyframes glow-l-1-b-t6rqkeuylc {
    19% {
        border-left-color: #ffffff2d;
    }

    20% {
        border-left-color: #c5c5c5;
    }

    100% {
        border-left-color: #fff;
    }
}

@keyframes glow-l-2-b-t6rqkeuylc {
    49% {
        border-left-color: #ffffff2d;
    }

    50% {
        border-left-color: #c5c5c5;
    }

    100% {
        border-left-color: #fff;
    }
}

@keyframes glow-l-3-b-t6rqkeuylc {
    79% {
        border-left-color: #ffffff11;
    }

    80% {
        border-left-color: #c5c5c5;
    }

    100% {
        border-left-color: #fff;
    }
}
/* /Components/MyNotificationBox.razor.rz.scp.css */
.notifications-container[b-9h8s1e78v6] {
    z-index: 120;
    border-radius: 0 0 5px 5px;
    position: fixed;
    left: calc(100vw + 10px);
    top: 90px;
    height: calc(100vh - 80px);
    background-color: white;
    padding: 12px;
    min-width: 320px;
    box-shadow: 0 0px 6px 1px var(--clr-grey-450);
    transition: right 0.5s;
    overflow-y: scroll;
}
.notifications-header[b-9h8s1e78v6] {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}
.clr-span[b-9h8s1e78v6] {
    color: #007bff;
}
.clr-span:hover[b-9h8s1e78v6]{
    text-decoration:underline;
    cursor:pointer;
}

.unread-message[b-9h8s1e78v6] {
    font-weight: bolder;
}

.read-message[b-9h8s1e78v6] {
    color: var(--clr-grey-450);
    font-weight: bolder;
}
.no-btn:hover[b-9h8s1e78v6]{
    cursor:pointer;
}
.no-btn:hover i[b-9h8s1e78v6]{
    color: var(--clr-red-400);
}



@media (max-width: 768px) {
    .notifications-container[b-9h8s1e78v6] {
        top: 72px;
        height: calc(100vh - 70px);
    }
}
/* /Components/MyUserBox.razor.rz.scp.css */

.userbox[b-cgkf9al6vk] {
    z-index: 998;
    border-radius: 0 0 5px 5px;
    position: fixed;
    right: 16px;
    top: -400px;
    background-color: white;
    box-shadow: 0 0px 6px 1px var(--clr-grey-450);
    transition: top 0.5s;
    width: 318px;
    background-color: rgb(252, 252, 252);
}


    .userbox > div[b-cgkf9al6vk] {
        border-bottom: 1px solid var(--clr-grey-400);
        min-height: 3rem;
        padding: 6px;
    }

    .userbox > .selectable:hover[b-cgkf9al6vk] {
        background-color: var(--clr-white-400);
        cursor: pointer;
    }

.userbox-user[b-cgkf9al6vk] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    margin-top: 12px;
}

.userbox-name-container > div[b-cgkf9al6vk] {
    width: 220px;
}

.userbox-icon-text[b-cgkf9al6vk] {
    margin-top: 3px;
    font-weight: 600;
    font-size: 22px;
    color: white;
}

.userbox-icon[b-cgkf9al6vk] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(206, 107, 107);
    margin-right: 6px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.userbox-icon-sm[b-cgkf9al6vk] {
    margin: 0 12px 0 6px;
    font-size: 20px;
}

.userbox-name[b-cgkf9al6vk] {
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.userbox-email[b-cgkf9al6vk] {
    text-overflow: ellipsis;
    overflow: hidden
}
/* /Components/Nav/LanguageSelector_.razor.rz.scp.css */
.language-btn[b-sj4hnwzo39] {
    background-color: transparent;
    border: none;
    outline: none;
    text-transform: lowercase;
    margin: 0 -3px;
}

.icon-globe[b-sj4hnwzo39] {
    margin-top:6px;
}

/* /Components/Nav/NavBar.razor.rz.scp.css */


.navbar-btn-content:hover .svg-fill:hover[b-12idbzzb18] {
    fill: var(--clr-red-400);
}

.navbar-btn:hover .svg-stroke[b-12idbzzb18] {
    stroke: var(--clr-red-400);
}

.navbar-btn:hover .nav-icon[b-12idbzzb18] {
    color: var(--clr-red-300);
}


.navbar-btn-container[b-12idbzzb18] {
    width: 100%;
    display: flex;
    /*flex-direction: column;*/
}


.nav-icon[b-12idbzzb18] {
    color: var(--clr-grey-500);
}


.dummy[b-12idbzzb18] {
    visibility: hidden;
}

.mynavbar[b-12idbzzb18] {
    min-height: 50px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    z-index: 1000;
    width: 100%;
    background: #fefefe;
    box-shadow: 0px -3px 10px 1px #707070;
    padding: 6px 6px 3px 6px !important;
}

    .mynavbar .navbar-btn[b-12idbzzb18] {
        float: left;
        display: none;
        text-decoration: none;
    }

    .mynavbar .home-btn[b-12idbzzb18] {
        float: left;
        display: none;
        text-decoration: none;
    }

    .mynavbar .burger-icon[b-12idbzzb18] {
        float: left;
        display: block;
    }

    .mynavbar.responsive .navbar-btn-content:not(.burger-icon)[b-12idbzzb18] {
        display: flex;
        justify-content: flex-start;
    }


.mynavbar.responsive .navbar-btn:not(.burger-icon)[b-12idbzzb18] {
    margin: 0 5px;
    float: none;
    display: block;
}

.mynavbar.responsive .home-btn:not(.burger-icon)[b-12idbzzb18] {
    margin: 0 5px;
    float: none;
    display: block;
}

.mynavbar .responsive[b-12idbzzb18] {
    position: fixed;
}

    .mynavbar.responsive .navbar-btn .text[b-12idbzzb18] {
        display: block;
    }

.btn-drop[b-12idbzzb18] {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    outline: none;
    height: 1rem;
}

.searchbtn[b-12idbzzb18] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: 12px;
    background-color: var(--clr-grey-400);
    color: #707070;
    border: none;
    background-repeat: no-repeat;
    transition: background-color ease-in-out .5s;
}

    .searchbtn:focus[b-12idbzzb18] {
        outline: none;
    }

    .searchbtn:hover[b-12idbzzb18] {
        background-color: var(--clr-grey-500);
    }

        .searchbtn:hover .svg-fill[b-12idbzzb18] {
            fill: white;
        }

.searchbox[b-12idbzzb18] {
    font-family: Helvetica, sans-serif;
    margin-right: 24px;
    width: 100px;
    border: 1px solid grey;
    border-radius: 5px;
    height: 2rem;
    background-image: url("Icons/icon_search.png");
    background-position: 5px 7px;
    color: #707070;
    background-repeat: no-repeat;
    padding-left: 30px;
}

    .searchbox:focus[b-12idbzzb18] {
        outline: none;
    }

.navbtntext[b-12idbzzb18] {
    margin: 0 5px 0 0 !important;
    max-width: 100px;
}

.bolder[b-12idbzzb18] {
    font-weight: 700;
}

.not-time[b-12idbzzb18] {
    font-weight: 700;
    color: #919191;
    font-size: 10px;
}


/* Extra-Extra small devices (phones, 340px up to 600px) */
@media only screen and (min-width: 340px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .mynavbar .navbar-btn:not(.burger-icon)[b-12idbzzb18] {
        display: none;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* /Components/Nav/NavButton.razor.rz.scp.css */
/*---- see: 'css/mystyles/icons.css'; for SVG behaviors on hover and select ---*/
.text[b-iabx9v7gry] {
    color: #707070;
    margin-left: 12px;
}

.navbar-btn-text[b-iabx9v7gry] {
    display: none;
}

.navbar-btn-content[b-iabx9v7gry] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-btn-unselected[b-iabx9v7gry] {
    border: none;
    border-left: 1px solid var(--clr-white-100);
    border-right: 1px solid var(--clr-white-100);
}

.navbar-btn-selected[b-iabx9v7gry] {
    border: none;
    border-left: 1px solid var(--clr-red-400);
    border-right: 1px solid var(--clr-red-400);
}

    .navbar-btn-selected .text[b-iabx9v7gry] {
        color: var(--clr-red-400);
    }

    .navbar-btn-selected .color[b-iabx9v7gry] {
        color: var(--clr-red-400);
    }


.navbar-btn[b-iabx9v7gry] {
    height: 3rem;
    float: none;
    position: relative;
    display: block;
    font-weight: 500;
    background-color: transparent;
    border: none;
    border-left: 1px solid var(--clr-white-100);
    border-right: 1px solid var(--clr-white-100);
}

    .navbar-btn:focus[b-iabx9v7gry] {
        outline: none;
    }

    .navbar-btn:hover[b-iabx9v7gry] {
        border-left: 1px solid var(--clr-red-400);
        border-right: 1px solid var(--clr-red-400);
    }

        .navbar-btn:hover .text[b-iabx9v7gry] {
            color: var(--clr-red-400);
        }


.home-btn[b-iabx9v7gry] {
    background-color: transparent;
    border: none;
}

    .home-btn:focus[b-iabx9v7gry] {
        outline: none;
    }

    .home-btn:hover[b-iabx9v7gry] {
        border: none;
        border-left: 1px solid #cd2f26;
        border-right: 1px solid #cd2f26;
    }

        .home-btn:hover > .text[b-iabx9v7gry] {
            color: #cd2f26;
        }

/* Extra-extra small devices (phones, 340px up to 600px) */
@media only screen and (min-width: 340px) {
    .navbar-btn-text[b-iabx9v7gry] {
        display: flex;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .navbar-btn[b-iabx9v7gry] {
        width: 4rem;
    }

    .home-btn[b-iabx9v7gry] {
        width: 5rem !important;
    }
    .navbar-btn-text[b-iabx9v7gry] {
        display: none;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .home-btn[b-iabx9v7gry] {
        width: 4rem !important;
    }

        .home-btn .navbar-btn-text[b-iabx9v7gry] {
            display: none;
        }
}

/* Extra large devices (large laptops and desktops, 1000px and up) */
@media only screen and (min-width: 1000px) {
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .navbar-btn[b-iabx9v7gry] {
        width: 10rem;
        min-width: 8rem;
    }

    .navbar-btn-text[b-iabx9v7gry] {
        display: block;
    }
}

@media only screen and (min-width: 1400px) {
    .navbar-btn[b-iabx9v7gry] {
        min-width: 10rem;
    }
}

@media only screen and (min-width: 1600px) {
    .navbar-btn[b-iabx9v7gry] {
        min-width: 11rem;
    }
}

@media only screen and (min-width: 1800px) {
    .navbar-btn[b-iabx9v7gry] {
        min-width: 12rem;
    }
}

@media only screen and (min-width: 2000px) {
    .navbar-btn[b-iabx9v7gry] {
        min-width: 13rem;
    }
}

@media only screen and (min-width: 2200px) {
    .navbar-btn[b-iabx9v7gry] {
        min-width: 14rem;
    }
}
/* /Components/Nav/PageNavButton.razor.rz.scp.css */



h5[b-a7wbclc28m] {
    font-variant-caps: all-small-caps;
}

.page-nav-header[b-a7wbclc28m] {
    cursor: pointer;
}

    .page-nav-header:hover *[b-a7wbclc28m] {
        color: var(--clr-red-300);
    }

.card:hover[b-a7wbclc28m] {
    border-color: var(--clr-red-400);
}
/* /Components/Nav/SideBar.razor.rz.scp.css */
.mainside[b-c4cys9q2n9] {
    display: flex;
    z-index: 50;
    height:100%;
}

.sidenav[b-c4cys9q2n9] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--clr-grey-200);
    background-color: var(--clr-white-300);
    width: 65px;
    height: 100%;
    justify-content: space-between;
    transition: width 0.5s;
}

.hide-sidebar[b-c4cys9q2n9] {
    display: flex;
    align-items: center;
    background-color:var(--clr-grey-100);
    
}

    .hide-sidebar:hover[b-c4cys9q2n9] {
        background-color: var(--clr-grey-200);
        cursor:pointer;
    }

        .hide-sidebar:hover dots[b-c4cys9q2n9] {
            color:white;
            opacity:1 !important;
        }

.dots[b-c4cys9q2n9] {
    margin: 2px;
}

.sidenav button:hover circle[b-c4cys9q2n9] {
    background-color: #e5322d;
}

.margin-l-8[b-c4cys9q2n9] {
    margin-left: 8px;
}

.container-logo-large[b-c4cys9q2n9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin-bottom: 1rem;
    border-top: 1px solid var(--clr-grey-200);
}

.container-logo-small[b-c4cys9q2n9] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    transition: display 1s;
    transition: flex-direction 1s;
    border-top: 1px solid var(--clr-grey-200);
}

.container-image[b-c4cys9q2n9] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

.sidelogo[b-c4cys9q2n9] {
    margin: auto;
    transition: width 0.5s;
}

.sidelogo-sm[b-c4cys9q2n9] {
    margin: auto;
    margin-top: 12px;
    transition: width 0s;
}

.btn-toggle-sidebar[b-c4cys9q2n9] {
    background-color: transparent;
    border: none;
    height: 65px;
    width: 65px;
}

    .btn-toggle-sidebar:hover i[b-c4cys9q2n9] {
        color: var(--clr-red-300);
    }

    .btn-toggle-sidebar:focus[b-c4cys9q2n9] {
        outline: none;
    }

.scrollable-sidebtns[b-c4cys9q2n9] {
    overflow-y: auto;
    border-bottom: 1px solid var(--clr-grey-400);
    border-top: 1px solid var(--clr-grey-400);
    scroll-behavior:smooth;
    
}


@media only screen and (min-width: 600px) {
    .btn-text.show[b-c4cys9q2n9] {
        display: flex;
    }
}
/* /Components/Nav/SideBarChildBtn.razor.rz.scp.css */
.btn-cont[b-qmsuhsgghq] {
    display: flex;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid var(--clr-grey-200);
    width: 100%;
    background-color: #ffffff;
    height: 3rem;
    transition: background-color .5s;
}

    .btn-cont:hover .circle[b-qmsuhsgghq] {
        background-color: var(--clr-red-200);
    }

    .btn-cont:hover .icon-sidebtn[b-qmsuhsgghq] {
        transition: color 0.5s;
        color: var(--clr-grey-400);
    }

    .btn-cont:hover .btn-text[b-qmsuhsgghq] {
        color: var(--clr-red-400);
    }

    .btn-cont:focus[b-qmsuhsgghq] {
        outline: none;
    }

    .btn-cont:hover[b-qmsuhsgghq] {
        background-color: var(--clr-grey-200);
    }

.btn-cont-selected[b-qmsuhsgghq] {
    background-color: var(--clr-grey-400);
}

    .btn-cont-selected .icon-sidebtn[b-qmsuhsgghq] {
        color: var(--clr-grey-400);
    }

    .btn-cont-selected .btn-text[b-qmsuhsgghq] {
        color: var(--clr-red-400);
    }

    .btn-cont-selected .circle[b-qmsuhsgghq] {
        background-color: var(--clr-red-400);
    }

.icon-cont[b-qmsuhsgghq] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-sidebtn[b-qmsuhsgghq] {
    margin-top: 12px;
}

.circle[b-qmsuhsgghq] {
    background-color: #dfdfdf;
    margin: 0 5px;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    transition: background-color .5s;
}

.btn-text[b-qmsuhsgghq] {
    color: var(--clr-grey-500);
    font-size: 10px;
    text-align: left;
    white-space: nowrap;
    margin: 0 !important;
}

    .btn-text .hidden[b-qmsuhsgghq] {
        display: none;
    }

.shown[b-qmsuhsgghq] {
    display: flex;
    align-items:center;
}

.child-btn[b-qmsuhsgghq]{
    margin-left: .5rem;
}

.icon-sidebtn-small[b-qmsuhsgghq] {
    margin-top: 8px;
    font-size: .9em;
    line-height: 1em;
}
/* /Components/Nav/SideNavButton.razor.rz.scp.css */

.btn-cont[b-hnwr232a6j] {
    display: flex;
    align-items: center;
    justify-content: start;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid var(--clr-grey-200);
    width: 100%;
    background-color: var(--clr-grey-300);
    height: 4rem;
    transition: background-color .5s;
}

    .btn-cont:hover .circle[b-hnwr232a6j] {
        background-color: var(--clr-red-200);
    }

    .btn-cont:hover .icon-sidebtn[b-hnwr232a6j] {
        transition: color 0.5s;
        color: var(--clr-grey-400);
    }

    .btn-cont:hover .btn-text[b-hnwr232a6j] {
        color: var(--clr-red-400);
    }

    .btn-cont:focus[b-hnwr232a6j] {
        outline: none;
    }

    .btn-cont:hover[b-hnwr232a6j] {
        background-color: var(--clr-grey-200);
    }

.btn-cont-selected[b-hnwr232a6j] {
    background-color: var(--clr-grey-400);
}

    .btn-cont-selected .icon-sidebtn[b-hnwr232a6j] {
        color: var(--clr-grey-400);
    }

    .btn-cont-selected .btn-text[b-hnwr232a6j] {
        color: var(--clr-red-400);
    }

    .btn-cont-selected .circle[b-hnwr232a6j] {
        background-color: var(--clr-red-400);
    }

.icon-cont[b-hnwr232a6j] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-sidebtn[b-hnwr232a6j] {
    margin-top: 15px;
}

.circle[b-hnwr232a6j] {
    background-color: #dfdfdf;
    margin: 0 5px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    transition: background-color .5s;
}

.btn-text[b-hnwr232a6j] {
    color: var(--clr-grey-500);
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    margin: 0 !important;
}

    .btn-text .hidden[b-hnwr232a6j] {
        display: none;
    }

    .shown[b-hnwr232a6j] {
        display: flex;
        align-items: center;
    }
/* /Components/News/NewsArticleComponent.razor.rz.scp.css */
.content[b-8lqmum4awy] {
    width: 100%;
    background-color: white;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    padding: 1em;
}

.main-image-container[b-8lqmum4awy] {
    background-color:white;
    height: 350px;
    margin: 0 auto;
}

.text[b-8lqmum4awy]{
    padding:1em;
}

.video-container[b-8lqmum4awy] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.e-carousel .slide-content[b-8lqmum4awy] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}
/* /Components/News/NewsCardComponent.razor.rz.scp.css */
.tile-container[b-o85yi99mvm] {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-400);
}
    .tile-container:hover :nth-child(2)[b-o85yi99mvm] {
        display: flex !important;
    }

    .top-banner[b-o85yi99mvm] {
        width: 30%;
        position: absolute;
        right: -5%;
        background-color: #2d2d2d;
        color: white;
        transform: skew(-30deg);
        display: flex;
        justify-content: center;
    }

.bottom-banner[b-o85yi99mvm] {
    width: 90%;
    position: absolute;
    bottom: -1px;
    left: -10%;
    background-color: var(--clr-red-400);
    color: white;
    transform: skew(30deg);
    height: 30%;
    display: flex;
    justify-content: center;
    align-content: center;
    box-shadow: 2px -2px 6px 2px #00000070;
}

.title-box[b-o85yi99mvm] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.transform-neg[b-o85yi99mvm] {
    transform: skew(-30deg);
    color: white;
}

.transform-pos[b-o85yi99mvm] {
    transform: skew(30deg);
}

.pad-and-marge[b-o85yi99mvm] {
    margin-left: 15%;
    margin-right: 5%;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-right: 0.3em;
    padding: 1em;
}

.date-box[b-o85yi99mvm] {
    margin-left: 0px;
}

.peview-text[b-o85yi99mvm] {
    color: white;
    max-height: 50%;
    position: absolute;
    margin-bottom: 15%;
    padding: 1em;
    padding-bottom: 0px;

    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-box[b-o85yi99mvm] {
    display: none;
    align-items: center;
    background-color: #0000008a;
    height: 100%;
    width: 100%;
}
/* /Components/News/NewsDetailComponent.razor.rz.scp.css */


.news-info-row[b-dk6nbijtix] {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    margin-bottom: 2em;
}
/* /Components/NotificationComponent.razor.rz.scp.css */

.progress-container[b-bq1gaklbxm]{
}
.deleting-gradient[b-bq1gaklbxm] {
    background-image: repeating-linear-gradient(45deg, #0000000d, transparent 23px);
}
.notification-time[b-bq1gaklbxm] {
    font-size: 12px;
    text-align: right;
    margin-bottom: 0 !important;
    font-weight: bolder;
    color: rgb(172, 172, 172);
}

.notification-time-box[b-bq1gaklbxm] {
    display: flex;
    justify-content: end;
    width: 100%;
    color: rgb(172, 172, 172);
}

.unread-message[b-bq1gaklbxm] {
    font-weight: bolder;
}

.read-message[b-bq1gaklbxm] {
    color: var(--clr-grey-450);
    font-weight: bolder;
}

.notification-main[b-bq1gaklbxm] {
    margin-left: 6px;
    flex-grow: 1;
    overflow: hidden;
    /* Make sure text wraps */
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}
.notification-left div[b-bq1gaklbxm] {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
}

.notification-status-box[b-bq1gaklbxm] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 100%;
}

.notification-status[b-bq1gaklbxm] {
    margin-top: 12px;
    width: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid var(--clr-grey-450);
}

.notification[b-bq1gaklbxm] {
    padding: 6px;
    padding-left:0;
    padding-top: 6px;
    min-height: 3rem;
    transition: all 0.5s;
    border-top: 1px solid var(--clr-grey-400);
    /* NEW: fixed width */
    width: 100%; /* or max-width if you want responsive behavior */
    overflow: hidden;
}

.notification:last-child[b-bq1gaklbxm] {
    border-bottom: 1px solid var(--clr-grey-400);
}
    .notification:hover[b-bq1gaklbxm]  {
        cursor: default;
    }
    .notification:hover i[b-bq1gaklbxm]{
        cursor: pointer;
    }

        .notification:hover a[b-bq1gaklbxm] {
            cursor: pointer;
        }

.sub-header[b-bq1gaklbxm] {
    font-size: 12px;
    max-width: 160px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-header[b-bq1gaklbxm], a[b-bq1gaklbxm] {
    margin: 5px;
    font-size: .8rem;
}

.notification-header[b-bq1gaklbxm] {
    margin: 0 !important;
    display: -webkit-box;
    width: 160px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notification-top[b-bq1gaklbxm]{
    display:flex;
    justify-content:space-between;
}

.icon-box[b-bq1gaklbxm] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid var(--clr-grey-200);
    background-color: var(--clr-grey-200);
    width: 30px;
    margin-left: 6px;
    aspect-ratio: 1;
}

.view-all-box[b-bq1gaklbxm] {
    display: flex;
    justify-content: center;
}

.view-all-text[b-bq1gaklbxm] {
    font-size: 14px;
    font-weight: bolder;
    margin: 0 !important;
    color: var(--clr-grey-500);
}

.view-all-box:hover[b-bq1gaklbxm],
.view-all-box:hover p[b-bq1gaklbxm] {
    cursor: pointer;
    color: #007bff;
}

.fa-times[b-bq1gaklbxm] {
    color: var(--clr-grey-450);
}

.close-box[b-bq1gaklbxm] {
}

.myline[b-bq1gaklbxm] {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid var(--clr-grey-400);
}

.notify-info[b-bq1gaklbxm] {
    border: 2px solid var(--clr-green-400);
}

    .notify-info i[b-bq1gaklbxm] {
        color: var(--clr-blue-400);
    }

.notify-alert[b-bq1gaklbxm] {
    border: 2px solid var(--clr-red-100);
}

    .notify-alert i[b-bq1gaklbxm] {
        color: var(--clr-red-300);
    }
.notification-in-progress[b-bq1gaklbxm] {
    animation: notificationspinner-b-bq1gaklbxm 2s infinite linear;
}

@keyframes notificationspinner-b-bq1gaklbxm {

    0% {
        border-top: 2px solid var(--clr-blue-300);
        border-bottom: 2px solid var(--clr-blue-300);
    }
    25% {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }
    50% {
        border-left: 2px solid var(--clr-blue-300);
        border-right: 2px solid var(--clr-blue-300);
    }
    75% {
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
    }
    100% {
        border-top: 2px solid var(--clr-blue-300);
        border-bottom: 2px solid var(--clr-blue-300);
    }

}
/* /Components/PartyMachines/Register/PartyMachineRegisterComponent.razor.rz.scp.css */
body[b-h6telx1xrl] {
}
/* /Components/ProgressBar/MyProgressBar.razor.rz.scp.css */
h6[b-dade8mgkw5]{
    margin:0 !important;
    color:var(--clr-grey-500);
}
.myprogress-bar > div[b-dade8mgkw5] {
    height: 100%;
}


.progress-block:last-child .progress-body[b-dade8mgkw5] {
    justify-content: center;
}
.progress-block:first-child .progress-back[b-dade8mgkw5] {
    display: none;
}
.progress-block:last-child .progress-top[b-dade8mgkw5] {
    display:none;
}

.myprogress-bar[b-dade8mgkw5] {
    padding:2px;
    display: flex;
    background-color: white;
    height: 100%;
}

.progress-body[b-dade8mgkw5] {
    padding-top:3px;
    border-radius: 5px 0 0 5px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--clr-grey-400);
    width: 100%;
    height: 100%;
}
.progress-text[b-dade8mgkw5] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 26px !important;
}
.progress-block:last-child .progress-body[b-dade8mgkw5] {
    border-radius: 0 5px 5px 0;
}

.progress-back[b-dade8mgkw5] {
    position: absolute;
    z-index: 25;
    left: 0;
    top: -2px;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 24px solid white;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.progress-block:last-child .progress-top[b-dade8mgkw5] {
    display: none;
}

.progress-block[b-dade8mgkw5] {
    display: flex;
    position: relative;
    width: 34%;
}

.progress-top[b-dade8mgkw5] {
    position: absolute;
    right: -60px;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-left: 20px solid var(--clr-grey-400);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.progress-current .progress-body[b-dade8mgkw5] {
    background-color: var(--clr-red-300);
}
.progress-current .progress-top[b-dade8mgkw5] {
    border: 40px solid transparent;
    border-left: 20px solid var(--clr-red-300);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.progress-current p[b-dade8mgkw5]{
    color: var(--clr-white-200);
    text-shadow: 1px 1px black;
}
.progress-complete .progress-body[b-dade8mgkw5]{
    background-color:var(--clr-red-100);
}
.progress-complete .progress-top[b-dade8mgkw5] {
    border: 40px solid transparent;
    border-left: 20px solid var(--clr-red-100);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.progress-complete p[b-dade8mgkw5] {
    color: var(--clr-white-100);
    text-shadow: 1px 1px black;
}
.progress-done-text[b-dade8mgkw5] {
    color:var(--clr-white-200);
    text-shadow: 1px 1px black;
}

/*-----------------MEDIAQUERIES-------------------*/
/* Extra-Extra small devices ( 340px and up) */
@media only screen and (min-width: 340px) {
    .progress-text[b-dade8mgkw5] {
        font-size: 8px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .progress-text[b-dade8mgkw5] {
        font-size: 10px;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 892px and up) */
@media only screen and (min-width: 892px) {
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    .progress-text[b-dade8mgkw5] {
        font-size: 12px;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* /Components/Raptor/RaptorAddTagsToFilesComponent.razor.rz.scp.css */
.create-format-container[b-jlr0jljaok] {
    flex-wrap: wrap;
}

.query-item[b-jlr0jljaok] {
    display: flex;
    align-items: center;
    min-width: 14em;
    position: relative;
    margin: 0.25rem;
    margin-right: 1.5em;
}

.input-field-disabled[b-jlr0jljaok] {
    pointer-events: none;
    color: #AAA;
    background: #F5F5F5;
}

.query-number[b-jlr0jljaok] {
    position: relative;
    height: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--clr-red-400);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    font-size: large;
    font-weight: 700;
}

.deleteBtn[b-jlr0jljaok] {
    border-radius: 50%;
    border: 1px solid #6c757d;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -8px;
    top: -8px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Components/Reports/ReportScopeListItem.razor.rz.scp.css */
.list-item[b-8xnx6hqq5u] {
    margin: 0.2rem;
    padding: 0.2rem;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .list-item:hover[b-8xnx6hqq5u] {
        cursor: pointer;
        color: var(--clr-red-500);
        border-color: var(--clr-red-500);
    }

        .list-item:hover *[b-8xnx6hqq5u] {
            color: var(--clr-red-500);
        }

    .list-item.active[b-8xnx6hqq5u] {
        color: var(--clr-red-500);
    }

        .list-item.active *[b-8xnx6hqq5u] {
            color: var(--clr-red-500);
        }

.list-container[b-8xnx6hqq5u] {
    margin: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
}
/* /Components/Sales/CustomerRequest/AddDealercomponent.razor.rz.scp.css */

.wizard-pager[b-ag942wybpu] {
    width: 100%;
    display: flex;
    justify-content: center;
}


.overview-buttons[b-ag942wybpu] { 
display: flex;
    justify-content: space-between;
    margin: 20px;
}

.sales-container .row[b-ag942wybpu] {
    width: 500px;
  
}
.sales-container[b-ag942wybpu] {
    margin-left:2em;
}
@media (max-width: 767px) {
    .sales-container .row[b-ag942wybpu] {
        width: auto;
    }
   
}


h6[b-ag942wybpu] {
    font-size:1rem !important;
}

/* /Components/Sales/CustomerRequest/AddEndCustomerComponent.razor.rz.scp.css */

.wizard-pager[b-y5gq0xe5vc] {
    width: 100%;
    display: flex;
    justify-content: center;
}


.employee-list[b-y5gq0xe5vc] {
    font-size: 14px;
    text-decoration: underline;
}

.icons[b-y5gq0xe5vc] {
    cursor: pointer;
    font-size: 12px;
}

.overview-buttons[b-y5gq0xe5vc] {
    display: flex;
    justify-content: space-between;
    margin: 20px;
}

.save-button[b-y5gq0xe5vc] {
    margin-top: 10px;
}

.roles[b-y5gq0xe5vc] {
    margin-left: 5px;
}

.combobox[b-y5gq0xe5vc] {
    margin-top: 20px;
    width: 50%;
    justify-content: center;
    align-items: center;
}

.sales-container .row[b-y5gq0xe5vc] {
    width: 500px;
}

@media (max-width: 767px) {
    .combobox[b-y5gq0xe5vc] {
        width: 100%;
    }

    .sales-container .row[b-y5gq0xe5vc] {
        width: auto;
    }
}

@keyframes fadeIn-b-y5gq0xe5vc {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in[b-y5gq0xe5vc] {
    animation: fadeIn-b-y5gq0xe5vc 0.5s ease-out forwards;
}

.address-header[b-y5gq0xe5vc] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle[b-y5gq0xe5vc] {
    background-color: #dfdfdf;
    margin: 0 5px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    transition: background-color .7s;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3rem;
}

    .circle:hover[b-y5gq0xe5vc] {
        background-color: var(--clr-red-300);
        color: var(--clr-white-300);
    }

    .circle.active-button[b-y5gq0xe5vc] {
        background-color: var(--clr-red-300);
        color: var(--clr-white-300);
    }

        .circle.active-button:hover .table-icon[b-y5gq0xe5vc],
        .circle.active-button:hover .detail-icon[b-y5gq0xe5vc] {
            color: var(--clr-white-300);
        }

.table-icon:hover[b-y5gq0xe5vc],
.detail-icon:hover[b-y5gq0xe5vc] {
    color: var(--clr-white-300);
}

.table-icon.active-button[b-y5gq0xe5vc],
.detail-icon.active-button[b-y5gq0xe5vc] {
    color: var(--clr-white-300);
}

.form-header[b-y5gq0xe5vc] {
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.delete-contact[b-y5gq0xe5vc] {
    display: flex;
    justify-content: left;
    align-items: end;
    margin-bottom: 14px;
}

    .delete-contact .circle[b-y5gq0xe5vc] {
    }

@media (max-width: 767px) {
    .delete-contact[b-y5gq0xe5vc] {
        width: 100%;
        justify-content: center
    }
}


h6[b-y5gq0xe5vc] {
    font-size: 1rem !important;
}
/* /Components/Sales/CustomerRequest/RequestDealerComponent.razor.rz.scp.css */
.center-grid[b-n1ji0qa5vt] {
    flex: 0 1 80%;
}
.smaller-datagrid-cont[b-n1ji0qa5vt] {
    font-family: 'Helvetica';
    margin-left: auto;
    margin-right: auto;
    font-size:14px;
}

.center-grid[b-n1ji0qa5vt] {
    flex: 0 1 80%;
}

.smaller-datagrid-cont[b-n1ji0qa5vt] {
    font-family: 'Helvetica';
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

.filter-container[b-n1ji0qa5vt] {
    position: relative;
    display: inline-block;
}

.rejection-notification[b-n1ji0qa5vt] {
    background-color: red;
    color: white;
    padding: 2px 6px;
}
/* /Components/Sales/CustomerRequest/RequestEndCustomerComponent.razor.rz.scp.css */
.center-grid[b-h1f32xl6ta] {
    flex: 0 1 80%;
}

.smaller-datagrid-cont[b-h1f32xl6ta] {
    font-family: 'Helvetica';
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}
/* /Components/Sales/CustomerRequest/SubmitDealerOrVendorComponent.razor.rz.scp.css */
/* /Components/Sales/CustomerRequest/SubmitEndCustomerComponent.razor.rz.scp.css */
body[b-clq1zkgp2s] {
}
/* /Components/SfGrid/SfGridContainer.razor.rz.scp.css */
.sf-page-container[b-evkoghl9zx] {
    border-radius: 3px;
    background-color: transparent;
    margin: 0.33rem;
}

.sf-page-datagrid[b-evkoghl9zx] {
    display: flex !important;
    flex-direction: column;
    border-radius: 3px;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    /*max-height: 65vh;*/
}

    .sf-page-datagrid.sf-grid[b-evkoghl9zx] {
        border-radius: 3px;
    }

    @media (max-width: 768px) {
        .sf-page-datagrid[b-evkoghl9zx] {
        flex-direction: column !important;
    }
}
/* /Components/SfGrid/SfGridToolBar.razor.rz.scp.css */
@media (max-width: 768px) {
    .sf-text[b-osd4wjrmq2] {
        display: none;
    }
}

.sfgrid-toolbarbutton:hover .sf-clear-icon i[b-osd4wjrmq2],
.sfgrid-toolbarbutton:hover .sf-text[b-osd4wjrmq2] {
    color: var(--clr-red-400);
}

.sfgrid-toolbarbutton:hover .sf-clear-icon i[b-osd4wjrmq2],
.sfgrid-toolbarbutton:hover .sf-toolbar-icon[b-osd4wjrmq2] {
    color: var(--clr-red-400);
}

.e-grid .e-toolbar .e-btn:hover[b-osd4wjrmq2] {
    background-color: transparent;
    color: var(--clr-grey-500);
}

.grid-btn-toolbar[b-osd4wjrmq2] {
    width: auto;
    border: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    color: var(--clr-grey-500);
}

    .grid-btn-toolbar *[b-osd4wjrmq2] {
        color: transparent;
        background-color: transparent;
    }

    .grid-btn-toolbar i[b-osd4wjrmq2] {
        color: var(--clr-grey-500);
        background-color: transparent;
    }

    .grid-btn-toolbar:hover[b-osd4wjrmq2] {
        color: var(--clr-red-500);
        background-color: transparent;
    }

        .grid-btn-toolbar:hover *[b-osd4wjrmq2], i[b-osd4wjrmq2] {
            color: var(--clr-red-500);
            background-color: transparent;
        }


.input-search[b-osd4wjrmq2] {
    width: 20rem;
}

@media (max-width: 768px) {
    .input-search[b-osd4wjrmq2] {
        width: auto;
    }
}

#ClearSearch[b-osd4wjrmq2] {
    background-color: var(--clr-red-400);
    margin: 0;
}
/* /Components/Styling/ComponentHeader.razor.rz.scp.css */
.header-container[b-buwhpeulgk] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.headers[b-buwhpeulgk] {
    display: flex;
    align-items: end;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

    .header-container h3[b-buwhpeulgk] {
        margin-left: 6px;
    }
}
/* /Components/Styling/MainContainer.razor.rz.scp.css */
.dew-content-main[b-0qk84egc1m] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (min-width: 768px) {
    .dew-content-main[b-0qk84egc1m] {
        display: flex;
        width: 100%;
    }
}
.fade-container[b-0qk84egc1m] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

    .fade-container.show[b-0qk84egc1m] {
        opacity: 1;
    }
/* /Components/Styling/PageDetailContainer.razor.rz.scp.css */
#container-pagedetail[b-u0b46qw1ks] {
    /*    display: -webkit-flex;
*/ /*    display: flex;
    flex-direction: column;*/
    /*    -webkit-flex-direction: column;
*/ -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: flex-start;
    padding: 1rem;
    padding-bottom: 0;
}

#container-pagedetail-footer[b-u0b46qw1ks] {
    border-color: var(--clr-grey-450);
    padding: 6px 12px;
    margin-top: 1em;
    margin-bottom: 1em;
}

#container-pagedetail-bordered-red-content[b-u0b46qw1ks] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: stretch;
}

    #container-pagedetail-bordered-red-content > span[b-u0b46qw1ks] {
        background-color: var(--clr-red-400);
        color: white;
        font-weight: 600;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 0 0 4px 4px;
        margin-bottom: -20px;
        padding: 0 12px;
    }

#container-pagedetail-body[b-u0b46qw1ks] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    max-height: 100%;
    overflow-x: clip;
    overflow-y: auto;
    margin: 1rem;
}

@media only screen and (min-width: 1200px) {
    #container-pagedetail[b-u0b46qw1ks] {
        /*   display: flex;
        flex-direction: column;*/
        /*min-height: 50%;*/
        /*  max-width: 50%;*/
        /*background: var(--clr-grey-100);*/
        /*border: 3px solid var(--clr-grey-300);*/
    }
}
/*
.container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}*/
/* /Components/Styling/PageHeader.razor.rz.scp.css */
.header-container[b-jtgtg387m1] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
   /* margin-top: 20px;
    margin-bottom:20px;*/
}

    .header-container h3[b-jtgtg387m1] {
        align-self: end;
        margin-left: 0px;
        font-style: italic;
    }

.headers[b-jtgtg387m1] {
    display: flex;
    align-items: end;
}

.viewbtn-container[b-jtgtg387m1] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 6px;
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

        .header-container h3[b-jtgtg387m1] {
            margin-left: 6px;
        }
}
/* /Components/Styling/PageHeaderWithNavigation.razor.rz.scp.css */
.header-container[b-v18b53rkec] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.headers[b-v18b53rkec] {
    display: flex;
    align-items: baseline;
}

.parent-header[b-v18b53rkec] {
    cursor: pointer;
}

    .parent-header:hover *[b-v18b53rkec] {
        color: var(--clr-red-300);
    }

h4[b-v18b53rkec], h6[b-v18b53rkec] {
    font-variant-caps: all-small-caps;
}

h6[b-v18b53rkec] {
    font-weight: 500;
}
/* /Components/Styling/PartyMatchCardComponent.razor.rz.scp.css */
.fancy-card[b-97vwnjxo3c] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 16px;
    max-width: 300px;
    min-height: 380px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}

    .fancy-card:hover[b-97vwnjxo3c] {
        transform: translateY(-10px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    }

    .fancy-card h5[b-97vwnjxo3c],
    .fancy-card .text-muted[b-97vwnjxo3c],
    .fancy-card .alert[b-97vwnjxo3c],
    .fancy-card div[b-97vwnjxo3c] {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }

/* PartyName responsive font sizing */
    .fancy-card h5[b-97vwnjxo3c] {
        width: 100%;
        font-size: clamp(0.8rem, 5vw, 1.25rem);
        line-height: 1.2;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 2.4em; /* 2 lines x 1.2 line height */
        min-height: 1.2em;
        hyphens: auto;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    /* Perfect match styling */
    .fancy-card.perfect-match[b-97vwnjxo3c] {
        border-color: #0d904a;
        box-shadow: 0 4px 12px rgba(13, 144, 74, 0.15);
    }

        .fancy-card.perfect-match .card-top[b-97vwnjxo3c] {
            background: linear-gradient(to bottom, #e6f7ee, #ffffff 80%);
        }

.perfect-match-star[b-97vwnjxo3c] {
    position: absolute;
    top: 55px;
    right: 25px; 
    font-size: 25px;
    z-index: 5;
    color:pink !important;
}
.fa-star[b-97vwnjxo3c] {
    color:burlywood;
}
.fancy-card-content[b-97vwnjxo3c] {
    flex-grow: 1;
}

.matchscore-circle[b-97vwnjxo3c] {
    width: 55px;
    height: 55px;
    background-color: #198754;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Special styling for 100% match score circle */
    .matchscore-circle.perfect-score[b-97vwnjxo3c] {
        background: linear-gradient(135deg, #0d904a, #198754);
        box-shadow: 0 3px 6px rgba(13, 144, 74, 0.2);
    }

.match-score-text[b-97vwnjxo3c] {
    color: white;
    font-weight: bold;
    font-size: 1.25rem;
}

.sf-checkbox[b-97vwnjxo3c] {
    --border-radius: 4px;
}

.card-top[b-97vwnjxo3c] {
    background: linear-gradient(to bottom, #f8f9fa, #ffffff 80%);
}

.fancy-card .text-muted.small[b-97vwnjxo3c] {
    font-size: 0.95rem !important;
}

.fancy-card .vat-label[b-97vwnjxo3c] {
    font-weight: 600;
    font-size: 0.95rem;
    margin-left: 0.2rem;
}

.country-iso[b-97vwnjxo3c] {
    margin-top: 0.1rem;
    font-weight: 700;
    margin-left: 0.2rem;
}
.scenario[b-97vwnjxo3c] {
    background-color: cornsilk;
    border-left: 3px solid burlywood;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.08);
    color: #842029;
    font-size: 0.9rem;
    margin: 1rem 0 0.5rem;
    padding: 0.75rem;
    position: relative;
    transition: all 0.2s ease;
    margin-right:1rem;
    margin-left:1rem;
    margin-bottom:1rem;
}

.match-description[b-97vwnjxo3c] {
    position: relative;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    font-weight: 500;
    background: #707070;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 2px solid white;
    border-bottom: 3px solid grey;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}

.badge[b-97vwnjxo3c] {
    font-size:0.8rem;
}

/* Expandable details section styles */
.details-toggle[aria-expanded="true"] i[b-97vwnjxo3c] {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.details-toggle i[b-97vwnjxo3c] {
    transition: transform 0.3s ease;
}

.party-name-container[b-97vwnjxo3c] {
    min-height: 60px;
}
/* /Components/SuppliersPortal/ConfirmDeliveryDateComponent.razor.rz.scp.css */
.action-buttons-container[b-dgg3i221iq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.action-buttons-claim[b-dgg3i221iq] {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px double white;
    border-radius: 2px;
    width: fit-content;
}
.mybtn-grid[b-dgg3i221iq] {
    margin-left: 0;
    margin-right: 0;
}
.datepicker[b-dgg3i221iq] {
    margin:10px;
}

.footer-actions[b-dgg3i221iq] {
    padding:2rem;
    gap:10px;
}
/* /Components/SuppliersPortal/SuppliersPortalCompanyVendorComponent.razor.rz.scp.css */
.vendor-btn[b-zyb3l2ebhw] {
    padding: 0.5rem;
    border: 1px solid var(--clr-grey-300);
    border-radius: 3px;
}

    .vendor-btn:hover[b-zyb3l2ebhw] {
        border-color: var(--clr-red-300);
        cursor: pointer;
    }

    .vendor-btn.active[b-zyb3l2ebhw] {
        border-color: var(--clr-red-300);
    }

        .vendor-btn.active *[b-zyb3l2ebhw] {
            color: var(--clr-red-300);
        }

.vendor-btn-disabled[b-zyb3l2ebhw] {
    padding: 0.5rem;
    border: 1px solid var(--clr-grey-300);
    border-radius: 3px;
    cursor: not-allowed;
}

    .vendor-btn-disabled.active[b-zyb3l2ebhw] {
        border-color: var(--clr-red-300);
    }

        .vendor-btn-disabled.active *[b-zyb3l2ebhw] {
            color: var(--clr-red-300);
        }
/* /Components/SuppliersPortal/VendorRequests/AddVendorAXComponent.razor.rz.scp.css */
.border-box[b-hdhyga9kzi] {
    border: 1px solid var(--clr-grey-200);
    padding: 10px;
    margin: 1rem;
    border-radius: 2px;
    width: 500px;
    background: white;
    box-shadow: 0px 2px 3px 2px var(--clr-grey-200);
}
/* /Components/SuppliersPortal/VendorRequests/AddVendorD365Component.razor.rz.scp.css */
/*.matchcontainer-d365 {
    border:2px solid black;
}
*/
/* /Components/SuppliersPortal/VendorRequests/AddVendorNAVComponent.razor.rz.scp.css */
/* /Components/TextEditors/TextEditor.razor.rz.scp.css */
p[b-zpsml240ri] {
    margin: 0 0 10px !important;
}

#special_char[b-zpsml240ri],
.char_block[b-zpsml240ri] {
    display: inline-block;
}

#custom_tbar[b-zpsml240ri],
#custom_tbar div[b-zpsml240ri] {
    cursor: pointer;
}

#rteSpecial_char[b-zpsml240ri] {
    padding: 15px 0 15px 0;
}

.char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #e3165b;
    border-color: #e3165b;
}

.material .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #e3165b;
    border-color: #e3165b;
}

.material-dark .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #56a4fd;
    border-color: #56a4fd;
}

.fabric .char_block.e-active[b-zpsml240ri],
.fabric-dark .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #0078d6;
    border-color: #0078d6;
}

.bootstrap4 .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #007bff;
    border-color: #007bff;
}

.bootstrap .char_block.e-active[b-zpsml240ri],
.bootstrap-dark .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #317ab9;
    border-color: #317ab9;
}

.highcontrast .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #ffd939;
    border-color: #ffd939;
}

.tailwind .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #3730a3;
    border-color: #3730a3;
}

.tailwind-dark .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #22d3ee;
    border-color: #22d3ee;
}

.bootstrap5 .char_block.e-active[b-zpsml240ri],
.bootstrap5-dark .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #0D6EFD;
    border-color: #0D6EFD;
}

.fluent .char_block.e-active[b-zpsml240ri],
.fluent-dark .char_block.e-active[b-zpsml240ri] {
    outline: 1px solid #0078DE;
    border-color: #0078DE;
}

.char_block[b-zpsml240ri] {
    height: 30px;
    line-height: 30px;
    margin: 0 5px 5px 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #DDDDDD;
    font-size: 20px;
    cursor: pointer;
    user-select: none;
}

#custom_tbar .rtecustomtool[b-zpsml240ri] {
    font-size: 18px;
}

@media (min-width: 320px) and (max-width: 480px) {
    #rteSpecial_char[b-zpsml240ri] {
        padding: 15px 0 15px 0;
    }

    .e-dialog .e-footer-content[b-zpsml240ri] {
        display: flex;
    }
}

/*.e-content {
    height: 250px !important;
    max-height:250px;
}*/

.default-section[b-zpsml240ri]{
    overflow:scroll;
}


dialog-c67ce5b8-c9d1-4ec4-aa61-1a96dd5ebccf[b-zpsml240ri] {
    max-height: none !important;
}

e-rte-content[b-zpsml240ri] {
    height: 39px;
    margin-top: 0px;
}

.e-content[b-zpsml240ri] {
    padding: 3px;
    height: 35px;
    padding-top: 10px !important;
    overflow-x: unset;
    min-height: unset;
}

.e-richtexteditor .e-rte-content .e-content[b-zpsml240ri], .e-richtexteditor .e-source-content .e-content[b-zpsml240ri] {
    padding: 3px !important;
    height: 35px !important;
    padding-top: 10px !important;
    overflow-x: unset !important;
    min-height: unset !important;
}
/* /Components/User/UserComponent.razor.rz.scp.css */
/* /Components/User/UserRoleComponent.razor.rz.scp.css */
/* /Components/Warranty/WarrantyAwaitingReturnComponent.razor.rz.scp.css */
.reviewed-status[b-0fnqexys37] {
    /*margin-right: 6px;*/
    padding-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    aspect-ratio: 1;
    outline: none;
    border: none;
    margin-bottom: 0;
}

.btn-category[b-0fnqexys37] {
    width: 10em;
    height: 5em;
    margin: 1em;
    border: hidden;
}

    .btn-category:hover[b-0fnqexys37] {
        border: 1px solid var(--clr-red-200);
        color: var(--clr-red-200);
        background-color: transparent;
    }

.btn-category-selected[b-0fnqexys37] {
    border: 1px solid var(--clr-red-200);
    background-color: var(--clr-red-200);
    color: white;
}

.grid-category[b-0fnqexys37] {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-template-rows: auto;
    margin-left: 8em;
    margin-right: 8em;
}

.title-category-red[b-0fnqexys37] {
    color: var(--clr-red-200);
}

.w100-h40[b-0fnqexys37]{
    width:100px;
    height:40px;
}

.wh-grid[b-0fnqexys37]{
    height:340px;
    width:100%;
}
/* /Components/Warranty/WarrantyCreateComponent.razor.rz.scp.css */
.warranty-form[b-ntyprag9lj] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow-y: scroll;
    height:70vh;
    /* padding-right: 6px;
    height: 68vh;*/
}

.w-grid[b-ntyprag9lj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.w-grid-left[b-ntyprag9lj] {
    grid-column-start: 1;
}

.w-grid-right[b-ntyprag9lj] {
    grid-column-start: 2;
}

.party-machine-container[b-ntyprag9lj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: stretch;
    margin-bottom: 2em;
    margin-top: 1em;
}

    .party-machine-container > div[b-ntyprag9lj] {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-start;
        align-content: stretch;
        min-width: 20em;
        height: 4em;
        margin-bottom: 1em;
        padding-left: 1em;
        background-color: var(--clr-grey-300);
    }

        .party-machine-container > div > label[b-ntyprag9lj] {
            font-weight: 600;
            margin-bottom: 0 !important;
        }

        .party-machine-container > div > p[b-ntyprag9lj] {
        }

.warranty-input-container[b-ntyprag9lj] {
    display: flex;
    padding: 0 6px;
    justify-content: stretch;
    margin-top: 2em;
}

.warranty-input-container-summary[b-ntyprag9lj] {
    align-items: flex-end;
    margin-top: 24px;
}

    .warranty-input-container-summary > div[b-ntyprag9lj] {
        display: flex;
    }

.warranty-input-container > div:not(:last-child)[b-ntyprag9lj] {
    margin-right: 6px;
}

.warranty-problem-container[b-ntyprag9lj]{
    display: flex;
    flex-direction:column;
    overflow-y:auto;
}

.warranty-problem-container > div[b-ntyprag9lj] {
    margin:0.5em;
}

    .checkbox-container[b-ntyprag9lj] {
    margin: 24px 0 12px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 12px;
}

    .checkbox-container > div[b-ntyprag9lj] {
        justify-content: space-between;
    }



form > div[b-ntyprag9lj] {
    margin: 6px 0;
}

label[b-ntyprag9lj] {
    font-weight: 600;
    margin-bottom: 3px;
}

.attachment-area[b-ntyprag9lj] {
    width: 100%;
    padding: 12px;
}

form label[b-ntyprag9lj] {
    margin-right: 12px;
}

.input-box[b-ntyprag9lj] {
    /*border-radius: 3px;
    border: 1px solid var(--clr-grey-400);*/
}

.data-block[b-ntyprag9lj] {
    display: flex;
    flex-wrap: wrap;
}

    .data-block > div[b-ntyprag9lj] {
        min-width: 45%;
    }

.data-block-summary[b-ntyprag9lj] {
    margin-bottom: 12px;
}

    .data-block-summary > div label[b-ntyprag9lj] {
        width: 56%;
    }

    .data-block-summary > div[b-ntyprag9lj] {
        display: flex;
        width: 100%;
    }

/*.comment-box {
    height: 6rem;
}

.comment-box-s {
    height: 2rem;
}*/

.wizard-pager[b-ntyprag9lj] {
    margin-right: 200px;
    margin-top: 24px;
    margin-bottom: 12px;
    width: 90%;
    display: flex;
    justify-content: space-around;
}

.attachment-summarytext[b-ntyprag9lj] {
    position: absolute;
    right: 12px;
    top: -6px;
}

    .attachment-summarytext[b-ntyprag9lj], .attachment-summarytext *[b-ntyprag9lj] {
        /*font-size: 16px;*/
        font-weight: 800;
        font-style: italic;
        line-height: 1.2rem;
        /*text-decoration:underline;*/
        color: var(--clr-red-400);
    }

.attachment-summarytext-cont[b-ntyprag9lj] {
    position: relative;
}

.invalid[b-ntyprag9lj] {
    border-radius: 3px;
}

.wizard-btn-container[b-ntyprag9lj] {
    height: 100%;
}

.infoblock p[b-ntyprag9lj] {
    /*font-weight: 600;*/
}

.infoblock-m p[b-ntyprag9lj], .infoblock-l p[b-ntyprag9lj] {
    /*font-weight: 600;*/
}
.col-md-4[b-ntyprag9lj]{
padding-bottom:1rem !important;
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .data-block > div[b-ntyprag9lj] {
        min-width: 200px;
    }
}
/* /Components/Warranty/WarrantyExpenseComponent.razor.rz.scp.css */
.description-box[b-mroh1nujmd] {
    width: 100%;
    height: 8rem;
}

.footer-actions[b-mroh1nujmd] {
    justify-content:flex-end !important;


}
/* /Components/Warranty/WarrantyInfo.razor.rz.scp.css */

.rz-paginator[b-pr84zysazu]{
    padding:0 !important;
}
.paginator[b-pr84zysazu] {
    margin: auto;
}

    /* Large devices (laptops/desktops, 1020px and up) */
    @media only screen and (min-width: 1020px) {
    }
/* /Components/Warranty/WarrantyReviewComponent.razor.rz.scp.css */
.reviewed-status[b-om851x50x5] {
    /*margin-right: 6px;*/
    padding-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    aspect-ratio: 1;
    outline: none;
    border: none;
    margin-bottom: 0;
}

.btn-category[b-om851x50x5] {
    width: 10em;
    height: 5em;
    margin: 1em;
    border: hidden;
}

    .btn-category:hover[b-om851x50x5] {
        border: 1px solid var(--clr-red-200);
        color: var(--clr-red-200);
        background-color: transparent;
    }

.btn-category-selected[b-om851x50x5] {
    border: 1px solid var(--clr-red-200);
    background-color: var(--clr-red-200);
    color: white;
}

.grid-category[b-om851x50x5] {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-template-rows: auto;
    margin-left: 8em;
    margin-right: 8em;
}

.title-category-red[b-om851x50x5] {
    color: var(--clr-red-200);
}

.w100-h40[b-om851x50x5]{
    width:100px;
    height:40px;
}

.form-control[b-om851x50x5] {
    margin-left: 2px;
    width: 50%;
    height: 25px;
}

.accordian-body[b-om851x50x5] {
    margin-left: 5px !important;
}
.action-buttons-container[b-om851x50x5] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.action-buttons-claim[b-om851x50x5] {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px double white;
    border-radius: 2px;
    width: fit-content;
}
.mybtn-grid[b-om851x50x5] {
    margin-left: 0;
    margin-right: 0;
}
/* /Components/Warranty/WarrantySparePartsComponent.razor.rz.scp.css */
.lines-container[b-5kxfqvvbpk] {
    /* height: 200px;
    overflow-y: scroll;*/
    margin-bottom: 12px;
    border-bottom: 1px solid var(--clr-grey-300);
}


p[b-5kxfqvvbpk] {
    font-size: 12px;
}

.row[b-5kxfqvvbpk] {
    font-size: 10px;
}

.rz-column-title[b-5kxfqvvbpk] {
    margin: 0 6px;
}

.overview-header[b-5kxfqvvbpk] {
    display: flex;
    justify-content: space-between;
}

    .overview-header p[b-5kxfqvvbpk] {
        font-weight: 700;
    }

.total-container[b-5kxfqvvbpk] {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

    .total-container h5[b-5kxfqvvbpk] {
        margin-right: 12px !important;
    }

.spare-line-input[b-5kxfqvvbpk] {
}


/* Chrome, Safari, Edge, Opera */
input[b-5kxfqvvbpk]::-webkit-outer-spin-button,
input[b-5kxfqvvbpk]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number][b-5kxfqvvbpk] {
    -moz-appearance: textfield;
}



.lines-container-mobile[b-5kxfqvvbpk] {
    margin-bottom: 12px;
    border-bottom: 1px solid var(--clr-grey-300);
}



.table td[b-5kxfqvvbpk] {
    border: none;
    padding: 0.1rem;
}

h5[b-5kxfqvvbpk] {
    margin-bottom: 0.7rem;
    padding-left: 0.5rem;
}

.w-100pct[b-5kxfqvvbpk] {
    margin-top: 0.7rem;
}

.qty[b-5kxfqvvbpk] {
    display: flex;
    align-items: center;
}

.table[b-5kxfqvvbpk] {
    width: 100%;
    overflow-x: auto;
}

.first-column[b-5kxfqvvbpk] {
    width: 100px;
}

.right-align[b-5kxfqvvbpk] {
    text-align: right;
}

@media (max-width: 768px) {
    .table thead[b-5kxfqvvbpk] {
        display: none;
    }

    .table[b-5kxfqvvbpk], .table tbody[b-5kxfqvvbpk], .table tr[b-5kxfqvvbpk], .table td[b-5kxfqvvbpk] {
        display: block;
        width: 100%;
    }

        .table tr[b-5kxfqvvbpk] {
            margin-bottom: 10px;
        }

        .table td[b-5kxfqvvbpk] {
            text-align: left;
            position: relative;
        }

            .table td.right-align[b-5kxfqvvbpk] {
                text-align: right;
            }
}
/* /Mobile/Components/DataTableMobile.razor.rz.scp.css */
.rotate-down[b-ps8y7bc3w1] {
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
}

.rotate-up[b-ps8y7bc3w1] {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
    color: var(--clr-red-500) !important; /* or any color you prefer */
}

.btn[b-ps8y7bc3w1] {
    padding: 0.1rem 0.4rem;
}

.btn-link[b-ps8y7bc3w1] {
    color: var(--clr-red-400) !important;
}

@keyframes expandAccordion-b-ps8y7bc3w1 {
    from {
        max-height: 0;
    }

    to {
        max-height: 500px;
    }
}

@keyframes collapseAccordion-b-ps8y7bc3w1 {
    from {
        height: 140px;
    }

    to {
        height: 0;
    }
}

.accordian-body[b-ps8y7bc3w1] {
    overflow: hidden;
    animation: expandAccordion-b-ps8y7bc3w1 0.434s ease-out forwards;
}

    .accordian-body.expanded[b-ps8y7bc3w1] {
        animation: expandAccordion-b-ps8y7bc3w1 0.434s ease-out forwards;
    }

    .accordian-body.collapsing[b-ps8y7bc3w1] {
        animation: collapseAccordion-b-ps8y7bc3w1 0.25s ease-out forwards;
    }




.table[b-ps8y7bc3w1] {
    border-collapse: separate;
    border-spacing: 0;
    font-family: sans-serif;
    box-shadow: 10px 10px 20px -6px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    overflow: hidden;
    /*    table-layout: fixed;
*/ margin: 0;
    font-size: 0.7rem;
}

    .table th[b-ps8y7bc3w1], .table td[b-ps8y7bc3w1] {
        padding: 5px 15px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .table th[b-ps8y7bc3w1] {
        border-bottom: 1px solid var(--clr-grey-400);
        text-align: left;
        font-size: 0.6rem;
        font-family: inherit;
        box-shadow: 1px 0px 2px 1px;
        border-top: 2px solid white;
    }

    .table thead th[b-ps8y7bc3w1] {
        background-color: var(--clr-grey-300);
        text-transform: uppercase;
        height: 35px ;
    }

    .table tr .hiddenRow[b-ps8y7bc3w1] {
        text-align: left;
        text-transform: uppercase;
        padding-left: 2rem;
        background-color: var(--clr-red-5) !important;
        border-left: 10px solid white;
        border-top: 12px solid var(--clr-grey-450);
        border-right: 10px solid white;
     
    }
        /*.table tr .hiddenRow.collapsing {
            position: relative;
            overflow: hidden;*/ /* Ensures the swipe effect is contained within the row */
            /*animation: pageTurn 0.5s ease-out forwards;*/ /* Adjust duration as needed */
        /*}

@keyframes pageTurn {
    0% {
        transform-origin: left center;*/ /* Pivot from the left center */
        /*transform: rotateY(0deg);*/ /* Start with no rotation */
    /*}

    100% {
        transform-origin: left center;
        transform: rotateY(90deg);*/ /* Rotate the page to 90 degrees */
    /*}
}*/


    .table td[b-ps8y7bc3w1] {
        background-color: var(--clr-white-300);
      
    }

.highlighted-row[b-ps8y7bc3w1] {
    background-color: var(--clr-red-10) !important;
}


.table.table-condensed tr.active-row td[b-ps8y7bc3w1] {
    color: var(--clr-red-500) !important; 
    font-weight:700;
}
.maincolumn[b-ps8y7bc3w1] {
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.maincolumn-full-width[b-ps8y7bc3w1] {
    max-width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Mobile/Components/FileDropMobile.razor.rz.scp.css */
body[b-n3458gj6gn] {
}
/* /Mobile/Components/Machine/MachineHistoryMobileComponent.razor.rz.scp.css */
.machinehistory-mobile[b-iw0g3ju7qx] {
margin-top: 1rem !important;
}
/* /Mobile/Components/Navigation/NavBarMobile.razor.rz.scp.css */


.navbar-btn-content:hover .svg-fill:hover[b-moygibaehf] {
    fill: var(--clr-red-400);
}

.navbar-btn:hover .svg-stroke[b-moygibaehf] {
    stroke: var(--clr-red-400);
}

.navbar-btn:hover .nav-icon[b-moygibaehf] {
    color: var(--clr-red-300);
}


.navbar-btn-container[b-moygibaehf] {
    width: 100%;
    display: flex;
    z-index:600;
    /*flex-direction: column;*/
}

.fr[b-moygibaehf] {
    margin-top:5px;
}


.nav-icon[b-moygibaehf] {
    color: var(--clr-grey-500);
}


.dummy[b-moygibaehf] {
    visibility: hidden;
}

.mynavbar[b-moygibaehf] {
    min-height: 50px;
    position: fixed;
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0px -3px 10px 1px #707070;
    z-index:550;
}

    .mynavbar .navbar-btn[b-moygibaehf] {
        float: left;
        display: none;
        text-decoration: none;
    }

    .mynavbar .home-btn[b-moygibaehf] {
        float: left;
        display: none;
        text-decoration: none;
    }

    .mynavbar .burger-icon[b-moygibaehf] {
        float: left;
        display: block;
    }

    .mynavbar.responsive .navbar-btn-content:not(.burger-icon)[b-moygibaehf] {
        display: flex;
        justify-content: flex-start;
    }

@media (max-width: 768px) {
    .mynavbar .navbar-btn:not(.burger-icon)[b-moygibaehf] {
        display: none;
    }
}

.mynavbar.responsive .navbar-btn:not(.burger-icon)[b-moygibaehf] {
    margin: 0 5px;
    float: none;
    display: block;
}

.mynavbar.responsive .home-btn:not(.burger-icon)[b-moygibaehf] {
    margin: 0 5px;
    float: none;
    display: block;
}

.mynavbar .responsive[b-moygibaehf] {
    position: fixed;
}

    .mynavbar.responsive .navbar-btn .text[b-moygibaehf] {
        display: block;
    }

.button-container[b-moygibaehf] {
    z-index:1050;
}

.btn-nav-container[b-moygibaehf] {
    margin: 0 2px;
    position: relative;
    width: 36px;
    height: 42px;
    z-index: 1050;
}

.progress-container[b-moygibaehf] {
    position: relative;
    background-color: var(--clr-grey-450);
    margin-top: 1px;
    width: 100%;
    height: 5px;
    z-index: 1050;
}

.notification-progress[b-moygibaehf] {
    position: absolute;
    background-color: red;
    width: 7px;
    height: 5px;
    left: -7px;
    top: 0;
    z-index: 1050;
}

.btn-nav-round[b-moygibaehf] {
    border: none;
    outline: none;
    height: 39px;
    width: 39px;
    transition: background-color .5s;
    box-shadow: 1px 1px 0 0px;
    background-color: var(--clr-grey-400);
    border-radius: 50%;
}

    .btn-nav-round:hover[b-moygibaehf] {
        background-color: var(--clr-grey-500);
    }

.user-container[b-moygibaehf] {
    /*border-left: 1px #dfdfdf solid;*/
    padding: 0px 2px;
    margin-right: 12px;
    z-index: 1050 !important;
}

.btn-drop[b-moygibaehf] {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    outline: none;
    height: 1rem;
}

.searchbtn[b-moygibaehf] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: 12px;
    background-color: var(--clr-grey-400);
    color: #707070;
    border: none;
    background-repeat: no-repeat;
    transition: background-color ease-in-out .5s;
}

    .searchbtn:focus[b-moygibaehf] {
        outline: none;
    }

    .searchbtn:hover[b-moygibaehf] {
        background-color: var(--clr-grey-500);
    }

        .searchbtn:hover .svg-fill[b-moygibaehf] {
            fill: white;
        }

.searchbox[b-moygibaehf] {
    font-family: Helvetica, sans-serif;
    margin-right: 24px;
    width: 100px;
    border: 1px solid grey;
    border-radius: 5px;
    height: 2rem;
    background-image: url("Icons/icon_search.png");
    background-position: 5px 7px;
    color: #707070;
    background-repeat: no-repeat;
    padding-left: 30px;
}

    .searchbox:focus[b-moygibaehf] {
        outline: none;
    }

.navbtntext[b-moygibaehf] {
    margin: 0 5px 0 0 !important;
    max-width: 100px;
}

.notification-number[b-moygibaehf] {
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    bottom: 60%;
    left: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #e5322d;
    border-radius: 50%;
}

.bolder[b-moygibaehf] {
    font-weight: 700;
}

.not-time[b-moygibaehf] {
    font-weight: 700;
    color: #919191;
    font-size: 10px;
}

.partybox[b-moygibaehf] {
    padding: 5px 5px 3px 5px;
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 3px;
    border: 1px solid var(--clr-grey-200);
    box-shadow: 1px 2px 2px;
    max-width: 300px;
    margin-top: -2px;
}

    .partybox:hover[b-moygibaehf] {
        cursor: default;
    }

    .partybox h6[b-moygibaehf] {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 40vw; 
        font-size: 1rem;

    }
.m-r-6[b-moygibaehf] {
}
    .partybox i:hover[b-moygibaehf] {
        cursor: pointer;
        color: red;
    }

/* /Mobile/Components/Navigation/NavButtonMobile.razor.rz.scp.css */
/*---- see: 'css/mystyles/icons.css'; for SVG behaviors on hover and select ---*/
.text[b-h05z51raso] {
    color: #707070;
    margin-left: 12px;
}

.mobile-navbar-btn-content[b-h05z51raso] {
    display: flex;
    justify-content: space-between; /* Or 'center' based on your design */
    align-items: center;
    gap: 10px;
    color: #707070;
    height: 3rem;
    float: none;
    position: relative;
    font-weight: 500;
    border: none !important;
    border-width: 0;
    border-style: none;
    padding: 0px;
    width: 100%;
}
.mobile-navbar-btn-selected[b-h05z51raso] {
    border: none !important;
    width: 100%;
}

.mobile-navbar-btn[b-h05z51raso] {
    border: none !important;
    width: 100%;
    background-color: rgba(245, 245, 245, 0.99);
}
.mobile-navbar-btn-selected .mobile-navbar-btn-text[b-h05z51raso] {
    color: var(--clr-red-500);
}



.mobile-navbar-btn:active .mobile-navbar-btn-text[b-h05z51raso],
.mobile-navbar-btn:focus .mobile-navbar-btn-text[b-h05z51raso] {
    color: black;
}

.mobile-navbar-btn-selected:active .mobile-navbar-btn-text[b-h05z51raso],
.mobile-navbar-btn-selected:focus .mobile-navbar-btn-text[b-h05z51raso] {
    color: var(--clr-red-400);
   
}
.home-btn[b-h05z51raso] {
    background-color: transparent;
    border: none;
}


.submenu-arrow[b-h05z51raso] {
    margin-left: 5px;
    font-size: 1.2rem;
    transition: transform 0.3s ease, color 0.3s ease; /* Adjust timing as needed */
    color: var(--clr-red-100);
}

    .submenu-arrow.open[b-h05z51raso] {
        transform: rotate(180deg); /* Rotate the icon */
        color: var(--clr-red-500);
        transition-delay:50ms;
    }
/* /Mobile/Components/Navigation/NavMenuMobile.razor.rz.scp.css */
.new-navbar[b-uqvdwvklaq] {

    background: var(--clr-grey-200);
    width: 100vw;
    top: 0;
    left: 0;
    font-size: 0.8rem;
    max-height: 100vh;
    overflow: visible;
    padding-bottom: 0;
}
    .new-navbar.active[b-uqvdwvklaq] {
        padding-bottom: 50px;
    }
    .nav-menu[b-uqvdwvklaq] {
    overflow-y: auto;
    align-items: center;
    transition: height 0.3s ease-in-out;
}

    .nav-menu.active[b-uqvdwvklaq] {
        overflow-y: auto;
    }

#nav-menu[b-uqvdwvklaq] {
    position: relative;
    width: 100%;
}
.hamburger-button[b-uqvdwvklaq] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 25px; 
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    box-sizing: border-box;
    margin-left: 15px;
    margin-top: 10px;
    color: white;
    margin-bottom: 10px;
}

    .hamburger-button:focus[b-uqvdwvklaq] {
        outline: none;
    }

.bar[b-uqvdwvklaq] {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: #333;
    transition: all 0.3s linear;
    transform-origin: 1px;
    background-color: white;
    box-shadow: 0px 1px 1px rgb(0, 0, 0);
}

@keyframes topBarAnimation-b-uqvdwvklaq {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes bottomBarAnimation-b-uqvdwvklaq {
    0% {
        transform: rotate(0deg);
    }

 
    100% {
        transform: rotate(-45deg);
    }
}

.open .top-bar[b-uqvdwvklaq] {
    animation: topBarAnimation-b-uqvdwvklaq 0.5s forwards; 
    position: relative;
    top: -2px;
    box-shadow: 0px 1px 1px var(--clr-red-400);
}

.open .middle-bar[b-uqvdwvklaq] {
    opacity: 0;
    transition: opacity 0.1s linear;
}
.middle-bar[b-uqvdwvklaq] {
    transition: opacity 0s linear;
}
.open .bottom-bar[b-uqvdwvklaq] {
    animation: bottomBarAnimation-b-uqvdwvklaq 0.5s forwards;
    position: relative;
    top: 2px;
    left: -1px;
    box-shadow: 0px 1px 1px var(--clr-red-400);
}
.closed .top-bar[b-uqvdwvklaq] {
    animation: topBarReverseAnimation-b-uqvdwvklaq 0.5s forwards;
}

.closed .middle-bar[b-uqvdwvklaq] {
    opacity: 1; /* Make sure to fade the middle bar back in */
    transition: opacity 0.3s linear; /* Adjust timing to match the fade-out duration */
}

.closed .bottom-bar[b-uqvdwvklaq] {
    animation: bottomBarReverseAnimation-b-uqvdwvklaq 0.5s forwards;
}

@keyframes topBarReverseAnimation-b-uqvdwvklaq {
    0% {
        transform: rotate(45deg);
    }

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

@keyframes bottomBarReverseAnimation-b-uqvdwvklaq {
    0% {
        transform: rotate(-45deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


.sub-menu[b-uqvdwvklaq],
.sub-menu-child[b-uqvdwvklaq] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
  .sub-menu-child.open[b-uqvdwvklaq] {
        margin-bottom: 2px;

    }
.sub-menu-inner[b-uqvdwvklaq] {
    background: repeating-linear-gradient( -45deg, var(--clr-red-50), var(--clr-red-50) 2px, white 2px, white 4px );
    background-color: var(--clr-white-500);

    border-left: 10px solid white;
    border-top: 12px solid var(--clr-grey-450);
    border-right: 10px solid white;
}
.sub-menu-child-inner[b-uqvdwvklaq] {
    border-left: 7px solid white;
    border-top: 12px solid var(--clr-grey-500);
    border-right: 7px solid white;
    border-bottom: 2px solid white;
}
.mobile-navbar-footer[b-uqvdwvklaq] {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 500;
    background-color: rgba(255, 255, 255, 0.9);
}


.icon-container[b-uqvdwvklaq] {
    width:50px;
    display:flex;
    justify-content:center;
    align-items:center;

}
/* /Mobile/Components/Navigation/SubNavButtonMobile.razor.rz.scp.css */
.sub-nav-menu[b-jng79c7xck] {
    margin-left: 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--clr-red-500);
    padding: 5px;
    border-radius: 5px;
    border: 2px solid transparent; /* Initial border set to transparent */
    transition: border-color 0.15s ease-in-out; /* Fast transition for border color */
}

.nav-link[b-jng79c7xck] {
    padding: 10px 50px;
    outline: none; /* Removes the default focus outline */
}

.nav-text[b-jng79c7xck] {
    color: var(--clr-white-400);
    /* other styles */
}

.custom-icon-color[b-jng79c7xck] {
    color: var(--clr-white-400) !important;
}




.nav-link:active .sub-nav-menu[b-jng79c7xck],
.nav-link:focus .sub-nav-menu[b-jng79c7xck] {
    border-color: white; /* Border color appears */
    border-width: 2px; /* Increased border width for effect */
    box-shadow: 0 0 8px 2px lightgrey; /* Box-shadow for a fading effect */
}

/* /Mobile/Components/Navigation/SubNavChildButtonMobile.razor.rz.scp.css */
.nav-link[b-0q6ltpbl41] {
    color: inherit;
}

.sub-nav-menu[b-0q6ltpbl41] {
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--clr-white-100);
    border: 3px double var(--clr-grey-400);
    padding: 5px;
    border-radius: 5px;
    height: 30px;
    width: 195px;
    font-size:smaller;
}

.nav-link[b-0q6ltpbl41] {
    padding: 5px 0px 5px 75px;
    background-color: var(--clr-red-50);
}

.nav-text[b-0q6ltpbl41] {
    color: var(--clr-red-500);
}

.custom-icon-color[b-0q6ltpbl41] {
    color: var(--clr-red-500) !important;
}
/* /Modals/AddTagsToFilesInRaptorModal.razor.rz.scp.css */
.create-format-container[b-eq6sfokqqy] {
    flex-wrap: wrap;
}

.query-item[b-eq6sfokqqy] {
    display: flex;
    align-items: center;
    min-width: 14em;
    position: relative;
    margin:0.25rem;
    margin-right: 1.5em;
}

.input-field-disabled[b-eq6sfokqqy] {
    pointer-events: none;
    color: #AAA;
    background: #F5F5F5;    
}

.query-number[b-eq6sfokqqy] {
    position: relative;
    height: 100%;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--clr-red-400);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    font-size: large;
    font-weight: 700;    
}

.deleteBtn[b-eq6sfokqqy] {
    border-radius: 50%;
    border: 1px solid #6c757d;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -8px;
    top: -8px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Modals/Base/SfDialogBaseComponent.razor.rz.scp.css */
.dialog-content[b-bn7cj1hy98] {
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
}
/* /Modals/Connections/ReConnectModal.razor.rz.scp.css */
/* Base state: The modal dialog is hidden by default */
#components-reconnect-modal[b-2cb4tdnewl] {
    display: none;
    border: none; /* Removes default HTML5 dialog outlines */
}

    /* Activated states: Triggers when Blazor adds these classes to the dialog */
    #components-reconnect-modal.components-reconnect-failed[b-2cb4tdnewl],
    #components-reconnect-modal.components-reconnect-rejected[b-2cb4tdnewl] {
        align-content: center;
        align-items: center;
        background-color: lightgrey;
        background-image: url('Images/Dulle_Strepen.png');
        background-size: cover;
        border: solid white 1px;
        border-radius: 5px;
        bottom: 0;
        display: flex;
        font-size: 2rem;
        height: 100vh;
        justify-content: center;
        left: 0;
        opacity: 0.9;
        overflow: hidden;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 100001;
    }

    /* Your custom layout utility rules */
    #components-reconnect-modal .failed[b-2cb4tdnewl],
    #components-reconnect-modal .rejected[b-2cb4tdnewl] {
        display: none; /* Keep hidden until matching state is applied */
        align-items: center;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        gap: 1em;
    }

    #components-reconnect-modal small[b-2cb4tdnewl] {
        font-size: 1rem;
    }

    #components-reconnect-modal span[b-2cb4tdnewl] {
        font-weight: bolder;
    }

    /* State Toggling: Show ONLY the targeted message section */
    #components-reconnect-modal.components-reconnect-failed > .failed[b-2cb4tdnewl] {
        display: flex;
    }

    #components-reconnect-modal.components-reconnect-rejected > .rejected[b-2cb4tdnewl] {
        display: flex;
    }
/* /Modals/Connections/ReConnectModalLegacy.razor.rz.scp.css */
#components-reconnect-modal[b-nh9iji9lbe] {
    display: none;
}

    /*#components-reconnect-modal.components-reconnect-show,*/
    #components-reconnect-modal.components-reconnect-failed[b-nh9iji9lbe],
    #components-reconnect-modal.components-reconnect-rejected[b-nh9iji9lbe] {
        align-content: center;
        align-items: center;
        background-color: lightgrey;
        background-image: url('Images/Dulle_Strepen.png');
        background-size: cover;
        border: solid white 1px;
        border-radius: 5px;
        bottom: 0;
        display: flex;
        font-size: 2rem;
        height: 100vh;
        justify-content: center;
        left: 0;
        opacity: 0.9;
        overflow: hidden;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 100001;
    }

    #components-reconnect-modal.components-reconnect-show .loader[b-nh9iji9lbe] {
        border: 10px solid #f3f3f3;
        border-radius: 50%;
        border-top: 10px solid #3498db;
        width: 60px;
        height: 60px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin-b-nh9iji9lbe 2s linear infinite;
    }

.show[b-nh9iji9lbe], .failed[b-nh9iji9lbe], .rejected[b-nh9iji9lbe] {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    gap: 1em;
}

small[b-nh9iji9lbe] {
    font-size: 1rem;
}

span[b-nh9iji9lbe] {
    font-weight: bolder;
}

#components-reconnect-modal.components-reconnect-show > .failed[b-nh9iji9lbe], .rejected[b-nh9iji9lbe] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show > .show[b-nh9iji9lbe] {
    display: flex;
}

#components-reconnect-modal.components-reconnect-failed > .show[b-nh9iji9lbe], .rejected[b-nh9iji9lbe] {
    display: none;
}

#components-reconnect-modal.components-reconnect-failed > .failed[b-nh9iji9lbe] {
    display: flex;
}

#components-reconnect-modal.components-reconnect-rejected > .show[b-nh9iji9lbe], .failed[b-nh9iji9lbe] {
    display: none;
}

#components-reconnect-modal.components-reconnect-rejected > .rejected[b-nh9iji9lbe] {
    display: flex;
}

button[b-nh9iji9lbe] {
    /*background-color: crimson;*/
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

    100% {
        transform: rotate(360deg);
    }
}
/* /Modals/CreateNewsComponent.razor.rz.scp.css */
.flex-col[b-qqcaq4ggb5] {
    display: flex;
    flex-direction: column;
}

.flex-row[b-qqcaq4ggb5] {
    display: flex;
    flex-direction: row;
}

.w-85[b-qqcaq4ggb5]{
    width: 85%;
}

.w15[b-qqcaq4ggb5]{
    width:15%;
}

.image-container[b-qqcaq4ggb5] {
    display: block;
    margin: 0.5em;
    width: min-content;
}

.media-height[b-qqcaq4ggb5]{
    height: 100px;
}

.pad-15[b-qqcaq4ggb5] {
    padding-right: 15px;
    padding-left: 15px;
}

.deleteBtn[b-qqcaq4ggb5] {
    border-radius: 50%;
    border: 1px solid #6c757d;
    width: 25px;
    height: 25px;
    position: absolute;
    right: -8px;
    top: -8px;
    background-color: white;
}

.wizard-pager[b-qqcaq4ggb5] {
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    display: flex;
    justify-content:center;
}

.newscreate-btn-container[b-qqcaq4ggb5] {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-top: 0.5em;
}

.container-editor[b-qqcaq4ggb5] {
    justify-content: space-between;
    background-color: white;
}

.language-btn[b-qqcaq4ggb5] {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    cursor: pointer;
}

.text-cont[b-qqcaq4ggb5] {
    margin-left: 0.25em;
    border: 1px solid #eaeaea;
    margin-bottom: 1em;
    padding: 0.25em;
    background-color: #eaeaea;
}

.bg-white[b-qqcaq4ggb5] {
    background-color: white;
}

.mt-25[b-qqcaq4ggb5] {
    margin-top: 25px;
}

.mybtn-red[b-qqcaq4ggb5] {
    margin-left: 9px;
}
/* /Modals/Discounts/CreateDiscountPolicyModal.razor.rz.scp.css */
.creatediscount-group[b-fei67wqtzo] {
    display: flex;
    width: 75%;
}

    .creatediscount-group .e-input-group[b-fei67wqtzo] {
        border-radius: 3px 0 0 3px !important;
    }
/* /Modals/DocumentLibrary/PreviewDocumentModal.Razor.rz.scp.css */
.doc[b-8rgshmnkgc] {
    width: 100%;
    height: 100%;
}

.image[b-8rgshmnkgc] {
    max-width: 100% !important;
    max-height: 100% !important;    
}
/* /Modals/FileDropSingleModal.razor.rz.scp.css */
.dropfile-area[b-ndvenm7v8q] {
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed var(--clr-grey-400);
    border-radius: 6px;
}

    .dropfile-area:hover[b-ndvenm7v8q] {
        border-style: solid;
    }

    .dropfile-area.hover[b-ndvenm7v8q] {
        border-style: solid;
        background-color: var(--clr-green-300);
    }

.z-index-extreme[b-ndvenm7v8q] {
    z-index: 100000;
    position: absolute;
}
/* /Modals/IoT/ChartSelectModal.razor.rz.scp.css */
.csm-cont[b-i50p0bp0o4] {
    height: 100%;
    width: 100%;
    display:flex;
}
.charbtn-cont[b-i50p0bp0o4] {
    align-self:center;
    height:100%;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-evenly;
}
.chartbtn[b-i50p0bp0o4] {
    border: 1px solid var(--clr-grey-300);
    border-radius: 3px;
    margin: 12px;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
}
.chartbtn:hover[b-i50p0bp0o4] {
    border: 1px solid var(--clr-red-300);
}
    .chartbtn:hover .chartbtn-view[b-i50p0bp0o4]{
        border: 1px solid var(--clr-red-300);
    }
    .chartbtn:hover p[b-i50p0bp0o4] {
        color: var(--clr-red-300);
        font-weight: 600;
    }

.chartbtn-view-cont[b-i50p0bp0o4] {
    height: 100px;
    width: 100px;
    padding: 3px;
}
.chartbtn-view[b-i50p0bp0o4] {
    border-radius: 3px;
    background-color:azure;
    border: 1px solid var(--clr-grey-200);
    height: 100%;
    width: 100%;
}

.chartbtn-txt-cont[b-i50p0bp0o4] {
    padding: 3px;
}
.chartbtn-txt[b-i50p0bp0o4] {
    text-align: center;
}
/* /Modals/IoT/CreateUpdateIoTModal.razor.rz.scp.css */
.input-cont[b-hdt27cf8lm]{
    width:50%;
}
input[b-hdt27cf8lm] {
    border: 1px solid #ced4da;
    border-radius: 3px;
}
input:focus[b-hdt27cf8lm]{
    outline: 3px solid var(--clr-blue-200);
}
/* /Modals/IoT/CreateUpdateSeriesPropertyModal.razor.rz.scp.css */
input[type='checkbox'][b-dqfa0tlh52] {
    height: 20px;
    aspect-ratio: 1;
    border: 1px solid #ced4da;
}
label[b-dqfa0tlh52]{
    margin-bottom:0;
}
/* /Modals/Machine/MachineHistoryModal.razor.rz.scp.css */

.header-content[b-5x14xw4b70] {
    display: flex;
    align-items: center;
}

.header-icon[b-5x14xw4b70] {
    margin-right: 10px; 
    font-size:1.5rem;
    margin-top:-6px;
    
}

.header-title[b-5x14xw4b70] {
    margin: 0; 
}

.machine-history[b-5x14xw4b70] {
    display: flex;
    justify-content: center;
}
/* /Modals/SuppliersPortal/SuppliersDownloadModal.razor.rz.scp.css */
.sdl-btn-cont[b-l2bi0q5id4] {
    display: flex;
    gap: 1rem; /* Adjust spacing between buttons as needed */
    justify-content: center; /* Center buttons horizontally */
    flex-wrap: wrap; /* Prevent wrapping to next line */
}

.sdl-btn[b-l2bi0q5id4] {
    flex: 1 1 0;
    width: 120px; /* Adjust as needed for button size */
    /*max-width: 200px; /* Optional: limit button width */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sdl-btn span[b-l2bi0q5id4]{
    font-size:12px;
}
.sdl-btn i[b-l2bi0q5id4]{
    margin:12px;
}
    .sdl-btn:hover[b-l2bi0q5id4] {
        border-color: var(--clr-red-400);
    }
        .sdl-btn:hover span[b-l2bi0q5id4],
        .sdl-btn:hover i[b-l2bi0q5id4] {
            color: var(--clr-red-400);
        }
/* /Modals/UserPreferencesModal.razor.rz.scp.css */
/* /Modals/UserRole/UserRoleDetailModal.razor.rz.scp.css */
.flexbox[b-qorhfaiydb] {
    display: flex;
    flex-direction: row;
    line-break: auto;
    overflow: hidden;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.detail-flex-item[b-qorhfaiydb] {
    width: 33%;
    margin-bottom: 0.5em;
}

.label[b-qorhfaiydb] {
    text-align: left !important;
    color: #ada6a6;
    font-size: 80%;
    margin-bottom: 0px;
}

.border-bottom[b-qorhfaiydb] {
    border-bottom: 1px solid #ada6a6 !important;
}
/* /Modals/WhatsNewModal.razor.rz.scp.css */
.whats-new-img[b-ff2u32v4wv] {
    height: 65%;
}

    .whats-new-img img[b-ff2u32v4wv] {
        object-fit: cover;
        max-width: 100%;
        height: 25vh;
        display: block;
        margin: auto;
    }

.whats-new-modal[b-ff2u32v4wv] {
    height: 40vh;
    width: 40vw;
}

.whats-new-footer[b-ff2u32v4wv] {
    justify-content: space-between;
    width: 100%;
}

.checkbox[b-ff2u32v4wv] {
    align-self: center;
}

.link[b-ff2u32v4wv] {
    text-align: left;
    padding: 0px;
    align-self: flex-end;
}
/* /Pages/Admin/AdminPage.razor.rz.scp.css */
.container-editor[b-5a8b0vpe0y] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.container-editor label[b-5a8b0vpe0y] {
    font-weight: 600;
}
.editor-top[b-5a8b0vpe0y] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.editor-top textarea[b-5a8b0vpe0y] {
    min-height: 6.2rem;
}
        .editor-top input:focus[b-5a8b0vpe0y], textarea:focus[b-5a8b0vpe0y] {
            outline: 1px solid var(--clr-grey-500);
        }
    .editor-top .form-group *[b-5a8b0vpe0y] {
        width: 100%;
    }
    .editor-top :is(textarea,input)[b-5a8b0vpe0y] {
        border-radius: 5px;
        background-color:var(--clr-white-200);
        border: 1px solid var(--clr-grey-400);
    }
.input-title[b-5a8b0vpe0y] {
    font-size: 1.2rem;
}

.texteditor[b-5a8b0vpe0y] {
    width: 100%;
}

.editor-btn-cont button[b-5a8b0vpe0y] {
    margin: 5px;
}
.editor-btn-cont[b-5a8b0vpe0y] {
    display: flex;
    justify-content: space-between;
    width:100%;
}

/*these should go into the mainstyle of the website*/
.ql-toolbar.ql-snow + .ql-container.ql-snow[b-5a8b0vpe0y] {
    border-radius: 0 0 5px 5px;
}

.ql-toolbar.ql-snow[b-5a8b0vpe0y] {
    border-radius: 5px 5px 0 0;
}

.textoverflow[b-5a8b0vpe0y]{
    overflow-x:clip;
    text-overflow:ellipsis;
}
.list-btn[b-5a8b0vpe0y] {
    height: 2rem;
    width: 60px;
}
.btn-red[b-5a8b0vpe0y] {
    color: white;
    background-color: orangered;
}
.btn-orange[b-5a8b0vpe0y] {
    color: white;
    background-color: orange;
}
.btn-blue[b-5a8b0vpe0y] {
    color: white;
    background-color: #0094ff;
}
.createbtn-container[b-5a8b0vpe0y]{
    display:flex;
    justify-content:end;
}
.btn-create[b-5a8b0vpe0y]{
    display:flex;
    align-items:center;
    padding:5px;
}
.btn-create span[b-5a8b0vpe0y]{
    color:white;
    margin-left:5px;
}
/* /Pages/Admin/DataSync/DataSyncD365CEPage.razor.rz.scp.css */
.sync-container[b-8u6jicjeiv] {
    display: flex;
    justify-content: space-between;
}

.sync-button-container[b-8u6jicjeiv] {
}

.log-side[b-8u6jicjeiv] {
    height: 80dvh;
}

.sync-log-container[b-8u6jicjeiv] {
    padding: 1em;
    width: 100%;
    height: 80%;
    border: 1px solid var(--clr-grey-200);
    overflow-y: scroll;
    overflow-x: scroll;
}

button[b-8u6jicjeiv] {
    margin: 3px;
    /*font-weight: bolder;*/
    padding: 6px;
    border: 1px solid var(--clr-grey-450);
    border-radius: 3px;
    font-variant-caps: all-small-caps;
    letter-spacing: 2px;
    font-weight: bolder;
}

    button:hover[b-8u6jicjeiv] {
        background-color: var(--clr-red-200);
        color: white;
    }


.sync-container[b-8u6jicjeiv] {
    padding: 12px;
    padding-top: 24px;
    padding-bottom: 6px;
    position: relative;
    background-color: var(--clr-white-300);
}

    .sync-container[b-8u6jicjeiv]:before {
        position: absolute;
        left: 6px;
        top: -10px;
        background-color: white;
        padding-left: 6px;
        padding-right: 6px;
        font-weight: 600;
        font-style: italic;
    }

.type[b-8u6jicjeiv]:before {
    content: 'MachineTypes';
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
}

.series[b-8u6jicjeiv]:before {
    content: 'MachineTypeSeries';
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
}

.variant[b-8u6jicjeiv]:before {
    content: 'MachneTypeVariants';
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
}

.machine[b-8u6jicjeiv]:before {
    content: 'Machines / VIN';
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
}

.pm[b-8u6jicjeiv]:before {
    content: 'PartyMachines / Customer Assets';
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
}

.wr[b-8u6jicjeiv]:before {
    content: 'Warranties';
    border-radius: 3px;
    border: 1px solid var(--clr-grey-400);
}

.chck-box[b-8u6jicjeiv] {
    margin: 3px;
}

h5[b-8u6jicjeiv] {
    font-weight: 500;
}
/* /Pages/Admin/DataSync/DataSyncImporterPage.razor.rz.scp.css */
/*.container {
    display: grid;
    place-items: center;
    min-height:25%;
}
*/
/* /Pages/Admin/EConnect/EConnectDiscountPage.razor.rz.scp.css */
.date-cont .e-list-item[b-9c5y6kh5q9]{
    height:100px;
}
.date-cont[b-9c5y6kh5q9]{
    height: 100%;
}
.date-cont div div ul li[b-9c5y6kh5q9] {
    height: 100px;
}
.e-list-item[b-9c5y6kh5q9] {
    background-color:lightyellow !important;
}
.listbox-cont[b-9c5y6kh5q9]{
    display:flex;
    height:300px;
}
.e-listbox-wrapper[b-9c5y6kh5q9], .e-listbox-container[b-9c5y6kh5q9] {
    width:unset !important; 
}
.e-list-parent li[b-9c5y6kh5q9]{
    font-weight:700;
}
/* /Pages/Admin/EConnect/EConnectReportPage.razor.rz.scp.css */
.tbl[b-d6na9o12ug] {
}

    .tbl th[b-d6na9o12ug], td[b-d6na9o12ug], tr[b-d6na9o12ug] {
        padding-right: 12px;
        margin: 2px !important;
    }

.report-item[b-d6na9o12ug] {
    margin: 0.2rem;
    padding: 0.2rem;
    margin-left: 0;
    padding-left: 0;
}

    .report-item:hover *[b-d6na9o12ug] {
        color: var(--clr-red-500);
    }

    .report-item.active *[b-d6na9o12ug] {
        color: var(--clr-red-500);
    }


.grid-container-2[b-d6na9o12ug] {
    gap: 1.5rem;
    grid-template-columns: 40% 60%;
}

.scroll-container[b-d6na9o12ug] {
    border: none;
    max-height: 50dvh;
    /*height: 70vh;*/
}

h6[b-d6na9o12ug] {
    color: var(--clr-grey-500);
    font-weight: lighter;
}
/* /Pages/Admin/Edgeconfig/DevicePropertiesModal.razor.rz.scp.css */
.viewbtn-container[b-kpq5ds8rrc] {
    display: flex;
    justify-content: end;
    align-items: center;
    margin: 6px;
}
/* /Pages/Admin/Edgeconfig/NewDeviceProperty.razor.rz.scp.css */
#new-device-property-container[b-thby10thai] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: space-between;
}

input[type=number][b-thby10thai] {
    width: 8em;
}
/* /Pages/Admin/Elfsquad/ElfsquadActionsPage.razor.rz.scp.css */
.mybtn-red[b-5jdhg0icx6] {
    display: initial;
}
/* /Pages/Admin/Elfsquad/ElfsquadQuotationPage.razor.rz.scp.css */
input[b-b1y98y67ww] {
    min-width: 22rem;
}

.flexbox-col-hover[b-b1y98y67ww] {
    border: 1px solid transparent;
    padding: 0.5rem;
    /*margin-bottom: 0.33rem;*/
}

    .flexbox-col-hover:hover[b-b1y98y67ww] {
        border-color: var(--clr-grey-400);
    }
/* /Pages/Admin/Email/EmailBuilderPage.razor.rz.scp.css */
.create-edit[b-a20l8bt4qa] {
    background-color: #f4f4f4;
    border: 1px solid #e2e2e2;
    padding: 0.5em;
    margin-bottom: 1em;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
}

.action-div[b-a20l8bt4qa]{
    background-color: white;
}

.placeholder-active-action[b-a20l8bt4qa] {
    background-color: white;
    border-radius: 1px 1px 0 0;
}
/* /Pages/Admin/Email/EmailTranslatorPage.razor.rz.scp.css */
.panel[b-9ac7txnk04] {
    border: 1px solid #e2e2e2;     
}

.originalContent[b-9ac7txnk04] {
    background-color: white;
    border: 1px solid #e2e2e2;
}
/* /Pages/Admin/Email/MailTemplatePage.razor.rz.scp.css */
/* /Pages/Admin/General/MasterDataModal.razor.rz.scp.css */
.vertical-table[b-jke9lh8le5] {
    width: 100%;
    margin-top:10px;
}

.table-section[b-jke9lh8le5] {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    background-color: var(--clr-grey-100);
    border-radius:5px;
}

.table-row[b-jke9lh8le5] {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}

.text-label[b-jke9lh8le5] {
    flex: 0 0 200px;
}
.delete-header-btn[b-jke9lh8le5]{
    border:none;
}
.add-new-section .add-header-section[b-jke9lh8le5] {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 20px;
}
.add-header-section[b-jke9lh8le5] {
    margin-top:10px;
    margin-bottom:10px;
}
.section-header[b-jke9lh8le5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.section-title[b-jke9lh8le5] {
    font-size: 1em;
    font-weight: bold;
}
.value-header[b-jke9lh8le5] {
    font-size:1em;
}
.icons[b-jke9lh8le5] {
    display: flex;
    justify-content: right;
    padding:5px;
}
/* /Pages/Admin/General/TranslationPage.razor.rz.scp.css */
.dic-item[b-3z6i9z4j4r] {
    padding: 0.5rem;
    margin-top:0 !important;
    margin-bottom: 0;
    cursor: default;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.dic-item:hover[b-3z6i9z4j4r]{
    background-color: var(--clr-grey-100);
}
    .dic-item:hover button[b-3z6i9z4j4r] {
        color: var(--clr-red-100);
    }

/* /Pages/Admin/IoT/IoTAdminPage.razor.rz.scp.css */

.overview-header[b-8ppkkagin7] {
    display: flex;
}

    .overview-header p[b-8ppkkagin7] {
        font-weight: 700;
        font-size:large;
    }

    .list-wrapper[b-8ppkkagin7]{
        display:flex;
    }
        .list-wrapper p:first-child[b-8ppkkagin7] {
            font-weight: 600;
        }

.series-prop-container[b-8ppkkagin7] {
    display: flex;
    min-height: calc(100vh - 260px);
    max-height: 912px;
    width: 100%;
}
.series-container[b-8ppkkagin7] {
    width: 340px;
    padding: 6px 0;
    height: 100%;
    overflow-y: scroll;
}
.prop-container[b-8ppkkagin7]{
    width: calc(100% - 340px);
    padding:6px 6px 6px 0;
}
.propcard-container[b-8ppkkagin7]{
    display:flex;
    flex-wrap:wrap;
}
.info-line[b-8ppkkagin7]{
    display:flex;
    justify-content:space-between;
    width:100%;
    padding:6px;
}
    .info-line input[type=text][b-8ppkkagin7] {
        border: 1px solid var(--clr-grey-400);
        width: 50%;
    }

    button[b-8ppkkagin7]{
        align-self:end;
    }
/* /Pages/Admin/IoT/IoTEdgeDevicePage.razor.rz.scp.css */
.follow-icon[b-nok1o020h8]{
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    height:20px;
    width:20px;
}
.warning-section[b-nok1o020h8] {
    padding:0 3px;
}
.warning-tex[b-nok1o020h8] {
    font-weight:bolder;
}

.warning-section:hover[b-nok1o020h8] {
    cursor: pointer;
}

    .warning-section:hover .warning-tex[b-nok1o020h8] {
        text-decoration: underline;
    }
/* /Pages/Admin/IoT/IoTLinkPropertyPage.razor.rz.scp.css */
.lp-main-container[b-cof6ay64zn] {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 80%;
}
.lp-series-container[b-cof6ay64zn] {
    width:400px;
    padding:12px;
}
.lp-grid-container[b-cof6ay64zn] {
    border: 1px solid #e4e4e4;
    width: calc(100% - 400px);
    margin: 0.3em;
    padding:0.5em 1em;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    min-height: 80%;
}
th[b-cof6ay64zn]{
    background-color:var(--clr-white-400);
    font-size:1rem;
}
td[b-cof6ay64zn]
{
    border-bottom:1px solid var(--clr-grey-100);
    line-height:2.5rem;
}
td:not(:first-child)[b-cof6ay64zn] {
    align-self:center;
    justify-self:center;
}
input[b-cof6ay64zn]
{
    justify-self:center;
    align-self:center;
}
/* /Pages/Admin/IoT/IoTmanifestPage.razor.rz.scp.css */
.tree-detail-box-container[b-fwk7geu4ir] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height:calc(100% - 50px);
}

.tree-container[b-fwk7geu4ir] {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 1rem;
}

.detail-container[b-fwk7geu4ir] {
    overflow-y:scroll;
    border: 1px solid #e4e4e4;
    width: 60%;
    margin: 0.3em;
    padding: 0.5em;
    display: flex;
    flex-direction: column;
}

.scroll-container[b-fwk7geu4ir] {
    width: 40%;
}
.icon-container[b-fwk7geu4ir] {
    padding: 0.5rem;
    margin-right:12px;
}

.flex-item-text[b-fwk7geu4ir] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    border: 1.5px solid #b6b6b6;
    padding: 0.5em;
    align-items: center;
    height:30px;
    min-width: 170px;
    margin-bottom: 3px;
    padding-left: 1em;
    padding-right: 1em;
    color: var(--clr-grey-500);
    cursor: pointer;
    background-color: white;
    z-index: 100;
}

    .flex-item-text:hover[b-fwk7geu4ir] {
        background-color: var(--clr-red-200);
        color: white;
        border: 1.5px solid var(--clr-red-200) !important;
        fill: white !important;
    }

        .flex-item-text:hover .icon-container i[b-fwk7geu4ir] {
            fill: white !important;
            color:white;
        }

        .flex-item-text:hover span[b-fwk7geu4ir] {
            color: white;
        }
.common-selected[b-fwk7geu4ir] {
    background-color: var(--clr-red-200);
    color: white;
    border: 1.5px solid var(--clr-red-200) !important;
    fill: white !important;
}
.common-selected .icon-container i[b-fwk7geu4ir] {
    color: white;
}
.flex-item-round:hover[b-fwk7geu4ir] {
    background-color: var(--clr-red-200);
}
.scroll-container[b-fwk7geu4ir] {
    width: 700px;
}

.adv-settings-btn[b-fwk7geu4ir] {
    text-decoration: underline;
}

    .adv-settings-btn:hover[b-fwk7geu4ir] {
        cursor: pointer;
        color: red;
    }

.search-container[b-fwk7geu4ir] {
    display: flex;
    border: 1px solid var(--clr-grey-400);
    border-radius: .25rem;
    height: calc(1.5em + .75rem + 2px);
}
.search-container select[b-fwk7geu4ir]{
    border:none;
    background-color:aliceblue;
}
.search-input[b-fwk7geu4ir] {
    width: 100%;
    border-radius:.25rem;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
}
.search-result-row[b-fwk7geu4ir] {
    height:2rem;
    display:flex;
    justify-content:space-between;
    width:100%;
}
    .search-result-row span[b-fwk7geu4ir] {
        align-self:center;
        justify-self:center;
    }
.search-result-row:hover span[b-fwk7geu4ir]{
    text-decoration:underline;

}
.search-result-row:nth-child(2n+1)[b-fwk7geu4ir]
{
    background-color:var(--clr-white-400);
}
    .search-result-row:hover[b-fwk7geu4ir]{
    cursor:pointer;
    }
.search-result[b-fwk7geu4ir] {
    width:20%;
    font-weight: bolder;
}
.result-container[b-fwk7geu4ir]{
    padding: 0 6px;
    width:100%;
}
label[b-fwk7geu4ir]{
    font-weight:bold;
}
h6[b-fwk7geu4ir]{
    color:var(--clr-red-400);
}
.version-select[b-fwk7geu4ir]{
    height:calc(100% - 50px);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.softwareversion[b-fwk7geu4ir]{
    padding:6px;
    border-bottom:1px solid var(--clr-grey-400);
}
.softwareversion:hover[b-fwk7geu4ir] {
    background-color:var(--clr-grey-100);
    border-bottom: 1px solid var(--clr-red-400);
    cursor:pointer;
}
.manifest-namespace[b-fwk7geu4ir]{
    color: var(--clr-red-400);
}
/* /Pages/Admin/IoT/IoTPropertyAdminPage.razor.rz.scp.css */
.propdash-container[b-dfwt8w1puj] {
    padding:6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.propdashboard-element[b-dfwt8w1puj] {
    outline: 1px solid transparent;
    border: 1px solid var(--clr-grey-400);
    display: flex;
    flex-direction: column;
    width: 200px;
    border-radius: 3px;
    margin:12px;
}
.propdash-header[b-dfwt8w1puj] {
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
    background-color: var(--clr-white-300);
    padding: 6px;
}

.propdash-card[b-dfwt8w1puj] {
    height:150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.propdashboard-element:hover[b-dfwt8w1puj] {
    outline: 1px solid red;
    border-radius: 3px;
}

    .propdashboard-element:hover i[b-dfwt8w1puj] {
        color: red;
    }

    .propdashboard-element p[b-dfwt8w1puj] {
        font-size:medium;
    }
    .propdashboard-element:hover p[b-dfwt8w1puj] {
        color: red;
    }
    .overview-header[b-dfwt8w1puj]{
        display:flex;
    }
.overview-header p[b-dfwt8w1puj] {
    font-weight: 700;
}
        .overview-header label[b-dfwt8w1puj]{
            margin-right:12px;
        }

.propdash-button-cont[b-dfwt8w1puj] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 12px;
    padding:12px;
}
/* /Pages/Admin/Machine/AddMachinePage.razor.rz.scp.css */
.card i[b-cduj6jr8b4] {
    font-size: 5em;
    color: var(--clr-grey-400);
    font-weight: 100;
}

.card:hover[b-cduj6jr8b4] {
    border-color: var(--clr-red-400);
}

    .card:hover i[b-cduj6jr8b4] {
        color: var(--clr-red-400);
    }

h1[b-cduj6jr8b4], h6[b-cduj6jr8b4] {
    font-weight: normal;
}
/* /Pages/Admin/Machine/DocLibExcludeOrganisationComponent.razor.rz.scp.css */
.flex-border[b-ngvlwncj49] {
    display: flex;
    border: 1px solid #e2e2e2;
    padding: 0.5em;
}
/* /Pages/Admin/Machine/DocLibExcludeOrganisationModal.razor.rz.scp.css */
.flex-border[b-vm7zcqkee7] {
    display: flex;
    border: 1px solid #e2e2e2;
    padding: 0.5em;
}
/* /Pages/Admin/Machine/MachineTypeClassificationPage.razor.rz.scp.css */
.fas:hover[b-068b2hgi1g] {
    color: var(--clr-red-200);
}

.cb-green[b-068b2hgi1g] {
    accent-color: var(--clr-green-400);
}

.cb-red[b-068b2hgi1g] {
    accent-color: var(--clr-red-400);
}
/* /Pages/Admin/Machine/MachineTypeListPage.razor.rz.scp.css */
.datagrid[b-st9uop6yzb]{
    /*height:50%;*/
}

.container-flex-col[b-st9uop6yzb] {
    /*justify-content: space-around;*/
}
/* /Pages/Admin/Machine/VariantsLinkFeatureModelsPage.razor.rz.scp.css */
.grid-action-btn:hover *[b-ggtphikt3g] {
    color: var(--clr-red-400) !important;
}
/* /Pages/Admin/NonConformance/NonConformancePage.razor.rz.scp.css */
.input-group[b-ovys5nks0b] {
    position: relative;
}

    .input-group .btn-transparent[b-ovys5nks0b] {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        padding: 0;
        margin: 0;
    }

        .input-group .btn-transparent .fa-search[b-ovys5nks0b] {
            color: var(--clr-red-500);
            cursor: pointer;
        }

.input-group-text[b-ovys5nks0b] {
    z-index: 10000 !important;
}

.fa-xmark[b-ovys5nks0b]{
position:relative;
color:darkgrey;
    right:20px;
    cursor:pointer;
}
.inner-tab-styling[b-ovys5nks0b] {
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Helvetica' !important;
}

@media (max-width: 768px) {
    .inner-tab-styling[b-ovys5nks0b] {
        font-size: 11px;
        gap: 2px;
    }
}
.released-products-info-header[b-ovys5nks0b] {
    text-transform: uppercase;
    width: fit-content;
    border: 1px solid var(--clr-red-300);
    padding: 2px;
    padding-left:5px;
    border-radius: 2px;
    background-color: var(--clr-red-50);
    color: white !important;
    margin-bottom: 10px;
    font-weight: 700;
}

.released-products-info-content-item[b-ovys5nks0b] {
    background-color:white;
    padding:6px;
    display:flex;
    gap:30px;
    margin-bottom:5px;
    font-weight:700;
    border: 1px solid lightgrey;
}
/* /Pages/Admin/PartyMgmt/PartyAddressPage.razor.rz.scp.css */
label[b-f2d8jreyd5] {
    color: var(--clr-grey-500);
    font-size: 12px;
}

.type-container[b-f2d8jreyd5] {
    position: relative;
    margin-top: 0.8rem;
    width: auto;
}

.address-types-container[b-f2d8jreyd5] {
    position: relative;
    padding: 0.4rem 0.4rem;
    background-color: var(--clr-red-200);
    border-radius: 8px;
    font-weight: 500;
    border: 2px solid var(--clr-grey-400);
    width:fit-content;
    z-index: 2;
    text-transform: uppercase;
    text-align: left;
}

.type-label[b-f2d8jreyd5] {
    background-color: var(--clr-red-500);
    color: var(--clr-grey-400);
    padding: 0 8px;
    font-size: 0.7em;
    border-radius: 15px 10px 0 0;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 3;
    border: 2px solid var(--clr-grey-400);
    border-bottom: 1px solid var(--clr-grey-400);
    border-right: 6px groove var(--clr-grey-400);
    text-transform: uppercase;
    font-weight: 500;
    width: fit-content;
    box-sizing: border-box;
    text-align: right;
}

.address-divider[b-f2d8jreyd5] {
    border-top: 1px dashed #ccc; 
    margin: 0.8rem 0; 
    margin-bottom:10px;
    padding-bottom:10px;
}



.input-relative-container[b-f2d8jreyd5] {
    position: relative;
}

.btn-spacing[b-f2d8jreyd5] {
    margin-left: 5px;
    display: inline-block;
    margin-top: 1.2rem;
}
.btn-clear-fields[b-f2d8jreyd5] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
}

    .btn-clear-fields .fas[b-f2d8jreyd5] {
        color: #aaa; 
    }

.address-forms-group[b-f2d8jreyd5] {
    margin: 0 auto; 
    width: 80%; 
}

.form-container[b-f2d8jreyd5] {
    border-top: 1px solid var(--clr-grey-300);
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: var(--clr-grey-300);
    margin-top: -0.8rem;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .w-50[b-f2d8jreyd5] {
width:100% !important;    }

}
/* /Pages/Admin/PartyMgmt/PartyApprovalPage.razor.rz.scp.css */
.origin-btn[b-5oohcn9brk] {
    width: 18rem;
    padding: 0.5em;
    margin: 1em;
    cursor: pointer;
    border: 1px solid var(--clr-grey-400);
    background-color: transparent;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-transform: uppercase;
}
    .origin-btn:hover[b-5oohcn9brk] {
        color: var(--clr-red-400);
        border: 1px solid var(--clr-red-400);
    }

    .origin-btn.active[b-5oohcn9brk] {
        border: 1px solid var(--clr-red-400);
        color: var(--clr-red-400);
    }

        .origin-btn.active *[b-5oohcn9brk] {
            color: var(--clr-red-400);
        }

@media (max-width: 768px) {
    .origins-grid[b-5oohcn9brk] {
display:grid !important;    }
}
/* /Pages/Admin/PartyMgmt/PartyPage.razor.rz.scp.css */
.container-accountnumbers[b-gbz987q05s] {
    display: flex;
    flex-direction: column !important;
}

.datagrid-cont[b-gbz987q05s] {
    display: flex !important;
    flex-direction: column !important;
}

.input-search[b-gbz987q05s] {
    width: 10rem;
}

.not-active[b-gbz987q05s] {
    background-color: var(--clr-red-300);
    color: white;
    text-align: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right: 1rem;
    height: auto;
    border: 1px solid var(--clr-red-300);
    border-radius: 3px;
    font-variant-caps: all-small-caps;
}

@media (min-width: 768px) {
    .datagrid-container[b-gbz987q05s] {
        width: 30% !important;
    }

    .container-accountnumbers[b-gbz987q05s] {
        display: flex;
        width: 70%;
    }

    .container[b-gbz987q05s] {
        margin-left: 10px !important;
    }
}



@media (max-width: 768px) {
    .container-accountnumbers[b-gbz987q05s] {
        flex-direction: column;
        margin-top: 20px;
    }

    .datagrid-container[b-gbz987q05s] {
        width: 100%;
    }

    .container-accountnumbers .col-md-6[b-gbz987q05s] {
        width: 100%;
    }
}

/* /Pages/Admin/PartyMgmt/PartyRelationPage.razor.rz.scp.css */
/*#parents {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
}*/
label[b-8wnq6hzc8p] {
    height:auto;
}

.btn-vertical-stretch[b-8wnq6hzc8p] {
    width: 1.5em;
    height: 100%;
    background: transparent;
    border: 1px solid white;
    border-radius: 3px;
}

    .btn-vertical-stretch:hover[b-8wnq6hzc8p] {
        color: white;
        background-color: var(--rz-color-default-blue);
        opacity:0.9;
    }

        .btn-vertical-stretch:hover i[b-8wnq6hzc8p] {
            color: white;
        }

.btn-scroll[b-8wnq6hzc8p] {
    font-weight: 600;
    color: var(--rz-color-default-blue);
}

.flex-parent[b-8wnq6hzc8p] {
    padding: 1em;
    cursor: pointer;
    border: 1px solid var(--clr-grey-400);
}

    .flex-parent:hover[b-8wnq6hzc8p] {
        color: var(--clr-red-400);
        border: 1px solid var(--clr-red-400);
    }

.flex-parent-selected[b-8wnq6hzc8p] {
    padding: 1em;
    cursor: pointer;
    border: 1px solid var(--clr-red-400);
}

.children-container[b-8wnq6hzc8p] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    overflow-x: scroll;
    padding: 1em;
    width: 99%;
    scroll-behavior: smooth;
    height: calc(70vh - 20px);
}



#details[b-8wnq6hzc8p] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    height:62vh;
    /*height: calc(70vh - 60px);*/
}

#accountnumbers[b-8wnq6hzc8p] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    overflow-y: scroll;
    scroll-behavior: smooth;
    /*height: calc(70vh - 20px);*/
}

.col-header[b-8wnq6hzc8p] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: end;
    margin-bottom: 1em;
}

/*Parent flow*/
.parents-container[b-8wnq6hzc8p] {
    margin-bottom: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.parent-pager-line[b-8wnq6hzc8p] {
    height: 1px;
    width: 3em;
    background-color: var(--clr-red-300);
}

.parent-pager-rootline[b-8wnq6hzc8p] {
    width: 3em;
    border-bottom:1px dashed;
    background-color: var(--clr-grey-300);
}

.parent-pager[b-8wnq6hzc8p] {
    position: relative;
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


/* /Pages/Admin/PartyMgmt/PartyRelationshipImportPage.razor.rz.scp.css */
.hover-cell[b-1axsh2am3g] {
    cursor: help;
}

    .hover-cell:hover[b-1axsh2am3g] {
        text-decoration: underline;
    }

.tooltip-content[b-1axsh2am3g] {
    padding: 1rem;
    font-size: 0.85rem;
    line-height: 1.4;
    /*background-color: var(--clr-grey-400);*/
}

pre[b-1axsh2am3g] {
    margin: 0;
    padding: 0;
    color: inherit;
}
/* /Pages/Admin/SmartConnect/SmartConnectFunctionPage.razor.rz.scp.css */
.btn-container[b-cw5jvrd7kv] {
    margin: 1em;
    padding: 1em;
}

h6[b-cw5jvrd7kv] {
    font-weight: 500;
}
/* /Pages/Admin/UserMgmt/AuthTagPage.razor.rz.scp.css */
@media (max-width: 768px) {
    .col-4[b-0y18hzx3xw] {
        margin-top: 10px;
    }
    .w-60pct[b-0y18hzx3xw] {
        width:100% !important;
    }
    .w-40pct[b-0y18hzx3xw] {
        width: 100% !important;
    }
    .ml-4[b-0y18hzx3xw] {
        margin-left:-10px !important;
    }
}
@media (min-width: 768px) {
    .dew-content-main[b-0y18hzx3xw] {
        display: flex;
        width: 100%;
        flex-direction: row !important;

    }
}
/* /Pages/Admin/UserMgmt/UserRolePage.razor.rz.scp.css */
.content-container[b-z6w09l3sxf] {
    background-color: #f4f4f4;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    padding: 4px;
    border-radius: 3px;
}

.app-menu[b-z6w09l3sxf] {
    line-break: auto;
    overflow: hidden;
}

.app-item[b-z6w09l3sxf] {
    font-weight: 500;
    text-align: center;
    margin: 1em 1em 0 1em;
    padding-bottom:0.5em;
}
    .app-item:hover[b-z6w09l3sxf] {
        color: dimgray;
        background-color: white;
    }

.active-app-item[b-z6w09l3sxf] {
    color: dimgray;
    border-bottom: 1px solid var(--clr-red-400);
    border-radius: 3px 3px 0 0;
    background-color: white;
}

.page-container[b-z6w09l3sxf] {
    background-color: white;
    border-radius:3px;
    padding: 0.5em;
}

.accordeon-container[b-z6w09l3sxf] {
    background-color: #dfdfdf;
}

.userroles-datagrid[b-z6w09l3sxf]{
    max-height: 70vh;
}
.actions[b-z6w09l3sxf] {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    padding: 1rem;
    justify-content: center;
}

    .actions > *[b-z6w09l3sxf] {
        margin-left: 2px;
        padding: 0.5rem;
    }

.mybtn-light-grey[b-z6w09l3sxf]{
    /*background-color: transparent;*/
}
/* /Pages/Admin/UserMgmt/UsersPage.razor.rz.scp.css */
.actions[b-f8w55v7q24] {
    display: flex;
    flex-wrap: wrap; 
    width: auto;
    padding:1rem;
    justify-content:center;
}

    .actions > *[b-f8w55v7q24] {
        margin-left:2px;
        padding: 0.5rem;
    }


@media (max-width: 768px) {
    .col-12[b-f8w55v7q24] {
        margin-top: 10px;
    }
}
/* /Pages/Dev/DevelopmentPage.razor.rz.scp.css */
.wrapper div:nth-child(4n + 1)[b-iyhqfj0j80] {
    grid-column-end: span 2;
    grid-row-end: span 2;
    background-color: #ffa94d;
}

.wrapper div:nth-child(2)[b-iyhqfj0j80] {
    grid-column: 3;
    grid-row: 2 / 4;
}

.wrapper div:nth-child(5)[b-iyhqfj0j80] {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

.wrapper[b-iyhqfj0j80] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 100px;
    gap: 10px;
    grid-auto-flow: dense;
}

.matrix-container[b-iyhqfj0j80] {
    position: relative;
    width: 100%;
    height: 100%; /* or 100% of parent */
    overflow: hidden;
    background: transparent;
    /*background: black;*/
}

.matrix-canvas[b-iyhqfj0j80] {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: transparent;
}

.matrix-container .content[b-iyhqfj0j80] {
    position: relative;
    z-index: 1;
    color: #e0ffe0;
}
/* /Pages/Dev/DevGptPage.razor.rz.scp.css */
.enum-value[b-b80dxo6k3v] {
    display: inline-block;
    width: 1rem;
    margin-right: 0.5rem;
    text-align: right;
}

.red-hover:hover[b-b80dxo6k3v] {
    border-color: var(--clr-red-300);
}
/* /Pages/DewulfiGate/DrawingsPage.razor.rz.scp.css */
.input-container[b-ckmk8fx90o]{
    display: flex;
    flex-direction: column;
    margin-right: 3em;
}
/* /Pages/DocumentLibrary/HarvesterDiagramsPage.razor.rz.scp.css */
.flex-item-text[b-ygx7rev3lp] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    border: 1.5px solid #b6b6b6;
    padding: 0.1em;
    align-items: center;
    min-width: 170px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 1em;
    padding-right: 1em;
    color: var(--dark-grey-item-tree);
    background-color: white;
    z-index: 100;
    align-items: center;
    justify-content: space-between;
}

    .flex-item-text:hover[b-ygx7rev3lp] {
        background-color: var(--clr-red-200);
        color: white;
        border: 1.5px solid var(--clr-red-200) !important;
    }

        .flex-item-text:hover span[b-ygx7rev3lp] {
            color: white;
        }

        .flex-item-text:hover i[b-ygx7rev3lp] {
            color: white;
        }

.flex-item-round:hover[b-ygx7rev3lp] {
    background-color: var(--clr-red-200);
}

.item-container[b-ygx7rev3lp] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    padding: 1em;
}

.search-chas[b-ygx7rev3lp] {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
}

@media only screen and (min-width: 1200px) {
    .item-container[b-ygx7rev3lp] {
        display: grid;
        gap: 1em;
        grid-template-columns: auto auto auto auto auto;
        padding: 1em;
        width: auto;
    }

    .search-chas[b-ygx7rev3lp] {
        display: flex !important;
        justify-content: flex-start;
        max-width: 50%;
    }
}
/* /Pages/DocumentLibrary/SparePartsBooksPage.razor.rz.scp.css */
.tree-detail-box-container[b-2iq48y59wm] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 80%;
}

.tree-container[b-2iq48y59wm] {
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top:1rem;
}

.detail-container[b-2iq48y59wm] {
    border: 1px solid #e4e4e4;
    width: 50%;
    margin: 0.3em;
    padding: 0.5em;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.scroll-container[b-2iq48y59wm] {
    width: 50%;
}

.document-cont-title[b-2iq48y59wm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1em;
}

.flex[b-2iq48y59wm] {
    display: flex;
    flex-wrap: wrap;
    align-self: flex-start;
}

.document-card[b-2iq48y59wm] {
    margin: 0.5em;
    max-width: 120px;
}

.card-text[b-2iq48y59wm] {
    font-size: 12px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.card-body[b-2iq48y59wm] {
    padding: 0.7rem;
}

.card-button-container[b-2iq48y59wm] {
    justify-content: space-between;
}

.document-list[b-2iq48y59wm] {
    margin: 0.2em;
}

.no-doc[b-2iq48y59wm] {
    padding-top: 2em;
    text-align: center;
}

.dropfile-area[b-2iq48y59wm] {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: 1em;
    margin-right: 1em;
    /*height: 70%;*/
    z-index: 100;
    overflow: auto;
    flex-grow: 1;
    margin-bottom: 0.5em;
}








.flex-grow[b-2iq48y59wm] {
    flex-grow: 1;
}

.machinetype-container[b-2iq48y59wm] {
    margin-top: 1rem;
}

.machinetypeseries-container[b-2iq48y59wm] {
    margin-top: 1rem;
    padding-left: 1rem;
}

.machinetypeseries[b-2iq48y59wm] {
    margin-bottom: 0.3rem;
    cursor: pointer;
    padding-left: 1rem;
    border: 1px solid var(--clr-grey-500);
    width: 200px;
}

    .machinetypeseries:hover[b-2iq48y59wm] {
        background-color: var(--clr-red-300);
        color: white;
    }


@media only screen and (max-width: 768px) {
    .tree-detail-box-container[b-2iq48y59wm] {
        display: flex;
        flex-direction: column;
        width: 100%;
        height:fit-content;
    }
    .scroll-container[b-2iq48y59wm] {
        overflow:initial;
        width: 100%;
        height: auto;
        border: 1px solid #e4e4e4;
        padding: 0.5em;
        margin: 0.3em;
    }

    .detail-container[b-2iq48y59wm] {
        border: 1px solid #e4e4e4;
        width: 100%;
        margin: 0.3em;
        height: 100%;
        display: flex;
        flex-direction: row;
    }
    .machinetypeseries[b-2iq48y59wm] {
        margin-bottom: 0.3rem;
        cursor: pointer;
        padding-left: 1rem;
        border: 1px solid var(--clr-grey-500);
    }
    .no-doc[b-2iq48y59wm] {
        margin-left:15px;
    }
    .mobile-table[b-2iq48y59wm] {
        margin-left: 15px;
    }
}
/* /Pages/HomePage.razor.rz.scp.css */
.center-content[b-beq1rik2m3] {
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
    text-align: center; 
    height: 100%; 
    width: 100%;
}
/* /Pages/Index.razor.rz.scp.css */
.float-left[b-bi9lu5qu1i]{
    position:absolute;
    background-color:aquamarine;
    padding:2px;
}
/* /Pages/LoggedOutPage.razor.rz.scp.css */
html[b-p4ztu2pueu], body[b-p4ztu2pueu] {
    font-family: 'Helvetica' !important;
}

.logout-page[b-p4ztu2pueu] {
    background-color: white;
    background-image: url('../Images/Dulle_Strepen.png');
    width: 100vw;
    height: 100vh;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: scroll;
}

.text-container[b-p4ztu2pueu] {
    display: flex;
    align-items: center;
    margin-top: 3em;
}

.image-container[b-p4ztu2pueu] {
    display: flex;
    height: 100%;
}

.logout-container[b-p4ztu2pueu] {
    width: 100%;
    min-height: 30%;
    background-color: white;
    box-shadow: 0px 3px 6px 2px #e7e6e6;
    padding: 4em;
    overflow-wrap: break-word;
    max-width: 95vw;
}

.title[b-p4ztu2pueu] {
    margin-bottom: 2em;
}

.mybtn[b-p4ztu2pueu] {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #e5322d;
    background-color: #e5322d;
    color: #fefefe;
    border-radius: 3px;
    padding: 4px 12px;
    box-shadow: 0 0 1px rgba(0,0,0,0.7);
    font-size: 20px;
}

    .mybtn:hover[b-p4ztu2pueu] {
        background-color: white !important;
        color: #e5322d;
        border: 1px solid #e5322d;
    }

.text[b-p4ztu2pueu] {
    margin-bottom: 3rem;
}

.width-fit[b-p4ztu2pueu] {
    width: fit-content;
}
/* /Pages/MyGarage/MachineDetailNavigationPage.razor.rz.scp.css */
.machine-detail-tab[b-88z7w1brz6]{
    font-weight:600;
    font-size:16px;

}
/* /Pages/MyGarage/MachineDetailPage.razor.rz.scp.css */
label[b-fafiymdrx4] {
    margin: 0 !important;
}

.rz-paginator[b-fafiymdrx4] {
    padding: 0 !important;
}

.main-container[b-fafiymdrx4] {
    height: calc(100% - 40px);
    position: relative;
}

.info-container[b-fafiymdrx4] {
    padding: 6px;
    margin-bottom: 50px;
    bottom: 0;
    left: 0;
    transition: background-color step-end 1s, padding .5s;
}

.info-grid[b-fafiymdrx4] {
    grid-gap: 0.2rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto;
    background-color: var(--clr-white-300);
}

.box[b-fafiymdrx4] {
    background-color: var(--clr-white-100);
    border-bottom: 1px solid var(--clr-grey-400);
}

.detail-box[b-fafiymdrx4] {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

.map-box[b-fafiymdrx4] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}

.info-box[b-fafiymdrx4] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
}

.engine-box[b-fafiymdrx4] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
}

.service-box[b-fafiymdrx4] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
}

.warranty-box[b-fafiymdrx4] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
}

.bar-value[b-fafiymdrx4] {
    width: 50%;
    display: flex;
    margin: 6px 0;
}

.machine-history[b-fafiymdrx4] {
    transition: background-color step-end 1s, padding .5s;
}



/*-----------------MEDIAQUERIES-------------------*/

/* Extra-Extra small devices ( 340px and down) */
@media only screen and (min-width: 340px) {
    .detail-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .map-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .info-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    .engine-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 4;
        grid-row-end: 5;
    }

    .engine-box-2[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .warranty-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 5;
        grid-row-end: 6;
    }

    .warranty-box-2[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 3;
        grid-row-end: 4;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .info-grid[b-fafiymdrx4] {
        grid-gap: .4rem;
        grid-row-gap: .6rem;
    }

    .box[b-fafiymdrx4] {
        padding: 12px;
        border-radius: 6px;
        border: 1px solid var(--clr-grey-400);
        box-shadow: 2px 1px 4px 1px var(--clr-grey-400);
    }

    .detail-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .map-box[b-fafiymdrx4] {
        grid-column-start: 5;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 5;
    }

    .info-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .service-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    .engine-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 5;
    }

    .engine-box-2[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 2;
        grid-row-end: 3;
    }



    .warranty-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 5;
        grid-row-end: 6;
    }

    .warranty-box-2[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 3;
        grid-row-end: 4;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 892px and up) */
@media only screen and (min-width: 892px) {
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    .main-container[b-fafiymdrx4] {
        position: initial;
    }

    .info-container[b-fafiymdrx4] {
        position: initial;
    }

    .info-grid[b-fafiymdrx4] {
        grid-gap: .7rem;
        grid-row-gap: 1rem;
    }

    .box[b-fafiymdrx4] {
        border-radius: 6px;
        border: 1px solid var(--clr-grey-400);
        box-shadow: 2px 1px 4px 1px var(--clr-grey-400);
    }

    .detail-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .map-box[b-fafiymdrx4] {
        grid-column-start:6;
        grid-column-end: 9;
        grid-row-start: 1;
        grid-row-end: 3;
    }

    .info-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .service-box[b-fafiymdrx4] {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    /*
    .engine-box {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 3;
    }*/

    .engine-box-2[b-fafiymdrx4] {
        grid-column-start: 6;
        grid-column-end: 8;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .warranty-box[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 9;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    .warranty-box-2[b-fafiymdrx4] {
        grid-column-start: 1;
        grid-column-end: 8;
        grid-row-start: 2;
        grid-row-end: 3;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* /Pages/MyGarage/MachineDocumentPage.razor.rz.scp.css */
.detail-box[b-5pm0tlxdc8]{
    margin:1em;
    width:100%;
}

.flex-item-text[b-5pm0tlxdc8] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    border: 1.5px solid #b6b6b6;
    padding: 0.1em;
    align-items: center;
    min-width: 170px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 1em;
    padding-right: 1em;
    color: var(--dark-grey-item-tree);
    background-color: white;
    z-index: 100;
    align-items: center;
    justify-content: space-between;
}

    .flex-item-text:hover[b-5pm0tlxdc8] {
        background-color: var(--clr-red-200);
        color: white;
        border: 1.5px solid var(--clr-red-200) !important;
    }

        .flex-item-text:hover span[b-5pm0tlxdc8] {
            color: white;
        }
        .flex-item-text:hover i[b-5pm0tlxdc8] {
            color: white;
        }

.flex-item-round:hover[b-5pm0tlxdc8] {
    background-color: var(--clr-red-200);
}

.documents-container[b-5pm0tlxdc8] {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 1em;
}

.item-container[b-5pm0tlxdc8] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1em;
    height:50vh;
    scroll-behavior:smooth;
    overflow-y:scroll;
}

.search-container[b-5pm0tlxdc8]{
    display: flex;
    flex-direction: row;
    margin: 1em;
}

.dropfile-area[b-5pm0tlxdc8]{
    /*display:flex;*/
    margin: 1em;
}
/* /Pages/MyGarage/MachineMapsPage.razor.rz.scp.css */

.machinelist-collapsed[b-ievn6riffk] {
    width: calc(100%);
    height: 42%;
    transition: height .5s ease-in-out, width .5s;
}

.machinelist-mapped-collapsed[b-ievn6riffk] {
    overflow-y: scroll;
    width: 100%;
    height: calc(100% - 2rem);
    transition: height width .5s;
    padding: 6px;
    padding-top:0;
}

.maplist-content[b-ievn6riffk] {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.mmp-filter-container[b-ievn6riffk]{
    padding:0px 6px 12px 6px;
}
.mmp-maps[b-ievn6riffk] {
    height: 100%;
    width: 100%;
    margin-bottom:6px;
}

.mmp-search[b-ievn6riffk] {
    width: 100%;
    border: none;
    outline: none;
}

    .mmp-search:focus[b-ievn6riffk] {
        border: none;
        outline: none;
    }

.mm-search-container[b-ievn6riffk] {
    display: flex;
    border: 1px solid var(--clr-grey-200);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.1);
}

select[b-ievn6riffk] {
    border: none;
    outline: none;
    border-left: 1px solid var(--clr-grey-400);
}
.mli-container[b-ievn6riffk] {
    padding: 0 12px 6px 12px;
}
.mli-status[b-ievn6riffk] {
    margin-bottom: 6px;
    padding: 0 12px;
}
.mli-metadata[b-ievn6riffk]{
    margin-top:24px;
}

.mli-props[b-ievn6riffk]{
    padding: 0 12px 6px 12px;
}
.areas-header[b-ievn6riffk]{
    margin : 0 !important;
    font-size: 12px;
}
.areas-header[b-ievn6riffk]{
    margin-bottom:3px;
}
.areas-line[b-ievn6riffk]{
    padding-left:6px;
}
    .areas-line[b-ievn6riffk]{
        display:flex;
        justify-content:space-between;
    }
.clearselection-container[b-ievn6riffk] {
    width: 100%;
    margin-bottom: 6px;
    border-top: 1px solid var(--clr-grey-200);
    border-bottom: 1px solid var(--clr-grey-200);
}
    .clearselection-btn[b-ievn6riffk] {
    display: flex;
    align-items: center;
    border: none;
    color: var(--clr-grey-500);
    background-color: white;
    margin-top: 12px;
    margin-bottom: 3px;
    outline: none;
    width: 100%;
    font-weight: 200;
}

    .clearselection-btn p[b-ievn6riffk] {
        font-style: italic;
        margin-left: 6px;
    }

    .clearselection-btn i[b-ievn6riffk] {
        margin-right: 6px;
    }

    .clearselection-btn:hover *[b-ievn6riffk] {
        color: var(--clr-red-400);
    }

.plot-btn-container[b-ievn6riffk] {
    display: flex;
    justify-content: end;
    margin-top: 6px;
}

.close-btn-container[b-ievn6riffk] {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    outline: none;
    border: none;
    padding: 1px;
    margin: 6px;
}

    .close-btn-container:hover:not(:disabled)[b-ievn6riffk] {
        cursor: pointer;
        background-color: white;
        border-radius: 50%;
    }

    .close-btn-container i[b-ievn6riffk] {
        color: var(--clr-grey-500);
    }

    .close-btn-container:hover i[b-ievn6riffk] {
        color: var(--clr-red-400);
    }

.close-btn[b-ievn6riffk] {
    background-color: var(--clr-white-200);
    border: none;
    outline: none;
    height: 30px;
    width: 30px;
}
.overlay-select[b-ievn6riffk], .device-input[b-ievn6riffk] {
    border: 1px solid var(--clr-grey-400);
}

.overlay-select-label[b-ievn6riffk], .device-input-label[b-ievn6riffk] {
    width: 100%;
}

.plotter-i[b-ievn6riffk] {
    padding:3px;
    border-radius: 6px;
    margin-right:3px;
}

    .plotter-i i[b-ievn6riffk] {
        color: var(--clr-grey-500);
    }
.plotter-header-container[b-ievn6riffk] {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-left: 6px;
    border-radius: 3px;
    background-color: var(--clr-white-200);
}
.plotter-header[b-ievn6riffk] {
    font-size:18px;
    margin-bottom: 0;
    font-weight: 600;
}
.machinesmap-open[b-ievn6riffk] {
    border-radius: 0 6px 6px 0;
}
/*-----------------MEDIAQUERIES-------------------*/
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .machinelist-container-small[b-ievn6riffk] {
        height: 100%;
    }
}

@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    h6[b-ievn6riffk] {
        font-size: 1.2rem;
        margin-bottom: 3px !important;
    }

    .header-container[b-ievn6riffk] {
        flex-direction: row;
    }

    .h6-height[b-ievn6riffk] {
        visibility: hidden;
        width: 100%;
        height: 1.2rem;
        margin-bottom: 3px !important;
    }

    .maplist-content[b-ievn6riffk] {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .machinelist-container-small[b-ievn6riffk] {
        transition: width .5s ease-in-out;
    }

    .machinelist-container-wide[b-ievn6riffk] {
        width: 100%;
    }

        .machinelist-container-wide .machine-listitem-container[b-ievn6riffk] {
            width: 49%;
            max-width: 49%;
        }

    .maplist-content[b-ievn6riffk] {
        display: flex;
        flex-direction: row;
    }

    .machinelist-mapped[b-ievn6riffk] {
        border-radius: 6px;
    }

    .machinelist-collapsed[b-ievn6riffk] {
        width: 440px;
        height: 100%;
    }

    .machinelist-collapsed-side *[b-ievn6riffk] {
        width: 0;
        transition: width .5s ease-in-out;
    }

    .machinelist-mapped-collapsed[b-ievn6riffk] {
        height: calc(100% - 58px);
    }

    .machines-content[b-ievn6riffk] {
        position: relative;
        display: block;
        width: 100%;
        height: calc(100% - 200px);
    }
    .mmp-maps[b-ievn6riffk] {
        height: 100%;
        width: calc(100% - 440px);
    }
}
/* /Pages/MyGarage/MachineServiceInfoPage.razor.rz.scp.css */

.grid-cont[b-vqovv5ci3g] {
    display: grid;
    width: 100%;
    grid-template-columns: min-content min-content;
    grid-template-rows: min-content 100px min-content;
    row-gap: 24px;
    column-gap: 12px;
}

.detail[b-vqovv5ci3g] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 3;
    background-color:cornflowerblue;
}

.info[b-vqovv5ci3g] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    background-color:coral;
}

.service[b-vqovv5ci3g] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    background-color:lightgreen;
}
.warranty[b-vqovv5ci3g] {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
    background-color:thistle;
}



/*-----------------MEDIAQUERIES-------------------*/
/* Extra-Extra small devices ( 340px and down) */
@media only screen and (min-width: 340px) {
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .main-cont[b-vqovv5ci3g] {
        flex-wrap: nowrap;
    }
    .detail[b-vqovv5ci3g] {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 5;
    }

    .info[b-vqovv5ci3g] {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .service[b-vqovv5ci3g] {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .warranty[b-vqovv5ci3g] {
        grid-column-start: 4;
        grid-column-end: 6;
        grid-row-start: 3;
        grid-row-end: 5;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 892px) {
}
/* Large devices (laptops/desktops, 1020px and up) */
@media only screen and (min-width: 1020px) {
    .detail[b-vqovv5ci3g] {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 6;
    }

    .info[b-vqovv5ci3g] {
        grid-column-start: 4;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 3;
    }

    .service[b-vqovv5ci3g] {
        grid-column-start: 4;
        grid-column-end: 5;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .warranty[b-vqovv5ci3g] {
        grid-column-start: 4;
        grid-column-end: 5;
        grid-row-start: 4;
        grid-row-end: 6;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* /Pages/MyGarage/MachinesPage.razor.rz.scp.css */
.e-chart[b-4ohbihjvqx] {
    background-color: yellow;
}
.e-datetimepicker[b-4ohbihjvqx],.e-calendar[b-4ohbihjvqx], .e-popup-holder[b-4ohbihjvqx]{
    z-index:99999999;
    background-color:green;
}
.e-control[b-4ohbihjvqx] {
    background-color: red;
}
.machine-card[b-4ohbihjvqx] {
}

.machinecard-header[b-4ohbihjvqx] {
    margin: 12px 0;
}

.machinecard-label[b-4ohbihjvqx] {
    color: var(--clr-grey-450);
}

.machinecard-text[b-4ohbihjvqx] {
    font-weight: 600;
}
/*-----------------Radzen-------------------*/
.chart-cont[b-4ohbihjvqx] {
    width: 150px;
    aspect-ratio: 1;
}
.rz-datatable-odd td[b-4ohbihjvqx], .rz-datatable-even > td[b-4ohbihjvqx] {
    border: 4px solid red;
    background-color: var(--clr-white-300) !important;
}

.rz-datatable-odd > td[b-4ohbihjvqx] {
    background-color: #ffffff !important;
}

.rz-grid-table td[b-4ohbihjvqx] {
    border: none !important;
}

.rz-grid-table th[b-4ohbihjvqx] {
    border: none !important;
    background-color: var(--clr-white-100) !important;
}

.rz-g > div[b-4ohbihjvqx] {
    margin: 0.2rem !important;
}

.rz-g[b-4ohbihjvqx] {
    justify-content: space-evenly !important;
}
/*-----------------Containers-------------------*/
.machine-multiselect-container[b-4ohbihjvqx] {
    height: 2rem;
    width: 50%;
    background-color: var(--clr-grey-300);
    border: 1px solid var(--clr-grey-100);
    border-radius: 6px;
}

.machinefilter-container[b-4ohbihjvqx] {
    background-color: var(--clr-white-300);
    border-top: none;
    border-bottom: none;
    position: relative;
    padding: 12px 0;
}



.filter-input[b-4ohbihjvqx] {
    height: 24px;
}

.filter-input-container[b-4ohbihjvqx] {
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.machine-cardlist[b-4ohbihjvqx] {
    position: relative;
    display: flex;
    margin: 6px;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 99%;
    min-height: 500px;
    border-radius: 6px;
    overflow-y: scroll;
}
.clearselection-container[b-4ohbihjvqx]{
    width:100%;
}
/*-----------------Buttons-------------------*/
.machinefilter-button[b-4ohbihjvqx] {
    padding: 6px;
}

.machinefilter-button-closed[b-4ohbihjvqx] {
    border-radius: 6px;
}

.machinefilter-button-open[b-4ohbihjvqx] {
    border-radius: 6px 6px 0 0;
}

.machinefilter-button:hover[b-4ohbihjvqx] {
    background-color: var(--clr-grey-100);
    cursor: pointer;
}

.btn-grid-pad[b-4ohbihjvqx] {
    padding: 4px 0 0 1px;
}

.btn-list-pad[b-4ohbihjvqx] {
    padding: 4px 0 0 0;
}

.btn-map-pad[b-4ohbihjvqx] {
    padding: 2px 0 0 0;
}
.clearselection-btn[b-4ohbihjvqx] {
    border: 1px solid var(--clr-grey-200);
    background-color: white;
    outline: none;
    border-radius: 3px;
    width: 100%;
    font-weight:200;
}
.clearselection-btn:hover[b-4ohbihjvqx] {
    border:1px solid var(--clr-grey-450);
    background-color:white;
}
/*-----------------Misc-------------------*/
.machinefilter-content-closed[b-4ohbihjvqx] {
    text-overflow: clip;
    border-radius: 0 0 6px 6px;
    width: 0px;
    transition: width .5s;
}

    .machinefilter-content-closed *[b-4ohbihjvqx] {
        white-space: nowrap;
        display: none;
    }

.machinefilter-content-open[b-4ohbihjvqx] {
    border-radius: 0 0 6px 6px;
    width: 280px;
    transition: width .5s;
}

    .machinefilter-content-open * label[b-4ohbihjvqx] {
        white-space: nowrap;
    }

.machine-selected[b-4ohbihjvqx] {
    cursor: pointer;
    border: 2px solid var(--clr-red-400);
}

.mainfilter[b-4ohbihjvqx] {
    margin-bottom: 12px;
}

.img-list[b-4ohbihjvqx] {
    width: 40px;
}

.machines-content[b-4ohbihjvqx] {
    display: block;
    width: 100%;
    height: calc(100% - 135px);
}

.machine-listitem[b-4ohbihjvqx] {
    width: 100%;
    justify-content: space-between;
}

.machinelist-container-small[b-4ohbihjvqx] {
    display: flex;
    height: 100%;
    transition: width .5s ease-in-out, height .5s ease-in-out;
}

    .machinelist-container-small *[b-4ohbihjvqx] {
        transition: width .5s ease-in-out, height .5s ease-in-out;
    }

.machinelist-container-wide[b-4ohbihjvqx] {
    display: flex;
    height: 100%;
    transition: width .5s ease-in-out;
}

.machinelist-collapsed[b-4ohbihjvqx] {
    width: calc(100%);
    height: 42%;
    transition: height .5s ease-in-out, width .5s ;
}

.machinelist-collapsed-side[b-4ohbihjvqx] {
    display: flex;
    width: 0;
    transition: width .5s;
}

.maplist-content[b-4ohbihjvqx] {
    display:flex;
    flex-direction:column-reverse;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 235px);
}
.map[b-4ohbihjvqx]{
    border-radius:6px;
}
.machinelist-mapped[b-4ohbihjvqx] {
    overflow-y: scroll;
    background-color: var(--clr-white-300);
    height: 100%;
    width: 100%;
    transition: height .5s, width .5s;
}

.machinelist-mapped-collapsed[b-4ohbihjvqx] {
    overflow-y: scroll;
    width: 100%;
    background-color: var(--clr-grey-100);
    border: 1px solid var(--clr-grey-400);
    border-top:none;
    height: calc(100% - 2rem);
    transition: height width .5s;
}

.machinelist-mapped-collapsed-side[b-4ohbihjvqx] {
    overflow-y: scroll;
    background-color: var(--clr-grey-100);
    width: 0;
    transition: width .5s;
}

.machinelist-img[b-4ohbihjvqx] {
    width: 40px;
    aspect-ratio: 1;
}

.map-machines[b-4ohbihjvqx] {
    position: relative;
    height: 65%;
}

.map-collapsed[b-4ohbihjvqx] {
    position: relative;
    width: 100%;
    height: 70%;
}

.machines-datagrid[b-4ohbihjvqx] {
    margin-bottom: 12px;
}

.view-select[b-4ohbihjvqx] {
    height: 2rem;
    margin: auto;
    width: fit-content;
}

    /*-----------------MEDIAQUERIES-------------------*/
    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        .machinelist-container-small[b-4ohbihjvqx] {
            height: 100%;
        }
      
     
    }
@media only screen and (min-width: 768px) {
    .maplist-content[b-4ohbihjvqx] {
        padding:12px;
    }
}
    /* Large devices (laptops/desktops, 1020px and up) */
    @media only screen and (min-width: 1020px) {
        h6[b-4ohbihjvqx] {
            font-size: 1.2rem;
            margin-bottom: 3px !important;
        }

        .header-container[b-4ohbihjvqx] {
            flex-direction: row;
        }

        .h6-height[b-4ohbihjvqx] {
            visibility: hidden;
            width: 100%;
            height: 1.2rem;
            margin-bottom: 3px !important;
        }

        .maplist-content[b-4ohbihjvqx] {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .machinelist-container-small[b-4ohbihjvqx] {
            transition: width .5s ease-in-out;
        }

        .machinelist-container-wide[b-4ohbihjvqx] {
            width: 100%;
        }

            .machinelist-container-wide .machine-listitem-container[b-4ohbihjvqx] {
                width: 49%;
                max-width: 49%;
            }

        .maplist-content[b-4ohbihjvqx] {
            display: flex;
            flex-direction: row;
        }

        .machinelist-mapped[b-4ohbihjvqx] {
            border-radius: 6px;
        }

        .machinelist-collapsed[b-4ohbihjvqx] {
            width: 400px;
            height: 100%;
        }

        .machinelist-collapsed-side *[b-4ohbihjvqx] {
            width: 0;
            transition: width .5s ease-in-out;
        }

        .machinelist-mapped-collapsed[b-4ohbihjvqx] {
            height: 100%;
        }

        .machines-content[b-4ohbihjvqx] {
            position: relative;
            display: block;
            width: 100%;
            height: calc(100% - 200px);
        }
    }
/**********mobile ******/
@media only screen and (max-width: 768px) {

    .view-select[b-4ohbihjvqx] {
        margin-top: 10px;
    }
}
#cb-mobile[b-4ohbihjvqx] {
    accent-color: var(--clr-red-300);
   margin-left:0.5rem;
}
/* /Pages/MyGarage/MachineTelemetryPage.razor.rz.scp.css */
.telemetry-main[b-yf6z73fy6f] {
    width: 100%;
    height: 100%;
    display: flex;
    height: calc(100vh - 200px);
}
.map-container[b-yf6z73fy6f]{
    height:calc(100% - 35px);
}
.telemetry-mapview[b-yf6z73fy6f] {
    height: calc(100% - 35px);
}

.interval-cbx[b-yf6z73fy6f] {
    position: absolute;
    right: 9px;
    width: 160px;
}

.telemetry-grid[b-yf6z73fy6f] {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "first" "second" "third" "fourth";
    flex-direction: column;
    position: relative;
}

.first-telemetry[b-yf6z73fy6f] {
    grid-area: first;
}

.second-telemetry[b-yf6z73fy6f] {
    grid-area: second;
}

.third-telemetry[b-yf6z73fy6f] {
    grid-area: third;
}

.fourth-telemetry[b-yf6z73fy6f] {
    grid-area: fourth;
}

label[b-yf6z73fy6f] {
    margin: 0;
}

.timer-container[b-yf6z73fy6f] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.telemetry-menu[b-yf6z73fy6f] {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 150px;
    border-radius: 6px;
    background-color: var(--clr-white-200);
    border: 1px solid var(--clr-grey-400);
    box-shadow: 1px 1px 2px 1px var(--clr-grey-400);
}

.menu-content p[b-yf6z73fy6f] {
    font-size: .9rem;
    font-weight: 400;
}

.menu-content i[b-yf6z73fy6f] {
    margin-right: 12px;
}

.menu-content[b-yf6z73fy6f] {
    padding: 0 6px;
}

.telemetry-menu-top[b-yf6z73fy6f] {
    padding-top: 3px;
    padding-right: 3px;
    display: flex;
    justify-content: flex-end;
}

.viewt[b-yf6z73fy6f] {
    height: calc(100% - 160px);
    margin-right: 24px;
}

.gauges-container[b-yf6z73fy6f] {
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content:center;
}
.arc-gauge-cont[b-yf6z73fy6f] {
    position: relative;
    border: 1px solid var(--clr-grey-200);
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--clr-white-200);
    margin: 3px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.float-value[b-yf6z73fy6f] {
    display: flex;
    position: absolute;
    bottom: 25px;
}

    .float-value h5:first-child[b-yf6z73fy6f] {
        margin-right: 6px;
    }

.data-large[b-yf6z73fy6f] {
    height: 300px;
}

.data-medium[b-yf6z73fy6f] {
    min-height: 200px;
}

.telemetry-data[b-yf6z73fy6f] {
    display: flex;
    flex-wrap: wrap;
    padding: 12px;
    margin: 6px;
    margin-bottom: 12px;
}

    .telemetry-data:first-child[b-yf6z73fy6f] {
        margin-top: 0;
    }


.yes-no-value[b-yf6z73fy6f] {
    width: 50%;
    margin-bottom: 6px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .yes-no-value label[b-yf6z73fy6f] {
        margin-left: 6px;
    }

.bar-value[b-yf6z73fy6f] {
    display: flex;
    margin: 6px 0;
}

.telemetry-mapview-banner[b-yf6z73fy6f] {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px 6px 0 0;
    color: white;
    font-size: 2rem;
    font-weight: 800;
}

.telemetry-mapview p[b-yf6z73fy6f] {
    color: white;
    font-size: 1.5rem;
    font-weight: 800;
}

.border-live[b-yf6z73fy6f] {
    border: 3px solid var(--clr-blue-400);
}

.border-interval[b-yf6z73fy6f] {
    border: 3px solid var(--clr-orange-400);
}

.interval-container[b-yf6z73fy6f] {
    display: flex;
    align-items: center;
    padding: 3px;
}

    .interval-container *[b-yf6z73fy6f] {
        display: flex;
        align-items: center;
    }

.telemetry-select-header[b-yf6z73fy6f] {
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 1rem;
}

.dateselect[b-yf6z73fy6f] {
    display: flex;
    align-items: center;
}

.dateselect-container[b-yf6z73fy6f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 24px;
    border-bottom: 1px solid var(--clr-grey-400);
    margin-bottom: 6px;
    margin-left: 6px;
}

    .dateselect-container p[b-yf6z73fy6f] {
        padding: 0 6px;
    }

.date-container[b-yf6z73fy6f] {
    border-radius: 6px;
    align-items: center;
    padding: 6px;
}

.disabled-date-container *[b-yf6z73fy6f] {
    color: var(--clr-grey-400);
}


input[type=text][b-yf6z73fy6f] {
    width: 50%;
}

input[type=checkbox][b-yf6z73fy6f] {
    margin: 0 6px;
    margin-bottom: 6px;
}

.teledata[b-yf6z73fy6f] {
    border: 1px solid grey;
    justify-content: space-around;
}

    .teledata p[b-yf6z73fy6f] {
        width: 25%;
        text-align: center;
    }
/* Large devices (laptops/desktops, 892px and up) */
@media only screen and (min-width: 892px) {
    .telemetry-data-container[b-yf6z73fy6f] {
        width: 450px;
        overflow-y: scroll;
    }
    .telemetry-mapview[b-yf6z73fy6f] {
        width: calc(100% - 450px);
    }
}
/* /Pages/News/NewsPage.razor.rz.scp.css */
.article-card[b-tnosld4dnz] {
    width: 100%;
    height: 100%;    
}

.art-img[b-tnosld4dnz] {
    width: 100%;
    height: 15vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 55%;
}

.art-text[b-tnosld4dnz] {
    justify-content: space-between;
}

.content[b-tnosld4dnz] {
    height: 84%;
}

.title[b-tnosld4dnz] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-tranq[b-tnosld4dnz] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grey-icon[b-tnosld4dnz] {
    color: #aeaeae;
}

.items-per-page-picker[b-tnosld4dnz] {
 display:grid;
 justify-content:center;
}

.select-picker[b-tnosld4dnz] {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    font-size: 1rem;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.news-tile[b-tnosld4dnz] {
    flex-wrap: wrap;
    margin: 1em;
    height: 30vh;
    box-shadow: 0px 3px 10px 2px var(--clr-grey-200);
    width: 20%;
    min-width: 150px;
}

.highlighted-news-tile[b-tnosld4dnz] {
    flex-wrap: wrap;
    margin: 1em;
    height: 40vh;
    min-width: 300px;
    box-shadow: 0px 3px 10px 2px var(--clr-grey-200);
}

.important-news-cont[b-tnosld4dnz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;    
    align-content: flex-start;
}

.other-news-cont[b-tnosld4dnz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3em;
}

.more-news-title[b-tnosld4dnz] {
    display: flex;
    justify-content: center;
    padding: 1em;
    margin-bottom: 2em;
    margin-left: 4em;
    margin-right: 4em;
    border-bottom: 1px solid var(--clr-grey-200);
}

.more-news-container[b-tnosld4dnz] {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 50px;
    right: 10px;
    width: 100%;
    padding: 10px 0;
}

.border-radius[b-tnosld4dnz]{
    border-radius: 20px;
}
.mybtn-red[b-tnosld4dnz] {
    box-shadow: 2px 5px 5px rgba(0,0,0,0.3) !important;
    border:2px solid white;
}
@media (min-width: 768px) {
    .news-page-top[b-tnosld4dnz] {
        min-height: 90vh;
    }

}
/* /Pages/Production/OnBoardingIOTPage.razor.rz.scp.css */
.wizard-pager[b-1oj9kqt9cj] {
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap:20px;
}

.wizard-container[b-1oj9kqt9cj] {
    width: 70%;
    display: block;
    margin: auto;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    padding: 1em;
}

.wizard-selector-container[b-1oj9kqt9cj] {
    width: 100% !important; 
}

.device-box[b-1oj9kqt9cj] {
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    padding: 0.5em;
    margin: 0.3em;
    border-radius: 0.25rem;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.center-title[b-1oj9kqt9cj] {
    display: flex;
    justify-content: center;
}

.wizard-icon-container[b-1oj9kqt9cj] {
    position: relative;
    flex-direction: column;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wizard-selector[b-1oj9kqt9cj] {
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    /*background-color: var(--clr-red-400);*/
    color: white;
}

.large-icon[b-1oj9kqt9cj] {
    font-size: 3em;
}

.button-container[b-1oj9kqt9cj] {
    display: flex;
    justify-content: center;
}

.machine-details-cont[b-1oj9kqt9cj] {
    margin: 1em;
}

.close-button[b-1oj9kqt9cj] {
    display: flex;
    justify-content: center;
}

.modal-exit-btn[b-1oj9kqt9cj] {
    padding-top: 5px;
    line-height: 1px;
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.connection-bar-container[b-1oj9kqt9cj] {
    display: flex;
    align-items: center;
    width: 100%;
}

.connection-bar[b-1oj9kqt9cj] {
    position: absolute;
    width: 100%;
    height: 5px;
}

.connection-bar-red-animated[b-1oj9kqt9cj] {
    position: absolute;
    width: 10%;
    height: 5px;
    animation-name: slide-b-1oj9kqt9cj;
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    /*transition-timing-function: cubic-bezier(0, 1, 1, 0);*/
}
.bg-grey[b-1oj9kqt9cj] {
    background-color: var(--clr-grey-200);
}

.bg-red[b-1oj9kqt9cj] {
    background-color: var(--clr-red-400);
}

.bg-green[b-1oj9kqt9cj] {
    background-color: #278527;
}

@keyframes slide-b-1oj9kqt9cj {
    0% {
        /*transform: translateX(-4vw);*/
        left: -5%;
        box-shadow: 0px 0px 0px 1px var(--clr-red-400);
        /*width: 0vw;*/
    }

    25% {
        box-shadow: 0px 0px 3px 1px var(--clr-red-400);
        /*width: 4vw;*/
    }

    50% {
        /*transform: translate(20vw);*/
        left: 95%;
        /*transform: translate(100);*/
        box-shadow: 0px 0px 0px 1px var(--clr-red-400);
        /*width: 0vw;*/
    }

    75% {
        box-shadow: 0px 0px 3px 1px var(--clr-red-400);
        /*width: 4vw;*/
    }

    100% {
        left: -5%;
        box-shadow: 0px 0px 0px 1px var(--clr-red-400);
        /*width: 0vw;*/
    }
}

.check-cont[b-1oj9kqt9cj] {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.iotconnection-cont[b-1oj9kqt9cj] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;

}

.medium-icon[b-1oj9kqt9cj] {
    font-size: 2em;
}

.medium-size[b-1oj9kqt9cj] {
    width: 4em !important;
    height: 4em !important;
    flex-shrink: 0;
}

.iot-check-border-cont[b-1oj9kqt9cj] {
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 2em;
    padding-left: 2em;
    margin-bottom: 1em;
    border: 1px solid var(--clr-grey-200);
}

.center[b-1oj9kqt9cj] {
    align-self: center;
    width: 70%;
}

.completed-header[b-1oj9kqt9cj] {
    display: flex;
    justify-content: space-between;
}

.small-center-icon[b-1oj9kqt9cj] {
    position: absolute;
    margin-left: 50%;
    margin-top: inherit;
    width: 3em !important;
    height: 3em !important;
}

.sum-machine-cont[b-1oj9kqt9cj] {
    box-shadow: 0px 3px 3px 2px var(--clr-grey-200);
    padding: 0.5em;
    width:180px;
    text-align:center;
    justify-content:center;
    align-content:center;

}

.title-box[b-1oj9kqt9cj]{
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

.check-card[b-1oj9kqt9cj] {
    margin: 0.5em;
    padding: 0.5em;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    border-radius:5px;
    overflow: auto;
}

.red-border[b-1oj9kqt9cj] {
    border: 2px solid var(--clr-red-400);
}

.grey-border[b-1oj9kqt9cj] {
    border: 2px solid var(--clr-grey-200);
}

.green-border[b-1oj9kqt9cj] {
    border: 2px solid #278527;
}

.card-info-content[b-1oj9kqt9cj]{
    align-content:center;
}

.icon-spacing[b-1oj9kqt9cj] {
    align-self: center;
    padding: 0.5em;
}

.icon-animation[b-1oj9kqt9cj] {
    animation: pulse-b-1oj9kqt9cj 2s infinite;
}

@keyframes pulse-b-1oj9kqt9cj {
    0% {
        transform: scale(0.6);
        opacity: 1%;
    }

    50% {
        transform: scale(0.9);
        opacity: 100%;
    }

    100% {
        transform: scale(0.6);
        opacity: 1%;
    }
}

.btn-right[b-1oj9kqt9cj] {
    display: flex;
    justify-content: flex-end;
    margin-right: 2em;
}

.startup-container[b-1oj9kqt9cj] {
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 4em;
    border: 1px solid var(--clr-grey-200);
}

.exit-wizard-btn[b-1oj9kqt9cj] {
    position: absolute;
    right: 12px;
    top: 100px;
    display: flex;
    justify-content: flex-end;
    margin: 6px;
    z-index:50;
}

.wizard-responsive[b-1oj9kqt9cj] {
    width: 100%;
}

/* Desktop style */
@media (min-width: 768px) { /* Adjust 768px as per your breakpoint for desktop */
    .wizard-responsive[b-1oj9kqt9cj] {
        width: 70%;
    }
}
.actions-buttons[b-1oj9kqt9cj] {
    display:flex;
    gap:10px;
}
/* /Pages/Production/QualityCheckIkzPage.razor.rz.scp.css */
.inner-tab-styling[b-9kyazc8w72] {
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Helvetica' !important;
}
@media (max-width: 768px) {
    .inner-tab-styling[b-9kyazc8w72] {
        font-size: 11px;
        gap: 2px;
    }
}
   
/* /Pages/Production/QualityCheckItemComponent.razor.rz.scp.css */
.option-values[b-korx5dwojc] {
    text-wrap:balance;
}
/* /Pages/Production/QualityCheckPage.razor.rz.scp.css */
.page-container[b-ugyo92l6g7]{
    display: flex;
    width: 100%;
    justify-content: center;
}

.content[b-ugyo92l6g7] {
    width: 100%;
    box-shadow: 0px 3px 6px 2px var(--clr-grey-200);
    padding: 1.5em;
}

.topic-item[b-ugyo92l6g7] {
    border: 2px solid var(--clr-grey-200);
    border-left: none !important;
    border-bottom: none;
    padding: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    height: 4em;
    transform: skew(20deg);
    display: flex;
    align-items: center;
        font-size:0.5rem;
}

.topic-selectbar[b-ugyo92l6g7] {
    display: flex;
    border-bottom: 2px solid var(--clr-grey-200);
    border-left: 2px solid var(--clr-grey-200);
    overflow: hidden;
}

.border-angle[b-ugyo92l6g7] {
    width: 0.5em;
    position: absolute;
    height: 4em;
    width: 2em;
}

.text-straight[b-ugyo92l6g7] {
    transform: skew(-20deg);
}

.border-red[b-ugyo92l6g7] {
    border: 2px solid var(--clr-red-400);
}

.border-left-red[b-ugyo92l6g7] {
    border-left: 2px solid var(--clr-red-400);
}

.bg-red[b-ugyo92l6g7] {
    background-color: var(--clr-red-400);
}

.br-grey[b-ugyo92l6g7] {
    background-color: #8b8b8b;    
}

.text-white[b-ugyo92l6g7] {
    color: white;
}

.checklist-container[b-ugyo92l6g7] {
    border: 2px solid var(--clr-grey-200);
    border-top: none !important;
    padding: 2em;
}

.check-item[b-ugyo92l6g7] {
    display: flex;
    flex-direction: row;
    width: 100%;    
    margin-bottom: 0.3em;
}

.check-field[b-ugyo92l6g7] {
    border: 2px solid var(--clr-grey-200);
    border-right: none;
    padding: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.text-not-centered[b-ugyo92l6g7] {
    justify-content: left;
}

.flex-shrink[b-ugyo92l6g7]{
    flex-shrink: 1;
}

.check-field-title[b-ugyo92l6g7] {
    padding: 0.5em !important;
    padding-left: 1em !important;
    padding-right: 1em !important;    
}

.button-container[b-ugyo92l6g7]{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.search-box[b-ugyo92l6g7] {
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 2px solid var(--clr-grey-200);
    margin-bottom: 1em;
    padding: 1em;
    align-items: center;
    justify-content: space-between;
}

.align-vertical[b-ugyo92l6g7] {
    align-items: center;
}

input[type="checkbox"][b-ugyo92l6g7] {
    zoom: 1.5;
}

textarea[b-ugyo92l6g7] {
    width: 100%;
    padding:0.5em;
}

.blank-space[b-ugyo92l6g7] {
    width: 0.2em;
    background-color: white;
}

.no-border-bottom[b-ugyo92l6g7] {
    border-bottom: none !important;
}

.border-right[b-ugyo92l6g7] {
    border-right: 2px solid var(--clr-grey-200) !important;
}

.submitted[b-ugyo92l6g7] {
    /*background-color: #f3f5f7;*/
}

.submitted-text[b-ugyo92l6g7] {
    color: #b4b4b4;
}

.submitted-header-bg[b-ugyo92l6g7] {
    background-color: #cdcdcd;
}
.w-responsive[b-ugyo92l6g7] {
    width: 60%;
    margin-right: 2%;
    padding: 1%;
    margin-bottom: 2%;
}

/* Desktop style */
@media (min-width: 768px) { /* Adjust 768px as per your breakpoint for desktop */
    .w-responsive[b-ugyo92l6g7] {
        width: 20%;
    }
}

/* /Pages/Production/QualityCheckRuleComponent.razor.rz.scp.css */
.option-values[b-67gl9j76l5] {
    text-wrap: balance;
}

/* /Pages/RequestNewUserPage.razor.rz.scp.css */
a[b-j2plnw5ci0] {
    text-decoration: none;
}
.page-title[b-j2plnw5ci0] {
    margin-top: 3em;
    padding-bottom: 1em;
    border-bottom: 2px solid var(--clr-grey-400);
    width: 60%;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
  
}

.center-everything[b-j2plnw5ci0] {
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    overflow-x: clip;
    padding: 3rem;
    padding-top:0rem;
}

.icon-title-container[b-j2plnw5ci0] {
    display: flex;
    margin-left: 50px;
    justify-content: flex-start;
    width: 300px;
    height: 60px;
}

.url-tile[b-j2plnw5ci0] {
    height: 6em;
    background: transparent;
    display: flex;
    flex-direction: row;
    border-radius: 3px;
    align-items: center;
    padding-right: 0.5em;
    margin-bottom: 1.5em;
}

.icon-bg-cont-2[b-j2plnw5ci0] {
    height: 100%;
    aspect-ratio: 1 / 1;
    border: 5px solid var(--clr-red-400);
    box-shadow: 1px 0px 5px 1px grey;
 display: flex;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50px;
    fill: var(--clr-red-400);
}


.icon-container-2[b-j2plnw5ci0] {
    height: 70%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: ease-in-out 0.1s;
}

.title[b-j2plnw5ci0] {
    display: flex;
    align-items: center;
    margin-left: 0.5em;
    margin-top: 0.5em;
}

    .title h5[b-j2plnw5ci0] {
        font-size: 18px;
    }

.globe[b-j2plnw5ci0] {
    display: none;
}

@media only screen and (min-width: 600px) {
    .big-circle[b-j2plnw5ci0] {
        position: relative;
        border: 1em dashed var(--clr-grey-100);
        border-radius: 50%;
        height: 70%;
        min-height: 400px;
        aspect-ratio: 1 / 1;
    }

    .positioning[b-j2plnw5ci0] {
        position: absolute;
        width: calc(50% + 2em);
        height: calc(50% + 4em);
        top: -4em;
        left: calc(25% - 1em);
        transform: var(--transfrom-pos);

    }
    .big-circle .positioning:nth-child(5)[b-j2plnw5ci0],
    .big-circle .positioning:nth-child(2)[b-j2plnw5ci0] {
        /* Adjustments specific to middle icons */
        transform: translate(-50%, -50%) var(--transfrom-pos);
        top: 27%;
        left: 50%;
    }

    .url-tile[b-j2plnw5ci0] {
        height: 6rem;
        background: transparent;
        display: flex;
        flex-direction: column;
        border-radius: 3px;
        padding-right: 0.5em;
        transform: var(--transfrom-neg);
        justify-content: center;
        align-items: center;
    }

    .icon-title-container[b-j2plnw5ci0] {
        margin-left: 0px;
        margin-top: 25px;
        display: flex;
        width: 200px;
        height: 200px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .icon-bg-cont-2[b-j2plnw5ci0] {
        position: relative;
        display: flex;
        width: 80px;
        height: 80px;
        justify-content: center;
        align-items: center;
        fill: var(--clr-white-200) !important;
        border-radius: 50px;
        background-color: var(--clr-red-400);
        border: 10px solid var(--clr-grey-400);
        transition: background-color 0.2s ease-in-out, fill 0.2s ease-in-out;
        fill: var(--clr-white-400) !important;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 3px 3px rgba(0, 0, 0, 0.19);
    }

        .icon-bg-cont-2:hover[b-j2plnw5ci0] {
            aspect-ratio: 1 / 1;
            background-color: var(--clr-red-400);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.2s ease-in-out;
            animation: box-shadow-animation-b-j2plnw5ci0 0.2s ease-in-out forwards;
        }

        .icon-bg-cont-2[b-j2plnw5ci0]::before,
        .icon-bg-cont-2[b-j2plnw5ci0]::after {
            content: '';
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            border-radius: inherit;
            box-sizing: border-box;
        }

        .icon-bg-cont-2[b-j2plnw5ci0]::before {
            border: 2px double var(--clr-red-300);
        }

        .icon-bg-cont-2[b-j2plnw5ci0]::after {
            transition: all 0.2s ease-in-out;
        }

        .icon-bg-cont-2:hover[b-j2plnw5ci0]::before {
            border: 2px dashed var(--clr-red-400);
            animation: rotate-border-b-j2plnw5ci0 12s linear infinite;
        }

        .icon-bg-cont-2:hover[b-j2plnw5ci0]::after {
            animation: border-animation-b-j2plnw5ci0 0.2s linear infinite;
        }

    .icon-container-2[b-j2plnw5ci0] {
        width: 60px;
        height: 60px;
        background-color: var(--clr-red-400);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid var(--clr-grey-100);
        transition: background-color 0.2s ease-in-out;
    }

    .icon-bg-cont-2:hover .icon-container-2[b-j2plnw5ci0] {
        background-color: var(--clr-grey-100);
        border: 2px solid var(--clr-grey-400);
        fill: var(--clr-red-400) !important;
    }
 
    .title[b-j2plnw5ci0] {
    }
        .title h5[b-j2plnw5ci0] {
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
            position: relative;
            transition: color 0.3s ease-in-out;
        }
    .icon-bg-cont-2:hover + .title h5[b-j2plnw5ci0],
    .icon-bg-cont-2:hover ~ .title h5[b-j2plnw5ci0],
    .icon-bg-cont-2:hover .title h5[b-j2plnw5ci0] {
        animation: textColorChange-b-j2plnw5ci0 0.3s forwards;
    }


            .title h5[b-j2plnw5ci0]::before,
            .title h5[b-j2plnw5ci0]::after {
                content: '';
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                opacity: 0;
            }

            .title h5[b-j2plnw5ci0]::before {
                content: '[';
                left: 0;
                top: 0;
                color: inherit;
            }

            .title h5[b-j2plnw5ci0]::after {
                content: ']';
                right: 0;
                top: 0px;
                color: inherit;
            }

    .icon-bg-cont-2:hover + .title h5[b-j2plnw5ci0]::before,
    .icon-bg-cont-2:hover ~ .title h5[b-j2plnw5ci0]::before,
    .icon-bg-cont-2:hover .title h5[b-j2plnw5ci0]::before {
        animation: leftBracketAnimation-b-j2plnw5ci0 0.5s forwards;
        color: var(--clr-red-100);
    }

    .icon-bg-cont-2:hover + .title h5[b-j2plnw5ci0]::after,
    .icon-bg-cont-2:hover ~ .title h5[b-j2plnw5ci0]::after,
    .icon-bg-cont-2:hover .title h5[b-j2plnw5ci0]::after {
        animation: rightBracketAnimation-b-j2plnw5ci0 0.5s forwards;
        color: var(--clr-red-100);
    }

    .globe[b-j2plnw5ci0] {
        position: absolute;
        top: calc(50% - 44px);
        left: calc(50% - 44px);
        border: 3px solid var(--clr-grey-200);
        border-radius: 50%;
        padding: 5px;
        display: block
    }

        .globe i[b-j2plnw5ci0] {
            /*font-size: 80px;*/
        }

    .page-title[b-j2plnw5ci0] {
        margin-bottom: 5em;
        padding-bottom: 1em;
        border-bottom: 2px solid var(--clr-grey-400);
        width: fit-content;
        display: flex;
        justify-content: center;
    }
    h3[b-j2plnw5ci0] {
        text-transform:uppercase;
    }
    @keyframes box-shadow-animation-b-j2plnw5ci0 {
        20% {
            box-shadow: 0 0 0 10px var(--clr-red-100);
            opacity: 20%;
        }

        100% {
            box-shadow: 0 0 0 0 var(--clr-red-100);
            opacity: 100%;
        }
    }

    @keyframes border-animation-b-j2plnw5ci0 {
        0%, 100% {
            border-width: 5px;
        }

        50% {
            border-width: 1px;
        }
    }

    @keyframes rotate-border-b-j2plnw5ci0 {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    @keyframes leftBracketAnimation-b-j2plnw5ci0 {
        from {
            transform: translateX(0);
            opacity: 0;
        }

        to {
            transform: translateX(-10px);
            opacity: 1;
        }
    }

    @keyframes rightBracketAnimation-b-j2plnw5ci0 {
        from {
            transform: translateX(0);
            opacity: 0;
        }

        to {
            transform: translateX(10px);
            opacity: 1;
        }
    }
    @keyframes textColorChange-b-j2plnw5ci0 {
        from {
            color: initial; 
        }

        to {
            color: var(--clr-red-400); 
        }
    }
}
/* /Pages/Sales/CustomerRequestPage.razor.rz.scp.css */
.inner-tab-styling[b-kuj1kkpn10] {
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Helvetica' !important;
}

@media (max-width: 768px) {
    .inner-tab-styling[b-kuj1kkpn10] {
        font-size: 11px;
        gap: 2px;
    }
}
/* /Pages/Sales/DiscountCalculatorPage.razor.rz.scp.css */
.e-listbox-wrapper[b-12i06qn8at], .e-listbox-container[b-12i06qn8at] {
    /*padding: 0 !important;
    margin: 0 !important;*/
    /*height: 8rem;*/
}
/* Extra-Extra small devices (phones, 340px up to 600px) */
@media only screen and (min-width: 340px) {
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    /*.jumbotron {
        padding: 2rem 2rem;
    }*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
/* /Pages/Sales/EConnectD365Page.razor.rz.scp.css */
.econnect-btn[b-3a7b0ty8g6] {
    width: 15em;
    padding: 0.5em;
    margin: 1em;
    cursor: pointer;
    border: 1px solid var(--clr-grey-400);
    background-color: transparent;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .econnect-btn:hover[b-3a7b0ty8g6] {
        color: var(--clr-red-400);
        border: 1px solid var(--clr-red-400);
    }

    .econnect-btn.active[b-3a7b0ty8g6] {
        border: 1px solid var(--clr-red-400);
    }

        .econnect-btn.active *[b-3a7b0ty8g6] {
            color: var(--clr-red-400);
        }

.grid-action-btn:hover > *[b-3a7b0ty8g6] {
    color: white;
    cursor: pointer;
}

.grid-action-btn.bg-disabled *[b-3a7b0ty8g6] {
    color: var(--clr-grey-200);
}

.grid-action-btn.bg-disabled:hover *[b-3a7b0ty8g6] {
    color: var(--clr-grey-200);
}

.econnect-check-btn[b-3a7b0ty8g6] {
    padding: 0.5rem;
    margin: -0.5rem;
    display: flex;
    justify-content: space-evenly;
}

    .econnect-check-btn:hover *[b-3a7b0ty8g6] {
        color: white !important;
    }

.grid-action-btn:hover *[b-3a7b0ty8g6] {
    color: white;
    cursor: default;
}

.bg-green-hover:hover[b-3a7b0ty8g6] {
    background-color: #5cb85c;
}

.bg-red-hover:hover[b-3a7b0ty8g6] {
    background-color: #d9534f;
}

.bg-yellow-hover:hover[b-3a7b0ty8g6] {
    background-color: #ffd43b;
}

.bg-blue-hover:hover[b-3a7b0ty8g6] {
    background-color: var(--clr-blue-300);
}

.grid-action-btn.bg-disabled *[b-3a7b0ty8g6] {
    color: var(--clr-grey-200);
}

.grid-action-btn.bg-disabled:hover *[b-3a7b0ty8g6] {
    color: var(--clr-grey-200);
}

.text-red-hover:hover[b-3a7b0ty8g6] {
    color: var(--clr-red-500);
}

.econnect-filter-btn[b-3a7b0ty8g6] {
    width: 100%;
    min-width: 10rem;
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    display: flex;
    align-items: baseline;
    background-color: transparent;
}

    .econnect-filter-btn:enabled[b-3a7b0ty8g6] {
        border-bottom: 1px solid #d9534f;
    }

    .econnect-filter-btn > i[b-3a7b0ty8g6] {
        margin-right: 0.5rem;
    }

    .econnect-filter-btn:hover:enabled[b-3a7b0ty8g6] {
        background-color: #d9534f;
    }

        .econnect-filter-btn:hover:enabled *[b-3a7b0ty8g6] {
            color: white !important;
        }

    .econnect-filter-btn:disabled *[b-3a7b0ty8g6] {
        color: var(--clr-grey-200);
    }

    .econnect-filter-btn.active[b-3a7b0ty8g6] {
        border: 1px solid var(--clr-red-400);
        background-color: var(--clr-red-100);
    }

        .econnect-filter-btn.active *[b-3a7b0ty8g6] {
            color: white;
        }
/* /Pages/Sales/EConnectPage.razor.rz.scp.css */
.econnect-btn[b-ngl0aqlofz] {
    width: 15em;
    padding: 0.5em;
    margin: 1em;
    cursor: pointer;
    border: 1px solid var(--clr-grey-400);
    background-color: transparent;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .econnect-btn:hover[b-ngl0aqlofz] {
        color: var(--clr-red-400);
        border: 1px solid var(--clr-red-400);
    }

    .econnect-btn.active[b-ngl0aqlofz] {
        border: 1px solid var(--clr-red-400);
    }

        .econnect-btn.active *[b-ngl0aqlofz] {
            color: var(--clr-red-400);
        }

.grid-action-btn:hover *[b-ngl0aqlofz] {
    color: white !important;
}

.econnect-check-btn[b-ngl0aqlofz] {
    padding: 0.5rem;
    margin: -0.5rem;
    display: flex;
    justify-content: space-evenly;
}

    .econnect-check-btn:hover *[b-ngl0aqlofz] {
        color: white !important;
    }

.bg-green-hover:hover[b-ngl0aqlofz] {
    background-color: #5cb85c;
}

.bg-red-hover:hover[b-ngl0aqlofz] {
    background-color: #d9534f;
}

.bg-blue-hover:hover[b-ngl0aqlofz] {
    background-color: #2ba2ae;
}

.text-red-hover:hover[b-ngl0aqlofz] {
    color: var(--clr-red-500);
}

.econnect-filter-btn[b-ngl0aqlofz] {
    width: 100%;
    min-width: 10rem;
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    margin-right: 1rem;
    margin-left: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    display: flex;
    align-items: baseline;
    background-color: transparent;
}

    .econnect-filter-btn:enabled[b-ngl0aqlofz] {
        border-bottom: 1px solid #d9534f;
    }

    .econnect-filter-btn > i[b-ngl0aqlofz] {
        margin-right: 0.5rem;
    }

    .econnect-filter-btn:hover:enabled[b-ngl0aqlofz] {
        background-color: #d9534f;
    }

        .econnect-filter-btn:hover:enabled *[b-ngl0aqlofz] {
            color: white !important;
        }

    .econnect-filter-btn:disabled *[b-ngl0aqlofz] {
        color: var(--clr-grey-200);
    }

    .econnect-filter-btn.active[b-ngl0aqlofz] {
        border: 1px solid var(--clr-red-400);
        background-color: var(--clr-red-100);
    }

        .econnect-filter-btn.active *[b-ngl0aqlofz] {
            color: white;
        }

/* /Pages/Sales/RequestNewEndCustomerPage.razor.rz.scp.css */
.form-header[b-810jmjcw8a] {
    padding: 0.4rem 1rem;
    border-bottom: 1px solid var(--clr-grey-400);
    font-size: 1.2em;
    color: var(--clr-red-400);
    border-radius: 8px;
    background-color: var(--clr-grey-300);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.inputCheckbox[b-810jmjcw8a] {
    position: absolute;
    right: 25px;
    transform: translateY(-50%);
    cursor: pointer;
}

.btn-clear-fields[b-810jmjcw8a] {
    position: relative;
    border: none;
    background-color: transparent;
}

    .btn-clear-fields:hover i[b-810jmjcw8a] {
        color: var(--clr-red-400) !important;
    }

    .btn-clear-fields:hover[b-810jmjcw8a]::after {
        content: attr(data-title);
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        background-color: #fff;
        color: #000;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
        font-size: 14px;
        z-index: 10;
        background-color: var(--clr-grey-500);
        color: var(--clr-grey-300);
    }

.clickable-text[b-810jmjcw8a] {
    cursor: pointer;
}

    .clickable-text:hover[b-810jmjcw8a] {
        text-decoration: underline;
    }
/* /Pages/Sales/SalesPage.razor.rz.scp.css */
a[b-mbdfrja4hi] {
    text-decoration: none;
}
.page-title[b-mbdfrja4hi] {
    margin-top: 3em;
    padding-bottom: 1em;
    border-bottom: 2px solid var(--clr-grey-400);
    width: 60%;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.center-everything[b-mbdfrja4hi] {
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    overflow-x: clip;
    padding: 3rem;
    padding-top: 0rem;
}

.icon-title-container[b-mbdfrja4hi] {
    display: flex;
    margin-left: 50px;
    justify-content: flex-start;
    width: 300px;
    height: 60px;
}

.url-tile[b-mbdfrja4hi] {
    height: 6em;
    background: transparent;
    display: flex;
    flex-direction: row;
    border-radius: 3px;
    align-items: center;
    padding-right: 0.5em;
    margin-bottom: 1.5em;
}

.icon-bg-cont-2[b-mbdfrja4hi] {
    height: 100%;
    aspect-ratio: 1 / 1;
    border: 5px solid var(--clr-red-400);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19); 
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50px;
    fill: var(--clr-red-400);
}


.icon-container-2[b-mbdfrja4hi] {
    height: 70%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: ease-in-out 0.1s;

}

.title[b-mbdfrja4hi] {
    display: flex;
    align-items: center;
    margin-left: 0.5em;
    margin-top: 0.5em;
}

    .title h5[b-mbdfrja4hi] {
        font-size: 18px;
    }

.globe[b-mbdfrja4hi] {
    display: none;
}

@media only screen and (min-width: 600px) {
    .big-circle[b-mbdfrja4hi] {
        position: relative;
        border: 1em dashed var(--clr-grey-100);
        border-radius: 50%;
        height: 70%;
        min-height: 400px;
        aspect-ratio: 1 / 1;
    }

    .positioning[b-mbdfrja4hi] {
        position: absolute;
        width: calc(50% + 2em);
        height: calc(50% + 4em);
        top: -4em;
        left: calc(25% - 1em);
        transform: var(--transfrom-pos);
    }

    .big-circle .positioning:nth-child(5)[b-mbdfrja4hi],
    .big-circle .positioning:nth-child(2)[b-mbdfrja4hi] {
        /* Adjustments specific to middle icons */
        transform: translate(-50%, -50%) var(--transfrom-pos);
        top: 27%;
        left: 50%;
    }

    .url-tile[b-mbdfrja4hi] {
        height: 6rem;
        background: transparent;
        display: flex;
        flex-direction: column;
        border-radius: 3px;
        padding-right: 0.5em;
        transform: var(--transfrom-neg);
        justify-content: center;
        align-items: center;
    }

    .icon-title-container[b-mbdfrja4hi] {
        margin-left: 0px;
        margin-top: 25px;
        display: flex;
        width: 150px;
        height: 200px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .icon-bg-cont-2[b-mbdfrja4hi] {
        position: relative;
        display: flex;
        width: 80px;
        height: 80px;
        justify-content: center;
        align-items: center;
        fill: var(--clr-white-200) !important;
        border-radius: 50px;
        background-color: var(--clr-red-400);
        border: 10px solid var(--clr-grey-400);
        transition: background-color 0.2s ease-in-out, fill 0.2s ease-in-out;
        fill: var(--clr-white-400) !important;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 3px 3px rgba(0, 0, 0, 0.19);
    }

        .icon-bg-cont-2:hover[b-mbdfrja4hi] {
            aspect-ratio: 1 / 1;
            background-color: var(--clr-red-400);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.2s ease-in-out;
            animation: box-shadow-animation-b-mbdfrja4hi 0.2s ease-in-out forwards;
        }

        .icon-bg-cont-2[b-mbdfrja4hi]::before,
        .icon-bg-cont-2[b-mbdfrja4hi]::after {
            content: '';
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            border-radius: inherit;
            box-sizing: border-box;
        }

        .icon-bg-cont-2[b-mbdfrja4hi]::before {
            border: 2px double var(--clr-red-300);
        }

        .icon-bg-cont-2[b-mbdfrja4hi]::after {
            transition: all 0.2s ease-in-out;
        }

        .icon-bg-cont-2:hover[b-mbdfrja4hi]::before {
            border: 2px dashed var(--clr-red-400);
            animation: rotate-border-b-mbdfrja4hi 12s linear infinite;
        }

        .icon-bg-cont-2:hover[b-mbdfrja4hi]::after {
            animation: border-animation-b-mbdfrja4hi 0.2s linear infinite;
        }

    .icon-container-2[b-mbdfrja4hi] {
        width: 60px;
        height: 60px;
        background-color: var(--clr-red-400);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid var(--clr-grey-100);
        transition: background-color 0.2s ease-in-out;
    }

    .icon-bg-cont-2:hover .icon-container-2[b-mbdfrja4hi] {
        background-color: var(--clr-grey-100);
        border: 2px solid var(--clr-grey-400);
        fill: var(--clr-red-400) !important;
    }

    .title[b-mbdfrja4hi] {
    }

        .title h5[b-mbdfrja4hi] {
            font-size: 18px;
            text-align: center;
            text-transform: uppercase;
            position: relative;
            transition: color 0.3s ease-in-out;
        }

    .icon-bg-cont-2:hover + .title h5[b-mbdfrja4hi],
    .icon-bg-cont-2:hover ~ .title h5[b-mbdfrja4hi],
    .icon-bg-cont-2:hover .title h5[b-mbdfrja4hi] {
        animation: textColorChange-b-mbdfrja4hi 0.3s forwards;
    }


    .title h5[b-mbdfrja4hi]::before,
    .title h5[b-mbdfrja4hi]::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
    }

    .title h5[b-mbdfrja4hi]::before {
        content: '[';
        left: 0;
        top: 0;
        color: inherit;
    }

    .title h5[b-mbdfrja4hi]::after {
        content: ']';
        right: 0;
        top: 0px;
        color: inherit;
    }

    .icon-bg-cont-2:hover + .title h5[b-mbdfrja4hi]::before,
    .icon-bg-cont-2:hover ~ .title h5[b-mbdfrja4hi]::before,
    .icon-bg-cont-2:hover .title h5[b-mbdfrja4hi]::before {
        animation: leftBracketAnimation-b-mbdfrja4hi 0.5s forwards;
        color: var(--clr-red-100);
    }

    .icon-bg-cont-2:hover + .title h5[b-mbdfrja4hi]::after,
    .icon-bg-cont-2:hover ~ .title h5[b-mbdfrja4hi]::after,
    .icon-bg-cont-2:hover .title h5[b-mbdfrja4hi]::after {
        animation: rightBracketAnimation-b-mbdfrja4hi 0.5s forwards;
        color: var(--clr-red-100);
    }

    .globe[b-mbdfrja4hi] {
        position: absolute;
        top: calc(50% - 44px);
        left: calc(50% - 44px);
        border: 3px solid var(--clr-grey-200);
        border-radius: 50%;
        padding: 5px;
        display: block
    }

        .globe i[b-mbdfrja4hi] {
            /*font-size: 80px;*/
        }

    .page-title[b-mbdfrja4hi] {
        margin-bottom: 5em;
        margin-top: 3em;
        padding-bottom: 1em;
        border-bottom: 2px solid var(--clr-grey-400);
        width: fit-content;
        display: flex;
        justify-content: center;
    }

    h3[b-mbdfrja4hi] {
        text-transform: uppercase;
    }

    @keyframes box-shadow-animation-b-mbdfrja4hi {
        20% {
            box-shadow: 0 0 0 10px var(--clr-red-100);
            opacity: 20%;
        }

        100% {
            box-shadow: 0 0 0 0 var(--clr-red-100);
            opacity: 100%;
        }
    }

    @keyframes border-animation-b-mbdfrja4hi {
        0%, 100% {
            border-width: 5px;
        }

        50% {
            border-width: 1px;
        }
    }

    @keyframes rotate-border-b-mbdfrja4hi {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    @keyframes leftBracketAnimation-b-mbdfrja4hi {
        from {
            transform: translateX(0);
            opacity: 0;
        }

        to {
            transform: translateX(-10px);
            opacity: 1;
        }
    }

    @keyframes rightBracketAnimation-b-mbdfrja4hi {
        from {
            transform: translateX(0);
            opacity: 0;
        }

        to {
            transform: translateX(10px);
            opacity: 1;
        }
    }

    @keyframes textColorChange-b-mbdfrja4hi {
        from {
            color: initial;
        }

        to {
            color: var(--clr-red-400);
        }
    }
}
/* /Pages/StartupLoadingPage.razor.rz.scp.css */
.center-content[b-4av61dbelk] {
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
    text-align: center; 
    height: 100vh; 
    width: 100vw;
}
/* /Pages/Suppliersportal/PurchaseOrdersPage.razor.rz.scp.css */
.supplier-container[b-fgeu1houd8] {
    height: 70vh;
    display: flex;
}
.confirmation-container[b-fgeu1houd8] {
    padding-right: 15px;
    padding-left: 15px;
    margin-top:24px;
}

.datagrid-container[b-fgeu1houd8] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

h5[b-fgeu1houd8] {
    font-weight: 200;
    align-self: end;
    font-style: italic;
}

.datagrid-header[b-fgeu1houd8] {
    border-bottom: 1px solid var(--clr-grey-400);
    margin-bottom: 6px;
}

.suppliers-thumb[b-fgeu1houd8] {
    width: 100%;
    height: auto;
}

    .suppliers-thumb:hover[b-fgeu1houd8] {
        cursor: pointer;
    }

.ordergrids-container[b-fgeu1houd8] {
    height: 100%;
}

.ordergrid[b-fgeu1houd8] {
    border: 1px solid var(--clr-grey-400);
    height: calc(100% - 40px);
}

.dl-all-btn[b-fgeu1houd8] {
    width: 75px;
}

.dl-btn[b-fgeu1houd8] {
    border: 1px solid var(--clr-grey-300);
    box-shadow: none;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--clr-white-300);
    border-radius: 3px;
    font-size: 20px !important;
}
    .dl-btn:hover[b-fgeu1houd8] {
        border: 1px solid var(--clr-grey-400);
        background-color: var(--clr-white-300);
    }

        .dl-btn:hover i[b-fgeu1houd8] {
            color: var(--clr-red-300);
        }

    .dl-btn *[b-fgeu1houd8] {
        font-size: 20px !important;
    }

 .download-file[b-fgeu1houd8] {
     font-size:0.8rem;
 }
 .change-notice[b-fgeu1houd8] {
          font-size:0.8rem;
           }

.custom-checkbox-button[b-fgeu1houd8] {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--clr-grey-500);
    border-radius: 3px;
    padding: 6px 12px;
}
input[type="checkbox"][b-fgeu1houd8] {
    accent-color: var(--clr-red-500);
}
/* /Pages/Suppliersportal/PurchaseQuotationsPage.razor.rz.scp.css */
.supplier-container[b-z5zqrs0f1c] {
    height: 70vh;
    display: flex;
}

.datagrid-container[b-z5zqrs0f1c] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

h5[b-z5zqrs0f1c] {
    font-weight: 200;
    align-self: end;
    font-style: italic;
}

.datagrid-header[b-z5zqrs0f1c] {
    border-bottom: 1px solid var(--clr-grey-400);
    margin-bottom: 6px;
}

.suppliers-thumb[b-z5zqrs0f1c] {
    width: 100%;
    height: auto;
}

    .suppliers-thumb:hover[b-z5zqrs0f1c] {
        cursor: pointer;
    }

.ordergrids-container[b-z5zqrs0f1c] {
    height: 100%;
}

.ordergrid[b-z5zqrs0f1c] {
    border: 1px solid var(--clr-grey-400);
    height: calc(100% - 40px);
}

.dl-all-btn[b-z5zqrs0f1c] {
    width: 75px;
}

.dl-btn[b-z5zqrs0f1c] {
    border: none;
    box-shadow: none;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--clr-white-300);
    border-radius: 3px;
    font-size: 20px !important;
}
    .dl-btn:hover[b-z5zqrs0f1c] {
        border: 1px solid var(--clr-grey-400);
        background-color: var(--clr-white-300);
    }

        .dl-btn:hover i[b-z5zqrs0f1c] {
            color: var(--clr-red-300);
        }

    .dl-btn *[b-z5zqrs0f1c] {
        font-size: 20px !important;
    }
.custom-checkbox-button[b-z5zqrs0f1c] {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--clr-grey-500);
    border-radius: 3px;
    padding: 6px 12px;
}

input[type="checkbox"][b-z5zqrs0f1c] {
    accent-color: var(--clr-red-500);
}
/* /Pages/Suppliersportal/SuppliersDocumentsPage.razor.rz.scp.css */
.w-responsive[b-27astuegkt] {
    width: 60%;
    margin-right: 2%;
    padding: 1%;
    margin-bottom: 2%;
}

/* Desktop style */
@media (min-width: 768px) { /* Adjust 768px as per your breakpoint for desktop */
    .w-responsive[b-27astuegkt] {
        width: 20%;
    }
}
/* /Pages/Warranties/WarrantyDetailPage.razor.rz.scp.css */

.e-acrdn-header:hover[b-qeqlo2actz],
.e-select:hover[b-qeqlo2actz] {
    background-color:red;
}

.size-image-container[b-qeqlo2actz] {
    width: 70px;
    max-height: 50px;
    display: flex;
    justify-content: center;
}

    .size-image-container img[b-qeqlo2actz] {
        width: auto;
        max-height: 100%;
        max-width:100%;
    }
/* /Pages/Warranties/WarrantyPage.razor.rz.scp.css */
.warr-btn-container[b-k7v8jjngdn] {
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.employee-cbx[b-k7v8jjngdn]{
    margin-right:24px;
    width:240px;
}

.warrenty-detail-box[b-k7v8jjngdn] {
    border: 1px solid var(--clr-grey-200);
    border-radius: 3px;
    margin:4px;
}

.detail-header[b-k7v8jjngdn] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
    align-items: center;    
}
.mybtn-transparent[b-k7v8jjngdn] {
    height:25px;
    width:25px;
    justify-content:center;
    align-items:center;
}
/* /Shared/NavigationLayout.razor.rz.scp.css */

.user-container[b-x6anpoor2e] {
    /*border-left: 1px #dfdfdf solid;*/
    padding: 0px 2px;
    margin-right: 12px;
    margin-top: 7px;
}

.notification-number[b-x6anpoor2e] {
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    bottom: 60%;
    left: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #e5322d;
    border-radius: 50%;
}

.btn-nav-container[b-x6anpoor2e] {
    margin: 0 2px;
    position: relative;
    width: 30px;
    height: 42px;
}

.btn-nav-round[b-x6anpoor2e] {
    border: none;
    outline: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: relative;
    transition: background-color .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn-nav-round:hover[b-x6anpoor2e] {
        background-color: var(--clr-grey-500);
    }

.progress-container[b-x6anpoor2e] {
    position: relative;
    background-color: var(--clr-grey-450);
    margin-top: 1px;
    width: 100%;
    height: 5px;
}

.notification-progress[b-x6anpoor2e] {
    position: absolute;
    background-color: red;
    width: 7px;
    height: 5px;
    left: -7px;
    top: 0;
}


.floating-notifcation-container[b-x6anpoor2e] {
    overflow-y: scroll;
}


.header[b-x6anpoor2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background-color: #f8f9fa;
}

.new-navbar[b-x6anpoor2e] {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: space-between;
    z-index: 998;
    width: 100%;
    box-shadow: 0px -3px 6px 1px #707070;
    background: var(--clr-white-100);
    height: 45px;
}

.menu-container[b-x6anpoor2e] {
    position: absolute;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 10px 15px -10px #b4b4b4;
    background-color: var(--clr-white-500);
    top: 45px;
    width: 100%;
}

.user-section-container[b-x6anpoor2e] {
    display: flex;
    align-items: center;
    z-index: 999;
    position: fixed;
    right: 0;
    top: 0px;
    margin-right: 10px;
}

.language-container[b-x6anpoor2e] {
    display: flex;
    align-items: center;
    z-index: 999;
    position: fixed;
    left: 122px;
    top: 5px;
}

.login-btn[b-x6anpoor2e], .account-btn[b-x6anpoor2e], .notifications-btn[b-x6anpoor2e] {
    /* Button styling */
}

.culture-switch-container[b-x6anpoor2e], .party-name[b-x6anpoor2e], .notification-count[b-x6anpoor2e] {
    /* Additional styling as needed */
}

/*-------------------Env-Visuals-------------------*/

.env-visual[b-x6anpoor2e] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6px;
}

    .env-visual[b-x6anpoor2e]::before {
        position: absolute;
        left: calc(50% - 100px);
        border-radius: 6px;
        width: 200px;
        font-weight: 700;
        display: flex;
        color: white;
        letter-spacing: 3px;
        justify-content: center;
    }

/*.env-dev {
    background-color: #83b2f0;
}

.env-prodtest {
    background-color: #e79924;
}

.env-none {
    background-color: white;
}*/

.env-ACC[b-x6anpoor2e] {
    background-color: var(--clr-green-450);
}

    .env-ACC[b-x6anpoor2e]::before {
        content: "NP | ACC";
        background-color: var(--clr-green-450);
    }

.env-TST[b-x6anpoor2e] {
    background-color: var(--clr-blue-300);
}

    .env-TST[b-x6anpoor2e]::before {
        content: "NP | TST";
        background-color: var(--clr-blue-300);
    }

.env-SBX[b-x6anpoor2e] {
    background-color: var(--clr-orange-400);
}

    .env-SBX[b-x6anpoor2e]::before {
        content: "NP | SBX";
        background-color: var(--clr-orange-400);
    }

.env-STA[b-x6anpoor2e] {
    background-color: var(--clr-red-300);
}

    .env-STA[b-x6anpoor2e]::before {
        content: "STAGING";
        background-color: var(--clr-red-300);
    }

.env-ProdTest[b-x6anpoor2e] {
    background-color: var(--clr-red-300);
}

    .env-ProdTest[b-x6anpoor2e]::before {
        content: "PROD-TEST";
        background-color: var(--clr-red-300);
    }


.env-Dev[b-x6anpoor2e], .env-DEV-PRD[b-x6anpoor2e], .env-DEV-UAT[b-x6anpoor2e], .env-DEV-SBX[b-x6anpoor2e] {
    background-color: var(--clr-blue-300);
}

    .env-Dev[b-x6anpoor2e]::before {
        content: "DEBUG";
        background-color: var(--clr-blue-300);
    }

    .env-DEV-PRD[b-x6anpoor2e]::before {
        content: "DEBUG KV-PRD";
        background-color: var(--clr-red-300);
    }

    .env-DEV-UAT[b-x6anpoor2e]::before {
        content: "DEBUG KV-UAT";
        background-color: var(--clr-green-450);
    }

    .env-DEV-SBX[b-x6anpoor2e]::before {
        content: "DEBUG KV-SBX";
        background-color: var(--clr-orange-400);
    }


/* Responsive adjustments, e.g., for mobile views */
@media (max-width: 768px) {
    .new-navbar[b-x6anpoor2e] {
        flex-direction: column;
        height: 70px;
    }

    .user-section-container[b-x6anpoor2e] {
        order: -1;
        height: 70px;
    }

    .menu-container[b-x6anpoor2e] {
        top: 0;
        height: 70px;
    }

    .language-container[b-x6anpoor2e] {
        display: none;
    }

    .notification-progress[b-x6anpoor2e] {
        position: absolute;
        background-color: red;
        width: 7px;
        height: 5px;
        left: -7px;
        top: 0;
        z-index: 1050;
    }

    .header-icon[b-x6anpoor2e] {
        display: flex;
        max-width: 100%;
        height: auto;
        z-index: 1000;
    }

    .navbar-header-icon[b-x6anpoor2e] {
        height: 70px;
        justify-content: center;
        align-items: center;
        margin-left: 0 !important;
    }

    .btn-nav-container[b-x6anpoor2e] {
        margin: 5px 2px;
        position: relative;
        width: 30px;
        height: 42px;
    }

    .btn-nav-round[b-x6anpoor2e] {
        border: none;
        padding: 7px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        transition: background-color .5s;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .hamburger-button[b-x6anpoor2e] {
        position: fixed;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
        background: transparent;
        border: none;
        padding: 0;
        box-sizing: border-box;
        margin-left: 15px;
        margin-top: 22.5px;
        color: white;
        margin-bottom: 10px;
        z-index: 1;
        pointer-events: none;
    }

        .hamburger-button:focus[b-x6anpoor2e] {
            outline: none;
        }

    .bar[b-x6anpoor2e] {
        position: relative;
        width: 100%;
        height: 4px;
        background-color: #333;
        transition: all 0.3s linear;
        transform-origin: 1px;
        background-color: darkgrey;
        box-shadow: 0px 1px 1px rgb(0, 0, 0);
        pointer-events: none;
    }

    .open .top-bar[b-x6anpoor2e] {
        animation: topBarAnimation-b-x6anpoor2e 0.5s forwards;
        position: relative;
        top: -2px;
        box-shadow: 0px 1px 1px var(--clr-red-400);
    }

    .open .middle-bar[b-x6anpoor2e] {
        opacity: 0;
        transition: opacity 0.1s linear;
    }

    .middle-bar[b-x6anpoor2e] {
        transition: opacity 0s linear;
    }

    .open .bottom-bar[b-x6anpoor2e] {
        animation: bottomBarAnimation-b-x6anpoor2e 0.5s forwards;
        position: relative;
        top: 2px;
        left: -1px;
        box-shadow: 0px 1px 1px var(--clr-red-400);
    }

    .closed .top-bar[b-x6anpoor2e] {
        animation: topBarReverseAnimation-b-x6anpoor2e 0.5s forwards;
    }

    .closed .middle-bar[b-x6anpoor2e] {
        opacity: 1;
        transition: opacity 0.3s linear;
    }

    .closed .bottom-bar[b-x6anpoor2e] {
        animation: bottomBarReverseAnimation-b-x6anpoor2e 0.5s forwards;
    }
}

@media (min-width: 767px) {

    .open .hamburger-button[b-x6anpoor2e] {
        display: none;
    }

    .closed .hamburger-button[b-x6anpoor2e] {
        display: none;
    }
}

.header-icon img[b-x6anpoor2e] {
    height: auto;
    max-width: 77%;
}

.navbar-header-icon[b-x6anpoor2e] {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-left: 25px;
}

    .navbar-header-icon[b-x6anpoor2e]::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    }

/*   .navbar-header-icon:hover::after {
        animation: shine 0.5s linear forwards; 
    }*/

/*@keyframes shine {
    from {
        left: -100%;
    }

    to {
        left: 100%;
    }
}*/

@keyframes topBarReverseAnimation-b-x6anpoor2e {
    0% {
        transform: rotate(45deg);
    }

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

@keyframes bottomBarReverseAnimation-b-x6anpoor2e {
    0% {
        transform: rotate(-45deg);
    }

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

@keyframes topBarAnimation-b-x6anpoor2e {
    0% {
        transform: rotate(0deg);
    }


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

@keyframes bottomBarAnimation-b-x6anpoor2e {
    0% {
        transform: rotate(0deg);
    }


    100% {
        transform: rotate(-45deg);
    }
}