@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Microsoft.Fast.Components.FluentUI/Microsoft.Fast.Components.FluentUI.bundle.scp.css';

/* /Components/Controls/AddNewUserSupportModal.razor.rz.scp.css */
img[b-conr5hji3p] {
    height: 1vw;
}

button[b-conr5hji3p] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-conr5hji3p] {
        background-color: #ff791a;
    }

    button:active[b-conr5hji3p] {
        background-color: #ff791a
    }

    button:focus[b-conr5hji3p] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-conr5hji3p] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-conr5hji3p] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-conr5hji3p] {
    float: right;
    width: 20%;
}

.Switch[b-conr5hji3p] {
    margin-top: 1vw;
}

[b-conr5hji3p] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-conr5hji3p] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-conr5hji3p] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

.switchy[b-conr5hji3p] {
    margin-top: 0vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-conr5hji3p] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-conr5hji3p] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-conr5hji3p] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-conr5hji3p] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/CapacityPlanningComponent.razor.rz.scp.css */
.container[b-ztf7llkksf] 
{
    width: 100%;
}
/* /Components/Controls/DashboardBarChart.razor.rz.scp.css */
.chart-wrapper[b-8j1ul4mf59] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.chart-toolbar[b-8j1ul4mf59] {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 4px;
    background: #f8f9fa;
}

.dashboard-panel .e-control.e-chart[b-8j1ul4mf59] {
    width: 100% !important;
    height: 100% !important;
}

.dashboard-panel[b-8j1ul4mf59] {
    overflow: hidden;
}
/* /Components/Controls/DashboardLayout.razor.rz.scp.css */
dashboard-control[b-wkn2e44n31] {
    margin: 10px;
}

.e-panel-header[b-wkn2e44n31] {
    background-color: rgba(0, 0, 0, .1);
    text-align: center;
    
}

add-button[b-wkn2e44n31]{
    margin: 5vw;
}


.e-panel-content[b-wkn2e44n31] {
    text-align: center;
    margin-top: 10px;
}

.dashboard-panel[b-wkn2e44n31] {
    margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/* /Components/Controls/DashboardPanelControl.razor.rz.scp.css */
.panel-header[b-2qtqkqfwrx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.remove-btn[b-2qtqkqfwrx] {
    background: none;
    border: none;
    color: red;
    cursor: pointer;
    font-size: 16px;
}
/* /Components/Controls/DateRangePickerModal.razor.rz.scp.css */
daterange-area[b-vngq9qj8d5] {
    align-content: center;
    align-items: center;
}

button[b-vngq9qj8d5] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-vngq9qj8d5] {
        background-color: #ff791a;
    }

    button:active[b-vngq9qj8d5] {
        background-color: #ff791a
    }

    button:focus[b-vngq9qj8d5] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-vngq9qj8d5] {
    width: 23vw;
}

.buttonLeft[b-vngq9qj8d5] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-vngq9qj8d5] {
    float: right;
    width: 20%;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-vngq9qj8d5] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-vngq9qj8d5] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-vngq9qj8d5] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-vngq9qj8d5] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/DeleteItem.razor.rz.scp.css */
img[b-ipgjubbmru] {
    height: 4rem;
    left: 0;
    padding: 0px;
}

.image[b-ipgjubbmru] {
    float: left;
}

.text[b-ipgjubbmru] {
    float: right;
    padding-top: 1vh;
}

.content[b-ipgjubbmru] {
    width: 22vw;
    display: flex;
}

#buttonone[b-ipgjubbmru] {
    float: right;
    width: 15%;
    margin-right: 1vw;
}

#buttontwo[b-ipgjubbmru] {
    background-color: gray;
    width: 15%;
    color: white;
    float: right;
  
}

.buttons[b-ipgjubbmru] {
    width: 23vw;
    height: auto;
}

button[b-ipgjubbmru] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-ipgjubbmru] {
        background-color: #ff791a;
    }

    button:active[b-ipgjubbmru] {
        background-color: #ff791a
    }

    button:focus[b-ipgjubbmru] {
        background-color: #ff791a;
        color: white;
    }

@media screen and (max-width: 1100px) {
    #buttonone[b-ipgjubbmru] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    #buttontwo[b-ipgjubbmru] {
        float: right;
        width: 45%;
    }

    .buttons[b-ipgjubbmru] {
        width: 40vw;
        margin-left: 8vw;
    }

    .text[b-ipgjubbmru] {
        width: 100%;
    }

    .content[b-ipgjubbmru] {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .buttons[b-ipgjubbmru] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/DraftScheduleComponent.razor.rz.scp.css */

.theseButtons[b-e4a91fwgpi] {
    width: 100%;
    background-color: red;
}

.buttonRight[b-e4a91fwgpi] {
    float: right;
    width: 150px;
}



.below-0[b-e4a91fwgpi] {
    background-color: red;
}

.equals-0[b-e4a91fwgpi] {
    background-color: white;
}

.above-0[b-e4a91fwgpi] {
    background-color: green
}


.cell-style[b-e4a91fwgpi] {
    color: white;
    height: 100%;
}

.centerMessage[b-e4a91fwgpi] {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 20px;
}

.widgets-container[b-e4a91fwgpi] {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.widget[b-e4a91fwgpi] {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    width: 24%;
    display: flex;
    background-color: white;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.widget-title[b-e4a91fwgpi] {
    font-weight: bold;
    font-size: 16px;
}

.widget-subtitle[b-e4a91fwgpi] {
    margin-top: 5px;
    font-size: 14px;
    color: #555;
}

.widget-value[b-e4a91fwgpi] {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
@media (min-width: 1500px) {
    .container[b-e4a91fwgpi] {
        max-width: 87vw;
    }
}
/* /Components/Controls/FileUploader.razor.rz.scp.css */
.uploader[b-5hn2urkmf8] {
    position: relative;
    left: 0vw;
    width: 15vw;
}
/* /Components/Controls/ForgotPassword.razor.rz.scp.css */
#buttonone[b-d6ez2wlmjj]{
    float:right;
    width:20%;
}
#buttontwo[b-d6ez2wlmjj]{
    background-color:gray;
    width:20%;
    color:white;
    float:right;
    margin-right:1vw;
}
.buttons[b-d6ez2wlmjj] {
    width: 23vw;

    height:auto;
}
button[b-d6ez2wlmjj] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-d6ez2wlmjj] {
        background-color: #ff791a;
    }

    button:active[b-d6ez2wlmjj] {
        background-color: #ff791a
    }

    button:focus[b-d6ez2wlmjj] {
        background-color: #ff791a;
        color: white;
    }
/* /Components/Controls/GroupedSensorBarChart.razor.rz.scp.css */
.chart-wrapper[b-3851uq237w] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.chart-toolbar[b-3851uq237w] {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 4px;
    background: #f8f9fa;
}

.dashboard-panel .e-control.e-chart[b-3851uq237w] {
    width: 100% !important;
    height: 100% !important;
}

.dashboard-panel[b-3851uq237w] {
    overflow: hidden;
}
/* /Components/Controls/ModalWindowsForKewlKids.razor.rz.scp.css */
.silhouette[b-qvnc6jowmn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9997;
    opacity: 0.8;
    background-color: black;
}
.content[b-qvnc6jowmn] {
    position: fixed;
    z-index: 9998;
    border-radius: 5px;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    overflow-y: auto;
    align-content: center;
    text-align: center;
    padding: 1vw;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* /Components/Controls/Scheduler/JobListDataGrid.razor.rz.scp.css */

button[b-6j20jeyfh5] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-6j20jeyfh5] {
        background-color: #ff791a;
    }

    button:active[b-6j20jeyfh5] {
        background-color: #ff791a
    }

    button:focus[b-6j20jeyfh5] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-6j20jeyfh5] {
    width: 40vw;
    display: flex;
    justify-content: flex-end;
    gap: 1vw;
}

.buttonLeft[b-6j20jeyfh5] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-6j20jeyfh5] {
    float: right;
    width: 20%;
}

[b-6j20jeyfh5] .e-grid .e-selectionbackground {
    background-color: #F35B02;
}
/* /Components/Controls/SchedulerComponent.razor.rz.scp.css */

.template-wrap[b-290xlwko5a] {
    height: auto;
    white-space: normal;
    position: absolute;
    top: -5px;
    right: 0px;
    padding-left: 5px;
    padding-top: 5px;
    width: 100%;
}

.centerMessage[b-290xlwko5a] {
    width: 100%;
    height: 100%;
    text-align: center;
}


.resource-wrap[b-290xlwko5a] {
    display: initial;
    align-items: center;
    height: 20px;
}


.resource-details[b-290xlwko5a] {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.resource-name[b-290xlwko5a] {
    margin-right: 10px; 
    margin-top: 2px;
}

.resource-image[b-290xlwko5a] {
    height: 26px; 
    width: auto; 
    margin-left: auto; 
}




/* Ensures the scheduler container has relative positioning */
[b-290xlwko5a] .e-header-cells {
    position: relative;
    color: saddlebrown;
}

    /* Fix the header of the scheduler */
[b-290xlwko5a] .e-schedule .e-header-cells {
    position: sticky; /* Makes the header sticky */
    color: saddlebrown;
    top: 0; /* Sticks the header to the top of its container */
    z-index: 10; /* Keeps the header above other elements */
    background-color: white; /* Matches the default background */
    border-bottom: 1px solid #ccc; /* Optional: Adds a subtle border to separate the header */
}



.job-card[b-290xlwko5a] {
    background-color: black;
    color: white;
    width: 300px;
    margin: -5px -11px 0 -11px;
    border-radius: 0px 0px 0 0;
}

.status-bar[b-290xlwko5a] {
    padding: 8px 15px;
    color: white;
    border-radius: 0px 0px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}
.status-title[b-290xlwko5a]
{
    font-size: 14px;
}


.job-details[b-290xlwko5a] {
    padding: 6px 15px;
    font-size: 14px;
}

    .job-details p[b-290xlwko5a] {
        margin: 4px 0;
    }

.highlight[b-290xlwko5a] {
    font-size: 32px;
    color: red;
    font-weight: bold;
    text-align: right;
}

[b-290xlwko5a] .schedulerHeight{
   
}


.custom-event-editor[b-290xlwko5a] {
    background-color: transparent;
}
/* /Components/Controls/SensorCard.razor.rz.scp.css */
.card[b-ru64fcuuxj] {
    margin-left: 10px;
    width: 250px;
    background: white url('img/heartbeat.png') no-repeat center center;
    background-size: 100%;
    border: 2px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.card-header[b-ru64fcuuxj] {
    color: white;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between; 
    align-items: center;
}

    .card-header .sensor-name[b-ru64fcuuxj] {
        font-size: 19px;
    }

    .card-header .battery-percentage[b-ru64fcuuxj] {
        font-size: 15px;
        font-weight: bold;
        margin-left: -4px;
    }

    .card-header div[b-ru64fcuuxj] {
        display: flex;
        align-items: center;
        gap: 3px;
    }

.card-body[b-ru64fcuuxj] {
    padding: 5px;
    text-align: center;
    position: relative;
}

.uptime-section[b-ru64fcuuxj] {
    margin-bottom: 5px;
}

.uptime-title[b-ru64fcuuxj] {
    font-size: 18px;
    color: #555;
}

.uptime-value[b-ru64fcuuxj] {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.uptime-hours[b-ru64fcuuxj] {
    font-size: 16px;
    color: #777;
}

.details-section[b-ru64fcuuxj] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.detail[b-ru64fcuuxj] {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #555;
    flex-direction: row;
}

.icon-small[b-ru64fcuuxj] {
    width: 40px;
    height: 40px;
}

.icon-large[b-ru64fcuuxj] {
    width: 35px;
    height: 35px;
}

.rotated[b-ru64fcuuxj] {
    transform: rotate(90deg);
}

.chart-section[b-ru64fcuuxj]{
    height: 100%;
}

.popup-overlay[b-ru64fcuuxj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.popup[b-ru64fcuuxj] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    max-width: 50%;
    width: 90%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.close-btn[b-ru64fcuuxj] {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 1.5rem;
}

.popup-subheader[b-ru64fcuuxj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px; 
}

.popup-date[b-ru64fcuuxj] {
    margin: 0;
    font-size: 14px;
    color: #555;
    flex: 1;
}

.header-controls[b-ru64fcuuxj] {
    display: flex;
    align-items: center; 
    gap: 10px; 
}

.popup-textbox[b-ru64fcuuxj] {
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 200px;
}

.popup-button[b-ru64fcuuxj] {
    background-color: #e0e0e0;
    border: none;
    color: white;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
}

    .popup-button:hover[b-ru64fcuuxj] {
        background-color: #00A86B;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        transform: scale(1.05);
    }

.icon[b-ru64fcuuxj] {
    width: 28px;
    height: 28px;
    display: block;
    transition: transform 0.3s;
}

.button-section[b-ru64fcuuxj] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.cancel-button[b-ru64fcuuxj] {
    background-color: #e0e0e0;
    border: none;
    color: black;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
}

    .cancel-button:hover[b-ru64fcuuxj] {
        background-color: #d6d6d6;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        transform: scale(1.05);
    }
/* /Components/Controls/SensorCardLayout.razor.rz.scp.css */
.sensor-container[b-x91ycvz3va] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
}

.sensor-card[b-x91ycvz3va] {
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
    box-sizing: border-box;
    min-width: 200px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
}
/* /Components/Controls/SFDC/ButtonModalWindows/ClockOffJobDataGrid.razor.rz.scp.css */
button[b-pc1ibth2lv] {
    background-color: #ff6900;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    button:hover[b-pc1ibth2lv],
    button:active[b-pc1ibth2lv],
    button:focus[b-pc1ibth2lv] {
        background-color: #ff791a;
    }

.grid-container[b-pc1ibth2lv] {
    width: 40vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vh;
    padding: 2vh;
}

.theseButtons[b-pc1ibth2lv] {
    display: flex;
    justify-content: flex-end;
    align-items:center;
    gap: 1vw;
}

.buttonLeft[b-pc1ibth2lv] {
    float: inline-end;
    width: 20%;
}

.buttonRight[b-pc1ibth2lv] {
    float: inline-end;
    width: 20%;
}


.activeSwitch[b-pc1ibth2lv] {
    width: 9.5vw;
    margin-top: 1vw;
}


.modal-content[b-pc1ibth2lv] {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-body[b-pc1ibth2lv] {
    padding: 15px 0;
}

.form-control[b-pc1ibth2lv] {
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ced4da;
}

label[b-pc1ibth2lv] {
    margin-bottom: 5px;
    font-weight: 500;
}

.switch-container[b-pc1ibth2lv] {
    display: flex;
    align-items: center;
}

.switch-label[b-pc1ibth2lv] {
    margin-right: 1vw;
}

.right-label[b-pc1ibth2lv] {
    margin-left: 1vw;
}

.input-container[b-pc1ibth2lv] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 5vh;
}

.form-control[b-pc1ibth2lv] {
    flex-grow: 1;
    min-width: 0;
}

.job-no-container[b-pc1ibth2lv] {
    display: flex;
    flex-direction: column;
}

.input-with-button[b-pc1ibth2lv] {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: center;
    gap: 5px;
    width: 100%;
    height: 5vh;
    margin-bottom: -0.4vh;
}

    .input-with-button .form-control[b-pc1ibth2lv] {
        flex-grow: 1;
        width: 100vw;
    }

.scanner-button[b-pc1ibth2lv] {
    background-color: #007bff;
    border-radius: 4px;
    height: 5vh;
    width: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

    .scanner-button img[b-pc1ibth2lv] {
        width: 3vh;
        height: 3vh;
    }

.search-button[b-pc1ibth2lv] {
    background-color: #4CAF50;
    border-radius: 4px;
    height: 4vh;
    width: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

    .search-button img[b-pc1ibth2lv] {
        width: 3vh;
        height: 3vh;
    }

    .search-button:hover[b-pc1ibth2lv] {
        background-color: #45A049;
        transform: scale(1.02);
    }

    .search-button span[b-pc1ibth2lv] {
        flex-grow: 0.5;
        text-align: center;
    }

@media screen and (max-width: 1205px) {
    .grid-container[b-pc1ibth2lv] {
        grid-template-columns: repeat(2, 1fr);
    }

    .buttonLeft[b-pc1ibth2lv] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-pc1ibth2lv] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-pc1ibth2lv] {
        width: 40vw;
        margin-left: 0vw;
    }
}

[b-pc1ibth2lv] .e-grid .e-selectionbackground {
    background-color: #ff6900;
}

@media screen and (max-width: 768px) {
    .grid-container[b-pc1ibth2lv] {
        grid-template-columns: 1fr;
    }

    .theseButtons[b-pc1ibth2lv] {
        width: 40vw;
        margin-left: 0vw;
    }
}
/* /Components/Controls/SFDC/ButtonModalWindows/ClockOffJobNoModal.razor.rz.scp.css */
button[b-blb5d58ae8] {
    background-color: #ff6900;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    button:hover[b-blb5d58ae8],
    button:active[b-blb5d58ae8],
    button:focus[b-blb5d58ae8] {
        background-color: #ff791a;
    }

.grid-container[b-blb5d58ae8] {
    width: 40vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vh;
    padding: 2vh;
}

.theseButtons[b-blb5d58ae8] {
    width: 40vw;
    display: flex;
    justify-content: flex-end;
    gap: 1vw;
}

.buttonLeft[b-blb5d58ae8] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-blb5d58ae8] {
    float: right;
    width: 20%;
}


.activeSwitch[b-blb5d58ae8] {
    width: 9.5vw;
    margin-top: 1vw;
}


.modal-content[b-blb5d58ae8] {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-body[b-blb5d58ae8] {
    padding: 15px 0;
}

.form-control[b-blb5d58ae8] {
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ced4da;
}

label[b-blb5d58ae8] {
    margin-bottom: 5px;
    font-weight: 500;
}

.switch-container[b-blb5d58ae8] {
    display: flex;
    align-items: center;
}

.switch-label[b-blb5d58ae8] {
    margin-right: 1vw;
}

.right-label[b-blb5d58ae8] {
    margin-left: 1vw;
}

.input-container[b-blb5d58ae8] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 5vh;
}

.form-control[b-blb5d58ae8] {
    flex-grow: 1;
    min-width: 0;
}

.job-no-container[b-blb5d58ae8] {
    display: flex;
    flex-direction: column;
}

.input-with-button[b-blb5d58ae8] {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: center;
    gap: 5px;
    width: 100%;
    height: 5vh;
    margin-bottom: -0.4vh;
}

    .input-with-button .form-control[b-blb5d58ae8] {
        flex-grow: 1;
        width: 100vw;
    }

.scanner-button[b-blb5d58ae8] {
    background-color: #007bff;
    border-radius: 4px;
    height: 5vh;
    width: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

    .scanner-button img[b-blb5d58ae8] {
        width: 3vh;
        height: 3vh;
    }

.search-button[b-blb5d58ae8] {
    background-color: #4CAF50;
    border-radius: 4px;
    height: 4vh;
    width: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

    .search-button img[b-blb5d58ae8] {
        width: 3vh;
        height: 3vh;
    }

    .search-button:hover[b-blb5d58ae8] {
        background-color: #45A049;
        transform: scale(1.02);
    }

    .search-button span[b-blb5d58ae8] {
        flex-grow: 0.5;
        text-align: center;
    }

@media screen and (max-width: 1205px) {
    .grid-container[b-blb5d58ae8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .buttonLeft[b-blb5d58ae8] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-blb5d58ae8] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-blb5d58ae8] {
        width: 40vw;
        margin-left: 0vw;
    }
}

@media screen and (max-width: 768px) {
    .grid-container[b-blb5d58ae8] {
        grid-template-columns: 1fr;
    }

    .theseButtons[b-blb5d58ae8] {
        width: 40vw;
        margin-left: 0vw;
    }
}
/* /Components/Controls/SFDC/ButtonModalWindows/EndBreakModal.razor.rz.scp.css */
button[b-56og6qv4lx] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-56og6qv4lx] {
    background-color: #ff791a;
}

button:active[b-56og6qv4lx] {
    background-color: #ff791a
}

button:focus[b-56og6qv4lx] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-56og6qv4lx] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-56og6qv4lx] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-56og6qv4lx] {
    float: right;
    width: 20%;
}

.activeSwitch[b-56og6qv4lx] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-56og6qv4lx] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-56og6qv4lx] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-56og6qv4lx] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-56og6qv4lx] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/ButtonModalWindows/EndNpModal.razor.rz.scp.css */
button[b-no3eoxupn1] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-no3eoxupn1] {
    background-color: #ff791a;
}

button:active[b-no3eoxupn1] {
    background-color: #ff791a
}

button:focus[b-no3eoxupn1] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-no3eoxupn1] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-no3eoxupn1] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-no3eoxupn1] {
    float: right;
    width: 20%;
}

.activeSwitch[b-no3eoxupn1] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-no3eoxupn1] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-no3eoxupn1] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-no3eoxupn1] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-no3eoxupn1] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/ButtonModalWindows/ScanEnterJobNoModal.razor.rz.scp.css */
/* ============================================
   Clock On Modal - Compact Design
   Primary Accent: #ff6900 (Orange)
   ============================================ */

.clock-on-form[b-kt30u32buu] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ============================================
   Section Frame - Highlight on Focus Only
   ============================================ */
.section-frame[b-kt30u32buu] {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 12px;
    transition: all 0.3s ease;
}

/* Only glow when an input inside is focused */
.section-frame:focus-within[b-kt30u32buu] {
    border-color: rgba(255, 105, 0, 0.4);
    box-shadow: 0 0 12px rgba(255, 105, 0, 0.2);
    background: linear-gradient(135deg, rgba(255, 105, 0, 0.02) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.section-header[b-kt30u32buu] {
    color: #ff6900;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 105, 0, 0.15);
}

/* ============================================
   Grid Layouts - Proper Alignment
   ============================================ */
.section-content[b-kt30u32buu] {
    display: grid;
    gap: 8px;
    align-items: start;
}

/* Job Details: Row 1 = 3 cols, Row 2 = Status + Part Description */
.section-content.job-details[b-kt30u32buu] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
}

/* Status stays in col 1, Part Description spans cols 2-3 */
.section-content.job-details .form-group.wide[b-kt30u32buu] {
    grid-column: 2 / 4;
}

/* Quantities: 4 equal columns */
.section-content.quantities[b-kt30u32buu] {
    grid-template-columns: repeat(4, 1fr);
}

/* Scheduling: 3 equal columns */
.section-content.scheduling[b-kt30u32buu] {
    grid-template-columns: repeat(3, 1fr);
}

/* Options: flex row */
.section-content.options[b-kt30u32buu] {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap;
}

/* ============================================
   Form Groups - Consistent Sizing
   ============================================ */
.form-group[b-kt30u32buu] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.form-group label[b-kt30u32buu] {
    font-size: 10px;
    color: #666;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
    height: 12px;
}

/* Hide ValidationMessage elements - they disrupt alignment */
[b-kt30u32buu] .validation-message {
    display: none;
}

/* ============================================
   Form Controls - Uniform Height
   ============================================ */
[b-kt30u32buu] .form-control,
[b-kt30u32buu] textarea.form-control,
[b-kt30u32buu] input.form-control {
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    background-color: #f8f8f8 !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease;
    resize: none;
    overflow: hidden;
}

[b-kt30u32buu] .form-control:focus,
[b-kt30u32buu] textarea.form-control:focus,
[b-kt30u32buu] input.form-control:focus {
    border-color: #ff6900 !important;
    box-shadow: 0 0 6px rgba(255, 105, 0, 0.15) !important;
    outline: none !important;
}

[b-kt30u32buu] .form-control:not([readonly]),
[b-kt30u32buu] textarea.form-control:not([readonly]),
[b-kt30u32buu] input.form-control:not([readonly]) {
    background-color: #fff !important;
}

/* ============================================
   Job No Input with Search Button
   ============================================ */
.input-with-button[b-kt30u32buu] {
    display: flex;
    gap: 0;
    height: 32px;
    align-items: stretch;
}

.input-with-button .form-control[b-kt30u32buu] {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}

.search-button[b-kt30u32buu] {
    background-color: #25A802;
    border: 1px solid #25A802;
    border-radius: 0 4px 4px 0;
    width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.search-button:hover[b-kt30u32buu] {
    background-color: #1e8a02;
}

.search-button img[b-kt30u32buu] {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
}

/* ============================================
   Syncfusion Dropdown Overrides - Match Height
   ============================================ */
[b-kt30u32buu] .e-input-group,
[b-kt30u32buu] .e-ddl.e-input-group,
[b-kt30u32buu] .e-input-group.e-control-wrapper,
[b-kt30u32buu] .e-ddl.e-control-wrapper {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin-top: 0 !important;
}

[b-kt30u32buu] .e-input-group input.e-input,
[b-kt30u32buu] .e-ddl input.e-input {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 30px !important;
    font-size: 13px !important;
    padding: 0 8px !important;
}

[b-kt30u32buu] .e-input-group .e-input-group-icon,
[b-kt30u32buu] .e-ddl .e-input-group-icon {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

[b-kt30u32buu] .e-ddl.e-input-group .e-clear-icon,
[b-kt30u32buu] .e-input-group .e-clear-icon {
    height: 30px !important;
    min-height: 30px !important;
}

/* ============================================
   Switch Group Styling
   ============================================ */
.switch-group[b-kt30u32buu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.switch-group label[b-kt30u32buu] {
    font-size: 12px;
    color: #333;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: normal;
}

.switch-label[b-kt30u32buu] {
    margin-right: 4px;
}

.right-label[b-kt30u32buu] {
    margin-left: 4px;
}

/* ============================================
   Button Container
   ============================================ */
.button-container[b-kt30u32buu] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #e0e0e0;
}

.btn-cancel[b-kt30u32buu] {
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-kt30u32buu] {
    background-color: #5a6268;
}

.btn-start[b-kt30u32buu] {
    background: linear-gradient(135deg, #ff6900 0%, #e55f00 100%);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-start:hover[b-kt30u32buu] {
    background: linear-gradient(135deg, #ff7b1a 0%, #ff6900 100%);
    box-shadow: 0 2px 12px rgba(255, 105, 0, 0.4);
}

/* ============================================
   Responsive: Tablet (max-width: 900px)
   ============================================ */
@media screen and (max-width: 900px) {
    .section-content.job-details[b-kt30u32buu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.job-details .form-group.wide[b-kt30u32buu] {
        grid-column: 1 / 3;
    }

    .section-content.quantities[b-kt30u32buu] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.scheduling[b-kt30u32buu] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================
   Responsive: Mobile (max-width: 600px)
   ============================================ */
@media screen and (max-width: 600px) {
    .clock-on-form[b-kt30u32buu] {
        padding: 8px;
        gap: 8px;
    }

    .section-frame[b-kt30u32buu] {
        padding: 8px 10px;
    }

    .section-content.job-details[b-kt30u32buu],
    .section-content.quantities[b-kt30u32buu],
    .section-content.scheduling[b-kt30u32buu] {
        grid-template-columns: 1fr;
    }

    .section-content.job-details .form-group.wide[b-kt30u32buu] {
        grid-column: 1;
    }

    .section-content.options[b-kt30u32buu] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .button-container[b-kt30u32buu] {
        flex-direction: column;
        padding: 10px;
    }

    .btn-cancel[b-kt30u32buu],
    .btn-start[b-kt30u32buu] {
        width: 100%;
    }
}
/* /Components/Controls/SFDC/ButtonModalWindows/StartNpModal.razor.rz.scp.css */
button[b-tw7sffp398] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-tw7sffp398] {
    background-color: #ff791a;
}

button:active[b-tw7sffp398] {
    background-color: #ff791a
}

button:focus[b-tw7sffp398] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-tw7sffp398] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-tw7sffp398] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-tw7sffp398] {
    float: right;
    width: 20%;
}

.activeSwitch[b-tw7sffp398] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-tw7sffp398] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-tw7sffp398] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-tw7sffp398] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-tw7sffp398] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/ButtonModalWindows/VisitorInModal.razor.rz.scp.css */
button[b-q0iomr02lb] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-q0iomr02lb] {
    background-color: #ff791a;
}

button:active[b-q0iomr02lb] {
    background-color: #ff791a
}

button:focus[b-q0iomr02lb] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-q0iomr02lb] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-q0iomr02lb] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-q0iomr02lb] {
    float: right;
    width: 20%;
}

.activeSwitch[b-q0iomr02lb] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1205px) {
    .buttonLeft[b-q0iomr02lb] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-q0iomr02lb] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-q0iomr02lb] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 768px) {
    .theseButtons[b-q0iomr02lb] {
        width: 40vw;
        margin-left: 0vw;
    }
}
/* /Components/Controls/SFDC/ButtonModalWindows/VisitorOutModal.razor.rz.scp.css */
button[b-xdvrd335wt] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-xdvrd335wt] {
    background-color: #ff791a;
}

button:active[b-xdvrd335wt] {
    background-color: #ff791a
}

button:focus[b-xdvrd335wt] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-xdvrd335wt] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-xdvrd335wt] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-xdvrd335wt] {
    float: right;
    width: 20%;
}

.activeSwitch[b-xdvrd335wt] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-xdvrd335wt] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-xdvrd335wt] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-xdvrd335wt] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 768px) {
    .theseButtons[b-xdvrd335wt] {
        width: 40vw;
        margin-left: 0vw;
    }
}
/* /Components/Controls/SFDC/ClockInButton.razor.rz.scp.css */
.clock-in-button[b-6m1995yt8g] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F35B02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #F35B02;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .clock-in-button:hover[b-6m1995yt8g] {
        background-color: #CC5200;
        transform: scale(1.02);
        border: 3px solid #F35B02;
    }

    .clock-in-button img[b-6m1995yt8g] {
        width: 5.75rem;
        height: 5.75rem;
    }
    .clock-in-button span[b-6m1995yt8g] {
        flex-grow: 0.8;
        text-align: center;
    }

    .clock-in-button.clocked-in[b-6m1995yt8g] {
        background-color: #B0B0B0;
        border: 3px solid #F35B02;
        cursor: not-allowed;
        pointer-events: none;
    }

    .clock-in-button.not-clocked-in[b-6m1995yt8g] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

.clock-in-timestamp[b-6m1995yt8g] {
    color: orange;
    font-size: 2rem;
}

@media only screen and (max-width: 740px) {
    .clock-in-button[b-6m1995yt8g] {
        width:100%;
        margin-right:1vw;
    }

}
/* /Components/Controls/SFDC/ClockOffAllOpsModal.razor.rz.scp.css */
img[b-st5opqakie] {
    height: 4rem;
    left: 0;
    padding: 0px;
}

.image[b-st5opqakie] {
    float: left;
}

.text[b-st5opqakie] {
    float: right;
    padding-top: 1vh;
}

.content[b-st5opqakie] {
    width: 22vw;
    display: flex;
}

#buttonone[b-st5opqakie] {
    float: right;
    width: 15%;
    margin-right: 1vw;
}

#buttontwo[b-st5opqakie] {
    background-color: gray;
    width: 15%;
    color: white;
    float: right;
}

.buttons[b-st5opqakie] {
    width: 23vw;
    height: auto;
}

button[b-st5opqakie] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-st5opqakie] {
        background-color: #ff791a;
    }

    button:active[b-st5opqakie] {
        background-color: #ff791a
    }

    button:focus[b-st5opqakie] {
        background-color: #ff791a;
        color: white;
    }

@media screen and (max-width: 1100px) {
    #buttonone[b-st5opqakie] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    #buttontwo[b-st5opqakie] {
        float: right;
        width: 45%;
    }

    .buttons[b-st5opqakie] {
        width: 40vw;
        margin-left: 8vw;
    }

    .text[b-st5opqakie] {
        width: 100%;
    }

    .content[b-st5opqakie] {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .buttons[b-st5opqakie] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/ClockOffButton.razor.rz.scp.css */
.clock-off-button[b-m0uqq4mzym] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F31F02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #F31F02;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .clock-off-button:hover[b-m0uqq4mzym] {
        background-color: #D32F2F;
        transform: scale(1.02);
        border: 3px solid #D32F2F;
    }

    .clock-off-button img[b-m0uqq4mzym] {
        width: 6.25rem;
        height: 6.25rem;
    }

    .clock-off-button span[b-m0uqq4mzym] {
        flex-grow: 0.5;
        text-align: center;
    }

    .clock-off-button.not-clocked-in[b-m0uqq4mzym] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
        border: 3px solid #B0B0B0;
    }

    .clock-off-button.is-clocked-on[b-m0uqq4mzym] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .clock-off-button[b-m0uqq4mzym] {
        width: 100%;
        margin-right: 1vw;
    }
        .clock-off-button span[b-m0uqq4mzym] {
            flex-grow: 0.8;
            text-align: center;
        }

}

/* /Components/Controls/SFDC/ClockOffOperationButton.razor.rz.scp.css */
.clock-off-op-button[b-396u81ns51] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F31F02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 15vh;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
    margin-bottom: 2vh;
    margin-top: 2vh;
}

    .clock-off-op-button:hover[b-396u81ns51] {
        background-color: #D32F2F;
        transform: scale(1.02);
    }

    .clock-off-op-button img[b-396u81ns51] {
        width: 6.25rem;
        height: 6.25rem;
        margin-right: 10px;
    }

    .clock-off-op-button span[b-396u81ns51] {
        flex-grow: 0.5;
        text-align: center;
    }
.clock-off-op-button.not-clocked-in[b-396u81ns51] {
    background-color: #B0B0B0;
    cursor: not-allowed;
    pointer-events: none;
}
/* /Components/Controls/SFDC/ClockOnButton.razor.rz.scp.css */
.clock-on-button[b-bw1imac3xs] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #25A802;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #25A802;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .clock-on-button:hover[b-bw1imac3xs] {
        background-color: #45A049;
        transform: scale(1.02);
        border: 3px solid #45A049;
    }

    .clock-on-button img[b-bw1imac3xs] {
        width: 6.25rem;
        height: 6.25rem;
    }
    .clock-on-button span[b-bw1imac3xs] {
        flex-grow: 0.5;
        text-align: center;
    }
    .clock-on-button.not-clocked-in[b-bw1imac3xs] {
        background-color: #B0B0B0;
        border: 3px solid #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

    .clock-on-button.is-clocked-on[b-bw1imac3xs] {
        background-color: #B0B0B0;
        border: 3px solid #FF6600;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .clock-on-button[b-bw1imac3xs] {
        width: 100%;
        margin-right: 1vw;
    }

        .clock-on-button span[b-bw1imac3xs] {
            flex-grow: 0.8;
            text-align: center;
        }
}


/* /Components/Controls/SFDC/ClockOnOperationButton.razor.rz.scp.css */
.clock-on-op-button[b-ufjg9osabt] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #25A802;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    height: 15vh;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
    margin-bottom: 2vh;
    margin-top: 2vh;
}

    .clock-on-op-button:hover[b-ufjg9osabt] {
        background-color: #45A049;
        transform: scale(1.02);
    }

    .clock-on-op-button img[b-ufjg9osabt] {
        width: 6.25rem;
        height: 6.25rem;
        margin-right: 10px;
    }

    .clock-on-op-button span[b-ufjg9osabt] {
        flex-grow: 0.5;
        text-align: center;
    }
    .clock-on-op-button.not-clocked-in[b-ufjg9osabt] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

/* /Components/Controls/SFDC/ClockOutButton.razor.rz.scp.css */
.clock-out-button[b-5lo3m23zil] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F35B02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #F35B02;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .clock-out-button:hover[b-5lo3m23zil] {
        background-color: #CC5200;
        transform: scale(1.02);
        border: 3px solid #CC5200;
    }

    .clock-out-button img[b-5lo3m23zil] {
        width: 5.75rem;
        height: 5.75rem;
    }
    .clock-out-button span[b-5lo3m23zil] {
        flex-grow: 0.5;
        text-align: center;
    }

    .clock-out-button.not-clocked-in[b-5lo3m23zil] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
        border: 3px solid #B0B0B0;
    }

@media only screen and (max-width: 740px) {
    .clock-out-button[b-5lo3m23zil] {
        width: 100%;
        margin-right: 1vw;
    }

}

/* /Components/Controls/SFDC/ConfirmationPopUp/CompleteOpReminder.razor.rz.scp.css */
.reminder-popup[b-l42k7w9ndi] {
    position: fixed !important;
    z-index: 9999 !important;
}
/* /Components/Controls/SFDC/ConfirmationPopUp/OpCompleteConfirmationPopUp.razor.rz.scp.css */
.confirmation-popup[b-j7brp6ixz3] {
    position: fixed !important;
    z-index: 9999 !important;
}
/* /Components/Controls/SFDC/CurrentClockingsButton.razor.rz.scp.css */
.current-clockings-button[b-zyf4cxxekf] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 10px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .current-clockings-button:hover[b-zyf4cxxekf] {
        background-color: #0aafd1;
        transform: scale(1.02);
    }

    .current-clockings-button img[b-zyf4cxxekf] {
        width: 5.75rem;
        height: 5.75rem;
    }

    .current-clockings-button span[b-zyf4cxxekf] {
        flex-grow: 0.5;
        text-align: center;
    }

    .current-clockings-button.not-clocked-in[b-zyf4cxxekf] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
}

@media only screen and (max-width: 740px) {
    .current-clockings-button[b-zyf4cxxekf] {
        width: 100%;
        margin-right: 1vw;
    }

        .current-clockings-button span[b-zyf4cxxekf] {
            flex-grow: 0.8;
            text-align: center;
        }
}
/* /Components/Controls/SFDC/DrawingsDocumentsButton.razor.rz.scp.css */
.drawings-documents-button[b-y9utyihi1o] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 14vw;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .drawings-documents-button:hover[b-y9utyihi1o] {
        background-color: #4169E1;
        transform: scale(1.02);
    }

    .drawings-documents-button img[b-y9utyihi1o] {
        width: 6.25rem;
        height: 6.25rem;
        margin-right: 10px;
    }

    .drawings-documents-button span[b-y9utyihi1o] {
        flex-grow: 0.5;
        text-align: center;
    }
/* /Components/Controls/SFDC/EmployeeLogin.razor.rz.scp.css */
button[b-arhn8a49n5] {
    background-color: #F35B02;
    color: white;
}

button:hover[b-arhn8a49n5] {
    background-color: #ff791a;
}

button:active[b-arhn8a49n5] {
    background-color: #ff791a
}

button:focus[b-arhn8a49n5] {
    background-color: #ff791a;
    color: white;
}

.buttonLeft[b-arhn8a49n5] {
    width: 50%;
}

.buttonRight[b-arhn8a49n5] {
    width: 50%;
}

.log-in-container[b-arhn8a49n5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1vw;
}

.log-in-left[b-arhn8a49n5] {
    flex: 1;
    padding: 0.5vw;
    align-items: flex-start;

}

.log-in-right[b-arhn8a49n5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4vh;
    justify-content:flex-start;
    padding-bottom:4vh;
    width:50%;
}

.divider[b-arhn8a49n5] {
    width: 0.05vw;
    flex-shrink: 0;
    min-height: 100%;
    height:auto;
    background-color: #ccc;
    align-self: stretch;
}

.theseButtons[b-arhn8a49n5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2vh;
    width: 100%;
}

    .theseButtons .form-control[b-arhn8a49n5] {
        flex-grow: 1;
    }

.form-group[b-arhn8a49n5] {
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .log-in-left[b-arhn8a49n5], .log-in-right[b-arhn8a49n5] {
        width: 100%;

    }
    .buttonLeft[b-arhn8a49n5] {
        float: right;
        width:50%;
        margin-left: 1vw;
    }

    .buttonRight[b-arhn8a49n5] {
        width: 50%;
        float: right;
    }
}

@media screen and (max-width: 768px) {
    .log-in-container[b-arhn8a49n5] {
        flex-direction: column;
        gap: 10px;
        }
    .divider[b-arhn8a49n5] {
        width: 100%;
        height: 2px;
        }
    .log-in-left[b-arhn8a49n5], .log-in-right[b-arhn8a49n5] {
        width: 100%;
        }
    }

/* /Components/Controls/SFDC/EndBreakButton.razor.rz.scp.css */
.end-break-button[b-lyuqakh8wm] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F31F02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #F31F02;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .end-break-button:hover[b-lyuqakh8wm] {
        background-color: #D32F2F;
        transform: scale(1.02);
        border: 3px solid #D32F2F;
    }

    .end-break-button img[b-lyuqakh8wm] {
        width: 6.25rem;
        height: 6.25rem;
    }
    .end-break-button span[b-lyuqakh8wm] {
        flex-grow: 0.5;
        text-align: center;
    }

    .end-break-button.not-clocked-in[b-lyuqakh8wm] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
        border: 3px solid #B0B0B0;
    }

    .end-break-button.is-clocked-on[b-lyuqakh8wm] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .end-break-button[b-lyuqakh8wm] {
        width: 100%;
        margin-right: 1vw;

    }
        .end-break-button span[b-lyuqakh8wm] {
            flex-grow: 0.8;
            text-align: center;
        }
}

/* /Components/Controls/SFDC/EndNPButton.razor.rz.scp.css */
.end-np-button[b-kucxuiwlvm] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F31F02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #F31F02;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .end-np-button:hover[b-kucxuiwlvm] {
        background-color: #D32F2F;
        transform: scale(1.02);
        border: 3px solid #D32F2F;
    }

    .end-np-button img[b-kucxuiwlvm] {
        width: 6.25rem;
        height: 6.25rem;
    }
    .end-np-button span[b-kucxuiwlvm] {
        flex-grow: 0.5;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .end-np-button.not-clocked-in[b-kucxuiwlvm] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
        border: 3px solid #B0B0B0;
    }

    .end-np-button.is-clocked-on[b-kucxuiwlvm] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .end-np-button[b-kucxuiwlvm] {
        width: 100%;
        margin-right: 1vw;
    }
        .end-np-button span[b-kucxuiwlvm] {
            flex-grow: 0.8;
            text-align: center;
        }
}

/* /Components/Controls/SFDC/FireListButton.razor.rz.scp.css */
.fire-list-button[b-hxx87e0nz2] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #25A802;
    color: white;
    padding: 5px 10px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .fire-list-button:hover[b-hxx87e0nz2] {
        background-color: #45A049;
        transform: scale(1.02);
    }

    .fire-list-button img[b-hxx87e0nz2] {
        width: 5.75rem;
        height: 5.75rem;
    }

    .fire-list-button span[b-hxx87e0nz2] {
        flex-grow: 0.8;
        text-align: center;
    }

@media only screen and (max-width: 1024px) {
    .fire-list-button[b-hxx87e0nz2] {
        width: 100%;
        font-size: 1.2rem;
    }

        .fire-list-button img[b-hxx87e0nz2] {
            width: 3.75rem;
            height: 3.75rem;
        }
}

@media only screen and (max-width: 740px) {
    .fire-list-button[b-hxx87e0nz2] {
        width: 100%;
        margin-right: 1vw;
    }
}
/* /Components/Controls/SFDC/HiddenJobQtyModalWindows/ClockOffJobNoModalWithoutJobQty.razor.rz.scp.css */
button[b-lxzs69g87y] {
    background-color: #ff6900;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    button:hover[b-lxzs69g87y],
    button:active[b-lxzs69g87y],
    button:focus[b-lxzs69g87y] {
        background-color: #ff791a;
    }

.grid-container[b-lxzs69g87y] {
    width: 40vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vh;
    padding: 2vh;
}

.theseButtons[b-lxzs69g87y] {
    width: 40vw;
    display: flex;
    justify-content: flex-end;
    gap: 1vw;
}

.buttonLeft[b-lxzs69g87y] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-lxzs69g87y] {
    float: right;
    width: 20%;
}


.activeSwitch[b-lxzs69g87y] {
    width: 9.5vw;
    margin-top: 1vw;
}


.modal-content[b-lxzs69g87y] {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-body[b-lxzs69g87y] {
    padding: 15px 0;
}

.form-control[b-lxzs69g87y] {
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ced4da;
}

label[b-lxzs69g87y] {
    margin-bottom: 5px;
    font-weight: 500;
}

.switch-container[b-lxzs69g87y] {
    display: flex;
    align-items: center;
}

.switch-label[b-lxzs69g87y] {
    margin-right: 1vw;
}

.right-label[b-lxzs69g87y] {
    margin-left: 1vw;
}

.input-container[b-lxzs69g87y] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 5vh;
}

.form-control[b-lxzs69g87y] {
    flex-grow: 1;
    min-width: 0;
}

.job-no-container[b-lxzs69g87y] {
    display: flex;
    flex-direction: column;
}

.input-with-button[b-lxzs69g87y] {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-items: center;
    gap: 5px;
    width: 100%;
    height: 5vh;
    margin-bottom: -0.4vh;
}

    .input-with-button .form-control[b-lxzs69g87y] {
        flex-grow: 1;
        width: 100vw;
    }

.scanner-button[b-lxzs69g87y] {
    background-color: #007bff;
    border-radius: 4px;
    height: 5vh;
    width: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

    .scanner-button img[b-lxzs69g87y] {
        width: 3vh;
        height: 3vh;
    }

.search-button[b-lxzs69g87y] {
    background-color: #4CAF50;
    border-radius: 4px;
    height: 4vh;
    width: 4vh;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
}

    .search-button img[b-lxzs69g87y] {
        width: 3vh;
        height: 3vh;
    }

    .search-button:hover[b-lxzs69g87y] {
        background-color: #45A049;
        transform: scale(1.02);
    }

    .search-button span[b-lxzs69g87y] {
        flex-grow: 0.5;
        text-align: center;
    }

@media screen and (max-width: 1205px) {
    .grid-container[b-lxzs69g87y] {
        grid-template-columns: repeat(2, 1fr);
    }

    .buttonLeft[b-lxzs69g87y] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-lxzs69g87y] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-lxzs69g87y] {
        width: 40vw;
        margin-left: 0vw;
    }
}

@media screen and (max-width: 768px) {
    .grid-container[b-lxzs69g87y] {
        grid-template-columns: 1fr;
    }

    .theseButtons[b-lxzs69g87y] {
        width: 40vw;
        margin-left: 0vw;
    }
}
/* /Components/Controls/SFDC/HiddenJobQtyModalWindows/ClockOffJobNoWithoutJobQtyWorkToListModal.razor.rz.scp.css */
button[b-3jp2ntb5ab] {
    background-color: #ff6900;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    button:hover[b-3jp2ntb5ab],
    button:active[b-3jp2ntb5ab],
    button:focus[b-3jp2ntb5ab] {
        background-color: #ff791a;
    }

.grid-container[b-3jp2ntb5ab] {
    width: 40vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vh;
    padding: 2vh;
}

.theseButtons[b-3jp2ntb5ab] {
    width: 40vw;
    display: flex;
    justify-content: flex-end;
    gap: 1vw;
}

.buttonLeft[b-3jp2ntb5ab] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-3jp2ntb5ab] {
    float: right;
    width: 20%;
}


.activeSwitch[b-3jp2ntb5ab] {
    width: 9.5vw;
    margin-top: 1vw;
}


.modal-content[b-3jp2ntb5ab] {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-body[b-3jp2ntb5ab] {
    padding: 15px 0;
}

.form-control[b-3jp2ntb5ab] {
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ced4da;
}

label[b-3jp2ntb5ab] {
    margin-bottom: 5px;
    font-weight: 500;
}

.switch-container[b-3jp2ntb5ab] {
    display: flex;
    align-items: center;
}

.switch-label[b-3jp2ntb5ab] {
    margin-right: 1vw;
}

.right-label[b-3jp2ntb5ab] {
    margin-left: 1vw;
}

@media screen and (max-width: 1100px) {
    .grid-container[b-3jp2ntb5ab] {
        grid-template-columns: repeat(2, 1fr);
    }

    .buttonLeft[b-3jp2ntb5ab] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-3jp2ntb5ab] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-3jp2ntb5ab] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 768px) {
    .grid-container[b-3jp2ntb5ab] {
        grid-template-columns: 1fr;
    }

    .theseButtons[b-3jp2ntb5ab] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/HiddenJobQtyModalWindows/ClockOnJobWithoutJobQtyModal.razor.rz.scp.css */
/* ============================================
   Clock On Modal - Compact Design
   Primary Accent: #ff6900 (Orange)
   ============================================ */

.clock-on-form[b-hru6cuq4px] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ============================================
   Section Frame - Highlight on Focus Only
   ============================================ */
.section-frame[b-hru6cuq4px] {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 12px;
    transition: all 0.3s ease;
}

/* Only glow when an input inside is focused */
.section-frame:focus-within[b-hru6cuq4px] {
    border-color: rgba(255, 105, 0, 0.4);
    box-shadow: 0 0 12px rgba(255, 105, 0, 0.2);
    background: linear-gradient(135deg, rgba(255, 105, 0, 0.02) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.section-header[b-hru6cuq4px] {
    color: #ff6900;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 105, 0, 0.15);
}

/* ============================================
   Grid Layouts - Proper Alignment
   ============================================ */
.section-content[b-hru6cuq4px] {
    display: grid;
    gap: 8px;
    align-items: start;
}

/* Job Details: Row 1 = 3 cols, Row 2 = Status + Part Description */
.section-content.job-details[b-hru6cuq4px] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
}

/* Status stays in col 1, Part Description spans cols 2-3 */
.section-content.job-details .form-group.wide[b-hru6cuq4px] {
    grid-column: 2 / 4;
}

/* Quantities: 4 equal columns */
.section-content.quantities[b-hru6cuq4px] {
    grid-template-columns: repeat(4, 1fr);
}

/* Scheduling: 3 equal columns */
.section-content.scheduling[b-hru6cuq4px] {
    grid-template-columns: repeat(3, 1fr);
}

/* Options: flex row */
.section-content.options[b-hru6cuq4px] {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap;
}

/* ============================================
   Form Groups - Consistent Sizing
   ============================================ */
.form-group[b-hru6cuq4px] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.form-group label[b-hru6cuq4px] {
    font-size: 10px;
    color: #666;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
    height: 12px;
}

/* Hide ValidationMessage elements - they disrupt alignment */
[b-hru6cuq4px] .validation-message {
    display: none;
}

/* ============================================
   Form Controls - Uniform Height
   ============================================ */
[b-hru6cuq4px] .form-control,
[b-hru6cuq4px] textarea.form-control,
[b-hru6cuq4px] input.form-control {
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    background-color: #f8f8f8 !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease;
    resize: none;
    overflow: hidden;
}

[b-hru6cuq4px] .form-control:focus,
[b-hru6cuq4px] textarea.form-control:focus,
[b-hru6cuq4px] input.form-control:focus {
    border-color: #ff6900 !important;
    box-shadow: 0 0 6px rgba(255, 105, 0, 0.15) !important;
    outline: none !important;
}

[b-hru6cuq4px] .form-control:not([readonly]),
[b-hru6cuq4px] textarea.form-control:not([readonly]),
[b-hru6cuq4px] input.form-control:not([readonly]) {
    background-color: #fff !important;
}

/* ============================================
   Job No Input with Search Button
   ============================================ */
.input-with-button[b-hru6cuq4px] {
    display: flex;
    gap: 0;
    height: 32px;
    align-items: stretch;
}

.input-with-button .form-control[b-hru6cuq4px] {
    flex: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
}

.search-button[b-hru6cuq4px] {
    background-color: #25A802;
    border: 1px solid #25A802;
    border-radius: 0 4px 4px 0;
    width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.search-button:hover[b-hru6cuq4px] {
    background-color: #1e8a02;
}

.search-button img[b-hru6cuq4px] {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
}

/* ============================================
   Syncfusion Dropdown Overrides - Match Height
   ============================================ */
[b-hru6cuq4px] .e-input-group,
[b-hru6cuq4px] .e-ddl.e-input-group,
[b-hru6cuq4px] .e-input-group.e-control-wrapper,
[b-hru6cuq4px] .e-ddl.e-control-wrapper {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin-top: 0 !important;
}

[b-hru6cuq4px] .e-input-group input.e-input,
[b-hru6cuq4px] .e-ddl input.e-input {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 30px !important;
    font-size: 13px !important;
    padding: 0 8px !important;
}

[b-hru6cuq4px] .e-input-group .e-input-group-icon,
[b-hru6cuq4px] .e-ddl .e-input-group-icon {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

[b-hru6cuq4px] .e-ddl.e-input-group .e-clear-icon,
[b-hru6cuq4px] .e-input-group .e-clear-icon {
    height: 30px !important;
    min-height: 30px !important;
}

/* ============================================
   Switch Group Styling
   ============================================ */
.switch-group[b-hru6cuq4px] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.switch-group label[b-hru6cuq4px] {
    font-size: 12px;
    color: #333;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: normal;
}

.switch-label[b-hru6cuq4px] {
    margin-right: 4px;
}

.right-label[b-hru6cuq4px] {
    margin-left: 4px;
}

/* ============================================
   Button Container
   ============================================ */
.button-container[b-hru6cuq4px] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #e0e0e0;
}

.btn-cancel[b-hru6cuq4px] {
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-hru6cuq4px] {
    background-color: #5a6268;
}

.btn-start[b-hru6cuq4px] {
    background: linear-gradient(135deg, #ff6900 0%, #e55f00 100%);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-start:hover[b-hru6cuq4px] {
    background: linear-gradient(135deg, #ff7b1a 0%, #ff6900 100%);
    box-shadow: 0 2px 12px rgba(255, 105, 0, 0.4);
}

/* ============================================
   Responsive: Tablet (max-width: 900px)
   ============================================ */
@media screen and (max-width: 900px) {
    .section-content.job-details[b-hru6cuq4px] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.job-details .form-group.wide[b-hru6cuq4px] {
        grid-column: 1 / 3;
    }

    .section-content.quantities[b-hru6cuq4px] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.scheduling[b-hru6cuq4px] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================
   Responsive: Mobile (max-width: 600px)
   ============================================ */
@media screen and (max-width: 600px) {
    .clock-on-form[b-hru6cuq4px] {
        padding: 8px;
        gap: 8px;
    }

    .section-frame[b-hru6cuq4px] {
        padding: 8px 10px;
    }

    .section-content.job-details[b-hru6cuq4px],
    .section-content.quantities[b-hru6cuq4px],
    .section-content.scheduling[b-hru6cuq4px] {
        grid-template-columns: 1fr;
    }

    .section-content.job-details .form-group.wide[b-hru6cuq4px] {
        grid-column: 1;
    }

    .section-content.options[b-hru6cuq4px] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .button-container[b-hru6cuq4px] {
        flex-direction: column;
        padding: 10px;
    }

    .btn-cancel[b-hru6cuq4px],
    .btn-start[b-hru6cuq4px] {
        width: 100%;
    }
}
/* /Components/Controls/SFDC/HiddenJobQtyModalWindows/ClockOnJobWithoutJobQtyWorkToListModal.razor.rz.scp.css */
/* ============================================
   Clock On Modal - Compact Design
   Primary Accent: #ff6900 (Orange)
   ============================================ */

.clock-on-form[b-e57buk7uho] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ============================================
   Section Frame - Highlight on Focus Only
   ============================================ */
.section-frame[b-e57buk7uho] {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 12px;
    transition: all 0.3s ease;
}

/* Only glow when an input inside is focused */
.section-frame:focus-within[b-e57buk7uho] {
    border-color: rgba(255, 105, 0, 0.4);
    box-shadow: 0 0 12px rgba(255, 105, 0, 0.2);
    background: linear-gradient(135deg, rgba(255, 105, 0, 0.02) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.section-header[b-e57buk7uho] {
    color: #ff6900;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 105, 0, 0.15);
}

/* ============================================
   Grid Layouts - Proper Alignment
   ============================================ */
.section-content[b-e57buk7uho] {
    display: grid;
    gap: 8px;
    align-items: start;
}

/* Job Details: Row 1 = 3 cols, Row 2 = Status + Part Description */
.section-content.job-details[b-e57buk7uho] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
}

/* Status stays in col 1, Part Description spans cols 2-3 */
.section-content.job-details .form-group.wide[b-e57buk7uho] {
    grid-column: 2 / 4;
}

/* Quantities: 4 equal columns */
.section-content.quantities[b-e57buk7uho] {
    grid-template-columns: repeat(4, 1fr);
}

/* Scheduling: 3 equal columns */
.section-content.scheduling[b-e57buk7uho] {
    grid-template-columns: repeat(3, 1fr);
}

/* Options: flex row */
.section-content.options[b-e57buk7uho] {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap;
}

/* ============================================
   Form Groups - Consistent Sizing
   ============================================ */
.form-group[b-e57buk7uho] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.form-group label[b-e57buk7uho] {
    font-size: 10px;
    color: #666;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
    height: 12px;
}

/* Hide ValidationMessage elements - they disrupt alignment */
[b-e57buk7uho] .validation-message {
    display: none;
}

/* ============================================
   Form Controls - Uniform Height
   ============================================ */
[b-e57buk7uho] .form-control,
[b-e57buk7uho] textarea.form-control,
[b-e57buk7uho] input.form-control {
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    background-color: #f8f8f8 !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease;
    resize: none;
    overflow: hidden;
}

[b-e57buk7uho] .form-control:focus,
[b-e57buk7uho] textarea.form-control:focus,
[b-e57buk7uho] input.form-control:focus {
    border-color: #ff6900 !important;
    box-shadow: 0 0 6px rgba(255, 105, 0, 0.15) !important;
    outline: none !important;
}

[b-e57buk7uho] .form-control:not([readonly]),
[b-e57buk7uho] textarea.form-control:not([readonly]),
[b-e57buk7uho] input.form-control:not([readonly]) {
    background-color: #fff !important;
}

/* ============================================
   Syncfusion Dropdown Overrides - Match Height
   ============================================ */
[b-e57buk7uho] .e-input-group,
[b-e57buk7uho] .e-ddl.e-input-group,
[b-e57buk7uho] .e-input-group.e-control-wrapper,
[b-e57buk7uho] .e-ddl.e-control-wrapper {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin-top: 0 !important;
}

[b-e57buk7uho] .e-input-group input.e-input,
[b-e57buk7uho] .e-ddl input.e-input {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 30px !important;
    font-size: 13px !important;
    padding: 0 8px !important;
}

[b-e57buk7uho] .e-input-group .e-input-group-icon,
[b-e57buk7uho] .e-ddl .e-input-group-icon {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

[b-e57buk7uho] .e-ddl.e-input-group .e-clear-icon,
[b-e57buk7uho] .e-input-group .e-clear-icon {
    height: 30px !important;
    min-height: 30px !important;
}

/* ============================================
   Switch Group Styling
   ============================================ */
.switch-group[b-e57buk7uho] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.switch-group label[b-e57buk7uho] {
    font-size: 12px;
    color: #333;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: normal;
}

.switch-label[b-e57buk7uho] {
    margin-right: 4px;
}

.right-label[b-e57buk7uho] {
    margin-left: 4px;
}

/* ============================================
   Button Container
   ============================================ */
.button-container[b-e57buk7uho] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #e0e0e0;
}

.btn-cancel[b-e57buk7uho] {
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-e57buk7uho] {
    background-color: #5a6268;
}

.btn-start[b-e57buk7uho] {
    background: linear-gradient(135deg, #ff6900 0%, #e55f00 100%);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-start:hover[b-e57buk7uho] {
    background: linear-gradient(135deg, #ff7b1a 0%, #ff6900 100%);
    box-shadow: 0 2px 12px rgba(255, 105, 0, 0.4);
}

/* ============================================
   Responsive: Tablet (max-width: 900px)
   ============================================ */
@media screen and (max-width: 900px) {
    .section-content.job-details[b-e57buk7uho] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.job-details .form-group.wide[b-e57buk7uho] {
        grid-column: 1 / 3;
    }

    .section-content.quantities[b-e57buk7uho] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.scheduling[b-e57buk7uho] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================
   Responsive: Mobile (max-width: 600px)
   ============================================ */
@media screen and (max-width: 600px) {
    .clock-on-form[b-e57buk7uho] {
        padding: 8px;
        gap: 8px;
    }

    .section-frame[b-e57buk7uho] {
        padding: 8px 10px;
    }

    .section-content.job-details[b-e57buk7uho],
    .section-content.quantities[b-e57buk7uho],
    .section-content.scheduling[b-e57buk7uho] {
        grid-template-columns: 1fr;
    }

    .section-content.job-details .form-group.wide[b-e57buk7uho] {
        grid-column: 1;
    }

    .section-content.options[b-e57buk7uho] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .button-container[b-e57buk7uho] {
        flex-direction: column;
        padding: 10px;
    }

    .btn-cancel[b-e57buk7uho],
    .btn-start[b-e57buk7uho] {
        width: 100%;
    }
}
/* /Components/Controls/SFDC/NPDataGrid.razor.rz.scp.css */
body[b-8et68n50jo] {
}
/* /Components/Controls/SFDC/OEEReportButton.razor.rz.scp.css */
.current-clockings-button[b-01zxmuw402] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 10px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .current-clockings-button:hover[b-01zxmuw402] {
        background-color: #0aafd1;
        transform: scale(1.02);
    }

    .current-clockings-button img[b-01zxmuw402] {
        width: 5.75rem;
        height: 5.75rem;
    }

    .current-clockings-button span[b-01zxmuw402] {
        flex-grow: 0.5;
        text-align: center;
    }

    .current-clockings-button.not-clocked-in[b-01zxmuw402] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .current-clockings-button[b-01zxmuw402] {
        width: 100%;
        margin-right: 1vw;
    }

        .current-clockings-button span[b-01zxmuw402] {
            flex-grow: 0.8;
            text-align: center;
        }
}
/* /Components/Controls/SFDC/OverlappingReportButton.razor.rz.scp.css */
.current-clockings-button[b-2p7ep0bn4g] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 10px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .current-clockings-button:hover[b-2p7ep0bn4g] {
        background-color: #0aafd1;
        transform: scale(1.02);
    }

    .current-clockings-button img[b-2p7ep0bn4g] {
        width: 5.75rem;
        height: 5.75rem;
    }

    .current-clockings-button span[b-2p7ep0bn4g] {
        flex-grow: 0.5;
        text-align: center;
    }

    .current-clockings-button.not-clocked-in[b-2p7ep0bn4g] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .current-clockings-button[b-2p7ep0bn4g] {
        width: 100%;
        margin-right: 1vw;
    }

        .current-clockings-button span[b-2p7ep0bn4g] {
            flex-grow: 0.8;
            text-align: center;
        }
}
/* /Components/Controls/SFDC/SfdcHomeButton.razor.rz.scp.css */
.sfdc-home-button[b-n37rtsbtve] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F35B02;
    color: white;
    padding: 5px 10px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .sfdc-home-button:hover[b-n37rtsbtve] {
        background-color: #CC5200;
        transform: scale(1.02);
    }

    .sfdc-home-button img[b-n37rtsbtve] {
        width: 5.75rem;
        height: 5.75rem;
    }

    .sfdc-home-button span[b-n37rtsbtve] {
        flex-grow: 0.8;
        text-align: center;
    }

@media only screen and (max-width: 1024px) {
    .sfdc-home-button[b-n37rtsbtve] {
        width: 100%;
        font-size: 1.2rem;
    }

        .sfdc-home-button img[b-n37rtsbtve] {
            width: 3.75rem;
            height: 3.75rem;
        }
}

@media only screen and (max-width: 740px) {
    .sfdc-home-button[b-n37rtsbtve] {
        width: 100%;
        margin-right: 1vw;
    }

        .sfdc-home-button img[b-n37rtsbtve] {
            width: 5.75rem;
            height: 5.75rem;
        }
}
/* /Components/Controls/SFDC/SFDCReportModalWindows/OEEReportModal.razor.rz.scp.css */
button[b-mqf5iz2j8j] {
    background-color: #25A802;
    color: white;
}

button:hover[b-mqf5iz2j8j] {
    background-color: #45A049;
}

button:active[b-mqf5iz2j8j] {
    background-color: #45A049;
}

button:focus[b-mqf5iz2j8j] {
    background-color: #45A049;
    color: white;
}

.theseButtons[b-mqf5iz2j8j] {
    width: 23vw;
    float: right;
}

.buttonLeft[b-mqf5iz2j8j] {
    float: right;
    width: 20%;
    margin-right: 0.5vw;
}

.buttonRight[b-mqf5iz2j8j] {
    float: right;
    width: 20%;
}

.activeSwitch[b-mqf5iz2j8j] {
    width: 9.5vw;
    margin-top: 1vw;
}

/* /Components/Controls/SFDC/SFDCReportModalWindows/OverlappingReportModal.razor.rz.scp.css */
button[b-bx2a59ofl4] {
    background-color: #25A802;
    color: white;
}

button:hover[b-bx2a59ofl4] {
    background-color: #45A049;
}

button:active[b-bx2a59ofl4] {
    background-color: #45A049;
}

button:focus[b-bx2a59ofl4] {
    background-color: #45A049;
    color: white;
}

.theseButtons[b-bx2a59ofl4] {
    width: 23vw;
    float: right;
}

.buttonLeft[b-bx2a59ofl4] {
    float: right;
    width: 20%;
    margin-right: 0.5vw;
}

.buttonRight[b-bx2a59ofl4] {
    float: right;
    width: 20%;
}

.activeSwitch[b-bx2a59ofl4] {
    width: 9.5vw;
    margin-top: 1vw;
}
/* /Components/Controls/SFDC/SFDCReports.razor.rz.scp.css */
body[b-abo26o2hxa] {
}
/* /Components/Controls/SFDC/SFDCReportsButton.razor.rz.scp.css */
.current-clockings-button[b-asbkabfcak] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 10px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .current-clockings-button:hover[b-asbkabfcak] {
        background-color: #0aafd1;
        transform: scale(1.02);
    }

    .current-clockings-button img[b-asbkabfcak] {
        width: 5.75rem;
        height: 5.75rem;
    }

    .current-clockings-button span[b-asbkabfcak] {
        flex-grow: 0.5;
        text-align: center;
    }

    .current-clockings-button.not-clocked-in[b-asbkabfcak] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .current-clockings-button[b-asbkabfcak] {
        width: 100%;
        margin-right: 1vw;
    }

        .current-clockings-button span[b-asbkabfcak] {
            flex-grow: 0.8;
            text-align: center;
        }
}
/* /Components/Controls/SFDC/StartBreakButton.razor.rz.scp.css */
.start-break-button[b-35hqm7x4k8] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #25A802;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #25A802;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .start-break-button:hover[b-35hqm7x4k8] {
        background-color: #45A049;
        transform: scale(1.02);
        border: 3px solid #45A049;
    }

    .start-break-button img[b-35hqm7x4k8] {
        width: 6.25rem;
        height: 6.25rem;
    }

    .start-break-button span[b-35hqm7x4k8] {
        flex-grow: 0.5;
        text-align: center;
    }

    .start-break-button.not-clocked-in[b-35hqm7x4k8] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
        border: 3px solid #B0B0B0;
    }

    .start-break-button.started-break-in[b-35hqm7x4k8] {
        background-color: #B0B0B0;
        border: 3px solid #FF6600;
        cursor: not-allowed;
        pointer-events: none;
    }

@media only screen and (max-width: 740px) {
    .start-break-button[b-35hqm7x4k8] {
        width: 100%;
        margin-right: 1vw;
    }

        .start-break-button span[b-35hqm7x4k8] {
            flex-grow: 0.8;
            text-align: center;
        }
}

/* /Components/Controls/SFDC/StartNPButton.razor.rz.scp.css */
.start-np-button[b-w4ywsmvmyo] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #25A802;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #25A802;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .start-np-button:hover[b-w4ywsmvmyo] {
        background-color: #45A049;
        transform: scale(1.02);
        border: 3px solid #45A049;
    }

    .start-np-button img[b-w4ywsmvmyo] {
        width: 6.25rem;
        height: 6.25rem;
    }

    .start-np-button.not-clocked-in[b-w4ywsmvmyo] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
        border: 3px solid #B0B0B0;
    }

    .start-np-button.started-np-time[b-w4ywsmvmyo] {
        background-color: #B0B0B0;
        border: 3px solid #FF6600;
        cursor: not-allowed;
        pointer-events: none;
    }

 .start-np-button span[b-w4ywsmvmyo] {
        flex-grow: 0.8;
        text-align: left;
    }
@media only screen and (max-width: 740px) {
    .start-np-button[b-w4ywsmvmyo] {
        width: 100%;
        margin-right: 1vw;
    }
        .start-np-button span[b-w4ywsmvmyo] {
            flex-grow: 0.8;
            text-align: center;
        }
}
/* /Components/Controls/SFDC/TimeAndAttendanceDataGrid.razor.rz.scp.css */
/* /Components/Controls/SFDC/TimeAndAttendanceModalWindows/AddEditAbsence.razor.rz.scp.css */
button[b-56vdkikoj0] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-56vdkikoj0] {
    background-color: #ff791a;
}

button:active[b-56vdkikoj0] {
    background-color: #ff791a
}

button:focus[b-56vdkikoj0] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-56vdkikoj0] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-56vdkikoj0] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-56vdkikoj0] {
    float: right;
    width: 20%;
}

.activeSwitch[b-56vdkikoj0] {
    width: 9.5vw;
    margin-top: 1vw;
}

[b-56vdkikoj0] .e-switch-wrapper {
    padding-top: 0vw;
}

    [b-56vdkikoj0] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-56vdkikoj0] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-56vdkikoj0] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-56vdkikoj0] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-56vdkikoj0] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-56vdkikoj0] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/TimeAndAttendanceModalWindows/CurrentClockingsModal.razor.rz.scp.css */
button[b-tn41macpfk] {
    background-color: #25A802;
    color: white;
}

button:hover[b-tn41macpfk] {
    background-color: #ff791a;
}

button:active[b-tn41macpfk] {
    background-color: #ff791a
}

button:focus[b-tn41macpfk] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-tn41macpfk] {
    width: 23vw;
    float:right;
}

.buttonLeft[b-tn41macpfk] {
    float: right;
    width:20%;
    margin-right: 0.5vw;
}

.buttonRight[b-tn41macpfk] {
    float: right;
    width: 20%;
}

.activeSwitch[b-tn41macpfk] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-tn41macpfk] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-tn41macpfk] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-tn41macpfk] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-tn41macpfk] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/TimeAndAttendanceModalWindows/DeleteAbsence.razor.rz.scp.css */
body[b-f9juucmc7i] {
}
/* /Components/Controls/SFDC/TimeAndAttendanceModalWindows/EditNPClockedOnTimeEntry.razor.rz.scp.css */
button[b-j9h9hnm9jz] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-j9h9hnm9jz] {
    background-color: #ff791a;
}

button:active[b-j9h9hnm9jz] {
    background-color: #ff791a
}

button:focus[b-j9h9hnm9jz] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-j9h9hnm9jz] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-j9h9hnm9jz] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-j9h9hnm9jz] {
    float: right;
    width: 20%;
}

.activeSwitch[b-j9h9hnm9jz] {
    width: 9.5vw;
    margin-top: 1vw;
}

[b-j9h9hnm9jz] .e-switch-wrapper {
    padding-top: 0vw;
}

    [b-j9h9hnm9jz] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-j9h9hnm9jz] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-j9h9hnm9jz] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-j9h9hnm9jz] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-j9h9hnm9jz] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-j9h9hnm9jz] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/TimeAndAttendanceModalWindows/EditTimeEntry.razor.rz.scp.css */
button[b-v847nr9lk0] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-v847nr9lk0] {
    background-color: #ff791a;
}

button:active[b-v847nr9lk0] {
    background-color: #ff791a
}

button:focus[b-v847nr9lk0] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-v847nr9lk0] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-v847nr9lk0] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-v847nr9lk0] {
    float: right;
    width: 20%;
}

.activeSwitch[b-v847nr9lk0] {
    width: 9.5vw;
    margin-top: 1vw;
}

[b-v847nr9lk0] .e-switch-wrapper {
    padding-top: 0vw;
}

    [b-v847nr9lk0] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-v847nr9lk0] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-v847nr9lk0] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-v847nr9lk0] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-v847nr9lk0] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-v847nr9lk0] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/TimeAndAttendanceModalWindows/FireListModal.razor.rz.scp.css */
button[b-qewttjfuz8] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-qewttjfuz8] {
    background-color: #ff791a;
}

button:active[b-qewttjfuz8] {
    background-color: #ff791a
}

button:focus[b-qewttjfuz8] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-qewttjfuz8] {
    width: 23vw;
    float:right;
}

.buttonLeft[b-qewttjfuz8] {
    float: right;
    margin-right: 0.5vw;
}

.buttonRight[b-qewttjfuz8] {
    float: right;

}

.activeSwitch[b-qewttjfuz8] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-qewttjfuz8] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-qewttjfuz8] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-qewttjfuz8] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-qewttjfuz8] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/TimeInAttendanceButton.razor.rz.scp.css */
.time-in-attendance-button[b-qcey1tbor2] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #0DCAF0;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .time-in-attendance-button:hover[b-qcey1tbor2] {
        background-color: #0aafd1;
        transform: scale(1.02);
        border: 3px solid #0aafd1;
    }

    .time-in-attendance-button img[b-qcey1tbor2] {
        width: 6.25rem;
        height: 6.25rem;
    }

    .time-in-attendance-button span[b-qcey1tbor2] {
        flex-grow: 0.5;
        text-align: center;
    }

.time-in-attendance-button-disabled[b-qcey1tbor2] {
    background-color: #B0B0B0;
    cursor: not-allowed;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    border: 3px solid #B0B0B0;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .time-in-attendance-button-disabled img[b-qcey1tbor2] {
        width: 6.25rem;
        height: 6.25rem;
}

@media only screen and (max-width: 740px) {
    .time-in-attendance-button[b-qcey1tbor2] {
        width: 100%;
        margin-right: 1vw;
    }
        .time-in-attendance-button span[b-qcey1tbor2] {
            flex-grow: 0.5;
            text-align: center;
        }
    .time-in-attendance-button-disabled[b-qcey1tbor2] {
        width: 100%;
        margin-right: 1vw;
        align-items: center;
    }


}

/* /Components/Controls/SFDC/TransactionHistoryGrid.razor.rz.scp.css */
.switch-button-container[b-59b2c5kbi9] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.5vh;
    margin-right: 0.5vh;
}

.switch-label[b-59b2c5kbi9]{
    margin-right: 0.5vh;
}

[b-59b2c5kbi9] .e-grid {
    padding: 1vw;
}

    [b-59b2c5kbi9] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-59b2c5kbi9] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Controls/SFDC/VisitorInButton.razor.rz.scp.css */
.visitor-in-button[b-048pavtm35] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F35B02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 8vw;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}
 .visitor-in-button:hover[b-048pavtm35] {
     background-color: #CC5200;
     transform: scale(1.02);
 }
 .visitor-in-button img[b-048pavtm35] {
     width: 6.25rem;
     height: 6.25rem;
     margin-right: 10px;
 }
 .visitor-in-button span[b-048pavtm35] {
     flex-grow: 0.5;
     text-align: center;
 }
 .visitor-in-button.not-clocked-in[b-048pavtm35] {
     background-color: #B0B0B0;
     cursor: not-allowed;
     pointer-events: none;
 }

@media only screen and (max-width: 1025px) {
    .visitor-in-button[b-048pavtm35] {
        width: 100%;
        justify-content: center;
        font-size: 1.2rem;
    }

}
/* /Components/Controls/SFDC/VisitorOutButton.razor.rz.scp.css */
.visitor-out-button[b-y5ffx28rln] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #F35B02;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 8vw;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .visitor-out-button:hover[b-y5ffx28rln] {
        background-color: #CC5200;
        transform: scale(1.02);
    }

    .visitor-out-button img[b-y5ffx28rln] {
        width: 6.25rem;
        height: 6.25rem;
        margin-right: 10px;
    }

    .visitor-out-button span[b-y5ffx28rln] {
        flex-grow: 0.5;
        text-align: center;
    }

@media only screen and (max-width: 1025px) {
    .visitor-out-button[b-y5ffx28rln] {
        width: 100%;
        justify-content: center;
        font-size: 1.2rem;
    }
}
/* /Components/Controls/SFDC/WorkInstructionsButton.razor.rz.scp.css */
.work-instructions-button[b-ynathkdbjz] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 40px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
    margin-bottom: 2vh;
    margin-top: 2vh;
}

    .work-instructions-button:hover[b-ynathkdbjz] {
        background-color: #0aafd1;
        transform: scale(1.02);
    }

    .work-instructions-button img[b-ynathkdbjz] {
        width: 6.25rem;
        height: 6.25rem;
        margin-right: 10px;
    }

    .work-instructions-button span[b-ynathkdbjz] {
        flex-grow: 0.5;
        text-align: center;
    }
/* /Components/Controls/SFDC/WorkToListButton.razor.rz.scp.css */
.work-to-list-button[b-8bl9m3c835] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #0DCAF0;
    color: white;
    padding: 5px 20px;
    border-radius: 9px;
    font-family: sans-serif;
    cursor: pointer;
    border: 3px solid #0DCAF0;
    width: 100%;
    font-size: 1.5rem;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

    .work-to-list-button:hover[b-8bl9m3c835] {
        background-color: #0aafd1;
        transform: scale(1.02);
        border: 3px solid #0aafd1;
    }

    .work-to-list-button img[b-8bl9m3c835] {
        width: 6.25rem;
        height: 6.25rem;
    }

    .work-to-list-button span[b-8bl9m3c835] {
        flex-grow: 0.5;
        text-align: center;
    }

    .work-to-list-button.not-clocked-in[b-8bl9m3c835] {
        background-color: #B0B0B0;
        cursor: not-allowed;
        pointer-events: none;
        border: 3px solid #B0B0B0;
    }

@media only screen and (max-width: 740px) {
    .work-to-list-button[b-8bl9m3c835] {
        width: 100%;
        margin-right: 1vw;
    }

        .work-to-list-button span[b-8bl9m3c835] {
            flex-grow: 0.8;
            text-align: center;
        }
}
/* /Components/Controls/SFDC/WorkToListDataGrid.razor.rz.scp.css */
.legend-row[b-k9u7guijpn] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.legend-box[b-k9u7guijpn] {
    width: 20px;
    height: 20px;
    border-radius: 3.5px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

    .legend-box.live[b-k9u7guijpn] {
        background-color: #25A802;
    }

    .legend-box.up-next[b-k9u7guijpn] {
        background-color: #0DCAF0;
    }

.legend-label[b-k9u7guijpn] {
    font-size: 13px;
}
/* /Components/Controls/SFDC/WorkToListDataGridTemplate.razor.rz.scp.css */
.grid-container[b-bzf0arl0u0] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    gap: 20px; 
    padding: 20px; 
}

.clock-on[b-bzf0arl0u0] {
    grid-row: 1 / span 2; 
    align-self: center;
    width:50%;
}

.buttons[b-bzf0arl0u0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width:50%;
}

.labels[b-bzf0arl0u0] {
    align-self: start;
}

.quantities[b-bzf0arl0u0] {
    align-self: start;
}


@media (max-width: 1025px) {
    .grid-container[b-bzf0arl0u0] {
        grid-template-columns: auto; 
    }

    .clock-on[b-bzf0arl0u0] {
        grid-row: 1;
        width: 20%;
    }

    .buttons[b-bzf0arl0u0] {
        align-self: center;
        width: 20%;
    }
}
/* /Components/Controls/SFDC/WorkToListModalWindows/ClockOffOperationModal.razor.rz.scp.css */
button[b-4gbep69dq8] {
    background-color: #ff6900;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    button:hover[b-4gbep69dq8],
    button:active[b-4gbep69dq8],
    button:focus[b-4gbep69dq8] {
        background-color: #ff791a;
    }

.grid-container[b-4gbep69dq8] {
    width: 40vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5vh;
    padding: 2vh;
}

.theseButtons[b-4gbep69dq8] {
    width: 40vw;
    display: flex;
    justify-content: flex-end;
    gap: 1vw;
}

.buttonLeft[b-4gbep69dq8] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-4gbep69dq8] {
    float: right;
    width: 20%;
}


.activeSwitch[b-4gbep69dq8] {
    width: 9.5vw;
    margin-top: 1vw;
}


.modal-content[b-4gbep69dq8] {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.modal-body[b-4gbep69dq8] {
    padding: 15px 0;
}

.form-control[b-4gbep69dq8] {
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ced4da;
}

label[b-4gbep69dq8] {
    margin-bottom: 5px;
    font-weight: 500;
}

.switch-container[b-4gbep69dq8] {
    display: flex;
    align-items: center;
}

.switch-label[b-4gbep69dq8] {
    margin-right: 1vw;
}

.right-label[b-4gbep69dq8] {
    margin-left: 1vw;
}

@media screen and (max-width: 1100px) {
    .grid-container[b-4gbep69dq8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .buttonLeft[b-4gbep69dq8] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-4gbep69dq8] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-4gbep69dq8] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 768px) {
    .grid-container[b-4gbep69dq8] {
        grid-template-columns: 1fr;
    }

    .theseButtons[b-4gbep69dq8] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Controls/SFDC/WorkToListModalWindows/ClockOnOperationModal.razor.rz.scp.css */
/* ============================================
   Clock On Modal - Compact Design
   Primary Accent: #ff6900 (Orange)
   ============================================ */

.clock-on-form[b-zx5sf4ro30] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ============================================
   Section Frame - Highlight on Focus Only
   ============================================ */
.section-frame[b-zx5sf4ro30] {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 12px;
    transition: all 0.3s ease;
}

/* Only glow when an input inside is focused */
.section-frame:focus-within[b-zx5sf4ro30] {
    border-color: rgba(255, 105, 0, 0.4);
    box-shadow: 0 0 12px rgba(255, 105, 0, 0.2);
    background: linear-gradient(135deg, rgba(255, 105, 0, 0.02) 0%, rgba(255, 255, 255, 0.8) 100%);
}

.section-header[b-zx5sf4ro30] {
    color: #ff6900;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 105, 0, 0.15);
}

/* ============================================
   Grid Layouts - Proper Alignment
   ============================================ */
.section-content[b-zx5sf4ro30] {
    display: grid;
    gap: 8px;
    align-items: start;
}

/* Job Details: Row 1 = 3 cols, Row 2 = Status + Part Description */
.section-content.job-details[b-zx5sf4ro30] {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
}

/* Status stays in col 1, Part Description spans cols 2-3 */
.section-content.job-details .form-group.wide[b-zx5sf4ro30] {
    grid-column: 2 / 4;
}

/* Quantities: 4 equal columns */
.section-content.quantities[b-zx5sf4ro30] {
    grid-template-columns: repeat(4, 1fr);
}

/* Scheduling: 3 equal columns */
.section-content.scheduling[b-zx5sf4ro30] {
    grid-template-columns: repeat(3, 1fr);
}

/* Options: flex row */
.section-content.options[b-zx5sf4ro30] {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap;
}

/* ============================================
   Form Groups - Consistent Sizing
   ============================================ */
.form-group[b-zx5sf4ro30] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.form-group label[b-zx5sf4ro30] {
    font-size: 10px;
    color: #666;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
    height: 12px;
}

/* Hide ValidationMessage elements - they disrupt alignment */
[b-zx5sf4ro30] .validation-message {
    display: none;
}

/* ============================================
   Form Controls - Uniform Height
   ============================================ */
[b-zx5sf4ro30] .form-control,
[b-zx5sf4ro30] textarea.form-control,
[b-zx5sf4ro30] input.form-control {
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    background-color: #f8f8f8 !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 30px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease;
    resize: none;
    overflow: hidden;
}

[b-zx5sf4ro30] .form-control:focus,
[b-zx5sf4ro30] textarea.form-control:focus,
[b-zx5sf4ro30] input.form-control:focus {
    border-color: #ff6900 !important;
    box-shadow: 0 0 6px rgba(255, 105, 0, 0.15) !important;
    outline: none !important;
}

[b-zx5sf4ro30] .form-control:not([readonly]),
[b-zx5sf4ro30] textarea.form-control:not([readonly]),
[b-zx5sf4ro30] input.form-control:not([readonly]) {
    background-color: #fff !important;
}

/* ============================================
   Syncfusion Dropdown Overrides - Match Height
   ============================================ */
[b-zx5sf4ro30] .e-input-group,
[b-zx5sf4ro30] .e-ddl.e-input-group,
[b-zx5sf4ro30] .e-input-group.e-control-wrapper,
[b-zx5sf4ro30] .e-ddl.e-control-wrapper {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin-top: 0 !important;
}

[b-zx5sf4ro30] .e-input-group input.e-input,
[b-zx5sf4ro30] .e-ddl input.e-input {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 30px !important;
    font-size: 13px !important;
    padding: 0 8px !important;
}

[b-zx5sf4ro30] .e-input-group .e-input-group-icon,
[b-zx5sf4ro30] .e-ddl .e-input-group-icon {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
}

[b-zx5sf4ro30] .e-ddl.e-input-group .e-clear-icon,
[b-zx5sf4ro30] .e-input-group .e-clear-icon {
    height: 30px !important;
    min-height: 30px !important;
}

/* ============================================
   Switch Group Styling
   ============================================ */
.switch-group[b-zx5sf4ro30] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.switch-group label[b-zx5sf4ro30] {
    font-size: 12px;
    color: #333;
    margin-bottom: 0;
    text-transform: none;
    letter-spacing: normal;
}

.switch-label[b-zx5sf4ro30] {
    margin-right: 4px;
}

.right-label[b-zx5sf4ro30] {
    margin-left: 4px;
}

/* ============================================
   Button Container
   ============================================ */
.button-container[b-zx5sf4ro30] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #e0e0e0;
}

.btn-cancel[b-zx5sf4ro30] {
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-zx5sf4ro30] {
    background-color: #5a6268;
}

.btn-start[b-zx5sf4ro30] {
    background: linear-gradient(135deg, #ff6900 0%, #e55f00 100%);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-start:hover[b-zx5sf4ro30] {
    background: linear-gradient(135deg, #ff7b1a 0%, #ff6900 100%);
    box-shadow: 0 2px 12px rgba(255, 105, 0, 0.4);
}

/* ============================================
   Responsive: Tablet (max-width: 900px)
   ============================================ */
@media screen and (max-width: 900px) {
    .section-content.job-details[b-zx5sf4ro30] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.job-details .form-group.wide[b-zx5sf4ro30] {
        grid-column: 1 / 3;
    }

    .section-content.quantities[b-zx5sf4ro30] {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-content.scheduling[b-zx5sf4ro30] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ============================================
   Responsive: Mobile (max-width: 600px)
   ============================================ */
@media screen and (max-width: 600px) {
    .clock-on-form[b-zx5sf4ro30] {
        padding: 8px;
        gap: 8px;
    }

    .section-frame[b-zx5sf4ro30] {
        padding: 8px 10px;
    }

    .section-content.job-details[b-zx5sf4ro30],
    .section-content.quantities[b-zx5sf4ro30],
    .section-content.scheduling[b-zx5sf4ro30] {
        grid-template-columns: 1fr;
    }

    .section-content.job-details .form-group.wide[b-zx5sf4ro30] {
        grid-column: 1;
    }

    .section-content.options[b-zx5sf4ro30] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .button-container[b-zx5sf4ro30] {
        flex-direction: column;
        padding: 10px;
    }

    .btn-cancel[b-zx5sf4ro30],
    .btn-start[b-zx5sf4ro30] {
        width: 100%;
    }
}
/* /Components/Controls/SFDC/WorkToListModalWindows/DrawingsDocumentsModal.razor.rz.scp.css */
body[b-2snl0in0cj] {
}
/* /Components/Controls/SFDC/WorkToListModalWindows/WorkInstructionsModal.razor.rz.scp.css */
button[b-rtfzewu3vp] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-rtfzewu3vp] {
    background-color: #ff791a;
}

button:active[b-rtfzewu3vp] {
    background-color: #ff791a
}

button:focus[b-rtfzewu3vp] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-rtfzewu3vp] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-rtfzewu3vp] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-rtfzewu3vp] {
    float: right;
    width: 20%;
}

.activeSwitch[b-rtfzewu3vp] {
    width: 9.5vw;
    margin-top: 1vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-rtfzewu3vp] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-rtfzewu3vp] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-rtfzewu3vp] {
        width: 40vw;
        margin-left: 8vw;
    }
}

.text-area[b-rtfzewu3vp] {
    width: 100%;
    height: 35vh;
    display: flex;
    flex-direction: column;
}

.my-text-area[b-rtfzewu3vp] {
    width: 100%;
    height: 100%;
    min-height: 35vh;
    max-height: 60vh;
    resize: none;
    overflow: auto;
    padding: 1rem;
    font-size: 1rem;
    border: 0.1rem solid #ccc;
    border-radius: 0.5rem;
    background-color: #f9f9f9;
}

@media screen and (max-width: 400px) {
    .theseButtons[b-rtfzewu3vp] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Layout/DashboardHeader.razor.rz.scp.css */
.e-user[b-z9qd5jwery] {
    content: '\e7b4';
    color: white;
}

.e-user[b-z9qd5jwery]::before {
    content: '\e7b4';
    color: white;
}
.usersName[b-z9qd5jwery] {
    margin-right:10px;
    margin-top:1.2vh;

}
label[b-z9qd5jwery] {
    color: white;
}
.e-dropdown-btn[b-z9qd5jwery]	{
    max-height:5px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xcc1za8cj5] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xcc1za8cj5] {
    flex: 1;

}

.sidebar[b-xcc1za8cj5] {
    background: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 50%, #1a1a1a 100%);
    border-right: 1px solid rgba(210, 99, 40, 0.1);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.3);
}

.top-row[b-xcc1za8cj5] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-xcc1za8cj5]  a, .top-row[b-xcc1za8cj5]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-xcc1za8cj5]  a:hover, .top-row[b-xcc1za8cj5]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-xcc1za8cj5]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-xcc1za8cj5] {
        justify-content: space-between;
    }

    .top-row[b-xcc1za8cj5]  a, .top-row[b-xcc1za8cj5]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xcc1za8cj5] {
        flex-direction: row;
    }

    .sidebar[b-xcc1za8cj5] {
      
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-xcc1za8cj5] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-xcc1za8cj5]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-xcc1za8cj5] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-xcc1za8cj5] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ============================================
   NavMenu Styles - Modern Dark Theme
   Primary Accent: #d26328 (Orange)
   ============================================ */

/* Base label styling */
label[b-9ynsrit6x9] {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
}

/* Mobile hamburger menu */
.navbar-toggler[b-9ynsrit6x9] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(210, 99, 40, 0.3);
    border-radius: 8px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28210, 99, 40, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(210, 99, 40, 0.1);
    transition: all 0.3s ease;
}

.navbar-toggler:hover[b-9ynsrit6x9] {
    background-color: rgba(210, 99, 40, 0.2);
    border-color: rgba(210, 99, 40, 0.5);
}

.navbar-toggler:checked[b-9ynsrit6x9] {
    background-color: rgba(210, 99, 40, 0.3);
    box-shadow: 0 0 15px rgba(210, 99, 40, 0.3);
}

/* Top and bottom rows */
.top-row[b-9ynsrit6x9] {
    height: 3.5rem;
    background: linear-gradient(180deg, rgba(210, 99, 40, 0.15) 0%, transparent 100%);
}

.bottom-row[b-9ynsrit6x9] {
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}

/* Icon menu arrow - Collapse button */
.icon-menu-arrow[b-9ynsrit6x9] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

.icon-menu-arrow .oi[b-9ynsrit6x9] {
    padding: 8px;
    border-radius: 50%;
    background: rgba(210, 99, 40, 0.15);
    border: 1px solid rgba(210, 99, 40, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
}

.icon-menu-arrow .oi:hover[b-9ynsrit6x9] {
    background: rgba(210, 99, 40, 0.3);
    border-color: rgba(210, 99, 40, 0.5);
    box-shadow: 0 0 12px rgba(210, 99, 40, 0.4);
    transform: scale(1.1);
}

/* Brand styling */
.navbar-brand[b-9ynsrit6x9] {
    font-size: 1rem;
}

/* Icon styling */
.bi[b-9ynsrit6x9] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-9ynsrit6x9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-9ynsrit6x9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-9ynsrit6x9] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.oi[b-9ynsrit6x9] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

/* ============================================
   Navigation Items - Modern Card Style
   ============================================ */

.nav-item[b-9ynsrit6x9] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.nav-item:first-of-type[b-9ynsrit6x9] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-9ynsrit6x9] {
    padding-bottom: 1rem;
}

/* Nav link base styles - Constant glow effect */
.nav-item[b-9ynsrit6x9]  a {
    color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    padding: 0 1rem;
    background: linear-gradient(135deg, rgba(210, 99, 40, 0.1) 0%, rgba(210, 99, 40, 0.05) 100%);
    border: 1px solid rgba(210, 99, 40, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    animation: nav-button-glow-b-9ynsrit6x9 3s ease-in-out infinite;
}

/* Constant glow animation for all nav buttons */
@keyframes nav-button-glow-b-9ynsrit6x9 {
    0%, 100% {
        box-shadow: 0 0 8px rgba(210, 99, 40, 0.15);
    }
    50% {
        box-shadow: 0 0 18px rgba(210, 99, 40, 0.3);
    }
}

/* Subtle shimmer effect on nav items */
.nav-item[b-9ynsrit6x9]  a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(210, 99, 40, 0.1), transparent);
    transition: left 0.5s ease;
}

.nav-item[b-9ynsrit6x9]  a:hover::before {
    left: 100%;
}

/* Active state - Orange glow */
.nav-item[b-9ynsrit6x9]  a.active {
    background: linear-gradient(135deg, rgba(210, 99, 40, 0.25) 0%, rgba(210, 99, 40, 0.15) 100%);
    border: 1px solid rgba(210, 99, 40, 0.4);
    color: white;
    box-shadow: 0 0 20px rgba(210, 99, 40, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.nav-item[b-9ynsrit6x9]  a.active label {
    color: white;
    text-shadow: 0 0 10px rgba(210, 99, 40, 0.5);
}

/* Hover state - Elevated glass effect */
.nav-item[b-9ynsrit6x9]  a:hover {
    background: linear-gradient(135deg, rgba(210, 99, 40, 0.15) 0%, rgba(210, 99, 40, 0.08) 100%);
    border-color: rgba(210, 99, 40, 0.3);
    color: white;
    transform: translateX(4px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
                0 0 10px rgba(210, 99, 40, 0.15);
}

.nav-item[b-9ynsrit6x9]  a:hover label {
    color: #d26328;
}

/* Nav item icons */
.nav-item[b-9ynsrit6x9]  a img {
    filter: brightness(0.9);
    transition: all 0.3s ease;
}

.nav-item[b-9ynsrit6x9]  a:hover img,
.nav-item[b-9ynsrit6x9]  a.active img {
    filter: brightness(1.1) drop-shadow(0 0 4px rgba(210, 99, 40, 0.5));
    transform: scale(1.05);
}

/* HR separator styling */
.nav-item hr[b-9ynsrit6x9] {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(210, 99, 40, 0.3), transparent);
    margin: 0.75rem 0;
}

/* ============================================
   Scrollable Navigation Container
   ============================================ */

.nav-scrollable[b-9ynsrit6x9] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-9ynsrit6x9] {
    display: block;
}

/* ============================================
   Release Notes & Version Section
   ============================================ */

.nav-version[b-9ynsrit6x9] {
    padding: 0.75rem;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    width: calc(100% - 1rem);
    text-align: center;
    background: linear-gradient(135deg, rgba(210, 99, 40, 0.08) 0%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: 16px;
    border: 1px solid rgba(210, 99, 40, 0.15);
    backdrop-filter: blur(10px);
}

.release-notes-link[b-9ynsrit6x9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1.2rem;
    background: linear-gradient(135deg, rgba(210, 99, 40, 0.2) 0%, rgba(210, 99, 40, 0.1) 100%);
    border: 1px solid rgba(210, 99, 40, 0.35);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Animated glow effect on release notes link */
.release-notes-link[b-9ynsrit6x9]::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(210, 99, 40, 0.15) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.release-notes-link:hover[b-9ynsrit6x9]::after {
    opacity: 1;
}

.release-notes-link:hover[b-9ynsrit6x9] {
    background: linear-gradient(135deg, rgba(210, 99, 40, 0.35) 0%, rgba(210, 99, 40, 0.2) 100%);
    border-color: rgba(210, 99, 40, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(210, 99, 40, 0.25),
                0 0 15px rgba(210, 99, 40, 0.2);
}

[b-9ynsrit6x9] .release-icon-nav {
    color: #d26328 !important;
    filter: drop-shadow(0 0 4px rgba(210, 99, 40, 0.5));
}

.whats-new-text[b-9ynsrit6x9] {
    color: #d26328;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.version-number[b-9ynsrit6x9] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1px;
}

/* Icon menu version (collapsed state) */
.nav-version-icon[b-9ynsrit6x9] {
    padding: 0.5rem;
    text-align: center;
    margin: 0.5rem;
    background: linear-gradient(135deg, rgba(210, 99, 40, 0.08) 0%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: 12px;
    border: 1px solid rgba(210, 99, 40, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.nav-version-icon .nav-link[b-9ynsrit6x9] {
    display: flex;
    justify-content: center;
    padding: 0.5rem;
    background: rgba(210, 99, 40, 0.15);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.nav-version-icon .nav-link:hover[b-9ynsrit6x9] {
    background: rgba(210, 99, 40, 0.3);
    box-shadow: 0 0 15px rgba(210, 99, 40, 0.3);
}

/* Center collapse button when menu is collapsed */
.nav-version-icon .icon-menu-arrow[b-9ynsrit6x9] {
    justify-content: center;
}

/* ============================================
   Carousel Section - Simple styling
   ============================================ */

.nav-carousel[b-9ynsrit6x9] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* ============================================
   Logo Section - Continuous Glow Effect
   ============================================ */

.navbar-logo[b-9ynsrit6x9] {
    padding: 1rem;
    cursor: pointer;
    position: relative;
}

/* Continuous glow behind the logo */
.navbar-logo[b-9ynsrit6x9]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    background: radial-gradient(ellipse at center, rgba(210, 99, 40, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 1;
    pointer-events: none;
    animation: logo-glow-pulse-b-9ynsrit6x9 3s ease-in-out infinite;
}

@keyframes logo-glow-pulse-b-9ynsrit6x9 {
    0%, 100% {
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.navbar-logo .logo[b-9ynsrit6x9] {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 8px rgba(210, 99, 40, 0.4))
            drop-shadow(0 0 15px rgba(210, 99, 40, 0.2));
}


/* ============================================
   Responsive Styles
   ============================================ */

@media (max-width: 640px) {
    .navbar-logo[b-9ynsrit6x9] {
        padding-top: 1.5vw;
        padding-left: 38px;
        margin-bottom: 1.5vw;
    }

    .bottom-row[b-9ynsrit6x9] {
        display: none;
    }

    .nav-version[b-9ynsrit6x9] {
        display: none;
    }

    .nav-version-icon[b-9ynsrit6x9] {
        display: none;
    }

    .nav-carousel[b-9ynsrit6x9] {
        display: none;
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-9ynsrit6x9] {
        display: none;
    }

    .nav-scrollable[b-9ynsrit6x9] {
        display: block;
        height: auto;
        overflow-y: auto;
        /* Custom scrollbar for webkit browsers */
        scrollbar-width: thin;
        scrollbar-color: rgba(210, 99, 40, 0.3) transparent;
    }

    .nav-scrollable[b-9ynsrit6x9]::-webkit-scrollbar {
        width: 6px;
    }

    .nav-scrollable[b-9ynsrit6x9]::-webkit-scrollbar-track {
        background: transparent;
    }

    .nav-scrollable[b-9ynsrit6x9]::-webkit-scrollbar-thumb {
        background: rgba(210, 99, 40, 0.3);
        border-radius: 3px;
    }

    .nav-scrollable[b-9ynsrit6x9]::-webkit-scrollbar-thumb:hover {
        background: rgba(210, 99, 40, 0.5);
    }
}

/* ============================================
   Submenu Styles
   ============================================ */

.nav-item[b-9ynsrit6x9]  a[style*="margin-left"] {
    margin-left: 0.5rem !important;
    padding-left: 1.5rem;
    border-left: 2px solid rgba(210, 99, 40, 0.3);
    border-radius: 0 12px 12px 0;
    background: linear-gradient(90deg, rgba(210, 99, 40, 0.05) 0%, transparent 100%);
}

.nav-item[b-9ynsrit6x9]  a[style*="margin-left"]:hover {
    border-left-color: #d26328;
    background: linear-gradient(90deg, rgba(210, 99, 40, 0.15) 0%, rgba(210, 99, 40, 0.05) 100%);
}

/* ============================================
   Animations
   ============================================ */

@keyframes subtle-glow-b-9ynsrit6x9 {
    0%, 100% {
        box-shadow: 0 0 5px rgba(210, 99, 40, 0.2);
    }
    50% {
        box-shadow: 0 0 15px rgba(210, 99, 40, 0.3);
    }
}

.nav-item[b-9ynsrit6x9]  a.active {
    animation: subtle-glow-b-9ynsrit6x9 3s ease-in-out infinite;
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.toolbar-container[b-44dq0mobak] {
    max-width: 100%;
}

.toolbar-container[b-44dq0mobak] {
    width: 100%;
}

.custom-toolbar[b-44dq0mobak] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f0f0f0;
    padding: 1vw 2vh;
    gap: 1vh;
    height: 5.1vh;
}

.tooltip-container[b-44dq0mobak] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.tooltip[b-44dq0mobak] {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    white-space: nowrap;
    z-index: 1;
    transition: opacity 0.3s;
    opacity: 0;
}

.tooltip-container:hover .tooltip[b-44dq0mobak] {
    visibility: visible;
    opacity: 1;
}


.toolbar-btn[b-44dq0mobak] {
    background-color: #e0e0e0;
    border: none;
    color: black;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
}

    .toolbar-btn:hover[b-44dq0mobak] {
        background: #d6d6d6;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        transform: scale(1.05);
    }

        .toolbar-btn:hover .icon[b-44dq0mobak] {
            transform: scale(1.25);
            transition: transform 0.3s;
        }

.toolbar-btn-text[b-44dq0mobak] {
    background-color: #e0e0e0;
    border: none;
    color: black;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
}

    .toolbar-btn-text:hover[b-44dq0mobak] {
        background: #d6d6d6;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
        transform: scale(1.05);
    }

        .toolbar-btn-text:hover .icon[b-44dq0mobak] {
            transform: scale(1.25);
            transition: transform 0.3s;
        }

.icon[b-44dq0mobak] {
    width: 28px;
    height: 28px;
    display: block;
    transition: transform 0.3s;
}

.toolbar-btn:active[b-44dq0mobak] {
    background: #909090;
    transform: scale(0.98);
}

    .toolbar-btn:active .icon[b-44dq0mobak] {
        transform: scale(0.95);
    }

.toolbar-btn:focus[b-44dq0mobak] {
    outline: 2px solid #5a5a5a;
}

.toolbar-btn span[b-44dq0mobak] {
    margin-right: 8px;
}

.dashboard-layout[b-44dq0mobak] {
    margin: 5px;

}
.panel-name-entry[b-44dq0mobak]{
    margin-bottom:15px;
}

.select-sensor-selection[b-44dq0mobak] {
    margin-bottom: 15px;
}

.select-chart-entry[b-44dq0mobak] {
    margin-bottom: 15px;
}

.sensor-selection-entry[b-44dq0mobak] {
    margin-bottom: 15px;
}

.sensor-group-selection[b-44dq0mobak] {
    margin-bottom: 15px;
}
.select-Data-entry[b-44dq0mobak] {
    margin-bottom: 15px;
}

.button-section[b-44dq0mobak] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.cancel-button[b-44dq0mobak] {
    background-color: #404040;
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* ============================================
   Login Page - Glass-morphism Style
   Primary Accent: #d26328 (Orange)
   ============================================ */

/* Main container with original background image */
.login-container[b-3z4dw6g5lu] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    background-image: url('/img/login_background.png');
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
}

/* Password input container */
.password-input[b-3z4dw6g5lu] {
    width: 100%;
    padding-right: 40px;
}

/* Login box - Glass-morphism style with improved accessibility */
.login-box[b-3z4dw6g5lu] {
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5),
                0 0 50px rgba(210, 99, 40, 0.25),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
    width: 400px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.15);
    position: relative;
}

/* Logo section with enhanced glow */
.login-logo[b-3z4dw6g5lu] {
    margin-bottom: 1.5rem;
    position: relative;
}

.login-logo[b-3z4dw6g5lu]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    height: 140px;
    background: radial-gradient(ellipse at center, rgba(210, 99, 40, 0.5) 0%, rgba(210, 99, 40, 0.2) 40%, transparent 70%);
    border-radius: 50%;
    animation: logo-glow-b-3z4dw6g5lu 2.5s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes logo-glow-b-3z4dw6g5lu {
    0%, 100% {
        opacity: 0.7;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.login-logo img[b-3z4dw6g5lu] {
    width: 200px;
    height: auto;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 25px rgba(210, 99, 40, 0.6));
    animation: logo-pulse-b-3z4dw6g5lu 2.5s ease-in-out infinite;
}

@keyframes logo-pulse-b-3z4dw6g5lu {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(210, 99, 40, 0.5));
    }
    50% {
        filter: drop-shadow(0 0 35px rgba(210, 99, 40, 0.8));
    }
}

/* MudBlazor TextField overrides for glass theme */
.login-box[b-3z4dw6g5lu]  .mud-input-control {
    margin-bottom: 1rem;
}

.login-box[b-3z4dw6g5lu]  .mud-input {
    color: #ffffff !important;
    font-size: 1.1rem;
    font-weight: 500;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.login-box[b-3z4dw6g5lu]  .mud-input-underline:before {
    border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

.login-box[b-3z4dw6g5lu]  .mud-input-underline:after {
    border-bottom-color: #d26328 !important;
}

.login-box[b-3z4dw6g5lu]  .mud-input-underline:hover:not(.mud-disabled):before {
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

.login-box[b-3z4dw6g5lu]  .mud-input-label {
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 500;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.login-box[b-3z4dw6g5lu]  .mud-input-label.mud-input-label-animated {
    color: #ffffff !important;
    font-weight: 500;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.login-box[b-3z4dw6g5lu]  .mud-input-label-inputcontrol {
    color: #d26328 !important;
}

.login-box[b-3z4dw6g5lu]  .mud-input-adorned-end .mud-icon-button {
    color: #ffffff !important;
}

.login-box[b-3z4dw6g5lu]  .mud-input-adorned-end .mud-icon-button:hover {
    color: #d26328 !important;
}

/* Login button - Bright orange with enhanced glow */
.login-box[b-3z4dw6g5lu]  .mud-button-filled.mud-button-filled-primary {
    background: rgba(235, 110, 45, 0.85) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 130, 60, 0.8);
    border-radius: 12px;
    padding: 0.75rem 1.5rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 35px rgba(235, 110, 45, 0.6),
                0 0 70px rgba(235, 110, 45, 0.35),
                0 4px 15px rgba(0, 0, 0, 0.2);
    margin-top: 0.5rem;
    position: relative;
    overflow: visible;
    color: white !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    animation: button-glow-pulse-b-3z4dw6g5lu 2s ease-in-out infinite;
}

@keyframes button-glow-pulse-b-3z4dw6g5lu {
    0%, 100% {
        box-shadow: 0 0 30px rgba(235, 110, 45, 0.5),
                    0 0 60px rgba(235, 110, 45, 0.25),
                    0 4px 15px rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow: 0 0 45px rgba(235, 110, 45, 0.7),
                    0 0 90px rgba(235, 110, 45, 0.45),
                    0 4px 15px rgba(0, 0, 0, 0.2);
    }
}

.login-box[b-3z4dw6g5lu]  .mud-button-filled.mud-button-filled-primary:hover {
    background: rgba(255, 120, 50, 0.95) !important;
    transform: translateY(-2px);
    box-shadow: 0 0 55px rgba(255, 120, 50, 0.8),
                0 0 110px rgba(255, 120, 50, 0.5),
                0 6px 25px rgba(0, 0, 0, 0.3);
    animation: none;
}

.login-box[b-3z4dw6g5lu]  .mud-button-filled.mud-button-filled-primary:active {
    transform: translateY(0);
    box-shadow: 0 0 20px rgba(210, 99, 40, 0.5),
                0 0 40px rgba(210, 99, 40, 0.3),
                0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Forgot password link - accessible styling with pill background */
.forgot-password-link[b-3z4dw6g5lu] {
    color: #ffffff;
    cursor: pointer;
    padding: 0.5rem 1rem;
    margin-top: 1.25rem;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

@keyframes link-glow-b-3z4dw6g5lu {
    0%, 100% {
        text-shadow: 0 0 8px rgba(210, 99, 40, 0.2);
    }
    50% {
        text-shadow: 0 0 15px rgba(210, 99, 40, 0.5);
    }
}

.forgot-password-link:hover[b-3z4dw6g5lu] {
    color: #ffffff;
    background: rgba(210, 99, 40, 0.4);
    border-color: rgba(210, 99, 40, 0.6);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.forgot-password-link:focus[b-3z4dw6g5lu] {
    outline: 2px solid #d26328;
    outline-offset: 2px;
}

/* Version info section - clean style without background */
.login-version-info[b-3z4dw6g5lu] {
    padding: 0.75rem 0;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* What's new link - accessible pill button style */
.whats-new-link[b-3z4dw6g5lu] {
    color: #ffffff;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    padding: 0.4rem 0.75rem;
    border-radius: 12px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* What's new icon styling */
.whats-new-link[b-3z4dw6g5lu]  .whats-new-icon {
    color: #ffffff !important;
    font-size: 1.1rem;
}

@keyframes whats-new-glow-b-3z4dw6g5lu {
    0%, 100% {
        text-shadow: 0 0 10px rgba(210, 99, 40, 0.3);
    }
    50% {
        text-shadow: 0 0 20px rgba(210, 99, 40, 0.6);
    }
}

.whats-new-link:hover[b-3z4dw6g5lu] {
    color: #ffffff;
    background: rgba(210, 99, 40, 0.4);
    border-color: rgba(210, 99, 40, 0.6);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.whats-new-link:focus[b-3z4dw6g5lu] {
    outline: 2px solid #d26328;
    outline-offset: 2px;
}

/* Legacy button class */
.e-loginbutton[b-3z4dw6g5lu] {
    background-color: #d26328;
}

/* Sandbox indicator styling */
.login-box > div:first-child[style*="background-color"][b-3z4dw6g5lu] {
    background: linear-gradient(90deg, #d26328, #ff8040) !important;
    border-radius: 8px;
    animation: sandbox-pulse-b-3z4dw6g5lu 2s ease-in-out infinite;
}

@keyframes sandbox-pulse-b-3z4dw6g5lu {
    0%, 100% {
        box-shadow: 0 0 10px rgba(210, 99, 40, 0.3);
    }
    50% {
        box-shadow: 0 0 20px rgba(210, 99, 40, 0.6);
    }
}

/* Validation message styling */
.login-box[b-3z4dw6g5lu]  .validation-message {
    color: #ff6b6b;
    font-size: 0.8rem;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
}

/* Dialog styling for glass theme */
[b-3z4dw6g5lu] .mud-dialog {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
}

[b-3z4dw6g5lu] .mud-dialog-title {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[b-3z4dw6g5lu] .mud-dialog-content {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .login-box[b-3z4dw6g5lu] {
        width: 90%;
        max-width: 350px;
        padding: 1.5rem;
    }

    .login-logo img[b-3z4dw6g5lu] {
        width: 160px;
    }
}
/* /Components/Pages/MachineMonitoring.razor.rz.scp.css */

.diagram-container[b-ezdabtbcvh] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
}

.palette-component[b-ezdabtbcvh] {
    width: 15vw;
    height: 100%;
    background: #f9f9f9;
    overflow: hidden;
}

    .palette-component.hidden[b-ezdabtbcvh] {
        display: none;
    }

.diagram-component[b-ezdabtbcvh] {
    width: 100%;
    height: 100%;
}

.diagram-fullscreen[b-ezdabtbcvh] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.diagram-with-palette[b-ezdabtbcvh] {
    position: relative;
    width: 0vw;
    height: 100%;
    z-index: 1;
}

.diagram-normal[b-ezdabtbcvh] {
    position: relative;
    z-index: 1;
}

.e-symbol-palette[b-ezdabtbcvh] {
    background-color: #f0f0f0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .e-symbol-palette .e-header[b-ezdabtbcvh] {
        background-color: #2196F3;
        color: white;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 12px;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

        .e-symbol-palette .e-header:hover[b-ezdabtbcvh] {
            background-color: #1976D2;
        }

    .e-symbol-palette .e-symbol[b-ezdabtbcvh] {
        background-color: #ffffff;
        border: 1px solid #ccc;
        transition: transform 0.3s ease, background-color 0.3s ease;
    }

        .e-symbol-palette .e-symbol:hover[b-ezdabtbcvh] {
            background-color: #e6f7ff;
            transform: scale(1.05);
        }

        .e-symbol-palette .e-symbol:active[b-ezdabtbcvh] {
            background-color: #cce0ff;
            transform: scale(0.98);
        }

        .e-symbol-palette .e-symbol .e-item-text[b-ezdabtbcvh] {
            font-size: 14px;
            color: #333;
            margin-top: 5px;
            text-align: center;
        }

.toolbar-container[b-ezdabtbcvh] {
    max-width: 100%;
}

.toolbar-container[b-ezdabtbcvh] {
    width: 100%;
}

.custom-toolbar[b-ezdabtbcvh] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f0f0f0;
    padding: 5px 10px;
    gap: 10px;
    height: 50px;
}


.switch:hover[b-ezdabtbcvh] {
    transform: scale(1.05);
}


input:checked + .slider[b-ezdabtbcvh] {
    background-color: #ff791a;
}

    input:checked + .slider[b-ezdabtbcvh]:before {
        background-image: url('img/editmode.png');
        transform: translateX(26px);
    }

input:checked:hover + .slider[b-ezdabtbcvh] {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    background-color: #ff6900;
}

.tooltip-container[b-ezdabtbcvh] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.tooltip[b-ezdabtbcvh] {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    white-space: nowrap;
    z-index: 1;
    transition: opacity 0.3s;
    opacity: 0;
}

.tooltip-container:hover .tooltip[b-ezdabtbcvh] {
    visibility: visible;
    opacity: 1;
}

.toolbar-btn[b-ezdabtbcvh] {
    background-color: #e0e0e0;
    border: none;
    color: white;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
}

.toolbar-btn-save[b-ezdabtbcvh] {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
}

.toolbar-btn:hover[b-ezdabtbcvh] {
    background: #d6d6d6;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
}

    .toolbar-btn:hover .icon[b-ezdabtbcvh] {
        transform: scale(1.25);
        transition: transform 0.3s;
    }

.icon[b-ezdabtbcvh] {
    width: 28px;
    height: 28px;
    display: block;
    transition: transform 0.3s;
}

.toolbar-btn:active[b-ezdabtbcvh] {
    background: #909090;
    transform: scale(0.98);
}

    .toolbar-btn:active .icon[b-ezdabtbcvh] {
        transform: scale(0.95);
    }

.toolbar-btn:focus[b-ezdabtbcvh] {
    outline: 2px solid #5a5a5a;
}

.toolbar-btn span[b-ezdabtbcvh] {
    margin-right: 8px;
}

.current-datetime[b-ezdabtbcvh] {
    margin-left: auto;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.icon-container img[b-ezdabtbcvh] {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
}

.header[b-ezdabtbcvh] {
    text-align: center;
}

.sensor-name-container[b-ezdabtbcvh] {
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin-bottom: 4px;
}

.sensor-activity-hrs[b-ezdabtbcvh] {
    font-size: 12px;
    color: lightgray;
}

.mode-icon-img[b-ezdabtbcvh] {
    width: 3rem;
    height: 3rem;
}
/* /Components/Pages/MachineMonitoringAdd.razor.rz.scp.css */
button[b-noif06pd1a] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-noif06pd1a] {
        background-color: #ff791a;
    }

    button:active[b-noif06pd1a] {
        background-color: #ff791a
    }

    button:focus[b-noif06pd1a] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-noif06pd1a] {
    width: 23vw;
    
}

.buttonLeft[b-noif06pd1a] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-noif06pd1a] {
    float: right;
    width: 20%;
}

.items[b-noif06pd1a] {
    margin-bottom: 1vh;
}
.item1[b-noif06pd1a]{
    width:48%;
    float:left;
}
.item2[b-noif06pd1a] {
    width: 48%;
    float: right;
    margin-bottom: 2vh;
}
.select1[b-noif06pd1a] {
    margin-top:1vh;
}
.select2[b-noif06pd1a] {
    margin-top: 2vh;
}
.select3[b-noif06pd1a] {
    margin-top:2vh;
}
img[b-noif06pd1a] {
    height: 1vw;
    float:right;
}
.switch[b-noif06pd1a]{
    float:left;
    margin-right:0px;
    padding-right:0px;
}
.manualThreshold[b-noif06pd1a] {
    width: 30%;
    float: right;
    margin-top:-1.4vw;
    margin-left:2vw;
}
.switchItems[b-noif06pd1a] {
    display: flex;
    padding-top: 1vw;
    padding-bottom:1vh;
    width:100%;
    height:auto;
}
[b-noif06pd1a] .e-switch-wrapper {
    margin-left: 1vw;

}

    [b-noif06pd1a] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-noif06pd1a] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-noif06pd1a] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-noif06pd1a] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-noif06pd1a] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-noif06pd1a] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Machines.Razor.rz.scp.css */
.e-dialog .e-dlg-content[b-5vey6sie3h] {
    background-color: wheat;
    margin:0;

}
/* /Components/Pages/MainDashboard.razor.rz.scp.css */
.sensor-container[b-bbmcpvivwt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
}

.sensor-card[b-bbmcpvivwt] {
    flex: 1 1 calc(25% - 16px);
    max-width: calc(25% - 16px);
    box-sizing: border-box;
    min-width: 200px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
}
/* /Components/Pages/ReleaseNote.razor.rz.scp.css */
.content[b-25uulr0o6r] {
    background-color: whitesmoke;
    color: black;
    text-align: center;
    padding: 1vw;
    margin: 20vw;
    margin-top: 5vw;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
li[b-25uulr0o6r] {
    text-align: center;
    list-style-position: inside;
}
/* /Components/Pages/ReleaseNotes.razor.rz.scp.css */
/* Release Notes Container - White Theme */
.release-notes-container[b-sdvochv99k] {
    min-height: 100vh;
    background: #f5f5f5;
    padding: 2rem;
    color: #333;
}

/* Header Section */
.release-notes-header[b-sdvochv99k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
}

.header-content[b-sdvochv99k] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-content h1[b-sdvochv99k] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    background: linear-gradient(90deg, #ff6900, #ff9500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.header-subtitle[b-sdvochv99k] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

[b-sdvochv99k] .header-icon {
    color: #ff6900 !important;
    font-size: 2.5rem !important;
}

.version-badge[b-sdvochv99k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #ff6900, #ff9500);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(255, 105, 0, 0.3);
    color: white;
}

.version-badge span[b-sdvochv99k] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.9;
}

.version-badge strong[b-sdvochv99k] {
    font-size: 1.1rem;
    font-weight: 700;
}

/* Tabs Container */
.tabs-container[b-sdvochv99k] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
}

[b-sdvochv99k] .release-tabs .mud-tabs-toolbar {
    background: #f8f9fa !important;
    border-radius: 12px;
}

[b-sdvochv99k] .release-tabs .mud-tab {
    color: #666 !important;
}

[b-sdvochv99k] .release-tabs .mud-tab.mud-tab-active {
    color: #ff6900 !important;
}

[b-sdvochv99k] .release-tabs .mud-tab-slider {
    background: #ff6900 !important;
}

/* Releases Grid */
.releases-grid[b-sdvochv99k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    padding: 1.5rem 0;
}

/* Release Card */
.release-card[b-sdvochv99k] {
    background: #fafafa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.release-card:hover[b-sdvochv99k] {
    transform: translateY(-4px);
    background: white;
    border-color: rgba(255, 105, 0, 0.5);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.release-card-header[b-sdvochv99k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

[b-sdvochv99k] .release-icon {
    color: #ff6900 !important;
    font-size: 2rem !important;
}

.release-title-section h3[b-sdvochv99k] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
}

.release-date[b-sdvochv99k] {
    font-size: 0.8rem;
    color: #999;
}

.release-card-body[b-sdvochv99k] {
    margin-bottom: 1rem;
}

/* Module Badges */
.module-badges[b-sdvochv99k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.module-badge[b-sdvochv99k] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.module-badge.scheduler[b-sdvochv99k] {
    background: rgba(66, 165, 245, 0.15);
    color: #1976d2;
    border: 1px solid rgba(66, 165, 245, 0.4);
}

.module-badge.sfdc[b-sdvochv99k] {
    background: rgba(102, 187, 106, 0.15);
    color: #388e3c;
    border: 1px solid rgba(102, 187, 106, 0.4);
}

.module-badge.mm[b-sdvochv99k] {
    background: rgba(171, 71, 188, 0.15);
    color: #7b1fa2;
    border: 1px solid rgba(171, 71, 188, 0.4);
}

.module-badge.general[b-sdvochv99k] {
    background: rgba(255, 167, 38, 0.15);
    color: #f57c00;
    border: 1px solid rgba(255, 167, 38, 0.4);
}

.module-badge.bugfix[b-sdvochv99k] {
    background: rgba(239, 83, 80, 0.15);
    color: #d32f2f;
    border: 1px solid rgba(239, 83, 80, 0.4);
}

.release-card-footer[b-sdvochv99k] {
    display: flex;
    justify-content: flex-end;
}

/* No Releases */
.no-releases[b-sdvochv99k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #999;
    grid-column: 1 / -1;
}

.no-releases p[b-sdvochv99k] {
    margin-top: 1rem;
    font-size: 1.1rem;
}

/* Coming Soon Section */
.coming-soon-section[b-sdvochv99k] {
    padding: 1.5rem 0;
}

.coming-soon-header[b-sdvochv99k] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.coming-soon-header h2[b-sdvochv99k] {
    margin: 1rem 0 0.5rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: #333;
}

.coming-soon-header p[b-sdvochv99k] {
    color: #666;
    margin: 0;
}

[b-sdvochv99k] .rocket-icon {
    color: #ff6900 !important;
    font-size: 3rem !important;
    animation: float-b-sdvochv99k 3s ease-in-out infinite;
}

@keyframes float-b-sdvochv99k {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Coming Soon Grid */
.coming-soon-grid[b-sdvochv99k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.coming-soon-module[b-sdvochv99k] {
    background: #fafafa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.coming-soon-module:hover[b-sdvochv99k] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.module-header[b-sdvochv99k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    color: white;
}

.module-header h3[b-sdvochv99k] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.scheduler-header[b-sdvochv99k] {
    background: linear-gradient(135deg, #42a5f5, #1e88e5);
    border-bottom: 2px solid #1976d2;
}

.sfdc-header[b-sdvochv99k] {
    background: linear-gradient(135deg, #66bb6a, #43a047);
    border-bottom: 2px solid #388e3c;
}

.mm-header[b-sdvochv99k] {
    background: linear-gradient(135deg, #ab47bc, #8e24aa);
    border-bottom: 2px solid #7b1fa2;
}

.general-header[b-sdvochv99k] {
    background: linear-gradient(135deg, #ffa726, #fb8c00);
    border-bottom: 2px solid #f57c00;
}

.module-content[b-sdvochv99k] {
    padding: 1.25rem;
    background: white;
}

.feature-section[b-sdvochv99k],
.improvement-section[b-sdvochv99k],
.bugfix-section[b-sdvochv99k] {
    margin-bottom: 1.25rem;
}

.feature-section:last-child[b-sdvochv99k],
.improvement-section:last-child[b-sdvochv99k],
.bugfix-section:last-child[b-sdvochv99k] {
    margin-bottom: 0;
}

.module-content h4[b-sdvochv99k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
}

.module-content ul[b-sdvochv99k] {
    margin: 0;
    padding-left: 1.25rem;
    list-style: none;
}

.module-content li[b-sdvochv99k] {
    position: relative;
    padding: 0.35rem 0;
    color: #555;
    font-size: 0.9rem;
    text-align: left;
}

.module-content li[b-sdvochv99k]::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #ff6900;
    border-radius: 50%;
}

.coming-soon-footer[b-sdvochv99k] {
    margin-top: 2rem;
}

[b-sdvochv99k] .info-alert {
    background: rgba(33, 150, 243, 0.08) !important;
    border-color: rgba(33, 150, 243, 0.3) !important;
}

/* Dialog Styles */
.dialog-title[b-sdvochv99k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

[b-sdvochv99k] .dialog-title-icon {
    color: #ff6900 !important;
}

.release-details-content[b-sdvochv99k] {
    max-height: 60vh;
    overflow-y: auto;
}

.detail-section[b-sdvochv99k] {
    margin-bottom: 1.5rem;
    background: #fafafa;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.section-header[b-sdvochv99k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: white;
}

.section-header h3[b-sdvochv99k] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.scheduler-bg[b-sdvochv99k] {
    background: linear-gradient(135deg, #42a5f5, #1e88e5);
}

.sfdc-bg[b-sdvochv99k] {
    background: linear-gradient(135deg, #66bb6a, #43a047);
}

.mm-bg[b-sdvochv99k] {
    background: linear-gradient(135deg, #ab47bc, #8e24aa);
}

.general-bg[b-sdvochv99k] {
    background: linear-gradient(135deg, #ffa726, #fb8c00);
}

.bugfix-bg[b-sdvochv99k] {
    background: linear-gradient(135deg, #ef5350, #e53935);
}

.detail-list[b-sdvochv99k] {
    padding: 1rem;
    margin: 0;
    list-style: none;
    background: white;
}

.detail-list li[b-sdvochv99k] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0;
    color: #333;
    font-size: 0.95rem;
    text-align: left;
}

[b-sdvochv99k] .check-icon {
    color: #4caf50 !important;
    flex-shrink: 0;
    margin-top: 2px;
}

[b-sdvochv99k] .bugfix-icon {
    color: #ef5350 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .release-notes-header[b-sdvochv99k] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }

    .header-content[b-sdvochv99k] {
        flex-direction: column;
    }

    .releases-grid[b-sdvochv99k] {
        grid-template-columns: 1fr;
    }

    .coming-soon-grid[b-sdvochv99k] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Scheduler/ExceptionRecords/AddExceptionRecords.razor.rz.scp.css */
button[b-8gftl033m6] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-8gftl033m6] {
        background-color: #ff791a;
    }

    button:active[b-8gftl033m6] {
        background-color: #ff791a
    }

    button:focus[b-8gftl033m6] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-8gftl033m6] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-8gftl033m6] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-8gftl033m6] {
    float: right;
    width: 20%;
}

.switch[b-8gftl033m6] {
    margin-top: 1vw;
}

[b-8gftl033m6] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-8gftl033m6] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-8gftl033m6] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

.form-group[b-8gftl033m6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vh;
}

.form-label[b-8gftl033m6] {
    width: 25vw;
    margin-right: 4vw;
    flex: 1;
}

.form-switch[b-8gftl033m6] {
    margin-left: 4vw;
    flex: 1;
}


@media screen and (max-width: 1100px) {
    .buttonLeft[b-8gftl033m6] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-8gftl033m6] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-8gftl033m6] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-8gftl033m6] {
        width: 40vw;
        margin-left: 42vw;
    }
}







.group-button-container[b-8gftl033m6] {
    display: block;
    width: 100%;
    gap: 10px;
    margin-bottom: 15px;
}

[b-8gftl033m6] .e-btn {
    background-color: transparent !important;
    color: #ff6900 !important;
    width: 50%;
    margin: 0px;
}

[b-8gftl033m6] .e-btn-group {
    background-color: transparent !important;
    color: #ff6900 !important;
    width: 49%;
    margin: 0px;
}



[b-8gftl033m6] .e-btn-group .e-btn:active {
    background: #ff6900 !important;
    background-color: #ff6900 !important;
    color: white !important;
}

[b-8gftl033m6] .groupbtn-style {
    background: #404040; /* Default button color */
    color: white;
}

[b-8gftl033m6] .selected {
    background: #ff6900 !important;
    background-color: #ff6900 !important;
    color: white !important;
}







/* /Components/Pages/Scheduler/ExceptionRecords/DeleteExceptionRecord.razor.rz.scp.css */
img[b-zo10cbfi9q] {
    height: 4rem;
    left: 0;
    padding: 0px;
}

.image[b-zo10cbfi9q] {
    float: left;
}

.text[b-zo10cbfi9q] {
    float: right;
    padding-top: 1vh;
}

.content[b-zo10cbfi9q] {
    width: 22vw;
    display: flex;
}

#buttonone[b-zo10cbfi9q] {
    float: right;
    width: 15%;
    margin-right: 1vw;
}

#buttontwo[b-zo10cbfi9q] {
    background-color: gray;
    width: 15%;
    color: white;
    float: right;
}

.buttons[b-zo10cbfi9q] {
    width: 23vw;
    height: auto;
}

button[b-zo10cbfi9q] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-zo10cbfi9q] {
        background-color: #ff791a;
    }

    button:active[b-zo10cbfi9q] {
        background-color: #ff791a
    }

    button:focus[b-zo10cbfi9q] {
        background-color: #ff791a;
        color: white;
    }

@media screen and (max-width: 1100px) {
    #buttonone[b-zo10cbfi9q] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    #buttontwo[b-zo10cbfi9q] {
        float: right;
        width: 45%;
    }

    .buttons[b-zo10cbfi9q] {
        width: 40vw;
        margin-left: 8vw;
    }

    .text[b-zo10cbfi9q] {
        width: 100%;
    }

    .content[b-zo10cbfi9q] {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .buttons[b-zo10cbfi9q] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Scheduler/ExceptionRecords/DeleteExceptionRecords.razor.rz.scp.css */
img[b-jk1f8slcmj] {
    height: 4rem;
    left: 0;
    padding: 0px;
}

.image[b-jk1f8slcmj] {
    float: left;
}

.text[b-jk1f8slcmj] {
    float: right;
    padding-top: 1vh;
}

.content[b-jk1f8slcmj] {
    width: 22vw;
    display: flex;
}

#buttonone[b-jk1f8slcmj] {
    float: right;
    width: 15%;
}

#buttontwo[b-jk1f8slcmj] {
    background-color: gray;
    width: 15%;
    color: white;
    float: right;
    margin-right: 1vw;
}

.buttons[b-jk1f8slcmj] {
    width: 23vw;
    height: auto;
}

button[b-jk1f8slcmj] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-jk1f8slcmj] {
        background-color: #ff791a;
    }

    button:active[b-jk1f8slcmj] {
        background-color: #ff791a
    }

    button:focus[b-jk1f8slcmj] {
        background-color: #ff791a;
        color: white;
    }
@media screen and (max-width: 1100px) {
    #buttonone[b-jk1f8slcmj] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    #buttontwo[b-jk1f8slcmj] {
        float: right;
        width: 45%;
    }

    .buttons[b-jk1f8slcmj] {
        width: 40vw;
        margin-left: 8vw;
    }

    .text[b-jk1f8slcmj] {
        width: 100%;
    }

    .content[b-jk1f8slcmj] {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-jk1f8slcmj] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Scheduler/ExceptionRecords/EditExceptionRecords.razor.rz.scp.css */
button[b-ztheigstjv] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-ztheigstjv] {
        background-color: #ff791a;
    }

    button:active[b-ztheigstjv] {
        background-color: #ff791a
    }

    button:focus[b-ztheigstjv] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-ztheigstjv] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-ztheigstjv] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-ztheigstjv] {
    float: right;
    width: 20%;
}

.switch[b-ztheigstjv] {
    margin-top: 1vw;
}

[b-ztheigstjv] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-ztheigstjv] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-ztheigstjv] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

.form-group[b-ztheigstjv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vh;
}

.form-label[b-ztheigstjv] {
    width: 25vw;
    margin-right: 4vw;
    flex: 1;
}

.form-switch[b-ztheigstjv] {
    margin-left: 4vw;
    flex: 1;
}


@media screen and (max-width: 1100px) {
    .buttonLeft[b-ztheigstjv] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-ztheigstjv] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-ztheigstjv] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-ztheigstjv] {
        width: 40vw;
        margin-left: 42vw;
    }
}








.group-button-container[b-ztheigstjv] {
    display: block;
    width: 100%;
    gap: 10px;
    margin-bottom: 15px;
}

[b-ztheigstjv] .e-btn {
    background-color: transparent !important;
    color: #ff6900 !important;
    width: 50%;
    margin: 0px;
}


[b-ztheigstjv] .e-btn-group {
    background-color: transparent !important;
    color: #ff6900 !important;
    width: 49%;
    margin: 0px;
}


    [b-ztheigstjv] .e-btn-group .e-btn:active {
        background: #ff6900 !important;
        background-color: #ff6900 !important;
        color: white !important;
    }

[b-ztheigstjv] .groupbtn-style {
    background: #404040; /* Default button color */
    color: white;
}

[b-ztheigstjv] .selected {
    background: #ff6900 !important;
    background-color: #ff6900 !important;
    color: white !important;
}

/* /Components/Pages/Scheduler/Import/ImportDataModalWindow.razor.rz.scp.css */
.modal-container[b-se4g0e6d6m]
{
    text-align: left;
}


a[b-se4g0e6d6m] {
    background-color: #ff6900;
    color: white;
    text-decoration: none;
}

button[b-se4g0e6d6m] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-se4g0e6d6m] {
        background-color: #ff791a;
    }

    button:active[b-se4g0e6d6m] {
        background-color: #ff791a
    }

    button:focus[b-se4g0e6d6m] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-se4g0e6d6m] {
    width: 23vw;
}

.buttonLeft[b-se4g0e6d6m] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-se4g0e6d6m] {
    float: right;
    width: 20%;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-se4g0e6d6m] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-se4g0e6d6m] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-se4g0e6d6m] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-se4g0e6d6m] {
        width: 40vw;
        margin-left: 42vw;
    }
}



.modal-container[b-se4g0e6d6m] {
    padding-top: 10px;
    text-align: center;
}

.step-title[b-se4g0e6d6m] {
    display: block;
    margin-bottom: 5px; /* Reduce gap between title and button */
}

.step-button[b-se4g0e6d6m] {
    margin-bottom: 20px; /* Increase space after button */
}

.step-spacing[b-se4g0e6d6m] {
    margin-top: 30px; /* Add space before Step 2 */
}

.theseButtons[b-se4g0e6d6m] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.btn-small[b-se4g0e6d6m] {
    width: 100px;
}

.btn-large[b-se4g0e6d6m] {
    width: 120px;
}
/* /Components/Pages/Scheduler/Import/ImportErrorsModalWindow.razor.rz.scp.css */
.modal-container[b-2gjproiykg]
{
    text-align: left;
}


a[b-2gjproiykg] {
    background-color: #ff6900;
    color: white;
    text-decoration: none;
}

button[b-2gjproiykg] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-2gjproiykg] {
        background-color: #ff791a;
    }

    button:active[b-2gjproiykg] {
        background-color: #ff791a
    }

    button:focus[b-2gjproiykg] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-2gjproiykg] {
    width: 23vw;
}

.buttonLeft[b-2gjproiykg] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-2gjproiykg] {
    float: right;
    width: 20%;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-2gjproiykg] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-2gjproiykg] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-2gjproiykg] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-2gjproiykg] {
        width: 40vw;
        margin-left: 42vw;
    }
}



.modal-container[b-2gjproiykg] {
    padding-top: 10px;
    text-align: center;
}

.step-title[b-2gjproiykg] {
    display: block;
    margin-bottom: 5px; /* Reduce gap between title and button */
}

.step-button[b-2gjproiykg] {
    margin-bottom: 20px; /* Increase space after button */
}

.step-spacing[b-2gjproiykg] {
    margin-top: 30px; /* Add space before Step 2 */
}

.theseButtons[b-2gjproiykg] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.btn-small[b-2gjproiykg] {
    width: 100px;
}

.btn-large[b-2gjproiykg] {
    width: 120px;
}


.scrollable-container[b-2gjproiykg] {
    max-height: 25vh; /* Set a height limit */
    overflow-y: scroll; /* Enable vertical scrolling */
    overflow-x: hidden; /* Enable vertical scrolling */
    border: 0px solid #ccc; /* Optional: Add a border for visibility */
    padding: 10px; /* Optional: Add some spacing */
    text-align: left;
}

    .scrollable-container[b-2gjproiykg]::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

.titles[b-2gjproiykg] {
    text-align: left;
    font-weight: bold;
    padding-left: 10px;

}

.job-container[b-2gjproiykg] {
    margin-bottom: 40px;
}
/* /Components/Pages/Scheduler/ModalWindows/ManageExceptionRecordsModalWindow.razor.rz.scp.css */


h3[b-18ebfb984k] {
    color: dimgray;
    margin-left: 1.2vw;
}

[b-18ebfb984k] .e-grid {
    padding: 1vw;
}

    [b-18ebfb984k] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-18ebfb984k] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }


[b-18ebfb984k] .e-grid {
    padding: 0px !important;
    margin: 1rem !important;
}

button[b-18ebfb984k] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-18ebfb984k] {
        background-color: #ff791a;
    }

    button:active[b-18ebfb984k] {
        background-color: #ff791a
    }

    button:focus[b-18ebfb984k] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-18ebfb984k] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-18ebfb984k] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-18ebfb984k] {
    float: right;
    width: 20%;
}
/* /Components/Pages/Scheduler/ModalWindows/MoveToModalWindow.razor.rz.scp.css */
.popup-header[b-wa9tqe91s7] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.info-icon[b-wa9tqe91s7] {
    font-size: 1.5rem;
    color: #ff6600;
    margin-right: 0.5rem;
}

.info-text[b-wa9tqe91s7] {
    font-size: 0.9rem;
    color: #333;
}

.popup-content[b-wa9tqe91s7] {
    margin-bottom: 1rem;
}

.radio-label[b-wa9tqe91s7] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #333;
}

    .radio-label input[b-wa9tqe91s7] {
        margin-right: 0.5rem;
    }

.popup-footer[b-wa9tqe91s7] {
    display: flex;
    align-items: center;
}

.checkbox-label[b-wa9tqe91s7] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #333;
}

    .checkbox-label input[b-wa9tqe91s7] {
        margin-right: 0.5rem;
    }



img[b-wa9tqe91s7] {
    height: 1vw;
}

button[b-wa9tqe91s7] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-wa9tqe91s7] {
        background-color: #ff791a;
    }

    button:active[b-wa9tqe91s7] {
        background-color: #ff791a
    }

    button:focus[b-wa9tqe91s7] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-wa9tqe91s7] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-wa9tqe91s7] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-wa9tqe91s7] {
    float: right;
    width: 20%;
}

.Switch[b-wa9tqe91s7] {
    margin-top: 1vw;
}

[b-wa9tqe91s7] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-wa9tqe91s7] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-wa9tqe91s7] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

/* /Components/Pages/Scheduler/ModalWindows/PrioritisationModalWindow.razor.rz.scp.css */
.popup-header[b-uk5pq5tvfq] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.info-icon[b-uk5pq5tvfq] {
    font-size: 1.5rem;
    color: #ff6600;
    margin-right: 0.5rem;
}

.info-text[b-uk5pq5tvfq] {
    font-size: 0.9rem;
    color: #333;
    text-align: left;
}

.popup-content[b-uk5pq5tvfq] {
    margin-bottom: 1rem;
}

.radio-label[b-uk5pq5tvfq] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #333;
}

    .radio-label input[b-uk5pq5tvfq] {
        margin-right: 0.5rem;
    }

.popup-footer[b-uk5pq5tvfq] {
    padding-top: 10px;
    display: flex;
    align-items: center;
}

.checkbox-label[b-uk5pq5tvfq] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #333;
}

    .checkbox-label input[b-uk5pq5tvfq] {
        margin-right: 0.5rem;
    }



img[b-uk5pq5tvfq] {
    height: 1vw;
}

button[b-uk5pq5tvfq] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-uk5pq5tvfq] {
        background-color: #ff791a;
    }

    button:active[b-uk5pq5tvfq] {
        background-color: #ff791a
    }

    button:focus[b-uk5pq5tvfq] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-uk5pq5tvfq] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-uk5pq5tvfq] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-uk5pq5tvfq] {
    float: right;
    width: 20%;
}

.Switch[b-uk5pq5tvfq] {
    margin-top: 1vw;
}

[b-uk5pq5tvfq] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-uk5pq5tvfq] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-uk5pq5tvfq] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }


/* Radio Button Styling */
.radio-group[b-uk5pq5tvfq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 15px;
}

.custom-radio .e-radio + label[b-uk5pq5tvfq]::before {
    border: 2px solid #ff6600 !important;
}

.custom-radio .e-radio:checked + label[b-uk5pq5tvfq]::before {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
}
/* /Components/Pages/Scheduler/Scheduler.razor.rz.scp.css */
.main-container[b-7te1gj8pt2] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    width: calc(100vw - var(--side-panel-width, 250px)); /* Adjust based on sidebar */
    transition: width 0.3s ease-in-out; /* Smooth transition */
}


.main-container[b-7te1gj8pt2] {
    height: 95vh;
    padding-top: 1em;
    width: 89vw;
}




.ribbonButton[b-7te1gj8pt2] {
    border: unset;
    background-color: #ff6900;
    color: white;
    align-content: center;
    align-items: center;
    padding: 10px 10px;
    cursor: pointer;
    width: 130px;
    border-radius:10px;
}

.ribbonImageButton[b-7te1gj8pt2] {
    border: unset;
    width: 90px;
    height: 30px;
    background-color: transparent;
}

.ribbonSection[b-7te1gj8pt2] {
    display: inline-block;
    align-items: center;
    margin: 0;
    white-space: normal;
}

.ribbonColumn[b-7te1gj8pt2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
}

.button-group[b-7te1gj8pt2] {
    display: flex;
}

.ribbonIcon[b-7te1gj8pt2] {
    width: 50px;
    height: 50px;
    object-fit: cover;

}



.ribbonButtonLabel[b-7te1gj8pt2] {
    font-size: 12px;
    width: auto;
}



.radioGroup[b-7te1gj8pt2] {
    margin-top: 20px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100px;
}

.radioOption[b-7te1gj8pt2] {
    display: flex;
    align-items: center;
    gap: 8px; 
}

.styledRadioButton[b-7te1gj8pt2] {
    display: none; /* Hide the default radio button */
}

    .styledRadioButton + .radioLabel[b-7te1gj8pt2]::before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        border: 2px solid orange;
        border-radius: 50%;
        margin-right: 8px;
    }

    .styledRadioButton:checked + .radioLabel[b-7te1gj8pt2]::before {
        background-color: orange; 
        border: 2px solid orange; 
        content: "";
    }






/* Ribbon Section */
.ribbon-section[b-7te1gj8pt2] {
    display: flex;
    justify-content: center;
    margin: 10px;
    padding-top: 10px;
}

.ribbon-column[b-7te1gj8pt2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px; /* Adds spacing between rows */
}

/* Legend Rows */
.legend-row[b-7te1gj8pt2] {
    display: flex;
    align-items: center;
    gap: 15px; /* Space between boxes and labels */
}

/* Legend Boxes */
.legend-box[b-7te1gj8pt2] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

    .legend-box.on-time[b-7te1gj8pt2] {
        background-color: #25A802; /* Green */
    }

    .legend-box.started[b-7te1gj8pt2] {
        background-color: #3949AB; /* Blue */
    }

    .legend-box.live[b-7te1gj8pt2] {
        background-color: #0DCAF0; /*#64B5F6; Light Blue */
    }

    .legend-box.late[b-7te1gj8pt2] {
        background-color: #F31F02; /* Red */
    }

/* Legend Labels */
.legend-label[b-7te1gj8pt2] {
    font-size: 12px;
    color: #333; /* Neutral text color for readability */
}




[b-7te1gj8pt2] .e-tab .e-tab-header .e-toolbar-items {
    float: right;
}




/* Custom color Switch */
.e-switch-wrapper.bar-color .e-switch-inner.e-switch-active[b-7te1gj8pt2],
.e-switch-wrapper.bar-color:hover .e-switch-inner.e-switch-active .e-switch-on[b-7te1gj8pt2] {
    background-color: #4d841d;
    border-color: #4d841d;
}

.e-switch-wrapper.bar-color .e-switch-inner[b-7te1gj8pt2],
.e-switch-wrapper.bar-color .e-switch-off[b-7te1gj8pt2] {
    background-color: #e3165b;
    border-color: #e3165b;
}

.e-switch-wrapper.bar-color .e-switch-handle[b-7te1gj8pt2] {
    background-color: #fff;
}





.tab-container[b-7te1gj8pt2] {
    position: relative; /* Ensures the container is a positioned element */
    height: 90vh; /* Adjust to match the container's height */
    display: flex;
    width: 20vw;
    flex-direction: column; /* Aligns child elements in a vertical stack */
}

.sticky-div[b-7te1gj8pt2] {
    position: sticky; /* Keeps the div in a fixed position relative to the container */
    top: 0; /* Sticks the div to the top of the container */
    background-color: white; /* Optional: to ensure it doesn't blend into the background */
    z-index: 10; /* Ensures it stays above other content */
    border-bottom: 1px solid #e4e4e4; /* Adds a bottom border */
}

.e-gridheader[b-7te1gj8pt2] {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
}



.customtab[b-7te1gj8pt2] {
    width: 100%;
}


/* Ensure tab headers stay at the bottom */
[b-7te1gj8pt2] .customtab .e-tab-header  {
    position: fixed; /* Fixes the tab header to the bottom */
    bottom: 0; /* Aligns the header at the bottom of the screen */
    width: fit-content; /* Makes the header span the full width of the parent */
    display: flex; /* Enables flex layout for equal distribution */
    justify-content: space-between; /* Spreads out tab items evenly */
    background-color: #f8f9fa; /* Optional: Background color for the header */
    z-index: 10; /* Ensures it stays on top of other content */

}

/* Make each tab header take up 50% of the width */
    [b-7te1gj8pt2] .customtab .e-tab-header .e-toolbar-item {
        flex: 1 1 50%; /* Ensures equal distribution */
        text-align: center; /* Centers the text inside the tab */
        font-weight: bold; /* Optional: Makes the text bold */
        font-size: 16px; /* Optional: Adjusts text size */
        width: stretch;
        padding: 10px 0; /* Adds vertical padding for better spacing */
    }



/* Adjust content section to not overlap with the header */
[b-7te1gj8pt2] .customtab .e-content  {
    margin-bottom: 0px; /* Leaves space for the fixed tab header */
}


.centerMessage[b-7te1gj8pt2] {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 44vh;
}



.chart-container[b-7te1gj8pt2] {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
}
/*::deep .e-splitter {
    overflow-x: auto !important;
}*/


[b-7te1gj8pt2] .e-grid .e-selectionbackground {
    background-color: #F35B02;
}


.main-tab-container[b-7te1gj8pt2] {
    display: flex;
    flex-direction: column;
    height: 88vh;
}

.sticky-header[b-7te1gj8pt2] {
    height: auto;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 10;
    border-bottom: 1px solid #e4e4e4;
}

.scheduler-container[b-7te1gj8pt2] {
    height: 53vh;
}

.datagrid-container[b-7te1gj8pt2] {
    height: 35vh;
    overflow: auto;
}
/* /Components/Pages/Scheduler/SchedulerOld.razor.rz.scp.css */
/*.fullscreen-component {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.toolbar-item {
    padding: 5px;
    font-size: 12px;
    text-align: center;
}

.toolbar-label {
    text-align: center;
    font-size: 13px;
    color: var(--sf-label-text);
    margin-top: 5px;
}

.toolbar-radio {
    margin: 5px;
}

*/


/* RIBBON */

.mainRibbon[b-pdd1mbnco0] {
    background-color: #f4f4f4;
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
}

.unsetButton[b-pdd1mbnco0] {
    border: unset;
    background-color: transparent;
    align-content: center;
    padding: 5px 15px;
    cursor: pointer; 
}

#ribbonScrollable[b-pdd1mbnco0] {
    overflow: auto;
    max-height: 110px;
    background-color: white;
    white-space: nowrap;

}

.ribbonSection[b-pdd1mbnco0] {
    display: inline-block;
    align-items: center;
    margin: 5px;
    white-space: normal;
}

.ribbonIcon[b-pdd1mbnco0] {
    height: 35px;
}

.ribbonSeparator[b-pdd1mbnco0] {
    width: 0.5px;
    height: 100%;
    background-color: lightgray;
    margin-right: 5px;
}

.ribbonButtonLabel[b-pdd1mbnco0] {
    font-size: 12px;
}

.ribbonHeaders[b-pdd1mbnco0] {
    font-size: 14px;
    align-items: center;
    align-content: center;
}





/* TOAST */
#toast_default .e-meeting[b-pdd1mbnco0]::before {
    content: "\e705";
    font-size: 17px;
}

.bootstrap4 #toast_default .e-meeting[b-pdd1mbnco0]::before {
    content: "\e763";
    font-size: 20px;
}




[b-pdd1mbnco0]::-webkit-scrollbar {
    width: 0px;
}

/* Track */
[b-pdd1mbnco0]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
[b-pdd1mbnco0]::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    [b-pdd1mbnco0]::-webkit-scrollbar-thumb:hover {
        background: #555;
    }
/* /Components/Pages/Settings/CompanyDetails.razor.rz.scp.css */
.form[b-i0sbuax7sl] {
    width: 100%;
    height:auto;
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 1vw;
    row-gap: 20vh;
    padding: 1vw;
    position: relative;
}
#target[b-i0sbuax7sl]{
    height:1rem;
    width:1rem;
    padding:0px;
}
.buttons[b-i0sbuax7sl]{
    width:10vw;
    position:absolute;
    margin-left:78vw;
    margin-top:61vh;

}
.buttonOne[b-i0sbuax7sl]{
    width:47%;
    float:left;
    

}
.buttonTwo[b-i0sbuax7sl]{
    width:47%;
    float:right;
    
}
button[b-i0sbuax7sl] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-i0sbuax7sl] {
    background-color: #ff791a;

}

button:active[b-i0sbuax7sl] {
    background-color: #ff791a
}

button:focus[b-i0sbuax7sl] {
    background-color: #ff791a;
    color: white;
}

@media only screen and (max-width: 740px) {
    .form[b-i0sbuax7sl] {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: auto ;
        column-gap: 1vw;
        row-gap: 1vw;
        padding: 1vw;
        position: relative;
    }
    .buttonOne[b-i0sbuax7sl] {
        width: 100%;
        float: left;
    }

    .buttonTwo[b-i0sbuax7sl] {
        width: 100%;
        float: right;
    }
    .buttons[b-i0sbuax7sl] {
        width:95vw;
        position: absolute;
        margin-left: 1vw;
        margin-top: 63vh;

    }
}
/* /Components/Pages/Settings/CompanyLicences.razor.rz.scp.css */
.form[b-98chvnfzh7] {
    width: 65.5%;
    height: auto;
    display: grid;
    grid-template-columns:auto auto;
    column-gap: 1vw;
    row-gap: 1vw;
    padding: 0vw;
    margin-left:1vw;
    position: relative;
}
@media only screen and (max-width: 740px) {
    .form[b-98chvnfzh7] {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: auto;
        column-gap: 1vw;
        row-gap: 1vw;
        padding: 0vw;
        margin-left: 1vw;
        position: relative;
    }
}
/* /Components/Pages/Settings/MachineMonitoringSettings/MachineAlertAddOrEdit.razor.rz.scp.css */
button[b-dhme2xzu4z] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-dhme2xzu4z] {
        background-color: #ff791a;
    }

    button:active[b-dhme2xzu4z] {
        background-color: #ff791a
    }

    button:focus[b-dhme2xzu4z] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-dhme2xzu4z] {
    width: 23vw;
}

.buttonLeft[b-dhme2xzu4z] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-dhme2xzu4z] {
    float: right;
    width: 20%;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-dhme2xzu4z] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-dhme2xzu4z] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-dhme2xzu4z] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-dhme2xzu4z] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/MachineMonitoringSettings/MachineAlerts.razor.rz.scp.css */

h3[b-33l30xnh04] {
    color: dimgray;
    margin-left: 1.2vw;
}

[b-33l30xnh04] .e-grid {
    padding: 1vw;
}

    [b-33l30xnh04] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-33l30xnh04] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/MachineMonitoringSettings/MachineMonitoringTagsAddorEdit.razor.rz.scp.css */
button[b-cm1h1twsi9] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-cm1h1twsi9] {
        background-color: #ff791a;
    }

    button:active[b-cm1h1twsi9] {
        background-color: #ff791a
    }

    button:focus[b-cm1h1twsi9] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-cm1h1twsi9] {
    width: 23vw;
}

.buttonLeft[b-cm1h1twsi9] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-cm1h1twsi9] {
    float: right;
    width: 20%;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-cm1h1twsi9] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-cm1h1twsi9] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-cm1h1twsi9] {
        width: 40vw;
        margin-left: 8vw;
    }
}

@media screen and (max-width: 400px) {
    .theseButtons[b-cm1h1twsi9] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/MachineMonitoringSettings/MachineReportingAddOrEdit.razor.rz.scp.css */
button[b-boubhgd04p] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-boubhgd04p] {
        background-color: #ff791a;
    }

    button:active[b-boubhgd04p] {
        background-color: #ff791a
    }

    button:focus[b-boubhgd04p] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-boubhgd04p] {
    width: 23vw;

}
.buttonLeft[b-boubhgd04p] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-boubhgd04p] {
    float: right;
    width: 20%;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-boubhgd04p] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-boubhgd04p] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-boubhgd04p] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-boubhgd04p] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/MachineMonitoringSettings/MachineReportingGroups.razor.rz.scp.css */

h3[b-elilvqs1dj] {
    color: dimgray;
    margin-left: 1.2vw;
}
[b-elilvqs1dj] .e-grid {
    padding: 1vw;

}

    [b-elilvqs1dj] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-elilvqs1dj] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/MachineMonitoringSettings/Machines.razor.rz.scp.css */

h3[b-grtuhrgkg0] {
    color: dimgray;
    margin-left: 1.2vw;
}
[b-grtuhrgkg0] .e-grid {
    padding: 1vw;

}
[b-grtuhrgkg0] .e-grid .e-selectionbackground {
    background-color: #ff6900;
    color: white;

}

[b-grtuhrgkg0] .e-grid .e-gridcontent .e-rowcell {
     color: white;
}
/* /Components/Pages/Settings/MachineMonitoringSettings/MachineTags.razor.rz.scp.css */

h3[b-tayiy8tqrs] {
    color: dimgray;
    margin-left: 1.2vw;
}

[b-tayiy8tqrs] .e-grid {
    padding: 1vw;
}

    [b-tayiy8tqrs] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-tayiy8tqrs] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/SchedulerModalWindows/AddWorkCentre.razor.rz.scp.css */
button[b-faenc8swp2] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-faenc8swp2] {
        background-color: #ff791a;
    }

    button:active[b-faenc8swp2] {
        background-color: #ff791a
    }

    button:focus[b-faenc8swp2] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-faenc8swp2] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-faenc8swp2] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-faenc8swp2] {
    float: right;
    width: 20%;
}

.switch[b-faenc8swp2] {
    margin-top: 1vw;
}

[b-faenc8swp2] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-faenc8swp2] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-faenc8swp2] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }
    .form[b-faenc8swp2]{
        width:23vw;
    }

.form-group[b-faenc8swp2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vh;
}

.form-label[b-faenc8swp2] {
    width: 25vw;
    margin-right: 4vw;
    flex: 1;
}

.form-switch[b-faenc8swp2] {
    margin-left: 4vw;
    flex: 1;
}


@media screen and (max-width: 1100px) {
    .buttonLeft[b-faenc8swp2] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-faenc8swp2] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-faenc8swp2] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-faenc8swp2] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SchedulerModalWindows/AddWorkCentreGroup.razor.rz.scp.css */
button[b-wowvo39vai] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-wowvo39vai] {
        background-color: #ff791a;
    }

    button:active[b-wowvo39vai] {
        background-color: #ff791a
    }

    button:focus[b-wowvo39vai] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-wowvo39vai] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-wowvo39vai] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-wowvo39vai] {
    float: right;
    width: 20%;
}

.Switch[b-wowvo39vai] {
    margin-top: 1vw;
}

[b-wowvo39vai] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-wowvo39vai] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-wowvo39vai] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-wowvo39vai] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-wowvo39vai] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-wowvo39vai] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-wowvo39vai] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SchedulerModalWindows/DeleteWorkCentre.razor.rz.scp.css */
img[b-gwn5mcfnky] {
    height: 4rem;
    left: 0;
    padding: 0px;
}

.image[b-gwn5mcfnky] {
    float: left;
}

.text[b-gwn5mcfnky] {
    float: right;
    padding-top: 1vh;
}

.content[b-gwn5mcfnky] {
    width: 22vw;
    display: flex;
}

#buttonone[b-gwn5mcfnky] {
    float: right;
    width: 15%;
}

#buttontwo[b-gwn5mcfnky] {
    background-color: gray;
    width: 15%;
    color: white;
    float: right;
    margin-right: 1vw;
}

.buttons[b-gwn5mcfnky] {
    width: 23vw;
    height: auto;
}

button[b-gwn5mcfnky] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-gwn5mcfnky] {
        background-color: #ff791a;
    }

    button:active[b-gwn5mcfnky] {
        background-color: #ff791a
    }

    button:focus[b-gwn5mcfnky] {
        background-color: #ff791a;
        color: white;
    }
@media screen and (max-width: 1100px) {
    #buttonone[b-gwn5mcfnky] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    #buttontwo[b-gwn5mcfnky] {
        float: right;
        width: 45%;
    }

    .buttons[b-gwn5mcfnky] {
        width: 40vw;
        margin-left: 8vw;
    }

    .text[b-gwn5mcfnky] {
        width: 100%;
    }

    .content[b-gwn5mcfnky] {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-gwn5mcfnky] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SchedulerModalWindows/DeleteWorkCentreGroup.razor.rz.scp.css */
img[b-ty539x8dz2] {
    height: 4rem;
    left: 0;
    padding: 0px;
}

.image[b-ty539x8dz2] {
    float: left;
}

.text[b-ty539x8dz2] {
    float: right;
    padding-top: 1vh;
}

.content[b-ty539x8dz2] {
    width: 22vw;
    display: flex;
}

#buttonone[b-ty539x8dz2] {
    float: right;
    width: 15%;
}

#buttontwo[b-ty539x8dz2] {
    background-color: gray;
    width: 15%;
    color: white;
    float: right;
    margin-right: 1vw;
}

.buttons[b-ty539x8dz2] {
    width: 23vw;
    height: auto;
}

button[b-ty539x8dz2] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-ty539x8dz2] {
        background-color: #ff791a;
    }

    button:active[b-ty539x8dz2] {
        background-color: #ff791a
    }

    button:focus[b-ty539x8dz2] {
        background-color: #ff791a;
        color: white;
    }

@media screen and (max-width: 1100px) {
    #buttonone[b-ty539x8dz2] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    #buttontwo[b-ty539x8dz2] {
        float: right;
        width: 45%;
    }

    .buttons[b-ty539x8dz2] {
        width: 40vw;
        margin-left: 8vw;
    }

    .text[b-ty539x8dz2] {
        width: 100%;
    }

    .content[b-ty539x8dz2] {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-ty539x8dz2] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SchedulerModalWindows/EditWorkCentre.razor.rz.scp.css */
button[b-y4ria7s9fx] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-y4ria7s9fx] {
        background-color: #ff791a;
    }

    button:active[b-y4ria7s9fx] {
        background-color: #ff791a
    }

    button:focus[b-y4ria7s9fx] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-y4ria7s9fx] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-y4ria7s9fx] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-y4ria7s9fx] {
    float: right;
    width: 20%;
}

.switch[b-y4ria7s9fx] {
    margin-top: 1vw;
}

[b-y4ria7s9fx] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-y4ria7s9fx] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-y4ria7s9fx] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

.form-group[b-y4ria7s9fx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1vh;
}

.form-label[b-y4ria7s9fx] {
    width: 25vw;
    margin-right: 4vw;
    flex: 1;
}

.form-switch[b-y4ria7s9fx] {
    margin-left: 4vw;
    flex: 1;
}

.disabled-input[b-y4ria7s9fx] {
    background-color: #e9ecef;
    color: #6c757d;
    cursor: not-allowed;
}

.select1[b-y4ria7s9fx] {
    margin-top: 1vh;
}

img[b-y4ria7s9fx] {
    height: 1vw;
    float: right;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-y4ria7s9fx] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-y4ria7s9fx] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-y4ria7s9fx] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-y4ria7s9fx] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SchedulerModalWindows/EditWorkCentreGroup.razor.rz.scp.css */
img[b-lsyc2dlm9v] {
    height: 1vw;
}

button[b-lsyc2dlm9v] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-lsyc2dlm9v] {
        background-color: #ff791a;
    }

    button:active[b-lsyc2dlm9v] {
        background-color: #ff791a
    }

    button:focus[b-lsyc2dlm9v] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-lsyc2dlm9v] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-lsyc2dlm9v] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-lsyc2dlm9v] {
    float: right;
    width: 20%;
}

[b-lsyc2dlm9v] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

    [b-lsyc2dlm9v] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-lsyc2dlm9v] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

.Items[b-lsyc2dlm9v] {
    width: 100%;
    height: 4vw;
}

.Item1[b-lsyc2dlm9v] {
    float: left;
    width: 20%;
    margin-left: 6vw;
    padding-top: 1.2vw;
}

.Item2[b-lsyc2dlm9v] {
    float: right;
    width: 50%;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-lsyc2dlm9v] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-lsyc2dlm9v] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-lsyc2dlm9v] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-lsyc2dlm9v] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SchedulerSettings/SchedulerWorkflow.razor.rz.scp.css */
.Container[b-gx65ngxjgy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0.5vw;
    column-gap: 1vw;
    width: 80vw;
    margin-left: 1.2vw;
}

label[b-gx65ngxjgy] {
    width: 20vw;
}

h3[b-gx65ngxjgy] {
    color: dimgray;
    margin-left: 1.2vw;
}

[b-gx65ngxjgy] .e-switch-wrapper {
    margin-left: 2vw;
    margin-top: 0.2vw;
    padding-top: 1vw;
}

    [b-gx65ngxjgy] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-gx65ngxjgy] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

.danger-btn[b-gx65ngxjgy] {
    height: 5vh;
    width: 9vw;
    min-width: 175px;
    background-color: red;
    color: white;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 7px;
    margin-top: 1.25vh;
}

    .danger-btn:hover[b-gx65ngxjgy] {
        background-color: #ff5c33;
    }

.warningwhite-icon[b-gx65ngxjgy] {
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
}

@media only screen and (max-width: 740px) {
    .Container[b-gx65ngxjgy] {
        display: grid;
        grid-template-columns: auto;
        row-gap: 4vw;
    }

    label[b-gx65ngxjgy] {
        width: 65vw;
    }
}
/* /Components/Pages/Settings/SchedulerSettings/WorkCentreGroups.razor.rz.scp.css */

h3[b-44aukd5pnr] {
    color: dimgray;
    margin-left: 1.2vw;
}

[b-44aukd5pnr] .e-grid {
    padding: 1vw;
}

    [b-44aukd5pnr] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-44aukd5pnr] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/SchedulerSettings/WorkCentres.razor.rz.scp.css */

h3[b-us5xt3a4sm] {
    color: dimgray;
    margin-left: 1.2vw;
}

[b-us5xt3a4sm] .e-grid {
    padding: 1vw;
}

    [b-us5xt3a4sm] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-us5xt3a4sm] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/Settings.Razor.rz.scp.css */
[b-sfln05h3dl] .e-tab .e-tab-header .e-toolbar-items {
    
    float: right;
}
[b-sfln05h3dl] .e-tab .e-tab-header .e-tab-text {
    color: #ff6900;
}
label[b-sfln05h3dl]{
    padding-left:1vw;
}
.buttonOne[b-sfln05h3dl] {
    width: 47%;
    float: left;
}

.buttonTwo[b-sfln05h3dl] {
    width: 47%;
    float: right;
}

button[b-sfln05h3dl] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-sfln05h3dl] {
        background-color: #ff791a;
    }

    button:active[b-sfln05h3dl] {
        background-color: #ff791a
    }

    button:focus[b-sfln05h3dl] {
        background-color: #ff791a;
        color: white;
    }
/* /Components/Pages/Settings/SFDCModalWIndows/AddOrEditAbsenceType.razor.rz.scp.css */
button[b-of5ryoym9z] {
    background-color: #ff6900;
    color: white;
}

button:hover[b-of5ryoym9z] {
    background-color: #ff791a;
}

button:active[b-of5ryoym9z] {
    background-color: #ff791a
}

button:focus[b-of5ryoym9z] {
    background-color: #ff791a;
    color: white;
}

.theseButtons[b-of5ryoym9z] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-of5ryoym9z] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-of5ryoym9z] {
    float: right;
    width: 20%;
}

.activeSwitch[b-of5ryoym9z] {
    width: 9.5vw;
    margin-top: 1vw;
}

[b-of5ryoym9z] .e-switch-wrapper {
    padding-top: 0vw;
}

    [b-of5ryoym9z] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-of5ryoym9z] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-of5ryoym9z] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-of5ryoym9z] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-of5ryoym9z] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-of5ryoym9z] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SFDCModalWIndows/AddOrEditNonProductiveCodes.razor.rz.scp.css */
button[b-kw6zop6p30] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-kw6zop6p30] {
        background-color: #ff791a;
    }

    button:active[b-kw6zop6p30] {
        background-color: #ff791a
    }

    button:focus[b-kw6zop6p30] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-kw6zop6p30] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-kw6zop6p30] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-kw6zop6p30] {
    float: right;
    width: 20%;
}
.activeSwitch[b-kw6zop6p30] {
    width: 9.5vw;
    margin-top:1vw;
}
[b-kw6zop6p30] .e-switch-wrapper {
    padding-top: 0vw;
}

    [b-kw6zop6p30] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-kw6zop6p30] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-kw6zop6p30] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-kw6zop6p30] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-kw6zop6p30] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-kw6zop6p30] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SFDCModalWIndows/AddOrEditSFDCOperator.razor.rz.scp.css */
button[b-63bjdwypfh] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-63bjdwypfh] {
        background-color: #ff791a;
    }

    button:active[b-63bjdwypfh] {
        background-color: #ff791a
    }

    button:focus[b-63bjdwypfh] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-63bjdwypfh] {
    width: 23vw;
    margin-left: 0vw;
}

.buttonLeft[b-63bjdwypfh] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-63bjdwypfh] {
    float: right;
    width: 20%;
}
.Items[b-63bjdwypfh] {
    width: 100%;
    height: 4vw;
}

.Item1[b-63bjdwypfh] {
    float: left;
    width: 40%;
    margin-left: 0vw;
    padding-top: 1.2vw;
}

.Item2[b-63bjdwypfh] {
    float: right;
    width: 50%;
}
[b-63bjdwypfh] .e-switch-wrapper {

    padding-top: 1vw;
}

    [b-63bjdwypfh] .e-switch-wrapper .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }

    [b-63bjdwypfh] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
        background-color: #ff6900;
        color: #ff6900;
        border-color: #ff6900;
    }
.activeSwitch[b-63bjdwypfh]{
    width:9.5vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-63bjdwypfh] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-63bjdwypfh] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-63bjdwypfh] {
        width: 40vw;
        margin-top:10vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-63bjdwypfh] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/SFDCSettings/AbsenceTypesGrid.razor.rz.scp.css */

h3[b-yjr5vjed3v] {
    color: dimgray;
    margin-left: 1.2vw;
}


[b-yjr5vjed3v] .e-grid {
    padding: 1vw;

}

    [b-yjr5vjed3v] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-yjr5vjed3v] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/SFDCSettings/NonProductiveCodesGrid.razor.rz.scp.css */


h3[b-d8pz7vkdcp] {
    color: dimgray;
    margin-left: 1.2vw;
}


[b-d8pz7vkdcp] .e-grid {
    padding: 1vw;

}

    [b-d8pz7vkdcp] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-d8pz7vkdcp] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/SFDCSettings/SFDCOperator.razor.rz.scp.css */

h3[b-got104g33i] {
    color: dimgray;
    margin-left: 1.2vw;
}

[b-got104g33i] .e-grid {
    padding: 1vw;

}

    [b-got104g33i] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-got104g33i] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/SFDCSettings/Workflow.razor.rz.scp.css */
.Container[b-hclmuobof8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0.5vw;
    column-gap: 1vw;
    width: 80vw;
    margin-left: 1.2vw;
}
label[b-hclmuobof8]{
    width:20vw;
}
h3[b-hclmuobof8] {
    color: dimgray;
    margin-left: 1.2vw;
}
[b-hclmuobof8] .e-switch-wrapper {
    margin-left:2vw;
    margin-top:0.2vw;
    padding-top:1vw;

}
[b-hclmuobof8] .e-switch-wrapper .e-switch-on {
    background-color: #ff6900;
    color: #ff6900;
    border-color: #ff6900;
}
[b-hclmuobof8] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #ff6900;
    color: #ff6900;
    border-color: #ff6900;
}

.danger-btn[b-hclmuobof8] {
    height: 5vh;
    width: 9vw;
    min-width: 175px;
    background-color: red;
    color: white;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 7px;
    margin-top:1.25vh;
}

    .danger-btn:hover[b-hclmuobof8] {
        background-color: #ff5c33;
    }

.warningwhite-icon[b-hclmuobof8] {
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
}

@media only screen and (max-width: 740px) {
    .Container[b-hclmuobof8] {
        display: grid;
        grid-template-columns:  auto;
        row-gap:4vw;
    }
    label[b-hclmuobof8]{
        width:65vw;
    }
}
/* /Components/Pages/Settings/ShiftPatterns/AddOrEditShiftPatterns.razor.rz.scp.css */
button[b-45iu009oc9] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-45iu009oc9] {
        background-color: #ff791a;
    }

    button:active[b-45iu009oc9] {
        background-color: #ff791a
    }

    button:focus[b-45iu009oc9] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-45iu009oc9] {
    width: 23vw;
    margin-left:25vw;
}

.buttonLeft[b-45iu009oc9] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-45iu009oc9] {
    float: right;
    width: 20%;
}

img[b-45iu009oc9] {
    margin-left: 0vw;
}
[b-45iu009oc9] .e-grid {
    padding: 0vw;
    margin-top: 1vh;
}

    [b-45iu009oc9] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-45iu009oc9] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }

@media screen and (max-width: 1100px) {
    .buttonLeft[b-45iu009oc9] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-45iu009oc9] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-45iu009oc9] {
        width: 40vw;
        margin-left: 8vw;
    }
}
/* /Components/Pages/Settings/ShiftPatterns/EditShiftPattern.razor.rz.scp.css */
button[b-e2dgm3kpq7] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-e2dgm3kpq7] {
        background-color: #ff791a;
    }

    button:active[b-e2dgm3kpq7] {
        background-color: #ff791a
    }

    button:focus[b-e2dgm3kpq7] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-e2dgm3kpq7] {
    width: 23vw;
}

.buttonLeft[b-e2dgm3kpq7] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-e2dgm3kpq7] {
    float: right;
    width: 20%;
}
/* /Components/Pages/Settings/ShiftPatterns/ShiftPatterns.razor.rz.scp.css */

h3[b-283ah1x7ug] {
    color: dimgray;
    margin-left: 1.2vw;
}
#target[b-283ah1x7ug] {
    height: 2rem;
    width: 2rem;
    padding: 0px;
}
[b-283ah1x7ug] .e-grid {
    padding: 1vw;

}

    [b-283ah1x7ug] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-283ah1x7ug] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/UserDataGrid.razor.rz.scp.css */


[b-xm9mka84vb] .e-grid {
    padding: 1vw;

}

    [b-xm9mka84vb] .e-grid .e-selectionbackground {
        background-color: #ff6900;
        color: white;
    }

    [b-xm9mka84vb] .e-grid .e-gridcontent .e-rowcell {
        color: white;
    }
/* /Components/Pages/Settings/UserModalWindows/DeleteUser.razor.rz.scp.css */
img[b-87ld0hg01a]{
    height:4rem;
    left:0;
    padding:0px;
}

.image[b-87ld0hg01a] {
    float: left;
}

.text[b-87ld0hg01a]{
    float:right;
    padding-top:1vh;
}
.content[b-87ld0hg01a]{
    width:22vw;
    display:flex;
}
#buttonone[b-87ld0hg01a] {
    float: right;
    width: 15%;
}

#buttontwo[b-87ld0hg01a] {
    background-color: gray;
    width: 15%;
    color: white;
    float: right;
    margin-right: 1vw;
}

.buttons[b-87ld0hg01a] {
    width: 23vw;
    height: auto;
}

button[b-87ld0hg01a] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-87ld0hg01a] {
        background-color: #ff791a;
    }

    button:active[b-87ld0hg01a] {
        background-color: #ff791a
    }

    button:focus[b-87ld0hg01a] {
        background-color: #ff791a;
        color: white;
    }
/* /Components/Pages/Settings/UserModalWindows/EditUser.razor.rz.scp.css */
img[b-zpuet52px8] {
    height: 1vw;
}

button[b-zpuet52px8] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-zpuet52px8] {
        background-color: #ff791a;
    }

    button:active[b-zpuet52px8] {
        background-color: #ff791a
    }

    button:focus[b-zpuet52px8] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-zpuet52px8] {
    width: 23vw;

}

.buttonLeft[b-zpuet52px8] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-zpuet52px8] {
    float: right;
    width: 20%;
}
[b-zpuet52px8] .e-switch-wrapper {
    margin-left: -10vw;
    padding-top: 1vw;
}

[b-zpuet52px8] .e-switch-wrapper .e-switch-on {
    background-color: #ff6900;
    color: #ff6900;
    border-color: #ff6900;
}

[b-zpuet52px8] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #ff6900;
    color: #ff6900;
    border-color: #ff6900;
 }
.Items[b-zpuet52px8] {
    width: 100%;
    height:4vw;
}
.Item1[b-zpuet52px8] {
    float: left;
    width: 20%;
    margin-left: 2.5vw;
    padding-top:1.2vw;
}
.Item2[b-zpuet52px8] {
    float: right;
    width: 50%;
}
.activeSwitch[b-zpuet52px8]{
    width:23vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-zpuet52px8] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-zpuet52px8] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-zpuet52px8] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-zpuet52px8] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Settings/UserModalWindows/NewUser.razor.rz.scp.css */
img[b-a4sksbxzl1]{
    height:1vw;
}
button[b-a4sksbxzl1] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-a4sksbxzl1] {
        background-color: #ff791a;
    }

    button:active[b-a4sksbxzl1] {
        background-color: #ff791a
    }

    button:focus[b-a4sksbxzl1] {
        background-color: #ff791a;
        color: white;
    }

.theseButtons[b-a4sksbxzl1] {
    width: 23vw;
    background-color: red;
}

.buttonLeft[b-a4sksbxzl1] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-a4sksbxzl1] {
    float: right;
    width: 20%;
}
.Switch[b-a4sksbxzl1]{
    margin-top:1vw;
    
}
[b-a4sksbxzl1] .e-switch-wrapper {
    margin-left:-10vw;
    padding-top:1vw;

}
[b-a4sksbxzl1] .e-switch-wrapper .e-switch-on {
    background-color: #ff6900;
    color: #ff6900;
    border-color: #ff6900;
}
[b-a4sksbxzl1] .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
    background-color: #ff6900;
    color: #ff6900;
    border-color: #ff6900;
}
.switchy[b-a4sksbxzl1]{
    margin-top:0vw;
}

@media screen and (max-width: 1100px) {
    .buttonLeft[b-a4sksbxzl1] {
        float: right;
        width: 45%;
        margin-right: 1vw;
    }

    .buttonRight[b-a4sksbxzl1] {
        float: right;
        width: 45%;
    }

    .theseButtons[b-a4sksbxzl1] {
        width: 40vw;
        margin-left: 8vw;
    }
}
@media screen and (max-width: 400px) {
    .theseButtons[b-a4sksbxzl1] {
        width: 40vw;
        margin-left: 42vw;
    }
}
/* /Components/Pages/Sfdc.razor.rz.scp.css */

.visitor-label[b-kyf1zxc1l9] {
    grid-column: 1 / 3;
    text-align: left; 
    align-content:center;
    padding-left: 0.8vw;
    font-size: 1.8rem;
}

.logout-link[b-kyf1zxc1l9] {
    text-decoration: underline;
    color: #FF6600;
    cursor: pointer;
}

    .logout-link:hover[b-kyf1zxc1l9] {
        color: #CC5200;
        transform: scale(1.05);
    }

.visitor-button-item[b-kyf1zxc1l9] {
    display: flex;
    justify-content: center;
    width: 35vh;
    height: 9vh;
    margin-left: 1vw;
    margin-top: 1vw;
}



.data-grid-item[b-kyf1zxc1l9] {
    padding: 1vw;
    text-align: center;
    grid-column: span 4;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 50vh;
}

.col-sm-12[b-kyf1zxc1l9] {
    padding: 1vw;
}
/* /Components/Pages/TimeAndAttendance.razor.rz.scp.css */

.visitor-label[b-o9if1bazvl] {
    grid-column: 1 / 3;
    text-align: left;
    align-content: center;
    padding-left: 0.8vw;
    font-size: 1.8rem;
}

.logout-link[b-o9if1bazvl] {
    text-decoration: underline;
    color: #FF6600;
    cursor: pointer;
}

    .logout-link:hover[b-o9if1bazvl] {
        color: #CC5200;
        transform: scale(1.05);
    }

.clock-in[b-o9if1bazvl] {
    grid-column: 4;
}

.clock-out[b-o9if1bazvl] {
    grid-column: 4;
}

.data-grid-item[b-o9if1bazvl] {
    padding: 1vw;
    margin-top: 1vh;
    text-align: center;
    width: 100% !important;
    height: 100% !important;
    min-height: 50vh;
}

@media only screen and (max-width: 1025px) {
    .grid-container[b-o9if1bazvl] {
        grid-template-columns: auto;
    }

    .visitor-buttons-grid[b-o9if1bazvl] {
        grid-template-columns: 1fr;
        margin-bottom: 3vh;
        margin-left: 0vh;
        column-gap: 1vw;
    }

    .button-item[b-o9if1bazvl] {
        width: 100%;
    }

    .visitor-button-item[b-o9if1bazvl] {
        width: 100%;
    }

    .visitor-label[b-o9if1bazvl] {
        grid-column: 1;
        text-align: left;
        align-content: center;
        padding-left: 0.8vw;
        font-size: 1.8rem;
    }

    .clock-in[b-o9if1bazvl] {
        grid-column: 1;
        width: 40%;
    }

    .clock-out[b-o9if1bazvl] {
        grid-column: 2;
    }

    .visitor-button-item[b-o9if1bazvl] {
        width: 100%;
        height: 15vh;
        margin-left: 1vw;
    }
}

@media only screen and (max-width: 740px) {
    .grid-container[b-o9if1bazvl] {
        grid-template-columns: auto;
    }

    .visitor-buttons-grid[b-o9if1bazvl] {
        grid-template-columns: 1fr;
        margin-bottom: 3vh;
        margin-left: 0vh;
    }

    .button-item[b-o9if1bazvl] {
        width: 100%;
    }

    .visitor-button-item[b-o9if1bazvl] {
        width: 100%;
    }

    .visitor-label[b-o9if1bazvl] {
        grid-column: 1;
        text-align: left;
        align-content: center;
        padding-left: 0.8vw;
        font-size: 1.8rem;
    }

    .clock-in[b-o9if1bazvl] {
        grid-column: 1;
    }

    .clock-out[b-o9if1bazvl] {
        grid-column: 1;
    }

    .visitor-button-item[b-o9if1bazvl] {
        width: 100%;
        height: 15vh;
        margin-left: 1vw;
    }
}
/* /Components/Pages/UserProfile/ChangePassword.razor.rz.scp.css */


button[b-24sufkmnyp] {
    background-color: #ff6900;
    color: white;
}
button:hover[b-24sufkmnyp] {
    background-color: #ff791a;

}
button:active[b-24sufkmnyp] {
   background-color: #ff791a
}

button:focus[b-24sufkmnyp] {
   background-color: #ff791a;
   color: white;
 }

.theseButtons[b-24sufkmnyp] {
    width: 23vw;

    background-color: red;
}
.buttonLeft[b-24sufkmnyp] {
    float: right;
    width: 20%;
    margin-right: 1vw;
}

.buttonRight[b-24sufkmnyp] {
    float: right;
    width:20%;
   
}
/* /Components/Pages/UserProfile/EditProfile.razor.rz.scp.css */
.EditProfileForm[b-p2wu9wh5p7]{
    width:40vw;
    height:auto;
    align-content:center;
    margin-left:0vw;
    margin-top:0vh;
    text-align:center;
    padding:1vw;

}
.firstHalf[b-p2wu9wh5p7] {
    width: 50%;
    float:left;
    padding-right:1vw;
}
.secondHalf[b-p2wu9wh5p7] {
    width: 50%;
    float:right;
    padding-right:1vw;
}
#submitButton[b-p2wu9wh5p7] {
    position:relative;
    width:5vw;
    margin-left:83vw;
    margin-top:61vh;
}
button[b-p2wu9wh5p7] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-p2wu9wh5p7] {
        background-color: #ff791a;
    }

    button:active[b-p2wu9wh5p7] {
        background-color: #ff791a
    }

    button:focus[b-p2wu9wh5p7] {
        background-color: #ff791a;
        color: white;
    }
/* /Components/Pages/UserProfile/PasswordReset.Razor.rz.scp.css */
.background[b-zf0agv43ki]{
    height: 100vh;
    background-image: url('/img/login_background.png');
    background-size: cover;
}
/* /Components/Pages/UserProfile/ProfilePicture.razor.rz.scp.css */

 
.cancelImage[b-zlpimlbt3x] {

    position: center;
    width:2rem;
    height:auto;
    z-index: 99;
}
.wrapper[b-zlpimlbt3x] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: black;
    margin-left:8.5vw;
    margin-top:0vh;

}

@media only screen and (max-width: 740px) {
    .Container[b-zlpimlbt3x] {
    width: 20vw;
    height: auto;
    align-content: center;
    margin-left: 0vw;
    margin-top: -45vh;
    text-align: center;
    padding: 1vw;

}
    .cancelImage[b-zlpimlbt3x] {
        position: center;
        width: 2rem;
        height: auto;
        z-index: 99;
    }
    .uploader[b-zlpimlbt3x] {
        position: relative;
        left: 0vw;
        width: 37vw;
        -webkit-transform: translate(-50%, -20%);
        transform: translate(15vw, 12vh);
    }
    .wrapper[b-zlpimlbt3x] {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background-color: black;
        margin-left: 1vw;
        margin-top: 2vh;
        position: absolute;
        z-index: 98;
    }

}
@media only screen and (min-width: 740px) and (max-width: 1500px) {
    .Container[b-zlpimlbt3x] {
        width: 20vw;
        height: auto;
        align-content: center;
        margin-left: 40vw;
        margin-top: -96vh;
        text-align: center;
        padding: 1vw;
    }
    .wrapper[b-zlpimlbt3x] {
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background-color: black;
        margin-left:10vw;
        margin-top: 1vh;
    }
}

    @media only screen and (min-width: 2000px) {
        .Container[b-zlpimlbt3x] {
            width: 20vw;
            height: auto;
            align-content: center;
            margin-left: 30vw;
            margin-top: -98vh;
            text-align: center;
            padding: 1vw;
        }
        .wrapper[b-zlpimlbt3x] {
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background-color: black;
            margin-left: 20vw;
            margin-top: 10vh;
        }
        .cancelImage[b-zlpimlbt3x] {
            position: center;
            width: 2rem;
            height: auto;
            z-index: 99;
        }
    }
/* /Components/Pages/UserProfile/ProfilePictureEditor.razor.rz.scp.css */
 .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center[b-jtp2dn4j9g] {
        margin: 0 auto !important;
    }
    .e-ie-toolbar-upload-div.e-hide[b-jtp2dn4j9g],
    .e-ie-toolbar-upload-btn.e-hide[b-jtp2dn4j9g] {
        display: none;
    }
    .e-img-editor-sample[b-jtp2dn4j9g],
    .e-img-editor-sample .control-wrapper[b-jtp2dn4j9g] {
        position: relative;
    }
.e-profile[b-jtp2dn4j9g] {
    width: 1vw;
    height: 1vh;
    left: 0vw;
    border-radius: 50%;
}
    .e-custom-wrapper[b-jtp2dn4j9g] {
        position: relative;

    }
    .e-custom-edit[b-jtp2dn4j9g] {
        position: absolute;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: black;
        top: calc(100% - 4vh);
        left: calc(100% + 6vw);
    }
    .e-custom-icon[b-jtp2dn4j9g]::before {
        font-size: 18px;
        width:2vw;
        height:auto;
        color: white;
        position:center;

    }
    .tailwind .e-custom-icon[b-jtp2dn4j9g]::before,
    .tailwind-dark .e-custom-icon[b-jtp2dn4j9g]::before {
        top: 6px;
    }
    #custom-edit:hover[b-jtp2dn4j9g] {
        cursor: pointer;
    }
    canvas#img-canvas[b-jtp2dn4j9g] {
        border-radius: 50%;
        border: 4px solid darkgrey;
    }
    .e-img-custom-open[b-jtp2dn4j9g] {
        float: left;
        margin-left: 0 !important;
    }
    .e-img-custom-reset[b-jtp2dn4j9g] {
        float: left;
    }
    .e-bigger #profile-dialog .e-dlg-header[b-jtp2dn4j9g] {
        font-size: 18px !important;
    }
    .e-img-editor-sample[b-jtp2dn4j9g] {
        min-height: 450px;
    }
    .highcontrast .e-custom-img-btn[b-jtp2dn4j9g],
    .fabric .e-custom-img-btn[b-jtp2dn4j9g],
    .fabric-dark .e-custom-img-btn[b-jtp2dn4j9g] {
        padding: 2px 10px !important;
    }
    .e-bigger .e-custom-img-btn[b-jtp2dn4j9g] {
        font-size: 14px !important;
        padding: 6px 10px !important;
    }
    .e-bigger.highcontrast .e-custom-img-btn[b-jtp2dn4j9g],
    .e-bigger.fabric .e-custom-img-btn[b-jtp2dn4j9g],
    .e-bigger.fabric-dark .e-custom-img-btn[b-jtp2dn4j9g],
    .e-bigger.material .e-custom-img-btn[b-jtp2dn4j9g],
    .e-bigger.material-dark .e-custom-img-btn[b-jtp2dn4j9g] {
        padding: 3px 10px !important;
    }
    .e-bigger.bootstrap .e-custom-img-btn[b-jtp2dn4j9g],
    .e-bigger.bootstrap-dark .e-custom-img-btn[b-jtp2dn4j9g] {
        padding: 1px 10px !important;
    }
    .dialogContent[b-jtp2dn4j9g] {
	height: 100%;
    }
    .e-img-editor-sample.e-hide[b-jtp2dn4j9g] {
        display: none;
    }
    .material3 .e-custom-img-btn[b-jtp2dn4j9g],
    .material3-dark .e-custom-img-btn[b-jtp2dn4j9g],
    .e-bigger.material3 .e-custom-img-btn[b-jtp2dn4j9g],
    .e-bigger.material3-dark .e-custom-img-btn[b-jtp2dn4j9g]
    { 
     	margin-left: 3px !important;
     }
.control-section[b-jtp2dn4j9g]{
    height:45vh;
}
/* /Components/Pages/UserProfile/UserProfile.razor.rz.scp.css */
button[b-56x7t30u5w] {
    background-color: #ff6900;
    color: white;
}

    button:hover[b-56x7t30u5w] {
        background-color: #ff791a;
    }

    button:active[b-56x7t30u5w] {
        background-color: #ff791a
    }

    button:focus[b-56x7t30u5w] {
        background-color: #ff791a;
        color: white;
    }
/* /Components/Pages/WorkToList.razor.rz.scp.css */

.visitor-label[b-qccqzpafzj] {
    grid-column: 1 / 3;
    text-align: left;
    align-content: center;
    padding-left: 0.8vw;
    font-size: 1.8rem;
}

.logout-link[b-qccqzpafzj] {
    text-decoration: underline;
    color: #FF6600;
    cursor: pointer;
}

    .logout-link:hover[b-qccqzpafzj] {
        color: #CC5200;
        transform: scale(1.05);
    }

.clock-in[b-qccqzpafzj] {
    grid-column: 4; 
}

.clock-out[b-qccqzpafzj] {
    grid-column: 4;
}

.data-grid-item[b-qccqzpafzj] {
   padding: 1vw;
    margin-top: 1vh;
    text-align: center;
    width: 100% !important;
    height: 100% !important;
    min-height: 50vh;
}

@media only screen and (max-width: 1025px) {
    .grid-container[b-qccqzpafzj] {
        grid-template-columns: auto;
    }

    .visitor-buttons-grid[b-qccqzpafzj] {
        grid-template-columns: 1fr;
        margin-bottom: 3vh;
        margin-left: 0vh;
        column-gap:1vw;
    }

    .button-item[b-qccqzpafzj] {
        width: 100%;
    }

    .visitor-button-item[b-qccqzpafzj] {
        width: 100%;
    }

    .visitor-label[b-qccqzpafzj] {
        grid-column: 1;
        text-align: left;
        align-content: center;
        padding-left: 0.8vw;
        font-size: 1.8rem;
    }

    .clock-in[b-qccqzpafzj] {
        grid-column: 1;
        width: 40%;
    }

    .clock-out[b-qccqzpafzj] {
        grid-column: 2;

    }

    .visitor-button-item[b-qccqzpafzj] {
        width: 100%;
        height: 15vh;
        margin-left: 1vw;
    }
}

@media only screen and (max-width: 740px) {
    .grid-container[b-qccqzpafzj] {
        grid-template-columns: auto;
    }

    .visitor-buttons-grid[b-qccqzpafzj] {
        grid-template-columns: 1fr;
        margin-bottom: 3vh;
        margin-left: 0vh;
    }

    .button-item[b-qccqzpafzj] {
        width: 100%;
    }

    .visitor-button-item[b-qccqzpafzj] {
        width: 100%;
    }

    .visitor-label[b-qccqzpafzj] {
        grid-column: 1;
        text-align: left;
        align-content: center;
        padding-left: 0.8vw;
        font-size: 1.8rem;
    }

    .clock-in[b-qccqzpafzj] {
        grid-column: 1;
    }

    .clock-out[b-qccqzpafzj] {
        grid-column: 1;
    }

    .visitor-button-item[b-qccqzpafzj] {
        width: 100%;
        height: 15vh;
        margin-left: 1vw;
    }
}