@import '../_content/Web.Client.Components/Web.Client.Components.dcmejzvwh0.bundle.scp.css?build=ed281e74249a44cd13724c4f6df24d036ae9a53e';

/* Admin/Components/Appointment/AppointmentCallToast.razor.rz.scp.css */
[b-druknk6yva] .component-root{
    position: fixed;
    left: 117px;
    bottom: 25px;
    width: 400px;
    height: 90px;
    background-color: #0A493F;
    color: white;
    border-radius: 10px;
}
[b-druknk6yva] .toast-container{
    position: fixed;
    left: 117px;
    bottom: 25px;
    width: 400px;
    height: 90px;
    background-color: #0A493F;
    color: white;
    border-radius: 10px;
}
/* Admin/Components/InspectionType/InspectionUsers.razor.rz.scp.css */
[b-jyc0d6lz9o] .header-container-right {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 32px);
    margin-top: -24px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -24px;
    display: flex;
}

    [b-jyc0d6lz9o] .header-container-right .mud-input-outlined-border {
        border-radius: 25px !important;
    }

[b-jyc0d6lz9o] .mud-table-cell {
    padding: 6px 10px;
}

[b-jyc0d6lz9o] .mud-table-container {
    height: calc(100vh - 268px);
}
/* Admin/Components/PhraseFiles/EditPhraseDialog.razor.rz.scp.css */
.edit-phrase-form-container[b-v9qlghqlss]{
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.variable-display-container[b-v9qlghqlss] {
    padding: 12px;
    border: 2px solid #e5ebea;
    border-radius: 4px;
    min-height: 94px;
    cursor: text;
    background-color: var(--mud-palette-background);
    line-height: 1.6;
    font-size: 1rem;
}

.empty-description[b-v9qlghqlss] {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.phrase-error-text[b-v9qlghqlss]{
    color: #f44336; 
    font-size: 0.75rem; 
    margin-top: 3px; 
    margin-bottom: 0px;
}
/* Admin/Components/PhraseFiles/PhraseFileSettings.razor.rz.scp.css */
.phrase-file-container[b-yzno4t8d03] {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px;
}

[b-yzno4t8d03] .phrase-file-holder {
    position: relative;
}

[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .room-edit:hover,
[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .room-delete:hover,
[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .room-reorder:hover {
    opacity: 1;
}

[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-yzno4t8d03] .area-section {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}


[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .area-button:hover {
    background-color: white;
}

[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .area-delete:hover,
[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-yzno4t8d03] .phrase-file-holder .room-category {
    /*border-bottom: 2px solid #dee1e3;*/
    padding-left:15px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category:last-child {
    border-bottom: 0px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category h6 {
    font-size: 20px;
    padding: 10px 20px;
    margin-top: 10px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room label {
    color: #626d78;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-button {
    padding: 3px 15px !important;
    box-shadow: none;
    background-color: transparent;
    font-size: 15px;
    transition: none;
    font-weight: 400;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-button .mud-button-icon-end {
    opacity: 0;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-input {
    background: white;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-button {
    background-color: white;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-edit {
    opacity: 0;
    margin-left: 30px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-reorder {
    opacity: 0;
    margin-top: 5px;
    margin-left: -10px;
    margin-right: 5px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-reorder:hover {
    cursor: pointer;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-delete {
    flex-grow: 1;
    text-align: right;
    opacity: 0;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-field {
    opacity: 1;
    width: 60%;
}

[b-yzno4t8d03] .sortable-room-list-holder {
    margin-left: 17px;
    border-left: 5px solid #eee;
}

[b-yzno4t8d03] #sortableAreas.drag-sorting .rooms-list-holder {
    display: none;
}

[b-yzno4t8d03] .phrase-file-holder .field-invisible {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

[b-yzno4t8d03] .phrase-file-holder .quick-room-add-holder {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

[b-yzno4t8d03] .phrase-file-holder .quick-room-add-holder .mud-button {
    padding: 3px 15px !important;
    border-radius: 25px;
    background-color: #e9eff5;
    color: #626d78 !important;
    margin-right: 10px;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .area-button {
    background: none;
    box-shadow: none;
    font-size: 20px;
    transition: none;
    padding: 3px 10px;
    margin: 10px 10px;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .area-field {
    opacity: 1;
    width: 50%;
    display: inline-block;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .mud-input {
    background: white;
    font-weight: 500;
    font-size: 20px;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .mud-button-icon-end {
    opacity: 0;
}

[b-yzno4t8d03] .add-area-btn .mud-button-root {
    position: fixed;
    bottom: 40px;
    right: 100px;
}

[b-yzno4t8d03] .excluded-areas-info {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    background-color: #eaf5f3;
    color: #0a493f;
    font-size: 13px;
}

[b-yzno4t8d03] .excluded-areas-info svg {
    width: 17px;
    margin-right: 6px;
}

[b-yzno4t8d03] .excluded-areas-info > span {
    display: flex;
    align-items: center;
}

[b-yzno4t8d03] .excluded-areas-info .mud-input-control-boolean-input {
    display: inline-block;
    margin-right: -14px;
}

.buttons-holder[b-yzno4t8d03] {
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    width:100%;
    max-width: 80%;
}

/* Tree view styles */
[b-yzno4t8d03] .tree-item {
    position: relative;
    display: flex;
    align-items: flex-start;
}

[b-yzno4t8d03] .tree-lines {
    position: relative;
    width: 20px;
    height: 100%;
    flex-shrink: 0;
    margin-right: 5px;
}

[b-yzno4t8d03] .tree-vertical-line {
    position: absolute;
    left: 9px;
    top: 0;
    bottom: 50%;
    width: 1px;
    background-color: #c8c8c8;
}

[b-yzno4t8d03] .tree-horizontal-line {
    position: absolute;
    left: 9px;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: #c8c8c8;
    transform: translateY(-0.5px);
}

[b-yzno4t8d03] .tree-vertical-continuation {
    position: absolute;
    left: 9px;
    top: 50%;
    bottom: 0;
    width: 1px;
    background-color: #c8c8c8;
}

/* Remove continuation line for last items */
[b-yzno4t8d03] .tree-last .tree-vertical-continuation {
    display: none;
}

/* Tree indentation - each level adds 20px */
[b-yzno4t8d03] .tree-level-0 {
    margin-left: 0px;
}

[b-yzno4t8d03] .tree-level-1 {
    margin-left: 20px;
}

[b-yzno4t8d03] .tree-level-2 {
    margin-left: 40px;
}

[b-yzno4t8d03] .tree-level-3 {
    margin-left: 60px;
}

[b-yzno4t8d03] .tree-level-4 {
    margin-left: 80px;
}

[b-yzno4t8d03] .tree-level-5 {
    margin-left: 100px;
}

[b-yzno4t8d03] .tree-level-6 {
    margin-left: 120px;
}

[b-yzno4t8d03] .tree-level-7 {
    margin-left: 140px;
}

[b-yzno4t8d03] .tree-level-8 {
    margin-left: 160px;
}

[b-yzno4t8d03] .tree-level-9 {
    margin-left: 180px;
}

/* Root level items don't show tree lines */
[b-yzno4t8d03] .tree-root .tree-lines {
    display: none;
}

[b-yzno4t8d03] .tree-root {
    margin-left: 0 !important;
}

/* Ensure area-section takes full width */
[b-yzno4t8d03] .tree-item .area-section {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* Children container */
[b-yzno4t8d03] .tree-children {
    width: 100%;
    margin-left: 0;
}

/* Phrase and subcategory styling */
[b-yzno4t8d03] .phrase-item,
[b-yzno4t8d03] .room-category {
    margin-bottom: 4px;
}

/* Ensure proper vertical alignment */
[b-yzno4t8d03] .tree-item {
    min-height: 40px;
}

[b-yzno4t8d03] .tree-lines {
    min-height: 40px;
}

.expand-collapse-buttons[b-yzno4t8d03]{
    position: absolute;
    right: 0;
    top:0;
    z-index: 1;
}

[b-yzno4t8d03] .phrase-text{
    font-size: 20px;
    padding-left: 15px;
}


.empty-state-container[b-yzno4t8d03] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: #686868;
}

.empty-state-icon[b-yzno4t8d03] {
    margin-bottom: 1rem;
    color: var(--mud-palette-text-disabled);
}

.empty-state-text[b-yzno4t8d03] {
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
}

.phrase-category-header-container[b-yzno4t8d03]{
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.add-buttons-holder[b-yzno4t8d03]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap:10px;
}

[b-yzno4t8d03] .mud-tabs-panels {
    background-color: white!important;
}
/* Admin/Components/PhraseFiles/PhraseFileTypes.razor.rz.scp.css */
.phrase-file-container[b-lk299gasa4] {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px;
}

[b-lk299gasa4] .phrase-file-holder {
    position: relative;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .room-edit:hover,
[b-lk299gasa4] .phrase-file-holder:not(.readonly) .room-delete:hover,
[b-lk299gasa4] .phrase-file-holder:not(.readonly) .room-reorder:hover {
    opacity: 1;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-lk299gasa4] .area-section {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

[b-lk299gasa4] .area-section > .mud-input-input-control {
    width: 60%;
    display: unset;
    flex: none;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .area-button:hover {
    background-color: white;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .area-delete:hover,
[b-lk299gasa4] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-lk299gasa4] .phrase-file-holder .room-category {
    /*border-bottom: 2px solid #dee1e3;*/
    padding-left:15px;
}

[b-lk299gasa4] .phrase-file-holder .room-category:last-child {
    border-bottom: 0px;
}

[b-lk299gasa4] .phrase-file-holder .room-category h6 {
    font-size: 20px;
    padding: 10px 20px;
    margin-top: 10px;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room label {
    color: #626d78;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-button {
    padding: 3px 15px !important;
    box-shadow: none;
    background-color: transparent;
    font-size: 15px;
    transition: none;
    font-weight: 400;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-button .mud-button-icon-end {
    opacity: 0;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-input {
    background: white;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-button {
    background-color: white;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-edit {
    opacity: 0;
    margin-left: 30px;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-reorder {
    opacity: 0;
    margin-top: 5px;
    margin-left: -10px;
    margin-right: 5px;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-reorder:hover {
    cursor: pointer;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-delete {
    flex-grow: 1;
    text-align: right;
    opacity: 0;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-field {
    opacity: 1;
    width: 60%;
}

[b-lk299gasa4] .sortable-room-list-holder {
    margin-left: 17px;
    border-left: 5px solid #eee;
}

[b-lk299gasa4] #sortableAreas.drag-sorting .rooms-list-holder {
    display: none;
}

[b-lk299gasa4] .phrase-file-holder .field-invisible {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

[b-lk299gasa4] .phrase-file-holder .quick-room-add-holder {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

[b-lk299gasa4] .phrase-file-holder .quick-room-add-holder .mud-button {
    padding: 3px 15px !important;
    border-radius: 25px;
    background-color: #e9eff5;
    color: #626d78 !important;
    margin-right: 10px;
}

[b-lk299gasa4] .phrase-file-holder .area-section .area-button {
    background: none;
    box-shadow: none;
    font-size: 20px;
    transition: none;
    padding: 3px 10px;
    margin: 10px 10px;
}

[b-lk299gasa4] .phrase-file-holder .area-section .area-field {
    opacity: 1;
    width: 50%;
    display: inline-block;
}

[b-lk299gasa4] .phrase-file-holder .area-section .mud-input {
    background: white;
    font-weight: 500;
    font-size: 20px;
}

[b-lk299gasa4] .phrase-file-holder .area-section .mud-button-icon-end {
    opacity: 0;
}


.buttons-holder[b-lk299gasa4] {
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    width:100%;
    max-width: 80%;
}

[b-lk299gasa4] .phrase-text{
    font-size: 20px;
    padding-left: 15px;
}

.phrase-category-list-item[b-lk299gasa4] {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.phrase-category-list-item.deleted[b-lk299gasa4] {
    background-color: #ff9797;
}


.phrase-type-header-container[b-lk299gasa4]{
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
/* Admin/Components/PhraseFiles/PhraseFileVersions.razor.rz.scp.css */
[b-rqomiqbozs] td span {
    display: inherit!important;
    font-weight: normal!important;
}
/* Admin/Components/PhraseFiles/PhraseSubCategories.razor.rz.scp.css */
.phrase-file-container[b-e7s6z9qxly] {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px;
}

[b-e7s6z9qxly] .phrase-file-holder {
    position: relative;
}

[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .room-edit:hover,
[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .room-delete:hover,
[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .room-reorder:hover {
    opacity: 1;
}

[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-e7s6z9qxly] .area-section {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}


[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .area-button:hover {
    background-color: white;
}

[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .area-delete:hover,
[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category {
    /*border-bottom: 2px solid #dee1e3;*/
    padding-left:15px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category:last-child {
    border-bottom: 0px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category h6 {
    font-size: 20px;
    padding: 10px 20px;
    margin-top: 10px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room label {
    color: #626d78;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-button {
    padding: 3px 15px !important;
    box-shadow: none;
    background-color: transparent;
    font-size: 15px;
    transition: none;
    font-weight: 400;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-button .mud-button-icon-end {
    opacity: 0;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-input {
    background: white;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-button {
    background-color: white;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-edit {
    opacity: 0;
    margin-left: 30px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-reorder {
    opacity: 0;
    margin-top: 5px;
    margin-left: -10px;
    margin-right: 5px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-reorder:hover {
    cursor: pointer;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-delete {
    flex-grow: 1;
    text-align: right;
    opacity: 0;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-field {
    opacity: 1;
    width: 60%;
}

[b-e7s6z9qxly] .sortable-room-list-holder {
    margin-left: 17px;
    border-left: 5px solid #eee;
}

[b-e7s6z9qxly] #sortableAreas.drag-sorting .rooms-list-holder {
    display: none;
}

[b-e7s6z9qxly] .phrase-file-holder .field-invisible {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

[b-e7s6z9qxly] .phrase-file-holder .quick-room-add-holder {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

[b-e7s6z9qxly] .phrase-file-holder .quick-room-add-holder .mud-button {
    padding: 3px 15px !important;
    border-radius: 25px;
    background-color: #e9eff5;
    color: #626d78 !important;
    margin-right: 10px;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .area-button {
    background: none;
    box-shadow: none;
    font-size: 20px;
    transition: none;
    padding: 3px 10px;
    margin: 10px 10px;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .area-field {
    opacity: 1;
    width: 50%;
    display: inline-block;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .mud-input {
    background: white;
    font-weight: 500;
    font-size: 20px;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .mud-button-icon-end {
    opacity: 0;
}

[b-e7s6z9qxly] .add-area-btn .mud-button-root {
    position: fixed;
    bottom: 40px;
    right: 100px;
}

[b-e7s6z9qxly] .excluded-areas-info {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    background-color: #eaf5f3;
    color: #0a493f;
    font-size: 13px;
}

[b-e7s6z9qxly] .excluded-areas-info svg {
    width: 17px;
    margin-right: 6px;
}

[b-e7s6z9qxly] .excluded-areas-info > span {
    display: flex;
    align-items: center;
}

[b-e7s6z9qxly] .excluded-areas-info .mud-input-control-boolean-input {
    display: inline-block;
    margin-right: -14px;
}

.buttons-holder[b-e7s6z9qxly] {
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    width:100%;
    max-width: 80%;
}

/* Tree view styles */
[b-e7s6z9qxly] .tree-item {
    position: relative;
    display: flex;
    align-items: flex-start;
}

[b-e7s6z9qxly] .tree-lines {
    position: relative;
    width: 20px;
    height: 100%;
    flex-shrink: 0;
    margin-right: 5px;
}

[b-e7s6z9qxly] .tree-vertical-line {
    position: absolute;
    left: 9px;
    top: 0;
    bottom: 50%;
    width: 1px;
    background-color: #c8c8c8;
}

[b-e7s6z9qxly] .tree-horizontal-line {
    position: absolute;
    left: 9px;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: #c8c8c8;
    transform: translateY(-0.5px);
}

[b-e7s6z9qxly] .tree-vertical-continuation {
    position: absolute;
    left: 9px;
    top: 50%;
    bottom: 0;
    width: 1px;
    background-color: #c8c8c8;
}

/* Remove continuation line for last items */
[b-e7s6z9qxly] .tree-last .tree-vertical-continuation {
    display: none;
}

/* Tree indentation - each level adds 20px */
[b-e7s6z9qxly] .tree-level-0 {
    margin-left: 0px;
}

[b-e7s6z9qxly] .tree-level-1 {
    margin-left: 20px;
}

[b-e7s6z9qxly] .tree-level-2 {
    margin-left: 40px;
}

[b-e7s6z9qxly] .tree-level-3 {
    margin-left: 60px;
}

[b-e7s6z9qxly] .tree-level-4 {
    margin-left: 80px;
}

[b-e7s6z9qxly] .tree-level-5 {
    margin-left: 100px;
}

[b-e7s6z9qxly] .tree-level-6 {
    margin-left: 120px;
}

[b-e7s6z9qxly] .tree-level-7 {
    margin-left: 140px;
}

[b-e7s6z9qxly] .tree-level-8 {
    margin-left: 160px;
}

[b-e7s6z9qxly] .tree-level-9 {
    margin-left: 180px;
}

/* Root level items don't show tree lines */
[b-e7s6z9qxly] .tree-root .tree-lines {
    display: none;
}

[b-e7s6z9qxly] .tree-root {
    margin-left: 0 !important;
}

/* Ensure area-section takes full width */
[b-e7s6z9qxly] .tree-item .area-section {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* Children container */
[b-e7s6z9qxly] .tree-children {
    width: 100%;
    margin-left: 0;
}

/* Phrase and subcategory styling */
[b-e7s6z9qxly] .phrase-item,
[b-e7s6z9qxly] .room-category {
    margin-bottom: 4px;
}

/* Ensure proper vertical alignment */
[b-e7s6z9qxly] .tree-item {
    min-height: 40px;
}

[b-e7s6z9qxly] .tree-lines {
    min-height: 40px;
}

.expand-collapse-buttons[b-e7s6z9qxly]{
    position: absolute;
    right: 0;
    top:0;
    z-index: 1;
}

[b-e7s6z9qxly] .phrase-text{
    font-size: 20px;
    padding-left: 15px;
}


.empty-state-container[b-e7s6z9qxly] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: #686868;
}

.empty-state-icon[b-e7s6z9qxly] {
    margin-bottom: 1rem;
    color: var(--mud-palette-text-disabled);
}

.empty-state-text[b-e7s6z9qxly] {
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
}

.phrase-category-header-container[b-e7s6z9qxly]{
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.add-buttons-holder[b-e7s6z9qxly]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap:10px;
}

.header-subcategory[b-e7s6z9qxly]{
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: var(--mud-palette-info-hover);
    color:var(--mud-palette-info-darken);
    border-radius: var(--mud-default-borderradius);
    align-items: center;
    padding: 6px 0 6px 15px;
}
/* Admin/Components/PhraseFiles/SubCategoryRenderer.razor.rz.scp.css */
.phrase-actions[b-lb5ybdgp7p]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.phrase-sub-category-actions[b-lb5ybdgp7p]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.sub-category.deleted[b-lb5ybdgp7p]{
    background-color: #ff9797;
}

.phrase-item.deleted[b-lb5ybdgp7p]{
    background-color: #ff9797;
}
/* Admin/Components/Reporting/HighchartsComponent.razor.rz.scp.css */
.high-chart-container[b-jr0bxqhj9t] {
    width: 100%;
    height: 100%;
}
/* Admin/Pages/Administration/Administration.razor.rz.scp.css */
.page-heading[b-kj0gr6obzu] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.admin-holder[b-kj0gr6obzu] {
    justify-content: center;
    display: flex;
}

[b-kj0gr6obzu] ul {
    list-style-type:none!important;
    margin-inline-start:0;
}

[b-kj0gr6obzu] ul li{
    display:block;
    vertical-align:top;
}
    [b-kj0gr6obzu] ul li a {
       background-color:#fff;
        border: 2px solid #e0e0e0;
        display: inline-block;
        width: 500px;
        padding: 20px 10px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        margin-bottom:10px;
    }

        [b-kj0gr6obzu] ul li a:hover {
            border-color: #00a587ff;
        }
/* Admin/Pages/Appointment/ActiveCall.razor.rz.scp.css */


[b-nsusbolrrv] .radio-hack {
    --size: 1.5rem;
    border: 1px solid lightgrey;
    height: var(--size);
    width: var(--size);
    border-radius: 50%;
}

[b-nsusbolrrv] .selected {
    background: var(--mud-palette-primary-transparent);
}

    [b-nsusbolrrv] .selected.edit-mode {
        padding-top: 0;
        padding-bottom: 0;
    }


    [b-nsusbolrrv] .selected .radio-hack {
        border: calc(var(--size) / 3) solid var(--mud-palette-primary);
        flex-grow: 0;
    }

[b-nsusbolrrv] li {
    padding: 0.75rem 1rem;
    margin: 0 -1rem;
}

[b-nsusbolrrv] .header-container h6 {
    display: inline-block;
    font-weight: bold;
    max-width: 250px;
}

[b-nsusbolrrv] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-nsusbolrrv] hr.mud-divider.mud-divider-fullwidth {
    margin-bottom: 1rem;
}

[b-nsusbolrrv] .mud-tabs.call-navigation-tab .mud-tabs-tabbar-wrapper {
    width: auto;
}

    [b-nsusbolrrv] .mud-tabs.call-navigation-tab .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        flex-grow: 1;
    }

[b-nsusbolrrv] .mud-tabs.call-navigation-tab .mud-tabs-panels {
    padding: 0 1rem 0.5rem 1rem;
}

[b-nsusbolrrv] .no-notes {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #CFD2D6;
    padding-top: 50px;
    padding-bottom:50px;
}

.component-root[b-nsusbolrrv] {
    margin: 0 -24px;
}

.header-container[b-nsusbolrrv] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #ffffff;
}

.property-form-holder[b-nsusbolrrv] {
    padding: 48px;
    margin-bottom: 30px;
}

    .property-form-holder h6[b-nsusbolrrv] {
        font-size: 20px;
    }

    .property-form-holder p[b-nsusbolrrv] {
        color: #626D78;
    }

[b-nsusbolrrv] .loading-container {
    min-width: 250px;
}

[b-nsusbolrrv] .note-select-option {
    min-width: 200px;
}

[b-nsusbolrrv] .call-navigation-tab .mud-tab {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    [b-nsusbolrrv] .call-navigation-tab .mud-tab.mud-tab-active {
        border-right: 1px solid rgba(0,0,0,0.1);
        border-left: 1px solid rgba(0,0,0,0.1);
    }



[b-nsusbolrrv] .notes-container {
    height: calc(100% - 59px);
    padding: 10px;
    background: #fff;
    overflow-x: hidden;
    box-shadow: 0px 4px 5px -1px #0000000F inset;
}

.chunks-msg-container[b-nsusbolrrv] {
    color: white;
    text-align: center;
    padding: 32px;
    min-width: 342px;
    max-width: 600px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.25);
    height: 140px;
}

    .chunks-msg-container p[b-nsusbolrrv] {
        padding-top: 6px;
    }


[b-nsusbolrrv] .active-call-left-panel .mud-tabs-panels {
    direction: rtl;
}

    [b-nsusbolrrv] .active-call-left-panel .mud-tabs-panels > div {
        direction: ltr;
    }

[b-nsusbolrrv] .active-call-left-panel .mud-tabs-scroll-button {
    display: none;
}

[b-nsusbolrrv] .fullscreen .active-call-left-panel, [b-nsusbolrrv] .fullscreen .gutter-horizontal {
    display: none;
}


.appointment-details-holder[b-nsusbolrrv] {
    padding: 3px 4px;
    overflow: hidden;
    margin: 10px;
    border-radius: 14px;
    border: 2px solid #0A493F;
}

.appointment-detail-item[b-nsusbolrrv] {
    display: flex;
}

.icon-holder[b-nsusbolrrv] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-nsusbolrrv] {
        width: 30px;
    }

.content-holder[b-nsusbolrrv] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

.appointment-detail-item:last-child .content-holder[b-nsusbolrrv] {
    border-bottom: 0;
}

.content-holder span[b-nsusbolrrv] {
    display: block;
    line-height: 30px;
    max-height: 35px;
    overflow: hidden;
}

    .content-holder span img[b-nsusbolrrv] {
        width: 21px;
        position: relative;
        top: 4px;
        margin-right: 5px;
    }

.content-holder strong[b-nsusbolrrv] {
    display: block;
    line-height: 37px;
    color: #fff;
    font-size: 20px;
    background-color: #0A493F;
    width: 150%;
    margin-left: -14px;
    padding: 3px 14px;
    margin-top: -13px;
    margin-bottom: 10px;
}


[b-nsusbolrrv] .active-call-right-tab-icon {
    text-align: center;
    margin-bottom: 5px;
}

    [b-nsusbolrrv] .active-call-right-tab-icon button {
        border-radius: 8px;
        color: #fff;
        padding: 10px;
        margin-bottom: 5px;
    }

    [b-nsusbolrrv] .active-call-right-tab-icon.active button {
        background-color: rgba(0,165,135,1);
    }

    [b-nsusbolrrv] .active-call-right-tab-icon:hover button {
        background-color: rgba(0,165,135,1);
    }
/* Admin/Pages/Appointment/Details.razor.rz.scp.css */
[b-swsqo2nv8r].component-root {
    margin-left: -24px;
    margin-right: -24px;
}

[b-swsqo2nv8r] .mud-tabs-scroll-button {
    display: flex;
}

[b-swsqo2nv8r] .back-button {
    display: none;
}

[b-swsqo2nv8r] .details-tabs .mud-tab {
    min-width: 100px !important;
}

@media (min-width: 1070px) {
    [b-swsqo2nv8r] .back-button {
        display: block;
        position: absolute;
        z-index: 999;
        background-color: #ECEDEE;
        padding: 5px;
        top: 14px;
        left: 18px;
    }
}


[b-swsqo2nv8r] .header-address-container-collapsed {
    transform: rotate(270deg);
    width: 400px;
    display: flex;
    flex-direction: row;
    position: absolute;
    left: -178px;
    top: 262px;
    justify-content: end;
}

    [b-swsqo2nv8r] .header-address-container-collapsed h6 {
        width: auto !important;
    }

    [b-swsqo2nv8r] .header-address-container-collapsed .mud-chip {
        top: 5px;
        margin-left: 11px;
    }

.header-container[b-swsqo2nv8r] {
    padding: 11px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
    min-height: 73px;
}

    .header-container .header-details[b-swsqo2nv8r] {
        display: flex;
        position: relative;
    }

.header-thumbnail[b-swsqo2nv8r] {
    margin-top: 10px;
    margin-left: 59px;
    text-align: center;
    background-color: #004035;
    border-radius: 8px;
    overflow: hidden;
}

.header-back-container[b-swsqo2nv8r] {
    width: 58px;
    flex-grow: 0;
    flex-shrink: 0;
}

.header-status-container[b-swsqo2nv8r] {
    position: absolute;
    right: 8px;
    top: 6px;
}

.header-address-container[b-swsqo2nv8r] {
    flex-grow: 1;
}

[b-swsqo2nv8r] .header-address-container .status-chip {
    margin-top: 7px;
    height: 24px;
    font-size: 13px;
}

[b-swsqo2nv8r] .status-chip.cancel-inspection {
    position: absolute;
    background: #D50000;
    color: white;
    right: 0;
    top: 0;
    padding-left: 5px;
}

    [b-swsqo2nv8r] .status-chip.cancel-inspection:hover {
        background: #B71C1C;
    }

/*::deep .header-address-container .status-chip svg {
    transform: scale(0.6);
}*/

[b-swsqo2nv8r] .cancel-inspection svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    transform: scale(0.6);
}


[b-swsqo2nv8r] .header-container h6 {
    display: inline-block;
    font-weight: bold;
    max-width: 191px;
}

[b-swsqo2nv8r] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: 3px;
    margin-left: 6px;
}

.left-container[b-swsqo2nv8r] {
    margin-bottom: 10px;
    background-color: #fff;
    height: 100vh;
    overflow: auto;
    height: calc(100vh - 20px);
    border-right: 2px solid #eee;
}

.left-content[b-swsqo2nv8r] {
    padding: 0 20px;
    overflow-x: auto;
}

[b-swsqo2nv8r] .left-col {
    background-color: #fff;
}

[b-swsqo2nv8r] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

[b-swsqo2nv8r] img.thumbnail {
    width: auto;
    max-height: 156px;
    margin-bottom: -5px;
}

[b-swsqo2nv8r] .mr-5px {
    margin-right: 5px;
}

[b-swsqo2nv8r] .ml-0 {
    margin-left: 0;
}




.tab-container[b-swsqo2nv8r] {
    /*    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;*/
}

[b-swsqo2nv8r] .mud-tabs-panels {
    min-height: 200px;
    border-bottom-right-radius: 15px;
    padding-bottom: 10px;
    height: calc(100vh - 83px);
}

[b-swsqo2nv8r] .mud-tab {
    padding: 24px;
}

[b-swsqo2nv8r] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-swsqo2nv8r] .tab-content-container {
    height: calc(100vh - 180px);
    overflow: auto;
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
}

[b-swsqo2nv8r] hr.mud-divider.mud-divider-fullwidth {
    margin-bottom: 1rem;
}

.property-form-holder[b-swsqo2nv8r] {
    padding: 48px; /*20px*/
}

.property-form-header[b-swsqo2nv8r] {
    margin-bottom: 30px;
}

    .property-form-header h6[b-swsqo2nv8r] {
        font-size: 20px;
    }

    .property-form-header p[b-swsqo2nv8r] {
        color: #626D78;
    }

[b-swsqo2nv8r] .tab-large {
    width: 190px;
}

.panel-full-width[b-swsqo2nv8r] {
    margin: -24px;
}

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

[b-swsqo2nv8r] .ellipsis-appointment-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: -7px;
}

[b-swsqo2nv8r] .outcome-label {
    font-size: 11px;
    font-weight: 900 !important;
}

[b-swsqo2nv8r] .col-grey {
    color: #626D78;
    font-weight: normal;
}


[b-swsqo2nv8r] .tab-container .mud-tab-slider {
    display: none;
}
/* Admin/Pages/Appointment/List.razor.rz.scp.css */
[b-ru3r42webm].component-root {
    margin-left: -24px;
    margin-right: -24px;
}

[b-ru3r42webm] .date-range {
    margin-top: 2rem;
    padding-top: 1rem;
}

[b-ru3r42webm] .align-left {
    text-align: left;
}

[b-ru3r42webm] .calendar-section {
    user-select: none;
    padding-bottom: 0px;
}

    [b-ru3r42webm] .calendar-section .month-name {
        font-size: 14px;
        font-weight: 400;
        color: #626D78;
        text-transform: uppercase;
    }

[b-ru3r42webm] .mud-divider.mud-divider-fullwidth {
    display: none;
}

[b-ru3r42webm] .mud-chip-filled.mud-chip-color-success {
    background-color: #71CDBC;
    color: #005747;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.5px;
}

[b-ru3r42webm] .verify-content {
    margin-bottom: 20px;
}

[b-ru3r42webm] .next-step-button {
    max-width: 170px;
}

[b-ru3r42webm] .time-slots-section {
    margin-top: 20px;
    min-height: 170px;
}

[b-ru3r42webm] .no-records-matching .mud-button {
    margin-top: 20px;
    padding: 10px 25px;
}

[b-ru3r42webm] .mud-table-container {
    height: calc(100vh - 184px);
    container-type: inline-size;
}

[b-ru3r42webm] .header-container-right {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    display: flex;
    align-items: center;
}



    [b-ru3r42webm] .header-container-right h6 {
        width: 369px;
    }

@media(min-width:1070px) {
    [b-ru3r42webm] .header-container-right h6 {
        display: none;
    }
}

[b-ru3r42webm] .header-container-right .mud-input-control {
    margin-bottom: 6px;
    margin-top: 10px;
}

[b-ru3r42webm] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}

.filter-container[b-ru3r42webm] {
    margin-bottom: 30px;
}

    .filter-container h5[b-ru3r42webm] {
        font-size: 16px;
        margin-bottom: 10px;
    }

.line-through[b-ru3r42webm] {
    text-decoration: line-through;
}

[b-ru3r42webm] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 270px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}

    [b-ru3r42webm] .no-records-matching:hover {
        opacity: 1;
    }

    [b-ru3r42webm] .no-records-matching h6 {
        font-size: 18px;
    }

    [b-ru3r42webm] .no-records-matching p {
        font-size: 14px;
        font-weight: normal;
    }



[b-ru3r42webm] .appt-list-search-mob{

}
/* Admin/Pages/Appointment/MyAppointments.razor.rz.scp.css */
[b-qvogbks8ih].component-root {
    margin-left: -24px;
    margin-right: -24px;
}

[b-qvogbks8ih] .surveyor-email {
    display: none !important;
}

[b-qvogbks8ih] .align-left {
    text-align: left;
}

[b-qvogbks8ih] .date-range {
    margin-top: 2rem;
    padding-top: 1rem;
}

[b-qvogbks8ih] .calendar-section {
    user-select: none;
    padding-bottom: 0px;
}

    [b-qvogbks8ih] .calendar-section .month-name {
        font-size: 14px;
        font-weight: 400;
        color: #626D78;
        text-transform: uppercase;
    }

[b-qvogbks8ih] .mud-divider.mud-divider-fullwidth {
    display: none;
}

[b-qvogbks8ih] .mud-chip-filled.mud-chip-color-success {
    background-color: #71CDBC;
    color: #005747;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.5px;
}

[b-qvogbks8ih] .verify-content {
    margin-bottom: 20px;
}

[b-qvogbks8ih] .next-step-button {
    max-width: 170px;
}

[b-qvogbks8ih] .time-slots-section {
    margin-top: 20px;
    min-height: 170px;
}

[b-qvogbks8ih] .no-records-matching .mud-button {
    margin-top: 20px;
    padding: 10px 25px;
}

[b-qvogbks8ih] .mud-table-container {
    height: calc(100vh - 235px);
}

@media(max-width:599.9px) {
    [b-qvogbks8ih] .mud-table-container {
        height: calc(100vh - 161px);
    }
}

[b-qvogbks8ih] .header-container-right h6 {
    width: 369px;
}

@media(min-width:1070px) {
    [b-qvogbks8ih] .header-container-right h6 {
        display: none;
    }
}

[b-qvogbks8ih] .header-container-right .mud-input-control {
    margin-bottom: 6px;
    margin-top: 10px;
}

[b-qvogbks8ih] .header-container-right {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    display: flex;
}

    [b-qvogbks8ih] .header-container-right .mud-input-outlined-border {
        border-radius: 25px !important;
    }

.filter-container[b-qvogbks8ih] {
    margin-bottom: 30px;
}

    .filter-container h5[b-qvogbks8ih] {
        font-size: 16px;
        margin-bottom: 10px;
    }

[b-qvogbks8ih] .mud-table-pagination {
    display: none;
}

[b-qvogbks8ih] .line-through {
    text-decoration: line-through;
}

[b-qvogbks8ih] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 310px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}

    [b-qvogbks8ih] .no-records-matching:hover {
        opacity: 1;
    }

    [b-qvogbks8ih] .no-records-matching h6 {
        font-size: 18px;
    }

    [b-qvogbks8ih] .no-records-matching p {
        font-size: 14px;
        font-weight: normal;
    }

[b-qvogbks8ih] .previous-dates-button svg {
    position: relative;
    top: 7px;
}

[b-qvogbks8ih] .next-dates-button svg {
    position: relative;
    top: 7px;
}

[b-qvogbks8ih] .create-btn-holder-mob {
    margin-top: auto;
    margin-bottom: auto;
}
/* Admin/Pages/Cache/CacheAdmin.razor.rz.scp.css */
.cache-status[b-8cd53gv310] {
    line-height: 24px;
    margin-bottom: 24px;
}
/* Admin/Pages/ClientSystem/ClientList.razor.rz.scp.css */
.component-root[b-g9x2nzkyze] {
    padding: 20px 0;
}

.header-container[b-g9x2nzkyze] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-g9x2nzkyze] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-g9x2nzkyze] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-g9x2nzkyze] .table-container {
    max-width: 768px;
    margin: 0 auto;
}


.left-container[b-g9x2nzkyze] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-g9x2nzkyze] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-g9x2nzkyze] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-g9x2nzkyze] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-g9x2nzkyze] .header-container-right .mud-input-control {
    margin: 0;
}

[b-g9x2nzkyze] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-g9x2nzkyze] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-g9x2nzkyze] .mud-table-container {
    height: calc(100vh - 220px);
    padding: 5px 15px;
}

[b-g9x2nzkyze] th {
    color: #818A92 !important;
}

[b-g9x2nzkyze] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-g9x2nzkyze] td {
    vertical-align: top;
}

    [b-g9x2nzkyze] td span {
        display: block;
        font-weight: bold;
    }


[b-g9x2nzkyze] th:nth-child(2) {
    width: 150px;
}

[b-g9x2nzkyze] th:nth-child(3), [b-g9x2nzkyze] tr td:nth-child(3) {
    text-align: right;
}



[b-g9x2nzkyze] th:nth-child(3) {
    width: 150px;
}


.filter-container h5[b-g9x2nzkyze] {
    font-size: 16px;
    margin-bottom: 10px;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-g9x2nzkyze] .mud-radio-content {
    font-size: 14px;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-g9x2nzkyze] .mud-radio-button {
    color: #d6d6d6;
}

[b-g9x2nzkyze] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-g9x2nzkyze] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}

[b-g9x2nzkyze] .mud-radio .mud-icon-button, [b-g9x2nzkyze] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-g9x2nzkyze] .mud-checkbox p {
    font-size: 14px;
}

[b-g9x2nzkyze] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-g9x2nzkyze] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-g9x2nzkyze] {
    padding: 12px 24px 12px 24px;
}

[b-g9x2nzkyze] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-g9x2nzkyze] {
    margin-bottom: 20px;
    display: flex;
}

[b-g9x2nzkyze] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}
/* Admin/Pages/ClientSystem/ClientSystemDetails.razor.rz.scp.css */
.component-root[b-at331psd3n] {
    padding: 20px 0;
}

.header-container[b-at331psd3n] {
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-at331psd3n] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-at331psd3n] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-at331psd3n] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-at331psd3n] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-at331psd3n] .left-col {
    background-color: #fff;
}



.detail-item[b-at331psd3n], .profile-item[b-at331psd3n] {
    display: flex;
}

.profile-item[b-at331psd3n] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .profile-item img[b-at331psd3n] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .profile-item > div span[b-at331psd3n], .profile-item > div strong[b-at331psd3n] {
        display: block;
    }

    .profile-item > div strong[b-at331psd3n] {
        font-size: 16px;
    }

    .profile-item > div span[b-at331psd3n] {
        color: #626D78;
    }


.icon-holder[b-at331psd3n] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-at331psd3n] {
        width: 30px;
    }

.content-holder[b-at331psd3n] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-at331psd3n] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-at331psd3n] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-at331psd3n]{
       display:flex;
       justify-content:space-between;
    }

    .content-holder .content-with-action span[b-at331psd3n] {
        display: inline;
    }

[b-at331psd3n] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom:5px;
}



.tab-container[b-at331psd3n] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-at331psd3n] .mud-tabs-panels {
    background-color: #F8F8F9!important;
    min-height: 200px;
    height: 100vh;
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-at331psd3n] .mud-tab {
    padding: 24px;
}

[b-at331psd3n] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-at331psd3n] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    overflow-x: hidden;
    max-width: 768px;
    margin: 0 auto;
}

[b-at331psd3n] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

.form-holder[b-at331psd3n] {
    padding: 10px 20px;
}

.form-header[b-at331psd3n] {
    margin-bottom: 30px;
}

    .form-header h6[b-at331psd3n] {
        font-size: 20px;
    }

    .form-header p[b-at331psd3n] {
        color: #626D78;
    }

.role-options[b-at331psd3n] {
    margin-bottom: 20px;
}

[b-at331psd3n] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}
/* Admin/Pages/Error/Error.razor.rz.scp.css */
[b-t1l4m4zue6].component-root {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

[b-t1l4m4zue6] .error-container {
    text-align: center;
    max-width: 900px;
    width: 100%;
    background-color: #fff;
    padding: 40px 30px;
    border: 2px solid #eee;
    border-radius: 10px;
}

    [b-t1l4m4zue6] .error-container p {
        margin-top: 20px;
    }


    [b-t1l4m4zue6] .error-container img {
        height: 130px;
        margin-top: 60px;
    }
/* Admin/Pages/FormBuilder/FormDetails.razor.rz.scp.css */
.component-root[b-6yn18u6413] {
    padding: 20px 0;
}

.header-container[b-6yn18u6413] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-6yn18u6413] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-6yn18u6413] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    margin-top: -7px;
    padding: 5px;
    margin-right: 10px;
}

.ml-0[b-6yn18u6413]{
    margin-left: 0px;
}

.left-container[b-6yn18u6413] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}
.right-container[b-6yn18u6413] {
    margin: -20px -12px -20px 0px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-6yn18u6413] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}


[b-6yn18u6413] .left-col {
    background-color: #fff;
}

[b-6yn18u6413] .step-btn{
    max-width: 260px !important;
    width: 100% !important;
}

[b-6yn18u6413] .add-step-btn {
    width: auto;
}

[b-6yn18u6413] .add-step-btn-container {
    display: flex !important;
    margin-top: 20px !important;
    justify-content: flex-start !important;
}

.detail-item[b-6yn18u6413], .profile-item[b-6yn18u6413] {
    display: flex;
}

.profile-item[b-6yn18u6413] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .profile-item img[b-6yn18u6413] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .profile-item > div span[b-6yn18u6413], .profile-item > div strong[b-6yn18u6413] {
        display: block;
    }

    .profile-item > div strong[b-6yn18u6413] {
        font-size: 16px;
    }

    .profile-item > div span[b-6yn18u6413] {
        color: #626D78;
    }


.icon-holder[b-6yn18u6413] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-6yn18u6413] {
        width: 30px;
    }

.content-holder[b-6yn18u6413] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-6yn18u6413] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-6yn18u6413] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-6yn18u6413] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-6yn18u6413] {
            display: inline;
        }

[b-6yn18u6413] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-6yn18u6413] {
    width: 100%;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-6yn18u6413] .mud-tabs-panels {
    /* height: 100%;
    margin: -10px -24px;*/
    /* background-color: #F8F8F9;*/
    min-height: 200px;
    height: calc(100vh - 200px);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-6yn18u6413] .mud-tab {
    padding: 24px;
}

[b-6yn18u6413] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-6yn18u6413] .tab-content-container {
    height: calc(100% - 70px);
    margin: 0 auto;
}

[b-6yn18u6413] .buttons-holder {
    /*width: 768px;*/
    /*margin: 0 auto;*/
    margin-top: 20px;
    padding: 0 10px;
}

.form-holder[b-6yn18u6413] {
    padding: 20px;
    background: white;
}

.form-header[b-6yn18u6413] {
    margin-bottom: 30px;
}

    .form-header h6[b-6yn18u6413] {
        font-size: 20px;
    }

    .form-header p[b-6yn18u6413] {
        color: #626D78;
    }

.role-options[b-6yn18u6413] {
    margin-bottom: 20px;
}

[b-6yn18u6413] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

.p-0[b-6yn18u6413]{
    padding: 0;
}

[b-6yn18u6413] .lookup-editor-drawer {
    background-color: white;
    z-index: 1450;
}
/* Admin/Pages/FormBuilder/FormList.razor.rz.scp.css */
[b-sguhfkknqp] .no-records-matching {
    font-size: 20px;
}

/*Form list*/
.component-root[b-sguhfkknqp] {
    padding: 20px 0;
}
[b-sguhfkknqp] .surveyor-email {
  display: none;
}
[b-sguhfkknqp] .date-range {
  margin-top: 2rem;
  padding-top: 1rem;
}

[b-sguhfkknqp] .mud-divider.mud-divider-fullwidth {
  display: none;
}
[b-sguhfkknqp] .mud-chip-filled.mud-chip-color-success {
  background-color: #71CDBC;
  color: #005747;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.5px;
}
[b-sguhfkknqp] .no-records-matching .mud-button {
  margin-top: 20px;
  padding: 10px 25px;
}
[b-sguhfkknqp] .mud-table-container {
    height: calc(100vh - 185px);
    padding: 0px 15px 5px 15px !important;
}

.table-container[b-sguhfkknqp] {
    padding-left: 25px;
}

.header-container[b-sguhfkknqp] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-sguhfkknqp] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-sguhfkknqp] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-sguhfkknqp] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
    margin-top: 10px;
    margin-right: 10px;
}

.header-container-right[b-sguhfkknqp] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
  
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 4px 30px 13px;
    padding-left: 0px;
    margin-bottom: 20px;
    margin-left: 13px;
    display: flex;
}
[b-sguhfkknqp] .header-container-right .mud-input-outlined-border {
  border-radius: 25px !important;
}

[b-sguhfkknqp] .header-container-right .mud-input-control {
    margin: 0;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 0;
}


.filter-container[b-sguhfkknqp] {
  margin-bottom: 30px;
}
.filter-container h5[b-sguhfkknqp] {
  font-size: 16px;
  margin-bottom: 10px;
}

[b-sguhfkknqp] .line-through {
  text-decoration: line-through;
}

[b-sguhfkknqp] .no-records-matching {
  padding: 20px;
  padding-bottom: 50px;
  height: calc(100vh - 310px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  opacity: 0.6;
  transition: all 0.1s linear;
}
[b-sguhfkknqp] .no-records-matching:hover {
  opacity: 1;
}
[b-sguhfkknqp] .no-records-matching h6 {
  font-size: 18px;
}
[b-sguhfkknqp] .no-records-matching p {
  font-size: 14px;
  font-weight: normal;
}


/*Filters*/
.left-container[b-sguhfkknqp] {
    margin: -20px -12px -20px -24px;

    background-color: #fff;
}
.left-content[b-sguhfkknqp] {
    padding: 20px;
    height: calc(100vh - 92px);
}


[b-sguhfkknqp].left-container .header-container {
    padding: 20px;
    border-bottom: 1px solid #E5EBEA;
    margin-top: 0;
}

        [b-sguhfkknqp].left-container .filter-container h5 {
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }

    [b-sguhfkknqp].left-container .mud-radio-group label {
        margin: 0.1rem 0;
        display: block;
        padding: 0.3rem 0;
    }

        [b-sguhfkknqp].left-container .mud-radio-group label .mud-checked + .mud-radio-content {
            background-color: #DCF2EE;
        }

        [b-sguhfkknqp].left-container .mud-radio-group label .mud-radio-content {
            width: 100%;
            display: inline-block;
            padding-left: 35px;
            margin-left: -35px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 4px;
            margin-top: -18px;
            margin-bottom: -13px;
        }

    [b-sguhfkknqp].left-container .mud-input-control-boolean-input {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 4px;
        margin-top: 1px;
        font-size: 14px;
    }

        [b-sguhfkknqp].left-container .mud-input-control-boolean-input.checked {
            background-color: #DCF2EE;
        }

    [b-sguhfkknqp].left-container .mud-input-control-boolean-input {
        display: block;
        margin-right: 0;
    }

        [b-sguhfkknqp].left-container .mud-input-control-boolean-input .mud-icon-button {
            margin-top: -2px;
            padding: 5px;
        }


/*Drawer*/
.mb-2[b-sguhfkknqp] {
    margin-bottom: 20px;
}

[b-sguhfkknqp] .draw-content h6 {
    margin-top: 8px;
    font-weight: bold;
}

[b-sguhfkknqp] .mud-drawer {
    background-color: #fff;
}

[b-sguhfkknqp] .mud-drawer-header {
    padding-bottom: 50px !important;
    height: 50px;
}


.draw-content[b-sguhfkknqp] {
    padding: 12px 24px 12px 24px;
}

[b-sguhfkknqp] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-sguhfkknqp] {
    display: flex;
}

[b-sguhfkknqp] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}

.info-message[b-sguhfkknqp] {
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
    background-color: rgb(10, 73, 63);
    color: #fff;
}

[b-sguhfkknqp] .pc-search-button {
    display: flex;
    height: 100%;
    align-items: end;
    padding: 11px 0;
}

    [b-sguhfkknqp] .pc-search-button .mud-button {
        padding: 10px;
    }

[b-sguhfkknqp] .pl-0 {
    padding-left: 0;
}
[b-sguhfkknqp] .pr-0 {
    padding-right: 0;
}

.page-heading[b-sguhfkknqp]{
    display: none;
}

[b-sguhfkknqp] .mt-0{
    margin-top: 0;
}
/* Admin/Pages/Organisation/InspectionTypeDetails.razor.rz.scp.css */
.component-root[b-360tc4775s] {
    padding: 20px 0;
}

.header-container[b-360tc4775s] {
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-360tc4775s] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-360tc4775s] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-360tc4775s] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-360tc4775s] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-360tc4775s] .left-col {
    background-color: #fff;
}



.detail-item[b-360tc4775s], .profile-item[b-360tc4775s] {
    display: flex;
}

.profile-item[b-360tc4775s] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .profile-item img[b-360tc4775s] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .profile-item > div span[b-360tc4775s], .profile-item > div strong[b-360tc4775s] {
        display: block;
    }

    .profile-item > div strong[b-360tc4775s] {
        font-size: 16px;
    }

    .profile-item > div span[b-360tc4775s] {
        color: #626D78;
    }


.icon-holder[b-360tc4775s] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-360tc4775s] {
        width: 30px;
    }

.content-holder[b-360tc4775s] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-360tc4775s] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-360tc4775s] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-360tc4775s] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-360tc4775s] {
            display: inline;
        }

[b-360tc4775s] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-360tc4775s] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-360tc4775s] .mud-tabs-panels {
    background-color: #F8F8F9 !important;
    min-height: 200px;
    height: 100vh;
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-360tc4775s] .mud-tab {
    padding: 24px;
}

[b-360tc4775s] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-360tc4775s] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: hidden auto;
    max-width: 768px;
    margin: 0 auto;
}

[b-360tc4775s] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

[b-360tc4775s] .form-holder {
    padding: 10px 20px;
}

.form-header[b-360tc4775s] {
    margin-bottom: 30px;
}

    .form-header h6[b-360tc4775s] {
        font-size: 20px;
    }

    .form-header p[b-360tc4775s] {
        color: #626D78;
    }

.role-options[b-360tc4775s] {
    margin-bottom: 20px;
}

[b-360tc4775s] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

[b-360tc4775s] .skip-checkbox:first-of-type {
    margin-top: 7px;
}

[b-360tc4775s] .skip-checkbox .mud-checkbox > span {
    padding: 3px 5px 3px 0px;
}
/* Admin/Pages/Organisation/InspectionTypesList.razor.rz.scp.css */
.component-root[b-dz4k2n8v3w] {
    padding: 20px 0;
}

.header-container[b-dz4k2n8v3w] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-dz4k2n8v3w] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-dz4k2n8v3w] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-dz4k2n8v3w] .table-container {
    max-width: 768px;
    margin: 0 auto;
}


.left-container[b-dz4k2n8v3w] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-dz4k2n8v3w] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-dz4k2n8v3w] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-dz4k2n8v3w] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-dz4k2n8v3w] .header-container-right .mud-input-control {
    margin: 0;
}

[b-dz4k2n8v3w] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-dz4k2n8v3w] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-dz4k2n8v3w] .mud-table-container {
    height: calc(100vh - 177px);
    padding: 5px 15px;
}

[b-dz4k2n8v3w] th {
    color: #818A92 !important;
}

[b-dz4k2n8v3w] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-dz4k2n8v3w] td {
    vertical-align: top;
}

    [b-dz4k2n8v3w] td span {
        display: block;
        font-weight: bold;
    }


[b-dz4k2n8v3w] th:nth-child(2) {
    width: 150px;
}

[b-dz4k2n8v3w] th:nth-child(3), [b-dz4k2n8v3w] tr td:nth-child(3) {
    text-align: right;
}



[b-dz4k2n8v3w] th:nth-child(3) {
    width: 150px;
}


.filter-container h5[b-dz4k2n8v3w] {
    font-size: 16px;
    margin-bottom: 10px;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-dz4k2n8v3w] .mud-radio-content {
    font-size: 14px;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-dz4k2n8v3w] .mud-radio-button {
    color: #d6d6d6;
}

[b-dz4k2n8v3w] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-dz4k2n8v3w] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}

[b-dz4k2n8v3w] .mud-radio .mud-icon-button, [b-dz4k2n8v3w] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-dz4k2n8v3w] .mud-checkbox p {
    font-size: 14px;
}

[b-dz4k2n8v3w] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-dz4k2n8v3w] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-dz4k2n8v3w] {
    padding: 12px 24px 12px 24px;
}

[b-dz4k2n8v3w] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-dz4k2n8v3w] {
    margin-bottom: 20px;
    display: flex;
}

[b-dz4k2n8v3w] form .mud-input-control-input-container {    
    border-radius: 5px;
}

/* Admin/Pages/Organisation/OrganisationDetails.razor.rz.scp.css */
.component-root[b-dql8amm8sc] {
    padding: 20px 0;
}

.header-container[b-dql8amm8sc] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-dql8amm8sc] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-dql8amm8sc] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-dql8amm8sc] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-dql8amm8sc] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-dql8amm8sc] .left-col {
    background-color: #fff;
}



.user-detail-item[b-dql8amm8sc], .user-profile-item[b-dql8amm8sc] {
    display: flex;
}

.user-profile-item[b-dql8amm8sc] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .user-profile-item img[b-dql8amm8sc] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .user-profile-item > div span[b-dql8amm8sc], .user-profile-item > div strong[b-dql8amm8sc] {
        display: block;
    }

    .user-profile-item > div strong[b-dql8amm8sc] {
        font-size: 16px;
    }

    .user-profile-item > div span[b-dql8amm8sc] {
        color: #626D78;
    }


.icon-holder[b-dql8amm8sc] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-dql8amm8sc] {
        width: 30px;
    }

.content-holder[b-dql8amm8sc] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-dql8amm8sc] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-dql8amm8sc] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-dql8amm8sc] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-dql8amm8sc] {
            display: inline;
        }

[b-dql8amm8sc] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-dql8amm8sc] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-dql8amm8sc] .mud-tabs-panels {
    /* height: 100%;
    margin: -10px -24px;*/
    /* background-color: #F8F8F9;*/
    min-height: 200px;
    height: calc(100vh - 200px);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-dql8amm8sc] .mud-tab {
    padding: 24px;
}

[b-dql8amm8sc] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-dql8amm8sc] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}



.user-form-holder[b-dql8amm8sc] {
    padding: 20px;
}

.user-form-header[b-dql8amm8sc] {
    margin-bottom: 30px;
}

    .user-form-header h6[b-dql8amm8sc] {
        font-size: 20px;
    }

    .user-form-header p[b-dql8amm8sc] {
        color: #626D78;
    }

.role-options[b-dql8amm8sc] {
    margin-bottom: 20px;
}

[b-dql8amm8sc] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

[b-dql8amm8sc] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}







[b-dql8amm8sc] .user-form-holder .mud-input-number-control, [b-dql8amm8sc] .user-form-holder .mud-picker-input-button {
    width: 130px;
    display: inline-block;
}


[b-dql8amm8sc] svg.mud-icon-root.summary-icn {
    fill: grey;
    font-size: 1.9rem;
}

[b-dql8amm8sc] svg.mud-icon-root.summary-warn-icn {
    font-size: 1.2rem;
    position: relative;
    top: 3px;
}

[b-dql8amm8sc] .flag-img {
    height: 18px;
    position: relative;
    margin-bottom: -3px;
    margin-right: 6px;
}
/* Admin/Pages/Organisation/OrganisationKeys.razor.rz.scp.css */
.page-heading[b-plemjj8qf4] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

[b-plemjj8qf4] .page-heading .mud-input-outlined-border {
    border-radius: 25px !important;
}

[b-plemjj8qf4] .page-heading .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-plemjj8qf4] .page-heading .mud-input-control {
    margin-bottom: 0;
    max-width: 400px;
}

[b-plemjj8qf4] .page-heading h4 {
    flex-grow: 1;
}

[b-plemjj8qf4] th {
    color: #818A92 !important;
}

[b-plemjj8qf4] .mud-drawer {
    background-color: #fff;
}

[b-plemjj8qf4] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-plemjj8qf4] {
    margin-bottom: 20px;
    display: flex;
}

[b-plemjj8qf4] form .mud-input-control-input-container {
    border-radius: 5px;
}

.loading-background[b-plemjj8qf4] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--background-colour);
    z-index: 1100;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-plemjj8qf4] .org-table img {
    height: 20px;
}

[b-plemjj8qf4] .org-table tr td:nth-child(1) {
    width: 150px;
}

[b-plemjj8qf4] .org-table tr td:nth-child(3) {
    width: 200px;
}

[b-plemjj8qf4] .org-table tr td:nth-child(4) {
    width: 200px;
}

[b-plemjj8qf4] .mud-table-container {
    height: calc(100vh - 152px);
}
/* Admin/Pages/Organisation/OrganisationList.razor.rz.scp.css */
.page-heading[b-x1nytrdk83] {
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

[b-x1nytrdk83] .page-heading .mud-input-outlined-border {
    border-radius: 25px !important;
}

[b-x1nytrdk83] .page-heading .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-x1nytrdk83] .page-heading .mud-input-control {
    margin-bottom: 0;
    max-width: 400px;
}

[b-x1nytrdk83] .page-heading h4 {
    flex-grow: 1;
}

[b-x1nytrdk83] th {
    color: #818A92 !important;
}

[b-x1nytrdk83] .mud-drawer {
    background-color: #fff;
}

[b-x1nytrdk83] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-x1nytrdk83] {
    margin-bottom: 20px;
    display: flex;
}

[b-x1nytrdk83] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}

.loading-background[b-x1nytrdk83] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--background-colour);
    z-index: 1100;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-x1nytrdk83] .org-table img {
    height: 20px;
}

[b-x1nytrdk83] .org-table tr td:nth-child(1) {
    width: 150px;
}

[b-x1nytrdk83] .org-table tr td:nth-child(3) {
    width: 200px;
}

[b-x1nytrdk83] .org-table tr td:nth-child(4) {
    width: 200px;
}

[b-x1nytrdk83] .mud-table-container {
    height: calc(100vh - 152px);
}

[b-x1nytrdk83] .organisation-card-mob {
    box-shadow: 0px 1px 2px 0px #0000000D;
    border: 1px solid #ECEDEE;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.status-chip-mob[b-x1nytrdk83] {
    display: inline-block;
    width: 100%;
}

[b-x1nytrdk83] .status-chip {
    font-size: 0.875rem;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: 400;
    line-height: 13.2px;
    letter-spacing: 0px;
    text-align: center;
    border-radius: 8px;
    height: 23px;
    margin: 0;
    width: auto;
    padding: 0 7px 0 3px;
    padding-left: 7px;
    padding-top: 1px;
    background: rgba(0, 165, 135, 1) !important;
    color: #fff !important;
    height: 20px;
}

[b-x1nytrdk83] .num-of-clients {
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 500;
    line-height: 15.4px;
    text-align: left;
    color: #626D78;
    padding: 12px 0;
}
[b-x1nytrdk83] .arrow-mob {
    padding: 6px 0 0 0;
    color: #626D78
}

.date-joined-mob[b-x1nytrdk83] {
    color: #626D78;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px;
}


[b-x1nytrdk83] .org-name-mob {
    color: #384048;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    line-height: 17.5px;
    text-align: left;
}


span.col-grey[b-x1nytrdk83] {
    color: #626D78;
    font-weight: normal;
}
[b-x1nytrdk83] .org-table tr .template-row {
    width: 200px;
}
/* Admin/Pages/Organisation/PhraseFileDetails.razor.rz.scp.css */
.component-root[b-5iz1ftpfd8] {
    padding: 20px 0;
}

.header-container[b-5iz1ftpfd8] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-5iz1ftpfd8] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-5iz1ftpfd8] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-5iz1ftpfd8] .table-container {
    max-width: 768px;
    margin: 0 auto;
}


.left-container[b-5iz1ftpfd8] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-5iz1ftpfd8] {
    padding: 20px;
    height: calc(100vh - 92px);
    position: relative;
}

.header-container-right[b-5iz1ftpfd8] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-5iz1ftpfd8] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-5iz1ftpfd8] .header-container-right .mud-input-control {
    margin: 0;
}

[b-5iz1ftpfd8] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-5iz1ftpfd8] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-5iz1ftpfd8] .mud-table-container {
    height: calc(100vh - 177px);
    padding: 5px 15px;
}

[b-5iz1ftpfd8] th {
    color: #818A92 !important;
}

[b-5iz1ftpfd8] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-5iz1ftpfd8] td {
    vertical-align: top;
}

[b-5iz1ftpfd8] td span {
    display: block;
    font-weight: bold;
}


[b-5iz1ftpfd8] th:nth-child(2) {
    width: 150px;
}

[b-5iz1ftpfd8] th:nth-child(3), [b-5iz1ftpfd8] tr td:nth-child(3) {
    text-align: right;
}



[b-5iz1ftpfd8] th:nth-child(3) {
    width: 150px;
}


[b-5iz1ftpfd8] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-5iz1ftpfd8] .mud-radio-content {
    font-size: 14px;
}



[b-5iz1ftpfd8] .mud-radio-button {
    color: #d6d6d6;
}

[b-5iz1ftpfd8] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-5iz1ftpfd8] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-5iz1ftpfd8] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-5iz1ftpfd8] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}


[b-5iz1ftpfd8] .mud-checkbox p {
    font-size: 14px;
}

[b-5iz1ftpfd8] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-5iz1ftpfd8] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-5iz1ftpfd8] {
    padding: 12px 24px 12px 24px;
}

[b-5iz1ftpfd8] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-5iz1ftpfd8] {
    margin-bottom: 20px;
    display: flex;
}

[b-5iz1ftpfd8] form .mud-input-control-input-container {
    border-radius: 5px;
}



.tab-container[b-5iz1ftpfd8] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-5iz1ftpfd8] .mud-tabs-panels {
    min-height: 200px;
    height: 100vh;
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-5iz1ftpfd8] .mud-tab {
    padding: 24px;
}

[b-5iz1ftpfd8] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-5iz1ftpfd8] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: hidden auto;
    max-width: 768px;
    margin: 0 auto;
}

.phrase-file-left-name-container[b-5iz1ftpfd8]{
    display: flex;flex-direction: row;gap:10px;align-items: center;
}




.phrase-category-list-item[b-5iz1ftpfd8] {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phrase-category-list-item.selected[b-5iz1ftpfd8] {
    border: 3px solid rgb(0, 165, 135);
    border-radius: 8px;
    background-color: #efefef
}

.phrase-category-list-item.deleted[b-5iz1ftpfd8]{
    background-color: #ff9797;
}

[b-5iz1ftpfd8] .add-phrase-category-button{
    width:fit-content;
    float: right;
    margin-left: auto;
    position: absolute; 
    bottom: 20px; 
    right: 20px;
    background-color: #e9e9ea;
}

.phrase-category-list-container[b-5iz1ftpfd8]{
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    max-height: 80vh;
    padding-bottom: 250px;
}

.empty-state-container[b-5iz1ftpfd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: #686868;
}

.empty-state-icon[b-5iz1ftpfd8] {
    margin-bottom: 1rem;
    color: var(--mud-palette-text-disabled);
}

.empty-state-text[b-5iz1ftpfd8] {
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
}

.icon-holder[b-5iz1ftpfd8]{
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

.detail-item[b-5iz1ftpfd8]{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.content-holder[b-5iz1ftpfd8]{
    flex-grow: 1;
    flex-direction: column;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
    display: flex
;
}

.area-delete[b-5iz1ftpfd8]{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 5px;
}
/* Admin/Pages/Organisation/PhraseFilesList.razor.rz.scp.css */
.component-root[b-h8dtcjks38] {
    padding: 20px 0;
}

.header-container[b-h8dtcjks38] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-h8dtcjks38] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-h8dtcjks38] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-h8dtcjks38] .table-container {
    margin: 0 auto;
}


.left-container[b-h8dtcjks38] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-h8dtcjks38] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-h8dtcjks38] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-h8dtcjks38] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-h8dtcjks38] .header-container-right .mud-input-control {
    margin: 0;
}

[b-h8dtcjks38] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-h8dtcjks38] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-h8dtcjks38] .mud-table-container {
    height: calc(100vh - 177px);
    padding: 5px 15px;
}

[b-h8dtcjks38] th {
    color: #818A92 !important;
}

[b-h8dtcjks38] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-h8dtcjks38] td {
    vertical-align: top;
}

[b-h8dtcjks38] td span {
    display: block;
    font-weight: bold;
}


[b-h8dtcjks38] th:nth-child(2) {
    width: 150px;
}

[b-h8dtcjks38] th:nth-child(3), [b-h8dtcjks38] tr td:nth-child(3) {
    text-align: right;
}



[b-h8dtcjks38] th:nth-child(3) {
    width: 150px;
}


.filter-container h5[b-h8dtcjks38] {
    font-size: 16px;
    margin-bottom: 10px;
}

[b-h8dtcjks38] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-h8dtcjks38] .mud-radio-content {
    font-size: 14px;
}

[b-h8dtcjks38] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-h8dtcjks38] .mud-radio-button {
    color: #d6d6d6;
}

[b-h8dtcjks38] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-h8dtcjks38] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-h8dtcjks38] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-h8dtcjks38] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}

[b-h8dtcjks38] .mud-radio .mud-icon-button, [b-h8dtcjks38] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-h8dtcjks38] .mud-checkbox p {
    font-size: 14px;
}

[b-h8dtcjks38] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-h8dtcjks38] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-h8dtcjks38] {
    padding: 12px 24px 12px 24px;
}

[b-h8dtcjks38] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-h8dtcjks38] {
    margin-bottom: 20px;
    display: flex;
}

[b-h8dtcjks38] form .mud-input-control-input-container {
    border-radius: 5px;
}

[b-h8dtcjks38] .version-chip{
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    border-radius: 12px;
    height: 23px;
    padding-top: 0px;
    margin: 0;
    width: auto;
    padding-left: 7px;
}
/* Admin/Pages/Organisation/Tabs/AccountSummaryTab.razor.rz.scp.css */
[b-bwxikpsozv] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}
.user-form-holder[b-bwxikpsozv] {
    padding: 20px;
}

[b-bwxikpsozv] .org-setting{
    width: 300px !important;
}

[b-bwxikpsozv] .mud-input-numeric-spin .no-steps {
    display: none;
}

[b-bwxikpsozv] .mud-select{
    width: 300px;
}

.help-text.unlimited-text[b-bwxikpsozv] {
    display: inline-block;
    margin-left: 10px;
    margin-top: 7px;
}
/* Admin/Pages/Organisation/Tabs/DatasetsTab.razor.rz.scp.css */
[b-1ps8dnwmnm] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}

[b-1ps8dnwmnm] .user-form-holder {
    padding: 20px;
}
/* Admin/Pages/Organisation/Tabs/MonthlyInspectionsTab.razor.rz.scp.css */
.mud-select[b-icpozxsi9k] {
    width: 150px !important;
    display: inline-block;
    margin-left: 10px;
}

[b-icpozxsi9k] .disabled-row {
    opacity: 0.5;
    pointer-events: none;
}

[b-icpozxsi9k] .year-total-cell {
    background-color: #f0f0f0;
    font-weight: bold;
    border-top: 2px solid #ccc;
}
/* Admin/Pages/Organisation/Tabs/WeeklyInspectionsTab.razor.rz.scp.css */
.mud-select[b-iqb56qrv7m] {
    width: 150px !important;
    display: inline-block;
    margin-left: 10px;
}

[b-iqb56qrv7m] .disabled-row {
    opacity: 0.5;
    pointer-events: none;
}

[b-iqb56qrv7m] .year-total-cell {
    background-color: #f0f0f0;
    font-weight: bold;
    border-top: 2px solid #ccc;
}
/* Admin/Pages/Profile/Profile.razor.rz.scp.css */
.component-root[b-uoti045cnh] {
    padding: 20px 0;
}

.header-container[b-uoti045cnh] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-uoti045cnh] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

.left-container[b-uoti045cnh] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-uoti045cnh] {
    padding: 20px;
    height: calc(100vh - 95px);
    overflow: auto;
}

[b-uoti045cnh] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-uoti045cnh] .left-col {
    background-color: #fff;
}

.appointment-detail-item[b-uoti045cnh] {
    display: flex;
}

.icon-holder[b-uoti045cnh] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-uoti045cnh] {
        width: 30px;
    }

.content-holder[b-uoti045cnh] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-uoti045cnh] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

[b-uoti045cnh] .warning-icon {
    margin-bottom: -5px;
    font-size: 20px;
    color: #c74444;
}

.content-holder strong[b-uoti045cnh] {
    display: block;
    line-height: 25px;
    color: #384048;
}




.tab-container[b-uoti045cnh] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-uoti045cnh] .mud-tabs-panels {
    /* height: 100%;
    margin: -10px -24px;*/
    /* background-color: #F8F8F9;*/
    min-height: 200px;
    height: calc(100vh - 6rem);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-uoti045cnh] .mud-tab {
    padding: 24px;
}

[b-uoti045cnh] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}

[b-uoti045cnh] .tab-content-panel, [b-uoti045cnh] .tab-content-container {
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}

[b-uoti045cnh] .tab-content-container {
    height: calc(100vh - 200px);
}

    [b-uoti045cnh] .tab-content-container.full-width {
        max-width: 100%;
    }

.my-details-container[b-uoti045cnh] {
    padding: 15px;
}

.working-hours-container[b-uoti045cnh] {
    padding: 15px;
}

[b-uoti045cnh] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}
/* Admin/Pages/Reports/Dashboard.razor.rz.scp.css */
[b-e1gzeacxcu].component-root {
}

[b-e1gzeacxcu] .dashboard-builder-container {
    display: flex;
    gap: 20px;
}

.page-heading[b-e1gzeacxcu] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

[b-e1gzeacxcu] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-right: 10px;
}

[b-e1gzeacxcu] .dashboard-builder-left-content {
    width: 420px;
    background-color: #fff;
    /* padding: 20px; */
    margin-top: -19px;
    margin-left: -23px;
    flex-shrink: 0;
    flex-grow: 0;
}

[b-e1gzeacxcu] .dashboard-builder-right-content {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 130px);
    overflow-y: auto;
    display: flex;
}

    [b-e1gzeacxcu] .dashboard-builder-right-content .mud-skeleton {
    }

[b-e1gzeacxcu] .skel-holder-right {
    padding: 0 20px;
}

[b-e1gzeacxcu] .report-view-container-right {
    width: 500px;
    background-color: #fff;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    height: calc(100vh - 130px);
    overflow: hidden;
}

[b-e1gzeacxcu] .mud-table-sticky-header {
    height: calc(100vh - 131px) !important;
    box-shadow: none !important;
}

    [b-e1gzeacxcu] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-e1gzeacxcu] .mud-table-sticky-header tr td:last-child, [b-e1gzeacxcu] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }

[b-e1gzeacxcu] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    [b-e1gzeacxcu] .report-list-container > div {
        display: flex;
        /* width: calc(25% - 15px); */
        border: 0px dashed #d1d1d1;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
        cursor: pointer;
        transition: all 0.15s linear;
    }

        [b-e1gzeacxcu] .report-list-container > div:hover {
            transform: scale(1.05);
        }

        [b-e1gzeacxcu] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-e1gzeacxcu] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-e1gzeacxcu] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

        [b-e1gzeacxcu] .report-list-container > div .buttons a {
            padding: 5px 15px;
            margin-top: 10px;
            margin-right: 5px;
        }

[b-e1gzeacxcu] .grid-stack-item-content {
    border-radius: 8px !important;
    overflow: hidden !important;
}

[b-e1gzeacxcu] .report-search {
    border: 2px solid #E5EBEA;
    border-radius: 4px;
    padding: 12px 14px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 13px;
    outline: none !important;
}

[b-e1gzeacxcu] .deleted-dashboard-report {
    display: none;
}

[b-e1gzeacxcu] .dashboard-delete-btn {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #ca5353;
}

[b-e1gzeacxcu] .grid-stack-item-content:hover .dashboard-delete-btn {
    display: block;
    z-index: 9;
}


[b-e1gzeacxcu] .dashboard-tile > div {
    height: calc(((100vh - 130px) / 5) - 23px);
    justify-content: center;
    display: flex;
    align-items: start;
    flex-direction: column;
    background-color: #0A493F;
    transition: transform 0.5s ease-in-out;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 10px 20px;
    align-items: center;
    flex-direction: row;
    font-size: clamp(1rem, 1.6vw, 2.5rem);
}

    [b-e1gzeacxcu] .dashboard-tile > div span:first-child {
        padding-top: 20px;
    }

[b-e1gzeacxcu] .dashboard-tile.matrix > div span:first-child {
    display: block;
    margin-bottom: -20px;
}

[b-e1gzeacxcu] .dashboard-tile.matrix > div sub {
    font-size: 15px;
    font-weight: bold;
}

    [b-e1gzeacxcu] .dashboard-tile > div span:last-child {
        padding-top: 10px;
        font-size: 2.5rem;
    }

[b-e1gzeacxcu] .dashboard-tile {
    transition: transform 0.5s ease-in-out;
}

[b-e1gzeacxcu] .dashboard-tile-holder {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #0A493F;
}



    [b-e1gzeacxcu] .dashboard-tile-holder label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #0A493F;
        padding: 10px 20px 0px 20px;
        color: #afcbc6;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/* Admin/Pages/Reports/DashboardConfig.razor.rz.scp.css */
[b-yoft1scack].component-root {
}

[b-yoft1scack] .dashboard-builder-container {
    display: flex;
    gap: 20px;
}

.page-heading[b-yoft1scack] {
    padding: 12px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
}

    .page-heading > div[b-yoft1scack] {
        display: flex;
        gap: 12px;
    }

[b-yoft1scack] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
}

[b-yoft1scack] .dashboard-builder-left-content {
    width: 420px;
    background-color: #fff;
    /* padding: 20px; */
    margin-top: -19px;
    margin-left: -23px;
    flex-shrink: 0;
    flex-grow: 0;
}

[b-yoft1scack] .dashboard-builder-right-content {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 130px);
    overflow-y: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

    [b-yoft1scack] .dashboard-builder-right-content .mud-skeleton {
    }

[b-yoft1scack] .skel-holder-right {
    padding: 0 20px;
}

[b-yoft1scack] .report-view-container-right {
    width: 500px;
    background-color: #fff;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    height: calc(100vh - 130px);
    overflow: hidden;
}

[b-yoft1scack] .mud-table-sticky-header {
    height: calc(100vh - 131px) !important;
    box-shadow: none !important;
}

    [b-yoft1scack] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-yoft1scack] .mud-table-sticky-header tr td:last-child, [b-yoft1scack] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }

[b-yoft1scack] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    [b-yoft1scack] .report-list-container > div {
        display: flex;
        width: 100%;
        border: 2px dashed #d1d1d1;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
        cursor: pointer;
        transition: all 0.15s linear;
    }

        [b-yoft1scack] .report-list-container > div:hover {
            transform: scale(1.05);
        }

        [b-yoft1scack] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-yoft1scack] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-yoft1scack] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

        [b-yoft1scack] .report-list-container > div .buttons a {
            padding: 5px 15px;
            margin-top: 10px;
            margin-right: 5px;
        }


[b-yoft1scack] .report-search {
    border: 2px solid #E5EBEA;
    border-radius: 4px;
    padding: 12px 14px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 13px;
    outline: none !important;
}

[b-yoft1scack] .deleted-dashboard-report {
    display: none;
}

[b-yoft1scack] .dashboard-delete-btn {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #ca5353;
    background-color:#fff;
    border-radius:50%;
}

[b-yoft1scack] .grid-stack-item-content:hover .dashboard-delete-btn {
    display: block;
    z-index: 9;

}

[b-yoft1scack] .grid-stack-item-content {
    border: 2px dashed #cacaca;
    border-radius: 8px;
    overflow: hidden !important;
}

[b-yoft1scack] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 270px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
    margin-top: 50px;
}

    [b-yoft1scack] .no-records-matching h6 {
        font-size: 18px;
    }

    [b-yoft1scack] .no-records-matching p {
        font-size: 14px;
        font-weight: normal;
    }

[b-yoft1scack] .dashboard-tile > div {
    height: calc(((100vh - 130px) / 5) - 23px);
    justify-content: center;
    display: flex;
    align-items: start;
    flex-direction: column;
    background-color: #0A493F;
    transition: transform 0.5s ease-in-out;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 10px 20px;
    align-items: center;
    flex-direction: row;
    font-size: clamp(1rem, 1.6vw, 2.5rem);
}

    [b-yoft1scack] .dashboard-tile > div span:first-child {
        padding-top: 20px;
    }

[b-yoft1scack] .dashboard-tile.matrix > div span:first-child {
    display: block;
    margin-bottom: -20px;
}

[b-yoft1scack] .dashboard-tile.matrix > div sub {
    font-size: 15px;
    font-weight:bold;
}

[b-yoft1scack] .dashboard-tile > div span:last-child {
    padding-top: 10px;
    font-size: 2.5rem;
}

[b-yoft1scack] .dashboard-tile {
    transition: transform 0.5s ease-in-out;
}

[b-yoft1scack] .dashboard-tile-holder {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #0A493F;
}



    [b-yoft1scack] .dashboard-tile-holder label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #0A493F;
        padding: 10px 20px 0px 20px;
        color: #afcbc6;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;        
        overflow: hidden;
    }
/* Admin/Pages/Reports/DashboardList.razor.rz.scp.css */
.page-heading[b-m13gsa1inx] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.admin-holder[b-m13gsa1inx] {
    overflow-y: auto;
    border-radius: 5px;
    height: calc(100vh - 205px);
    background-color: #fff;
}

[b-m13gsa1inx] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px;
}

    [b-m13gsa1inx] .report-list-container > div {
        display: flex;
        width: calc(25% - 15px);
        border: 2px solid #eee;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
    }

        [b-m13gsa1inx] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-m13gsa1inx] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-m13gsa1inx] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

[b-m13gsa1inx] .buttons-menu {
    align-self: end;
    height: 36px !important;
}

    [b-m13gsa1inx] .buttons-menu > svg {
        border: 1px solid rgba(0,165,135,1);
        font-size: 36px;
        padding: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: 0;
        color: rgba(0,165,135,1);
        cursor: pointer;
        margin-right: -13px;
    }

    [b-m13gsa1inx] .buttons-menu .mud-menu, [b-m13gsa1inx] .buttons-menu .mud-menu > button {
        border-left: 0 !important;
    }

[b-m13gsa1inx] .report-list-container > div .buttons {
    display: flex;
    justify-content: space-between;
}

    [b-m13gsa1inx] .report-list-container > div .buttons a {
        padding: 5px 15px;
        margin-top: 10px;
        margin-right: 5px;
    }

[b-m13gsa1inx] .report-list-container > div .report-holder h3 {
    height: 50px;
    overflow: hidden;
}


[b-m13gsa1inx] .mud-tabs-panels {
    padding: 20px;
    background-color: #fff !important;
    height: calc(100vh - 182px);
    overflow-y: auto;
}

[b-m13gsa1inx] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-m13gsa1inx] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-m13gsa1inx] .insight-container-main {
    max-width: 700px;
    margin: 0 auto;
}

[b-m13gsa1inx] .chat-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 65px;
}

[b-m13gsa1inx] .chat-text-response {
    /*white-space: break-spaces;*/
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    [b-m13gsa1inx] .chat-text-response p, [b-m13gsa1inx] .chat-text-response ul, [b-m13gsa1inx] .chat-text-response ol, [b-m13gsa1inx] .chat-text-response table {
        margin-top: 20px;
    }

[b-m13gsa1inx] .chat-text-user {
    max-width: 80%;
    background-color: #f2f2f2;
    padding: 15px 20px;
    border-radius: 26px;
    float: right;
    white-space: break-spaces;
    font-size: 16px;
    align-self: end;
    display: inline-block;
}

[b-m13gsa1inx] .chart-container {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    /* margin: 0 auto; */
    clear: both;
    margin-bottom: 10px;
    clip-path: inset(0 0 100% 0);
    display: none;
}

[b-m13gsa1inx] .chat-action-buttons {
    margin-left: -8px;
    margin-bottom: 30px;
    clip-path: inset(0 100% 0 0);
    animation-delay: 1.5s;
}

    [b-m13gsa1inx] .chat-action-buttons button {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-m13gsa1inx] .chat-action-buttons button:hover {
            color: #4e4e4e;
        }

        [b-m13gsa1inx] .chat-action-buttons button svg {
            font-size: 20px;
        }


[b-m13gsa1inx] .text-container {
    position: fixed;
    bottom: 27px;
    width: 700px;
    z-index: 999;
    padding: 14px 0px 10px 0;
    background-color: #fff;
}

    [b-m13gsa1inx] .text-container .send-chat-btn {
        position: absolute;
        right: 10px;
        top: 26px;
        cursor: pointer;
        transition: 0.1s all linear;
    }

        [b-m13gsa1inx] .text-container .send-chat-btn:hover {
            transform: scale(1.05);
        }

        [b-m13gsa1inx] .text-container .send-chat-btn button {
            color: #205d53 !important;
            background-color: #e8e8e8 !important;
        }

            [b-m13gsa1inx] .text-container .send-chat-btn button:disabled {
                opacity: 0.5;
            }

            [b-m13gsa1inx] .text-container .send-chat-btn button svg {
                font-size: 30px;
            }

    [b-m13gsa1inx] .text-container textarea {
        width: 100%;
        border: 2px solid #eee;
        border-radius: 10px;
        height: 76px;
        resize: none;
        padding: 12px;
        font-size: 16px;
    }

        [b-m13gsa1inx] .text-container textarea:focus, [b-m13gsa1inx] .text-container textarea:focus-visible {
            border: 2px solid #55817a;
            outline: none;
        }


[b-m13gsa1inx] .chat-container-placeholder {
    margin: 0 auto;
    text-align: center;
    height: calc(100vh - 350px);
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -20px;
}

    [b-m13gsa1inx] .chat-container-placeholder h3 {
        font-size: 40px;
    }



    [b-m13gsa1inx] .chat-container-placeholder h5 {
        font-size: 16px;
        font-weight: normal;
    }

[b-m13gsa1inx] .chat-placeholder-samples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

    [b-m13gsa1inx] .chat-placeholder-samples > div {
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        width: 45%;
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        transition: all 0.15s linear;
        cursor: pointer;
    }

        [b-m13gsa1inx] .chat-placeholder-samples > div:hover {
            transform: scale(1.05);
        }

        [b-m13gsa1inx] .chat-placeholder-samples > div svg {
            background: #bde6df;
            border-radius: 7px;
            padding: 10px;
            width: 40px;
            height: 40px;
            color: #0e5b4f;
            margin-right: 6px;
        }

        [b-m13gsa1inx] .chat-placeholder-samples > div svg, [b-m13gsa1inx] .chat-placeholder-samples > div label {
            cursor: pointer;
        }


[b-m13gsa1inx] .loading-blob {
    width: 20px;
    height: 20px;
    background-color: #55817a;
    animation: growShrink 1.5s infinite ease-in-out;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 50px;
}

.chat-text-error[b-m13gsa1inx] {
    text-align: center;
    padding: 13px;
    margin-top: 18px;
    border-radius: 24px;
    background-color: #ffeff3;
    color: #e26464;
    margin-bottom: 17px;
}

[b-m13gsa1inx] .page-heading {
    padding: 0;
    justify-content: center;
}

    [b-m13gsa1inx] .page-heading a {
        padding: 24px 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        color: rgb(66, 66, 66) !important;
    }

        [b-m13gsa1inx] .page-heading a:hover {
            background-color: rgba(0, 0, 0, 0.06);
            cursor: pointer;
            text-decoration: none;
        }

        [b-m13gsa1inx] .page-heading a.active {
            color: rgb(0, 165, 135) !important;
            border-bottom: 2px solid rgb(0, 165, 135);
        }

.header-container-right[b-m13gsa1inx] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 48px);
    margin-top: -19px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -24px;
    display: flex;
}

[b-m13gsa1inx] .header-container-right > div {
    width: 100%;
    max-width: 700px;
    display: flex;
    margin: 0 auto;
}

[b-m13gsa1inx] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-m13gsa1inx] .header-container-right .mud-input-control {
    margin: 0;
}

[b-m13gsa1inx] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-m13gsa1inx] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}

[b-m13gsa1inx] .skel-holder {
    flex-direction: column;
    gap: 20px;
}


    [b-m13gsa1inx] .skel-holder span.mud-skeleton-rectangle {
        width: 100%;
        height: 50px;
        border-radius: 3px;
    }

        [b-m13gsa1inx] .skel-holder span.mud-skeleton-rectangle:last-child {
            width: 32%;
            height: 35px;
        }

[b-m13gsa1inx] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 255px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}
/* Admin/Pages/Reports/Insights.razor.rz.scp.css */
.page-heading[b-rs6fzivjjg] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.insight-container-scroll[b-rs6fzivjjg] {
    overflow-y: auto;
    flex-grow: 1;
}

.admin-holder[b-rs6fzivjjg] {
    overflow: hidden;
    border-radius: 5px;
    height: calc(100vh - 128px);
    background-color: #fff;
    display: flex;
}

[b-rs6fzivjjg] .insight-left-panel {
    width: 300px;
    flex-grow: 0;
    flex-shrink: 0;
    border-right: 2px solid #d9d9d9;
}

[b-rs6fzivjjg] .buttons-left {
    padding: 20px;
}

[b-rs6fzivjjg] .history-scroll {
    height: calc(100vh - 223px);
    overflow-y: auto;
    margin-top: 10px;
    padding: 0 20px;
}

[b-rs6fzivjjg] .history-container {
    margin: 0 0 20px 0;
}

    [b-rs6fzivjjg] .history-container label {
        color: #9a9a9a;
        position: sticky;
        top: 0;
        background-color: #fff;
        display: block;
    }

        [b-rs6fzivjjg] .history-container label:not(:first-child) {
            margin-top: 16px;
        }

    [b-rs6fzivjjg] .history-container > div {
        padding: 10px 15px;
        border-radius: 7px;
        margin-top: 5px;
        background-color: #f6f6f6;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    [b-rs6fzivjjg] .history-container .mud-skeleton {
        margin-bottom: 5px;
        height: 40px !important;
        border-radius: 5px;
        width: 100%;
    }

    [b-rs6fzivjjg] .history-container > div p {
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    [b-rs6fzivjjg] .history-container > div.active {
        background-color: #d7efeb;
    }

    [b-rs6fzivjjg] .history-container > div:not(.active):hover {
        background-color: #ebebeb;
        cursor: pointer;
    }

[b-rs6fzivjjg] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    [b-rs6fzivjjg] .report-list-container > div {
        display: flex;
        width: calc(25% - 15px);
        border: 2px solid #eee;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
    }

        [b-rs6fzivjjg] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-rs6fzivjjg] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-rs6fzivjjg] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

        [b-rs6fzivjjg] .report-list-container > div .buttons a {
            padding: 5px 15px;
            margin-top: 10px;
            margin-right: 5px;
        }


[b-rs6fzivjjg] .mud-tabs-panels {
    padding: 20px;
    background-color: #fff !important;
    height: calc(100vh - 182px);
    overflow-y: auto;
}

[b-rs6fzivjjg] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-rs6fzivjjg] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-rs6fzivjjg] .insight-container-main {
    width: 740px;
    margin: 0 auto;
    padding: 20px;
}

[b-rs6fzivjjg] .chat-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 75px;
}

[b-rs6fzivjjg] .chat-text-response {
    /*white-space: break-spaces;*/
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    [b-rs6fzivjjg] .chat-text-response p, [b-rs6fzivjjg] .chat-text-response ul, [b-rs6fzivjjg] .chat-text-response ol, [b-rs6fzivjjg] .chat-text-response table {
        margin-top: 20px;
        border-collapse: collapse;
    }

[b-rs6fzivjjg] .chat-text-user {
    max-width: 80%;
    background-color: #f2f2f2;
    padding: 15px 20px;
    border-radius: 26px;
    float: right;
    white-space: break-spaces;
    font-size: 16px;
    align-self: end;
    display: inline-block;
}

[b-rs6fzivjjg] .chart-container {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    /* margin: 0 auto; */
    clear: both;
    margin-bottom: 10px;
    clip-path: inset(0 0 100% 0);
    display: none;
}

[b-rs6fzivjjg] .chart-container-not-loaded {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    clear: both;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    [b-rs6fzivjjg] .chart-container-not-loaded button {
        background-color: #eee;
        color: #777777;
    }

[b-rs6fzivjjg] .chat-action-buttons {
    margin-left: -8px;
    margin-bottom: 30px;
    clip-path: inset(0 100% 0 0);
    animation-delay: 1.5s;
}

    [b-rs6fzivjjg] .chat-action-buttons button, [b-rs6fzivjjg] .chat-action-buttons a {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-rs6fzivjjg] .chat-action-buttons button:hover, [b-rs6fzivjjg] .chat-action-buttons a:hover {
            color: #4e4e4e;
        }

        [b-rs6fzivjjg] .chat-action-buttons button svg, [b-rs6fzivjjg] .chat-action-buttons a svg {
            font-size: 20px;
        }


[b-rs6fzivjjg] .text-container {
    position: fixed;
    bottom: 27px;
    width: 700px;
    z-index: 999;
    padding: 14px 0px 10px 0;
    background-color: #fff;
}

    [b-rs6fzivjjg] .text-container > p {
        text-align: center;
        color: #959595;
        font-size: 12px;
    }

    [b-rs6fzivjjg] .text-container .send-chat-btn {
        position: absolute;
        right: 10px;
        top: 26px;
        cursor: pointer;
        transition: 0.1s all linear;
    }

        [b-rs6fzivjjg] .text-container .send-chat-btn:hover {
            transform: scale(1.05);
        }

        [b-rs6fzivjjg] .text-container .send-chat-btn button {
            color: #205d53 !important;
            background-color: #e8e8e8 !important;
        }

            [b-rs6fzivjjg] .text-container .send-chat-btn button:disabled {
                opacity: 0.5;
            }

            [b-rs6fzivjjg] .text-container .send-chat-btn button svg {
                font-size: 30px;
            }

    [b-rs6fzivjjg] .text-container textarea {
        width: 100%;
        border: 2px solid #eee;
        border-radius: 10px;
        height: 76px;
        resize: none;
        padding: 12px;
        font-size: 16px;
    }

        [b-rs6fzivjjg] .text-container textarea:focus, [b-rs6fzivjjg] .text-container textarea:focus-visible {
            border: 2px solid #55817a;
            outline: none;
        }


[b-rs6fzivjjg] .chat-container-placeholder {
    margin: 0 auto;
    text-align: center;
    height: calc(100vh - 240px);
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -20px;
}

    [b-rs6fzivjjg] .chat-container-placeholder h3 {
        font-size: 40px;
    }

        [b-rs6fzivjjg] .chat-container-placeholder h3 span {
            color: rgb(0, 165, 135);
            display: inline-block;
            animation: report-chat-header-jump 10s ease-in infinite;
            animation-delay: 1s;
        }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(2) {
                animation-delay: 1.1s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(3) {
                animation-delay: 1.2s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(4) {
                animation-delay: 1.3s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(5) {
                animation-delay: 1.4s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(6) {
                animation-delay: 1.5s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(7) {
                animation-delay: 1.6s;
            }

    [b-rs6fzivjjg] .chat-container-placeholder h5 {
        font-size: 16px;
        font-weight: normal;
    }

[b-rs6fzivjjg] .chat-placeholder-samples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
    opacity: 0;
    animation: report-chat-samples-fade 1s ease-in forwards;
    animation-delay: 3s;
}

    [b-rs6fzivjjg] .chat-placeholder-samples > div {
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        width: 45%;
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        transition: all 0.15s linear;
        cursor: pointer;
    }

        [b-rs6fzivjjg] .chat-placeholder-samples > div:hover {
            transform: scale(1.05);
        }

        [b-rs6fzivjjg] .chat-placeholder-samples > div svg {
            background: #bde6df;
            border-radius: 7px;
            padding: 10px;
            width: 40px;
            height: 40px;
            color: #0e5b4f;
            margin-right: 6px;
        }

        [b-rs6fzivjjg] .chat-placeholder-samples > div svg, [b-rs6fzivjjg] .chat-placeholder-samples > div label {
            cursor: pointer;
        }


[b-rs6fzivjjg] .loading-blob {
    width: 20px;
    height: 20px;
    background-color: #55817a;
    animation: growShrink 1.5s infinite ease-in-out;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 50px;
}

.chat-text-error[b-rs6fzivjjg] {
    text-align: center;
    padding: 13px;
    margin-top: 18px;
    border-radius: 24px;
    background-color: #ffeff3;
    color: #e26464;
    margin-bottom: 17px;
}

[b-rs6fzivjjg] .page-heading {
    padding: 0;
    justify-content: center;
}

    [b-rs6fzivjjg] .page-heading a {
        padding: 24px 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        color: rgb(66, 66, 66) !important;
    }

        [b-rs6fzivjjg] .page-heading a:hover {
            background-color: rgba(0, 0, 0, 0.06);
            cursor: pointer;
            text-decoration: none;
        }

        [b-rs6fzivjjg] .page-heading a.active {
            color: rgb(0, 165, 135) !important;
            border-bottom: 2px solid rgb(0, 165, 135);
        }


#insight-sub-title[b-rs6fzivjjg], #insight-sub-title2[b-rs6fzivjjg] {
    display: inline-block;
}

#insight-sub-title[b-rs6fzivjjg] {
    display: inline-block;
    margin-right: 10px;
}
/* Admin/Pages/Reports/Report.razor.rz.scp.css */
[b-c73theux7d].component-root {
}

.page-heading[b-c73theux7d] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
}

    .page-heading > div[b-c73theux7d] {
        display: flex;
        gap: 12px;
    }

[b-c73theux7d] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
}

[b-c73theux7d] .report-view-container {
    display: flex;
    gap: 20px;
}

[b-c73theux7d] .report-builder-content-left {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 130px);
    overflow-y: auto;
    padding-top: 10px;
}

    [b-c73theux7d] .report-builder-content-left .mud-skeleton {
        height: calc(100% - 10px) !important;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 5px;
    }

[b-c73theux7d] .skel-holder-right {
    padding: 0 20px;
}

[b-c73theux7d] .report-view-container-right {
    width: 500px;
    background-color: #fff;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    height: calc(100vh - 130px);
    overflow: hidden;
}

[b-c73theux7d] .mud-table-sticky-header {
    height: calc(100vh - 131px) !important;
    box-shadow: none !important;
}

    [b-c73theux7d] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-c73theux7d] .mud-table-sticky-header tr td:last-child, [b-c73theux7d] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }


[b-c73theux7d] .report-tile {
    height: 80px;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 18px;
    position: relative;
}

    [b-c73theux7d] .report-tile svg {
        position: absolute;
        top: 10px;
        font-size: 34px;
        background-color: #347267;
        color: #fff;
        padding: 7px;
        border-radius: 10px;
        right: 11px;
    }

    [b-c73theux7d] .report-tile label {
        position: absolute;
        bottom: 10px;
        font-size: 14px;
        color: #818181;
        left: 19px;
    }

    [b-c73theux7d] .report-tile strong {
        position: absolute;
        top: 3px;
        font-size: 38px;
        /* color: #000000; */
        left: 12px;
    }



[b-c73theux7d] .report-action-buttons {
}

    [b-c73theux7d] .report-action-buttons button {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-c73theux7d] .report-action-buttons button:hover {
            color: #4e4e4e;
        }

        [b-c73theux7d] .report-action-buttons button svg {
            font-size: 20px;
        }
/* Admin/Pages/Reports/ReportBuilder.razor.rz.scp.css */
[b-2chwc7yo44].component-root {
}

[b-2chwc7yo44] .report-builder-container {
    display: flex;
    gap: 20px;
}

.page-heading[b-2chwc7yo44] {
    padding: 12px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
}

    .page-heading > div[b-2chwc7yo44] {
        display: flex;
        gap: 12px;
    }

[b-2chwc7yo44] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
}

[b-2chwc7yo44] .page-heading .action-icon-button {
    height: 44px;
    width: 44px;
    background-color: #0A493F;
    color: #fff;
}

[b-2chwc7yo44] .report-builder-left-content {
    width: 420px;
    background-color: #fff;
    /* padding: 20px; */
    margin-top: -19px;
    margin-left: -23px;
    flex-shrink: 0;
    flex-grow: 0;
}



[b-2chwc7yo44] .report-builder-right-content {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 124px);
    overflow-y: auto;
}

    [b-2chwc7yo44] .report-builder-right-content .mud-tabs-panels {
        background-color: #fff !important;
        height: calc(100vh - 174px);
        overflow-y: auto;
    }

[b-2chwc7yo44] .report-builder-chart-container {
    padding: 20px;
    height: 100%;
}

[b-2chwc7yo44] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-2chwc7yo44] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-2chwc7yo44] .mud-table-sticky-header {
    height: calc(100vh - 184px) !important;
    box-shadow: none !important;
}

    [b-2chwc7yo44] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-2chwc7yo44] .mud-table-sticky-header tr td:last-child, [b-2chwc7yo44] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }
/* Admin/Pages/Reports/ReportGuideModal.razor.rz.scp.css */

[b-4qtgqdgs58] .mud-dialog-title {
    display: none !important;
}

[b-4qtgqdgs58] .mud-dialog-content {
    padding: 0 !important;
    margin: 0 !important;
}

[b-4qtgqdgs58] .modal-header-image {
    background-image: url('./img/report-guide-banner.png');
    background-position: center;
    background-size: cover;
    height: 135px;
    width: 100%;
}

[b-4qtgqdgs58] .modal-content {
    padding: 24px;
    font-size: 16px;
    text-align: center;
}

[b-4qtgqdgs58] .mud-dialog-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
}

    [b-4qtgqdgs58] .mud-dialog-actions button {
        padding: 10px 20px !important;
    }
/* Admin/Pages/Reports/ReportList.razor.rz.scp.css */
.page-heading[b-qtfc1d5e2z] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.admin-holder[b-qtfc1d5e2z] {
    overflow-y: auto;
    border-radius: 5px;
    height: calc(100vh - 205px);
    background-color: #fff;
}

[b-qtfc1d5e2z] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px;
}

    [b-qtfc1d5e2z] .report-list-container > div {
        display: flex;
        width: calc(25% - 15px);
        border: 2px solid #eee;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
    }



        [b-qtfc1d5e2z] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-qtfc1d5e2z] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-qtfc1d5e2z] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

[b-qtfc1d5e2z] .buttons-menu {
    align-self: end;
    height: 36px !important;
}

    [b-qtfc1d5e2z] .buttons-menu > svg {
        border: 1px solid rgba(0,165,135,1);
        font-size: 36px;
        padding: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: 0;
        color: rgba(0,165,135,1);
        cursor: pointer;
        margin-right: -13px;
    }

    [b-qtfc1d5e2z] .buttons-menu .mud-menu, [b-qtfc1d5e2z] .buttons-menu .mud-menu > button {
        border-left: 0 !important;
    }

[b-qtfc1d5e2z] .report-list-container > div .buttons {
    display: flex;
    justify-content: space-between;
}

    [b-qtfc1d5e2z] .report-list-container > div .buttons .mud-tooltip-root svg {
        position: relative;
        font-size: 33px;
        margin-bottom: -18px;
        margin-left: 5px;
        color: var(--mud-palette-primary);
    }

    [b-qtfc1d5e2z] .report-list-container > div .buttons a {
        padding: 5px 15px;
        margin-top: 10px;
        margin-right: 5px;
    }

[b-qtfc1d5e2z] .report-list-container > div .report-holder h3 {
    height: 50px;
    overflow: hidden;
}

[b-qtfc1d5e2z] .mud-tabs-panels {
    padding: 20px;
    background-color: #fff !important;
    height: calc(100vh - 182px);
    overflow-y: auto;
}

[b-qtfc1d5e2z] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-qtfc1d5e2z] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-qtfc1d5e2z] .insight-container-main {
    max-width: 700px;
    margin: 0 auto;
}

[b-qtfc1d5e2z] .chat-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 65px;
}

[b-qtfc1d5e2z] .chat-text-response {
    /*white-space: break-spaces;*/
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    [b-qtfc1d5e2z] .chat-text-response p, [b-qtfc1d5e2z] .chat-text-response ul, [b-qtfc1d5e2z] .chat-text-response ol, [b-qtfc1d5e2z] .chat-text-response table {
        margin-top: 20px;
    }

[b-qtfc1d5e2z] .chat-text-user {
    max-width: 80%;
    background-color: #f2f2f2;
    padding: 15px 20px;
    border-radius: 26px;
    float: right;
    white-space: break-spaces;
    font-size: 16px;
    align-self: end;
    display: inline-block;
}

[b-qtfc1d5e2z] .chart-container {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    /* margin: 0 auto; */
    clear: both;
    margin-bottom: 10px;
    clip-path: inset(0 0 100% 0);
    display: none;
}

[b-qtfc1d5e2z] .chat-action-buttons {
    margin-left: -8px;
    margin-bottom: 30px;
    clip-path: inset(0 100% 0 0);
    animation-delay: 1.5s;
}

    [b-qtfc1d5e2z] .chat-action-buttons button {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-qtfc1d5e2z] .chat-action-buttons button:hover {
            color: #4e4e4e;
        }

        [b-qtfc1d5e2z] .chat-action-buttons button svg {
            font-size: 20px;
        }


[b-qtfc1d5e2z] .text-container {
    position: fixed;
    bottom: 27px;
    width: 700px;
    z-index: 999;
    padding: 14px 0px 10px 0;
    background-color: #fff;
}

    [b-qtfc1d5e2z] .text-container .send-chat-btn {
        position: absolute;
        right: 10px;
        top: 26px;
        cursor: pointer;
        transition: 0.1s all linear;
    }

        [b-qtfc1d5e2z] .text-container .send-chat-btn:hover {
            transform: scale(1.05);
        }

        [b-qtfc1d5e2z] .text-container .send-chat-btn button {
            color: #205d53 !important;
            background-color: #e8e8e8 !important;
        }

            [b-qtfc1d5e2z] .text-container .send-chat-btn button:disabled {
                opacity: 0.5;
            }

            [b-qtfc1d5e2z] .text-container .send-chat-btn button svg {
                font-size: 30px;
            }

    [b-qtfc1d5e2z] .text-container textarea {
        width: 100%;
        border: 2px solid #eee;
        border-radius: 10px;
        height: 76px;
        resize: none;
        padding: 12px;
        font-size: 16px;
    }

        [b-qtfc1d5e2z] .text-container textarea:focus, [b-qtfc1d5e2z] .text-container textarea:focus-visible {
            border: 2px solid #55817a;
            outline: none;
        }


[b-qtfc1d5e2z] .chat-container-placeholder {
    margin: 0 auto;
    text-align: center;
    height: calc(100vh - 350px);
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -20px;
}

    [b-qtfc1d5e2z] .chat-container-placeholder h3 {
        font-size: 40px;
    }

    [b-qtfc1d5e2z] .chat-container-placeholder h5 {
        font-size: 16px;
        font-weight: normal;
    }

[b-qtfc1d5e2z] .chat-placeholder-samples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

    [b-qtfc1d5e2z] .chat-placeholder-samples > div {
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        width: 45%;
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        transition: all 0.15s linear;
        cursor: pointer;
    }

        [b-qtfc1d5e2z] .chat-placeholder-samples > div:hover {
            transform: scale(1.05);
        }

        [b-qtfc1d5e2z] .chat-placeholder-samples > div svg {
            background: #bde6df;
            border-radius: 7px;
            padding: 10px;
            width: 40px;
            height: 40px;
            color: #0e5b4f;
            margin-right: 6px;
        }

        [b-qtfc1d5e2z] .chat-placeholder-samples > div svg, [b-qtfc1d5e2z] .chat-placeholder-samples > div label {
            cursor: pointer;
        }


[b-qtfc1d5e2z] .loading-blob {
    width: 20px;
    height: 20px;
    background-color: #55817a;
    animation: growShrink 1.5s infinite ease-in-out;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 50px;
}

.chat-text-error[b-qtfc1d5e2z] {
    text-align: center;
    padding: 13px;
    margin-top: 18px;
    border-radius: 24px;
    background-color: #ffeff3;
    color: #e26464;
    margin-bottom: 17px;
}

[b-qtfc1d5e2z] .page-heading {
    padding: 0;
    justify-content: center;
}

    [b-qtfc1d5e2z] .page-heading a {
        padding: 24px 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        color: rgb(66, 66, 66) !important;
    }

        [b-qtfc1d5e2z] .page-heading a:hover {
            background-color: rgba(0, 0, 0, 0.06);
            cursor: pointer;
            text-decoration: none;
        }

        [b-qtfc1d5e2z] .page-heading a.active {
            color: rgb(0, 165, 135) !important;
            border-bottom: 2px solid rgb(0, 165, 135);
        }

.header-container-right[b-qtfc1d5e2z] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 48px);
    margin-top: -19px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -24px;
    display: flex;
}

[b-qtfc1d5e2z] .header-container-right > div {
    width: 100%;
    max-width: 700px;
    display: flex;
    margin: 0 auto;
}

[b-qtfc1d5e2z] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-qtfc1d5e2z] .header-container-right .mud-input-control {
    margin: 0;
}

[b-qtfc1d5e2z] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-qtfc1d5e2z] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}

[b-qtfc1d5e2z] .skel-holder {
    flex-direction: column;
    gap: 20px;
}


    [b-qtfc1d5e2z] .skel-holder span.mud-skeleton-rectangle {
        width: 100%;
        height: 50px;
        border-radius: 3px;
    }

        [b-qtfc1d5e2z] .skel-holder span.mud-skeleton-rectangle:last-child {
            width: 32%;
            height: 35px;
        }


[b-qtfc1d5e2z] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 255px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}
/* Admin/Pages/Users/UserEdit.razor.rz.scp.css */
.component-root[b-1zvg8ire26] {
    padding: 20px 0;
}

.header-container[b-1zvg8ire26] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-1zvg8ire26] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-1zvg8ire26] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-1zvg8ire26] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-1zvg8ire26] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-1zvg8ire26] .left-col {
    background-color: #fff;
}


[b-1zvg8ire26] .buttons-holder {
    width: 768px;
    margin: 0 auto;
}

.user-detail-item[b-1zvg8ire26], .user-profile-item[b-1zvg8ire26] {
    display: flex;
}

.user-profile-item[b-1zvg8ire26] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .user-profile-item img[b-1zvg8ire26] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .user-profile-item > span[b-1zvg8ire26] {
        display: inline-block;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        margin-right: 10px;
        color: red;
        font-size: 34px;
        background-color: #0e796f;
        color: #fff;
        transition: all linear 0.1s;
        text-align: center;
        padding-top: 7px;
        border: 3px solid #0e796f;
    }

    .user-profile-item > div span[b-1zvg8ire26], .user-profile-item > div strong[b-1zvg8ire26] {
        display: block;
    }

    .user-profile-item > div strong[b-1zvg8ire26] {
        font-size: 16px;
    }

    .user-profile-item > div span[b-1zvg8ire26] {
        color: #626D78;
    }


.icon-holder[b-1zvg8ire26] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-1zvg8ire26] {
        width: 30px;
    }

.content-holder[b-1zvg8ire26] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-1zvg8ire26] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-1zvg8ire26] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-1zvg8ire26] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-1zvg8ire26] {
            display: inline;
        }

[b-1zvg8ire26] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-1zvg8ire26] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-1zvg8ire26] .mud-tabs-panels {
    min-height: 200px;
    height: calc(100vh - 100px);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
    overflow-x: hidden;
}

[b-1zvg8ire26] .mud-tab {
    padding: 24px;
}

[b-1zvg8ire26] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-1zvg8ire26] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}



[b-1zvg8ire26] .user-form-holder {
    padding: 20px;
}

.user-form-header[b-1zvg8ire26] {
    margin-bottom: 30px;
}

    .user-form-header h6[b-1zvg8ire26] {
        font-size: 20px;
    }

    .user-form-header p[b-1zvg8ire26] {
        color: #626D78;
    }

.role-options[b-1zvg8ire26] {
    margin-bottom: 20px;
}

[b-1zvg8ire26] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}
/* Admin/Pages/Users/UserList.razor.rz.scp.css */
.component-root[b-c6zw0rkwxq] {
    padding: 20px 0;
    margin-left: -34px;
}

.header-container[b-c6zw0rkwxq] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-c6zw0rkwxq] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-c6zw0rkwxq] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}


[b-c6zw0rkwxq] .mud-drawer-header .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-right: 10px;
}


.left-container[b-c6zw0rkwxq] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-c6zw0rkwxq] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-c6zw0rkwxq] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-c6zw0rkwxq] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-c6zw0rkwxq] .header-container-right .mud-input-control {
    margin: 0;
}

[b-c6zw0rkwxq] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-c6zw0rkwxq] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-c6zw0rkwxq] .mud-table-container {
    height: calc(100vh - 220px);
    padding: 5px 15px;
}

[b-c6zw0rkwxq] .mud-grid {
    margin-left: 24px;
    padding-right: 32px;
}

[b-c6zw0rkwxq] th {
    color: #818A92 !important;
}

[b-c6zw0rkwxq] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-c6zw0rkwxq] td {
    vertical-align: top;
}

    [b-c6zw0rkwxq] td span {
        display: block;
        font-weight: bold;
    }

        [b-c6zw0rkwxq] td span:nth-child(2) {
            color: #626D78;
            font-weight: normal;
        }


[b-c6zw0rkwxq] th:nth-child(3), [b-c6zw0rkwxq] tr td:nth-child(3) {
    text-align: right;
}

[b-c6zw0rkwxq] th:nth-child(3) {
    width: 200px;
}

.filter-container[b-c6zw0rkwxq] {
    margin-bottom: 20px;
}

    .filter-container h5[b-c6zw0rkwxq] {
        font-size: 16px;
        margin-bottom: 10px;
    }

[b-c6zw0rkwxq] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-c6zw0rkwxq] .mud-radio-content {
    font-size: 14px;
}

[b-c6zw0rkwxq] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-c6zw0rkwxq] .mud-radio-button {
    color: #d6d6d6;
}

[b-c6zw0rkwxq] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}


[b-c6zw0rkwxq] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-c6zw0rkwxq] .left-content .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-c6zw0rkwxq] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}


[b-c6zw0rkwxq] .mud-radio .mud-icon-button, [b-c6zw0rkwxq] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-c6zw0rkwxq] .mud-checkbox p {
    font-size: 14px;
}

[b-c6zw0rkwxq] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-c6zw0rkwxq] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-c6zw0rkwxq] {
    padding: 12px 24px 12px 24px;
}

[b-c6zw0rkwxq] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-c6zw0rkwxq] {
    margin-bottom: 20px;
    display: flex;
}

[b-c6zw0rkwxq] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}

.info-message[b-c6zw0rkwxq] {
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
    background-color: rgb(10, 73, 63);
    color: #fff;
}

.role-options[b-c6zw0rkwxq] {
    margin-bottom: 20px;
    margin-top: 5px;
}

[b-c6zw0rkwxq] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

[b-c6zw0rkwxq] .draw-content .mud-input-control-boolean-input {
    padding: 0;
}

[b-c6zw0rkwxq] .custom-error {
    position: relative;
    margin-left: 0;
    padding-left: 16px;
    margin-top: 10px;
}

[b-c6zw0rkwxq] .deactivated-status-chip {
    background-color: #FFEBEE !important;
    color: #F44336 !important;
}
/* Admin/Shared/ActiveCall/ActiveCallRooms.AreaEdit.razor.rz.scp.css */
[b-gmd20d2qj0] .area-edit .mud-input {
    margin-top: 0 !important;
}

[b-gmd20d2qj0] .fs-15 {
    font-size: 15px;
}

[b-gmd20d2qj0] .shadow-btn {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

[b-gmd20d2qj0] .call-areas-header {
    display: flex;
    height: 50px;
    align-items: center;
    border: 2px solid #eee;
    padding: 10px;
    border-radius: 10px;
}



    [b-gmd20d2qj0] .call-areas-header:hover {
        cursor: pointer;
    }

    [b-gmd20d2qj0] .call-areas-header svg {
        transition: all 0.15s linear;
    }

    [b-gmd20d2qj0] .call-areas-header:hover svg {
        transform: scale(1.15);
    }


    [b-gmd20d2qj0] .call-areas-header.expanded {
        background-color: #0A493F;
        color:#fff;
    }

        [b-gmd20d2qj0] .call-areas-header.expanded label, [b-gmd20d2qj0] .call-areas-header:hover label {
            font-weight: bold;
        }

[b-gmd20d2qj0] .call-areas-header-icon {
    height: 23px;
    margin-right: 10px;
}

[b-gmd20d2qj0] .call-areas-header-label {
    flex-grow: 1;
}
/* Admin/Shared/ActiveCall/ActiveCallRooms.razor.rz.scp.css */
[b-j9a8vag8bm] .call-recording .timer-block {
    background: var(--mud-palette-primary);
    border-radius: 0.25rem;
    border-radius: 0.25rem;
    text-align: center;
}

[b-j9a8vag8bm] .timer-block {
    text-align: center;
}

[b-j9a8vag8bm] .recording-controls {
    display: none;
}

[b-j9a8vag8bm] .call-recording .recording-controls {
    display: block;
}

[b-j9a8vag8bm] .call-recording .timestamp {
    color: white;
    padding: 3px 5px;
}

[b-j9a8vag8bm] .radio-hack {
    margin-right: 1rem;
}

[b-j9a8vag8bm] .mud-menu {
    margin-left: -1rem;
}

    [b-j9a8vag8bm] .mud-menu button {
        padding: 0.25rem;
    }

[b-j9a8vag8bm] .call-rooms-list {
    margin: 10px 21px;
    position: relative;
}

    [b-j9a8vag8bm] .call-rooms-list li {
        list-style: none;
        border-radius: 10px;
        margin-bottom: 3px;
    }

        [b-j9a8vag8bm] .call-rooms-list li:hover {
            background-color: var(--mud-palette-primary-transparent);
            border-radius: 10px;
        }

[b-j9a8vag8bm] li {
    list-style-type: none;
}

[b-j9a8vag8bm] .inspection-areas-holder > div:last-child {
    height: calc(100vh - 288px);
    overflow-x: hidden;
    overflow-y: auto;
}

[b-j9a8vag8bm] .inspection-areas-holder > div:first-child {
    padding: 1px 8px 1px 17px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    [b-j9a8vag8bm] .inspection-areas-holder > div:first-child h3 {
        font-size: 20px;
    }



[b-j9a8vag8bm] .inspection-area-include-option-holder {
    border-top: 1px solid #ced4d3;
}

[b-j9a8vag8bm] .inspection-area-include-option {
    height: 30px;
}

[b-j9a8vag8bm] .inspection-area-add-button {
    margin: 20px 17px;
}

[b-j9a8vag8bm] .inspection-areas-list > div {
    padding: 2px 10px;
}

    [b-j9a8vag8bm] .inspection-areas-list > div > div {
        border-radius: 10px;
    }


[b-j9a8vag8bm] .add-sub-area-btn {
    position: absolute;
    right: -16px;
    padding: 7px;
    color: #fff;
    top: -54px;
}

    [b-j9a8vag8bm] .add-sub-area-btn:hover {
        background-color: #1b7769;
    }

[b-j9a8vag8bm] .edit-room-name-holder {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    position: relative;
}

[b-j9a8vag8bm] .edit-sub-area-btn {
    position: absolute;
    right: -10px;
    top: -6px;
    padding: 6px;
    display: none;
}

[b-j9a8vag8bm] .save-sub-area-btn {
    position: absolute;
    right: -10px;
    top: 7px;
    padding: 6px;
}

[b-j9a8vag8bm] .selected .edit-sub-area-btn {
    display: block;
}

[b-j9a8vag8bm] .selected .mud-input-input-control {
    margin-right: 35px;
    background-color: #fff;
    margin-top: 3px;
    margin-bottom: 3px;
}
/* Admin/Shared/ActiveCall/CallControlRow.razor.rz.scp.css */
[b-ofz6dcfmyq].call-details {
    background: white;
    padding: 0.5rem;
    position:relative;
}

    [b-ofz6dcfmyq].call-details .mud-chip {
        border-radius: 0.25rem;
    }

[b-ofz6dcfmyq].record-banner {
    padding: 1rem;
    background: var(--mud-palette-primary);
    color: white;
    font-size: larger;
    text-align: center;
}

    [b-ofz6dcfmyq].record-banner .mud-icon-root {
        margin-bottom: -0.3rem;
        margin-right: 0.5rem;
    }

[b-ofz6dcfmyq] .room-edit .mud-input {
    margin-top: 0 !important;
}

[b-ofz6dcfmyq] .shadow-btn {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

[b-ofz6dcfmyq] .call-action-btn {
    padding: 0px 15px;
    height: 43px;
    margin-left: 10px;
}

    [b-ofz6dcfmyq] .call-action-btn svg {
        margin-right: 5px;
        height: 17px;
    }

[b-ofz6dcfmyq] .mr-10 {
    margin-right: 10px;
}

[b-ofz6dcfmyq] .p-relative {
    position: relative;
}

[b-ofz6dcfmyq] .room-edit-icon {
    position: absolute;
    height: 14px;
    cursor: pointer;
}

[b-ofz6dcfmyq] .room-label {
    cursor: pointer;
    user-select: none;
}

    [b-ofz6dcfmyq] .room-label:hover {
        text-decoration: underline;
    }

[b-ofz6dcfmyq] .ai-container {
    position: absolute;
    left: 11px;
    bottom: 165px;   
    display: flex;
    flex-direction: column;
    justify-content: end;
}

[b-ofz6dcfmyq] .ai-header {
    background-color: #fff;
    padding: 5px 0px 5px 10px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    font-weight: bold;
    margin-top: 15px;
    width: 145px;
    z-index: 9998;
}

    [b-ofz6dcfmyq] .ai-header .mud-icon-root {
        margin-top: -15px;
        top: 6px;
        left: 35px;
        position: relative;
    }

[b-ofz6dcfmyq] .ai-body {
    background-color: #363636;
    color: #eee !important;
    border-radius: 10px;
    padding: 15px 15px 15px 10px;
    position: relative;
    display: none;
    z-index: 9998;
}

[b-ofz6dcfmyq] .ai-container:hover .ai-body {
    display: block;
}

[b-ofz6dcfmyq] .triUp {
    position: absolute;
    bottom: 2px;
    left: 25px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #363636;
    border-bottom: 0;
    margin-left: -10px;
    margin-bottom: -10px;
}




@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-ring-b-ofz6dcfmyq {
    0% {
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

@keyframes pulse-dot-b-ofz6dcfmyq {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}
/* Admin/Shared/ActiveCall/VideoCallControlRow.razor.rz.scp.css */

[b-s77e93lhic] #in-video-controls-host-left {
    position: absolute;
    bottom: 10px;
    padding: 9px 0px 23px 15px;
    text-align: center;
    border-radius: 13px;   
    z-index: 999;   
    background-color: rgb(255 255 255 / 10%);    
    display: flex;
    justify-content: space-between;
    border: 2px solid rgb(255 255 255 / 20%);
    backdrop-filter: blur(8px);
    left: 9px;
}
    [b-s77e93lhic] #in-video-controls-host-left:hover {
        background-color: rgba(10, 73, 63, 0.5);
    }

    [b-s77e93lhic] #in-video-controls-host-left > div {
        display: flex;
    }


    [b-s77e93lhic] #in-video-controls-host-left .control-icon-button {
        background-color: rgb(255 255 255 / 40%);
        color: #fff;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        position: relative;
    }

    [b-s77e93lhic] #in-video-controls-host-left .control-popover-holder .control-icon-button label {
        display: none;
    }

    [b-s77e93lhic] #in-video-controls-host-left .control-popover-holder .control-icon-button:hover label {
        display: flex;
    }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover-holder {
            width: 318px;
            height: auto;
            position: absolute;
            bottom: 34px;
            left: -15px;
            display: none;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button:nth-child(1) .control-popover-holder {
            left: -15px;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button:nth-child(2) .control-popover-holder {
            left: -76px;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button:hover .control-popover-holder {
            display: block;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover-holder-devices {
            height: auto;
            position: absolute;
            left: 28px;
            bottom: -58px;
            width: 350px;
            padding-left: 45px;
            display: none;
        }

[b-s77e93lhic] .camera-select .mud-input-control-input-container > div {
    justify-content: start;
    display: flex;
    flex-direction: column;
}

[b-s77e93lhic] .camera-select > .mud-input-control-boolean-input {
    margin-bottom: 0 !important;
}

    [b-s77e93lhic] .camera-select > .mud-input-control-boolean-input .mud-radio-icons, [b-s77e93lhic] .camera-select > .mud-input-control-boolean-input .mud-radio-content {
        color: #fff;
        font-size: 13px;
    }

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-icon-button:hover .control-popover-holder-devices {
    display: block;
}

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover {
    border-radius: 13px;
    background-color: rgba(10, 73, 63, 0.5);
    border: 2px solid rgb(255 255 255 / 20%);
    padding: 8px;
    margin-bottom: 32px;
}
    [b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover:hover {
        background-color: rgba(10, 73, 63, 0.5);
    }

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button.capture {
    height: 50px;
    width: 80px;    
    border-radius: 30px;
    background-color: rgb(0 165 135 / 60%);
}

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button.capture-recording {
    height: 50px;
    width: 80px;
    border-radius: 30px;
    background-color: #d65252;
}

 

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button > label {
    position: absolute;
    bottom: -19px;
    font-size: 10px;
}

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button .mud-icon-button {
    color: #fff;
}

#in-video-controls-host-left .control-icon-button.call-end[b-s77e93lhic] {
    background-color: #d65252;
}


#in-video-controls-host[b-s77e93lhic] {
    position: absolute;
    bottom: 10px;
    padding: 12px 16px 12px 16px;
    text-align: center;
    border-radius: 100px;
    left: calc(50% - 125px);
    z-index: 9998;
    display: flex;
}

    #in-video-controls-host > div[b-s77e93lhic] {
        background-color: rgba(0, 0, 0, 0.4);
        color: #fff;
        border-radius: 50%;
        height: 60px;
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }


[b-s77e93lhic] #in-video-controls-host > div .mud-icon-button {
    color: #fff;
}

#in-video-controls[b-s77e93lhic] {
    position: absolute;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 12px 16px 12px 16px;
    text-align: center;
    border-radius: 100px;
    left: 7px;
    z-index: 9998;
}

    #in-video-controls div[b-s77e93lhic] {
        display: inline-block;
    }
/* Admin/Shared/Administration/ClientInspectionTypes.razor.rz.scp.css */
[b-spwxr2hile] .admin-inspection-tag {
    padding: 3px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d4d4d4;
}

    [b-spwxr2hile] .admin-inspection-tag > div:first-child {
        display: flex;
        flex-grow: 1;
        align-items: center;
        margin-right: 10px;
        margin-left: 10px;
        justify-content: space-between;
    }



    [b-spwxr2hile] .admin-inspection-tag h3 {
        font-size: 15px;
        display: flex;
        align-items: center;
        font-weight: normal;
    }
/* Admin/Shared/Administration/ClientOutcomesEditor.razor.rz.scp.css */
.outcome-delete[b-uzpa85059a] {
    flex-grow: 1;
    text-align: right;
    display: inline-block;
    position: absolute;
    right: 0;
}

.outcome-field[b-uzpa85059a] {
    opacity: 1;
    display: inline-block;
    width: 50%;
}

.outcome[b-uzpa85059a]{
    position: relative;
}

[b-uzpa85059a] .add-outcome-btn {
    height: 30px;
    border-radius: 20px;
}
/* Admin/Shared/Administration/ClientSettings.razor.rz.scp.css */



[b-l0kf0mi4sz] .left-col {
    background-color: #fff;
}



.detail-item[b-l0kf0mi4sz], .profile-item[b-l0kf0mi4sz] {
    display: flex;
}


[b-l0kf0mi4sz] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

.form-holder[b-l0kf0mi4sz] {
    padding: 10px 20px;
}

/* Admin/Shared/Administration/ClientSystemStyling.razor.rz.scp.css */

[b-2fl0mo6rh8] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
    padding: 14px 18px;
}

[b-2fl0mo6rh8] .color-picker-container {
    width: 220px;
    display: flex;
    gap: 12px;
}

[b-2fl0mo6rh8] .colour-block {
    height: 45px;
    width: 45px;
    flex-shrink: 0;
    border-radius: 5px;
}
/* Admin/Shared/Administration/InspectionTypes.razor.rz.scp.css */
[b-h13sucozq0].inspection-types-holder th {
  color: #818A92 !important;
}
[b-h13sucozq0].inspection-types-holder th:nth-child(2) {
  width: 160px;
}
[b-h13sucozq0].inspection-types-holder .mud-table-container {
  height: calc(100vh - 200px);
}
[b-h13sucozq0].inspection-types-holder .mud-drawer {
  background-color: #fff;
}
[b-h13sucozq0].inspection-types-holder .mud-drawer .mud-input-number-control .mud-input-control-input-container {
  width: 130px;
}
[b-h13sucozq0].inspection-types-holder .draw-content {
  padding: 12px 24px 12px 24px;
}
[b-h13sucozq0].inspection-types-holder .draw-content .mud-form .input-field {
  flex-direction: column;
}
[b-h13sucozq0].inspection-types-holder .draw-content form .input-field {
  display: flex;
}
/* Admin/Shared/AnonLayout.razor.rz.scp.css */
.page[b-ta93xb23md] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ta93xb23md] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-ta93xb23md], article[b-ta93xb23md] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* Admin/Shared/Appointment/AppointmentFilter.razor.rz.scp.css */
[b-laoxop6dnp].left-container {
    height: calc(100vh - 1.25rem);
    background-color: #fff;
}

    [b-laoxop6dnp].left-container .left-content {
        padding: 20px;
        height: calc(100vh - 5.75rem);
        overflow: auto;
    }

    [b-laoxop6dnp].left-container .header-container {
        padding: 1.25rem;
        border-bottom: 1px solid #E5EBEA;
    }

    [b-laoxop6dnp].left-container .filter-container {
        margin-bottom: 10px;
    }

        [b-laoxop6dnp].left-container .filter-container h5 {
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }

    [b-laoxop6dnp].left-container .mud-radio-group label {
        margin: 0.1rem 0;
        display: block;
        padding: 0.3rem 0;
    }

        [b-laoxop6dnp].left-container .mud-radio-group label .mud-checked + .mud-radio-content {
            background-color: #DCF2EE;
        }

        [b-laoxop6dnp].left-container .mud-radio-group label .mud-radio-content {
            width: 100%;
            display: inline-block;
            padding-left: 35px;
            margin-left: -35px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 4px;
            margin-top: -18px;
            margin-bottom: -13px;
        }

    [b-laoxop6dnp].left-container .mud-input-control-boolean-input {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 4px;
        margin-top: 1px;
        font-size: 14px;
    }

        [b-laoxop6dnp].left-container .mud-input-control-boolean-input.checked {
            background-color: #DCF2EE;
        }

    [b-laoxop6dnp].left-container .mud-input-control-boolean-input {
        display: block;
        margin-right: 0;
    }

        [b-laoxop6dnp].left-container .mud-input-control-boolean-input .mud-icon-button {
            margin-top: -2px;
            padding: 5px;
        }


/* Admin/Shared/Appointment/AppointmentTable.razor.rz.scp.css */
[b-mruq5shy8g] .hidden-portrait {
    display: none;
}

[b-mruq5shy8g] .hidden-tablecells {
    display: none !important;
}

@container(min-width:830px) {
    [b-mruq5shy8g] .hidden-portrait {
        display: inline-block;
    }
}

@container(min-width:730px) {
    [b-mruq5shy8g] .hidden-tablecells {
        display: table-cell !important;
    }
}

[b-mruq5shy8g] .appointments-table table {
    table-layout: fixed;
}

[b-mruq5shy8g] th:nth-child(5) {
    text-align: left;
}

[b-mruq5shy8g] th:nth-child(1) {
}

[b-mruq5shy8g] th:nth-child(2) {
}

[b-mruq5shy8g] th:nth-child(3) {
}

[b-mruq5shy8g] td:nth-child(2) span {
    max-width: 130px;
    text-align: left;
}

[b-mruq5shy8g] td:nth-child(4) .mud-tooltip-root {
    width: 100%;
}

[b-mruq5shy8g] td:nth-child(5) span {
    max-width: 205px;
}


[b-mruq5shy8g] td {
    vertical-align: middle;
}

    [b-mruq5shy8g] td span {
        display: block;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        text-wrap: nowrap;
        white-space: nowrap;
    }

        [b-mruq5shy8g] td span.col-grey {
            color: #626D78;
            font-weight: normal;
        }

        [b-mruq5shy8g] td span.col-grey-full-width {
            color: #626D78;
            font-weight: normal;
            width: 100% !important;
        }



[b-mruq5shy8g] tr td:nth-child(5) {
    text-align: left;
}

[b-mruq5shy8g] .surveyor-field {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-top: 5px;
}

    [b-mruq5shy8g] .surveyor-field label {
        display: inline;
        margin-left: 10px;
        font-weight: 500 !important;
    }

    [b-mruq5shy8g] .surveyor-field .initials {
        min-width: 32px;
        min-height: 32px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #0d7162;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding-top: 5px;
    }

    [b-mruq5shy8g] .surveyor-field > div {
        display: inline;
        height: 32px;
    }

        [b-mruq5shy8g] .surveyor-field > div img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
        }


[b-mruq5shy8g] .outcome-label {
    font-size: 11px;
    font-weight: 900 !important;
}


/* Mobile styles */
.inspection-type-mob[b-mruq5shy8g] {
    color: #626D78;
    line-height: 15px;
    display: inline-block;
}

.status-chip-mob[b-mruq5shy8g] {
    display: inline-block;
    width: 100%;
}

[b-mruq5shy8g] .date-mob {
}

[b-mruq5shy8g] .date-arrow-mob {
    padding: 6px 0 0 0;
    color: #626D78
}

[b-mruq5shy8g] .address-mob {
    color: #384048;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    text-align: left;
}

[b-mruq5shy8g] .appointment-card-mob .mud-card-content > div {
    display: flex;
    justify-content: space-between;
}

    [b-mruq5shy8g] .appointment-card-mob .mud-card-content > div .address-container {
        width: 100%;
        font-size: 17px;
        flex-grow: 1;
    }

    [b-mruq5shy8g] .appointment-card-mob .mud-card-content > div .status-chip-mob {
        width: auto;
        text-align: right;
    }

    [b-mruq5shy8g] .appointment-card-mob .mud-card-content > div .inspection-type-mob {
        width: 100%;
        color: rgba(0, 165, 135, 1) !important;
        font-weight: bold;
        margin-top: 5px;
    }

    [b-mruq5shy8g] .appointment-card-mob .mud-card-content > div .address-label {
        font-weight: bold;
    }

    [b-mruq5shy8g] .appointment-card-mob .mud-card-content > div .postcode-label {
        display: block;
        font-size: 13px;
        /* color: #333; */
        color: #818A92;
    }

    [b-mruq5shy8g] .appointment-card-mob .mud-card-content > div .date-mob {
        width: 100%;
        text-align: right;
    }

[b-mruq5shy8g] .appointment-icon {
    width: 15px;
    top: 6px;
    position: relative;
}
/* Admin/Shared/Appointment/DateRangeDisplay.razor.rz.scp.css */
[b-qfjihaveb2] .booking-date {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #E5EBEA;
    border-bottom: 1px solid #E5EBEA;
    z-index: 0;
    position: relative;
    font-weight: 500;
    width: 7%;
    min-width: 50px;
    text-align: center;
    user-select: none;
    background-color: white;
}

    [b-qfjihaveb2] .booking-date:hover {
        background-color: #F8F8F9;
    }

    [b-qfjihaveb2] .booking-date span {
        color: #626D78;
    }

    [b-qfjihaveb2] .booking-date .day-of-week {
        color: #626D78;
    }

    [b-qfjihaveb2] .booking-date strong {
        font-size: 20px;
    }

    [b-qfjihaveb2] .booking-date.first-date {
        border-left: 1px solid #E5EBEA;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    [b-qfjihaveb2] .booking-date.last-date {
        border-right: 1px solid #E5EBEA;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    [b-qfjihaveb2] .booking-date.no-availability {
        color: rgb(173, 179, 185);
        background-color: #F8F8F9;
        cursor: default !important;
    }

    [b-qfjihaveb2] .booking-date.selected {
        background: #DCF2EE;
        border: 1px solid #009D81;
        border-radius: 3px;
    }

[b-qfjihaveb2] .no-availability > span {
    text-decoration: line-through;
  
}

[b-qfjihaveb2] .next-dates-button {
    width: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    [b-qfjihaveb2] .next-dates-button .mud-button-label {
        display: block;
        width: auto;
    }

[b-qfjihaveb2] .previous-dates-button {
    width: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    [b-qfjihaveb2] .previous-dates-button .mud-button-label {
        display: block;
        width: auto;
    }

[b-qfjihaveb2] .pre-prev-icon {
    display: unset;
}

[b-qfjihaveb2] .post-prev-icon {
    display: none;
}

@media only screen and (max-width:1560px) {
    [b-qfjihaveb2] .pre-prev-icon {
        display: none;
    }

    [b-qfjihaveb2] .post-prev-icon {
        display: unset;
    }
}
/* Admin/Shared/MainLayout.razor.rz.scp.css */
.page[b-t221yvxnfk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-t221yvxnfk] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-t221yvxnfk], article[b-t221yvxnfk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* Admin/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-u1hmjo9vqe] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-u1hmjo9vqe] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-u1hmjo9vqe] {
    font-size: 1.1rem;
}

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

.nav-item[b-u1hmjo9vqe] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-u1hmjo9vqe]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-u1hmjo9vqe]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-u1hmjo9vqe]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-u1hmjo9vqe] {
        display: none;
    }

    .collapse[b-u1hmjo9vqe] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-u1hmjo9vqe] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}


/* Admin/Shared/Organisation/ApiKeyCreationDraw.razor.rz.scp.css */

[b-b8kywnbt8q] .mud-drawer-content {
    background-color: #fff;
}

.draw-content[b-b8kywnbt8q] {
    padding: 12px 24px 12px 24px;
}

[b-b8kywnbt8q] .draw-content .mud-form .input-field {
    flex-direction: column;
}
/* Admin/Shared/Organisation/ApiKeysecretDisplayDraw.razor.rz.scp.css */

[b-npsgt8gzoe] .mud-drawer-content {
    background-color: #fff;
}

.draw-content[b-npsgt8gzoe] {
    padding: 12px 24px 12px 24px;
}

[b-npsgt8gzoe] .draw-content .mud-form .input-field {
    flex-direction: column;
}

[b-npsgt8gzoe] .json-display textarea{
    white-space:pre;
}
/* Admin/Shared/Organisation/OrganisationCreateDialog.razor.rz.scp.css */
[b-69rh5u56kz].slide-in-dialog-title .back-btn {
    height: 32px;
    width: 32px;
    background-color: #ECEDEE;
    margin-right: 20px;
}


[b-69rh5u56kz].slide-in-dialog-title h5 {
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #384048;
    font-size: 20px;
}

[b-69rh5u56kz] .mud-picker-color-view-collection {
    justify-content: start;
    margin-left: -11px;
}

[b-69rh5u56kz] .mud-picker-static {
    height: 75px;
}

[b-69rh5u56kz] .mud-picker-color-view-collection .mud-picker-color-dot {
    opacity: 0.2;
    border: 2px solid #8e8e8e;
}

    [b-69rh5u56kz] .mud-picker-color-view-collection .mud-picker-color-dot:hover {
        opacity: 1;
        border: 0px;
    }

    [b-69rh5u56kz] .mud-picker-color-view-collection .mud-picker-color-dot.selected {
        border-radius: 4px;
        opacity: 1;
        border: 0px;
    }

[b-69rh5u56kz] .restrict-area-chip-holder {
    margin-top: 10px;
    border: 2px solid #E5EBEA;
    padding: 5px 5px;
    border-radius: 4px;
}

    [b-69rh5u56kz] .restrict-area-chip-holder .mud-chip svg {
        display: none;
    }

    [b-69rh5u56kz] .restrict-area-chip-holder .mud-chip.selected {
        background-color: rgb(0, 122, 100);
        color: #fff;
    }

        [b-69rh5u56kz] .restrict-area-chip-holder .mud-chip.selected svg {
            font-size: 17px;
            margin-right: 7px;
            display: block;
        }

.is-template-label[b-69rh5u56kz], [b-69rh5u56kz] .is-clone-label {
    position: relative;
    top: 10px;
}

    .is-template-label[b-69rh5u56kz]  .is-template-switch, .is-clone-label[b-69rh5u56kz]  .clone-switch {
        display: inline-block;
        position: relative;
        top: -13px;
        margin-left: 5px;
    }
/* Admin/Shared/Organisation/OrganisationCreationDraw.razor.rz.scp.css */

[b-2pdfrhvub6] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-2pdfrhvub6] {
    padding: 12px 24px 12px 24px;
}

[b-2pdfrhvub6] .draw-content .mud-form .input-field {
    flex-direction: column;
}


.is-template-label[b-2pdfrhvub6] {
    padding-top: 10px;
}

    .is-template-label[b-2pdfrhvub6]  .is-template-switch {
        display: inline-block;
        top: -14px;
    }

.is-clone-label[b-2pdfrhvub6]  .clone-switch {
    display: inline-block;
    top: -10px;
    left: 10px;
}
/* Admin/Shared/Profile/WorkingHours.Day.razor.rz.scp.css */
/* Admin/Shared/Profile/WorkingHours.Day.Row.razor.rz.scp.css */
[b-ekyzlxs56n].step-container {
  border: var(--border);
}
[b-ekyzlxs56n] .selected {
  background: var(--mud-palette-primary);
}
[b-ekyzlxs56n] .step {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
       supported by Chrome, Edge, Opera and Firefox */
  flex: 1;
  height: 3rem;
  flex-grow: 1;
  border-right: var(--border);
}
[b-ekyzlxs56n] .step:last-of-type {
  border: none;
}
/* Admin/Shared/Profile/WorkingHours.razor.rz.scp.css */
[b-xgqifjyna3] {
  --border: 1px solid #999;
}
[b-xgqifjyna3] .time-slot {
  border-left: var(--border);
}
[b-xgqifjyna3] .time-slot span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
[b-xgqifjyna3] .buttons-holder {
  width: 100%;
  padding: 0.5rem;
}
[b-xgqifjyna3] .working-hours-container {
  padding: 20px;
}
/* Admin/Shared/Profile/WorkingPatternExeptions.razor.rz.scp.css */
[b-uauh2nytnv] {
  background: white;
}
[b-uauh2nytnv] .mud-button-root.mud-button {
  padding: 0.5rem 1rem;
}