@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* /Components/MultiSelectDropdown.razor.rz.scp.css */
.multiselect-container[b-u928j75ucb] {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px;
}

.dropdown-toggle[b-u928j75ucb] {
    width: 100%;
    padding: 8px 12px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    position: relative;
    overflow-x: clip;
}

.dropdown-toggle[b-u928j75ucb]::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 45%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}

.dropdown-menu[b-u928j75ucb] {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 2px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    max-height: 250px;
}

.dropdown-actions[b-u928j75ucb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-bottom: 1px solid #eee;
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 1001;
}

.dropdown-actions button[b-u928j75ucb] {
    background: none;
    border: none;
    color: #0066cc;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 0;
    white-space: nowrap;
}

.dropdown-actions button:hover[b-u928j75ucb] {
    text-decoration: underline;
}

.filter-container[b-u928j75ucb] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0 8px;
}

.dropdown-filter[b-u928j75ucb] {
    flex: 1;
    width: 100%;
    height: 24px;
    padding: 2px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 0.8rem;
}

.dropdown-filter:focus[b-u928j75ucb] {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);
}

.clear-filter[b-u928j75ucb] {
    position: absolute;
    right: 6px;
    background: none;
    border: none;
    color: #999;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
}

.clear-filter:hover[b-u928j75ucb] {
    background-color: #eee;
    color: #333;
}

.dropdown-items-container[b-u928j75ucb] {
    flex-grow: 1;
    overflow-y: auto;
    max-height: 200px;
    padding: 0 8px;
}

.dropdown-items[b-u928j75ucb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0;
    overflow-x: clip;
}

.dropdown-item[b-u928j75ucb] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 4px 0;
}

.dropdown-item:hover[b-u928j75ucb] {
    background-color: #f8f8f8;
}
/* /Pages/MerchantDetails.razor.rz.scp.css */
.ag-courses_box[b-00p8409w0c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 0px;
    background-color: #e8edf4;
    border-radius: 20px;
}

.ag-courses_item[b-00p8409w0c] {
    width: 30% !important;
    margin: 0 15px 30px;
    overflow: hidden;
    border-radius: 28px;
    max-width: 550px;
}

.ag-courses-item_link[b-00p8409w0c] {
    display: block;
    padding: 30px 20px;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
}

.ag-courses-item:hover[b-00p8409w0c] {
    cursor: pointer;
}

.ag-courses-item_link:hover[b-00p8409w0c],
.ag-courses-item_link:hover .ag-courses-item_date[b-00p8409w0c] {
    text-decoration: none;
    color: black;
    cursor: pointer;
}

    .ag-courses-item_link:hover .ag-courses-item_bg[b-00p8409w0c] {
        -webkit-transform: scale(10);
        -ms-transform: scale(10);
        transform: scale(10);
        cursor: pointer;
    }

.ag-courses-item_title[b-00p8409w0c] {
    min-height: 87px;
    margin: 0 0 25px;
    overflow: hidden;
    font-weight: bold;
    font-size: 20px;
    color: black;
    position: relative;
}

.ag-courses-item_date-box[b-00p8409w0c] {
    font-size: 18px;
    color: black;
    position: relative;
}

.ag-courses-item_date[b-00p8409w0c] {
    font-weight: bold;
    color: #EE572C;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

.ag-courses-item_bg[b-00p8409w0c] {
    height: 128px;
    width: 128px;
    background-color: #f9b234;
    position: absolute;
    top: -75px;
    right: -75px;
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.ag-courses_item .one-click[b-00p8409w0c] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.one-click .license-one-click[b-00p8409w0c] {
    display: none;
}

.dormant-license-seperator[b-00p8409w0c] {
    width: 100%;
    text-align: center;
}

/* Color Codes For Licenses */

.OrderCounterPOSSaaS[b-00p8409w0c] {
    background-color: #EE572C;
}

.OCAdvancedLoyaltyCompwOnlineOrderingLimitedTime2021only[b-00p8409w0c] {
    background-color: #F2F2F2;
}

.OCIntegratedPayments[b-00p8409w0c] {
    background-color: #23BB98;
}

.OCOnlineOrderingHostede-gift[b-00p8409w0c] {
    background-color: #008000;
}

.OCEnterpriseStandard[b-00p8409w0c] {
    background-color: #F2F2F2;
}

.ScheduleGoferEmployeeManagement[b-00p8409w0c] {
    background-color: #00bbef;
}

.OrderCounterCloud[b-00p8409w0c] {
    background-color: #87CEEB;
}

.OCQROrdering[b-00p8409w0c] {
    background-color: #B472E8;
}

.DataCapEcomaddonforinstoreNETePay[b-00p8409w0c] {
    background-color: #941a25;
}

.OCEnterpriseBasic[b-00p8409w0c] {
    background-color: #F1D900;
}

.OrderTabHandheld[b-00p8409w0c] {
    background-color: #FEF683;
}

.dormant-license[b-00p8409w0c] {
    background-color: goldenrod;
}

.headline-operations[b-00p8409w0c] {
    width: 100%;
    display: flex;
}

.headline-operations .float-left[b-00p8409w0c] {
    width: 50%;
    display: flex;
    justify-content: flex-start;
}

.headline-operations .float-right[b-00p8409w0c] {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.override-panel[b-00p8409w0c] {
    width: 100%;
    padding: 0px 25px;
}

@media only screen and (max-width: 979px) {
    .ag-courses_item[b-00p8409w0c] {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    }

    .ag-courses-item_title[b-00p8409w0c] {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .ag-format-container[b-00p8409w0c] {
        width: 96%;
    }
}

@media only screen and (max-width: 639px) {
    .ag-courses_item[b-00p8409w0c] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .ag-courses-item_title[b-00p8409w0c] {
        min-height: 72px;
        line-height: 1;
        font-size: 24px;
    }

    .ag-courses-item_link[b-00p8409w0c] {
        padding: 22px 40px;
    }

    .ag-courses-item_date-box[b-00p8409w0c] {
        font-size: 16px;
    }
}
/* /Pages/Reports.razor.rz.scp.css */
body[b-8f52myzqk3] {
}

.testcolor[b-8f52myzqk3] {
    background-color: #f0f0f0;
    color: red;
}
/* /Pages/UserDetails.razor.rz.scp.css */
.user-partner-row > div:first-child .oi[b-840mrh4h42] {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.user-partner-row > div:first-child .oi.oi-check[b-840mrh4h42] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-partner-row > div:first-child .oi.oi-ban[b-840mrh4h42] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-partner-row > div:first-child .oi.oi-check[b-840mrh4h42]::before {
    content: "\2714";
    color: green;
    font-size: 16px;
}

.user-partner-row > div:first-child .oi.oi-ban[b-840mrh4h42]::before {
    content: "\2716";
    color: red;
    font-size: 16px;
}
/* /Shared/EditableField.razor.rz.scp.css */
.editable-field[b-2mhkjom5ss] {
    display: flex;
    width: 100%;
    height: 60px;
    max-height: 60px;
    border-bottom: 1px solid #F2F2F2;
    padding: 5px;
}

    .editable-field:hover[b-2mhkjom5ss] {
        cursor: pointer;
        background-color: rgba(211, 211, 211, 0.19);
        border-radius: 5px;
    }

    .editable-field .editable-information[b-2mhkjom5ss] {
        width: 90%;
        display: flex;
        flex-direction: column;
    }

.editable-information .header[b-2mhkjom5ss] {
    height: 30%;
    display: flex;
    align-items: center;
    color: #858c9a;
    font-size: 12px;
}

.editable-information input[b-2mhkjom5ss] {
    padding-left: 0;
}

.editable-information select[b-2mhkjom5ss] {
    padding-left: 0;
}

.editable-field .editable-information .value[b-2mhkjom5ss] {
    height: 60%;
    display: flex;
    align-items: center;
}

.editable-field .editable-information .value-saving[b-2mhkjom5ss] {
    height: 60%;
    display: flex;
    align-items: center;
}

.editable-field .editable-operations[b-2mhkjom5ss] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .editable-field .editable-operations .fa-edit[b-2mhkjom5ss] {
        display: none;
    }

.editable-field:hover .editable-operations .fa-edit[b-2mhkjom5ss] {
    display: flex;
}

.editable-operations button[b-2mhkjom5ss] {
    font-size: 13px;
    padding-top: 20px;
}

    .editable-operations button i[b-2mhkjom5ss] {
        height: 100% !important;
        width: 100% !important;
    }

    .editable-operations button:active[b-2mhkjom5ss] {
        border: none;
    }

    .editable-operations button .fa-edit[b-2mhkjom5ss] {
        color: #858c9a;
    }

@media (min-width: 768px) and (max-width: 1070px) {
    .editable-field .editable-operations .fa-edit[b-2mhkjom5ss] {
        display: flex;
    }
}
/* /Shared/HealthDashboard/ProductHealthDashboard.razor.rz.scp.css */
.product-health-container[b-ifhxiepmn7] {
    width: 100%;
    height: 100%;
    max-height: 550px;
    padding-right: 5px;
    overflow-y: scroll;
}

.product-health-body[b-ifhxiepmn7] {
    max-height: 550px;
}

.product-health-container[b-ifhxiepmn7]::-webkit-scrollbar {
    width: 6px;
}

.product-health-container[b-ifhxiepmn7]::-webkit-scrollbar-thumb {
    background-color: #ee572c;
    border-radius: 6px;
}

.product-health-container[b-ifhxiepmn7]::-webkit-scrollbar-track {
    background-color: transparent;
}

.product-selection-container .product-select[b-ifhxiepmn7] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.product-option[b-ifhxiepmn7] {
    border: 1px solid #000;
    padding: 5px;
    border-radius: 5px;
    width: 33%;
    text-align: center;
    max-width: 200px;
}

.selected-product[b-ifhxiepmn7] {
    background-color: #EE572C !important;
    color: #FFF;
}

.product-option:hover[b-ifhxiepmn7] {
    background-color: #f8bcab;
    cursor: pointer;
    border: 1px solid #EE572C;
}

@media (min-width: 768px) and (max-width: 1070px) {

    .product-health-container[b-ifhxiepmn7] {
    }

    .product-health-body[b-ifhxiepmn7] {
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-start;
        gap: 15px;
    }
}
/* /Shared/HealthDashboard/ProductHealthEnterprise.razor.rz.scp.css */
.product-health-component[b-9ikes29k2y] {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 20px auto;
    height: 350px;
    width: 350px;
}

    .product-health-component .loading-content[b-9ikes29k2y] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 50px;
    }

    .product-health-component svg[b-9ikes29k2y] {
        width: 3.25em;
        transform-origin: center;
        animation: rotate4-b-9ikes29k2y 2s linear infinite;
    }

        .product-health-component svg circle[b-9ikes29k2y] {
            fill: none;
            stroke: hsl(214, 97%, 59%);
            stroke-width: 2;
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            stroke-linecap: round;
            animation: dash4-b-9ikes29k2y 1.5s ease-in-out infinite;
        }

@keyframes rotate4-b-9ikes29k2y {
    100% {
        transform: rotate(360deg);
    }
}

.loading-content circle[b-9ikes29k2y] {
    fill: none;
    stroke: #007bff;
    stroke-width: 4;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash4-b-9ikes29k2y {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124;
    }
}

.product-health-control-panel[b-9ikes29k2y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.refresh-btn[b-9ikes29k2y] {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .refresh-btn:hover[b-9ikes29k2y] {
        background-color: #0056b3;
    }

.health-date-select[b-9ikes29k2y] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.product-health-content[b-9ikes29k2y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-identifier[b-9ikes29k2y] {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #e9ecef;
    font-size: 14px;
    overflow-x: hidden;
    max-height: 40px;
    overflow-y: hidden;
}

.product-identifier-key[b-9ikes29k2y] {
    font-weight: bolder !important;
    font-size: 12px;
    width: 40%;
}

.product-identifier-value[b-9ikes29k2y] {
    width: 60%;
    text-align: end;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
}

.product-health-component .toggle-accordian[b-9ikes29k2y] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product-health-component .toggle-accordian p[b-9ikes29k2y] {
        width: 25%;
        font-size: 12px;
        text-align: center;
    }

        .product-health-component .toggle-accordian p:hover[b-9ikes29k2y] {
            cursor: pointer;
            text-decoration: underline;
            color: blue;
        }

@media (min-width: 768px) and (max-width: 1070px) {

    .product-health-component[b-9ikes29k2y] {
        margin: 0 !important;
        height: 525px;
    }
}

@media (max-width: 600px) {
    .product-health-control-panel[b-9ikes29k2y] {
        flex-direction: column;
        align-items: flex-start;
    }

    .refresh-btn[b-9ikes29k2y] {
        width: 100%;
        margin-bottom: 10px;
    }

    .health-date-select[b-9ikes29k2y] {
        width: 100%;
    }
}
/* /Shared/HealthDashboard/ProductHealthKDS.razor.rz.scp.css */
.product-health-component[b-9wlu1il5qe] {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 20px auto;
    height: 225px;
    width: 350px;
}

    .product-health-component .loading-content[b-9wlu1il5qe] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 50px;
    }

    .product-health-component svg[b-9wlu1il5qe] {
        width: 3.25em;
        transform-origin: center;
        animation: rotate4-b-9wlu1il5qe 2s linear infinite;
    }

        .product-health-component svg circle[b-9wlu1il5qe] {
            fill: none;
            stroke: hsl(214, 97%, 59%);
            stroke-width: 2;
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            stroke-linecap: round;
            animation: dash4-b-9wlu1il5qe 1.5s ease-in-out infinite;
        }

    .product-health-component .toggle-accordian[b-9wlu1il5qe] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .product-health-component .toggle-accordian p[b-9wlu1il5qe] {
            width: 25%;
            font-size: 12px;
            text-align: center;
        }

            .product-health-component .toggle-accordian p:hover[b-9wlu1il5qe] {
                cursor: pointer;
                text-decoration: underline;
                color: blue;
            }

@keyframes rotate4-b-9wlu1il5qe {
    100% {
        transform: rotate(360deg);
    }
}

.loading-content circle[b-9wlu1il5qe] {
    fill: none;
    stroke: #007bff;
    stroke-width: 4;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash4-b-9wlu1il5qe {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124;
    }
}

.product-health-control-panel[b-9wlu1il5qe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.refresh-btn[b-9wlu1il5qe] {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .refresh-btn:hover[b-9wlu1il5qe] {
        background-color: #0056b3;
    }

.health-date-select[b-9wlu1il5qe] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.product-health-content[b-9wlu1il5qe] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-identifier[b-9wlu1il5qe] {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #e9ecef;
    font-size: 14px;
    overflow-x: hidden;
    max-height: 40px;
    overflow-y: hidden;
}

.product-identifier-key[b-9wlu1il5qe] {
    font-weight: bolder !important;
    font-size: 12px;
    width: 40%;
}

.product-identifier-value[b-9wlu1il5qe] {
    width: 60%;
    text-align: end;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
}

.product-identifier:hover[b-9wlu1il5qe] {
    cursor: pointer;
}


@media (min-width: 768px) and (max-width: 1070px) {

    .product-health-component[b-9wlu1il5qe] {
        margin: 0 !important;
        height: 525px;
    }
}

@media (max-width: 600px) {
    .product-health-control-panel[b-9wlu1il5qe] {
        flex-direction: column;
        align-items: flex-start;
    }

    .refresh-btn[b-9wlu1il5qe] {
        width: 100%;
        margin-bottom: 10px;
    }

    .health-date-select[b-9wlu1il5qe] {
        width: 100%;
    }
}
/* /Shared/HealthDashboard/ProductHealthOnlineOrdering.razor.rz.scp.css */
.product-health-component[b-yv7hk8tk8o] {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 20px auto;
    height: 525px;
    width: 350px;
}

    .product-health-component .loading-content[b-yv7hk8tk8o] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 50px;
    }

    .product-health-component svg[b-yv7hk8tk8o] {
        width: 3.25em;
        transform-origin: center;
        animation: rotate4-b-yv7hk8tk8o 2s linear infinite;
    }

        .product-health-component svg circle[b-yv7hk8tk8o] {
            fill: none;
            stroke: hsl(214, 97%, 59%);
            stroke-width: 2;
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            stroke-linecap: round;
            animation: dash4-b-yv7hk8tk8o 1.5s ease-in-out infinite;
        }

    .product-health-component .toggle-accordian[b-yv7hk8tk8o] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .product-health-component .toggle-accordian p[b-yv7hk8tk8o] {
            width: 25%;
            font-size: 12px;
            text-align: center;
        }

            .product-health-component .toggle-accordian p:hover[b-yv7hk8tk8o] {
                cursor: pointer;
                text-decoration: underline;
                color: blue;
            }

@keyframes rotate4-b-yv7hk8tk8o {
    100% {
        transform: rotate(360deg);
    }
}

.loading-content circle[b-yv7hk8tk8o] {
    fill: none;
    stroke: #007bff;
    stroke-width: 4;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash4-b-yv7hk8tk8o {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124;
    }
}

.product-health-control-panel[b-yv7hk8tk8o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.refresh-btn[b-yv7hk8tk8o] {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .refresh-btn:hover[b-yv7hk8tk8o] {
        background-color: #0056b3;
    }

.health-date-select[b-yv7hk8tk8o] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.product-health-content[b-yv7hk8tk8o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-identifier[b-yv7hk8tk8o] {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #e9ecef;
    font-size: 14px;
    overflow-x: hidden;
    max-height: 40px;
    overflow-y: hidden;
}

.product-identifier-key[b-yv7hk8tk8o] {
    font-weight: bolder !important;
    font-size: 12px;
    width: 50%;
}

.product-identifier-value[b-yv7hk8tk8o] {
    width: 50%;
    text-align: end;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 1070px) {

    .product-health-component[b-yv7hk8tk8o] {
        margin: 0 !important;
    }
}

@media (max-width: 600px) {
    .product-health-control-panel[b-yv7hk8tk8o] {
        flex-direction: column;
        align-items: flex-start;
    }

    .refresh-btn[b-yv7hk8tk8o] {
        width: 100%;
        margin-bottom: 10px;
    }

    .health-date-select[b-yv7hk8tk8o] {
        width: 100%;
    }
}
/* /Shared/HealthDashboard/ProductHealthPOS.razor.rz.scp.css */
.product-health-component[b-jqfmg4gbv8] {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 20px auto;
    height: 400px;
    width: 350px;
}

    .product-health-component .loading-content[b-jqfmg4gbv8] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 50px;
    }

    .product-health-component svg[b-jqfmg4gbv8] {
        width: 3.25em;
        transform-origin: center;
        animation: rotate4-b-jqfmg4gbv8 2s linear infinite;
    }

        .product-health-component svg circle[b-jqfmg4gbv8] {
            fill: none;
            stroke: hsl(214, 97%, 59%);
            stroke-width: 2;
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            stroke-linecap: round;
            animation: dash4-b-jqfmg4gbv8 1.5s ease-in-out infinite;
        }

    .product-health-component .toggle-accordian[b-jqfmg4gbv8] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .product-health-component .toggle-accordian p[b-jqfmg4gbv8] {
            width: 25%;
            font-size: 12px;
            text-align: center;
        }

            .product-health-component .toggle-accordian p:hover[b-jqfmg4gbv8] {
                cursor: pointer;
                text-decoration: underline;
                color: blue;
            }

@keyframes rotate4-b-jqfmg4gbv8 {
    100% {
        transform: rotate(360deg);
    }
}

.loading-content circle[b-jqfmg4gbv8] {
    fill: none;
    stroke: #007bff;
    stroke-width: 4;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash4-b-jqfmg4gbv8 {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124;
    }
}

.product-health-control-panel[b-jqfmg4gbv8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.refresh-btn[b-jqfmg4gbv8] {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .refresh-btn:hover[b-jqfmg4gbv8] {
        background-color: #0056b3;
    }

.health-date-select[b-jqfmg4gbv8] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.product-health-content[b-jqfmg4gbv8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-identifier[b-jqfmg4gbv8] {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #e9ecef;
    font-size: 14px;
    overflow-x: hidden;
    max-height: 40px;
    overflow-y: hidden;
}

.product-identifier-key[b-jqfmg4gbv8] {
    font-weight: bolder !important;
    font-size: 12px;
    width: 50%;
}

.product-identifier-value[b-jqfmg4gbv8] {
    width: 50%;
    text-align: end;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
    font-weight: lighter !important;
}

@media (min-width: 768px) and (max-width: 1070px) {

    .product-health-component[b-jqfmg4gbv8] {
        margin: 0 !important;
        height: 525px;
    }
}

@media (max-width: 600px) {
    .product-health-control-panel[b-jqfmg4gbv8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .refresh-btn[b-jqfmg4gbv8] {
        width: 100%;
        margin-bottom: 10px;
    }

    .health-date-select[b-jqfmg4gbv8] {
        width: 100%;
    }
}
/* /Shared/HealthDashboard/ProductHealthScheduleGofer.razor.rz.scp.css */
.product-health-component[b-0ddcz4b1th] {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 20px auto;
    height: 250px;
    width: 350px;
}

.product-health-component .loading-content[b-0ddcz4b1th] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.product-health-component svg[b-0ddcz4b1th] {
    width: 3.25em;
    transform-origin: center;
    animation: rotate4-b-0ddcz4b1th 2s linear infinite;
}

.product-health-component svg circle[b-0ddcz4b1th] {
    fill: none;
    stroke: hsl(214, 97%, 59%);
    stroke-width: 2;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash4-b-0ddcz4b1th 1.5s ease-in-out infinite;
}

.product-health-component .toggle-accordian[b-0ddcz4b1th] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-health-component .toggle-accordian p[b-0ddcz4b1th] {
    width: 25%;
    font-size: 12px;
    text-align: center;
}

.product-health-component .toggle-accordian p:hover[b-0ddcz4b1th] {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}

@keyframes rotate4-b-0ddcz4b1th {
    100% {
        transform: rotate(360deg);
    }
}

.loading-content circle[b-0ddcz4b1th] {
    fill: none;
    stroke: #007bff;
    stroke-width: 4;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash4-b-0ddcz4b1th {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124;
    }
}

.product-health-control-panel[b-0ddcz4b1th] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.refresh-btn[b-0ddcz4b1th] {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.refresh-btn:hover[b-0ddcz4b1th] {
    background-color: #0056b3;
}

.health-date-select[b-0ddcz4b1th] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.product-health-content[b-0ddcz4b1th] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-identifier[b-0ddcz4b1th] {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #e9ecef;
    font-size: 14px;
    overflow-x: hidden;
    max-height: 40px;
    overflow-y: hidden;
}

.product-identifier-key[b-0ddcz4b1th] {
    font-weight: bolder !important;
    font-size: 12px;
    width: 50%;
}

.product-identifier-value[b-0ddcz4b1th] {
    width: 50%;
    text-align: end;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
}


@media (min-width: 768px) and (max-width: 1070px) {

    .product-health-component[b-0ddcz4b1th] {
        margin: 0 !important;
        height: 525px;
    }
}

@media (max-width: 600px) {
    .product-health-control-panel[b-0ddcz4b1th] {
        flex-direction: column;
        align-items: flex-start;
    }

    .refresh-btn[b-0ddcz4b1th] {
        width: 100%;
        margin-bottom: 10px;
    }

    .health-date-select[b-0ddcz4b1th] {
        width: 100%;
    }
}
/* /Shared/HealthDashboard/ProductHealthSmartMapping.razor.rz.scp.css */
.product-health-component[b-0s69jo0col] {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 20px auto;
    height: 190px;
    width: 350px;
}

.product-health-component .loading-content[b-0s69jo0col] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}

.product-health-component svg[b-0s69jo0col] {
    width: 3.25em;
    transform-origin: center;
    animation: rotate4-b-0s69jo0col 2s linear infinite;
}

.product-health-component svg circle[b-0s69jo0col] {
    fill: none;
    stroke: hsl(214, 97%, 59%);
    stroke-width: 2;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash4-b-0s69jo0col 1.5s ease-in-out infinite;
}

.product-health-component .toggle-accordian[b-0s69jo0col] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-health-component .toggle-accordian p[b-0s69jo0col] {
    width: 25%;
    font-size: 12px;
    text-align: center;
}

.product-health-component .toggle-accordian p:hover[b-0s69jo0col] {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}

@keyframes rotate4-b-0s69jo0col {
    100% {
        transform: rotate(360deg);
    }
}

.loading-content circle[b-0s69jo0col] {
    fill: none;
    stroke: #007bff;
    stroke-width: 4;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes dash4-b-0s69jo0col {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124;
    }
}

.product-health-control-panel[b-0s69jo0col] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.refresh-btn[b-0s69jo0col] {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .refresh-btn:hover[b-0s69jo0col] {
        background-color: #0056b3;
    }

.health-date-select[b-0s69jo0col] {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.product-health-content[b-0s69jo0col] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-identifier[b-0s69jo0col] {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    border: 1px solid #e9ecef;
    font-size: 14px;
    overflow-x: hidden;
    max-height: 40px;
    overflow-y: hidden;
}

.product-identifier-key[b-0s69jo0col] {
    font-weight: bolder !important;
    font-size: 12px;
    width: 40%;
}

.product-identifier-value[b-0s69jo0col] {
    width: 60%;
    text-align: end;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 1070px) {

    .product-health-component[b-0s69jo0col] {
        margin: 0 !important;
        height: 525px;
    }
}

@media (max-width: 600px) {
    .product-health-control-panel[b-0s69jo0col] {
        flex-direction: column;
        align-items: flex-start;
    }

    .refresh-btn[b-0s69jo0col] {
        width: 100%;
        margin-bottom: 10px;
    }

    .health-date-select[b-0s69jo0col] {
        width: 100%;
    }
}
/* /Shared/LicenseComponent.razor.rz.scp.css */
.license[b-vcgftjou70] {
    width: 90%;
    max-width: 800px;
    height: auto;
    /*max-height: 250px;*/
    display: flex;
    background-color: rgba(242, 242, 242);
    border-radius: 5px;
    cursor: pointer;
    /*   position: relative; */
    overflow: hidden;
    transition: background-color 0.5s ease;
    padding-left: 15px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    /* REMOVE */
    margin-bottom: 15px;
}

.license-content[b-vcgftjou70] {
    height: auto;
    width: 65%;
    padding-top: 5px;
    padding-bottom: 5px;
    /*display: flex;
    flex-direction: column;*/
    /*padding-top: 15px;*/
}

.license-actions[b-vcgftjou70] {
    height: auto;
    width: 35%;
    position: relative;
}

.license-animation[b-vcgftjou70] {
    content: '';
    height: 114px;
    width: 114px;
    background-color: rgba(238, 87, 44, 0.7);
    position: absolute;
    top: -60px;
    right: -60px;
    border-radius: 50%;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 1;
}

.license:hover[b-vcgftjou70] {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
    background-color: #FFF;
}

    .license:hover .license-animation[b-vcgftjou70] {
        /*   -webkit-transform: scale(5);
  -ms-transform: scale(5);
  transform: scale(5); */
        width: 100%;
        height: 200%;
        border-radius: 0;
        top: -5%;
        right: 0;
        border-top-left-radius: 80%; /* Top-left corner circular */
        border-bottom-left-radius: 50%; /* Bottom-left corner circular */
        cursor: pointer;
    }

/* .license-header,
.license-code,
.license-details {
  position: relative;
  z-index: 2;
} */

.license-header[b-vcgftjou70] {
    font-weight: bolder;
    font-size: 18px;
    display: flex;
    align-items: center !important;
    justify-content: flex-start;
    height: 30px;
    /*background-color: grey;*/
    position: relative;
}

    .license-header p[b-vcgftjou70] {
        margin: 0;
        /*padding-left: 30px;*/
    }

.license-code[b-vcgftjou70] {
    font-size: 12px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*background-color: lightgrey;*/
    /*   font-weight: bold; */
}

    .license-code .activate[b-vcgftjou70] {
        height: 100%;
        width: 20px;
        margin-right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .license-code p[b-vcgftjou70] {
        margin: 0;
    }

.license-details[b-vcgftjou70] {
    flex: 1 1 auto;
    display: flex;
    height: auto !important;
    font-size: 12px;
    gap: 10px;
    flex-wrap: wrap;
    color: rgba(92, 91, 91, 1);
    transition: all 1s ease;
    align-items: flex-start;
}

    .license-details p[b-vcgftjou70] {
        margin: 0;
    }

.license:hover .license-details[b-vcgftjou70] {
    color: #000;
}

.license-details > .create-date[b-vcgftjou70] {
}

.create-date span[b-vcgftjou70] {
    font-weight: bold;
}

.license-details > .purchased-by[b-vcgftjou70] {
}

.purchased-by span[b-vcgftjou70] {
    font-weight: bold;
}

.license-state span[b-vcgftjou70] {
    font-weight: bold;
}

.license-state-identifier[b-vcgftjou70] {
    font-weight: normal !important;
    /*padding-left: 8px;
    padding-right: 8px;*/
    padding: 1px 8px 1px 8px;
    border-radius: 15px;
    height: 18px;
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    left: 70%;
    width: 75px;
    text-align: center;
}

    .license-state-identifier.requested[b-vcgftjou70] {
        background-color: rgba(255, 165, 0, 0.8);
        color: #FFF;
    }

    .license-state-identifier.staging[b-vcgftjou70] {
        background-color: rgba(70, 130, 180, 0.8);
        color: #FFF;
    }

    .license-state-identifier.active[b-vcgftjou70] {
        background-color: rgba(50, 205, 50, 0.8);
        color: #FFF;
    }

    .license-state-identifier.inactive[b-vcgftjou70] {
        background-color: rgba(169, 169, 169, 0.8);
        color: #FFF;
    }

.arrow-icon[b-vcgftjou70]::before {
    /*   content: '\2190'; */
}

.arrow-icon[b-vcgftjou70] {
    font-size: 20px;
    width: 15px;
    height: 15px;
    color: #FFF;
    position: absolute;
    top: 9px;
    right: 15px;
    z-index: 2;
}

    .arrow-icon:hover[b-vcgftjou70] {
        color: #000;
    }

.activation-button[b-vcgftjou70] {
    position: absolute;
    right: 5%;
    bottom: 5px;
    padding: 2px;
    width: 30%;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    background-color: rgba(41, 142, 70, 1);
    color: #FFF;
    border: 1px solid #eae8e4;
    border-radius: 5px;
    transition: all 1s ease;
    /* Scale font size dynamically */
    /*font-size: small;*/
    /*line-height: 1.2;*/
    /*overflow-wrap: break-word;
    white-space: nowrap;*/
}

.deploy-button[b-vcgftjou70] {
    position: absolute;
    right: 40%;
    bottom: 5px;
    width: 30%;
    padding: 2px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    background-color: #EE572C;
    border: 1px solid #FFF;
    border-radius: 5px;
    color: #FFF;
    transition: all 1s ease;
}

.license:hover .activation-button[b-vcgftjou70] {
    background-color: #FFF;
    border-color: rgba(41, 142, 70, 1);
    color: rgba(41, 142, 70, 1);
}

.license:hover .deploy-button[b-vcgftjou70] {
    background-color: #FFF;
    color: #EE572C;
    border-color: #EE572C;
}

.activation-button:hover[b-vcgftjou70] {
    transform: scale(1.05);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    transition: none;
}

.deploy-button:hover[b-vcgftjou70] {
    transform: scale(1.05);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    transition: none;
}


@media (max-width: 950px) {

    .activation-button[b-vcgftjou70] {
        font-size: 12px;
        height: 35px;
    }

    .deploy-button[b-vcgftjou70] {
        font-size: 12px;
        height: 35px;
    }
}

@media (max-width: 650px) {

    .activation-button[b-vcgftjou70] {
        width: 35%;
        min-width: 60px;
        right: 5%;
        transition: none;
    }

        .activation-button:hover[b-vcgftjou70] {
            transform: none;
        }

    .deploy-button[b-vcgftjou70] {
        width: 35%;
        min-width: 60px;
        right: 50%;
        /*bottom: 43px;*/
    }

        .deploy-button:hover[b-vcgftjou70] {
            transform: none;
        }

    .license-state-identifier[b-vcgftjou70] {
        left: 90%;
    }
}
/* /Shared/LicenseDetailsModal.razor.rz.scp.css */
.license-modal-overlay[b-jasptlxslo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent black */
    z-index: 1; /* Ensure it's above other content */
    display: flex;
    justify-content: center;
    align-items: center;
}

.license-details[b-jasptlxslo] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    z-index: 1;
    max-width: 80%;
    width: 60%;
    height: 80%;
    background-color: #F2F2F2;
}

    .license-details .license-name[b-jasptlxslo] {
        width: 100%;
        height: 10%;
        background-color: #F2F2F2;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/*.license-details .close-button {
    position: fixed;
    top: 11px;
    right: 11px;
}*/

.outer[b-jasptlxslo] {
    position: fixed !important;
    top: 20px !important;
    right: 25px;
    width: 30px;
    cursor: pointer;
}

.inner[b-jasptlxslo] {
    width: inherit;
    text-align: center;
}

label[b-jasptlxslo] {
    font-size: .8em;
    line-height: 4em;
    text-transform: uppercase;
    color: red;
    transition: all .3s ease-in;
    opacity: 0;
    cursor: pointer;
}

.inner[b-jasptlxslo]:before, .inner[b-jasptlxslo]:after {
    position: absolute;
    content: '';
    height: 1px;
    width: inherit;
    background: red;
    left: 0;
    transition: all .3s ease-in;
}

.inner[b-jasptlxslo]:before {
    top: 50%;
    transform: rotate(45deg);
}

.inner[b-jasptlxslo]:after {
    bottom: 50%;
    transform: rotate(-45deg);
}

.outer:hover label[b-jasptlxslo] {
    opacity: 1;
}

.outer:hover .inner[b-jasptlxslo]:before,
.outer:hover .inner[b-jasptlxslo]:after {
    transform: rotate(0);
}

.outer:hover .inner[b-jasptlxslo]:before {
    top: 0;
}

.outer:hover .inner[b-jasptlxslo]:after {
    bottom: 0;
}

.license-details .license-content[b-jasptlxslo] {
    background-color: #FFF;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    overflow-y: scroll;
}

.license-content[b-jasptlxslo]::-webkit-scrollbar {
    width: 8px;
}

.license-content[b-jasptlxslo]::-webkit-scrollbar-thumb {
    background-color: #ee572c;
    border-radius: 6px;
}

.license-content[b-jasptlxslo]::-webkit-scrollbar-track {
    background-color: transparent;
}

.license-details .license-operations[b-jasptlxslo] {
    background-color: #F2F2F2;
    width: 100%;
    height: 10%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
}

.license-operations .license-activation[b-jasptlxslo] {
    width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.license-operations .license-deployment-details[b-jasptlxslo] {
    width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.license-operations .license-deployment-status:hover[b-jasptlxslo] {
    background-color: #FFF;
    color: #EE572C;
    border: 1px solid #EE572C;
}

.license-deployment-details .license-deployment-status[b-jasptlxslo] {
    height: 50%;
    width: 40%;
    background-color: #EE572C;
    border: none;
    color: #FFF;
    border-radius: 5px;
}

.license-deployment-details .license-deploy[b-jasptlxslo] {
    height: 50%;
    width: 40%;
    background-color: #EE572C;
    border: none;
    color: #FFF;
    border-radius: 5px;
}

    .license-deployment-details .license-deploy:hover[b-jasptlxslo] {
        background-color: #FFF;
        color: #EE572C;
        border: 1px solid #EE572C;
    }

.license-activation .license-activation-btn[b-jasptlxslo] {
    height: 50%;
    width: 40%;
    background-color: #EE572C;
    border: none;
    color: #FFF;
    border-radius: 5px;
}

    .license-activation .license-activation-btn:hover[b-jasptlxslo] {
        background-color: #FFF;
        color: #EE572C;
        border: 1px solid #EE572C;
    }

.return-to-license[b-jasptlxslo] {
    height: 50%;
    width: 40%;
    background-color: #EE572C;
    border: none;
    color: #FFF;
    border-radius: 5px;
}

    .return-to-license:hover[b-jasptlxslo] {
        background-color: #FFF;
        color: #EE572C;
        border: 1px solid #EE572C;
    }

.license-check-ins[b-jasptlxslo] {
    display: flex;
    flex-direction: column;
}

.license-check-ins .header[b-jasptlxslo] {
    /*text-align: center;*/
}

.license-check-ins .check-in[b-jasptlxslo] {
    cursor: pointer;
}

@media only screen and (max-width: 1150px) {
    .license-details[b-jasptlxslo] {
        z-index: 99999;
    }
}

@media only screen and (max-width: 979px) {
    .license-details[b-jasptlxslo] {
        width: 100%;
        height: 100%;
        font-size: 12px;
        padding: 20px;
    }

        .license-details .license-name h3[b-jasptlxslo] {
            font-size: 14px !important;
        }

    .outer[b-jasptlxslo] {
        top: 8px !important;
        right: 8px !important;
    }
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 639px) {
}
/* /Shared/LicenseDisplay.razor.rz.scp.css */
:root[b-2ti69qhfup] {
    /* License-Specific Color Schemes */
    --OrderCounter-POS-Saas: #EE572C;
    --OCAdvancedLoyaltyCompwOnlineOrderingLimitedTime2021Only: #F2F2F2;
    --OCIntegratedPayments: #23BB98;
    --OCOnlineOrderingHostedeGift: #008000;
    --OCEnterpriseStandard: rgba(0, 0, 0, 1);
    --ScheduleGoferEmployeeManagement: #00bbef;
    --OrderCounterCloud: #87CEEB;
    --OCQROrdering: #B472E8;
    --DataCapEcomAddOnForInStoreNETePay: #941a25;
    --OCEnterpriseBasic: #F1D900;
    --OrderTabHandheld: #FEF683;
    --Dormant-License: goldenrod;
}

.license-control-panel[b-2ti69qhfup] {
}

.license-ops[b-2ti69qhfup] {
}

    .license-ops .button-operations[b-2ti69qhfup] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

.ag-courses_box[b-2ti69qhfup] {
    padding: 50px 0px;
    background-color: #e8edf4;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* Color Codes For Licenses */

.OrderCounterPOSSaaS[b-2ti69qhfup] {
    background-color: var(--OrderCounter-POS-Saas) !important;
}

.OCAdvancedLoyaltyCompwOnlineOrderingLimitedTime2021only[b-2ti69qhfup] {
    background-color: var(--OCAdvancedLoyaltyCompwOnlineOrderingLimitedTime2021Only) !important;
}

.OCIntegratedPayments[b-2ti69qhfup] {
    background-color: var(--OCIntegratedPayments) !important;
}

.OCOnlineOrderingHostede-gift[b-2ti69qhfup] {
    background-color: var(--OCOnlineOrderingHostedeGift) !important;
}

.OCEnterpriseStandard[b-2ti69qhfup] {
    background-color: #D3D3D3 !important;
}

.ScheduleGoferEmployeeManagement[b-2ti69qhfup] {
    background-color: var(--ScheduleGoferEmployeeManagement) !important;
}

.OrderCounterCloud[b-2ti69qhfup] {
    background-color: var(--OrderCounterCloud) !important;
}

.OCQROrdering[b-2ti69qhfup] {
    background-color: var(--OCQROrdering) !important;
}

.DataCapEcomaddonforinstoreNETePay[b-2ti69qhfup] {
    background-color: var(--DataCapEcomAddOnForInStoreNETePay) !important;
}

.OCEnterpriseBasic[b-2ti69qhfup] {
    background-color: var(--OCEnterpriseBasic) !important;
}

.OrderTabHandheld[b-2ti69qhfup] {
    background-color: var(--OrderTabHandheld) !important;
}

.dormant-license[b-2ti69qhfup] {
    background-color: var(--Dormant-License) !important;
}
/*
@media only screen and (max-width: 979px) {
    .ag-courses_item {
        -ms-flex-preferred-size: calc(50% - 30px);
        flex-basis: calc(50% - 30px);
    }

    .ag-courses-item_title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .ag-format-container {
        width: 96%;
    }
}

@media only screen and (max-width: 639px) {
    .ag-courses_item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .ag-courses-item_title {
        min-height: 72px;
        line-height: 1;
        font-size: 24px;
    }

    .ag-courses-item_link {
        padding: 22px 40px;
    }

    .ag-courses-item_date-box {
        font-size: 16px;
    }
}*/

/* New License Styling */

.license-container[b-2ti69qhfup] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.license[b-2ti69qhfup] {
    width: 90%;
    max-width: 800px;
    height: auto;
    /*max-height: 250px;*/
    display: flex;
    background-color: rgba(242, 242, 242);
    border-radius: 5px;
    /*cursor: pointer;*/
    /*   position: relative; */
    overflow: hidden;
    transition: background-color 0.5s ease;
    padding-left: 15px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    /* REMOVE */
    margin-bottom: 15px;
}

.license-content[b-2ti69qhfup] {
    height: auto;
    width: 65%;
    padding-top: 5px;
    padding-bottom: 5px;
    /*display: flex;
    flex-direction: column;*/
    /*padding-top: 15px;*/
}

.license-actions[b-2ti69qhfup] {
    height: auto;
    width: 35%;
    position: relative;
}

.license-animation[b-2ti69qhfup] {
    content: '';
    height: 114px;
    width: 114px;
    background-color: rgba(238, 87, 44, 0.7);
    position: absolute;
    top: -60px;
    right: -60px;
    border-radius: 50%;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 0.2s ease;
    z-index: 1;
}

.license:hover[b-2ti69qhfup] {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */
    background-color: #FFF;
}

    .license:hover .license-animation[b-2ti69qhfup] {
        /*   -webkit-transform: scale(5);
  -ms-transform: scale(5);
  transform: scale(5); */
        width: 100%;
        height: 200%;
        border-radius: 0;
        top: -5%;
        right: 0;
        border-top-left-radius: 80%; /* Top-left corner circular */
        border-bottom-left-radius: 50%; /* Bottom-left corner circular */
        cursor: pointer;
    }

/* .license-header,
.license-code,
.license-details {
  position: relative;
  z-index: 2;
} */

.license-header[b-2ti69qhfup] {
    font-weight: bolder;
    font-size: 18px;
    display: flex;
    align-items: center !important;
    justify-content: flex-start;
    height: 30px;
    /*background-color: grey;*/
    position: relative;
}

    .license-header p[b-2ti69qhfup] {
        margin: 0;
        width: 70%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*padding-left: 30px;*/
    }

.license-code[b-2ti69qhfup] {
    font-size: 14px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: -5px;
    /*background-color: lightgrey;*/
    /*   font-weight: bold; */
}

    .license-code .activate[b-2ti69qhfup] {
        height: 100%;
        width: 20px;
        margin-left: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .license-code p[b-2ti69qhfup] {
        margin: 0;
        cursor: pointer;
    }

.license-details[b-2ti69qhfup] {
    flex: 1 1 auto;
    display: flex;
    height: auto !important;
    font-size: 12px;
    gap: 10px;
    flex-wrap: wrap;
    color: rgba(92, 91, 91, 1);
    transition: all 1s ease;
    align-items: flex-start;
    position: relative;
}

.license-details .qr-code[b-2ti69qhfup] {
    
}

.qr-code i[b-2ti69qhfup] {
    cursor: pointer;
    position: relative;
    top: 25px;
    left: 300px;
    font-size: 20px;
    z-index: 3;
}

.qr-code i:hover[b-2ti69qhfup] {
    /*font-size: 17px;*/
}

    .license-details p[b-2ti69qhfup] {
        margin: 0;
    }

.license:hover .license-details[b-2ti69qhfup] {
    color: #000;
}

.license-details > .create-date[b-2ti69qhfup] {
}

.create-date span[b-2ti69qhfup] {
    font-weight: bold;
}

.license-details > .purchased-by[b-2ti69qhfup] {
}

.purchased-by span[b-2ti69qhfup] {
    font-weight: bold;
}

.license-state span[b-2ti69qhfup] {
    font-weight: bold;
}

.license-state-identifier[b-2ti69qhfup] {
    font-weight: normal !important;
    /*padding-left: 8px;
    padding-right: 8px;*/
    padding: 1px 8px 1px 8px;
    border-radius: 15px;
    height: 18px;
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    left: 70%;
    width: 75px;
    text-align: center;
}

    .license-state-identifier.requested[b-2ti69qhfup] {
        background-color: rgba(255, 165, 0, 0.8);
        color: #FFF;
    }

    .license-state-identifier.staging[b-2ti69qhfup] {
        background-color: rgba(70, 130, 180, 0.8);
        color: #FFF;
    }

    .license-state-identifier.active[b-2ti69qhfup] {
        background-color: rgba(50, 205, 50, 0.8);
        color: #FFF;
    }

    .license-state-identifier.inactive[b-2ti69qhfup] {
        background-color: rgba(169, 169, 169, 0.8);
        color: #FFF;
    }

.arrow-icon[b-2ti69qhfup]::before {
    /*   content: '\2190'; */
}

.more-info[b-2ti69qhfup] {
  cursor: pointer;
  background-color: #ee572c;
  color: #fff;
  text-align: center;
  padding: 2px;
  border-radius: 50px;
  font-size: 10px;
  border: 1px solid white;
  position: absolute;
  left: 90%;
}

    .more-info:hover[b-2ti69qhfup] {
        background-color: #FFF;
        border: 1px solid #ee572c;
        color: #EE572C;
    }
.merchant-paid[b-2ti69qhfup] {
  cursor: pointer;
  background-color: #ee572c;
  color: #fff;
  text-align: center;
  padding: 2px;
  border-radius: 50px;
  font-size: 10px;
  border: 1px solid white;
  position: absolute;
  left: 86%;
}

    .merchant-paid:hover[b-2ti69qhfup] {
        background-color: #FFF;
        border: 1px solid #ee572c;
        color: #EE572C;
    }

.arrow-icon[b-2ti69qhfup] {
    font-size: 20px;
    width: 15px;
    height: 15px;
    color: #FFF;
    position: absolute;
    top: 9px;
    right: 15px;
    z-index: 2;
}

    .arrow-icon:hover[b-2ti69qhfup] {
        color: #000;
    }

.activation-button[b-2ti69qhfup] {
    position: absolute;
    right: 5%;
    bottom: 5px;
    padding: 2px;
    width: 30%;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    background-color: rgba(41, 142, 70, 1);
    color: #FFF;
    border: 1px solid #eae8e4;
    border-radius: 5px;
    transition: all 0.1s ease;
    /* Scale font size dynamically */
    /*font-size: small;*/
    /*line-height: 1.2;*/
    /*overflow-wrap: break-word;
    white-space: nowrap;*/
}

.deploy-button[b-2ti69qhfup] {
    position: absolute;
    right: 40%;
    bottom: 5px;
    width: 30%;
    padding: 2px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    background-color: #EE572C;
    border: 1px solid #FFF;
    border-radius: 5px;
    color: #FFF;
    transition: all 0.1s ease;
}

.license:hover .activation-button[b-2ti69qhfup] {
    background-color: #FFF;
    border-color: rgba(41, 142, 70, 1);
    color: rgba(41, 142, 70, 1);
}

.license:hover .deploy-button[b-2ti69qhfup] {
    background-color: #FFF;
    color: #EE572C;
    border-color: #EE572C;
}

.activation-button:hover[b-2ti69qhfup] {
    transform: scale(1.05);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    transition: none;
}

.deploy-button:hover[b-2ti69qhfup] {
    transform: scale(1.05);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    transition: none;
}


@media (max-width: 950px) {

    .activation-button[b-2ti69qhfup] {
        font-size: 12px;
        height: 35px;
    }

    .deploy-button[b-2ti69qhfup] {
        font-size: 12px;
        height: 35px;
    }
}

@media (max-width: 650px) {

    .activation-button[b-2ti69qhfup] {
        width: 35%;
        min-width: 60px;
        right: 5%;
        transition: none;
    }

        .activation-button:hover[b-2ti69qhfup] {
            transform: none;
        }

    .deploy-button[b-2ti69qhfup] {
        width: 35%;
        min-width: 60px;
        right: 50%;
    }

        .deploy-button:hover[b-2ti69qhfup] {
            transform: none;
        }

    .license-state-identifier[b-2ti69qhfup] {
        left: 90%;
    }
}

@media (max-width: 767px) {

    .license-ops .button-operations[b-2ti69qhfup] {
        flex-wrap: wrap;
        gap: 6px;
    }

    .ag-courses_box[b-2ti69qhfup] {
        padding: 20px 0;
    }

    .license[b-2ti69qhfup] {
        flex-direction: column;
        padding-left: 0;
        width: 95%;
    }

    .license-content[b-2ti69qhfup] {
        width: 100%;
        padding: 10px 12px 5px;
    }

    .license-header[b-2ti69qhfup] {
        height: auto;
        flex-wrap: wrap;
        gap: 4px;
    }

        .license-header p[b-2ti69qhfup] {
            width: auto;
            max-width: 100%;
            white-space: normal;
            overflow: visible;
            text-overflow: unset;
            font-size: 16px;
        }

    .license-state-identifier[b-2ti69qhfup] {
        position: static;
        margin-left: 0;
    }

    .license-code[b-2ti69qhfup] {
        height: auto;
        margin-bottom: 2px;
    }

    .license-details[b-2ti69qhfup] {
        flex-direction: column;
        gap: 4px;
    }

    .more-info[b-2ti69qhfup] {
        position: static;
        display: inline-block;
        margin-top: 4px;
        padding: 2px 10px;
    }

    .merchant-paid[b-2ti69qhfup] {
        position: static;
        display: inline-block;
        margin-top: 4px;
        padding: 2px 10px;
    }

    .qr-code i[b-2ti69qhfup] {
        position: static;
        font-size: 18px;
        margin-right: 8px;
    }

    .license-actions[b-2ti69qhfup] {
        width: 100%;
        position: relative;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 6px 12px;
        gap: 8px;
    }

    .license-animation[b-2ti69qhfup] {
        display: none;
    }

    .activation-button[b-2ti69qhfup] {
        position: static;
        width: auto;
        min-width: 80px;
        padding: 4px 12px;
        font-size: 12px;
        height: auto;
    }

    .deploy-button[b-2ti69qhfup] {
        position: static;
        width: auto;
        min-width: 60px;
        padding: 4px 12px;
        font-size: 12px;
    }

    .arrow-icon[b-2ti69qhfup] {
        position: static;
        font-size: 18px;
        width: auto;
        height: auto;
        color: #ee572c;
    }
}

/* /Shared/PanelLicense.razor.rz.scp.css */
.purchase-license[b-vvqrnlz9oj] {
    background-color: #E8EDF4;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    padding: 15px;
}

.purchase-license .header[b-vvqrnlz9oj] {
    text-align: center;
}

.purchase-license .header h3[b-vvqrnlz9oj] {
    color: #EE572C;
}

.purchase-license .header .merchant-name[b-vvqrnlz9oj] {
}
/* /Shared/PanelMerchantOverride2.razor.rz.scp.css */
.service-actions-row[b-ypmrxwushj] {
    
}

.service-actions-row div.col-2[b-ypmrxwushj] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.service-actions-row div.col-2 button[b-ypmrxwushj] {
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.add-button .bi[b-ypmrxwushj],
.edit-button .bi[b-ypmrxwushj],
.delete-button .bi[b-ypmrxwushj] {
    font-size: 13px;
}
/* /Shared/SupportDesk/DeploymentNotes.razor.rz.scp.css */
.notes-container[b-yaz69h70cb] {
    height: 550px;
    max-height: 550px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    padding-right: 5px;
    position: relative;
}

.create-note[b-yaz69h70cb] {
    background-color: transparent;
    border: none;
    width: 40px;
    height: 40px;
    color: #EE572C;
    font-size: 22px;
    position: absolute;
    right: 15px;
}

.create-note-card[b-yaz69h70cb] {
    display: none;
    background-color: #FFF;
    padding: 10px;
    border-radius: 5px;
    transition: opacity 0.3s ease-in-out;
}

    .create-note-card.display[b-yaz69h70cb] {
        display: block;
        opacity: 1;
        margin-top: 11%;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    }

    .create-note-card .card-content h3[b-yaz69h70cb] {
        font-size: 14px;
    }

    .create-note-card .card-content textarea[b-yaz69h70cb] {
        width: 100%;
        height: 175px !important;
        border-radius: 5px;
        outline-color: #EE572C;
    }

        .create-note-card .card-content textarea[b-yaz69h70cb]::-webkit-scrollbar {
            width: 6px;
        }

        .create-note-card .card-content textarea[b-yaz69h70cb]::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .create-note-card .card-content textarea[b-yaz69h70cb]::-webkit-scrollbar-thumb {
            background-color: #F2F2F2;
            border-radius: 6px;
        }

.card-content .create-operations[b-yaz69h70cb] {
    display: flex;
    gap: 20px;
}

.create-note-btn[b-yaz69h70cb] {
    background-color: #EE572C;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
    box-shadow: none;
}

    .create-note-btn:hover[b-yaz69h70cb] {
        color: #EE572C;
        background-color: #FFF;
        border-color: #EE572C;
    }

.cancel-create-note-btn[b-yaz69h70cb] {
    background-color: #FF4C4C;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
}

    .cancel-create-note-btn:hover[b-yaz69h70cb] {
        background-color: #E04444;
        border-color: #FF4C4C;
    }

.create-note:hover[b-yaz69h70cb] {
    transform: scale(1.05);
}

.notes-container .note-section-header[b-yaz69h70cb] {
    color: #000;
    font-size: 10px;
}

.note-section-header h4[b-yaz69h70cb] {
    font-size: 18px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.6);
}

.notes-container .note-card[b-yaz69h70cb] {
    background-color: #FFF;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /*color: #D3D3D3;*/
}

.note-card .note-header[b-yaz69h70cb] {
    color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: space-between;
}

.note-header .note-author[b-yaz69h70cb] {
    font-size: 12px;
}

.note-header .note-timestamp[b-yaz69h70cb] {
    font-size: 12px;
}

.note-card:hover[b-yaz69h70cb] {
    color: #000;
    cursor: pointer;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.note-card .note-body[b-yaz69h70cb] {
    font-weight: lighter;
    padding: 5px;
}

.note-body .view-more[b-yaz69h70cb] {
    border: none;
    background-color: #FFF;
    font-size: 10px;
}

    .note-body .view-more:hover[b-yaz69h70cb] {
        cursor: pointer;
        color: #EE572C;
    }

.note-card .note-actions[b-yaz69h70cb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    padding: 3px;
    border-radius: 5px;
    gap: 10px;
}

.note-actions .pin-btn[b-yaz69h70cb] {
    background-color: transparent;
    color: #EE572C;
    border: 1px solid #FFF;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    font-size: 16px;
}

.pin-btn:hover[b-yaz69h70cb] {
    background-color: #FFF;
    border-color: #EE572C;
    color: #EE572C;
    transform: scale(1.05);
}

.note-actions .unpin-btn[b-yaz69h70cb] {
    /*background-color: #EE572C;*/
    background-color: transparent;
    color: #EE572C;
    border: 1px solid #FFF;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    transform: rotate(-180deg);
}

.unpin-btn:hover[b-yaz69h70cb] {
    background-color: #FFF;
    border-color: #EE572C;
    color: #EE572C;
    transform: scale(1.05) rotate(-180deg);
}

.pin-btn:hover[b-yaz69h70cb] {
    cursor: pointer;
    background-color: #FFF;
    border-color: #EE572C;
    color: #EE572C;
}

.note-actions .remove-note[b-yaz69h70cb] {
    background-color: transparent;
    color: #FF4C4C;
    border: 1px solid #FFF;
    border-radius: 5px;
    font-size: 14px;
    width: 30px;
    height: 30px;
}

.remove-note:hover[b-yaz69h70cb] {
    color: #E04444;
    border-color: #E04444;
    transform: scale(1.05);
    font-size: 15px;
}

.notes-container[b-yaz69h70cb]::-webkit-scrollbar {
    width: 6px;
}

.notes-container[b-yaz69h70cb]::-webkit-scrollbar-thumb {
    background-color: #ee572c;
    border-radius: 6px;
}

.notes-container[b-yaz69h70cb]::-webkit-scrollbar-track {
    background-color: transparent;
}
/* /Shared/SupportDesk/TicketComponent.razor.rz.scp.css */
.ticket[b-bxly8r454j] {
    display: flex;
    margin-bottom: 5px;
    font-size: 12px;
    border: 1px solid #d3d3d3;
    padding: 8px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .ticket:hover[b-bxly8r454j] {
        cursor: pointer;
        background-color: #E8EDF4;
    }

.ticket-information[b-bxly8r454j] {
    display: flex;
    flex-direction: column;
    width: 90%;
}

    .ticket-information .ticket-subject[b-bxly8r454j] {
        /*background-color: yellow;*/
        display: flex;
        flex-direction: column;
        width: 100%;
        font-weight: bold;
        /*background-color: #f2f2f2;*/
    }

.ticket-subject p[b-bxly8r454j] {
    margin-bottom: 0;
}

.ticket-subject .ticket-status[b-bxly8r454j] {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: 10px;
    font-size: 11px;
}

.ticket-status.closed[b-bxly8r454j] {
    background-color: #008000;
}

.ticket-status.open[b-bxly8r454j] {
    background-color: #1E90FF;
}

.ticket-status.on-hold[b-bxly8r454j] {
    background-color: #FFD700;
}

.ticket-status.escalated[b-bxly8r454j] {
    background-color: #dc3545;
}

.ticket-status.bug-fixed[b-bxly8r454j] {
    background-color: #32CD32;
}

.ticket-status.resolved[b-bxly8r454j] {
    background-color: #4CAF50;
}

.ticket-status.awaiting-customer-reply[b-bxly8r454j] {
    background-color: #f2f2f2;
    color: #000;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

.ticket-status.in-progress[b-bxly8r454j] {
    background-color: lightgreen;
}

.ticket-information .ticket-owner[b-bxly8r454j] {
    display: flex;
    justify-content: space-between;
}

.ticket-owner .ticket-comments[b-bxly8r454j] {
    font-size: 10px;
}

    .ticket-owner .ticket-comments:hover[b-bxly8r454j] {
        text-decoration: underline;
    }

.ticket-owner .ticket-name[b-bxly8r454j] {
    font-weight: bold;
}

.ticket-owner .view-ticket[b-bxly8r454j] {
    font-size: 10px;
}

    .ticket-owner .view-ticket:hover[b-bxly8r454j] {
        text-decoration: underline;
    }

.ticket-number[b-bxly8r454j] {
    width: 10%;
    text-align: center;
}

.ticket-header[b-bxly8r454j] {
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
    height: 15%;
}

.ticket-subject[b-bxly8r454j] {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
}

.ticket-status[b-bxly8r454j] {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
}

    .ticket-status p[b-bxly8r454j] {
        width: 33%;
    }

.ticket-assignee[b-bxly8r454j] {
    display: flex;
    border-bottom: 1px solid #f2f2f2;
}

    .ticket-assignee p[b-bxly8r454j] {
        width: 50%;
    }

.ticket-department[b-bxly8r454j] {
    display: flex;
}

    .ticket-department p[b-bxly8r454j] {
        width: 50%;
    }

.ticket-bold[b-bxly8r454j] {
    font-weight: bold;
}

.assignee-photo[b-bxly8r454j] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.ticket-view-more[b-bxly8r454j] {
    padding: 5px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

    .ticket-view-more:hover[b-bxly8r454j] {
        background-color: #0056b3;
    }

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

.popup-content[b-bxly8r454j] {
    background: white;
    padding: 20px;
    border-radius: 5px;
    width: 80%;
    max-width: 800px;
    height: 80%;
    max-height: 700px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.popup-header[b-bxly8r454j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

    .popup-header h3[b-bxly8r454j] {
        margin: 0;
    }

    .popup-header button[b-bxly8r454j] {
        background: none;
        border: none;
        font-size: 1.5em;
        cursor: pointer;
    }

.popup-body[b-bxly8r454j] {
    /*height: 100%;*/
    height: 600px;
    /*overflow-y: auto;*/
    padding-right: 5px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .popup-body .ticket-information[b-bxly8r454j] {
        height: 20%;
        border: 1px solid #F2F2F2;
        padding: 8px;
        border-radius: 15px;
        width: 100%;
        box-shadow: 0 3px 7px 0 #f2f2f2;
        background-color: #E8EDF4;
    }

.popup-body .ticket-information span[b-bxly8r454j] {
    font-weight: bold;
}

.comments-section[b-bxly8r454j] {
    overflow-y: scroll;
    height: 80% !important;
    border: 1px solid #F2F2F2;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: -3px 3px 7px 0 #f2f2f2;
}

    .comments-section[b-bxly8r454j]::-webkit-scrollbar {
        width: 4px;
    }

    .comments-section[b-bxly8r454j]::-webkit-scrollbar-thumb {
        background-color: #ee572c;
        border-radius: 6px;
    }

    .comments-section[b-bxly8r454j]::-webkit-scrollbar-track {
        background-color: transparent;
    }

.popup-bold[b-bxly8r454j] {
    font-weight: bold;
}

.comment[b-bxly8r454j] {
    border-bottom: 1px solid #d3d3d3;
    padding: 5px;
    background-color: #E8EDF4;
    border-radius: 5px;
}

    .comment p img[b-bxly8r454j] {
        width: 90%;
        height: auto;
    }

    .comment .comment-author[b-bxly8r454j] {
        font-weight: bold;
    }

    .comment .comment-time[b-bxly8r454j] {
        font-size: 9px;
    }
/* /Shared/SupportDesk/ZohoTicketSupportDesk.razor.rz.scp.css */
.ticket-container[b-7m0kcgn46c] {
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 5px;
}

.ticket-container[b-7m0kcgn46c]::-webkit-scrollbar {
    width: 6px;
}

.ticket-container[b-7m0kcgn46c]::-webkit-scrollbar-thumb {
    background-color: #ee572c;
    border-radius: 6px;
}

.ticket-container[b-7m0kcgn46c]::-webkit-scrollbar-track {
    background-color: transparent;
}

.status-title[b-7m0kcgn46c] {
    font-weight: bold !important;
}