/* /Pages/Calendar.razor.rz.scp.css */
.main-right-col[b-ltbywrxkti] {
    background-color: #EBEBED;
}
.calendar-orgstructure-hierarchy-team[b-ltbywrxkti] {
    overflow-y: auto;
    max-width: 480px
}
.calendar-orgstructure-hierarchy-team .orgstructure-hierarchy-team[b-ltbywrxkti] {
    position: absolute;
    width: inherit;
}

/*mobile style*/
.mobile[b-ltbywrxkti]  .filter-panel {
    height: 48px;
    justify-content: center;
}
.mobile[b-ltbywrxkti]  .sm-border-right {
    border-right: none;
}
.mobile[b-ltbywrxkti]  .sheduler-view-type,
.mobile[b-ltbywrxkti]  .filter-panel-buttons-mud-divider,
.mobile[b-ltbywrxkti]  .btn-today {
    display: none !important;
}
.mobile[b-ltbywrxkti]  .left-part {
    padding-left: 8px;
}
.mobile[b-ltbywrxkti]  .filter-panel-buttons {
    padding: 0px!important;
    gap: 0;
}
.mobile[b-ltbywrxkti]  .filter-panel-buttons .mud-menu{
    margin-right: 4px;
}
.mobile[b-ltbywrxkti]  .filter-panel-buttons .mud-menu .mud-icon-root.mud-svg-icon{
   fill: rgba(0, 0, 0, 0.87);
}
.mobile[b-ltbywrxkti]  .filter-panel-buttons .mobile-menu-task {
    margin-right: 0px;
}
.mobile[b-ltbywrxkti]  .scheduler-cal-wrap {
    gap: 0;
}
.mobile[b-ltbywrxkti]  .btn-create {
    margin: 0;
    border-radius: 50%;
    width: 56px;
    min-width: 56px;
    padding: 0;
    height: 56px;
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 10;
}
.mobile[b-ltbywrxkti]  .btn-create .mud-button-icon-start {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
.mobile[b-ltbywrxkti]  .btn-create .mud-icon-root {
    font-size: 24px;
}

.mobile-orgstructure-close[b-ltbywrxkti]{
    width: 0;
    height: 0;
    visibility:hidden;
}
.mobile-orgstructure-close[b-ltbywrxkti]  .orgstructure-hierarchy-team{
    height: 0;
}
.mobile-orgstructure-open[b-ltbywrxkti] {
    position: fixed;
    inset: 0;
    z-index: 1405;
    background: white;
    display: flex;
    flex-direction: column;
    visibility: visible;
}
.mobile-orgstructure-open .orgstructure-mobile-title[b-ltbywrxkti]{
    padding: 12px 16px 14px 16px;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
}
.mobile[b-ltbywrxkti]  .orgstructure-list{
    overflow-y: auto;
    height: calc(100dvh - 170px);
}

.mobile-org-btn-close-wrap[b-ltbywrxkti] {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
[b-ltbywrxkti] .mobile-org-btn-close {
    background: #5A5AE6;
    color: #fff;
    width: 100%;
    text-transform: capitalize;
}
[b-ltbywrxkti] .mobile-org-btn-open {
    border: none;
    padding: 0 14px;
    width: max-content;
    min-width: 24px;
    margin-right: 2px;
}
[b-ltbywrxkti] .mobile-org-btn-open .mud-button-label {
    min-width: 24px;
}
[b-ltbywrxkti] .mobile-org-btn-open .mud-button-label .mud-button-icon-start {
    display: flex;
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
[b-ltbywrxkti] .mobile-org-btn-open .mud-button-label .mud-button-icon-start .mud-icon-root {
    font-size: 24px;
}

/* /Pages/Gallery.razor.rz.scp.css */
.gallery-c[b-te8i4l9sqe]{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gallery-toolbar[b-te8i4l9sqe]{
    display: flex;
    gap: 10px;
    align-items: center;
}

/* /Pages/GalleryIR.razor.rz.scp.css */
.gallery-c[b-66kl7bbam2]{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gallery-toolbar[b-66kl7bbam2] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.outlet-selector[b-66kl7bbam2] {
    max-width: 480px;
}

[b-66kl7bbam2] .btn-expand-collapse-icon {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0px 12px 12px 0px;
}

[b-66kl7bbam2] .filter-badge .mud-badge-wrapper {
    top: 10px;
    left: -10px;
    z-index: -1;
}
/* /Pages/HomeDashboard.razor.rz.scp.css */
.left-column[b-02awd4mujt] {
    background-color: #C4C4C4;
}
.right-column[b-02awd4mujt] {

}

.smart-manager-content[b-02awd4mujt] {
    padding: 15%;
}

.dashboard-page[b-02awd4mujt] {
    height: 100%;
    overflow: hidden;
}

.dashboard-report[b-02awd4mujt] {
    height: 100%;
    overflow: hidden;
}
/* /Pages/Index.razor.rz.scp.css */
.home-header[b-qk9bk9smgi]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 80px;
    padding-bottom: 72px;
}
.home-header-title[b-qk9bk9smgi] {
    font-size: 48px;
    color: rgba(0, 0, 0, 0.87);
    line-height: 56px;
    text-align: center;
    letter-spacing: 0.25px;
}
.home-header-subtitle[b-qk9bk9smgi] {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 16px;
    text-align: center;
    letter-spacing: 0.25px;
}

.main-app.mobile .home-header[b-qk9bk9smgi] {
    padding-top: 32px;
    padding-bottom: 40px;
}

.home-background[b-qk9bk9smgi]{
    background-image: url('/icon/Home_BG_Image.svg');
    background-size: cover;
    background-position: top center;
    height: 100%;
    width: 100%;
}

@media (max-width: 600px) {
    .main-app.mobile .home-header[b-qk9bk9smgi] {
        padding-top: 16px;
        padding-bottom: 32px;
    }
    .home-header-title[b-qk9bk9smgi] {
        font-size: 34px;
        line-height: 36px;
    }
    .home-header-subtitle[b-qk9bk9smgi] {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }
}
/* /Pages/Territory.razor.rz.scp.css */
.left-column[b-fgm3sjtw7o] {
    background-color: #C4C4C4;
}
.right-column[b-fgm3sjtw7o] {

}

.smart-manager-content[b-fgm3sjtw7o] {
    padding: 15%;
}

.outlets-list-rigt-border[b-fgm3sjtw7o] {
    border-right: 1px solid var(--mud-palette-table-lines);
}

.main-right-col[b-fgm3sjtw7o] {
    background-color: #EBEBED;
}

.no-map-c[b-fgm3sjtw7o], .map-c[b-fgm3sjtw7o]{
    height: 100%;
    width: 100%;
}

.territory-c[b-fgm3sjtw7o]{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.territory-toolbar[b-fgm3sjtw7o]{
    display: flex;
    gap: 10px;
    align-items: center;
}

.mobile .territory-toolbar[b-fgm3sjtw7o]{
    display: flex;
    gap: 4px;
    align-items: center;
}

[b-fgm3sjtw7o] .outlet-marker-popup-button {
    text-transform: none;
    justify-content: start;
}

.territory-report[b-fgm3sjtw7o] {
    height: 100%;
    width: 100%;
    background-color: var(--component-colors-bg-main);
    position: relative;
    z-index: 1000;
}
/* /Pages/Visit.razor.rz.scp.css */
.main-right-col[b-rt74b3azfc] {
    background-color: #EBEBED;
}
[b-rt74b3azfc] .form-leaflet {
    z-index: 1398;
}

.btn-expand-collapse-wrapper[b-rt74b3azfc] {
    position: absolute;
    bottom: 8px;
    height: 40px;
    width: 16px;
    z-index: 1000;
}
/* /Shared/Components/Activities/CustomerOverviewForm.razor.rz.scp.css */
.customer-overview-header-row[b-2uczjtwd8x] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0;
}

.customer-overview-title-text[b-2uczjtwd8x] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.customer-overview-display[b-2uczjtwd8x] {
    border-radius: 0 0 4px 4px !important;
}

.customer-overview-container[b-2uczjtwd8x] {
    height: 64px;
    padding: 12px 8px 12px 16px;
    gap: 16px;
    background-color: #FFFFFF;
}

.customer-overview-name[b-2uczjtwd8x] {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
}

.customer-overview-time[b-2uczjtwd8x] {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-align: right;
    color: rgba(0, 0, 0, 0.87);
    padding: 14px 14px 14px 8px;
    min-width: 80px;
}
/* /Shared/Components/Activities/CutPricesForm.razor.rz.scp.css */
.product-id[b-4ujlcm14p6] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
/* /Shared/Components/Activities/DistributionForm.razor.rz.scp.css */
/* /Shared/Components/Activities/DocumentForm.razor.rz.scp.css */
.document-header[b-c8ifcanca6] {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.document-row[b-c8ifcanca6] {
    padding: 15px 0px 15px 0px;
    background-color: #FFFFFF;
    border: 1px solid var(--mud-palette-table-lines);
    margin: 0px;
}

.document-title-text[b-c8ifcanca6] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.document-header-row[b-c8ifcanca6] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0 !important;
}

.document-name[b-c8ifcanca6] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.document-total-seconds[b-c8ifcanca6] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #000000;
}

.document-name p[b-c8ifcanca6],
.document-total-seconds p[b-c8ifcanca6] {
    margin-bottom: 0;
}

.document-total-display[b-c8ifcanca6] {
    border-radius: 0 0 4px 4px !important;
}
/* /Shared/Components/Activities/DocumentSectionForm.razor.rz.scp.css */
.document-section-header[b-zlkumn3gxo] {
    min-height: 48px;
}

.document-date[b-zlkumn3gxo] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    letter-spacing: 0.4px;
    padding-left: 15px;
}

.document-name[b-zlkumn3gxo] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding-left: 15px;
}

.main-row[b-zlkumn3gxo] {
    height: calc(100% - 48px);
}

.sections-col[b-zlkumn3gxo] {
    padding-left: 8px;
    padding-right: 4px;
    width: 30%;
    height: 100%;
}
.sections-container[b-zlkumn3gxo] {
    height: 100%;
    overflow: auto;
}

.document-items-col[b-zlkumn3gxo] {
    padding-left: 4px;
    padding-right: 8px;
    width: 70%;
    height: 100%;
}

.document-items-container[b-zlkumn3gxo] {
    height: 100%;
    overflow: auto;
    max-width: 100%;
}

.document-section-row[b-zlkumn3gxo] {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    min-height: 40px;
    background: #FFFFFF;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.upl-property-col[b-zlkumn3gxo] {
    width: 40px;
}

.document-section-row.selected[b-zlkumn3gxo] {
    min-height: 56px;
    background: rgba(90, 90, 230, 0.08);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.document-section-row.selected .section-name[b-zlkumn3gxo] {
    color: rgba(0, 0, 0, 0.87);
}

.section-name[b-zlkumn3gxo] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding: 15px 0px 15px 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    text-overflow: ellipsis;
}

.document-item-row[b-zlkumn3gxo] {
    padding: 16px 0px 16px 16px;
}

.table-item-name[b-zlkumn3gxo] {
    padding: 5px 5px 0px 5px;
}

.uplitemname[b-zlkumn3gxo] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;

    display: flex;
    align-items: center;
    letter-spacing: 0.1px;

    color: rgba(0, 0, 0, 0.87);
}

.uplitemresponsevalue[b-zlkumn3gxo] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;

    display: flex;
    align-items: center;
    letter-spacing: 0.4px;

    color: rgba(0, 0, 0, 0.87);
}

.uplitemdisplayvalue[b-zlkumn3gxo] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    display: flex;
    align-items: center;
    letter-spacing: 0.4px;

    color: rgba(0, 0, 0, 0.6);
}

.table-item-row[b-zlkumn3gxo] {
    padding: 10px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.document-img[b-zlkumn3gxo] {
    width: 100%;
    max-width: 350px;
}

.row.divider[b-zlkumn3gxo] {
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
}

.row.content-divider[b-zlkumn3gxo] {
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.question-text[b-zlkumn3gxo] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding-bottom: 5px;
}

.response-text[b-zlkumn3gxo] {
    padding-bottom: 5px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: rgba(0, 0, 0, 0.87);
}

.document-date p[b-zlkumn3gxo],
.document-name p[b-zlkumn3gxo] {
    margin-bottom: 0;
}
/* /Shared/Components/Activities/InaccessibleVisitForm.razor.rz.scp.css */
.document-header[b-xtwy7bgw6r] {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.document-row[b-xtwy7bgw6r] {
    padding: 10px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.document-caption[b-xtwy7bgw6r] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #666666;
}

.document-value[b-xtwy7bgw6r] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-align: left;
}
/* /Shared/Components/Activities/InformationForm.razor.rz.scp.css */
/*.outlet-message-header {
    height:48px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
}
.outlet-message-container {
    background-color: white;
}
.outlet-message-bottom {
    height: 58px;
    border-top: 1px solid var(--mud-palette-table-lines);
}

.row.divider {
    padding: 0;
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.items {
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
}

.item {
    width: 50%;
}

.item.group-a {
    order: 10;
    padding-top: 10px;
}

.item.group-a .row {
    padding: 5px 0px 5px 0px;
}

.item.group-b {
    order: 20;
}


.items:before {
    content: "";
    order: 15;
    height: 100vh;
}

@media (min-width: 1280px) and (max-width: 1919.98px) {
    .item.group-a, .item.group-b {
        width: 100%;
    }

    .item.group-a .row {
        padding: 5px 0px 5px 0px;
    }

    .item.group-a {
        order: 10;
        padding-top: 0px;
    }

    .item.group-b {
        order: 10;
        padding: 0px !important;
    }

    .items {
        overflow: auto;
        display: block;
        height: 100%;
    }
}*/
/* /Shared/Components/Activities/OutletOrderHDialog.razor.rz.scp.css */

.list-page.block[b-c6pi2y1o6y] {
    position: absolute !important;
    top: 0px;
    right: 0px;
    user-select: none;
}

.orderh-total-table[b-c6pi2y1o6y] {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    
}

.orderh-total-table.title[b-c6pi2y1o6y] {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

.orderh-total-table.subtitle[b-c6pi2y1o6y] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.6);
}

.orderh-total-table.caption[b-c6pi2y1o6y] {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 0;
}

.orderh-total-table.value[b-c6pi2y1o6y] {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    width: 50%;
}

/* /Shared/Components/Activities/OutletOrdersDForm.razor.rz.scp.css */
.first-header-row[b-orrgz7yp5e] {
    position: sticky;
    top: 0px;
    background-color: var(--mud-palette-surface);
}

.second-header-row[b-orrgz7yp5e] {
    position: sticky;
    top: 50px;
    background-color: var(--mud-palette-surface);
}

.product-code[b-orrgz7yp5e] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
/* /Shared/Components/Activities/OutletOrdersHForm.razor.rz.scp.css */
.document-caption[b-a4za1t6nwf] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #666666;
}

.document-value[b-a4za1t6nwf] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0.25px;
    text-align: left;
}
/* /Shared/Components/Activities/OutletPosForm.razor.rz.scp.css */
/* /Shared/Components/Activities/OutletTask/OutletTaskDetailsForm.razor.rz.scp.css */
.mobile .task-detail-c[b-rtan8cracn] {
    padding: 8px;
    flex-grow: 1;
}

.task-detail-c .mud-tabs.mud-tabs-rounded[b-rtan8cracn]{
    border-radius: 8px;
}

.task-detail-c[b-rtan8cracn]  .mud-tab{
    text-transform: none;
}

.task-detail-c[b-rtan8cracn] .active-tab-only .mud-tab.mud-tab-active{
    color: var(--theme-colors-default-on-surface-high-emphasis-87);
    text-align: left;
    justify-content: start;
    width: 100%;
}

.task-detail-c[b-rtan8cracn] .active-tab-only .mud-tabs-header-after{
    align-items: center;
}

.mobile .task-detail-c[b-rtan8cracn] .active-tab-only {
    border-radius: 8px 8px 0 0;
    padding: 0 8px 0 4px;
}

.mobile .task-detail-c[b-rtan8cracn] .main-content-c{
    border-radius: 0 0 8px 8px;
    height: 100%;
}

.task-detail-c[b-rtan8cracn] .mud-icon-button {
    padding: 8px;
}

.task-detail-c[b-rtan8cracn] .main-tab-content-c {
    height: calc(100% - 96px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--theme-colors-default-surface-0);
}

.mobile .task-detail-c[b-rtan8cracn] .main-tab-content-c {
    height: calc(100% - 48px);
    border-radius: 0 0 8px 8px;
}

.task-detail-c[b-rtan8cracn] {
    width: 100%;
    height: 100%;
    background: var(--component-colors-bg-main);
    padding: 24px;
}

.task-detail-paper[b-rtan8cracn] {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: var(--theme-colors-default-surface-0);
}

.main-row-c[b-rtan8cracn] {
    height: calc(100% - 65px);
    display: flex;
    flex-direction: row;
}

.content-col[b-rtan8cracn] {
    flex-grow: 1;
    width: 100%;
    flex-direction: column;
}

.content-header .mud-icon-button[b-rtan8cracn]{
    font-size: 20px;
}

.content-header[b-rtan8cracn]  p{
    padding: 0 8px;
}

.content-header[b-rtan8cracn] {
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px
}

.content-header-left[b-rtan8cracn]{
    display: flex;
    align-items: center;
}

.main-content-c[b-rtan8cracn] {
    width: 100%;
    height: calc(100% - 48px);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    background: var(--theme-colors-default-surface-0);
}

.content-col[b-rtan8cracn] {
    height: 100%;
}

.task-detail-c[b-rtan8cracn] .content-type-tabs{
    height: 100%;
    width: 100%;
}

.task-detail-c[b-rtan8cracn] .content-type-tabs .mud-tabs-tabbar-wrapper,
.task-detail-c[b-rtan8cracn] .content-type-tabs .mud-tabs-tabbar-wrapper .mud-tooltip-root {
    width: 100%;
}
/* /Shared/Components/Activities/OutletTask/OutletTaskProperties.razor.rz.scp.css */
.outlet-task-details-col[b-icunsxl5ay] {
    flex-grow: 1;
    width: 100%;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    background: var(--theme-colors-default-surface-0);
}

.group-header[b-icunsxl5ay] {
    padding: 8px 16px;
    background: var(--component-colors-grouping-element);
}

.outlet-task-templates-item[b-icunsxl5ay] {
    padding: 8px 16px;
}

.mobile .outlet-task-details-col[b-icunsxl5ay] {
    border-radius: 0 0 8px 8px;
}
/* /Shared/Components/Activities/OutletTask/OutletTasks.razor.rz.scp.css */
.outlet-task-row[b-s1ggtzbh5m] {
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid var(--mud-palette-table-lines);
}

.outlet-task-title-text[b-s1ggtzbh5m] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.outlet-task-header-row[b-s1ggtzbh5m] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0;
}

.outlet-task-display[b-s1ggtzbh5m] {
    border-radius: 0 0 4px 4px !important;
}
/* /Shared/Components/Activities/OutletTask/TaskContent.razor.rz.scp.css */
/* TaskContent component-specific styles extracted from OutletTaskDetailsForm */

.visit-photo-gallery-grid[b-r2wkb3jyyd] {
    display: flex;
    flex-wrap: wrap;
    user-select: none;
    position: relative;
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    align-items: flex-start;
    height: fit-content;
}

.empty-state-c[b-r2wkb3jyyd] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    background: var(--component-colors-empty-state-bg);
}

.sm-border-top[b-r2wkb3jyyd] {
    border-top: 1px solid var(--mud-palette-table-lines);
}

.photo-gallery-grid-icon-button-wrapper:hover .mud-button-root[b-r2wkb3jyyd] {
    background: rgba(255, 255, 255, 0.36);
}

.task-detail-img[b-r2wkb3jyyd] {
    width: 100%;
    height: 100%;
}

.task-detail-img.no-image[b-r2wkb3jyyd] {
    width: 100%;
    height: 100%;
}

.task-detail-img.full-no-image[b-r2wkb3jyyd] {
    position: relative;
    --no-image-size: 120px;
    height: var(--no-image-size) !important;
    width: var(--no-image-size) !important;
    top: calc(50% - var(--no-image-size) / 2);
    left: calc(50% - var(--no-image-size) / 2);
}

/* img gallery styles */
input[type="checkbox"][id^="taskPhotoCheckbox"][b-r2wkb3jyyd],
input[type="checkbox"][id^="taskCompletionPhotoCheckbox"][b-r2wkb3jyyd] {
    display: none;
}

label[b-r2wkb3jyyd] {
    display: block;
    position: relative;
    cursor: pointer;
}

label[b-r2wkb3jyyd]:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
}

label img[b-r2wkb3jyyd] {
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
}

:checked + label[b-r2wkb3jyyd] {
    border-color: #ddd;
}

:checked + label[b-r2wkb3jyyd]:before {
    content: "✓";
    background-color: grey;
    transform: scale(1);
    z-index: 10;
}

:checked + label img[b-r2wkb3jyyd] {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333; 
    z-index: -1;
}
/* /Shared/Components/Activities/OutletTask/TaskContentTabs.razor.rz.scp.css */
[b-gurzxjfm1j] .main-tab-content-c {
    height: calc(100% - 96px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--theme-colors-default-surface-0);
}

[b-gurzxjfm1j] .content-type-tabs {
    height: 100%;
    width: 100%;
}

[b-gurzxjfm1j] .content-type-tabs .mud-tabs-tabbar-wrapper,
[b-gurzxjfm1j] .content-type-tabs .mud-tabs-tabbar-wrapper .mud-tooltip-root {
    width: 100%;
}

[b-gurzxjfm1j] .active-tab-only .mud-tab.mud-tab-active {
    color: var(--theme-colors-default-on-surface-high-emphasis-87);
    text-align: left;
    justify-content: start;
    width: 100%;
}

[b-gurzxjfm1j] .active-tab-only .mud-tabs-header-after {
    align-items: center;
}

[b-gurzxjfm1j] .mud-icon-button {
    padding: 8px;
}

.main-content-c[b-gurzxjfm1j] {
    width: 100%;
    height: calc(100% - 48px);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    background: var(--theme-colors-default-surface-0);
}
/* /Shared/Components/Activities/OutletTask/TaskDetailHeader.razor.rz.scp.css */
.task-detail-header[b-kvvy2gcrwg] {
    gap: 8px;
    display: flex;
    flex-direction: row;
    padding: 12px 8px;
    align-items: start;
}

.task-detail-header[b-kvvy2gcrwg] .mud-icon-button {
    padding: 4px 8px;
}

.header-toolbar[b-kvvy2gcrwg]{
    display: flex;
    gap: 2px;
    flex-direction: row;
    align-items: center;
}
/* /Shared/Components/Activities/PresentationForm.razor.rz.scp.css */
.presentation-row[b-7l56l1hoo6] {
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid var(--mud-palette-table-lines);
}

.presentation-title-text[b-7l56l1hoo6] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.presentation-header-wrapper[b-7l56l1hoo6] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    background: rgba(247, 246, 248, 1);
    width: 100%;
    height: 32px;
    padding: 8px 8px 0 16px;
}

.presentation-header[b-7l56l1hoo6] {
    font-family: Roboto;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1.5px;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

.presentation-time[b-7l56l1hoo6] {
    margin-left: auto;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-align: right;
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 14px 0px 8px;
}

.presentation-file-container[b-7l56l1hoo6] {
    height: 88px;
    padding: 12px 8px 12px 16px;
    gap: 16px;
    background-color: #FFFFFF;
}

.presentation-file-name[b-7l56l1hoo6] {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
}

.presentation-file-time[b-7l56l1hoo6] {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-align: right;
    color: rgba(0, 0, 0, 0.87);
    padding: 14px 14px 14px 8px;
    min-width: 80px;
}

.presentation-header-row[b-7l56l1hoo6] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0;
}

.presentation-display[b-7l56l1hoo6] {
    border-radius: 0 0 4px 4px !important;
}

.presentation-primary-text[b-7l56l1hoo6] {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
}

.presentation-secondary-text[b-7l56l1hoo6] {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4000000059604645px;
    text-align: left;
    color: rgba(0, 0, 0, 0.60);
}
/* /Shared/Components/Activities/VisitCommentsForm.razor.rz.scp.css */
.distribution-container[b-1kvmvli04w] {
    padding: 15px;
}
/* /Shared/Components/Activities/VisitGallery.razor.rz.scp.css */
.visitgallery-title-text[b-z67gl6bahg] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.visit-gallery-header-row[b-z67gl6bahg] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
}

.visit-gallery-title-text[b-z67gl6bahg] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}
/* /Shared/Components/ActivitiesForm.razor.rz.scp.css */
.activities-container[b-sw5sf4dcan] {
    padding-left: 57px;
    background-color: #F5F5F7;
}

.time-line[b-sw5sf4dcan] {
    flex: 0 0 80px;
    background-image: linear-gradient(#BFBFBF, #BFBFBF);
    background-size: 2px 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.activity-name-text[b-sw5sf4dcan] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.activity-time-text[b-sw5sf4dcan] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.38);
}

.activity-column[b-sw5sf4dcan] {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.outlet-visit-history-activities-container[b-sw5sf4dcan] {
    padding-left: 64px;
    background-color: #F5F5F7;
}

.outlet-visit-history-activities-container .row[b-sw5sf4dcan] {
    margin-right: -25px;
    background-color: inherit;
    padding-right: 10px;
}

.outlet-visit-history-activities-container .time-line[b-sw5sf4dcan] {
    margin-right: -25px;
}

.outlet-visit-history-activities-container .time-line.last-step[b-sw5sf4dcan] {
    background-size: 2px 50%;
    background-position: center 0;
}

.outlet-visit-history-activities-container .activity-column.last-step[b-sw5sf4dcan] {
    border-bottom: none;
}

.outlet-visit-history-activities-container .activity-column[b-sw5sf4dcan] {
    padding-left: 0px;
    margin-left: 15px;
}
/* /Shared/Components/DateRangePicker.razor.rz.scp.css */
.selected-date-text[b-j3vddaka3a] {
    color: rgba(0, 0, 0, 0.87);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    cursor: pointer;
}

[b-j3vddaka3a] .date-range-picker-hidden .mud-input-control {
    display: none;
}
/* /Shared/Components/Gallery/PhotoCaptions.razor.rz.scp.css */
.photo-caption-container[b-0c2jspr9v5] {
    background-color: #ffffffff;
}

.photo-caption-row[b-0c2jspr9v5] {
    border: 1px solid var(--mud-palette-table-lines);
    border-right: none;
    border-left: none;
    border-top: none;
    min-height: 32px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
}

.photo-caption-row-title[b-0c2jspr9v5] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.6);
}

.photo-caption-row-value[b-0c2jspr9v5] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    text-align: left;
    word-break: break-word;
}
/* /Shared/Components/Gallery/PhotoGrid.razor.rz.scp.css */
.mud-table-pagination[b-r8hkhtz2zt]{
    min-height: 52px;
}

.photo-gallery-grid-wrapper[b-r8hkhtz2zt] {    
    overflow-y: auto;
    user-select: none;
}

.photo-gallery-grid[b-r8hkhtz2zt] {
    display: flex;
    flex-wrap: wrap;
    user-select: none;
    position: relative;
    padding: 16px;
}

.photo-gallery-grid-item[b-r8hkhtz2zt] {
    margin: 2px;
    position: relative;
    user-select: none;
    cursor: pointer;
    aspect-ratio: 1;
}
/* /Shared/Components/Gallery/PhotoItem.razor.rz.scp.css */
.photo-gallery-item-icon-button-wrapper[b-duj2jku81t] {
    z-index: 1000;
    width: 100%;
    height: 33%;
    --padding-bottom: 33%;
    position: absolute;
    top: 0;
    display: flex;
}

.photo-gallery-item-button-bottom[b-duj2jku81t] {
    height: 0;
    padding-bottom: 67%;
}

.photo-gallery-photo-item[b-duj2jku81t] {
    position: relative;
    width: 100%;
    top: 0;
    pointer-events: none;
    max-width: 100%;
    height: 100%;
}

.photo-gallery-photo-item.no-image[b-duj2jku81t] {
    height:100%;
}

.photo-gallery-photo-item-container[b-duj2jku81t] {
    height: 100%;
}
.photo-gallery-photo-item-container.no-image[b-duj2jku81t] {
    background: #CACACC;
}

.photo-gallery-grid-image-preview[b-duj2jku81t] {
    width: 100%;
    aspect-ratio: auto;
}

.mobile .photo-gallery-item-icon-button-wrapper[b-duj2jku81t] {
    height: unset;
}
/* /Shared/Components/Gallery/PhotoReviewForm.razor.rz.scp.css */
.pt-form[b-47a0ztqx8w] {
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pt-form-toolbar[b-47a0ztqx8w] {
    align-items: center;
}

.pt-form-header-panel[b-47a0ztqx8w] {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.pt-form-carousel[b-47a0ztqx8w] {
    min-height: 150px;
    height: 150px;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
}
/* /Shared/Components/Gallery/PhotoSingle.razor.rz.scp.css */
.pt-sgl[b-u2m5t262zq] {
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pt-sgl-toolbar[b-u2m5t262zq] {
    align-items: center;
}

.pt-sgl-header-panel[b-u2m5t262zq] {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.pt-sgl-carousel[b-u2m5t262zq] {
    min-height: 150px;
    height: 150px;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
}
/* /Shared/Components/Gallery/PhotoSingleEdit.razor.rz.scp.css */
.pt-sgl[b-ebw3z312et] {
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    height: 100%;
}

.pt-sgl-toolbar[b-ebw3z312et] {
    align-items: center;
}

.pt-sgl-header-panel[b-ebw3z312et] {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.pt-sgl-edit-toolbar[b-ebw3z312et] {
    align-items: center;
    height: 64px;
    width: 100%;
    border-bottom: 1px solid;
    border-block-color: rgba(0, 0, 0, 0.12);
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.pt-sgl-main-container[b-ebw3z312et] {
    height: calc(100dvh - 132px);
    overflow-y: auto;
}

[b-ebw3z312et] .pt-sgl-edit-toolbar-btn {
    padding: 8px;
}

.display-mode-popup[b-ebw3z312et] {
    margin: -16px -16px 0 -16px;
    width: 240px;
}

.display-mode-popup .display-mode-popup-radio-group[b-ebw3z312et] {
    display: table-caption;
}

.display-mode-popup .display-mode-popup-footer[b-ebw3z312et] {
    border-width: 1px 0 0 0;
    border-color: rgb(222, 226, 230);
    border-style: solid;
}

[b-ebw3z312et] .action-btn-wrap {
    display: flex;
    padding: 0 12px;
}
[b-ebw3z312et] .action-btn {
    min-width: 144px;
    text-transform: none;
    letter-spacing: 0.1px;
    margin-right: 8px;
}
.divider-item[b-ebw3z312et] {
    margin-left: 12px;
    margin-right: 12px;
}
.pt-sgl-main-container-img[b-ebw3z312et]{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 32px;
    justify-content: center;
}
.cropper-action[b-ebw3z312et]{
    margin: 8px;
    text-align: center;
}

/*mobile style*/
.pt-sgl-header-panel-title[b-ebw3z312et] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 16px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1199.98px) {
    .pt-sgl-edit-toolbar[b-ebw3z312et]{
        height: 48px;
        padding: 0 8px;
        overflow-x: hidden;
    }
    .divider-item[b-ebw3z312et]{
        margin: 0 8px;
    }
    .pt-sgl-main-container-img[b-ebw3z312et]{
        padding: 8px;
    }
    .action-btn-wrap[b-ebw3z312et]{
        justify-content: space-between;
        padding: 14px 16px;
        width: 100%;
        border-top: solid 1px rgba(0, 0, 0, 0.12);
        gap: 8px;
    }
    [b-ebw3z312et] .action-btn {
        min-width: 0;
        width: 100%;
        margin-right: 0;
        height: 36px;
    }
    .cropper-action[b-ebw3z312et]{
        display: none;
    }
}
/* /Shared/Components/Gallery/PhotoViewOptions.razor.rz.scp.css */
.filter-component-header[b-tzzytswlt3] {
    background-clip: border-box;
    background-color: #F5F5F7;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: 1.5px;
}
/* /Shared/Components/GalleryIR/FilterPanelIR.razor.rz.scp.css */
.tab-header-item.selected-tab[b-wkty27fo41] {
    border-bottom: 2px solid rgb(89, 74, 226);
    color: rgb(89, 74, 226);
}

.tab-header-item[b-wkty27fo41] {
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0.1px;
    text-align: center;
    cursor: pointer;
}

.tab-header-item:hover[b-wkty27fo41] {
    background-color: var(--mud-palette-action-default-hover);
}

.filter-menu[b-wkty27fo41] {
    cursor: pointer;
}

.selected-filter-menu[b-wkty27fo41] {
    background: rgba(90, 90, 230, 0.08);
}

.filter-menu:hover[b-wkty27fo41] {
    background-color: var(--mud-palette-action-default-hover);
}

[b-wkty27fo41] .filter-menu-name {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    vertical-align: middle;
}

.filter-menu-group[b-wkty27fo41] {
    font-family: Roboto;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 1.5px;
    vertical-align: middle;
    text-transform: uppercase;
    background-color: #F7F6F8;
}
/* /Shared/Components/GalleryIR/OutletSelectorIR.razor.rz.scp.css */
.outlet-name[b-rbp11zwybl] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    overflow-wrap: anywhere;
}

.outlet-address[b-rbp11zwybl] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    overflow-wrap: anywhere;
}

.select-all[b-rbp11zwybl] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}

.disabled.select-all[b-rbp11zwybl] {
    color:rgba(0, 0, 0, 0.38);
}

.outlet-isElect[b-rbp11zwybl] {
    background-color: #5b5be630 !important;
}

.territory-summary[b-rbp11zwybl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px;
    border-top: 1px solid var(--mud-palette-table-lines);
    padding: 16px;
}

.territory-summary-text[b-rbp11zwybl] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #808080;
}

.selected-outlet[b-rbp11zwybl] {
    background-color: #5b5be614
}
/* /Shared/Components/GalleryIR/PhotoGalleryIR.razor.rz.scp.css */
.pt-gal-wrapper[b-ynnsa1riui]{
    width: 100%;
    height: 100%;
    display:flex;
    justify-content: center;
}

.pt-gal[b-ynnsa1riui]{
    width: 100%;
    height: 100%;
    display:flex;
    flex-direction: column;
}

[b-ynnsa1riui] .pt-gal .pt-gal-toolbar .mud-tooltip-root.mud-tooltip-inline {
    height: 100%;
    display: flex;
}

[b-ynnsa1riui] .pt-gal .pt-gal-toolbar .mud-divider-flexitem.mud-divider-vertical {
    height: 100%;
    align-self: center !important;
}
/* /Shared/Components/GalleryIR/TreeSelector.razor.rz.scp.css */
[b-glzry8nzdj] .search-bar {
    background: rgba(33, 33, 33, 0.08);
    border-radius: 4px;
}

[b-glzry8nzdj] .search-bar .mud-input.mud-input-outlined .mud-input-outlined-border {
    border: none;
}

[b-glzry8nzdj] .item-label{
    cursor: pointer;
}

[b-glzry8nzdj] .item-content {
    width: 100%;
    display: flex;
    padding: 4px 8px;
    align-items: center;
}

/* /Shared/Components/General/BigLoader.razor.rz.scp.css */
.splash-screen[b-9g0efzuqal] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    height: 100vh;
    font-family: "Segoe UI",Roboto,"Helvetica Neue","-apple-system",BlinkMacSystemFont,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

.splash-screen .spinner-border[b-9g0efzuqal] {
    border: .2em solid;
    border-color: #5f368d #bfbfbf #bfbfbf;
    width: 120px;
    height: 120px;
}

.splash-screen-caption[b-9g0efzuqal] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1.5rem;
}

.splash-screen-text[b-9g0efzuqal] {
    color: #a1a1a1;
    margin-top: .5rem;
}
/* /Shared/Components/General/DialogActionsButtons.razor.rz.scp.css */
.filter-dialog-actions[b-mp4clfvhpk] {
    justify-content: center !important;
    border-top: 1px solid #F0F0F0;
    padding: 14px 16px 14px 16px;
    height: 64px;
    width: 100%;
    display: flex;
}
/* /Shared/Components/General/DialogTemplates/DeleteDialogTemplate/DeleteForm.razor.rz.scp.css */
.delete-form[b-3gw0e8wpzr] {
    overflow: hidden;
    height: max-content;
    border-radius: 2px;
    border: 0 !important;
    width: 400px;
    padding: 16px 24px 18px 24px;
}

.delete-form-text-title[b-3gw0e8wpzr] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
}

.delete-form-text[b-3gw0e8wpzr] {
    margin-bottom: 42px;
    font-size: 14px;
    letter-spacing: 0.25px;
}

.delete-form-button[b-3gw0e8wpzr] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

    .delete-form-button[b-3gw0e8wpzr]  .mud-button {
        min-width: 142px;
    }

        .delete-form-button[b-3gw0e8wpzr]  .mud-button .mud-typography {
            font-size: 14px;
            font-weight: 500;
        }

/*mobile style*/
@media (max-width: 600px) {
    .delete-form[b-3gw0e8wpzr] {
        width: calc(100dvw - 48px);
    }

    .delete-form-button[b-3gw0e8wpzr] {
        justify-content: space-between;
    }

        .delete-form-button[b-3gw0e8wpzr]  .mud-button {
            width: 100%;
            margin: 0;
            min-width: 0;
        }
}
/* /Shared/Components/General/DialogTemplates/ExitWithoutSavingDialogTemplate/ExitWithoutSavingForm.razor.rz.scp.css */
.exit-without-saving-form[b-v1bwbegsns] {
    overflow: hidden;
    height: max-content;
    border-radius: 2px;
    border: 0 !important;
    width: 400px;
    padding: 16px 24px 18px 24px;
}

.exit-without-saving-form-text-title[b-v1bwbegsns] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
}

.exit-without-saving-form-text[b-v1bwbegsns] {
    margin-bottom: 42px;
    font-size: 14px;
    letter-spacing: 0.25px;
}

.exit-without-saving-form-button[b-v1bwbegsns] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

    .exit-without-saving-form-button[b-v1bwbegsns]  .mud-button {
        min-width: 142px;
    }

.exit-without-saving-form-button[b-v1bwbegsns]  .mud-button .mud-typography {
    font-size: 14px;
    font-weight: 500;
}

/*mobile style*/
@media (max-width: 600px) {
    .exit-without-saving-form[b-v1bwbegsns] {
        width: calc(100dvw - 48px);
    }

    .exit-without-saving-form-button[b-v1bwbegsns] {
        justify-content: space-between;
    }

        .exit-without-saving-form-button[b-v1bwbegsns]  .mud-button {
            width: 100%;
            margin: 0;
            min-width: 0;
        }
}
/* /Shared/Components/General/FilterPopup.razor.rz.scp.css */
.filter-column-filter-applied[b-0i956i6vip] {
    color: #5A5AE6;
}

.filter-popup[b-0i956i6vip] {
    margin: -16px -16px 0 -16px;
    width: 240px;
}

    .filter-popup .filter-popup-radio-group[b-0i956i6vip] {
        display: grid;
        margin: 10px 8px 10px 8px;
    }

.filter-popup .filter-popup-footer[b-0i956i6vip] {
    border-width: 1px 0 0 0;
    border-color: rgb(222, 226, 230);
    border-style: solid;
}
/* /Shared/Components/General/SmallLoader.razor.rz.scp.css */
.splash-screen[b-ycwl71ngo0] {
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    font-family: "Segoe UI",Roboto,"Helvetica Neue","-apple-system",BlinkMacSystemFont,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.5;
    text-align: center;
    padding: 20px;
}

.splash-screen .spinner-border[b-ycwl71ngo0] {
    border: .2em solid;
    border-color: #5f368d #bfbfbf #bfbfbf;
    width: 60px;
    height: 60px;
}

.splash-screen-absolute[b-ycwl71ngo0] {
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    font-family: "Segoe UI",Roboto,"Helvetica Neue","-apple-system",BlinkMacSystemFont,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.5;
    text-align: center;
    padding: 20px;
    position: absolute;
}
.splash-screen-absolute .spinner-border[b-ycwl71ngo0] {
        border: .2em solid;
        border-color: #5f368d #bfbfbf #bfbfbf;
        width: 60px;
        height: 60px;
}
/* /Shared/Components/General/SortPopup.razor.rz.scp.css */
.sort-column-filter-applied[b-3c9u2h9jif] {
    color: #5A5AE6;
}

.sort-popup[b-3c9u2h9jif] {
    margin: -16px -16px 0 -16px;
    width: 240px;
}

    .sort-popup .sort-popup-radio-group[b-3c9u2h9jif] {
        display: grid;
        margin: 10px 8px 10px 8px;
    }

    .sort-popup .sort-popup-footer[b-3c9u2h9jif] {
        border-width: 1px 0 0 0;
        border-color: rgb(222, 226, 230);
        border-style: solid;
    }
/* /Shared/Components/General/WindowSizeNotSupported.razor.rz.scp.css */
.message-comtainer[b-f5ue666kpl]{
    background-color: darkgray;
}

.message-text[b-f5ue666kpl] {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    color: #FFFFFF;
}
/* /Shared/Components/IrPortal/DetailForms/DetailViewForm.razor.rz.scp.css */
.pt-form[b-1c2j258w7f] {
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pt-form-toolbar[b-1c2j258w7f] {
    align-items: center;
}

.pt-form-header-panel[b-1c2j258w7f] {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.pt-form-carousel[b-1c2j258w7f] {
    min-height: 150px;
    height: 150px;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
}
/* /Shared/Components/LeafletMaps/TerritoryMapParameters.razor.rz.scp.css */
.form-title[b-hn6ccv0146] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
}
/* /Shared/Components/MapHelp.razor.rz.scp.css */
.header-title[b-15aamz5e6u] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.item-title[b-15aamz5e6u] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
}
/* /Shared/Components/MapParameter.razor.rz.scp.css */
[b-4gcxe9mryn] .parameter-name {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    padding-left: 20px;
}

[b-4gcxe9mryn] .parameter-name-readonly {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
    padding-left: 20px;
    color: #c4c4c4;
}
/* /Shared/Components/MapParameters.razor.rz.scp.css */
.deviatition-item-title[b-fqnsfp7jhl] {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;
}

.form-title[b-fqnsfp7jhl] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15000000596046448px;
    text-align: left;
}
/* /Shared/Components/OrgStructureHierarchyTeam.razor.rz.scp.css */
.orgstructure-div[b-o605xkd70j] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    display: flex;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: #FCFCFC;
    padding: 8px 10px;
    align-items: flex-start;
    height: 32px;
    overflow-wrap: anywhere;
}


.orgstructure-name[b-o605xkd70j] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    margin: 0;
    overflow-wrap: anywhere;
}

.staff-name[b-o605xkd70j] {
    font-size: small;
    color: #77828c;
    margin: 0;
    overflow-wrap: anywhere;
}

.staff-name.disabled[b-o605xkd70j],
.orgstructure-name.disabled[b-o605xkd70j] {
    color: rgba(0, 0, 0, 0.38);
}
/* /Shared/Components/OrgStructureTeam.razor.rz.scp.css */
.org-structure-name[b-c2pi86f609] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    overflow-wrap: anywhere;
}

.org-structure-staff-name[b-c2pi86f609] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    overflow-wrap: anywhere;
}

.select-all[b-c2pi86f609] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87);
}

.filter-org-structure[b-c2pi86f609] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    
    letter-spacing: 0.1px;
    
    color: #5A5AE6;
}

.no-filter-org-structure[b-c2pi86f609] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 10px;
}

.no-images[b-c2pi86f609] {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    padding: 15px 56px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.o-team-filter-container[b-c2pi86f609]{
    position: fixed; 
    max-width: 480px; 
    background: white;
    z-index: 100; 
    padding-right: 22px !important; 
    padding-left: 8px !important;
    margin-top: -64px; 
    height: 64px;
}

.supervisor-group-name[b-c2pi86f609] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: #F5F5F7;
    padding: 8px 20px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
    align-items: flex-start;
    height: 32px;
    overflow-wrap: anywhere;
}
/* /Shared/Components/OrgStructureVisit.razor.rz.scp.css */
.agent-route-day-info[b-lksiuwoh7y] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    background: rgba(0, 0, 0, 0.08);
}

.agent-route-day-info-icon-poiter[b-lksiuwoh7y],
.agent-route-day-info-icon-car[b-lksiuwoh7y] {
    display: flex;
    padding: 8px !important;
}

.route-ol-name[b-lksiuwoh7y] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    overflow-wrap: anywhere;
}

.route-ol-address[b-lksiuwoh7y] {
    font-weight: normal;
    font-size: 12px;
    color: #666666;
    overflow-wrap: anywhere;
}

.summary-info-text[b-lksiuwoh7y] {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.38);
}

.agent-daily-route-table table * tr > td[b-lksiuwoh7y],
.agent-daily-route-table table * tr th[b-lksiuwoh7y] {
    border-bottom-width: 0;
    padding: 8px;
}

.agent-daily-route-table table .td-activities[b-lksiuwoh7y] {
    padding: 0;
}

.line-img[b-lksiuwoh7y] {
    background-image: linear-gradient(#BFBFBF, #BFBFBF);
    background-size: 2px 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.line-img.line-img-dashed[b-lksiuwoh7y] {
    background-image: repeating-linear-gradient(#BFBFBF 5px, #BFBFBF 10px, #FFFFFF 10px, #FFFFFF 15px);
}

.line-img.line-img-semi-dashed[b-lksiuwoh7y] {
    background-image: linear-gradient( #BFBFBF 0%, #BFBFBF 50%, #FFFFFF 50%, #FFFFFF 55%, #BFBFBF 55%, #BFBFBF 60%, #FFFFFF 60%, #FFFFFF 65%, #BFBFBF 65%, #BFBFBF 70%, #FFFFFF 70%, #FFFFFF 75%, #BFBFBF 75%, #BFBFBF 80%, #FFFFFF 80%, #FFFFFF 85%, #BFBFBF 85%, #BFBFBF 90%, #FFFFFF 90%, #FFFFFF 95%, #BFBFBF 95%, #BFBFBF 100%) !important;
}

.agent-daily-route-table table * tr:first-child .line-img[b-lksiuwoh7y] {
    background-size: 2px 50%;
    background-position: bottom;
}

.agent-daily-route-table table * tr:last-child .line-img[b-lksiuwoh7y] {
    background-size: 2px 50%;
    background-position: top;
}

.visit-outlet-time[b-lksiuwoh7y] {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
}

.on-road-time[b-lksiuwoh7y] {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.38);
}

.visit-outlet-isElect[b-lksiuwoh7y] {
    background-color: #5b5be630 !important;
}

.visit-attributes-wrapper[b-lksiuwoh7y] {
    display: inline-block;
    width: 100%;
}

.visit-attributes-wrapper-footer[b-lksiuwoh7y] {
    display: table-footer-group;
    width: 100%;
}

.org-structure-id-anchor[b-lksiuwoh7y]{

}

.multiline-tooltip[b-lksiuwoh7y] {
    text-align: left;
}

.multiline-tooltip-text[b-lksiuwoh7y] {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(255, 255, 255, 0.74);
}

.multiline-tooltip-text-bold[b-lksiuwoh7y] {
    color: #FFF;
    /* Caption 2 */
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    letter-spacing: 0.4px;
}

.visit-summary-block[b-lksiuwoh7y] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.visit-summary-date-block[b-lksiuwoh7y] {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    vertical-align: middle;
    padding: 12px 0px 0px 14px;
}

.visit-summary-details-block[b-lksiuwoh7y] {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    padding: 0px 0px 6px 6px;
}
/* /Shared/Components/Outlet/OutletComments.razor.rz.scp.css */

.outletcomments-title-text[b-hwty7squo6] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.outletcomments-date[b-hwty7squo6] {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
}

.outletcomments-row[b-hwty7squo6] {
    border: 1px solid var(--mud-palette-table-lines);
}

.outletcomments-header-row[b-hwty7squo6] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0;
}

.outletcomments-block[b-hwty7squo6] {
    background-color: #FFFFFF
}

.outletcomments-display[b-hwty7squo6] {
    border-radius: 0 0 4px 4px !important;
}
/* /Shared/Components/OutletBasedTemplate/OutletBasedTemplate.razor.rz.scp.css */
[b-275lgmfckr].mobile .title {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

[b-275lgmfckr].desktop .title {
    font-family: Roboto;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

[b-275lgmfckr] .mobile-tab .mud-tabs-tabbar-wrapper {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

[b-275lgmfckr] .mobile-tab .mud-tooltip-root {
    display: flex;
    flex-grow: 1;
}

[b-275lgmfckr] .mobile-tab .mud-tooltip-root .mud-tab {
    font-size: 14px;
    text-transform: none;
    color: rgba(0, 0, 0, 0.6);
}

[b-275lgmfckr] .mobile-tab .mud-tooltip-root .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary);
}

[b-275lgmfckr].desktop .footer-button {
    width: 150px;
    height: 30px;
    margin: auto;
    text-transform: none;
}

[b-275lgmfckr].mobile .footer-button {
    width: 100%;
    height: 36px;
    margin: auto;
    text-transform: none;
}

[b-275lgmfckr] .footer-button-cancel {
    color: rgba(0, 0, 0, 0.87);
}

[b-275lgmfckr] .visible-outlets-summary {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    vertical-align: middle;
    color: #000000DE;
}

[b-275lgmfckr] .selected-outlets-summary {
    font-family: Roboto;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    vertical-align: middle;
    color: #00000099;
}

[b-275lgmfckr] .active-outlet-drawer {
    border-radius: 20px 20px 0 0;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

[b-275lgmfckr] .max-selected-count {
    width: 100%;
    font-family: Roboto;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
}

[b-275lgmfckr] .max-selected-count .mud-alert {
    color: #000000DE;
    padding: 0 6px;
}

[b-275lgmfckr] .max-selected-count .mud-alert-message {
    margin: auto;
    margin-left: 0;
    padding: 0;
}

.outlet-select-template[b-275lgmfckr] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.top-c[b-275lgmfckr]{
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    min-height: 0;
}

.footer-c[b-275lgmfckr] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 20px;
    min-height: 56px;
}

.footer-right-c[b-275lgmfckr] {
    display: flex;
    flex-direction: row;
    gap: 7px;
    padding: 0.5rem 20px;
    min-height: 56px;
}

.list-c[b-275lgmfckr]{
    width: 480px;
    height: calc(100% - 120px);
}

.main-with-toolbar-c[b-275lgmfckr]{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.toolbar-c[b-275lgmfckr]{
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-c[b-275lgmfckr]{
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 64px; 
    gap: 10px;
    padding: 8px 20px;
}

.main-c[b-275lgmfckr] {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.right-c[b-275lgmfckr] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.top-right-c[b-275lgmfckr] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-grow: 1;
}

.search-bar-c[b-275lgmfckr]{
    height: 64px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    padding: 4px 16px 3px 8px;
    align-items: center;
}

.left-c[b-275lgmfckr]{
    height: 100%;
}

.search-c[b-275lgmfckr]{
    flex-grow: 1;
}

.switch[b-275lgmfckr]{
    width: 52px;
    height: 32px;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    color: rgba(255, 255, 255, 1);
}

.switch-off[b-275lgmfckr]{
    background: rgba(0, 0, 0, 0.08);
}

.switch-on[b-275lgmfckr]{
    background: rgba(90, 90, 230, 0.12);
}

[b-275lgmfckr] .switch-btn{
    padding: 4px;
    background: rgba(146, 148, 155, 1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);

    .mud-icon-root{
        font-size: 20px;
    }
}

[b-275lgmfckr] .mobile.switch-btn .mud-icon-root {
    font-size: 16px;
}

[b-275lgmfckr] .switch-off .switch-btn{
    margin: 2px 20px 2px 2px;
    background: rgba(146, 148, 155, 1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}

[b-275lgmfckr] .switch-on .switch-btn{
    margin: 2px 0px 2px 20px;
    background: rgba(90, 90, 230, 1);
    box-shadow: 0px 1px 2px 0px rgba(90, 90, 230, 0.5);
}

.btn-expand-collapse-wrapper[b-275lgmfckr] {
    position: absolute;
    bottom: 8px;
    height: 40px;
    width: 16px;
    z-index: 1000;
}

.mobile[b-275lgmfckr] {
    .switch {
        width: 48px;
        height: 28px;
    }

    .header-c[b-275lgmfckr]{
        min-height: 48px;
        height: 48px;
        gap: 8px;
        padding: 8px 16px;
    }
}

.mobile-content[b-275lgmfckr]{
    overflow: auto;
    flex-grow:1;
}

.footer-aria-c[b-275lgmfckr]{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.outlet-select-template:has(.marker-popup)[b-275lgmfckr]{
    .footer-aria-c{
        display: none;
    }   
}
/* /Shared/Components/OutletBasedTemplate/OutletList.razor.rz.scp.css */
.select-all-c[b-h0lkr994bh]{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 64px;
    width: 100%;
    padding: 8px;
    
    .mud-icon-button{
        padding: 8px;
    }
}

.select-all-label[b-h0lkr994bh] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    overflow-wrap: anywhere;
    margin-right: auto;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
}

[b-h0lkr994bh] .details-button{
    padding: 8px;
}

[b-h0lkr994bh] .outlet-checkbox .mud-icon-root {
    height: 18px;
    width: 18px;
    margin: 3px;
}

.list-item-c-main[b-h0lkr994bh]{
    display: inline-flex;
    padding: 10px 8px;
    width: 100%;

    .mud-icon-button{
        padding: 8px;
    }
}

.collapse-all-button[b-h0lkr994bh]{
    .mud-icon-button-label{
        width: 24px;
        height: 24px;
    }
}

.list-container[b-h0lkr994bh]{
    overflow-y: scroll;
}

.tabs-visible.list-container[b-h0lkr994bh] {
    height: calc(100% - 64px);
}

.tabs-hidden.list-container[b-h0lkr994bh] {
    height: 100%;
}

[b-h0lkr994bh] .list-item-c {
    transition: background-color 0.2s ease;
    background-color: rgba(0, 0, 0, 0);
}

[b-h0lkr994bh] .list-item-c:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

[b-h0lkr994bh] .list-item-c.selected {
    background-color: rgba(90, 90, 230, 0.08);
}

[b-h0lkr994bh] .list-item-c.selected:hover {
    background-color: rgba(90, 90, 230, 0.12);
}

[b-h0lkr994bh] .list-item-c.focused {
    background-color: rgba(0, 0, 0, 0.12);
}

[b-h0lkr994bh] .list-item-c.focused.selected {
    background-color: rgba(90, 90, 230, 0.20);
}

.float-right.mud-icon-button[b-h0lkr994bh]{
    padding: 8px;   
}

#fsContent.fs-on[b-h0lkr994bh] {
    height: 100dvh;
    width: 100vw;
    position: fixed;
    top: 0; left: 0;
}
/* /Shared/Components/OutletBasedTemplate/OutletListItem.razor.rz.scp.css */
.outlet-name[b-i6ps3h6fdf] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    overflow-wrap: anywhere;
    color: rgba(0, 0, 0, 0.87);
}

.outlet-address[b-i6ps3h6fdf] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    overflow-wrap: anywhere;
    color: rgba(0, 0, 0, 0.6);
}

.outlet-item[b-i6ps3h6fdf]{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-right: 8px;
}
/* /Shared/Components/OutletBasedTemplate/OutletMap.razor.rz.scp.css */
.map-wraper[b-kjr9wdtt93]{
    position: relative;
}

[b-kjr9wdtt93] #OutletMapId {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

[b-kjr9wdtt93] .geo-location-button {
    position: absolute;
    z-index: 1000;
    bottom: 25px;
    right: 15px;
    background-color: white;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

[b-kjr9wdtt93] .geo-location-button:hover {
    background-color: lightgray !important;
}

.marker-popup[b-kjr9wdtt93] {
    z-index: 1300;
    opacity: 1;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    pointer-events: auto;
}

.desktop .marker-popup[b-kjr9wdtt93] {
    position: absolute;
    transform: translate(-50%, calc(-100% - 75px));
}

.mobile .marker-popup[b-kjr9wdtt93] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 16px 16px 0 0;
}

.marker-popup[b-kjr9wdtt93]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}

[b-kjr9wdtt93] .btn-leaflet-settings-wrapper {
    top: 10px;
    right: 20px;
}

[b-kjr9wdtt93] #OutletMapId.fs-on{
    height: 100dvh;
    width: 100vw;
    position: fixed;
    top: 0; left: 0;
}
/* /Shared/Components/OutletBasedTemplate/OutletMarkerPopup.razor.rz.scp.css */
[b-ydgmzd7k7p] .outlet-marker-popup-selection-button {
    text-transform: none;
    margin: auto;
    width: 100%;
}

[b-ydgmzd7k7p] .active-outlet-close-button .mud-icon-root.mud-svg-icon {
    fill: rgba(0, 0, 0, 0.6);
}

[b-ydgmzd7k7p] .active-outlet-close-button {
    padding: 0;
    margin-top: -20px;
}

.buttons-c[b-ydgmzd7k7p]{
    padding-top: 14px;
    display: flex;
    width: 100%;
}

.drag-c[b-ydgmzd7k7p] {
    padding: 16px 0;
    margin-top: 14px;
    gap: 12px;
    min-height:0;
    overflow: hidden;
}

.drag-c.collapsed[b-ydgmzd7k7p]{
    margin-top: 0;
}

.expand-control[b-ydgmzd7k7p]{
    width: 32px;
    height: 4px;
    border-radius: 8px;
    background: rgba(203, 203, 205, 1);
    cursor: ns-resize;
}

.expand-container[b-ydgmzd7k7p]{
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%;
    margin-bottom: -2px;
    margin-top: 8px;
}

.marker-popup-c[b-ydgmzd7k7p]{
    display: flex;
    flex-direction: column;
    padding: 14px 16px;
}

.desktop .marker-popup-c[b-ydgmzd7k7p]{
    max-width: 400px;
}
/* /Shared/Components/OutletDetail.razor.rz.scp.css */
#OutletDetails[b-1neu5ba94n] {
    background-color: #FFFFFF;
    border-right: 1px solid var(--mud-palette-table-lines);
    border-left: 1px solid var(--mud-palette-table-lines);
}
.outletdetail-column[b-1neu5ba94n] {    
}
.outletdetail-raw[b-1neu5ba94n] {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.outletdetail-name-text[b-1neu5ba94n] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    overflow-wrap: anywhere;
}

.outletdetail-address-text[b-1neu5ba94n] {
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
}

.container-main[b-1neu5ba94n] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-right: 0;
}

.container-details[b-1neu5ba94n] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
/* /Shared/Components/OutletDetails/OutletDetailRow.razor.rz.scp.css */
.outletdetail-row[b-rmg42nntkm] {
    border: 1px solid var(--mud-palette-table-lines);
    border-right: none;
    border-left: none;
    border-top: none;
    min-height: 32px;
}

.outletdetail-row-title[b-rmg42nntkm] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    display: flex;
    align-items: center;
}

.outletdetail-row-content[b-rmg42nntkm] {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0.4px;
    overflow-wrap: anywhere;
}
/* /Shared/Components/OutletSelectionStatus/OutletSelectionStatus.razor.rz.scp.css */
.outlet-selection-status[b-60ibt9iyss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 64px;
    border-top: 1px solid var(--mud-palette-table-lines);
    padding: 16px;
}

.outlet-selection-status-text[b-60ibt9iyss] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: #808080;
}

.outlet-selection-status-title[b-60ibt9iyss] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: black;
}

.outlet-selection-status-content[b-60ibt9iyss] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* /Shared/Components/OutletTask/OutletTaskTemplateForm.razor.rz.scp.css */
.outlet-task-header[b-hiup0fzbc1] {
    height: 48px;
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.outlet-task-bottom[b-hiup0fzbc1] {
    height: 58px;
    border-top: 1px solid var(--mud-palette-table-lines);
}


.items[b-hiup0fzbc1] {
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
}

.item[b-hiup0fzbc1] {
    width: 50%;
}

.item.group-a[b-hiup0fzbc1] {
    order: 10;
    padding-top: 10px;
}

.item.group-a .row[b-hiup0fzbc1] {
    padding: 5px 0px 5px 0px;
}

.item.group-b[b-hiup0fzbc1] {
    order: 20;
}


.items[b-hiup0fzbc1]:before {
    content: "";
    order: 15;
    height: 100vh;
}

.visitgallery-content[b-hiup0fzbc1] {
    border: 1px solid var(--mud-palette-table-lines);
}

@media (min-width: 1200px) and (max-width: 1919.98px) {
    .item.group-a[b-hiup0fzbc1], .item.group-b[b-hiup0fzbc1] {
        width: 100%;
    }

    .item.group-a .row[b-hiup0fzbc1] {
        padding: 5px 0px 5px 0px;
    }

    .item.group-a[b-hiup0fzbc1] {
        order: 10;
        padding-top: 0px;
    }

    .item.group-b[b-hiup0fzbc1] {
        order: 10;
        padding: 0px !important;
    }

    .items[b-hiup0fzbc1] {
        overflow: auto;
        display: block;
        height: 100%;
    }
}

    
/* /Shared/Components/OutletTask/OutletTaskTemplatesList.razor.rz.scp.css */
.outlet-task-row[b-hg2ea8bmkj] {
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid var(--mud-palette-table-lines);
}

.outlettasks-title-text[b-hg2ea8bmkj] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.outlettasks-header-row[b-hg2ea8bmkj] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0;
}

.outlettasks-display[b-hg2ea8bmkj] {
    border-radius: 0 0 4px 4px;
}
/* /Shared/Components/OutletTerritoryActivities.razor.rz.scp.css */
/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritoryDistribution.razor.rz.scp.css */
.product-info-big[b-v8vxapto86] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.product-info-small[b-v8vxapto86] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

.table-text[b-v8vxapto86] {
    font-family: 'Roboto';
    font-style: normal;
}

.caption-text-main[b-v8vxapto86] {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}

.caption-text-secondary[b-v8vxapto86] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

.product-id[b-v8vxapto86] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.display-mode-popup[b-v8vxapto86] {
    margin: -16px -16px 0 -16px;
    width: 240px;
}

    .display-mode-popup .display-mode-popup-radio-group[b-v8vxapto86] {
        display: grid;
        margin: 10px 8px 10px 8px;
    }

    .display-mode-popup .display-mode-popup-footer[b-v8vxapto86] {
        border-width: 1px 0 0 0;
        border-color: rgb(222, 226, 230);
        border-style: solid;
    }
/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritoryDocuments.razor.rz.scp.css */
.document-header[b-kmywyu7kna] {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.document-row[b-kmywyu7kna] {
    padding: 15px 0px 15px 0px;
    background-color: #FFFFFF;
    border: 1px solid var(--mud-palette-table-lines);
    margin: 0px;
}

.document-title-text[b-kmywyu7kna] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.document-header-row[b-kmywyu7kna] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0;
}

.document-date[b-kmywyu7kna] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    letter-spacing: 0.4px;
}


.document-name[b-kmywyu7kna] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.document-total-seconds[b-kmywyu7kna] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: #000000;
}

.document-date p[b-kmywyu7kna],
.document-name p[b-kmywyu7kna],
.document-total-seconds p[b-kmywyu7kna] {
    margin-bottom: 0;
}

.display-for-surveys[b-kmywyu7kna] {
    border-radius: 0 0 4px 4px !important;
}
/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritoryOrders.razor.rz.scp.css */
.product-info-big[b-bz9uihzpjy] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.product-info-small[b-bz9uihzpjy] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

.table-text[b-bz9uihzpjy] {
    font-family: 'Roboto';
    font-style: normal;
}

.caption-text-main[b-bz9uihzpjy] {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}

.caption-text-secondary[b-bz9uihzpjy] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 1200px) and (max-width: 1919.98px) {
    .header-row[b-bz9uihzpjy] {
        min-height: 90px;
    }
}
/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritoryPhotos.razor.rz.scp.css */
.visitgallery-title-text[b-g1gkjhhi3l] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.visit-gallery-header-row[b-g1gkjhhi3l] {
    background-color: #FFFFFF;
    display: flex;
    margin-right: 0px;
    margin-left: 0px;
    border: 1px solid var(--mud-palette-table-lines);
    border-radius: 4px 4px 0 0;
}

.visit-gallery-title-text[b-g1gkjhhi3l] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
    padding-left: 1px;
}

.display-for-photos[b-g1gkjhhi3l] {
    border-radius: 0 0 4px 4px !important;
}
/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritoryPriceAudit.razor.rz.scp.css */
.show-column-filter-applied[b-04yqyhom4q] {
    color: #5A5AE6;
}

.item-id[b-04yqyhom4q] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.display-mode-popup[b-04yqyhom4q] {
    margin: -16px -16px 0 -16px;
    width: 240px;
}

    .display-mode-popup .display-mode-popup-radio-group[b-04yqyhom4q] {
        display: grid;
        margin: 10px 8px 10px 8px;
    }

    .display-mode-popup .display-mode-popup-footer[b-04yqyhom4q] {
        border-width: 1px 0 0 0;
        border-color: rgb(222, 226, 230);
        border-style: solid;
    }
/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritorySales.razor.rz.scp.css */
.product-info-big[b-a8zb2f231d] {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
}

.product-info-small[b-a8zb2f231d] {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

.table-text[b-a8zb2f231d] {
    font-family: 'Roboto';
    font-style: normal;
}

.caption-text-main[b-a8zb2f231d] {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: rgba(0, 0, 0, 0.87);
}

.caption-text-secondary[b-a8zb2f231d] {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 1200px) and (max-width: 1919.98px) {
    .header-row[b-a8zb2f231d] {
        min-height: 70px;
    }
}
/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritorySalesDetailsDialog.razor.rz.scp.css */

.list-page.block[b-qyowxnameo] {
    position: absolute !important;
    top: 0px;
    right: 0px;
    user-select: none;
}

.orderh-total-table[b-qyowxnameo] {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    
}

.orderh-total-table.title[b-qyowxnameo] {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

.orderh-total-table.subtitle[b-qyowxnameo] {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.6);
}

.orderh-total-table.caption[b-qyowxnameo] {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 0;
}

.orderh-total-table.value[b-qyowxnameo] {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    width: 50%;
}

/* /Shared/Components/OutletTerritoryActivitiesDetails/OutletTerritoryTasks.razor.rz.scp.css */
.outlet-task-row[b-bsdhj8v2km] {
    display: flex;
    flex-direction: row;
    padding: 12px 4px 16px 16px;
}

.outlet-task-title-text[b-bsdhj8v2km] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
    flex-grow: 1;
    padding: 8px 16px;
}

.outlet-task-header-row[b-bsdhj8v2km] {
    background: var(--theme-colors-default-surface-0);
    display: flex;
    margin-right: 0;
    margin-left: 0;
    border-radius: 4px 4px 0 0;

    .row {
        height: 64px;
    }
    
    .close-button-c[b-bsdhj8v2km]{
        display: flex;
        align-items: center;
    }
}

.display-for-tasks[b-bsdhj8v2km] {
    background: var(--theme-colors-default-surface-0);
    overflow-y: auto; 
    height: calc(100% - 65px);
    border-radius: 0 0 4px 4px;
}

.outlet-task-c[b-bsdhj8v2km]{
    padding: 24px;
    height: 100%;
    width: 100%;
    background: var(--component-colors-bg-main);
}

.mobile .outlet-task-c[b-bsdhj8v2km] {
    padding: 0;
}

.mobile .outlet-task-header-row .row[b-bsdhj8v2km] {
    height: 48px;
}

.mobile .display-for-tasks[b-bsdhj8v2km]{
    height: calc(100% - 48px);
}
/* /Shared/Components/OutletTerritoryActivityItem.razor.rz.scp.css */
.territory-activity-name-text[b-2wzrs4774i] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.territory-activity-row-border[b-2wzrs4774i] {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}
.territory-activity-row[b-2wzrs4774i] {
    background-color: #F5F5F7;
    padding-left: 16px;
    padding-right: 8px;
}

.territory-activity-row-isElect[b-2wzrs4774i] {
    background-color: #d2d2f9 !important;
}
/* /Shared/Components/OutletVisits.razor.rz.scp.css */
.outlet-visit-history[b-a5npzv4zom] {
    padding-top: 8px;
}

.outlet-visit-history-col2[b-a5npzv4zom] {
    width: 100%
}

.outlet-visit-history-col1[b-a5npzv4zom] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 12px;
    min-width: 100px;
    margin-left: 15px;
}

.outlet-visit-history-col1.v-line[b-a5npzv4zom] {
    background-image: linear-gradient(#BFBFBF, #BFBFBF);    
    background-repeat: no-repeat;
}

.outlet-visit-history-col1.v-line.part1[b-a5npzv4zom] {
    background-size: 2px 30%;
    background-position: 74% 100%;
}

.outlet-visit-history-col1.v-line.part2[b-a5npzv4zom] {
    background-size: 2px 100%;
    background-position: 74% center;
}

.outlet-visit-history-date-text[b-a5npzv4zom] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    padding-right: 10px;
    overflow-wrap: anywhere;
}

.outlet-visit-history-name[b-a5npzv4zom] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    overflow-wrap: anywhere;
}
.outlet-visit-history-staffname[b-a5npzv4zom] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    overflow-wrap: anywhere;
}
/* /Shared/Components/PhotoGallery.razor.rz.scp.css */
.pt-gal-wrapper[b-m2zyqkzner]{
    width: 100%;
    height: 100%;
    display:flex;
    justify-content: center;
}

.pt-gal[b-m2zyqkzner]{
    width: 100%;
    height: 100%;
    display:flex;
    flex-direction: column;
}

.pt-gal-toolbar[b-m2zyqkzner] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    justify-content: space-between;
    gap: 8px;
    height: 64px;
    width: 100%;

    .pt-toolbar-item {
        display: flex;
        align-items: center;
        gap: 4px;
    }
}

.pt-gal-toolbar-button[b-m2zyqkzner] {
    margin-left:2px;
    margin-right:2px;
}
.pt-gal-toolbar-button.disabled .mud-icon-root[b-m2zyqkzner] {
    opacity: 38%;
}
.pt-gal-toolbar-check-all.disabled .mud-icon-root[b-m2zyqkzner] {
    opacity: 38%;
}
.selection-mode-controll[b-m2zyqkzner] {
    width: 52px;
    height: 100%;
    display: flex;
    justify-content: center;
}
.selection-mode-controll.applied-selection:focus[b-m2zyqkzner] {
    background: rgba(90, 90, 230, 0.12);
    border-radius: 2px;  
}
.selection-mode-controll > .mud-checkbox-input:focus[b-m2zyqkzner] {
    background: rgba(90, 90, 230, 0.12);
    border-radius: 2px;  
}
.selection-mode-controll .mud-button-root[b-m2zyqkzner] {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    border-radius:0;
    width:100%;
}
.selection-mode-controll .mud-checkbox[b-m2zyqkzner] {
    width: 100%;
    display: flex;
    justify-content: center;
}
.selection-mode-controll .mud-menu[b-m2zyqkzner] {
    width: 20px;
    display: flex;
    justify-content: center;
}
.selection-mode-controll .mud-button-root:hover[b-m2zyqkzner] {
    border-radius: 2px!important;
}
.selection-mode-controll .mud-button-root:focus-visible[b-m2zyqkzner] {
    border-radius: 2px!important;
}

.custom-switch .mud-switch[b-m2zyqkzner]{
    margin-inline-end: 0px;
}
.custom-switch .mud-switch-span.mud-flip-x-rtl.mud-switch-span-large[b-m2zyqkzner] {
    padding: 10px;
    margin-top: -2px;
    margin-right: -10px;
}
.custom-switch .mud-icon-button[b-m2zyqkzner]{
    padding: 0px;
    margin-top: 13px;
    margin-left: 13px;
}
.custom-switch .mud-switch-button[b-m2zyqkzner] {
    opacity: 0.8;
}
.custom-switch .mud-switch-track.mud-dark[b-m2zyqkzner] {
    opacity: 0.3;
}
.custom-switch .mud-switch-span .mud-switch-track[b-m2zyqkzner] {
    border-radius: 16px;
}
.custom-switch .mud-switch-button .mud-icon-root.mud-error-text.mud-icon-size-medium.photo-gl-tlb-switch-standard[b-m2zyqkzner]{
    padding: 6px !important
}
/* /Shared/Components/Review/IrPhotoReviewForm.razor.rz.scp.css */
.pt-form[b-boargz8rkg] {
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pt-form-toolbar[b-boargz8rkg] {
    align-items: center;
}

.pt-form-header-panel[b-boargz8rkg] {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.pt-form-carousel[b-boargz8rkg] {
    min-height: 150px;
    height: 150px;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
}
/* /Shared/Components/Scheduler/AppointmentForm.razor.rz.scp.css */
.day-vertical-appointment-template[b-hy4eszz88s] {
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    border: 0 !important;
}

.day-vertical-appointment-template .event-name[b-hy4eszz88s] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    padding: 4px 6px 0px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .event-time-duration[b-hy4eszz88s] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding: 0px 6px 2px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .appointment-additional-info[b-hy4eszz88s] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    height: 24px;
    background: rgba(255, 255, 255, 0.74);
    border-radius: 4px;
    margin: 0 2px;
}

.day-vertical-appointment-template .appointment-additional-info .info-text[b-hy4eszz88s] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    white-space: nowrap;
    padding-right: 4px;
}

.appointment-additional-info .mud-tooltip-root[b-hy4eszz88s] {
    width: max-content;
}
/* /Shared/Components/Scheduler/AppointmentTemplate.razor.rz.scp.css */
.day-vertical-appointment-template[b-7kym35m4xa] {
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    border: 0 !important;
}

.day-vertical-appointment-template .event-name[b-7kym35m4xa] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    padding: 4px 6px 0px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .event-time-duration[b-7kym35m4xa] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding: 0px 6px 2px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .appointment-additional-info[b-7kym35m4xa] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    height: 24px;
    background: rgba(255, 255, 255, 0.74);
    border-radius: 4px;
    margin: 2px 2px;
}
.day-vertical-appointment-template .appointment-additional-info[b-7kym35m4xa]  .mud-tooltip-root{
    display: flex;
}

.day-vertical-appointment-template .appointment-additional-info .info-text[b-7kym35m4xa] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    white-space: nowrap;
    padding-right: 4px;
}

.appointment-additional-info .mud-tooltip-root[b-7kym35m4xa] {
    width: max-content;
}
/* /Shared/Components/Scheduler/AppointmentTooltip.razor.rz.scp.css */
.day-vertical-appointment-template[b-yaroe8sa18] {
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    border: 0 !important;
}

.day-vertical-appointment-template .event-name[b-yaroe8sa18] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    padding: 4px 6px 0px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .event-time-duration[b-yaroe8sa18] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding: 0px 6px 2px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .appointment-additional-info[b-yaroe8sa18] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    height: 24px;
    background: rgba(255, 255, 255, 0.74);
    border-radius: 4px;
    margin: 0 2px;
}

.day-vertical-appointment-template .appointment-additional-info .info-text[b-yaroe8sa18] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    white-space: nowrap;
    padding-right: 4px;
}

.appointment-additional-info .mud-tooltip-root[b-yaroe8sa18] {
    width: max-content;
}
/* /Shared/Components/Scheduler/AppointmentTooltipDialog.razor.rz.scp.css */
.day-vertical-appointment-template[b-zo15vt2ktk] {
    overflow: hidden;
    height: 100%;
    border-radius: 2px;
    border: 0 !important;
}

.day-vertical-appointment-template .event-name[b-zo15vt2ktk] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    padding: 4px 6px 0px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .event-time-duration[b-zo15vt2ktk] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding: 0px 6px 2px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.day-vertical-appointment-template .appointment-additional-info[b-zo15vt2ktk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    height: 24px;
    background: rgba(255, 255, 255, 0.74);
    border-radius: 4px;
    margin: 0 2px;
}

.day-vertical-appointment-template .appointment-additional-info .info-text[b-zo15vt2ktk] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    white-space: nowrap;
    padding-right: 4px;
}

.appointment-additional-info .mud-tooltip-root[b-zo15vt2ktk] {
    width: max-content;
}
/* /Shared/Components/Scheduler/Scheduler.razor.rz.scp.css */
/* /Shared/Components/StoreAudit/Controls/SaveCancelButtons.razor.rz.scp.css */
.save-cancel-buttons[b-0qre8hlvsh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

[b-0qre8hlvsh] .action-btn {
    min-height: 36px;
    flex: 1 1 0px;
}

[b-0qre8hlvsh] .action-btn .mud-button {
    width: 100%;
    text-transform: none;
    letter-spacing: 0.1px;
}

[b-0qre8hlvsh] .save-error-container {
    position: relative;
    width: 0;
    height: 0;
}

[b-0qre8hlvsh] .save-error-text {
    position: absolute;
    width: 350px;
    background: #76777D;
    z-index: 1000;
    padding: 8px;
}

[b-0qre8hlvsh] .save-error-text-top {
    right: 0px;
    bottom: 25px;
}

[b-0qre8hlvsh] .save-error-text-bottom {
    right: 0px;
    top: 25px;
}

[b-0qre8hlvsh] .save-error-text-visible-on-hover {
    display: none;
}

[b-0qre8hlvsh] .save-action-btn:hover + .save-error-container .save-error-text-visible-on-hover {
    display: block;
}

[b-0qre8hlvsh] .save-error-text .mud-alert-message {
    padding: 0;
}
/* /Shared/Components/StoreAudit/Tabs/HistoryTabDetails/HistoryTabPhotoFullMode.razor.rz.scp.css */
.visitgallery-title-text[b-hb9ogx7vd9] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
}

.visitgallery-content[b-hb9ogx7vd9] {
    border: 1px solid var(--mud-palette-table-lines);
}

.visitgallery-box-title-text[b-hb9ogx7vd9] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.6);
}
/* /Shared/Components/StoreAudit/Tabs/HistoryTabDetails/HistoryTabPhotoView.razor.rz.scp.css */
.pt-sgl[b-pavwr5tvws] {
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pt-sgl-toolbar[b-pavwr5tvws] {
    align-items: center;
}

.pt-sgl-header-panel[b-pavwr5tvws] {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.pt-sgl-carousel[b-pavwr5tvws] {
    min-height: 150px;
    height: 150px;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
}
/* /Shared/Components/TerritoryAudit/OutletTerritoryDetails.razor.rz.scp.css */
.outlet-territory-detail-item[b-apcqefntd5] {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 12px;
    padding: 6px 0;
}

.outlet-territory-detail-item .text-header[b-apcqefntd5] {
    color: rgba(0, 0, 0, 0.6);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.outlet-territory-detail-item .text-value[b-apcqefntd5] {
    overflow: hidden;
    color: rgba(0, 0, 0, 0.87);
    font-feature-settings: 'clig' off, 'liga' off;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.4px;
    padding: 2px 2px 2px 0;
}

.icon-d-container[b-apcqefntd5]{
    display: flex;
    align-items: start;
    align-self: stretch;
}

.d-container[b-apcqefntd5]{
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-grow: 1;
}

.open-d-icon-c[b-apcqefntd5]{
    display: flex;;
    flex-direction: column;
    justify-content: center;
    
    .mud-tooltip-root .mud-icon-button{
        padding: 0;
    }
}

.territory-details-c[b-apcqefntd5]{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F7F6F8;
    padding: 10px 16px 8px 56px;

    .mud-icon-button{
        padding: 8px;
    }
}

.buttons-d[b-apcqefntd5]{
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 8px;
    margin-top: 8px;
    width: 100%;
}

[b-apcqefntd5] .icon-d{
    font-size: 16px;
    margin: 8px 0;
}

/* /Shared/Components/UplProperty/UplPropertyFilter.razor.rz.scp.css */
.upl-filter-applied[b-l1bxpyx271] {
    color: #5A5AE6;
}

.upl-filter-popup[b-l1bxpyx271] {
    margin: -16px -16px 0 -16px;
    min-width: 240px;
}

    .upl-filter-popup .upl-filter-container[b-l1bxpyx271] {
        max-height: 240px;
        overflow-y: scroll;
        margin: 10px 0px 10px 20px;
        padding-right: 5px;
    }

        .upl-filter-popup .upl-filter-container .upl-item-col[b-l1bxpyx271] {
            width: 40px;
        }

            .upl-filter-popup .upl-filter-container .upl-item-col .upl-item[b-l1bxpyx271] {
                clip-path: polygon(100% 0, 100% 66%, 50% 100%, 0 66%, 0 0);
                background: var(--upl-color);
                display: inline-block;
                height: 14px;
                position: relative;
                width: 14px;
                margin-top: -5px;
            }

    .upl-filter-popup .upl-popup-footer[b-l1bxpyx271] {
        border-width: 1px 0 0 0;
        border-color: rgb(222, 226, 230);
        border-style: solid;
    }
/* /Shared/Components/UplProperty/UplPropertyList.razor.rz.scp.css */
.upl-container[b-os8ajvrtbb] {
    position: relative;
}
.upl-item[b-os8ajvrtbb] {
    background: var(--upl-color);
    display: inline-block;
    height: 10px;
    position: absolute;
    width: 20px;
}

.upl-item[b-os8ajvrtbb]:after {
    border-top: 10px solid var(--upl-color);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    top: 10px;
}
/* /Shared/Components/VisitAttribute.razor.rz.scp.css */
.visit-attribute-container[b-7lz6ivo7y8] {
    border-radius: 4px;

}

.visit-attribute-text[b-7lz6ivo7y8] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.mobile .visit-attribute-text[b-7lz6ivo7y8] {
    font-size: 10px;
    line-height: 12px;
}

[b-7lz6ivo7y8] .visit-attribute-icon .mud-icon-root {
    width: 16px;
    height: 16px;
}

.mobile .visit-attribute-icon[b-7lz6ivo7y8] .mud-icon-root {
    width: 12px;
    height: 12px;
}
/* /Shared/Components/VisitGalleryDetail/ImageCard.razor.rz.scp.css */
.image-column[b-i9605nhmuq] {
    max-width: 100%;
}

.tag-container[b-i9605nhmuq] {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 80%;
}

.photo-gallery-grid-item .task-detail-img.no-image[b-i9605nhmuq] {
    --no-image-size: 48px;
    width: var(--no-image-size);
    top: calc(50% - var(--no-image-size) / 2);
    left: calc(50% - var(--no-image-size) / 2);
}

.task-detail-img[b-i9605nhmuq]{
    width: 100%;
    height: 100%;
}

.photo-gallery-grid-item[b-i9605nhmuq]{
    margin: 2px;
    position: relative;
    user-select: none;
    cursor: pointer;
    aspect-ratio: 1;
}
/* /Shared/Components/VisitGalleryDetail/ImageFullMode.razor.rz.scp.css */
.gallery-c[b-dswjjlixd6]{
    height: 100%;
    display: flex;
    flex-direction: column;
}


.title-col[b-dswjjlixd6] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    align-self: center;
    flex-grow: 1;
}

.gallery-header[b-dswjjlixd6] .mud-icon-button{
    padding: 8px;
}

.toolbar-col[b-dswjjlixd6]{
    display: flex;
    align-items: center;
}

.gallery-header[b-dswjjlixd6]{
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.mobile .gallery-header[b-dswjjlixd6]{
    padding: 4px 8px 4px 16px;
}

.col-left[b-dswjjlixd6]{
    flex-grow: 1;
}

.visitgallery-content[b-dswjjlixd6] {
    display: flex;
    flex-direction: row;
    height: calc(100% - 128px);
    overflow: hidden;
}

.mobile .visitgallery-content[b-dswjjlixd6] {
    height: calc(100% - 112px);
}

.gallery-footer[b-dswjjlixd6]{
    display: flex;
    height: 64px; 
    justify-content: center;
}

.img-content-c[b-dswjjlixd6]{
    position: relative;
    margin: auto;
    height: 100%;
    flex-grow: 1;
    overflow: hidden;
}

.mobile .img-content-c[b-dswjjlixd6]{
}

.img-content[b-dswjjlixd6]{
    display: flex;
    padding: 48px;
    justify-items: center; 
    color: var(--theme-colors-default-surface-0);
}

.mobile .img-content[b-dswjjlixd6]{
    padding: 8px;
}

.visitgallery-box-title-text[b-dswjjlixd6] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.6);
}

.noimg[b-dswjjlixd6] {
    background: #CACACC;
}

.fullmode-sectionName-text[b-dswjjlixd6] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    /* or 120% */

    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    mix-blend-mode: normal;

    padding-bottom: 30px;
}

.fullmode-displayValue-text[b-dswjjlixd6] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    display: flex;
    align-items: center;
    letter-spacing: 0.4px;
    /* On Surface/Medium Emphasis */

    color: rgba(0, 0, 0, 0.6);
    mix-blend-mode: normal;

    padding-bottom: 20px;
}

.fullmode-responseValue-text[b-dswjjlixd6] {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */

    display: flex;
    align-items: center;
    letter-spacing: 0.25px;
    /* On Surface/High Emphasis */

    color: rgba(0, 0, 0, 0.87);
    mix-blend-mode: normal;
}

.vertical[b-dswjjlixd6]{
    height:100%;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.horizont[b-dswjjlixd6] {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.vertical-noimg[b-dswjjlixd6]{
    height:100%;
    width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.vertical-noimg .visitgallery-content[b-dswjjlixd6]{
    width:100%;
}

.task-detail-img[b-dswjjlixd6] {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* /Shared/MainLayout.razor.rz.scp.css */
