/* _content/WAM_Blazor_Server/Components/Adhoc/AdhocNotificationView.razor.rz.scp.css */

[b-cgsnbq1lql] .font-size-15 {
    font-size: 1.5rem;
}

[b-cgsnbq1lql] .font-size-20 {
    font-size: 2.0rem;
}


[b-cgsnbq1lql] .alarm-large-button {
    /*width: 350px;*/
    /*height: 60px;*/
    /*font-weight: bolder;*/
    font-size: large; /* old: x-large */
    color: white;
    background-color: red;
    border: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: .25rem;
}

    [b-cgsnbq1lql] .alarm-large-button:hover {
        /*font-weight: bolder;*/
        font-size: large; /* old: x-large */
        color: red;
        background-color: white;
        border: 2px;
        border-style: solid;
        border-color: red;
        border-radius: .25rem;
    }

    [b-cgsnbq1lql] .alarm-large-button:disabled {
        font-size: large;
        color: gray;
        background-color: white;
        border: 2px;
        border-style: solid;
        border-color: lightgray;
        border-radius: .25rem;
    }


[b-cgsnbq1lql] .col-0 {
    flex: unset;
    width: 7px;
    padding: 0;
    z-index: 2;
}

[b-cgsnbq1lql] .button-arrowv {
    margin-left: -12px;
    /*margin-right: auto;*/
    padding-left: 7.2px;
    padding-right: 7.2px;
    padding-top: 20px; /* old: 30px */
    padding-bottom: 15px; /* olde: 30px */
}

[b-cgsnbq1lql] .button-arrowh {
    padding-top: 7.2px;
    padding-bottom: 7.2px;
    padding-left: 30px;
    padding-right: 30px;
}

[b-cgsnbq1lql] .col-persons {
    z-index: 1;
}

/*::deep .hover-danger {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    ::deep .hover-danger:hover {
        color: white;
        background-color: #DC3545;
        border-color: rgba(0, 0, 0, 0.2);
    }

::deep .hover-success {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    ::deep .hover-success:hover {
        color: white;
        background-color: #28a745;
        border-color: rgba(0, 0, 0, 0.2);
    }*/
/* _content/WAM_Blazor_Server/Components/Adhoc/AdhocTextTemplateView.razor.rz.scp.css */
.table-vertical-spacing[b-8f0c4v6r9j] {
    border-collapse: separate;
    border-spacing: 0 5px;
}

[b-8f0c4v6r9j] .col-0 {
    flex: unset;
    width: 7px;
    padding: 0;
    z-index: 2;
}

[b-8f0c4v6r9j] .button-arrowv {
    margin-left: -12px;
    /*margin-right: auto;*/
    padding-left: 7.2px;
    padding-right: 7.2px;
    padding-top: 20px; /* old: 30px */
    padding-bottom: 15px; /* olde: 30px */
    width: fit-content;
}

[b-8f0c4v6r9j] .button-arrowh {
    padding-top: 7.2px;
    padding-bottom: 7.2px;
    padding-left: 30px;
    padding-right: 30px;
}


[b-8f0c4v6r9j] .hover-danger {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    [b-8f0c4v6r9j] .hover-danger:hover {
        color: white;
        background-color: #DC3545;
        border-color: rgba(0, 0, 0, 0.2);
    }

[b-8f0c4v6r9j] .hover-success {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    [b-8f0c4v6r9j] .hover-success:hover {
        color: white;
        background-color: #28a745;
        border-color: rgba(0, 0, 0, 0.2);
    }
/* _content/WAM_Blazor_Server/Components/AppSubscriptionGroup/AppGroupEditPersons.razor.rz.scp.css */

/* Show default (instead of text selector) curson when moving over grid cells */
[b-terqgukdp8] .k-grid td[role="gridcell"] {
    cursor: default;
}

[b-terqgukdp8] .col-upanddown {
    flex: unset;
    width: 33.1px;
    padding: 0;
    z-index: 2;
}

[b-terqgukdp8] .button-arrowv {
    margin-left: -12px;
    padding-left: 7.2px;
    padding-right: 7.2px;
    padding-top: 30px;
    padding-bottom: 30px;
}

[b-terqgukdp8] .hover-dark {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

[b-terqgukdp8] .hover-dark:hover {
    color: white;
    background-color: #656565;
    border-color: rgba(0, 0, 0, 0.2);
}
/* _content/WAM_Blazor_Server/Components/Group/GroupEdit.razor.rz.scp.css */
[b-bpjgp4i1kt] .col-0 {
    flex: unset;
    width: 7px;
    padding: 0;
    z-index: 2;
}

[b-bpjgp4i1kt] .button-arrowv {
    margin-left: -12px;
    margin-right: auto;
    padding-left: 7.2px;
    padding-right: 7.2px;
    padding-top: 30px;
    padding-bottom: 30px;
}

[b-bpjgp4i1kt] .button-arrowh {
    padding-top: 7.2px;
    padding-bottom: 7.2px;
    padding-left: 30px;
    padding-right: 30px;
}

[b-bpjgp4i1kt] .col-persons {
    z-index: 1;
}

[b-bpjgp4i1kt] .hover-danger {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    [b-bpjgp4i1kt] .hover-danger:hover {
        color: white;
        background-color: #DC3545;
        border-color: rgba(0, 0, 0, 0.2);
    }

[b-bpjgp4i1kt] .hover-success {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    [b-bpjgp4i1kt] .hover-success:hover {
        color: white;
        background-color: #28a745;
        border-color: rgba(0, 0, 0, 0.2);
    }
/* _content/WAM_Blazor_Server/Components/Group/GroupEditPersons.razor.rz.scp.css */

/* Show default (instead of text selector) curson when moving over grid cells */
[b-md1361rdcw] .k-grid td[role="gridcell"] {
    cursor: default;
}

[b-md1361rdcw] .col-upanddown {
    flex: unset;
    width: 33.1px;
    padding: 0;
    z-index: 2;
}

[b-md1361rdcw] .button-arrowv {
    margin-left: -12px;
    padding-left: 7.2px;
    padding-right: 7.2px;
    padding-top: 30px;
    padding-bottom: 30px;
}

[b-md1361rdcw] .hover-dark {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    [b-md1361rdcw] .hover-dark:hover {
        color: white;
        background-color: #656565;
        border-color: rgba(0, 0, 0, 0.2);
    }


/* WP 20250225 */
[b-md1361rdcw] .non-selectable-row {
    pointer-events: none;
    opacity: 0.5;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* WP 20250305 */
[b-md1361rdcw] .shift-assignment-row {
    opacity: 0.5;
}
/* _content/WAM_Blazor_Server/Components/Group/GroupTypeSelector.razor.rz.scp.css */

/* https://docs.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-5.0 */
/* The ::deep combinator selects elements that are descendants of an element's generated scope identifier. */
[b-qko0wkiz92] .k-button-group button.k-button.cssPikettGroup {
    background-color: #90ee90;
}

    [b-qko0wkiz92] .k-button-group button.k-button.cssPikettGroup.k-state-active {
        background-color: #409e40;
        color: #FFF;
    }

[b-qko0wkiz92] .k-button-group button.k-button.cssAdhocGroup {
    background-color: #FF6666;
}

    [b-qko0wkiz92] .k-button-group button.k-button.cssAdhocGroup.k-state-active {
        background-color: #AF1616;
        color: #FFF;
    }

[b-qko0wkiz92] .k-button-group button.k-button.cssAppGroup {
    background-color: #9EAAF1;
}

    [b-qko0wkiz92] .k-button-group button.k-button.cssAppGroup.k-state-active {
        background-color: #4E5AA1;
        color: #FFF;
    }
/* _content/WAM_Blazor_Server/Components/KATA/KataDetails.razor.rz.scp.css */
[b-fcj7eh0ejb] .font-size-15 {
    font-size: 1.5rem;
}

[b-fcj7eh0ejb] .font-size-20 {
    font-size: 2.0rem;
}



[b-fcj7eh0ejb] .alarm-large-button {
    width: 375px;
    height: 80px;
    font-weight: bolder;
    font-size: x-large;
    color: white;
    background-color: red;
    border: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: .25rem;
}

    [b-fcj7eh0ejb] .alarm-large-button:hover {
        font-weight: bolder;
        font-size: x-large;
        color: red;
        background-color: white;
        border: 2px;
        border-style: solid;
        border-color: red;
        border-radius: .25rem;
    }

.col-persons[b-fcj7eh0ejb] {
    z-index: 1;
}

.col-0[b-fcj7eh0ejb] {
    flex: unset;
    width: 7px;
    padding: 0;
    z-index: 2;
}

[b-fcj7eh0ejb] .button-arrowv {
    margin-left: -12px;
    padding-left: 7.2px;
    padding-right: 7.2px;
    padding-top: 30px;
    padding-bottom: 30px;
}

[b-fcj7eh0ejb] .button-arrowh {
    padding-top: 7.2px;
    padding-bottom: 7.2px;
    padding-left: 30px;
    padding-right: 30px;
}

[b-fcj7eh0ejb] .hover-danger {
    border-radius: 0.3rem;
    /*    border-color: rgba(0, 0, 0, 0.2);*/
    border-color: rgba(220, 53, 69, 0.3);
}

    [b-fcj7eh0ejb] .hover-danger:hover {
        background-color: #dc3545;
        border-color: rgba(0, 0, 0, 0); /* last number defines alpha (0) transparent */
        color: white;
    }

[b-fcj7eh0ejb] .hover-success {
    border-radius: 0.3rem;
    /*border-color: rgba(0, 0, 0, 0.2);*/
    border-color: rgba(40, 167, 69, 0.3);
}

    [b-fcj7eh0ejb] .hover-success:hover {
        background-color: #28a745;
        border-color: rgba(0, 0, 0, 0); /* last number defines alpha (0) transparent */
        color: white;
    }
/* _content/WAM_Blazor_Server/Components/KATA/KataPersonGrid.razor.rz.scp.css */
/* 
    Lighten a color by percentage
    https://pinetools.com/lighten-color 

    Cascade styles down to child components with ::deep
    https://www.daveabrock.com/2020/09/10/blazor-css-isolation/ 
*/

/* Set default curson instead of text selection */
[b-z17hfdyrgj] .k-grid-table td[role="gridcell"] {
    cursor: default;
}

/* deactive */
[b-z17hfdyrgj] .k-grid-table tr.inactive-even {
    background-color: #fefe4c; /* 30% lighter than green */
}

    [b-z17hfdyrgj] .k-grid-table tr.inactive-even:hover {
        background-color: #ffff00; /* yellow */
    }

[b-z17hfdyrgj] .k-grid-table tr.inactive-odd {
    background-color: #ffff65; /* 40% lighter than green */
}

    [b-z17hfdyrgj] .k-grid-table tr.inactive-odd:hover {
        background-color: #ffff19; /* 10% lighter than yellow */        
    }
/* _content/WAM_Blazor_Server/Components/Realtime/RealtimeView.razor.rz.scp.css */
/* 
    Lighten a color by percentage
    https://pinetools.com/lighten-color 

    Cascade styles down to child components with ::deep
    https://www.daveabrock.com/2020/09/10/blazor-css-isolation/ 
*/

/* Quitted */
[b-qp52yh1vv2] .k-grid-table tr.quitted-even {
    background-color: #4cfe4c; /* 30% lighter than green */
}

    [b-qp52yh1vv2] .k-grid-table tr.quitted-even:hover {
        background-color: #00ff00; /* green */
    }

[b-qp52yh1vv2] .k-grid-table tr.quitted-odd {
    background-color: #65ff65; /* 40% lighter than green */
}

    [b-qp52yh1vv2] .k-grid-table tr.quitted-odd:hover {
        background-color: #19ff19; /* 10% lighter than green */
    }

/* Delivered */
[b-qp52yh1vv2] .k-grid-table tr.delivered-even {
    background-color: #fec04c; /* 30% lighter than orange */
}

    [b-qp52yh1vv2] .k-grid-table tr.delivered-even:hover {
        background-color: #ffa500; /* orange */
    }

[b-qp52yh1vv2] .k-grid-table tr.delivered-odd {
    background-color: #ffc965; /* 40% lighter than orange */
}

    [b-qp52yh1vv2] .k-grid-table tr.delivered-odd:hover {
        background-color: #ffae19; /* 10% lighter than orange */
    }


/* Failure */
[b-qp52yh1vv2] .k-grid-table tr.failed-even {
    background-color: #fe4c4c; /* 30% lighter than red */
}

    [b-qp52yh1vv2] .k-grid-table tr.failed-even:hover {
        background-color: #ff0000; /* red */
    }

[b-qp52yh1vv2] .k-grid-table tr.failed-odd {
    background-color: #ff6565; /* 40% lighter than red */
}

    [b-qp52yh1vv2] .k-grid-table tr.failed-odd:hover {
        background-color: #ff1919; /* 10% lighter than red */
    }


[b-qp52yh1vv2] .k-dropdown .k-dropdown-wrap {
    height: 30px;
}

[b-qp52yh1vv2] .k-dropdown-wrap .k-input {
    height: auto;
}

/* _content/WAM_Blazor_Server/Components/WebPermission/WebRoleEdit.razor.rz.scp.css */
[b-x04oqx0879] .col-0 {
    flex: unset;
    width: 7px;
    padding: 0;
    z-index: 2;
}

[b-x04oqx0879] .button-arrowv {
    margin-left: -12px;
    margin-right: auto;
    padding-left: 7.2px;
    padding-right: 7.2px;
    padding-top: 30px;
    padding-bottom: 30px;
}

[b-x04oqx0879] .button-arrowh {
    padding-top: 7.2px;
    padding-bottom: 7.2px;
    padding-left: 30px;
    padding-right: 30px;
}

[b-x04oqx0879] .col-persons {
    z-index: 1;
}

[b-x04oqx0879] .hover-danger {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    [b-x04oqx0879] .hover-danger:hover {
        color: white;
        background-color: #DC3545;
        border-color: rgba(0, 0, 0, 0.2);
    }

[b-x04oqx0879] .hover-success {
    border-radius: 0.3rem;
    border-color: rgba(0, 0, 0, 0.2);
}

    [b-x04oqx0879] .hover-success:hover {
        color: white;
        background-color: #28a745;
        border-color: rgba(0, 0, 0, 0.2);
    }
/* _content/WAM_Blazor_Server/Pages/AlarmPointMonitor.razor.rz.scp.css */
/* Reduce Telerik DropDownList height */
/*::deep .k-dropdown .k-dropdown-wrap {
    height: 30px;
}*/

[b-ijmchinj9g] .k-dropdown-wrap .k-input {
    height: auto;
}

/* Add this if you use <HeaderTemplate> to provide column title with tooltip (div title)
    https://stackoverflow.com/questions/486563/overflowhidden-dots-at-the-end */
.column-header-text[b-ijmchinj9g] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.flat-button[b-ijmchinj9g] {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    padding: initial;
}



/* It should work but it doesn't !!! */
/* https://docs.telerik.com/blazor-ui/knowledge-base/common-css-isolation */
/* 30% lighter than yellow */
/*::deep .k-grid-table tr.inactive-even {
    background-color: #fefe4c; 
}*/

    /* yellow */
    /*::deep .k-grid-table tr.inactive-even:hover {
        background-color: #ffff00; 
    }*/

/* 40% lighter than yellow */
/*::deep .k-grid-table tr.inactive-odd {
    background-color: #ffff65;
}*/

    /* 10% lighter than yellow */
    /*::deep .k-grid-table tr.inactive-odd:hover {
        background-color: #ffff19;
    }*/
/* _content/WAM_Blazor_Server/Shared/MainLayout.razor.rz.scp.css */
.page[b-1gewiqb8bo] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-1gewiqb8bo] {
    flex: 1;
}

.sidebar[b-1gewiqb8bo] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

    .top-row[b-1gewiqb8bo]  a, .top-row .btn-link[b-1gewiqb8bo] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-1gewiqb8bo] {
        display: none;
    }

    .top-row.auth[b-1gewiqb8bo] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-1gewiqb8bo] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

    .main > div[b-1gewiqb8bo] {
        /*
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
        */
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}