@import '_content/MSPControl.Core.WebPortal.Components/MSPControl.Core.WebPortal.Components.bundle.scp.css';

/* /Pages/Account/AuditLog/AuditLog.razor.rz.scp.css */
.control-height[b-lijok8zg5u] {
    height: calc(1.47em + 1rem + 2px);
}

.fs-ab[b-lijok8zg5u] {
    font-size: 1.2rem !important;
}

.modal-export[b-lijok8zg5u] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2050;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.display-grid[b-lijok8zg5u] {
    display: grid;
}

[b-lijok8zg5u] .spinner-container {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[b-lijok8zg5u] .mr-1px {
    margin-right: 1px;
}

[b-lijok8zg5u] .selector {
    min-width: 75px;
}

[b-lijok8zg5u] .select2-container--open .select2-dropdown--below, [b-lijok8zg5u] .select2-container--open .select2-dropdown--above {
    border-top-width: 1px;
    border-top-style: solid;
    min-width: 75px;
    width: max-content !important;
    max-width: 88vw;
}

[b-lijok8zg5u] .select2-container--default .select2-results > .select2-results__options {
    max-height: 50vh;
 }

[b-lijok8zg5u] .fix-gap .custom-control-label {
    transform: translate(-0.2rem, 0px);
}

[b-lijok8zg5u] .fix-gap .custom-control-label::before {
    left: -1.425rem;
}

[b-lijok8zg5u] .fix-gap .custom-control-label::after {
    left: -1.425rem;
}
/* /Pages/Account/AuditLog/AuditLogSeverityModalDialog.razor.rz.scp.css */
.execution-log-low[b-cqcicdh67r] {
    word-break: break-all;
}

.fixedHeader[b-cqcicdh67r] {
    overflow-y: auto;
    max-height: 65vh;
}

.fixedHeader thead[b-cqcicdh67r] {
    position: sticky;
    top: 0;
    background-color: dimgray;
}

[b-cqcicdh67r] .spinner {
    position: absolute;
    padding-top: 3px;
    left: 50%;
    transform: translate(-50%, 0);
}
/* /Pages/Account/AuditLog/AuditLogTaskModalDialog.razor.rz.scp.css */
.execution-log-low[b-t0l755t9k4] {
    word-break: break-all;
}

.fixedHeader[b-t0l755t9k4] {
    overflow-y: auto;
    max-height: 50vh;
}

.fixedHeader thead[b-t0l755t9k4] {
    position: sticky;
    top: 0;
    background-color: dimgray;
}

[b-t0l755t9k4] .spinner {
    position: absolute;
    padding-top: 3px;
    left: 50%;
    transform: translate(-50%, 0);
}
/* /Pages/Account/AuditLog/Index.razor.rz.scp.css */
.control-height[b-2fzanmg144] {
    height: calc(1.47em + 1rem + 2px);
}

.fs-ab[b-2fzanmg144] {
    font-size: 1.2rem !important;
}

.modal-export[b-2fzanmg144] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2050;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.display-grid[b-2fzanmg144] {
    display: grid;
}

[b-2fzanmg144] .spinner-container {
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

[b-2fzanmg144] .mr-1px {
    margin-right: 1px;
}

[b-2fzanmg144] .selector {
    min-width: 75px;
}

[b-2fzanmg144] .select2-container--open .select2-dropdown--below, [b-2fzanmg144] .select2-container--open .select2-dropdown--above {
    border-top-width: 1px;
    border-top-style: solid;
    min-width: 75px;
    width: max-content !important;
    max-width: 88vw;
}

[b-2fzanmg144] .select2-container--default .select2-results > .select2-results__options {
    max-height: 50vh;
 }

[b-2fzanmg144] .fix-gap .custom-control-label {
    transform: translate(-0.2rem, 0px);
}

[b-2fzanmg144] .fix-gap .custom-control-label::before {
    left: -1.425rem;
}

[b-2fzanmg144] .fix-gap .custom-control-label::after {
    left: -1.425rem;
}
/* /Pages/Account/Domains/Add/Components/EmailSecuritySettingsPanel.razor.rz.scp.css */
.icon-append[b-29thyhozdw] {
    color: #A2A2A2;
    right: 5px; 
    padding-left: 3px;
    border-left-width: 1px; 
    border-left-style: solid;
}
/* /Pages/Account/Domains/DnsRecords/Components/DnsRecordsGrid.razor.rz.scp.css */
.wrap-text[b-aetg2ua3bb] {
    max-width: 500px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
/* /Pages/Account/Domains/Edit/Components/EmailSecurityPanel.razor.rz.scp.css */
.icon-append[b-uozocd87c1] {
    color: #A2A2A2;
    right: 5px; 
    padding-left: 3px;
    border-left-width: 1px; 
    border-left-style: solid;
}
/* /Pages/Account/Home/AccountInfo.razor.rz.scp.css */
.auto-grid-columns > div[b-qqy8d0w1xe] {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 2.5rem;
}

@media only screen and (max-width: 420px) {
    .auto-grid-columns > div[b-qqy8d0w1xe] {
        margin-right: 0;
    }
}
/*
@supports (display: grid) {
    .auto-grid-columns {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));
        grid-gap: 0 1.5rem;
    }
}
*/
[b-qqy8d0w1xe] .direction-row {
    display: flex;
    flex-direction: row;
}
/* /Pages/Account/Home/Components/Widgets/Account.razor.rz.scp.css */
.account[b-k8sc5kv621] {
    display: grid;
    grid-template-columns: 520px 1fr;
    align-items: baseline;
    gap: 60px;
}

@media (max-width: 1439px) {
    .account[b-k8sc5kv621] {
        grid-template-columns: 340px 1fr;
    }
}

@media (max-width: 1170px) {
    .account[b-k8sc5kv621] {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .account[b-k8sc5kv621] {
        gap: 60px;
        grid-template-columns: 340px 1fr;
    }
}

@media (max-width: 904px) {
    .account[b-k8sc5kv621] {
        gap: 30px;
        grid-template-columns: 1fr;
    }
}

.account[b-k8sc5kv621]  .account-scores {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.account[b-k8sc5kv621]  .account-scores .account-scores__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

@media (max-width: 1439px) {
    .account[b-k8sc5kv621]  .account-scores .account-scores__container {
        display: flex;
        flex-direction: column;
    }
}

.account[b-k8sc5kv621]  .account-total {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.account[b-k8sc5kv621]  .account-total-value {
    display: block;
    margin: 0;
    color: #000000;
    font-size: 2.8125rem;
    font-weight: 500;
    line-height: 52px;
}

.account[b-k8sc5kv621]  .account-total-description {
    display: block;
    margin: 0;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.account[b-k8sc5kv621]  .account-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 24px;
}

@media (max-width: 1439px) {
    .account[b-k8sc5kv621]  .account-links {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 490px) {
    .account[b-k8sc5kv621]  .account-links {
        grid-template-columns: 1fr;
    }
}

.account[b-k8sc5kv621]  .account-item {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 60px;
    color: #000000;
    line-height: 24px;
    font-size: 1.125rem;
}

.account[b-k8sc5kv621]  .account-item *[class*='msp-'],
.account[b-k8sc5kv621]  .account-item .fas {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    color: var(--theme-primary-400);
    font-size: 1.25rem;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 5px;
}

.account[b-k8sc5kv621]  .account-item .fas.fa-robot {
    font-size: 1rem;
}

.account[b-k8sc5kv621]  .account-statuses {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid #E1E2EC;
}

.account[b-k8sc5kv621]  .account-status {
    display: flex;
    padding: 18px;
    align-items: center;
    gap: 18px;
    width: 33.33333%;
}

@media (max-width: 1439px) {
    .account[b-k8sc5kv621]  .account-status {
        flex-direction: column;
        gap: 8px;
        padding: 12px;
    }
}

.account[b-k8sc5kv621]  .account-status *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 6px;
    gap: 4px;
    font-size: 0.75rem;
    border-radius: 50px;
    border: 2px solid #22C46C;
    background: transparent;
}

.account[b-k8sc5kv621]  .account-status *[class*='msp-'].progress {
    font-size: 1rem;
    border: 1.5px solid #FABD1B;
}

.account[b-k8sc5kv621]  .account-status *[class*='msp-'].danger {
    font-size: 1.25rem;
    border: 1.5px solid #FF5449;
}

.account[b-k8sc5kv621]  .account-status .account-status__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

@media (max-width: 1439px) {
    .account[b-k8sc5kv621]  .account-status .account-status__info {
        align-items: center;
    }
}

.account[b-k8sc5kv621]  .account-status .account-status__info .account-status__info-status {
    display: block;
    width: 80px;
    margin: 0;
    color: #A6AAC1;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
}

@media (max-width: 1439px) {
    .account[b-k8sc5kv621]  .account-status .account-status__info .account-status__info-status {
        text-align: center;
    }
}

.account[b-k8sc5kv621]  .account-status .account-status__info .account-status__info-text {
    display: block;
    margin: 0;
    color: #000000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Dark theme */
body.mod-skin-dark .account[b-k8sc5kv621]  .account-item,
body.mod-skin-dark .account[b-k8sc5kv621]  .account-total-value,
body.mod-skin-dark .account[b-k8sc5kv621]  .account-status .account-status__info .account-status__info-text {
    color: #FFFFFF !important;
}

body.mod-skin-dark .account[b-k8sc5kv621]  .account-item:hover,
body.mod-skin-dark .account[b-k8sc5kv621]  .account-item:hover {
    color: var(--theme-primary-400) !important;
}

body.mod-skin-dark .account[b-k8sc5kv621]  .account-statuses {
    border-color: #393B43;
}
/* /Pages/Account/Home/Components/Widgets/AccountInformation.razor.rz.scp.css */
.account-information[b-xn2yc2l67f] {
    display: grid;
    color: #FFFFFF;
    border-radius: 14px;
    min-height: 100%;
}

.account-information[b-xn2yc2l67f]  .widget {
    grid-template-rows: 30px 1fr;
    background: #0F054C;
}

.account-information[b-xn2yc2l67f]  .widget__header {
    width: 100%;
    height: 30px;
    min-height: auto;
    padding: 0;
    border-bottom: none;
    cursor: pointer;
    z-index: 1;
}

.account-information[b-xn2yc2l67f]  .widget__header .drag-handle {
    top: 5px;
}

.account-information[b-xn2yc2l67f]  .widget__body,
.account-information[b-xn2yc2l67f]  .widget__container {
    height: auto;
    padding: 0;
}

.account-information[b-xn2yc2l67f]  .account-information__wrapper {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 50px;
    height: 100%;
    padding: 0 420px 30px 30px;
    background: url('/img/backgrounds/bg-widget-2.png') no-repeat bottom right;
    background-size: 450px 300px;
}

@media (max-width: 1439px) {
    .account-information[b-xn2yc2l67f]  .account-information__wrapper {
        gap: 30px;
        padding: 0 30px 30px;
        background: none;
    }
}

@media (max-width: 1239px) {
    .account-information[b-xn2yc2l67f]  .account-information__wrapper {
        padding: 0 30px 30px;
    }
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .account-information__wrapper {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
    }
}

@media (max-width: 599px) {
    .account-information[b-xn2yc2l67f]  .account-information__wrapper {
        padding: 0 1rem 30px;
    }
}

.account-information[b-xn2yc2l67f]  .account-information__left-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 0 30px;
}

@media (max-width: 1439px) {
    .account-information[b-xn2yc2l67f]  .account-information__left-side {
        padding: 0;
    }
}

.account-information[b-xn2yc2l67f]  .account-information__left-side-top {
    display: grid;
    gap: 10px;
}

.account-information[b-xn2yc2l67f]  .account-information__left-side-top--hidden {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .account-information__left-side-top--hidden {
        height: auto;
    }
}

.account-information[b-xn2yc2l67f]  .account-information__title {
    display: block;
    margin: 0;
    color: #FFF;
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 42px;
}

.account-information[b-xn2yc2l67f]  .account-information__title span {
    display: block;
    font-weight: 700;
}

.account-information[b-xn2yc2l67f]  .account-information__sub-title {
    display: block;
    margin: 0;
    color: #A6AAC1;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 20px;
}

.account-information[b-xn2yc2l67f]  .account-information__btn-create {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 12px;
    color: #FFF !important;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    border: 1px solid #A6AAC1;
    border-radius: 14px;
    box-sizing: border-box;
    transition: all .2s linear;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .account-information__btn-create {
        display: none;
    }
}

.account-information[b-xn2yc2l67f]  .account-information__btn-create:hover {
    background: rgba(255, 255, 255, .08);
}

.account-information[b-xn2yc2l67f]  .account-information__btn-create span {
    font-size: 1.25rem;
    font-weight: 300;
}

.account-information[b-xn2yc2l67f]  .account-information__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.account-information[b-xn2yc2l67f]  .company-name {
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .company-name {
        gap: 6px;
    }
}

.account-information[b-xn2yc2l67f]  .company-name .mode-mobile {
    display: none;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .company-name .mode-mobile {
        display: flex;
    }
}


.account-information[b-xn2yc2l67f]  .company-name .mode-mobile a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

.account-information[b-xn2yc2l67f]  .company-name *[class*='msp-'] {
    font-size: 1.5rem;
    color: #A6AAC1;
}

.account-information[b-xn2yc2l67f]  .company-buttons {
    display: flex;
    gap: 20px;
}

.account-information[b-xn2yc2l67f]  .company-buttons > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

.account-information[b-xn2yc2l67f]  .company-buttons .mr-1 {
    margin: 0;
}

.account-information[b-xn2yc2l67f]  .account-information__header .msp-castle {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    font-size: 24px;
    border-radius: 14px;
    border: 1px solid #A6AAC1;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .account-information__header .msp-castle {
        width: 52px;
        height: 52px;
        font-size: 2.25rem;
    }
}

.account-information[b-xn2yc2l67f]  .company-buttons .msp-arrow {
    font-size: 1.5rem;
}

.account-information[b-xn2yc2l67f]  .account-information__header .msp-castle,
.account-information[b-xn2yc2l67f]  .company-buttons .msp-arrow {
    color: #A6AAC1;
    transition: all .2s linear;
}

.account-information[b-xn2yc2l67f]  .company-buttons .company-buttons__arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    transition: all .2s linear;
}

.account-information[b-xn2yc2l67f]  .company-buttons .company-buttons__arrow--closed {
    padding-top: 3px;
}

.account-information[b-xn2yc2l67f]  .company-buttons .company-buttons__arrow--closed i {
    transform: rotate(180deg);
}

.account-information[b-xn2yc2l67f]  .company-buttons .company-buttons__arrow:hover {
    background: rgba(255, 255, 255, .16);
}

.account-information[b-xn2yc2l67f]  .company-buttons .company-buttons__arrow .msp-arrow {
    font-size: 16px;
}

.account-information[b-xn2yc2l67f]  .buttons-mobile-mode {
    display: none;
}

@media (max-width: 599px) {
    .account-information[b-xn2yc2l67f]  .buttons-desktop-mode {
        display: none;
    }

    .account-information[b-xn2yc2l67f]  .buttons-mobile-mode {
        display: flex;
        width: 100%;
    }
}

.account-information[b-xn2yc2l67f]  .buttons {
    display: flex;
    gap: 8px;
}

@media (max-width: 599px) {
    .account-information[b-xn2yc2l67f]  .buttons {
        justify-content: space-between;
        width: 100%;
    }
}

.account-information[b-xn2yc2l67f]  .buttons .buttons__left-side {
    display: flex;
    gap: 8px;
}

.account-information[b-xn2yc2l67f]  .buttons-mobile-mode .buttons {
    height: 44px;
}

@media (max-width: 599px) {
    .account-information[b-xn2yc2l67f]  .buttons-mobile-mode .buttons .buttons__left-side a span {
        display: block;
    }
}

.account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    min-width: 125px;
    color: var(--theme-primary-400) !important;
    font-size: 0.9375rem;
    line-height: 20px;
    font-weight: 500;
    border-radius: 14px;
    background: rgba(237, 93, 35, 0.2);
    transition: all .2s linear;
}

@media (max-width: 1439px) {
    .account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a {
        width: 44px;
        min-width: 44px;
    }
}

@media (max-width: 599px) {
    .account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a {
        width: auto;
        min-width: 125px;
    }
}

.account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a:hover {
    background: rgba(237, 93, 35, 0.4);
}

.account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a.buttons-active {
    color: #22C46C !important;
    background: rgba(34, 196, 108, .12);
}

.account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a i {
    color: #A6AAC1;
    font-size: 0.75rem;
    margin: 0 !important;
}

@media (max-width: 1439px) {
    .account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a i {
        font-size: 1.125rem;
    }

    .account-information[b-xn2yc2l67f]  .buttons .buttons__left-side a span {
        display: none;
    }
}

.account-information[b-xn2yc2l67f]  .account-information__body {
    padding-left: 68px;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .account-information__body {
        display: grid;
        gap: 30px;
        padding: 0;
    }
}

.account-information[b-xn2yc2l67f]  .account-information__body--hidden {
    display: flex;
    justify-content: end;
}

.account-information[b-xn2yc2l67f]  .account-information__body .mode-desktop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

@media (max-width: 1439px) {
    .account-information[b-xn2yc2l67f]  .account-information__body .mode-desktop {
        display: none;
    }
}

.account-information[b-xn2yc2l67f]  .account-information__body .mode-tablet-mobile {
    display: none;
}

@media (max-width: 1439px) {
    .account-information[b-xn2yc2l67f]  .account-information__body .mode-tablet-mobile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

@media (max-width: 599px) {
    .account-information[b-xn2yc2l67f]  .account-information__body .mode-tablet-mobile {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.account-information[b-xn2yc2l67f]  .company-data {
    display: grid;
    gap: 30px;
}

.account-information[b-xn2yc2l67f]  .company-data--hidden {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.account-information[b-xn2yc2l67f]  .company-data .account-information__btn-create {
    display: none;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .company-data .account-information__btn-create {
        display: flex;
    }
}

@media (max-width: 599px) {
    .account-information[b-xn2yc2l67f]  .company-data .account-information__btn-create {
        width: 100%;
    }
}

.account-information[b-xn2yc2l67f]  .company-data--hidden .account-information__btn-create {
    display: flex;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .company-data--hidden {
        height: auto;
    }
}

.account-information[b-xn2yc2l67f]  .company-data .company-data__title {
    display: block;
    margin: 0;
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 28px;
}

@media (max-width: 904px) {
    .account-information[b-xn2yc2l67f]  .company-data .company-data__title {
        padding-left: 12px;
    }
}

.account-information[b-xn2yc2l67f]  .company-data .company-data__column {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    gap: 12px;
}

.account-information[b-xn2yc2l67f]  .company-data-line {
    display: grid;
    gap: 3px;
}

.account-information[b-xn2yc2l67f]  .company-data-line__key {
    display: block;
    margin: 0;
    color: #A6AAC1;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 15px;
}

.account-information[b-xn2yc2l67f]  .company-data-line__value {
    display: block;
    margin: 0;
    color: #FFF;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 20px;
}

.account-information[b-xn2yc2l67f]  .company-data-line__status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    color: #22C46C;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 15px;
    border-radius: 14px;
    background: rgba(34, 196, 108, .12);
}

body.mod-skin-dark .account-information[b-xn2yc2l67f]  .widget {
    background: url('/img/backgrounds/bg-widget-1.png') no-repeat 0 20%;
    background-size: cover;
}

.widget-modal[b-xn2yc2l67f]  .modal-content {
    max-width: 600px;
    margin: 0 auto;
}

@media (max-width: 660px) {
    .widget-modal[b-xn2yc2l67f]  .modal-content {
        margin: 0 30px;
    }
}

.widget-modal[b-xn2yc2l67f]  .modal-content .modal-body {
    padding: 30px;
}
/* /Pages/Account/Home/Components/Widgets/Accounts.razor.rz.scp.css */
.accounts[b-lzshzxhtb4] {
    height: 100%;
}

.accounts[b-lzshzxhtb4]  .accounts__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    min-height: 100%;
}

.accounts[b-lzshzxhtb4]  .accounts__wrapper__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.accounts[b-lzshzxhtb4]  .accounts__count {
    display: inline-block;
    margin: 0;
    color: #000000;
    font-size: 2.8125rem;
    font-weight: 500;
    line-height: 52px;
    text-transform: uppercase;
    text-decoration: none;
}

.accounts[b-lzshzxhtb4]  .accounts__number {
    display: block;
    margin: 5px 0 0;
    color: #72768B;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.accounts[b-lzshzxhtb4]  .accounts__container {
    gap: 18px;
}

.accounts[b-lzshzxhtb4]  .accounts__container--grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.accounts[b-lzshzxhtb4]  .accounts__container--flex {
    display: flex;
}

.accounts[b-lzshzxhtb4]  .accounts__status {
    position: relative;
    display: block;
    width: 100%;
    padding: 18px;
    border-radius: 14px;
    border: 1px solid #E1E2EC;
    background: linear-gradient(to bottom, rgba(14, 17, 24, .12), rgba(14, 17, 24, 0));
}

.accounts[b-lzshzxhtb4]  .accounts__status--active::before,
.accounts[b-lzshzxhtb4]  .accounts__status--inactive::before {
    content: "";
    position: absolute;
    bottom: 18px;
    right: 18px;
    width: 33px;
    height: 32px;
}

.accounts[b-lzshzxhtb4]  .accounts__status--active::before {
    background: url("/img/svg/icon-active-accounts.svg") no-repeat;
}

.accounts[b-lzshzxhtb4]  .accounts__status--inactive::before {
    background: url("/img/svg/icon-inactive-accounts.svg") no-repeat;
}

.accounts[b-lzshzxhtb4]  .accounts__status-title {
    display: block;
    color: #414659;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 20px;
}

.accounts[b-lzshzxhtb4]  .accounts__status-count {
    display: block;
    margin: 24px 0 0;
    color: #000000;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 28px;
}

/* Dark theme */
body.mod-skin-dark .accounts[b-lzshzxhtb4]  .accounts__count,
body.mod-skin-dark .accounts[b-lzshzxhtb4]  .accounts__status-title,
body.mod-skin-dark .accounts[b-lzshzxhtb4]  .accounts__status-count {
    color: #FFFFFF !important;
}

body.mod-skin-dark .accounts[b-lzshzxhtb4]  .accounts__number {
    color: #A6AAC1;
}

body.mod-skin-dark .accounts[b-lzshzxhtb4]  .accounts__status {
    background: linear-gradient(to bottom, rgba(46, 48, 56, 0.75), rgba(41, 44, 53, 0));
    border-color: #393B43;
}
/* /Pages/Account/Home/Components/Widgets/DatabaseItem.razor.rz.scp.css */
.databases-item[b-l85nprk8qh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.databases-item[b-l85nprk8qh]  .databases-item-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.databases-item[b-l85nprk8qh]  .databases-item-link {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #000000;
    font-size: 1rem;
    line-height: 1rem;
}

.databases-item[b-l85nprk8qh]  .databases-item-link *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    color: var(--theme-primary-400);
    font-size: 1.25rem;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 5px;
}

.databases-item[b-l85nprk8qh]  .databases-item-link-content {
    display: flex;
    flex-direction: column;
    color: #000;
}

.databases-item[b-l85nprk8qh]  .databases-item-link-content span {
    display: block;
    width: 100%;
    line-height: 1.25rem;
}

.databases-item[b-l85nprk8qh]  .databases-item-link-content .databases-item-link-title {
    color: #000;
}

.databases-item[b-l85nprk8qh]  .databases-item-link-count {
    font-size: 0.8125rem;
    color: #A6AAC1;
}

.databases-item-value[b-l85nprk8qh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 24px;
    color: #52DBCA;
    font-size: 0.875rem;
    line-height: 0.9375rem;
    background: var(--teritary-container, rgba(43, 191, 175, 0.12));
    border-radius: 14px;
}

.databases-item[b-l85nprk8qh]  .progress {
    height: 10px;
    background: rgba(var(--theme-rgb-primary), 0.1);
    width: calc(100% - 48px);
    margin-left: 48px;
}

.databases-item[b-l85nprk8qh]  .progress .progress-bar {
    border-radius: 25px;
    background: #2BBFAF;
}

.databases-item[b-l85nprk8qh]  .progress .progress-bar.green {
    background: #2BBFAF !important;
}

.databases-item[b-l85nprk8qh]  .custom-control-inline {
    margin: 0;
}

.databases-item[b-l85nprk8qh]  .custom-control-inline .flex-grow-1 {
    padding: 0 !important;
}

.databases-item[b-l85nprk8qh]  .databases-item-container .msp-infinity {
    color: #393B43;
    font-size: 32px;
    background: transparent;
}

/* Dark theme */
body.mod-skin-dark .databases-item[b-l85nprk8qh]  .databases-item-link,
body.mod-skin-dark .databases-item[b-l85nprk8qh]  .databases-item-link-content,
body.mod-skin-dark .databases-item[b-l85nprk8qh]  .databases-item-link-content .databases-item-link-title,
body.mod-skin-dark .databases-item[b-l85nprk8qh]  .databases-item-container .msp-infinity {
    color: #FFFFFF;
}

body.mod-skin-dark .databases-item[b-l85nprk8qh]  .progress {
    background: #393B43;
}
/* /Pages/Account/Home/Components/Widgets/Databases.razor.rz.scp.css */
.databases[b-k85vzvmcx1] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
/* /Pages/Account/Home/Components/Widgets/Documentation.razor.rz.scp.css */
.documentation[b-7lmu3n2z71] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.documentation[b-7lmu3n2z71]  .documentation-item {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 60px;
    color: #000000;
    line-height: 24px;
    font-size: 1.125rem;
}

.documentation[b-7lmu3n2z71]  .documentation-item *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    color: var(--theme-primary-400);
    font-size: 1.25rem;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 5px;
}

/* Dark theme */
body.mod-skin-dark .documentation[b-7lmu3n2z71]  .documentation-item {
    color: #FFFFFF !important;
}

.documentation[b-7lmu3n2z71]  .documentation-item:hover,
body.mod-skin-dark .documentation[b-7lmu3n2z71]  .documentation-item:hover {
    color: var(--theme-primary-400) !important;
}
/* /Pages/Account/Home/Components/Widgets/Employees.razor.rz.scp.css */
.employees[b-cyq702j0ij]  .spinner-wrap {
    padding: 30px;
}

@media (max-width: 600px) {
    .employees[b-cyq702j0ij]  .widget-header {
        padding: 18px 15px;
    }    
}

.employees[b-cyq702j0ij]  .employee-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.employees[b-cyq702j0ij]  .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #E1E2EC;
}

.employees[b-cyq702j0ij]  .avatar-text {
    color: #72768B;
    font-size: 0.9375rem;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.employees[b-cyq702j0ij]  .employee-name {
    color: #000000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 20px;
}

.employees[b-cyq702j0ij]  .sla-score {
    display: block;
    width: 60px;
    padding: 5px 10px;
    color: #fff !important;
    line-height: 15px;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    border-radius: 14px;
}

.employees[b-cyq702j0ij]  .type-link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.employees[b-cyq702j0ij]  .type-link:hover {
    color: var(--theme-primary) !important;
}

.employees[b-cyq702j0ij]  .table .dtr-details {
    padding: 1rem;
}

.employees[b-cyq702j0ij]  .table .dtr-details li {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
}

/* Dark theme */
body.mod-skin-dark .employees[b-cyq702j0ij]  .avatar {
    background: #393B43;
}

body.mod-skin-dark .employees[b-cyq702j0ij]  .avatar-text {
    color: #A6AAC1;
}

body.mod-skin-dark .employees[b-cyq702j0ij]  .employee-name {
    color: #FFFFFF;
}

body.mod-skin-dark .employees[b-cyq702j0ij]  .type-link:hover {
    color: var(--theme-primary) !important;
}
/* /Pages/Account/Home/Components/Widgets/EmployeesTimecard.razor.rz.scp.css */
.employees-timecard[b-akcfxglb3j]  .spinner-wrap {
    padding: 30px;
}

.employees-timecard[b-akcfxglb3j]  .employee-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.employees-timecard[b-akcfxglb3j]  .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #E1E2EC;
}

.employees-timecard[b-akcfxglb3j]  .avatar-text {
    color: #72768B;
    font-size: 0.9375rem;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.employees-timecard[b-akcfxglb3j]  .employee-name {
    color: #000000;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 20px;
}

.employees-timecard[b-akcfxglb3j]  .tickets-wrap {
    display: flex;
    gap: 8px;
}

.employees-timecard[b-akcfxglb3j]  .tickets-wrap .ticket-number {
    display: block;
    padding: 5px 10px;
    line-height: 15px;
    color: #52DBCA !important;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: center;
    border-radius: 14px;
    background: rgba(43, 191, 175, 0.12);
}

/* Dark theme */
body.mod-skin-dark .employees-timecard[b-akcfxglb3j]  .avatar {
    background: #393B43;
}

body.mod-skin-dark .employees-timecard[b-akcfxglb3j]  .avatar-text {
    color: #A6AAC1;
}

body.mod-skin-dark .employees-timecard[b-akcfxglb3j]  .employee-name {
    color: #FFFFFF;
}
/* /Pages/Account/Home/Components/Widgets/HostingSpaces.razor.rz.scp.css */
.widget-table[b-c87e2shyon]  .spinner-wrap {
    padding: 30px;
}
/* /Pages/Account/Home/Components/Widgets/HyperV.razor.rz.scp.css */
.hyper-v[b-5cexviwz5g] {
    position: relative;
    height: 100%;
    padding: 24px 30px 30px;
}

.hyper-v[b-5cexviwz5g]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("/img/backgrounds/bg-cubes.png") no-repeat left -60px bottom -100px;
    z-index: 1;
}

@media (max-width: 1439px) {
    .hyper-v[b-5cexviwz5g]::before {
        transform: scaleX(-1);
    }
}

.hyper-v-title[b-5cexviwz5g] {
    position: relative;
    display: block;
    margin-bottom: 24px;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    z-index: 10;
}

.hyper-v-wrapper[b-5cexviwz5g] {
    position: relative;
    display: grid;
    align-items: baseline;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
    padding-left: 200px;
    z-index: 10;
}

@media (max-width: 1439px) {
    .hyper-v-wrapper[b-5cexviwz5g] {
        padding-left: 0;
    }
}

@media (max-width: 1230px) {
    .hyper-v-wrapper[b-5cexviwz5g] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 904px) {
    .hyper-v-wrapper[b-5cexviwz5g] {
        grid-template-columns: 1fr;
    }
}

.hyper-v-values[b-5cexviwz5g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

@media (max-width: 599px) {
    .hyper-v-values[b-5cexviwz5g] {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 1230px) {
    .hyper-v-links[b-5cexviwz5g] {
        display: grid;
        align-items: baseline;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
    }
}

@media (max-width: 599px) {
    .hyper-v-links[b-5cexviwz5g] {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

.hyper-v-links[b-5cexviwz5g]  a {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 60px;
    padding: 0 15px 0 30px;
    color: #000000;
    line-height: 24px;
    font-size: 1.125rem;
}

@media (max-width: 1439px) {
    .hyper-v-links[b-5cexviwz5g]  a {
        padding: 0;
    }
}

@media (max-width: 599px) {
    .hyper-v-links[b-5cexviwz5g]  a {
        height: auto;
    }
}

.hyper-v-links[b-5cexviwz5g]  a *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    color: var(--theme-primary-400);
    font-size: 1.25rem;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 5px;
}

.hyper-v-links[b-5cexviwz5g]  a .msp-virtual-machines {
    font-size: 1.5rem;
}

.hyper-v-block[b-5cexviwz5g] {
    display: flex;
    gap: 18px;
    width: 100%;
}

.hyper-v-block__value[b-5cexviwz5g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 40px;
    color: var(--theme-primary-400);
    text-align: center;
    font-family: Roboto;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 14px;
}

.hyper-v-block__info[b-5cexviwz5g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hyper-v-block__name[b-5cexviwz5g] {
    display: block;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.hyper-v-block__description[b-5cexviwz5g] {
    display: block;
    color: #A6AAC1;
    font-family: Roboto;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Dark theme */
body.mod-skin-dark .hyper-v-title[b-5cexviwz5g],
body.mod-skin-dark .hyper-v-block__name[b-5cexviwz5g] {
    color: #fff;
}
/* /Pages/Account/Home/Components/Widgets/Mail.razor.rz.scp.css */
.mail[b-ciqhyqfd7d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100%;
}

@media (max-width: 1780px) {
    .mail[b-ciqhyqfd7d] {
        display: flex;
    }
}

@media (max-width: 1640px) {
    .mail[b-ciqhyqfd7d] {
        display: grid;
    }
}

@media (max-width: 1340px) {
    .mail[b-ciqhyqfd7d] {
        gap: 30px;
        grid-template-columns: 1fr;
        padding: 30px 0 0;
    }
}

.mail[b-ciqhyqfd7d]  .mail-chart {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1780px) {
    .mail[b-ciqhyqfd7d]  .mail-chart {
        width: 50%;
        transform: scale(0.8);
    }
}

@media (max-width: 1640px) {
    .mail[b-ciqhyqfd7d]  .mail-chart {
        width: auto;
        transform: scale(1);
    }
}

.mail[b-ciqhyqfd7d]  .mail-items-container {
    padding-left: 30px;
}

@media (max-width: 1780px) {
    .mail[b-ciqhyqfd7d]  .mail-items-container {
        width: 50%;
    }
}

@media (max-width: 1640px) {
    .mail[b-ciqhyqfd7d]  .mail-items-container {
        width: auto;
    }
}

@media (max-width: 1340px) {
    .mail[b-ciqhyqfd7d]  .mail-items-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .mail[b-ciqhyqfd7d]  .mail-items-container {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Account/Home/Components/Widgets/MailItem.razor.rz.scp.css */
.mail-item[b-52qjzfc9uz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 60px;
}

.mail-item[b-52qjzfc9uz]  .mail-item-link {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1rem;
    line-height: 1rem;
    color: #000 !important;
}

.mail-item[b-52qjzfc9uz]  .mail-item-link *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    color: var(--theme-primary-400);
    font-size: 1.25rem;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 5px;
}

.mail-item[b-52qjzfc9uz]  .mail-item-link .msp-mailbox,
.mail-item[b-52qjzfc9uz]  .mail-item-link .msp-mail-groups {
    font-size: 1.125rem;
}

/* Dark theme */
body.mod-skin-dark .mail-item[b-52qjzfc9uz]  .mail-item-link {
    color: #FFFFFF !important;
}
/* /Pages/Account/Home/Components/Widgets/MicrosoftLinks.razor.rz.scp.css */
.ms-links[b-f4tsxjd3op]  .widget__body {
    padding: 10px 0;
}

.ms-links[b-f4tsxjd3op]  .ms-links__body {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.ms-links[b-f4tsxjd3op]  .ms-links__block {
    width: 100%;
}

.ms-links[b-f4tsxjd3op]  .ms-links-line a {
    display: flex;
    align-items: center;
    gap: 18px;
    height: 68px;
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: 400;
    font-size: 1rem;
}

.microsoft-365[b-f4tsxjd3op],
.microsoft-entra[b-f4tsxjd3op],
.microsoft-exchange[b-f4tsxjd3op],
.microsoft-purview[b-f4tsxjd3op],
.microsoft-security[b-f4tsxjd3op],
.microsoft-sharepoint[b-f4tsxjd3op],
.microsoft-teams[b-f4tsxjd3op],
.microsoft-intune[b-f4tsxjd3op],
.microsoft-azure[b-f4tsxjd3op] {
    display: block;
    width: 41px;
    height: 40px;
}

.microsoft-365[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/365.svg') no-repeat;
}

.microsoft-entra[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/entra.svg') no-repeat;
}

.microsoft-exchange[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/exchange.svg') no-repeat;
}

.microsoft-purview[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/purview.svg') no-repeat;
}

.microsoft-security[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/security.svg') no-repeat;
}

.microsoft-sharepoint[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/sharepoint.svg') no-repeat;
}

.microsoft-teams[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/teams.svg') no-repeat;
}

.microsoft-intune[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/intune.svg') no-repeat;
}

.microsoft-azure[b-f4tsxjd3op] {
    background: url('/img/svg/microsoft/azure.svg') no-repeat;
}

/* Dark theme */
body.mod-skin-dark .ms-links[b-f4tsxjd3op]  .ms-links-line a {
    color: #fff !important;
}
/* /Pages/Account/Home/Components/Widgets/Modals/SlaDetailsModal.razor.rz.scp.css */
/* Reset existing styles */
.widget-modal[b-ous0mkfkst]  .modal-body {
    padding: 0;
}

.widget-modal[b-ous0mkfkst]  .modal-body .table,
.widget-modal[b-ous0mkfkst]  .modal-body .table thead tr,
.widget-modal[b-ous0mkfkst]  .modal-body .table thead tr th,
.widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr,
.widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr td {
    border: none;
    box-shadow: none;
}

.widget-modal[b-ous0mkfkst]  .modal-body .table {
    margin: 0 !important;
}

/* New styles */
.widget-modal[b-ous0mkfkst]  .modal .modal-dialog {
    max-width: 1620px !important;
}

.widget-modal[b-ous0mkfkst]  .table-header {
    flex-direction: row-reverse;
    padding: 30px 0;
}

@media (max-width: 767px) {
    .widget-modal[b-ous0mkfkst]  .table-header {
        padding: 18px 0;
    }
}

.widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .actions {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 30px;
    width: 50%;
    padding: 0 0 0 30px !important;
}

@media (max-width: 767px) {
    .widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .actions {
        padding-left: 14px !important;
    }
}

@media (max-width: 680px) {
    .widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .actions {
        gap: 14px;
    }
    
    .widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .actions .fa-file-export {
        margin: 0 !important;
    }
    
    .widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .actions .export-text {
        display: none;
    }
}

.widget-modal[b-ous0mkfkst]  .actions .btn.btn-default {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 20px;
    color: #A6AAC1;
    background: none;
    border: 1px solid #E1E2EC;
    border-radius: 14px;
}

.widget-modal[b-ous0mkfkst]  .actions .btn.btn-default:hover {
    color: var(--theme-primary-400);
    border-color: var(--theme-primary-400);
}

.widget-modal[b-ous0mkfkst]  .actions .btn.btn-default:disabled {
    pointer-events: none;
}

.widget-modal[b-ous0mkfkst]  .employee-name {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 0.9375rem;
    color: #A6AAC1;
}

.widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .tableTools {
    display: flex;
    align-items: center;
    width: 50%;
    height: 44px;
    margin: 0;
    padding: 0 !important;
}

@media only screen and (max-width: 767px) {
    .widget-modal[b-ous0mkfkst]  .tableTools .tableTools-right {
        justify-content: flex-end;
        padding-right: 14px !important;
    }
}

@media (max-width: 680px) {
    .widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .tableTools {
        width: 20%;
    }
}

.widget-modal[b-ous0mkfkst]  .tableTools .dt-buttons {
    margin: 0;
}

.widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .tableTools .dt-buttons .buttons-colvis .text {
    display: flex;
}

@media (max-width: 1100px) {
    .widget-modal[b-ous0mkfkst]  .dataTables_wrapper .table-header .tableTools .dt-buttons .buttons-colvis .text {
        display: none;
    }
}

.widget-modal[b-ous0mkfkst]  .tableTools .btn.buttons-collection {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #A6AAC1 !important;
    text-align: center;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    text-transform: capitalize;
    background-color: transparent !important;
    border: none;
    box-shadow: none !important;
}

@media only screen and (max-width: 767px) {
    .widget-modal[b-ous0mkfkst]  .tableTools .btn.buttons-collection {
        width: 44px;
        height: 44px;
        border: 1px solid #E1E2EC;
        border-radius: 14px;
    }

    .widget-modal[b-ous0mkfkst]  .tableTools .btn.buttons-collection .text {
        display: none;
    }

    .widget-modal[b-ous0mkfkst]  .tableTools .btn.buttons-collection .msp-columns {
        margin: 0 !important;
    }
}

.widget-modal[b-ous0mkfkst]  .tableTools .dropdown-menu {
    padding: 0;
    width: 200px;
}

.widget-modal[b-ous0mkfkst]  .tableTools .dropdown-toggle:after,
.widget-modal[b-ous0mkfkst]  .tableTools .dropleft .dropdown-toggle:before {
    display: none;
}

.widget-modal[b-ous0mkfkst]  .modal-body .table thead tr th:first-child,
.widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr td:first-child {
    padding-left: 30px;
}

.widget-modal[b-ous0mkfkst]  .modal-body .table thead tr th:last-child,
.widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr td:last-child {
    padding-right: 30px;
}

.widget-modal[b-ous0mkfkst]  .modal-body .table thead tr th {
    padding: 1.625rem 0.75rem;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: 0.06px;
    text-transform: uppercase;
    box-sizing: border-box;
    border-bottom: 1px solid #E1E2EC;
}

.widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr td {
    padding: 0.75rem;
    color: #000;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.038px;
    box-sizing: border-box;
    border-bottom: 1px solid #E1E2EC;
}

.widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr td .sla-respond {
    font-size: 1.125rem;
}

.widget-modal[b-ous0mkfkst]  .ticket-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 100%;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header {
    display: flex;
    gap: 10px;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .ticket-id {
    color: #000 !important;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 20px;
    padding: 0 10px;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 0.9375rem;
    border-radius: 14px;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl.emergency {
    color: #DE3730;
    background: rgba(255, 84, 73, 0.12);
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl.high {
    color: #FABD1B;
    background: rgba(250, 189, 27, 0.12);
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl.medium {
    color: #999999;
    background: rgba(153, 153, 153, 0.12);
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl.low {
    color: #327DB0;
    background: rgba(50, 125, 176, 0.12);
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl.no-sla {
    color: #800080;
    background: rgba(128, 0, 128, 0.12);
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl.do-not-respond {
    color: #16A96B;
    background: rgba(22, 169, 107, 0.12);
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .priority-lvl.help {
    color: #FFC0CB;
    background: rgba(255, 192, 203, 0.12);
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.038px;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details {
    display: flex;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details .contact-detail {
    display: block;
    padding: 0 8px;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.9375rem;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details .contact-detail {
    border-right: 1px solid #393B43;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details .contact-detail:first-child {
    padding-left: 0;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details .contact-detail:last-child {
    border-right: none;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details .contact-detail .detail-label {
    color: #A6AAC1;
}

.widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details .contact-detail .detail-value {
    color: #000;
}

/* Score status */
.widget-modal[b-ous0mkfkst]  .score-status {
    display: flex;
    max-width: 70px;
    padding: 2px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF;
    text-align: center;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    text-transform: capitalize;
    border-radius: 5px;
    background: #9c9fb6;
}

.widget-modal[b-ous0mkfkst]  .score-status.passed {
    background: #22C46C;
}

.widget-modal[b-ous0mkfkst]  .score-status.failed {
    background: #FF5449;
}

.widget-modal[b-ous0mkfkst]  .pagination-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 110px;
    margin: 0;
    padding-bottom: 30px;
}

@media only screen and (max-width: 850px) {
    .widget-modal[b-ous0mkfkst]  .pagination-container .col-sm-12 {
        flex: 0;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .widget-modal[b-ous0mkfkst]  .pagination-container {
        height: 80px;
        padding: 18px 0;
    }
}

@media only screen and (max-width: 400px) {
    .widget-modal[b-ous0mkfkst]  .pagination-container {
        justify-content: center;
        padding: 15px 0;
    }
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_info {
    padding: 0 18px;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 767px) {
    .widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_info {
        padding: 0;
    }

    .widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_info .col-sm-12 {
        padding: 0 14px;
    }
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination {
    display: flex;
    gap: 6px;
}

@media only screen and (max-width: 850px) {
    .widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination {
        display: none;
    }
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination .paginate_button {
    margin: 0;
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination .paginate_button a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 44px;
    height: 44px;
    color: #A6AAC1 !important;
    text-align: center;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    text-transform: capitalize;
    border-radius: 14px;
    border: 1px solid #E1E2EC !important;
    background: transparent;
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination .paginate_button a:hover {
    color: #FFF !important;
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination .paginate_button.active a {
    color: #FFF !important;
    background: var(--theme-primary-400);
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination-select .select2-selection {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 60px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid #E1E2EC !important;
    color: #DEE1F9;
    text-align: center;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    text-transform: capitalize;
}

@media only screen and (max-width: 850px) {
    .widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination-select {
        display: block !important;
    }
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination-select .select2-dropdown {
    border: 1px solid #E1E2EC;
    border-radius: 14px;
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination-select .select2-search {
    display: none;
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination-select .select2-results__options {
    padding: 5px;
}

.widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination-select .select2-results__option {
    font-size: 14px;
    border-radius: 7px;
}

/* Details list */
.widget-modal[b-ous0mkfkst]  .dtr-details {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 30px;
}

@media only screen and (max-width: 767px) {
    .widget-modal[b-ous0mkfkst]  .dtr-details {
        grid-template-columns: 1fr;
    }

    .widget-modal[b-ous0mkfkst]  .dtr-details li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}

.widget-modal[b-ous0mkfkst]  .dtr-details,
.widget-modal[b-ous0mkfkst]  .dtr-details li {
    padding: 10px 0 !important;
    border: none !important;
}

.widget-modal[b-ous0mkfkst]  .dtr-details:after {
    display: none;
}

.widget-modal[b-ous0mkfkst]  .dtr-details .dtr-title {
    display: block;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.widget-modal[b-ous0mkfkst]  .dtr-details .dtr-data {
    color: #000;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.038px;
}

/* Column visibility menu */
.widget-modal[b-ous0mkfkst]  .tableTools .column-visibility-menu {
    right: 0;
    left: auto;
    width: 290px;
    padding: 18px !important;
    background: #FFF;
    border: 1px solid #E1E2EC;
}

.widget-modal[b-ous0mkfkst]  .widget__checkbox .custom-checkbox .custom-control-label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 0 0 28px;
}

.widget-modal[b-ous0mkfkst]  .widget__checkbox .custom-checkbox .custom-control-label::before {
    width: 18px;
    height: 18px;
    border-radius: 2px;
}

.widget-modal[b-ous0mkfkst]  .widget__checkbox .custom-checkbox .custom-control-label::after {
    display: none;
}

.widget-modal[b-ous0mkfkst]  .widget__checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label .fas.fa-check {
    top: 15px;
    left: 3px;
    color: #FFF;
    font-size: 13px;
}

.widget-modal[b-ous0mkfkst]  .widget__checkbox .custom-control-label .fas.fa-check {
    top: 15px;
    left: 3px;
}

.widget-modal[b-ous0mkfkst]  .dt-button-collection {
    width: 100%;
}

/* Dark theme */
body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .tableTools .btn.buttons-collection {
    color: #DEE1F9 !important;
}

@media only screen and (max-width: 767px) {
    body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .tableTools .btn.buttons-collection {
        border-color: #393B43;
    }
}

body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .modal-body .table thead tr th,
body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr td,
body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .pagination-container .dataTables_paginate .pagination .paginate_button a {
    border-color: #393B43 !important;
}

body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .modal-body .table tbody tr td,
body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .ticket-box .ticket-summary,
body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .ticket-box .ticket-details .contact-detail .detail-value,
body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .dtr-details .dtr-data {
    color: #FFF;
}

body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .ticket-box .ticket-header .ticket-id {
    color: #FFF !important;
}

body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .tableTools .column-visibility-menu {
    background: #191C22;
    border: 1px solid #393B43;
}

body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .employee-name {
    color: #DEE1F9;
}

body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .actions .btn.btn-default {
    color: #A6AAC1;
    border-color: #A6AAC1;
}

body.mod-skin-dark .widget-modal[b-ous0mkfkst]  .actions .btn.btn-default:hover {
    color: var(--theme-primary-400);
    border-color: var(--theme-primary-400);
}
/* /Pages/Account/Home/Components/Widgets/Organizations.razor.rz.scp.css */
.organizations[b-6h7h059412]  .widget__header {
    border: none;
}

.organizations[b-6h7h059412]  .widget__header .widget__container {
    padding: 0 30px;
}

.organizations[b-6h7h059412]  .widget__body {
    padding: 0;
}

.organizations[b-6h7h059412]  .widget__container {
    padding: 0;
}

.organizations[b-6h7h059412]  .nav-tabs-container {
    border-bottom: 1px solid #E1E2EC;
}

@media (max-width: 700px) {
    .organizations[b-6h7h059412]  .nav-tabs-container {
        display: grid;
        grid-template-columns: 1fr 67px;
    }
}

.organizations[b-6h7h059412]  .nav-tabs {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    border-bottom: none;
}

.organizations[b-6h7h059412]  .nav-mobile {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media (max-width: 700px) {
    .organizations[b-6h7h059412]  .nav-mobile {
        display: flex;
    }
}

.organizations[b-6h7h059412]  .nav-mobile .nav-mobile-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.organizations[b-6h7h059412]  .nav-mobile .msp-context-menu {
    font-size: 1.5rem;
}

.organizations[b-6h7h059412]  .nav-mobile .dropdown-menu {
    display: block;
    right: 0;
    left: auto;
    min-width: 220px;
    background: #fff;
    border: 1px solid #E1E2EC;
}

.organizations[b-6h7h059412]  .nav-mobile .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.organizations[b-6h7h059412]  .nav-mobile .dropdown-menu ul .nav-link {
    font-size: 0.875rem;
    color: #000;
}

.organizations[b-6h7h059412]  .nav-mobile .dropdown-menu ul .nav-link.active {
    color: var(--theme-primary-400) !important;
}

.organizations[b-6h7h059412]  .nav-tabs .nav-link {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 16px;
    color: #000;
    text-align: center;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    border-radius: 14px;
    border: none;
}

.organizations[b-6h7h059412]  .nav-tabs .nav-item .nav-link.active,
.organizations[b-6h7h059412]  .nav-tabs .nav-item .nav-link.active:not(:hover) {
    pointer-events: none;
    color: var(--theme-primary-400);
    background: rgba(var(--theme-rgb-primary), .2);
}

@media (max-width: 700px) {
    .organizations[b-6h7h059412]  .nav-tabs .nav-item {
        width: 100%;
    }

    .organizations[b-6h7h059412]  .nav-tabs .nav-item .nav-link {
        display: none;
    }

    .organizations[b-6h7h059412]  .nav-tabs .nav-item .nav-link.active,
    .organizations[b-6h7h059412]  .nav-tabs .nav-item .nav-link.active:not(:hover) {
        display: flex;
        width: 100%;
        justify-content: center;
    }
}

.organizations[b-6h7h059412]  .tab-pane {
    padding: 20px 30px;
}

@media (max-width: 599px) {
    .organizations[b-6h7h059412]  .tab-pane {
        padding: 14px;
    }
}

.organizations[b-6h7h059412]  .organizations-item {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 60px;
    color: #000000;
    line-height: 24px;
    font-size: 1rem;
}

.organizations[b-6h7h059412]  .organizations-item *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    color: var(--theme-primary-400);
    font-size: 1.25rem;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 5px;
}

/* Dark theme */
body.mod-skin-dark .organizations[b-6h7h059412]  .nav-tabs-container {
    border-color: #393B43;
}

body.mod-skin-dark .organizations[b-6h7h059412]  .nav-tabs .nav-link {
    color: #fff;
}

body.mod-skin-dark .organizations[b-6h7h059412]  .nav-tabs .nav-item .nav-link.active,
body.mod-skin-dark .organizations[b-6h7h059412]  .nav-tabs .nav-item .nav-link.active:not(:hover) {
    pointer-events: none;
    color: var(--theme-primary-400) !important;
    background: rgba(var(--theme-rgb-primary), .2);
}

body.mod-skin-dark .organizations[b-6h7h059412]  .nav-mobile .dropdown-menu {
    background: #191C22;
    border-color: #393B43;
}

body.mod-skin-dark .organizations[b-6h7h059412]  .organizations-item {
    color: #FFFFFF !important;
}

body.mod-skin-dark .organizations[b-6h7h059412]  .nav-mobile .dropdown-menu ul .nav-link {
    color: #fff;
}

body.mod-skin-dark .organizations[b-6h7h059412]  .organizations-item:hover,
body.mod-skin-dark .organizations[b-6h7h059412]  .organizations-item:hover {
    color: var(--theme-primary-400) !important;
}
/* /Pages/Account/Home/Components/Widgets/ScheduledTasks.razor.rz.scp.css */
.scheduled-tasks[b-hxd1zhr1lc]  .diagram {
    justify-self: end;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-scores {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-scores .scheduled-tasks-scores__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

@media (max-width: 1439px) {
    .scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-scores .scheduled-tasks-scores__container {
        display: flex;
        flex-direction: column;
    }
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-total {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-total-value {
    display: block;
    margin: 0;
    color: #000000;
    font-size: 2.8125rem;
    font-weight: 500;
    line-height: 52px;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-total-description {
    display: block;
    margin: 0;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-statuses {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid #E1E2EC;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 18px;
    width: 33.33333%;
}

@media (max-width: 1439px) {
    .scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status {
        flex-direction: column;
        gap: 8px;
        padding: 12px;
    }
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 6px;
    gap: 4px;
    font-size: 0.75rem;
    border-radius: 50px;
    border: 2px solid #22C46C;
    background: transparent;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status *[class*='msp-'].progress {
    font-size: 1rem;
    border: 1.5px solid #FABD1B;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status *[class*='msp-'].danger {
    font-size: 1.25rem;
    border: 1.5px solid #FF5449;
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status .scheduled-tasks-status__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

@media (max-width: 1439px) {
    .scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status .scheduled-tasks-status__info {
        align-items: center;
    }
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status .scheduled-tasks-status__info .scheduled-tasks-status__info-status {
    display: block;
    width: 80px;
    margin: 0;
    color: #A6AAC1;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
}

@media (max-width: 1439px) {
    .scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status .scheduled-tasks-status__info .scheduled-tasks-status__info-status {
        text-align: center;
    }
}

.scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status .scheduled-tasks-status__info .scheduled-tasks-status__info-text {
    display: block;
    margin: 0;
    color: #000000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Dark theme */
body.mod-skin-dark .scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-total-value,
body.mod-skin-dark .scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-status .scheduled-tasks-status__info .scheduled-tasks-status__info-text {
    color: #FFFFFF !important;
}

body.mod-skin-dark .scheduled-tasks[b-hxd1zhr1lc]  .scheduled-tasks-statuses {
    border-color: #393B43;
}
/* /Pages/Account/Home/Components/Widgets/SmileBack.razor.rz.scp.css */
.smile-back[b-bh01uanh4i] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    width: 100%;
    padding: 50px 30px;
}

.smile-back.simple[b-bh01uanh4i] {
    grid-template-columns: 1fr;
}

@media (max-width: 1439px) {
    .smile-back[b-bh01uanh4i] {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 30px;
    }
}

.sb-block[b-bh01uanh4i] {
    display: grid;
    justify-items: center;
    gap: 20px;
}

.sb-block[b-bh01uanh4i]  .sb-block__title {
    display: block;
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
}

.sb-block[b-bh01uanh4i]  .sb-block__value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    padding: 10px 0;
    color: var(--theme-primary-400);
    font-size: 1.625rem;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    line-height: 36px;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 34px;
}

.sb-block[b-bh01uanh4i]  .sb-block__description {
    display: block;
    color: #72768B;
    font-size: 0.9375rem;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
}

/* Dark theme */
body.mod-skin-dark .sb-block[b-bh01uanh4i]  .sb-block__title {
    color: #fff;
}

body.mod-skin-dark .sb-block[b-bh01uanh4i]  .sb-block__description {
    color: #A6AAC1;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/AzureTab.razor.rz.scp.css */
.azure[b-t2roegw8td] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    gap: 84px;
}

@media (max-width: 1650px) {
    .azure[b-t2roegw8td] {
        gap: 30px;
    }
}

@media (max-width: 1320px) {
    .azure[b-t2roegw8td] {
        grid-template-columns: 1fr;
    }
}

.azure[b-t2roegw8td]  .azure-chart {
    padding: 10px 0;
}

.azure[b-t2roegw8td]  .bg-total-cost,
.azure[b-t2roegw8td]  .bg-forecast,
.azure[b-t2roegw8td]  .bg-budget {
    display: none;
}

.azure[b-t2roegw8td]  .chart-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.azure[b-t2roegw8td]  .chart-container canvas {
    width: 100% !important;
}

.azure[b-t2roegw8td]  .chart-header {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

@media (max-width: 599px) {
    .azure[b-t2roegw8td]  .chart-header {
        gap: 30px;
        flex-direction: column;
    }
}

.azure[b-t2roegw8td]  .chart-header .d-inline {
    margin: 0;
}

.azure[b-t2roegw8td]  .chart-header .budget {
    display: flex;
    flex-direction: column-reverse;
}

.azure[b-t2roegw8td]  .chart-header .budget .name,
.azure[b-t2roegw8td]  .chart-header .budget .d-inline,
.azure[b-t2roegw8td]  .chart-header .month-to-forecast .name,
.azure[b-t2roegw8td]  .chart-header .month-to-forecast .d-inline {
    font-family: 'Roboto', sans-serif;
}

.azure[b-t2roegw8td]  .chart-header .budget .name {
    display: flex;
    gap: 5px;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.azure[b-t2roegw8td]  .chart-header .budget .d-inline {
    display: block;
    margin: 0;
    color: #000;
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 500;
}

.azure[b-t2roegw8td]  .chart-header .month-to-forecast {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    min-width: 300px;
    padding: 10px 18px;
    border-radius: 5px;
    border: 1px solid #E1E2EC;
}

@media (max-width: 599px) {
    .azure[b-t2roegw8td]  .chart-header .month-to-forecast {
        justify-content: center;
    }
}

.azure[b-t2roegw8td]  .chart-header .month-to-forecast .value-container {
    position: relative;
}

.azure[b-t2roegw8td]  .chart-header .month-to-forecast .value-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    width: 1px;
    height: 100%;
    background: #E1E2EC;
}

.azure[b-t2roegw8td]  .chart-header .month-to-forecast .value-container:last-child::before {
    display: none;
}

.azure[b-t2roegw8td]  .chart-header .month-to-forecast .currency {
    margin-left: 3px;
}

.azure[b-t2roegw8td]  .chart-header .currency-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 3px;
    border-radius: 50%;
    color: #52DBCA;
    border: 0.5px solid var(--teritary, #2BBFAF);
    background: var(--teritary-container, rgba(43, 191, 175, 0.12));
}

.azure[b-t2roegw8td]  .chart-header .forecast.danger .currency-icon {
    border: 1px solid #FF5449;
    background: rgba(255, 84, 73, 0.12);
}

.azure[b-t2roegw8td]  .chart-header .forecast.danger .currency-icon .msp-dollar::before {
    color: #DE3730;
}

.azure[b-t2roegw8td]  .chart-header .month-to-date,
.azure[b-t2roegw8td]  .chart-header .forecast {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.azure[b-t2roegw8td]  .chart-header .month-to-forecast .name {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.azure[b-t2roegw8td]  .chart-header .month-to-forecast .d-inline {
    padding-left: 30px;
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}

.azure[b-t2roegw8td]  .links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
}

@media (max-width: 599px) {
    .azure[b-t2roegw8td]  .links {
        grid-template-columns: 1fr;
    }
}

.azure[b-t2roegw8td]  .organizations-item .msp-ad-domain {
    font-size: 1.375rem;
}

.azure[b-t2roegw8td]  .organizations-item .msp-ufos,
.azure[b-t2roegw8td]  .organizations-item .msp-dashboard {
    font-size: 1.5rem;
}

.azure[b-t2roegw8td]  .organizations-item .msp-azure-security {
    font-size: 1.625rem;
}

body.mod-skin-dark .azure[b-t2roegw8td]  .chart-header .budget .d-inline,
body.mod-skin-dark .azure[b-t2roegw8td]  .chart-header .month-to-forecast .d-inline {
    color: #FFF;
}

body.mod-skin-dark .azure[b-t2roegw8td]  .chart-header .month-to-forecast {
    border-color: #393B43;
}

body.mod-skin-dark .azure[b-t2roegw8td]  .chart-header .month-to-forecast .value-container::before {
    background: #393B43;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/BackupsTab.razor.rz.scp.css */
.backups[b-n7vn2bnrnu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
}

@media (max-width: 500px) {
    grid-template-columns: 1fr;[b-n7vn2bnrnu]
}
/* /Pages/Account/Home/Components/Widgets/Tabs/CloudFoldersTab.razor.rz.scp.css */
.cloud-folders[b-q042lmcfw5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
}

@media (max-width: 1170px) {
    .cloud-folders[b-q042lmcfw5] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .cloud-folders[b-q042lmcfw5] {
        grid-template-columns: 1fr;
    }
}

.cloud-folders[b-q042lmcfw5]  .organizations-item .msp-dashboard {
    font-size: 1.625rem;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/DevicesTab.razor.rz.scp.css */
.devices[b-af9mbwcww9] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 4px 0;
}

.devices[b-af9mbwcww9]  .spinner {
    font-size: 1.25rem;
    color: #000;
}

.devices[b-af9mbwcww9]  .data-wrapper {
    display: grid;
    grid-template-columns: 1fr 24.538%;
    align-items: flex-start;
    gap: 30px;
}

@media (max-width: 1450px) {
    .devices[b-af9mbwcww9]  .data-wrapper {
        grid-template-columns: 1fr;
    }
}

.devices[b-af9mbwcww9]  .data {
    padding: 0;
}

.devices[b-af9mbwcww9]  .data-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 840px) {
    .devices[b-af9mbwcww9]  .data-container {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.devices[b-af9mbwcww9]  .devices-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    margin: 30px 0 0;
    padding: 0;
}

@media (max-width: 1450px) {
    .devices[b-af9mbwcww9]  .devices-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 840px) {
    .devices[b-af9mbwcww9]  .devices-list {
        grid-template-columns: 1fr;
    }
}

.devices[b-af9mbwcww9]  .devices-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 36px;
    padding: 0 10px;
}

.devices[b-af9mbwcww9]  .devices-list-item-title {
    color: #000;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.038px;
}

.devices[b-af9mbwcww9]  .devices-list-item-count {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    min-width: 50px;
    padding: 0 10px;
    gap: 8px;
    color: var(--theme-primary-400);
    text-align: center;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.9375rem;
    border-radius: 14px;
    background: rgba(var(--theme-rgb-primary), 0.1);
}

.devices[b-af9mbwcww9]  .data-total-date {
    display: flex;
    gap: 4px;
}

.devices[b-af9mbwcww9]  .data-total-last-updated {
    color: #A6AAC1;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0.065px;
    text-transform: uppercase;
    text-align: left;
}

.devices[b-af9mbwcww9]  .data-total-date {
    color: #000;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
    text-align: left;
}

.devices[b-af9mbwcww9]  .devices-count {
    display: grid;
    align-items: center;
    grid-template-columns: 58px 1fr;
    gap: 18px;
    padding: 26px 24px;
    border-radius: 14px;
    border: 1px solid #E1E2EC;
    background: transparent;
}

.devices[b-af9mbwcww9]  .devices-count-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 100%;
    border: 1px solid #DEE1F9;
}

.devices[b-af9mbwcww9]  .msp-device {
    color: #A6AAC1;
    font-size: 1.875rem;
}

.devices[b-af9mbwcww9]  .msp-device-online {
    color: #22C46C;
    font-size: 2rem;
}

.devices[b-af9mbwcww9]  .msp-device-offline {
    color: #FF5449;
    font-size: 2rem;
}

.devices[b-af9mbwcww9]  .devices-count.online {
    background: linear-gradient(180deg, rgba(34, 196, 108, 0.12) 0%, rgba(34, 196, 108, 0.04) 100%);
}

.devices[b-af9mbwcww9]  .devices-count.online .devices-count-icon {
    border: 1px solid #22C46C;
}

.devices[b-af9mbwcww9]  .devices-count.offline {
    background: linear-gradient(180deg, rgba(234, 84, 85, 0.15) 0%, rgba(234, 84, 85, 0.05) 100%);
}

.devices[b-af9mbwcww9]  .devices-count.offline .devices-count-icon {
    border: 1px solid #FF5449;
}

.devices[b-af9mbwcww9]  .devices-count-container {
    display: grid;
    gap: 4px;
}

.devices[b-af9mbwcww9]  .devices-count-value {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
}

.devices[b-af9mbwcww9]  .devices-count-description {
    color: #A6AAC1;
    text-align: center;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
    white-space: nowrap;
}

.devices[b-af9mbwcww9]  .links {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 24px;
}

@media (max-width: 1450px) {
    .devices[b-af9mbwcww9]  .links {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 840px) {
    .devices[b-af9mbwcww9]  .links {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 440px) {
    .devices[b-af9mbwcww9]  .links {
        grid-template-columns: 1fr;
    }
}

.devices[b-af9mbwcww9]  .links .organizations-item {
    padding: 0 0 0 30px;
}

@media (max-width: 1450px) {
    .devices[b-af9mbwcww9]  .links .organizations-item {
        padding: 0;
    }
}

.devices[b-af9mbwcww9]  .organizations-item .msp-device,
.devices[b-af9mbwcww9]  .organizations-item .msp-device-settings,
.devices[b-af9mbwcww9]  .organizations-item .msp-device-log {
    font-size: 1.5rem;
}

/* Dark theme */
body.mod-skin-dark .devices[b-af9mbwcww9]  .spinner,
body.mod-skin-dark .devices[b-af9mbwcww9]  .data-total-date,
body.mod-skin-dark .devices[b-af9mbwcww9]  .devices-count-value,
body.mod-skin-dark .devices[b-af9mbwcww9]  .devices-list-item-title {
    color: #fff;
}

body.mod-skin-dark .devices[b-af9mbwcww9]  .data-wrapper .devices-count {
    border: 1px solid #393B43;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/ExchangeOnlineTab.razor.rz.scp.css */
.exchange[b-h98z0n04zk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
}

@media (max-width: 1170px) {
    .exchange[b-h98z0n04zk] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .exchange[b-h98z0n04zk] {
        grid-template-columns: 1fr;
    }
}

.exchange[b-h98z0n04zk]  .organizations-item .msp-policy,
.exchange[b-h98z0n04zk]  .organizations-item .msp-sign,
.exchange[b-h98z0n04zk]  .organizations-item .msp-storage {
    font-size: 1.625rem;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/ExchangeTab.razor.rz.scp.css */
.exchange[b-crjh9jjuci] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
}

@media (max-width: 1170px) {
    .exchange[b-crjh9jjuci] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .exchange[b-crjh9jjuci] {
        grid-template-columns: 1fr;
    }
}

.exchange[b-crjh9jjuci]  .organizations-item .msp-policy,
.exchange[b-crjh9jjuci]  .organizations-item .msp-sign,
.exchange[b-crjh9jjuci]  .organizations-item .msp-storage {
    font-size: 1.625rem;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/Microsoft365Tab.razor.rz.scp.css */
.microsoft-365[b-it4xm4hn7g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
}

@media (max-width: 1170px) {
    .microsoft-365[b-it4xm4hn7g] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .microsoft-365[b-it4xm4hn7g] {
        grid-template-columns: 1fr;
    }
}

.microsoft-365[b-it4xm4hn7g]  .organizations-item .msp-heart {
    font-size: 1.125rem;
}

.microsoft-365[b-it4xm4hn7g]  .organizations-item .msp-cloud {
    font-size: 1rem;
}

.microsoft-365[b-it4xm4hn7g]  .organizations-item .msp-azure-security {
    font-size: 1.625rem;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/MicrosoftTeamsTab.razor.rz.scp.css */
.microsoft-teams[b-oqsv2dpzwl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
}

@media (max-width: 1170px) {
    .microsoft-teams[b-oqsv2dpzwl] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .microsoft-teams[b-oqsv2dpzwl] {
        grid-template-columns: 1fr;
    }
}

.exchange[b-oqsv2dpzwl]  .organizations-item .msp-user-window,
.exchange[b-oqsv2dpzwl]  .organizations-item .msp-plan-list {
    font-size: 1.375rem;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/OrganizationTab.razor.rz.scp.css */
.organization[b-mj7eny5kco] {
    display: grid;
    grid-template-columns: 42.924% 1fr;
}

@media (max-width: 1380px) {
    .organization[b-mj7eny5kco] {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.organization[b-mj7eny5kco]  .users {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 10px 30px 10px 0;
}

@media (max-width: 1380px) {
    .organization[b-mj7eny5kco]  .users {
        grid-template-columns: 310px 1fr;
        gap: 24px;
        padding: 10px 0 6px;
    }
}

@media (max-width: 1170px) {
    .organization[b-mj7eny5kco]  .users {
        grid-template-columns: 200px 1fr;
    }
}

@media (max-width: 599px) {
    .organization[b-mj7eny5kco]  .users {
        grid-template-columns: 1fr;
        padding: 0;
    }
}

.organization[b-mj7eny5kco]  .users .spinner {
    font-size: 1.25rem;
    color: #000;
}

.organization[b-mj7eny5kco]  .user-counts {
    display: flex;
    gap: 18px;
}

.organization[b-mj7eny5kco]  .user-counts__item {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 44px;
}

.organization[b-mj7eny5kco]  .user-counts__value {
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}

.organization[b-mj7eny5kco]  .user-counts__description {
    color: #A6AAC1;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.9375rem;
}

.organization[b-mj7eny5kco]  .user-statuses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

@media (max-width: 599px) {
    .organization[b-mj7eny5kco]  .user-statuses {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}

.organization[b-mj7eny5kco]  .accounts__status {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 24px 24px 24px 108px;
    border-radius: 14px;
    border: 1px solid #E1E2EC;
    background: linear-gradient(to bottom, rgba(14, 17, 24, .12), rgba(14, 17, 24, 0));
}

@media (max-width: 1630px) {
    .organization[b-mj7eny5kco]  .accounts__status {
        padding: 24px 24px 24px 98px;
    }
}

@media (max-width: 1585px) {
    .organization[b-mj7eny5kco]  .accounts__status {
        padding: 18px 18px 18px 62px;
    }
}

@media (max-width: 1380px) {
    .organization[b-mj7eny5kco]  .accounts__status {
        padding: 24px 24px 24px 108px;
    }
}

.organization[b-mj7eny5kco]  .accounts__status.accounts__status--active {
    background: linear-gradient(180deg, rgba(34, 196, 108, 0.12) 0%, rgba(34, 196, 108, 0.04) 100%);
}

.organization[b-mj7eny5kco]  .accounts__status.accounts__status--inactive {
    background: linear-gradient(180deg, rgba(255, 84, 73, 0.12) 0%, rgba(255, 84, 73, 0.04) 100%);
}

.organization[b-mj7eny5kco]  .accounts__status--active::before,
.organization[b-mj7eny5kco]  .accounts__status--inactive::before {
    content: "";
    position: absolute;
    left: 24px;
    top: calc(50% - 29px);
    width: 60px;
    height: 58px;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1630px) {
    .organization[b-mj7eny5kco]  .accounts__status--active::before,
    .organization[b-mj7eny5kco]  .accounts__status--inactive::before {
        top: calc(50% - 24px);
        width: 49px;
        height: 48px;
    }
}

@media (max-width: 1585px) {
    .organization[b-mj7eny5kco]  .accounts__status--active::before,
    .organization[b-mj7eny5kco]  .accounts__status--inactive::before {
        left: 14px;
        top: calc(50% - 19px);
        width: 39px;
        height: 38px;
    }
}

@media (max-width: 1380px) {
    .organization[b-mj7eny5kco]  .accounts__status--active::before,
    .organization[b-mj7eny5kco]  .accounts__status--inactive::before {
        left: 24px;
        top: calc(50% - 29px);
        width: 60px;
        height: 58px;
    }
}

.organization[b-mj7eny5kco]  .accounts__status--active::before {
    background-image: url("/img/svg/icon-active-accounts.svg");
}

.organization[b-mj7eny5kco]  .accounts__status--inactive::before {
    background-image: url("/img/svg/icon-inactive-accounts.svg");
}

.organization[b-mj7eny5kco]  .accounts__status-count {
    display: block;
    margin: 0;
    color: #000000;
    font-weight: 500;
    font-size: 2.8125rem;
    line-height: 3.25rem;
}

.organization[b-mj7eny5kco]  .accounts__status-title {
    display: block;
    margin: 0;
    color: #A6AAC1;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    text-align: center;
}

.organization[b-mj7eny5kco]  .links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1170px) {
    .organization[b-mj7eny5kco]  .links {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .organization[b-mj7eny5kco]  .links {
        grid-template-columns: 1fr;
    }
}

.organization[b-mj7eny5kco]  .links .organizations-item {
    padding-left: 30px;
}

@media (max-width: 1380px) {
    .organization[b-mj7eny5kco]  .links .organizations-item {
        padding-left: 0;
    }
}

.organization[b-mj7eny5kco]  .links .organizations-item .msp-simple-castle {
    font-size: 1.125rem;
}

.organization[b-mj7eny5kco]  .links .organizations-item .msp-www,
.organization[b-mj7eny5kco]  .links .organizations-item .msp-security,
.organization[b-mj7eny5kco]  .links .organizations-item .msp-time-user,
.organization[b-mj7eny5kco]  .links .organizations-item .msp-cross-user,
.organization[b-mj7eny5kco]  .links .organizations-item .msp-protected-user {
    font-size: 1.375rem;
}

.organization[b-mj7eny5kco]  .links .organizations-item .msp-active-user {
    font-size: 1.5rem;
}

/* Dark theme */
body.mod-skin-dark .organization[b-mj7eny5kco]  .accounts__count,
body.mod-skin-dark .organization[b-mj7eny5kco]  .accounts__status-count {
    color: #fff !important;
}

body.mod-skin-dark .organization[b-mj7eny5kco]  .accounts__status {
    border-color: #393B43;
}

body.mod-skin-dark .organization[b-mj7eny5kco]  .users .spinner,
body.mod-skin-dark .organization[b-mj7eny5kco]  .user-counts__value {
    color: #fff;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/RDSTab.razor.rz.scp.css */
.rds[b-4cotzyfeji] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
}

@media (max-width: 1170px) {
    .rds[b-4cotzyfeji] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .rds[b-4cotzyfeji] {
        grid-template-columns: 1fr;
    }
}

.rds[b-4cotzyfeji]  .organizations-item .msp-pc-rds {
    font-size: 1.5rem;
}
/* /Pages/Account/Home/Components/Widgets/Tabs/SecurityTab.razor.rz.scp.css */
.security[b-z2wibdqh9p]  .spinner {
    font-size: 1.25rem;
    color: #000;
}

.security[b-z2wibdqh9p]  .security-header {
    padding: 10px 0 30px;
    border-bottom: 1px solid #e1e2ec;
}

.security[b-z2wibdqh9p]  .security-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    margin: 0;
    padding: 0;
}

@media (max-width: 1450px) {
    .security[b-z2wibdqh9p]  .security-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 700px) {
    .security[b-z2wibdqh9p]  .security-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 580px) {
    .security[b-z2wibdqh9p]  .security-list {
        grid-template-columns: 1fr;
    }
}

.security[b-z2wibdqh9p]  .security-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

@media (max-width: 580px) {
    .security[b-z2wibdqh9p]  .security-list-item {
        flex-direction: row;
    }
}

.security[b-z2wibdqh9p]  .security-list-item-count {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    padding: 10px 24px;
    gap: 10px;

    color: #FABD1B;
    text-align: center;
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem;

    border-radius: 34px;
    background: rgba(250, 189, 27, 0.12);
}

@media (max-width: 580px) {
    .security[b-z2wibdqh9p]  .security-list-item-count {
        font-size: 1.25rem;
        min-width: 100px;
        padding: 4px 0;
    }
}

.security[b-z2wibdqh9p]  .security-list-item-count.danger {
    color: #FF5449;
    background: rgba(255, 84, 73, 0.12);
}

.security[b-z2wibdqh9p]  .security-list-item-description {
    display: block;
    color: #A6AAC1;
    text-align: center;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.038px;
}

@media (max-width: 580px) {
    .security[b-z2wibdqh9p]  .security-list-item-description {
        text-align: left;
    }
}

.security[b-z2wibdqh9p]  .security-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 40px 0 30px;
}

@media (max-width: 700px) {
    .security[b-z2wibdqh9p]  .security-content {
        grid-template-columns: 1fr;
    }
}

.security[b-z2wibdqh9p]  .scores {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 0 50px 20px 0;
}

@media (max-width: 1450px) {
    .security[b-z2wibdqh9p]  .scores {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .security[b-z2wibdqh9p]  .scores {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 0 24px;
    }
}

@media (max-width: 580px) {
    .security[b-z2wibdqh9p]  .scores {
        grid-template-columns: 1fr;
    }
}

.security[b-z2wibdqh9p]  .scores-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 48px;
}

.security[b-z2wibdqh9p]  .scores-item-title {
    color: #000;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}

.security[b-z2wibdqh9p]  .incidents {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 50px 30px;
    border-left: 1px solid #e1e2ec;
}

@media (max-width: 700px) {
    .security[b-z2wibdqh9p]  .incidents {
        padding: 24px 0 0;
        border-left: none;
        border-top: 1px solid #e1e2ec;
    }
}

.security[b-z2wibdqh9p]  .incidents-title {
    display: block;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}

.security[b-z2wibdqh9p]  .incidents-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

@media (max-width: 1450px) {
    .security[b-z2wibdqh9p]  .incidents-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 700px) {
    .security[b-z2wibdqh9p]  .incidents-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

@media (max-width: 580px) {
    .security[b-z2wibdqh9p]  .incidents-container {
        grid-template-columns: 1fr;
    }
}

.security[b-z2wibdqh9p]  .incidents-item {
    display: flex;
    gap: 12px;
}

.security[b-z2wibdqh9p]  .msp-security {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    font-size: 20px;
    border-radius: 5px;
}

.security[b-z2wibdqh9p]  .msp-security.unresolved {
    color: #52DBCA;
    background: var(--teritary-container, rgba(43, 191, 175, 0.12));
}

.security[b-z2wibdqh9p]  .msp-security.high {
    color: #DE3730;
    background: var(--Virtuworks-sys-light-error-container, rgba(255, 84, 73, 0.12));
}

.security[b-z2wibdqh9p]  .msp-security.medium {
    color: #FABD1B;
    background: var(--Virtuworks-sys-dark-warning-container, rgba(250, 189, 27, 0.12));
}

.security[b-z2wibdqh9p]  .msp-security.low {
    color: #00A658;
    background: var(--Virtuworks-sys-dark-success-container, rgba(34, 196, 108, 0.12));
}

.security[b-z2wibdqh9p]  .incidents-item-container {
    display: grid;
    gap: 4px;
}

.security[b-z2wibdqh9p]  .incidents-item-count {
    display: block;
    color: #000;
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem;
}

.security[b-z2wibdqh9p]  .incidents-item-title {
    display: block;
    color: #A6AAC1;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0.038px;
}

/* Dark theme */
body.mod-skin-dark .security[b-z2wibdqh9p]  .scores-item-title,
body.mod-skin-dark .security[b-z2wibdqh9p]  .incidents-title,
body.mod-skin-dark .security[b-z2wibdqh9p]  .incidents-item-count,
body.mod-skin-dark .security[b-z2wibdqh9p]  .spinner {
    color: #fff;
}

body.mod-skin-dark .security[b-z2wibdqh9p]  .security-header {
    border-bottom: 1px solid #393B43;
}

body.mod-skin-dark .security[b-z2wibdqh9p]  .incidents {
    border-left: 1px solid #393B43;
}

@media (max-width: 700px) {
    body.mod-skin-dark .security[b-z2wibdqh9p]  .incidents {
        border-left: none;
        border-top: 1px solid #393B43;
    }
}
/* /Pages/Account/Home/Components/Widgets/Tabs/SharePointOnlineTab.razor.rz.scp.css */
.share-point[b-2pdjrp3nsj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
}

@media (max-width: 1170px) {
    .share-point[b-2pdjrp3nsj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 599px) {
    .share-point[b-2pdjrp3nsj] {
        grid-template-columns: 1fr;
    }
}

.exchange[b-2pdjrp3nsj]  .organizations-item .msp-share-points {
    font-size: 1.5rem;
}
/* /Pages/Account/Home/Components/Widgets/Web.razor.rz.scp.css */
.web[b-byy3fiipas] {
    display: flex;
    flex-direction: column;
}

.web[b-byy3fiipas]  .web-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 66px;
}

.web[b-byy3fiipas]  .web-item .web-item-link {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 60px;
    color: #000000;
    font-size: 1rem;
    line-height: 1rem;
}

.web[b-byy3fiipas]  .web-item .web-item-link *[class*='msp-'] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    margin: 0 !important;
    color: var(--theme-primary-400);
    font-size: 1.25rem;
    background: rgba(var(--theme-rgb-primary), 0.1);
    border-radius: 5px;
}

.web[b-byy3fiipas]  .web-item .web-item-link-content {
    display: flex;
    flex-direction: column;
    padding-top: 4px;
    color: #000;
}

.web[b-byy3fiipas]  .web-item .web-item-link-content span {
    display: block;
    width: 100%;
    line-height: 1.25rem;
}

.web[b-byy3fiipas]  .web-item .web-item-link-content .web-item-link-title {
    color: #000;
}

.web[b-byy3fiipas]  .web-item .web-item-link-count {
    font-size: 0.8125rem;
    color: #A6AAC1;
}

/* Dark theme */
body.mod-skin-dark .web[b-byy3fiipas]  .web-item .web-item-link,
body.mod-skin-dark .web[b-byy3fiipas]  .web-item .web-item-link-content,
body.mod-skin-dark .web[b-byy3fiipas]  .web-item .web-item-link-content .web-item-link-title {
    color: #FFFFFF;
}
/* /Pages/Account/Home/UserIcons.razor.rz.scp.css */
.auto-grid-columns > div[b-iaynisx1xm] {
    display: inline-block;
    vertical-align: top;
    width: 100px;
}

@supports (display: grid) {
    .auto-grid-columns[b-iaynisx1xm] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }

    .auto-grid-columns > div[b-iaynisx1xm] {
        width: auto;
    }
}
/* /Pages/Account/HostingPlan/Components/Product.razor.rz.scp.css */
[b-axuv7wu00q] .selector {
    min-width: 200px;
}
/* /Pages/Account/Peers/Components/PeerLocationsSelector.razor.rz.scp.css */
.tree[b-k21d49nhbf] {
    --spacing: 24px;
    --radius: 10px;
}

.tree li[b-k21d49nhbf] {
    display: block;
    position: relative;
    margin-top: 4px;
    padding-top: 2px;
    padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul[b-k21d49nhbf] {
    margin-left: calc(var(--radius) - var(--spacing));
    padding-left: 0;
}

.tree ul li[b-k21d49nhbf]::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / -2 - 3px);
    left: -1px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 3px);
    border: solid #e9e9e9;
    border-width: 0 0 1px 1px;
}

.location-checkbox[b-k21d49nhbf] {
    margin-left: -11px !important;
}

.group-checkbox[b-k21d49nhbf] {
    padding-left: 53px;
    padding-bottom: 5px;
}
/* /Pages/Account/Peers/Components/PrivilegedAccessComponentFor.razor.rz.scp.css */
[b-rnuoq7uih7] .overflow-visible-card > .card{
    overflow: visible !important;
}
/* /Pages/Account/Peers/EditBase.razor.rz.scp.css */
.badge[b-kp2ci2xt8s] {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-success[b-kp2ci2xt8s] {
    color: #fff;
    background-color: #28a745;
}
/* /Pages/Account/Peers/IndexBase.razor.rz.scp.css */
.avatar-container[b-zkqlhbojqe] {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    gap: .5rem;
}

.avatar-image[b-zkqlhbojqe] {
    display: flex;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.avatar[b-zkqlhbojqe] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #E1E2EC;
}

.avatar[b-zkqlhbojqe]  .avatar-text {
    color: #72768B;
    font-size: 0.9375rem;
    font-weight: 500;
    text-transform: uppercase;
}

/* Dark theme */
body.mod-skin-dark .avatar[b-zkqlhbojqe] {
    background: #393B43;
}

body.mod-skin-dark .avatar[b-zkqlhbojqe]  .avatar-text {
    color: #A6AAC1;
}
/* /Pages/Account/RunningTasks/Details.razor.rz.scp.css */
.owrap-anywhere[b-qg374kvggi] {
    overflow-wrap: anywhere;
}

.spinner-container[b-qg374kvggi] {
    min-width: 22px;
}

.header-container[b-qg374kvggi] {
    min-width: 300px;
    border: gray solid 1px;
}
.table-container[b-qg374kvggi] {
    max-height: 65vh;
    border-bottom: gray solid 1px;
    border-top: gray solid 1px;
}
.table-container td:nth-child(1)[b-qg374kvggi]{
    width: 100px;
}
.table-container td:nth-child(2)[b-qg374kvggi]{
    overflow-wrap: anywhere;
}
.table-container td:nth-child(3)[b-qg374kvggi]{
    width: 30px;
    text-align: center;
}
/* /Pages/Account/ScheduledTasks/Index.razor.rz.scp.css */
.fs-ab[b-n2l0k5mrrv] {
    font-size: 1.2rem !important;
}
/* /Pages/Account/SpaceStatistics/SpaceSummaryLetter.razor.rz.scp.css */
.summary-letter-mailpreview[b-gscjmv9vb2] {
    width: 100%;
    height: 600px;
    background-color: white;
    border: 5px solid orange;
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.initializing[b-kn0esu7hq7] {
    text-align: center;
}
/* /Pages/Auth/PasswordReset.razor.rz.scp.css */

/* /Pages/CheckIn/Add.razor.rz.scp.css */
[b-14fpvx9eq5] .dataTables_wrapper {
    width: 100%
}

[b-14fpvx9eq5] .align-middle {
    vertical-align: top !important;
}

[b-14fpvx9eq5] .site-selector {
    min-width: 130px;
}

[b-14fpvx9eq5] .d-inline-block {
    position: relative;
}
/* /Pages/CheckIn/Components/AddCheckIn.razor.rz.scp.css */
[b-fs69wcaylq] .dataTables_wrapper {
    width: 100%
}

[b-fs69wcaylq] .align-middle {
    vertical-align: top !important;
}

[b-fs69wcaylq] .site-selector {
    min-width: 130px;
}

[b-fs69wcaylq] .checkin-hours {
    font-size: 0.9375rem;
    white-space: nowrap !important;
}
/* /Pages/CheckIn/Components/CheckPoints.razor.rz.scp.css */
[b-r8uuh5b9li] .dataTables_wrapper {
    width: 100%
}

[b-r8uuh5b9li] .align-middle {
    vertical-align: top !important;
}

[b-r8uuh5b9li] .site-selector {
    min-width: 130px;
}

.exclamation[b-r8uuh5b9li] {
    padding: 5px 10px 5px 0;
    color: #FF5449;
    font-size: 15px;
    cursor: pointer;
}
/* /Pages/CheckIn/Components/LunchReservation.razor.rz.scp.css */
/* /Pages/CheckIn/Components/WeekColumn.razor.rz.scp.css */
.week-day[b-jy0fs1wakw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.week-day.total .day-date[b-jy0fs1wakw] {
    padding: 0 100px;
}

.week-day.total .title-container[b-jy0fs1wakw] {
    grid-template-columns: repeat(4, 1fr);
}

.week-day .day-date[b-jy0fs1wakw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 0 40px;
}

.week-day .title-container[b-jy0fs1wakw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    gap: 4px;
}

.week-day .title-container div[b-jy0fs1wakw] {
    display: flex;
    justify-content: center;
}
/* /Pages/CheckIn/Components/WeekColumnValue.razor.rz.scp.css */
.week-column[b-v20agvl4ui] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
}

.week-column[b-v20agvl4ui]  .checkin-hours {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.week-column[b-v20agvl4ui]  .mobile-title {
    display: none;
    color: #000;
    font-size: 0.75rem;
}

.week-column[b-v20agvl4ui]  .owrap-anywhere .mobile-title {
    display: block;
}

/* Dark theme */
body.mod-skin-dark .week-column[b-v20agvl4ui]  .mobile-title {
    color: #FFFFFF;
}
/* /Pages/CheckIn/Current.razor.rz.scp.css */
.checkin[b-jrvg6y8e5e]  .checkin-container {
    box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
}

.checkin[b-jrvg6y8e5e]  .tab-content {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 0 14px 14px;
}

.checkin[b-jrvg6y8e5e]  .nav {
    background: #EFF0FA;
    border-radius: 14px 14px 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

.checkin[b-jrvg6y8e5e]  .nav .nav-item {
    margin: -1px -1px 0 0;
}

.checkin[b-jrvg6y8e5e]  .nav .nav-item:first-child .nav-link {
    border-radius: 14px 0 0 0;
}

.checkin[b-jrvg6y8e5e]  .nav .nav-link {
    padding: 16px 24px;
    border-radius: 0;
    border: none;
}

.checkin[b-jrvg6y8e5e]  .nav .nav-link.active {
    color: #fff !important;
    pointer-events: none;
}

.checkin[b-jrvg6y8e5e]  .accordion {
    border: none !important;
    margin-bottom: 1rem !important;
}

.checkin[b-jrvg6y8e5e]  .accordion:last-child {
    margin-bottom: 0 !important;
}

.checkin[b-jrvg6y8e5e]  .panel {
    margin-bottom: 0;
}

.checkin[b-jrvg6y8e5e]  .items-center {
    align-items: center;
}

/* Dark theme */
/* body.mod-skin-dark */
body.mod-skin-dark .checkin[b-jrvg6y8e5e]  .nav,
body.mod-skin-dark .checkin[b-jrvg6y8e5e]  .tab-content {
    background: #191C22;
    border: none !important;
}

body.mod-skin-dark .checkin[b-jrvg6y8e5e]  .checkin-container {
    box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
}
/* /Pages/CheckIn/Day.razor.rz.scp.css */
[b-92y54sqkjg] .dataTables_wrapper {
    width: 100%
}

[b-92y54sqkjg] .align-middle {
    vertical-align: top !important;
}

[b-92y54sqkjg] .site-selector {
    min-width: 130px;
}
/* /Pages/CheckIn/Edit.razor.rz.scp.css */
[b-xcu2axbzn1] .dataTables_wrapper {
    width: 100%
}

[b-xcu2axbzn1] .align-middle {
    vertical-align: top !important;
}

[b-xcu2axbzn1] .site-selector {
    min-width: 130px;
}

[b-xcu2axbzn1] .d-inline-block {
    position: relative;
}
/* /Pages/CheckIn/Tabs/ApprovalHistory.razor.rz.scp.css */
/* Status colors */
.text-success[b-iloamoxj2g] {
    color: #52bf11 !important;
}

.text-danger[b-iloamoxj2g] {
    color: #FF5449 !important;
}

.text-warning[b-iloamoxj2g] {
    color: #FFA500 !important;
}

/* Button colors */
.actions-template[b-iloamoxj2g] {
    display: flex;
    gap: 10px;
}

.actions-template[b-iloamoxj2g]  .approve {
    color: #3d8f0c !important;
}

.actions-template[b-iloamoxj2g]  .approve:hover {
    color: #52bf11 !important;
}

.actions-template[b-iloamoxj2g]  .decline {
    color: #FF5449 !important;
}

.actions-template[b-iloamoxj2g]  .decline:hover {
    color: #c1261c !important;
}
/* /Pages/CheckIn/Tabs/CheckIn.razor.rz.scp.css */
[b-1egwkfvxj6] .dataTables_wrapper .table-header {
    flex-direction: row !important;
}

    [b-1egwkfvxj6] .dataTables_wrapper .table-header .actions {
        padding: 0 0 15px 0 !important;
    }

[b-1egwkfvxj6] .dataTables_wrapper > .row {
    margin: 0;
}

[b-1egwkfvxj6] .dataTables_wrapper {
    width: 100%
}

[b-1egwkfvxj6] .dataTables_wrapper .exclamation {
    padding: 5px 10px 5px 0;
    color: #FF5449;
    font-size: 15px;
    cursor: pointer;
}

[b-1egwkfvxj6] .align-middle {
    vertical-align: top !important;
}

[b-1egwkfvxj6] .site-selector {
    min-width: 130px;
}

[b-1egwkfvxj6] .checkin-hours {
    font-size: 0.9375rem;
    white-space: nowrap !important;
}

[b-1egwkfvxj6] .total-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
}

[b-1egwkfvxj6] .total-container .checkin-hours {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

[b-1egwkfvxj6] .mobile-title {
    display: none;
    color: #000;
    font-size: 0.75rem;
}

[b-1egwkfvxj6] .owrap-anywhere .week-column,
[b-1egwkfvxj6] .owrap-anywhere .total-container {
    margin-top: 10px;
}

[b-1egwkfvxj6] .owrap-anywhere .mobile-title {
    display: block;
}

[b-1egwkfvxj6] .actions-bar-container {
    display: flex;
    gap: .75rem;
}

/* Dark theme */
body.mod-skin-dark .mobile-title[b-1egwkfvxj6] {
    color: #FFFFFF;
}
/* /Pages/CloudAgreement.razor.rz.scp.css */
.page-content-wrapper[b-ratpfco8d0] {
    padding: 0 !important;
}
/* /Pages/Dashboards/AzureDashboard/Charts/ExtendedAzureBurnRateChart.razor.rz.scp.css */
.bg-cost[b-fw8cs4dof3] {
    background-color: #85D1EF;
}

.bg-revenue[b-fw8cs4dof3] {
    background-color: #6F5EF9;
}

.bg-margin[b-fw8cs4dof3] {
    background-color: #5AD8A6;
}

.bg-cost-forecast[b-fw8cs4dof3] {
    background-color: #FF9EC5;
}

.bg-revenue-forecast[b-fw8cs4dof3] {
    background-color: #945FB9;
}

.bg-margin-forecast[b-fw8cs4dof3] {
    background-color: #FF9845;
}

.bg-budget[b-fw8cs4dof3] {
    background-color: #F6C022;
}
/* /Pages/Demo/FontIconsDemo.razor.rz.scp.css */
p[b-63metra6l3] {
    margin: 0px;
}

.ultile[b-63metra6l3] {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-position: outside;
}

.litile[b-63metra6l3] {
    float: left;
    height: 165px;
    width: 166px;
    padding: 15px 8px 0 8px;
    display: list-item;
    text-align: -webkit-match-parent;
}

.innerTile[b-63metra6l3] {
    background-color: white;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -moz-box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;
    border-color: gray;
    border-radius: 10px;
}

.iconouterdiv[b-63metra6l3] {
    height: 43%;
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.iconinnerdiv[b-63metra6l3] {
    height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    vertical-align: middle;
}

.txtouterdiv[b-63metra6l3] {
    height: 22%;
    width: 100%;
}

.txtinnerdiv[b-63metra6l3] {
    text-align: left;
    margin-left: 10px;
    margin-top: 5px
}

.nametxt[b-63metra6l3] {
    color: #4791F9;
    display: block;
    font-size: 12px;
    font-family: Segoe UI;
}

.valuetxt[b-63metra6l3] {
    display: block;
    font-size: 15px;
    font-family: Segoe UI;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon[b-63metra6l3] {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    margin-top: 10%;
    font-size: 55px;
}

[b-63metra6l3] .ml-85px {
    margin-left: 85px;
}
/* /Pages/Documentation/AssetManager/Assets/Components/Images/ImagesPaged.razor.rz.scp.css */
.images[b-6w1xr6fgx8] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
}

.image[b-6w1xr6fgx8] {
    width: 200px;
    height: 200px;
    margin: 8px;
    cursor: pointer;
    position: relative
}

.image-preview[b-6w1xr6fgx8] {
    width: 200px;
    height: 150px;
    position: relative;
}

    .image-preview img[b-6w1xr6fgx8] {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }


.button-done[b-6w1xr6fgx8] {
    position: absolute;
    top: 70px;
    right: 30px;
}

.description[b-6w1xr6fgx8] {
    top: auto !important;
    bottom: 15px !important;
}
.custom-title[b-6w1xr6fgx8] {
    top: 45px !important;
}
.users-tags[b-6w1xr6fgx8] {
    top: 75px !important;
}
.devices-tags[b-6w1xr6fgx8] {
    top: 105px !important;
}
.locations-tags[b-6w1xr6fgx8] {
    top: 135px !important;
}
[b-6w1xr6fgx8] .image-area {
    height: 150px !important;
}

[b-6w1xr6fgx8] .selector {
    min-width: 200px;
}

[b-6w1xr6fgx8] .name-input {
    min-width: 200px;
    vertical-align: top;
}

[b-6w1xr6fgx8] .peers-input {
    min-width: 200px;
}

[b-6w1xr6fgx8] .isprivate-input {
    position: relative;
    top: 10px;
}

.main-image-icon[b-6w1xr6fgx8]{
    position: absolute;
    top: 2px;
    right: 2px;
}

[b-6w1xr6fgx8] .selected-check-box {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block !important;
    z-index: 2;
}
[b-6w1xr6fgx8] .all-check-box{
    position: relative;
    top: 10px;
}

[b-6w1xr6fgx8] .edit-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block !important;
    z-index: 2;
    padding: 0 3px;
}
/* /Pages/Documentation/Certificates/Index.razor.rz.scp.css */
.actionsBar[b-7gvbsbk2b0] {
    display:flex;
    flex-direction: row;
}

.actionsLeft[b-7gvbsbk2b0] {
    flex-grow:1;
}

.actionsRight[b-7gvbsbk2b0] {
    width: 150px;
    text-align: right;
}

[b-7gvbsbk2b0] .selector{
    min-width: 200px;
}
/* /Pages/Documentation/Certificates/View.razor.rz.scp.css */
[b-d1bdlkoqjm] .description {
    height: auto !important;
    overflow-wrap: anywhere;
}
/* /Pages/Documentation/Components/Tags.razor.rz.scp.css */
.doc-tag[b-pawf5kyh5s] {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    color: white;
    margin-right: 5px;
}

.location-doc-tag[b-pawf5kyh5s] {
    background-color: #3276b1;
}

.device-doc-tag[b-pawf5kyh5s] {
    background-color: #739e73;
}

.orguser-doc-tag[b-pawf5kyh5s] {
    background-color: #c79121;
}

.peer-doc-tag[b-pawf5kyh5s] {
    background-color: #c79121;
}

.assets-doc-tag[b-pawf5kyh5s] {
    background-color: #c7214d;
}
.mod-skin-dark .doc-tag[b-pawf5kyh5s] {
    color: black;
}
/* /Pages/Documentation/Documents/Components/FoldersBreadcrumb.razor.rz.scp.css */
.breadcrumb-container[b-v2ukidim2g] {
    padding: 15px 0 0 0 !important;
    min-height: 45px !important;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

.breadcrumb-container ol[b-v2ukidim2g] {
    flex-grow: 1;
}

.breadcrumb-container .page-breadcrumb[b-v2ukidim2g] {
    margin-top: 12px;
    margin-bottom: 10px;
    scroll-padding-right: 20px;
}

.breadcrumb-scrollbox-fade[b-v2ukidim2g] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 0 0;
    padding: 0 0;
    overflow: hidden;
    height: 45px !important;
    position: relative;
}

.breadcrumb-scrollbox[b-v2ukidim2g] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 0;
    padding: 0 0;
    width: 100%;
    height: 40px !important;
}

.breadcrumb-scrollbox:hover[b-v2ukidim2g] {
&::-webkit-scrollbar-thumb

 {
     background-color: #666;
 }

}

.fade-scrollbox[b-v2ukidim2g] {
    opacity: 1;
    position: absolute;
    top: 12px;
    bottom: 13px;
    right: 0;
    z-index: 1;
    width: 25px;
    display: inline;
    background-image: linear-gradient(to right, transparent 0%, #faf8fb);
}

.breadcrumb-scrollbox-fade:hover > div:last-child[b-v2ukidim2g] {
    display: none;
}

.breadcrumb[b-v2ukidim2g] {
    min-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.breadcrumb > li.breadcrumb-item[b-v2ukidim2g] {
    max-width: unset !important;
    text-overflow: unset;
    white-space: nowrap;
    overflow: unset;
    display: block;
}

.breadcrumb > li.breadcrumb-item:last-child[b-v2ukidim2g] {
    padding-right: 20px;
}

@media only screen and (max-width: 992px) {
    .breadcrumb-container[b-v2ukidim2g] {
        padding: 0 18px 0 1rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .breadcrumb-container[b-v2ukidim2g] {
        padding: 0 18px 0 1rem !important;
    }
}

@media only screen and (max-width: 576px) {
    .breadcrumb-container[b-v2ukidim2g] {
        padding: 0 5px 0 0 !important;
    }
}

@media only screen and (max-width: 420px) {
    .breadcrumb-container[b-v2ukidim2g] {
        padding: 0 1px 3px 1px !important;
        display: inline;
    }
}
/* /Pages/Documentation/Documents/Index.razor.rz.scp.css */
.confirm-dialog-explanation[b-m81wrb9kk6] {
    overflow-y: auto;
    max-height: 50vh;
}
/* /Pages/Documentation/Notes/Index.razor.rz.scp.css */
.actionsBar[b-klhnlmq2el] {
    display:flex;
    flex-direction: row;
}

.actionsLeft[b-klhnlmq2el] {
    flex-grow:1;
}

.actionsRight[b-klhnlmq2el] {
    width: 150px;
    text-align: right;
}

[b-klhnlmq2el] .selector{
    min-width: 200px;
}

.note-preview[b-klhnlmq2el] {
    overflow-y: auto;
    max-height: 50vh;
    overflow-wrap: anywhere !important;
    max-width: 522px !important;
}
/* /Pages/Documentation/Notes/NoteView.razor.rz.scp.css */
[b-3pp9kazoo0] .note-view{
    height: auto !important;
}
/* /Pages/Documentation/Notes/View.razor.rz.scp.css */
[b-txg7dg7h0e] .note {
    height: auto !important;
    overflow-wrap: anywhere !important;
    overflow-x: hidden !important;
}

.test[b-txg7dg7h0e] {
    display:none;
}
/* /Pages/Documentation/PamAccessHistory/Components/PamRequestHistoryGrid.razor.rz.scp.css */
.fs-ab[b-g6hit4pyjp] {
    font-size: 1.2rem !important;
}

[b-g6hit4pyjp] .selector {
    min-width: 200px;
}
/* /Pages/Documentation/PamRequestReview/PamRequestReview.razor.rz.scp.css */
.pam[b-y7tfc8uc9n]  .panel .panel-hdr {
    padding: 0 30px;
    height: 68px;
    border-bottom: 1px solid #E5E5E5;
}

@media (max-width: 599px) {
    .pam[b-y7tfc8uc9n]  .panel .panel-hdr {
        padding: 0 12px;
    }
}

.pam[b-y7tfc8uc9n]  .panel .panel-hdr h2 {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}

.pam[b-y7tfc8uc9n]  .panel .panel-content {
    padding: 30px;
}

@media (max-width: 599px) {
    .pam[b-y7tfc8uc9n]  .panel .panel-content {
        padding: 18px 14px 0;
    }
}

.pam[b-y7tfc8uc9n]  .form-group {
    margin: 0 0 12px;
    padding: 0;
    font-size: 14px;
}

.pam[b-y7tfc8uc9n]  .form-label {
    margin: 0 0 4px;
    padding: 0;
}

.pam[b-y7tfc8uc9n]  .form-control {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 12px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.038px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    background: rgba(166, 170, 193, 0.08);
}

.pam[b-y7tfc8uc9n]  textarea.form-control {
    min-height: 88px;
    padding: 16px 16px;
}

.pam[b-y7tfc8uc9n]  .buttons-container {
    display: flex;
    justify-self: flex-end;
    flex-direction: row-reverse;
    gap: 10px;
}

@media (max-width: 599px) {
    .pam[b-y7tfc8uc9n]  .buttons-container {
        padding: 18px 0 0;
    }
}

@media (max-width: 400px) {
    .pam[b-y7tfc8uc9n]  .buttons-container {
        flex-direction: column;
    }
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn {
    margin: 0 !important;
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 24px;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize;
    border-radius: 14px;
    background: var(--theme-primary);
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn.btn-primary:hover {
    background: var(--theme-primary-600);
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn.btn-danger {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    gap: 8px;
    height: 44px;
    color: #A6AAC1;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    border-radius: 14px;
    border: 1px solid #A6AAC1;
    background: transparent;
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn.btn-decline {
    color: #fff;
    background: #DE3730;
    border-color: #c81f18;
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn.btn-decline:hover {
    color: #fff;
    background: #c3261f;
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn.btn-danger:hover {
    background: rgba(166, 170, 193, .1);
}

@media (max-width: 599px) {
    .pam[b-y7tfc8uc9n]  .buttons-container .btn-primary {
        width: 60%;
    }

    .pam[b-y7tfc8uc9n]  .buttons-container .btn-danger {
        width: 40%;
    }
}

@media (max-width: 400px) {
    .pam[b-y7tfc8uc9n]  .buttons-container .btn-primary {
        width: 100%;
    }

    .pam[b-y7tfc8uc9n]  .buttons-container .btn-danger {
        width: 100%;
    }
}

.pam[b-y7tfc8uc9n]  .buttons-container .btn .fas,
.pam[b-y7tfc8uc9n]  .buttons-container .btn .fal {
    display: none;
}

/* Dark theme */
body.mod-skin-dark .pam[b-y7tfc8uc9n]  .panel .panel-hdr {
    border-color: #393B43;
}

body.mod-skin-dark .pam[b-y7tfc8uc9n]  .panel .panel-hdr h2 {
    color: #A6AAC1;
}

body.mod-skin-dark .pam[b-y7tfc8uc9n]  .form-control {
    color: #DEE1F9;
    border-color: #393B43;
}
/* /Pages/Documentation/PasswordsListView.razor.rz.scp.css */
/* Button 'Show Passwords' */

.passwords[b-exi7kv44zl]  .dataTables_wrapper .btn-show {
    display: flex;
    align-items: center;
    height: 2.75rem;
    color: #5C5E66;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    background: #efefef;
    border-radius: 14px;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper .btn-show:not(:disabled):not(.disabled) {
    color: #fff;
    background: var(--theme-primary);
}

/* end: Button 'Show Passwords' */

.passwords[b-exi7kv44zl]  .dataTables_wrapper {
    background: #fff;
    border-radius: 14px;
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th:nth-child(3),
    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td:nth-child(3) {
        display: none;
    }
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper .table-header {
    padding: 1.875rem 1.875rem 0;
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .dataTables_wrapper .table-header {
        padding: 1.875rem 0.875rem 0;
    }
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr:hover {
    box-shadow: none;
    background: #f3f3f3 !important;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr:last-child td {
    border-bottom: none !important;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr {
    position: relative;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th {
    padding: .85rem .75rem;
    color: #A6AAC1;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    text-transform: uppercase;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td {
    padding: .75rem;
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid #393B43;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th:first-child,
.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td:first-child {
    padding-left: 2.5rem;
    padding-right: 0;
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th:first-child,
    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td:first-child {
        padding-left: 0.875rem;
    }
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th:last-child {
    text-align: right;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th:last-child,
.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td:last-child {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td:last-child {
    padding-left: 1.8rem;
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th:last-child,
    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td:last-child {
        max-width: 100% !important;
    }

    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr th:last-child {
        padding-left: 0.875rem;
        padding-right: 0.875rem;
    }

    .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td:last-child {
        padding-right: 1px;
    }
}

.passwords[b-exi7kv44zl]  .custom-control-label::before {
    border: 1px solid #A6AAC1;
}

.passwords[b-exi7kv44zl]  .action-btns {
    display: flex;
    gap: 8px;
    font-size: 1.375rem;
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .action-btns {
        gap: 0;
        justify-content: flex-end;
    }
}

.passwords[b-exi7kv44zl]  .action-btns .action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #000;
    transition: all .2s linear;
}

.passwords[b-exi7kv44zl]  .action-btns .action-btn:hover {
    color: var(--theme-primary);
}

.passwords[b-exi7kv44zl]  .password-container,
.passwords[b-exi7kv44zl]  .mobile-password {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 1rem;
    color: #000;
    font-size: 0.9375rem;
    border: 1px solid #cccccc;
    border-radius: 0.3125rem;
    background: #f3f3f3;
    white-space: nowrap;
}

.passwords[b-exi7kv44zl]  .password-description {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 42px;
}

.passwords[b-exi7kv44zl]  .mobile-password-title {
    display: none;
    color: #A6AAC1;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1rem;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .mobile-password-title {
        display: block;
    }
}

.passwords[b-exi7kv44zl]  .mobile-password {
    display: none;
    position: absolute;
    bottom: 12px;
    left: 52px;
    width: calc(100% - 66px);
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .mobile-password.show {
        display: flex;
    }
}

.passwords[b-exi7kv44zl]  .mobile-password-mask {
    display: none;
    color: #000;
    padding-right: 0.875rem;
    font-size: 15px;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .mobile-password-mask {
        display: block;
    }
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .mobile-space {
        margin-bottom: 30px;
    }
}

@media (max-width: 650px) {
    .passwords[b-exi7kv44zl]  .mobile-space-description {
        margin-bottom: 46px;
    }
}

/* Dark theme */
.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .dataTables_wrapper {
    background: #191C22;
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .action-btns .action-btn {
    color: #A6AAC1 !important;
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .action-btns .action-btn:hover {
    color: var(--theme-primary) !important;
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr td {
    color: #fff;
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .password-container,
.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .mobile-password {
    color: #DEE1F9;
    border-color: #393B43;
    background: #24282e;
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .dataTables_wrapper .btn-show {
    background: #393B43;
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .dataTables_wrapper .btn-show:not(:disabled):not(.disabled) {
    color: #fff;
    background: var(--theme-primary);
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .dataTables_wrapper table tr:hover {
    box-shadow: none;
    background: rgba(var(--theme-rgb-primary), 0.15) !important;
}

.mod-skin-dark:not(.mod-skin-light) .passwords[b-exi7kv44zl]  .mobile-password-mask {
    color: #fff;
}
/* /Pages/Documentation/Passwords/Index.razor.rz.scp.css */
.actionsBar[b-gjr7ygrj04] {
    display:flex;
    flex-direction: row;
}

.actionsLeft[b-gjr7ygrj04] {
    flex-grow:1;
}

.actionsRight[b-gjr7ygrj04] {
    width: 150px;
    text-align: right;
}

[b-gjr7ygrj04] .selector{
    min-width: 200px;
}
/* /Pages/Documentation/Passwords/View.razor.rz.scp.css */
[b-nd68sc6e3n] .description {
    height: auto !important;
    overflow-wrap: anywhere;
}
/* /Pages/Documentation/PhotoGallery/Components/AlbumsPaged.razor.rz.scp.css */
[b-xe04mgi3pl] .name-input {
    min-width: 200px;
}
[b-xe04mgi3pl] .peers-input {
    min-width: 200px;
}
[b-xe04mgi3pl] .isprivate-input {
    position: relative;
    top: 10px;
}

[b-xe04mgi3pl] .request-access-button {
    z-index: 2;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 65px);
}

.albums[b-xe04mgi3pl] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
}

.album[b-xe04mgi3pl] {
    width: 200px;
    height: 200px;
    margin: 10px;
    cursor: pointer;
    position: relative
}
.album-preview[b-xe04mgi3pl] {
    width: 200px;
    height: 150px;
    position: relative;
}
    .album-preview img[b-xe04mgi3pl] {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
.photos-count[b-xe04mgi3pl] {
    position: absolute;
    bottom: 55px;
    right: 10px;
    border-radius: 5px;
    padding: 0 5px;
}
/* /Pages/Documentation/PhotoGallery/Components/ImagesPaged.razor.rz.scp.css */
.images[b-ca9szxd19h] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
}

.image[b-ca9szxd19h] {
    width: 200px;
    height: 200px;
    margin: 8px;
    cursor: pointer;
    position: relative
}

.image-preview[b-ca9szxd19h] {
    width: 200px;
    height: 150px;
    position: relative;
}

    .image-preview img[b-ca9szxd19h] {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }


.button-done[b-ca9szxd19h] {
    position: absolute;
    top: 70px;
    right: 30px;
}

.description[b-ca9szxd19h] {
    top: auto !important;
    bottom: 15px !important;
}
.custom-title[b-ca9szxd19h] {
    top: 45px !important;
}
.users-tags[b-ca9szxd19h] {
    top: 75px !important;
}
.devices-tags[b-ca9szxd19h] {
    top: 105px !important;
}
.locations-tags[b-ca9szxd19h] {
    top: 135px !important;
}
[b-ca9szxd19h] .image-area {
    height: 150px !important;
}

[b-ca9szxd19h] .selector {
    min-width: 200px;
}

[b-ca9szxd19h] .name-input {
    min-width: 200px;
    vertical-align: top;
}

[b-ca9szxd19h] .peers-input {
    min-width: 200px;
}

[b-ca9szxd19h] .isprivate-input {
    position: relative;
    top: 10px;
}

.main-image-icon[b-ca9szxd19h]{
    position: absolute;
    top: 2px;
    right: 2px;
}

[b-ca9szxd19h] .selected-check-box {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block !important;
    z-index: 2;
}
[b-ca9szxd19h] .all-check-box{
    position: relative;
    top: 10px;
}
/* /Pages/Documentation/PrivilegedAccess/Index.razor.rz.scp.css */
[b-l9bwael4ji] .overflow-visible-card > .card {
    overflow: visible !important;
}

.pam[b-l9bwael4ji]  .panel .panel-hdr {
    padding: 0 30px;
    height: 68px;
    border-bottom: 1px solid #E5E5E5;
}

@media (max-width: 599px) {
    .pam[b-l9bwael4ji]  .panel .panel-hdr {
        padding: 0 12px;
    }
}

.pam[b-l9bwael4ji]  .panel .panel-hdr h2 {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}

.pam[b-l9bwael4ji]  .panel .panel-content {
    padding: 30px;
}

@media (max-width: 599px) {
    .pam[b-l9bwael4ji]  .panel .panel-content {
        padding: 18px 14px 0;
    }
    
    .pam[b-l9bwael4ji]  .panel .panel-content .buttons-container {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px !important;
    }
    
    .pam[b-l9bwael4ji]  .panel .panel-content .buttons-container .btn {
        width: 100%;
    }
}

.pam[b-l9bwael4ji]  .panel .panel-content .accordion,
.pam[b-l9bwael4ji]  .panel .panel-content .card {
    padding: 0 !important;
    border: none !important;
}

.pam[b-l9bwael4ji]  .panel .panel-content .accordion .card {
    padding-bottom: 18px !important;
}

.pam[b-l9bwael4ji]  .panel .panel-content .accordion .card-title {
    display: flex;
    align-items: center;
    gap: 18px;
    height: 56px;
    padding: 0 30px !important;
    font-weight: 400;
    border-radius: 14px;
    background: #eff0fa;
    text-transform: uppercase;
}

@media (max-width: 599px) {
    .pam[b-l9bwael4ji]  .panel .panel-content .accordion .card-title {
        padding: 0 14px !important;
    }
}

.pam[b-l9bwael4ji]  .panel .panel-content .accordion .card-body {
    display: flex;
    flex-direction: column;
    justify-self: center;
    width: 100%;
    max-width: 1072px;
    padding: 18px 0 0;
}

.pam[b-l9bwael4ji]  .card-body .form-label {
    display: block;
    margin: 0 0 10px;
    color: #666666;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
}

.pam[b-l9bwael4ji]  .card-body .select2-selection {
    border: none;
}

.pam[b-l9bwael4ji]  .card-body .form-control,
.pam[b-l9bwael4ji]  .card-body .select2-selection__rendered {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 12px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.038px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    background: rgba(166, 170, 193, 0.08);
}

.pam[b-l9bwael4ji]  .card-body .select2-selection__choice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 3px 4px 3px 10px;
    font-size: 14px;
    border-radius: 50px;
}

.pam[b-l9bwael4ji]  .card-body .select2-selection__choice__remove {
    border-radius: 50%;
}

.pam[b-l9bwael4ji]  .card-body textarea.form-control {
    min-height: 88px;
    padding: 16px 16px;
}

.pam[b-l9bwael4ji]  .buttons-container {
    display: flex;
    justify-self: flex-end;
    flex-direction: row-reverse;
    gap: 10px;
}

@media (max-width: 599px) {
    .pam[b-l9bwael4ji]  .buttons-container {
        padding: 18px 0 0;
    }
}

@media (max-width: 400px) {
    .pam[b-l9bwael4ji]  .buttons-container {
        flex-direction: column;
    }
}

.pam[b-l9bwael4ji]  .buttons-container .btn {
    margin: 0 !important;
}

.pam[b-l9bwael4ji]  .buttons-container .btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 24px;
    color: #FFF !important;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize;
    border-radius: 14px;
    background: var(--theme-primary);
}

.pam[b-l9bwael4ji]  .buttons-container .btn.btn-primary:hover {
    background: var(--theme-primary-600);
}

.pam[b-l9bwael4ji]  .buttons-container .btn.btn-danger {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    gap: 8px;
    height: 44px;
    color: #A6AAC1;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    border-radius: 14px;
    border: 1px solid #A6AAC1;
    background: transparent;
}

.pam[b-l9bwael4ji]  .buttons-container .btn.btn-danger:hover {
    background: rgba(166, 170, 193, .1);
}

@media (max-width: 599px) {
    .pam[b-l9bwael4ji]  .buttons-container .btn-primary {
        width: 60%;
    }

    .pam[b-l9bwael4ji]  .buttons-container .btn-danger {
        width: 40%;
    }
}

@media (max-width: 400px) {
    .pam[b-l9bwael4ji]  .buttons-container .btn-primary {
        width: 100%;
    }

    .pam[b-l9bwael4ji]  .buttons-container .btn-danger {
        width: 100%;
    }
}

.pam[b-l9bwael4ji]  .top-buttons {
    display: flex;
    gap: 10px;
}

@media (max-width: 599px) {
    .pam[b-l9bwael4ji]  .top-buttons {
        flex-direction: column;
    }
}

.pam[b-l9bwael4ji]  .request-status {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    gap: 8px;
    color: #FABD1B;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.013px;
    border-radius: 14px;
    background: rgba(250, 189, 27, 0.12);
}

.pam[b-l9bwael4ji]  .request-status.pending,
.pam[b-l9bwael4ji]  .request-status.declined,
.pam[b-l9bwael4ji]  .request-status.expired {
    color: #DE3730;
    background: rgba(255, 84, 73, 0.12);
}

.pam[b-l9bwael4ji]  .request-status.approved {
    color: #22C46C;
    background: rgba(34, 196, 108, 0.12);
}

/* Dark theme */
body.mod-skin-dark .pam[b-l9bwael4ji]  .panel .panel-hdr {
    border-color: #393B43;
}

body.mod-skin-dark .pam[b-l9bwael4ji]  .panel .panel-hdr h2 {
    color: #A6AAC1;
}

body.mod-skin-dark .pam[b-l9bwael4ji]  .panel .panel-content .accordion .card-title {
    background: #0E1118;
}

body.mod-skin-dark .pam[b-l9bwael4ji]  .card-body .form-label {
    color: #A6AAC1;
}

body.mod-skin-dark .pam[b-l9bwael4ji]  .card-body .form-control,
body.mod-skin-dark .pam[b-l9bwael4ji]  .card-body .select2-search__field,
body.mod-skin-dark .pam[b-l9bwael4ji]  .card-body .select2-selection__rendered {
    color: #DEE1F9;
    border-color: #393B43;
}
/* /Pages/Documentation/PrivilegedAccess/RequestConfirm.razor.rz.scp.css */
.pam[b-o8ufjr79he]  .panel .panel-hdr {
    padding: 0 30px;
    height: 68px;
    border-bottom: 1px solid #E5E5E5;
}

.pam[b-o8ufjr79he]  .panel .panel-hdr h2 {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}

.pam[b-o8ufjr79he]  .panel .panel-content {
    display: flex;
    flex-direction: column;
    justify-self: center;
    width: 100%;
    max-width: 1072px;
    padding: 30px;
}

.pam[b-o8ufjr79he]  .message {
    font-size: 14px;
}

.pam[b-o8ufjr79he]  .form-label {
    display: block;
    margin: 0 0 10px;
    color: #666666;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
}

.pam[b-o8ufjr79he]  .form-control {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 16px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.038px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    background: rgba(166, 170, 193, 0.08);
}

.pam[b-o8ufjr79he]  .panel .card-body {
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 10px;
}

.pam[b-o8ufjr79he]  .buttons-container {
    display: flex;
    justify-self: flex-end;
}

.pam[b-o8ufjr79he]  .buttons-container .btn {
    margin: 0 !important;
}

.pam[b-o8ufjr79he]  .buttons-container .btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 24px;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize;
    border-radius: 14px;
    background: var(--theme-primary);
}

.pam[b-o8ufjr79he]  .buttons-container .btn.btn-primary:hover {
    background: var(--theme-primary-600);
}

.pam[b-o8ufjr79he]  .buttons-container .btn.btn-danger {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    gap: 8px;
    height: 44px;
    color: #A6AAC1;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    border-radius: 14px;
    border: 1px solid #A6AAC1;
    background: transparent;
}

.pam[b-o8ufjr79he]  .buttons-container .btn.btn-danger:hover {
    background: rgba(166, 170, 193, .1);
}

.pam[b-o8ufjr79he]  .buttons-container .btn .fas {
    display: none;
}

/* Dark theme */
body.mod-skin-dark .pam[b-o8ufjr79he]  .panel .panel-hdr {
    border-color: #393B43;
}

body.mod-skin-dark .pam[b-o8ufjr79he]  .panel .panel-hdr h2 {
    color: #A6AAC1;
}

body.mod-skin-dark .pam[b-o8ufjr79he]  .form-label {
    color: #A6AAC1;
}

body.mod-skin-dark .pam[b-o8ufjr79he]  .form-control {
    color: #DEE1F9;
    border-color: #393B43;
}
/* /Pages/Ecommerce/Components/BriefInfo.razor.rz.scp.css */
.card-container[b-hodp9hao2c] {
    display: grid;
    gap: 24px;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

@media (max-width: 1439px) {
    .card-container[b-hodp9hao2c] {
        gap: 10px;
    }
}

@media (max-width: 1239px) {
    .card-container[b-hodp9hao2c] {
        grid-template-columns: repeat(3, minmax(100px, 1fr));
        gap: 10px;
    }
}

@media (max-width: 904px) {
    .card-container[b-hodp9hao2c] {
        padding: 0 16px;
    }
}

@media (max-width: 599px) {
    .card-container[b-hodp9hao2c] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 0;
    }
}
/* /Pages/Ecommerce/Components/HostingPlans.razor.rz.scp.css */
[b-p3a8rburay] .panel .card-body .product-info table {
    width: 100% !important;
}

[b-p3a8rburay] .panel .card-body {
    padding: unset;
}
/* /Pages/Ecommerce/Subscriptions/Buy.razor.rz.scp.css */
[b-y9xgowaiz1] .card-body .tab-content .product-info table {
    width: 100% !important;
}
/* /Pages/Ecommerce/Subscriptions/Edit.razor.rz.scp.css */
[b-124n2mactw] .side-120px {
    width: 120px;
    height: 120px;
}
/* /Pages/Ecommerce/Subscriptions/Reactivate.razor.rz.scp.css */
[b-nisce2kz80] .color-red {
    color: red;
}
/* /Pages/HyperV/VirtualMachines/Components/EditTabs/Components/Chart.razor.rz.scp.css */
[b-enj458pqxd] .card-content,
[b-enj458pqxd] .card-content > div.chart {
    height: 10rem;
    width: 100%;
}
/* /Pages/Legacy.razor.rz.scp.css */
.iframe[b-yqf12bpcfe] {
    padding: 0 12px;
}

.iframe iframe[b-yqf12bpcfe] {
    width: 100%;
    min-height: calc(100vh - 152px);
}



/* /Pages/Organizations/Azure/AzureDashboard/Charts/AzureBurnRateChart.razor.rz.scp.css */
.chart-header[b-ybno73b7f6],
.month-to-forecast[b-ybno73b7f6] {
    display: flex;
    gap: 24px;
}

.chart-header[b-ybno73b7f6] {
    margin-bottom: 20px;
    padding-left: 12px;
}

.chart-header .currency[b-ybno73b7f6] {
    margin-left: 5px;
    font-size: 0.8125rem;
    letter-spacing: 0.1px;
}

.value-container[b-ybno73b7f6] {
    display: flex;
}

.value-container .forecast.danger .d-inline[b-ybno73b7f6] {
    color: #FF5449 !important;
}

.bg-budget[b-ybno73b7f6],
.bg-forecast[b-ybno73b7f6],
.bg-total-cost[b-ybno73b7f6] {
    width: 8px;
    height: 100%;
    margin-right: 8px;
}

.bg-total-cost[b-ybno73b7f6] {
    background-color: #6395F9;
}

.bg-forecast[b-ybno73b7f6] {
    background-color: #E1614F;
}

.bg-budget[b-ybno73b7f6] {
    background-color: #F6C022;
}

.burnrate-budget[b-ybno73b7f6] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.burnrate-budget-icon[b-ybno73b7f6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(36, 178, 163, 0.2);
    border-radius: 5px;
}

.burnrate-budget-icon.msp-dollar[b-ybno73b7f6]::before {
    font-size: 19px;
    height: 19px;
    color: #24B2A3;
    line-height: 1;
}

.burnrate-budget-info[b-ybno73b7f6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.burnrate-budget-value[b-ybno73b7f6] {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.burnrate-budget-label[b-ybno73b7f6] {
    color: #72768B;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
    margin-top: 0;
}

.burnrate-currency[b-ybno73b7f6] {
    margin-left: 4px;
    font-size: 16px;
    color: #72768B;
    font-weight: 400;
}

.burnrate-header[b-ybno73b7f6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
}

.burnrate-metrics[b-ybno73b7f6] {
    display: flex;
    gap: 32px;
    align-items: center;
}

.burnrate-metric[b-ybno73b7f6] {
    background: #fff;
    border-radius: 12px;
    padding: 16px 24px;
    min-width: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(99, 149, 249, 0.07);
}

.burnrate-metric-label[b-ybno73b7f6] {
    color: #6b7a99;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.burnrate-metric-value[b-ybno73b7f6] {
    color: #222b45;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.burnrate-chart[b-ybno73b7f6] {
    margin-top: 12px;
    padding-bottom: 8px;
}

.burnrate-values-container[b-ybno73b7f6] {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    gap: 30px;
    border-radius: 5px;
    border: 1px solid #E1E2EC;
}

.burnrate-value-block[b-ybno73b7f6] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 120px;
    padding-left: 10px;
}

.burnrate-value-icon[b-ybno73b7f6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    flex-shrink: 0;
}

.burnrate-value-icon.month[b-ybno73b7f6] {
    background: #6395F8;
}

.burnrate-value-icon.forecast[b-ybno73b7f6] {
    background: #62DAAB;
}

.burnrate-value-icon .msp-dollar[b-ybno73b7f6] {
    position: relative;
    top: -1px;
    font-size: 13px;
    color: #fff;
    line-height: 1;
}

.burnrate-value-info[b-ybno73b7f6] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 110px;
    white-space: nowrap;
}

.burnrate-value-label[b-ybno73b7f6] {
    color: #72768B;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.burnrate-value-amount[b-ybno73b7f6] {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}

.burnrate-divider[b-ybno73b7f6] {
    width: 1px;
    height: 60px;
    background: #E1E2EC;
    align-self: center;
}

/* Dark theme */
body.mod-skin-dark .burnrate-value-amount[b-ybno73b7f6],
body.mod-skin-dark .burnrate-budget-value[b-ybno73b7f6] {
    color: #fff;
}

body.mod-skin-dark .burnrate-currency[b-ybno73b7f6],
body.mod-skin-dark .burnrate-value-label[b-ybno73b7f6],
body.mod-skin-dark .burnrate-budget-label[b-ybno73b7f6] {
    color: #A6AAC1;
}

body.mod-skin-dark .burnrate-values-container[b-ybno73b7f6] {
    border-color: #393B43;
}

body.mod-skin-dark .burnrate-divider[b-ybno73b7f6] {
    background: #393B43;
}
/* /Pages/Organizations/Azure/AzureDashboard/Charts/AzureCostByResources.razor.rz.scp.css */
.cost[b-bw4ksd5cro] {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    padding: 1.875rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* Total cost and last updated date */
.cost[b-bw4ksd5cro]  .cost-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cost[b-bw4ksd5cro]  .total-cost {
    display: flex;
    gap: 0.75rem;
}

.cost[b-bw4ksd5cro]  .total-cost__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: rgba(36, 178, 163, 0.2);
}

.cost[b-bw4ksd5cro]  .total-cost__icon .msp-dollar {
    font-size: 1.25rem;
    color: #24B2A3;
}

.cost[b-bw4ksd5cro]  .total-cost__price {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cost[b-bw4ksd5cro]  .total-cost__price__value {
    color: #000;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
}

.cost[b-bw4ksd5cro]  .total-cost__price__description {
    color: #72768B;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.cost[b-bw4ksd5cro]  .last-updated {
    display: flex;
    gap: 4px;
    color: #000;
    font-size: 0.8125rem;
    line-height: 1rem;
    font-weight: 500;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.cost[b-bw4ksd5cro]  .last-updated__text {
    color: #72768B;
}

/* end: Total cost and last updated date */

/* Line */
.cost[b-bw4ksd5cro]  .cost-line {
    display: flex;
    justify-content: space-between;
    height: 40px;
    width: 100%;
    border-radius: 5px;
}

.cost[b-bw4ksd5cro]  .cost-line div:first-child {
    border-radius: 5px 0 0 5px;
}

.cost[b-bw4ksd5cro]  .cost-line div:last-child {
    border-radius: 0 5px 5px 0;
}

.cost-line div:hover[b-bw4ksd5cro] {
    position: relative;
}

.cost-line div:hover[b-bw4ksd5cro]::after {
    content: attr(title);
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    padding: 10px;
    width: 220px;
    transform: translateX(-50%);
    background: #fff;
    color: #72768B;
    text-align: center;
    border-radius: 5px;
    z-index: 10;
    border: 1px solid rgba(0, 0, 0, .1);
}

/* end: Line */

/* Top 3 */
.cost[b-bw4ksd5cro]  .cost-top {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cost[b-bw4ksd5cro]  .cost-top-title {
    color: #72768B;
    font-size: 0.8125rem;
    line-height: 1rem;
    font-weight: 500;
    letter-spacing: 0.06px;
    text-transform: uppercase;
}

.cost[b-bw4ksd5cro]  .cost-top__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3.75rem;
}

.cost[b-bw4ksd5cro]  .cost-top__item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cost[b-bw4ksd5cro]  .cost-top__item-header {
    display: flex;
    gap: 8px;
}

.cost[b-bw4ksd5cro]  .cost-top__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.cost[b-bw4ksd5cro]  .cost-top__item-icon .msp-dollar {
    color: #fff;
    font-size: 14px;
}

.cost[b-bw4ksd5cro]  .cost-top__item-price {
    color: #72768B;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.013px;
}

.cost[b-bw4ksd5cro]  .cost-top__description {
    color: #000;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.013px;
}

/* end: Top 3 */

/* Cost list */
.cost-list[b-bw4ksd5cro] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
}

.cost-list[b-bw4ksd5cro]  .cost-list__header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    min-height: 40px;
}

.cost-list[b-bw4ksd5cro]  .cost-lines {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cost-list[b-bw4ksd5cro]  .cost-line {
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    transition: background 0.2s;
}

.cost-list[b-bw4ksd5cro]  .cost-line:hover {
    background: #f5f7fa;
}

.cost-list[b-bw4ksd5cro]  .cost-line.opened {
    background: none;
}

.cost-list[b-bw4ksd5cro]  .cost-line__header {
    display: flex;
    justify-content: space-between;
}

.cost-list[b-bw4ksd5cro]  .cost-line__text {
    color: #000;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.038px;
}

.cost-list[b-bw4ksd5cro]  .cost-line__value {
    color: #72768B;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.038px;
}

.cost-list[b-bw4ksd5cro]  .cost-list__progress {
    position: relative;
    display: flex;
    height: 10px;
    width: 100%;
    border-radius: 50px;
    background: #E1E2EC;
}

.cost-list[b-bw4ksd5cro]  .cost-list__progress span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 50px;
}

/* end: Cost list */

/* Cost sort header */
.cost-list[b-bw4ksd5cro]  .cost-sort {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.cost-list[b-bw4ksd5cro]  .cost-sort:hover .msp-reverse,
.cost-list[b-bw4ksd5cro]  .cost-sort:hover .cost-sort__text {
    color: #000;
}

.cost-list[b-bw4ksd5cro]  .cost-sort .msp-reverse {
    color: #72768B;
    font-size: 22px;
}

.cost-list[b-bw4ksd5cro]  .cost-sort__text {
    color: #72768B;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.cost-list[b-bw4ksd5cro]  .cost-sort.active .msp-reverse,
.cost-list[b-bw4ksd5cro]  .cost-sort.active .cost-sort__text {
    color: #000;
}

.cost-list[b-bw4ksd5cro]  .cost-search {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cost-list[b-bw4ksd5cro]  .msp-search-loop {
    color: #72768B;
    font-size: 22px;
    cursor: pointer;
}

.cost-list[b-bw4ksd5cro]  .msp-search-loop:hover {
    color: #000;
}

.cost-list[b-bw4ksd5cro]  .cost-search .form-control {
    height: 40px;
    width: 220px;
}

/* end: Cost sort header */

/* Dark theme */
body.mod-skin-dark .cost[b-bw4ksd5cro] {
    border-color: #393b43;
}

body.mod-skin-dark .cost[b-bw4ksd5cro]  .last-updated,
body.mod-skin-dark .cost[b-bw4ksd5cro]  .cost-top__description,
body.mod-skin-dark .cost[b-bw4ksd5cro]  .total-cost__price__value,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-line__text {
    color: #FFF;
}

body.mod-skin-dark .cost[b-bw4ksd5cro]  .cost-top-title,
body.mod-skin-dark .cost[b-bw4ksd5cro]  .cost-top__item-price,
body.mod-skin-dark .cost[b-bw4ksd5cro]  .last-updated__text,
body.mod-skin-dark .cost[b-bw4ksd5cro]  .total-cost__price__description,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .msp-search-loop,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-sort__text,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-sort .msp-reverse,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-line__value {
    color: #A6AAC1;
}

body.mod-skin-dark .cost-line div:hover[b-bw4ksd5cro]::after {
    color: #fff;
    background: #191c22;
    border-color: #393b43;
}

body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-sort.active .msp-reverse,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-sort.active .cost-sort__text {
    color: #dcdee6;
}

body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .msp-search-loop:hover,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-sort:hover .msp-reverse,
body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-sort:hover .cost-sort__text {
    color: #fff;
}

body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-list__progress {
    background: #393B43;
}

body.mod-skin-dark .cost-line-sub[b-bw4ksd5cro] {
    background: #23242a;
    color: #fff;
}

body.mod-skin-dark .cost-line-sub .cost-line__header[b-bw4ksd5cro] {
    color: #fff;
}

body.mod-skin-dark .cost-line-sub:hover[b-bw4ksd5cro] {
    background: #393b43;
}

.accordion-arrow[b-bw4ksd5cro] {
    margin-right: 8px;
    font-size: 12px;
    color: #bfc2d4;
    font-weight: normal;
    user-select: none;
    width: 16px;
    display: inline-block;
    text-align: center;
}

.cost-lines-sub[b-bw4ksd5cro] {
    margin-left: 20px;
    margin-top: 4px;
    padding-left: 0;
    list-style-type: none;
    border-left: 2px solid #e1e2ec;
}

.cost-line-sub[b-bw4ksd5cro] {
    background: #f8fafd;
    border-radius: 0 4px 4px 0;
    margin-bottom: 4px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    transition: background 0.2s;
}

.cost-line-sub:hover[b-bw4ksd5cro] {
    background: #e1e2ec;
}

.cost-line-sub:last-child[b-bw4ksd5cro] {
    margin-bottom: 0;
}

.cost-line-sub .cost-line__header[b-bw4ksd5cro] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

body.mod-skin-dark .cost-list[b-bw4ksd5cro]  .cost-line:hover {
    background: #23242a;
}
/* /Pages/Organizations/Azure/AzureDashboard/Charts/PerDaysChart.razor.rz.scp.css */
body.mod-vw .per-days[b-iwlxjb2fqy]  .panel {
    margin: 0;
    padding: 0;
    box-shadow: none;
    outline: none;
    border: none;
}

body.mod-vw .per-days[b-iwlxjb2fqy]  .panel-hdr {
    display: none;
}
/* /Pages/Organizations/Azure/AzureDashboard/Components/GenerateReport.razor.rz.scp.css */
.gr-container[b-c3ejrzk8vf] {
    position: relative;
}

.gr-container.show .gcr-container[b-c3ejrzk8vf] {
    display: flex;
}

.gr-container[b-c3ejrzk8vf]  .gcr-container {
    display: none;
    position: absolute;
    top: 100% !important;
    left: auto !important;
    right: 0 !important;
    width: 520px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    border-radius: 14px;
    border: 1px solid #E1E2EC;
    background: #FFFFFF;
    box-shadow: 0 8px 10px 4px rgba(0, 0, 0, 0.05);
    z-index: 100;
}

@media (max-width: 599px) {
    .mobile-dropdown-container .gr-container.show[b-c3ejrzk8vf]  > .w-dropdown-menu {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
        padding: 14px;
        z-index: 100;
        background: rgba(239, 240, 249, 0.95);
    }
}

@media (max-width: 599px) {
    .gr-container[b-c3ejrzk8vf]  .gcr-container {
        position: relative;
        width: 100%;
        top: 0 !important;
    }
}

.gr-container[b-c3ejrzk8vf]  .gcr-container-header {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 12px;
    height: 68px;
    padding: 12px 10px 12px 30px;
    border-bottom: 1px solid #E1E2EC;
}

.gr-container[b-c3ejrzk8vf]  .gcr-container-content {
    display: flex;
    flex-direction: column;
    padding: 30px 0;
    width: 100%;
}

.gr-container[b-c3ejrzk8vf]  .gcr-container-footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px 30px;
}

.gr-container[b-c3ejrzk8vf]  .gcr-title {
    display: block;
    margin: 0;
    padding: 0;
    color: #72768B;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}

/* Content */

.gr-container[b-c3ejrzk8vf]  .dp-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0 30px;
}

@media (max-width: 599px) {
    .gr-container[b-c3ejrzk8vf]  .dp-container {
        flex-direction: column;
    }
}

/* end: Content */

.gr-container[b-c3ejrzk8vf]  .gcr-container-footer .btn-cancel {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 94px;
    color: #414659 !important;
    border: 1px solid #72768B;
}

.gr-container[b-c3ejrzk8vf]  .btn-cancel:hover {
    border-color: var(--theme-primary-400);
}

/* Dark theme */
body.mod-skin-dark .gr-container[b-c3ejrzk8vf]  .gcr-container {
    border: 1px solid #393B43;
    background: #191C22;
}

body.mod-skin-dark .gr-container[b-c3ejrzk8vf]  .gcr-container-header {
    border-color: #393B43;
}

body.mod-skin-dark .gr-container[b-c3ejrzk8vf]  .gcr-title,
body.mod-skin-dark .gr-container[b-c3ejrzk8vf]  .date-range-picker .title,
body.mod-skin-dark .gr-container[b-c3ejrzk8vf]  .date-range-picker .msp-arrow {
    color: #A6AAC1;
}

body.mod-skin-dark .gr-container[b-c3ejrzk8vf]  .btn-cancel {
    color: #DEE1F9 !important;
    border-color: #A6AAC1;
}

@media (max-width: 599px) {
    body.mod-skin-dark .mobile-dropdown-container .gr-container.show[b-c3ejrzk8vf]  > .w-dropdown-menu {
        background: rgba(25, 28, 34, 0.95);
    }
}
/* /Pages/Organizations/Azure/AzureDashboard/Components/OrganizationTitle.razor.rz.scp.css */
.organization-title[b-utufxy6ztm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: -1.5rem 0 -1.75rem;
    color: #000;
    font-size: 2.25rem;
    line-height: 2.625rem;
    text-transform: capitalize;
}

@media (max-width: 904px) {
    .organization-title[b-utufxy6ztm] {
        font-size: 2rem;
    }
}

@media (max-width: 599px) {
    .organization-title[b-utufxy6ztm] {
        font-size: 1.75rem;
    }
}

.organization-image[b-utufxy6ztm] {
    display: block;
    width: 6.25rem;
    height: 6.25rem;
    margin: 0 -1.625rem;
    background: url("/img/mspcontrol/azure-dashboard/hosted-company-light.png") no-repeat;
    background-size: cover;
}

/* Dark theme */
body.mod-skin-dark .organization-title[b-utufxy6ztm] {
    color: #FFFFFF;
}

body.mod-skin-dark .organization-image[b-utufxy6ztm] {
    background: url("/img/mspcontrol/azure-dashboard/hosted-company-dark.png") no-repeat;
    background-size: cover;
}
/* /Pages/Organizations/Azure/AzureDashboard/Components/ReportDropdownMenu.razor.rz.scp.css */
.gr-dropdown[b-xx37sqbyyg] {
    position: relative;
}

.gr-dropdown[b-xx37sqbyyg]  .btn-container {
    position: relative;
    padding: 0 !important;
    width: 100%;
}

.gr-dropdown[b-xx37sqbyyg]  .btn-container::before {
    content: "";
    position: absolute;
    top: 0;
    right: 44px;
    height: 100%;
    border-left: 1px solid var(--theme-primary-700);
}

.gr-dropdown[b-xx37sqbyyg]  .btn-container .mr-2,
.gr-dropdown[b-xx37sqbyyg]  .btn-container .msp-plus {
    padding-left: 20px;
    font-size: 14px;
}

.gr-dropdown[b-xx37sqbyyg]  .btn-container .text {
    display: block;
    padding: 12px 64px 12px 0;
}

.gr-dropdown[b-xx37sqbyyg]  .btn-container .msp-arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 100%;
    color: #fff;
    font-size: 14px;
    transform: rotate(180deg);
    transition: all .2s linear;
}

.gr-dropdown.show[b-xx37sqbyyg]  .btn-container .msp-arrow {
    top: 0;
    transform: rotate(0deg);
}

@media (max-width: 599px) {
    .gr-dropdown[b-xx37sqbyyg]  .btn-container .msp-arrow {
        position: absolute;
        top: 0;
        right: 0;
    }
}

/* Dropdown menu */

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu {
    display: none;
    position: absolute;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    flex-direction: column;
    align-items: flex-start;
    margin: 5px 0 0;
    padding: 0;
    width: 260px;
    border-radius: 5px;
    border: 1px solid #E1E2EC;
    background: #F9F9FF;
    box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.05);
    z-index: 100;
}

@media (max-width: 599px) {
    .gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu {
        z-index: 9999;
    }
}

.gr-dropdown.show[b-xx37sqbyyg]  .gr-dropdown-menu {
    display: flex;
}

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item {
    width: 100%;
    list-style-type: none;
}

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item:first-child .btn-menu {
    border-radius: 5px 5px 0 0;
}

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item:last-child .btn-menu {
    border-radius: 0 0 5px 5px;
}

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item .btn-menu {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 12px 24px 12px 16px;
    color: #72768B !important;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: 1.25rem;
    letter-spacing: 0.038px;
    list-style-type: none;
    background: none;
    border: none;
    border-radius: 0;
}

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item .btn-menu:hover {
    color: #000 !important;
    background: #EFF0FA75;
}

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item .btn-menu .msp-azure-portal {
    color: #0078D6;
}

.gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu .btn-container::before {
    display: none;
}

/* end: Dropdown menu */

/* Dark theme */
body.mod-skin-dark .gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu {
    background: #191C22;
    border-color: #393B43;
}

body.mod-skin-dark .gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item .btn-menu {
    color: #A6AAC1 !important;
}

body.mod-skin-dark .gr-dropdown[b-xx37sqbyyg]  .gr-dropdown-menu-item .btn:hover {
    color: #FFFFFF !important;
    background: rgba(166, 170, 193, 0.12);
}
/* /Pages/Organizations/Azure/AzureDashboard/Components/ResourceFilterComponent.razor.rz.scp.css */
.resource-filter[b-vhbpcw9fnj] {
    display: flex;
    gap: 12px;
    width: 100%;
}

@media (max-width: 1439px) {
    .resource-filter[b-vhbpcw9fnj] {
        display: grid;
        grid-template-columns: 182px 1fr;
    }
}

@media (max-width: 599px) {
    .resource-filter[b-vhbpcw9fnj] {
        grid-template-columns: 1fr;
    }
}

/* Date options */
.resource-filter[b-vhbpcw9fnj]  .date-options {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    min-width: 182px;
    padding: 0;
    color: #414659;
    border-radius: 14px;
    border: 1px solid #72768B;
    transition: all .2s linear;
    cursor: pointer;
}

@media (max-width: 599px) {
    .resource-filter[b-vhbpcw9fnj]  .date-options {
        gap: 1rem;
    }
}

.resource-filter[b-vhbpcw9fnj]  .date-options:hover {
    border-color: var(--theme-primary-400);
}

.resource-filter[b-vhbpcw9fnj]  .date-options:hover .btn {
    color: var(--theme-primary-400);
}

.resource-filter[b-vhbpcw9fnj]  .date-options .btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0 12px 24px;
    margin: 0;
    color: #414659;
    border: none;
    background: none;
    box-shadow: none;
}

@media (max-width: 599px) {
    .resource-filter[b-vhbpcw9fnj]  .date-options .btn-primary {
        justify-content: flex-end;
    }
}

/* Icon*/
.resource-filter[b-vhbpcw9fnj]  .date-options .btn-primary:nth-child(2) {
    padding: 12px 24px 12px 0;
    border: none;
}

@media (max-width: 599px) {
    .resource-filter[b-vhbpcw9fnj]  .date-options .btn-primary:nth-child(2) {
        justify-content: flex-start;
    }
}

.resource-filter[b-vhbpcw9fnj]  .date-options .dropdown-menu {
    padding: 0;
    width: 100%;
}

.resource-filter[b-vhbpcw9fnj]  .date-options .dropdown-menu .dropdown-item {
    padding: 12px 24px !important;
}

.resource-filter[b-vhbpcw9fnj]  .date-options .dropdown-menu .dropdown-item:hover {
    background: #EBEBF5;
}

.resource-filter[b-vhbpcw9fnj]  .btn-group .btn:not([class*="btn-outline-"]):not(.btn-icon):not(.btn-light) {
    border: none;
}

/* end: Date options */

.resource-filter[b-vhbpcw9fnj]  .resource-group-container {
    display: flex;
    gap: 12px;
    width: 100%;
    max-width: 560px;
}

@media (max-width: 1439px) {
    .resource-filter[b-vhbpcw9fnj]  .resource-group-container {
        max-width: 100%;
    }
}

.resource-filter[b-vhbpcw9fnj]  .rg-select2-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.resource-filter[b-vhbpcw9fnj]  .form-control {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 12px 18px 12px 10px;
    color: #A6AAC1;
    border-radius: 8px;
    border: 1px solid #393B43;
}

.resource-filter[b-vhbpcw9fnj]  .select2-dropdown {
    border: 1px solid #DADBE6;
    border-radius: 5px;
}

.resource-filter[b-vhbpcw9fnj]  .select2-results {
    background: #FFF;
    border-radius: 5px;
}

.resource-filter[b-vhbpcw9fnj]  .select2-results__options {
    padding: 0;
}

.resource-filter[b-vhbpcw9fnj]  .select2-results__option {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    min-height: 44px;
}

.resource-filter[b-vhbpcw9fnj]  .select2-results__option:first-child {
    border-radius: 5px 5px 0 0;
}

.resource-filter[b-vhbpcw9fnj]  .select2-results__option:last-child {
    border-radius: 0 0 5px 5px;
}

.resource-filter[b-vhbpcw9fnj]  .select2-results__option[aria-selected="true"],
.resource-filter[b-vhbpcw9fnj]  .select2-results__option.select2-results__option--highlighted {
    color: #000;
    background: #EBEBF5;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: #A6AAC1;
    border-radius: 8px;
    border: 1px solid #E1E2EC;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection[aria-expanded="true"] {
    border: 1px solid #E1E2EC;
    background: transparent;
    border-radius: 8px;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection__rendered {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 44px 9px 18px;
    min-height: 44px;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-search__field {
    height: 20px;
    width: 100% !important;
    min-width: 100%;
    color: #000;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection__clear {
    position: absolute;
    top: 13px;
    right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    float: none;
    color: #A6AAC1;
    font-size: 14px;
    border: 1px solid #A6AAC1;
    border-radius: 50%;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection[aria-expanded="true"] .select2-selection__clear {
    top: 12px;
    right: 13px;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection__clear:hover {
    color: var(--theme-primary-400);
    border-color: var(--theme-primary-400);
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-search__field {
    padding: 0;
    font-size: 15px;
    line-height: 20px;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection__choice {
    display: flex;
    align-items: center;
    height: 26px;
    margin: 0;
    padding: 0 0 0 10px;
    color: var(--theme-primary-400);
    font-size: 13px;
    line-height: 15px;
    background: rgba(var(--theme-rgb-primary), 0.3);
    border-radius: 14px;
    border: none;
}

.resource-filter[b-vhbpcw9fnj]  .resource-group-container .select2-selection__choice__remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 100%;
    margin: 0 !important;
    padding: 0;
    color: var(--theme-primary-400) !important;
    border: none !important;
}

/* Dark theme */
body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .date-options {
    color: #DEE1F9;
    border-color: #A6AAC1;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .date-options .btn-primary {
    color: #DEE1F9;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .date-options:hover .btn-primary {
    color: var(--theme-primary-400);;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .date-options:hover {
    border-color: var(--theme-primary-400);
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .date-options .dropdown-menu .dropdown-item:hover {
    color: #fff;
    background: #2A2D35;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .select2-search__field {
    color: #FFFFFF;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .select2-dropdown {
    border-color: #393B43;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .select2-results {
    background: #191C22;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .select2-results__option[aria-selected="true"],
body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .select2-results__option.select2-results__option--highlighted {
    color: #fff;
    background: #2A2D35;
}

body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .select2-selection,
body.mod-skin-dark .resource-filter[b-vhbpcw9fnj]  .select2-selection[aria-expanded="true"] {
    background: transparent;
    border: 1px solid #393B43;
}
/* /Pages/Organizations/Azure/AzureDashboard/ConsumptionReport/ConsumptionReport.razor.rz.scp.css */
.buttons-container[b-6jmbaysif8] {
    display: flex;
    gap: 10px;
}

@media (max-width: 1264px) {
    .buttons-container[b-6jmbaysif8] {
        display: none;
    }
}

.buttons-container[b-6jmbaysif8]  .btn-default,
.buttons-container[b-6jmbaysif8]  .link-button {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 12px;
    color: #414659;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    transition: all .2s linear;
}

.buttons-container[b-6jmbaysif8]  .btn-default:hover,
.buttons-container[b-6jmbaysif8]  .link-button:hover {
    color: var(--theme-primary-400) !important;
}

.buttons-container[b-6jmbaysif8]  .btn-default {
    width: auto;
    margin: 0;
    border: none;
    background: none;
}

.buttons-container[b-6jmbaysif8]  .btn-default .msp-icon {
    font-size: 16px;
}

.buttons-container[b-6jmbaysif8]  .link-button .msp-icon {
    font-size: 18px;
}

.buttons-container[b-6jmbaysif8]  .btn-default .msp-icon,
.buttons-container[b-6jmbaysif8]  .link-button .msp-icon {
    display: block;
    color: #72768B;
}


/* Mobile dropdown container */

.mobile-dropdown-container[b-6jmbaysif8] {
    display: none;
}

@media (max-width: 1264px) {
    .mobile-dropdown-container[b-6jmbaysif8] {
        display: block;
    }
}

/* end: Mobile dropdown container */

/* Dark theme */
body.mod-skin-dark .buttons-container[b-6jmbaysif8]  .btn-default,
body.mod-skin-dark .buttons-container[b-6jmbaysif8]  .link-button {
    color: #DEE1F9;
}

body.mod-skin-dark .buttons-container[b-6jmbaysif8]  .btn-default .msp-icon,
body.mod-skin-dark .buttons-container[b-6jmbaysif8]  .link-button .msp-icon {
    color: #A6AAC1;
}
/* /Pages/Organizations/Azure/AzureDashboard/Index.razor.rz.scp.css */
.dashboard[b-7ymcn2xasp]  .panel {
    padding: 1.875rem;
    gap: 1rem;
}

.dashboard[b-7ymcn2xasp]  .panel-hdr {
    padding: 0;
    background: transparent !important;
}

.dashboard[b-7ymcn2xasp]  .panel-hdr h2 {
    display: flex;
    gap: 0.25rem;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: capitalize;
}

.dashboard[b-7ymcn2xasp]  .panel-hdr h2 i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.25rem;
    color: #72768B;
    border-radius: 5px;
    background: #E1E2EC;
}

@media (max-width: 1264px) {
    .dashboard[b-7ymcn2xasp]  .panel-hdr .mobile-dropdown-container {
        padding-right: 0;
    }
}

.dashboard[b-7ymcn2xasp]  .panel-content {
    padding: 0;
}

@media (max-width: 599px) {
    .dashboard[b-7ymcn2xasp]  .panel-content {
        padding: 0;
    }
}

.dashboard[b-7ymcn2xasp]  .section-container {
    align-items: flex-start;
    gap: 1.875rem;
    padding: 0;
}

.dashboard[b-7ymcn2xasp]  .section-container .buttons-container {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    justify-self: flex-end;
}

.dashboard[b-7ymcn2xasp]  .section-container .resource-group-container {
    align-items: flex-end;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 740px) {
    .dashboard[b-7ymcn2xasp]  .section-container .resource-group-container {
        flex-wrap: wrap;
    }
}

.dashboard[b-7ymcn2xasp]  .panel .resource-group-container .btn-primary {
    padding: 12px 44px;
}

@media (max-width: 740px) {
    .dashboard[b-7ymcn2xasp]  .panel .resource-group-container .btn-primary {
        width: 100%;
    }
}

.dashboard[b-7ymcn2xasp]  .section-container .rg-select2-container {
    flex-direction: row;
}

@media (max-width: 740px) {
    .dashboard[b-7ymcn2xasp]  .section-container .rg-select2-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 1520px) {
    .dashboard[b-7ymcn2xasp]  .section-container .buttons-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 1100px) {
    .dashboard[b-7ymcn2xasp]  .section-container .resource-filter {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 740px) {
    .dashboard[b-7ymcn2xasp]  .section-container .resource-filter .date-options {
        width: 100%;
    }

    .dashboard[b-7ymcn2xasp]  .section-container .resource-filter .date-options .dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media (max-width: 599px) {
    .dashboard[b-7ymcn2xasp]  .section-container .resource-filter .date-options .btn-primary {
        justify-content: center;
    }
}

.dashboard[b-7ymcn2xasp]  .btn-primary {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    height: 44px;
    padding: 12px 24px;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    border-radius: 14px;
    background: var(--theme-primary-500);
    transition: all .2s linear;
}

.dashboard[b-7ymcn2xasp]  .buttons-container .btn-primary:hover,
.dashboard[b-7ymcn2xasp]  .resource-group-container .btn-primary:hover {
    background: var(--theme-primary-600);
}

.dashboard[b-7ymcn2xasp]  .btn-primary i {
    display: block;
    font-size: 12px;
}

/* Section styles */
.dashboard-section-block[b-7ymcn2xasp] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

@media (max-width: 1280px) {
    .dashboard-section-block[b-7ymcn2xasp] {
        flex-direction: column;
    }
}

.dashboard-section-container[b-7ymcn2xasp] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 50%;
}

@media (max-width: 1280px) {
    .dashboard-section-container[b-7ymcn2xasp] {
        width: 100%;
    }
}

.dashboard-section[b-7ymcn2xasp] {
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
}

.dashboard-section__header[b-7ymcn2xasp] {
    display: flex;
    align-items: center;
    height: 68px;
    padding: 0 0 0 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dashboard-section__content[b-7ymcn2xasp] {
    padding: 30px;
}

.dashboard-section__title[b-7ymcn2xasp] {
    color: #72768B;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.024px;
    text-transform: uppercase;
}

/* end: Section styles */

/* Dark theme */
body.mod-skin-dark .dashboard[b-7ymcn2xasp]  .panel-hdr h2 {
    color: #FFFFFF;
}

body.mod-skin-dark .dashboard[b-7ymcn2xasp]  .panel-hdr h2 i {
    color: #A6AAC1;
    background: #393B43;
}

body.mod-skin-dark .dashboard-section[b-7ymcn2xasp] {
    background: #191c22;
}

body.mod-skin-dark .dashboard-section__header[b-7ymcn2xasp] {
    border-color: #393b43;
}

body.mod-skin-dark .dashboard-section__title[b-7ymcn2xasp] {
    color: #A6AAC1;
}
/* /Pages/Organizations/Azure/LogAnalytics/EventLogsSection.razor.rz.scp.css */
.display-grid[b-an9x2h5hnn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/* /Pages/Organizations/Azure/LogAnalytics/PerformanceCountersSection.razor.rz.scp.css */
.display-grid[b-z35d0itfkl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/* /Pages/Organizations/CloudFolders/SharedFolders/Components/PermissionsGrid.razor.rz.scp.css */
[b-rq92sjdbgp] .selector {
    min-width: 200px;
}

[b-rq92sjdbgp] .select2-container--open .select2-dropdown--below {
    border-top-width: 1px;
    border-top-style: solid;
    width: max-content !important;
}

[b-rq92sjdbgp] .select2-container--open .select2-dropdown--above {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: max-content !important;
}
/* /Pages/Organizations/CloudFolders/SharedFolders/Index.razor.rz.scp.css */
[b-uvwff6ozkn] .selector {
    min-width: 200px;
}

[b-uvwff6ozkn] .select2-container--open .select2-dropdown--below {
    border-top-width: 1px;
    border-top-style: solid;
    width: max-content !important;
}

[b-uvwff6ozkn] .select2-container--open .select2-dropdown--above {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    width: max-content !important;
}
/* /Pages/Organizations/Devices/Components/DetailsTabs/GeneralTab/AgentInfoTable.razor.rz.scp.css */
tr td:nth-child(1)[b-sl4wxqtzpg] {
    width: 30%;
}
/* /Pages/Organizations/Devices/Components/DetailsTabs/GeneralTab/DeviceInformation.razor.rz.scp.css */
.map-height:has(div.atlas-map)[b-3wkfm760u3] {
    height: 315px;
}
/* /Pages/Organizations/Devices/Components/DetailsTabs/GeneralTab/Telemetry/LocationTelemetry.razor.rz.scp.css */
.map[b-q1xaktcdob] {
    width: 100%;
    height: 400px;
}
/* /Pages/Organizations/Devices/Components/DeviceGrid.razor.rz.scp.css */
[b-kiheasonpk] .selector {
    min-width: 180px;
}

[b-kiheasonpk] .vertical-align-middle {
    vertical-align: middle;
}
/* /Pages/Organizations/Devices/Map.razor.rz.scp.css */
[b-iyc4cfsbmo] .selector {
    min-width: 200px;
}
/* /Pages/Organizations/Devices/Settings/Components/CleanupSettings.razor.rz.scp.css */
.display-grid[b-o3l71az5c2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/* /Pages/Organizations/ExchangeOnline/Mailboxes/EditTabs/Components/PermissionsTable.razor.rz.scp.css */
*[b-q8dwa2a2y2] {
    font-size: 12px;
}
/* /Pages/Organizations/ExchangeOnline/Mailboxes/Index.razor.rz.scp.css */
.text-break[b-o63c9q7avr] {
    word-break: break-word;
}

[b-o63c9q7avr] .selector {
    min-width: 75px;
}

[b-o63c9q7avr] .select2-container--open .select2-dropdown--below {
    border-top-width: 1px;
    border-top-style: solid;
    min-width: 75px;
    width: max-content !important;
}

[b-o63c9q7avr] .select2-container--default .select2-results > .select2-results__options {
    max-height: 50vh;
}
/* /Pages/Organizations/ExchangeServer/DistributionList/Index.razor.rz.scp.css */
[b-jla3ath9tl] .select2-container--open .select2-dropdown--below, [b-jla3ath9tl] .select2-container--open .select2-dropdown--above {
    border-top-width: 1px;
    border-top-style: solid;
    min-width: 75px;
    width: max-content !important;
    max-width: 88vw;
}
/* /Pages/Organizations/ExchangeServer/Mailboxes/Index.razor.rz.scp.css */
[b-mmi7zuct92] .selector {
    min-width: 75px;
}

[b-mmi7zuct92] .select2-container--open .select2-dropdown--below {
    border-top-width: 1px;
    border-top-style: solid;
    min-width: 75px;
    width: max-content !important;
}

[b-mmi7zuct92] .select2-container--default .select2-results > .select2-results__options {
    max-height: 50vh;
}
/* /Pages/Organizations/ExchangeServer/TransportRules/RuleContainer.razor.rz.scp.css */
.rule[b-qpn8680306] {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}
/* /Pages/Organizations/ExchangeServer/TransportRules/RuleContainerFor.razor.rz.scp.css */
.rule[b-rtdjxcic2w] {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}
/* /Pages/Organizations/ExchangeServer/TransportRules/TransportRuleDropdownButton.razor.rz.scp.css */
[b-a1kp5wb4de] .dropdown-menu.show {
    overflow-x: auto;
    max-height: 350px;
}
/* /Pages/Organizations/MicrosoftTeams/Plans/Edit.razor.rz.scp.css */
.edit-teams[b-phehx3jnfq]  .flex {
    display: flex;
}

.edit-teams[b-phehx3jnfq]  .items-center {
    align-items: center;
}

.edit-teams[b-phehx3jnfq]  .items-center .form-label {
    margin: 0;
}

.edit-teams[b-phehx3jnfq]  .form-group .form-label {
    min-width: 320px;
    max-width: 320px;
    text-align: right;
}

.edit-teams[b-phehx3jnfq]  .form-group .form-control {
    max-width: 580px;
}
/* /Pages/Organizations/MicrosoftTeams/Plans/Index.razor.rz.scp.css */
.delete-item[b-5yvlevoexj]  a .fa-trash-alt {
    font-size: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.delete-item[b-5yvlevoexj]  a .fa-trash-alt:hover {
    color: red;
}
/* /Pages/Organizations/MicrosoftTeams/Policies/TextBlock.razor.rz.scp.css */
.text-block[b-6gsg0ndksb]  .form-group {
    display: flex;
    margin-bottom: .5rem;
}

.text-block[b-6gsg0ndksb]  .text-block__container {
    display: flex;
    flex-wrap: wrap;
}

.text-block[b-6gsg0ndksb]  .teams_title {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}

.text-block[b-6gsg0ndksb]  .teams_description {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 13px;
    max-width: 580px;
}

.text-block[b-6gsg0ndksb]  .teams_description.text-danger {
    color: var(--theme-danger);
}

.text-block[b-6gsg0ndksb]  .teams_description a {
    display: block;
    color: var(--theme-primary)
}
/* /Pages/Organizations/MicrosoftTeams/Users/Edit.razor.rz.scp.css */
.edit-teams[b-09jhk65dal]  .flex {
    display: flex;
}

.edit-teams[b-09jhk65dal]  .items-center {
    align-items: center;
}

.edit-teams[b-09jhk65dal]  .items-center .form-label {
    margin: 0;
}

.edit-teams[b-09jhk65dal]  .form-group .form-label {
    min-width: 320px;
    max-width: 320px;
    text-align: right;
}

.edit-teams[b-09jhk65dal]  .form-group .form-control {
    max-width: 580px;
}

.edit-teams[b-09jhk65dal]  .default .form-group .form-label {
    min-width: auto;
}
/* /Pages/Organizations/Organization/ActiveUsers/Index.razor.rz.scp.css */
img.small-image[b-vy3hk8f7pg] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: -2px;
}
span.small-image[b-vy3hk8f7pg] {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
}

[b-vy3hk8f7pg] .selector {
    min-width: 75px;
}

[b-vy3hk8f7pg] .select2-container--open .select2-dropdown--below {
    border-top-width: 1px;
    border-top-style: solid;
    min-width: 75px;
    width: max-content !important;
}

[b-vy3hk8f7pg] .select2-container--default .select2-results > .select2-results__options {
    max-height: 50vh;
}

[b-vy3hk8f7pg] table.dataTable > tbody > tr.child ul.dtr-details > li:last-child > span.dtr-data > span:last-child:has(i.fas.fa-fw) {
   display: none;
}
/* /Pages/Organizations/Organization/ActiveUsers/SharedControls/GeneralSettings.razor.rz.scp.css */
.general-edit-form[b-xp77xlkrns] {
    form {
        display: grid;
        gap: 5px;
    }
}
/* /Pages/Organizations/Organization/ActiveUsers/SharedControls/O365UsersImport.razor.rz.scp.css */
[b-1654vo4x8r] .dropdown-menu.show {
    overflow-y: auto;
    max-height: 400px;
}
/* /Pages/Organizations/Organization/ActiveUsers/SharedControls/Peer.razor.rz.scp.css */
.peer[b-k411weep7o]  .peer__select {
    display: flex;
    gap: 15px;
}

.peer[b-k411weep7o]  .peer__label {
    display: block;
    margin: 1rem 0;
}

.peer[b-k411weep7o]  .peer__label:first-child {
    margin-top: 0;
}
/* /Pages/Organizations/Organization/LocationsIpAddresses/Index.razor.rz.scp.css */
[b-pdpdq78cqd] .selector {
    min-width: 75px;
}
/* /Pages/Organizations/Shared/SignatureManagement/QrCodeConfigurator.razor.rz.scp.css */
.display-grid[b-wwk5tebd0d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/* /Pages/Organizations/SharePointOnline/OnedriveShortcuts/Create.razor.rz.scp.css */
/* /Pages/Organizations/SharePointOnline/Sites/Index.razor.rz.scp.css */
/* /Pages/Organizations/SharePointOnline/StorageUssage/Index.razor.rz.scp.css */
/* /Pages/Settings/ChocoFeeds/Index.razor.rz.scp.css */
.delete-item[b-svejgmasvo] {
    display: flex;
    justify-content: space-between;
}

.delete-item[b-svejgmasvo]  > a .fa-trash-alt {
    font-size: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.delete-item[b-svejgmasvo]  > a .fa-trash-alt:hover {
    color: var(--theme-danger-400);
}
/* /Pages/Settings/Devices/Map.razor.rz.scp.css */
[b-pkzxqrbt38] .selector {
    min-width: 200px;
}
/* /Pages/Settings/MailTemplates/Index.razor.rz.scp.css */
.actionsBar[b-rdpsr81nfd] {
    display:flex;
    flex-direction: row;
}

.actionsLeft[b-rdpsr81nfd] {
    flex-grow:1;
}

.actionsRight[b-rdpsr81nfd] {
    width: 150px;
    text-align: right;
}

[b-rdpsr81nfd] .selector{
    min-width: 200px;
}
/* /Pages/Settings/Policies/AgentModelsPolicy/Components/EditSettings.razor.rz.scp.css */
.time[b-bko9bd6cmb] {
    padding-right: 0rem;
    padding-left: 0rem;
    margin-bottom: 20px;
}
/* /Pages/Settings/Policies/Components/BrandingDefaultViewModeEditor.razor.rz.scp.css */
.view-mode-container[b-qw0hldtr5k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.5rem;
    margin-bottom: 1.5rem;
}
.view-mode-container .color-label[b-qw0hldtr5k] {
    border-radius: 25px;
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 20px;
}
/* /Pages/Settings/Policies/Components/BrandingImagesEditor.razor.rz.scp.css */
.image-container[b-og4v5y0qbc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.5rem;
    margin-bottom: 1.5rem;
}
/* /Pages/Settings/Policies/Controls/MspControl/AccountProfilePolicy.razor.rz.scp.css */
.fields-type-grid-container[b-ijyk07543f] {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 25px;
}
/* /Pages/Settings/Policies/Controls/MspControl/CheckInPolicy.razor.rz.scp.css */
.time[b-fon6e1cty1] {
    padding-right: 0rem;
    padding-left: 0rem;
    margin-bottom: 20px;
}
/* /Pages/Settings/Policies/Controls/MspControl/ConnectWisePolicy.razor.rz.scp.css */
[b-rv8j4cx9d7] .hint {
    margin-top: 0.3rem;
}
/* /Pages/Settings/Policies/Controls/MspControl/PeerAccountProfilePolicy.razor.rz.scp.css */
.fields-type-grid-container[b-2olp4e5as5] {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 25px;
}
/* /Pages/Settings/Policies/Controls/Virtubot/BotPolicy.razor.rz.scp.css */
.day[b-q1bknp8hs2] {
    margin-top: 20px;
    font-weight: 500;
}

[b-q1bknp8hs2] .time {
    margin-bottom: 5px;
}

    [b-q1bknp8hs2] .time .form-label {
        font-weight: normal;
    }

.qa-column[b-q1bknp8hs2] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.qa-column-header[b-q1bknp8hs2] {
    font-weight: 500;
    margin-bottom: 1.5rem;
}
/* /Pages/Settings/Policies/Controls/Virtubot/ServiceTicketsBotPolicy.razor.rz.scp.css */
.day[b-m8c8ccbn1z] {
    margin-top: 20px;
    font-weight: 500;
}

[b-m8c8ccbn1z] .time {
    margin-bottom: 5px;
}

    [b-m8c8ccbn1z] .time .form-label {
        font-weight: normal;
    }

.qa-column[b-m8c8ccbn1z] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.qa-column-header[b-m8c8ccbn1z] {
    font-weight: 500;
    margin-bottom: 1.5rem;
}
/* /Pages/Settings/Policies/Index.razor.rz.scp.css */
.actionsBar[b-ovwslc58zx] {
    display:flex;
    flex-direction: row;
}

.actionsLeft[b-ovwslc58zx] {
    flex-grow:1;
}

.actionsRight[b-ovwslc58zx] {
    width: 150px;
    text-align: right;
}

[b-ovwslc58zx] .selector{
    min-width: 200px;
}
/* /Pages/Settings/Policies/SchedulingGroupsPolicy/Components/EditSettings.razor.rz.scp.css */
.time[b-e9wwzxq6pe] {
    padding-right: 0rem;
    padding-left: 0rem;
    margin-bottom: 20px;
}
/* /Pages/Settings/Servers/EditServerComponents/ServerServices.razor.rz.scp.css */
[b-gtiknm0lss] .service-row:hover, .service-row:hover[b-gtiknm0lss] {
    background-color: var(--theme-primary-700);
    border: var(--theme-primary-900);
    color: white;
}

[b-gtiknm0lss] .add-button {
    max-height: 10px;
    max-width: 60px;
}
/* /Pages/Settings/Servers/ServiceSettingsComponents/HyperVSettings.razor.rz.scp.css */
.error-color[b-bzs5tn2oo7] {
    color: red;
}
/* /Pages/Settings/StorageLevels/Index.razor.rz.scp.css */
.delete-item[b-3pfqspdtdg] {
    display: flex;
    justify-content: space-between;
}

.delete-item[b-3pfqspdtdg]  > a .fa-trash-alt {
    font-size: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.delete-item[b-3pfqspdtdg]  > a .fa-trash-alt:hover {
    color: var(--theme-danger-400);
}
/* /Pages/Settings/StorageMigrations/Index.razor.rz.scp.css */
.storage-migrations[b-ufh4hrmbrl] {
    .tab-pane.active {
        padding: 1.5rem 0 0;
        
        .panel {
            margin: 1.5rem 0 0;
        }
    }
}
/* /Pages/Settings/StorageSpaces/Components/StorageSpace.razor.rz.scp.css */
.storage-service.edit[b-cgf3osrf5s] {
    cursor: not-allowed;
}

.storage-space-tree[b-cgf3osrf5s]  .fas.fa-folder {
    margin-right: 10px;
    color: #F8D775;
    font-size: 20px;
}

.storage-space-tree[b-cgf3osrf5s]  .fas.fa-database {
    margin-right: 15px;
    font-size: 18px;
}
/* /Pages/Settings/StorageSpaces/Index.razor.rz.scp.css */
.delete-item[b-srnmyo3q26] {
    display: flex;
    justify-content: space-between;
}

.delete-item[b-srnmyo3q26]  a .fa-trash-alt {
    font-size: 16px;
    transition: all .2s linear;
    cursor: pointer;
}

.delete-item[b-srnmyo3q26]  a .fa-trash-alt:hover {
    color: red;
}
/* /Pages/Settings/StorageVolumes/Add.razor.rz.scp.css */
.hint[b-uzo60n3pgg] {
    display: block;
    padding: 10px;
    max-width: 450px;
    color: var(--theme-light);
    background: var(--theme-primary);
    border-radius: 4px;
}

.free-size[b-uzo60n3pgg] {
    display: block;
    margin-top: 5px;
}

.error-message[b-uzo60n3pgg] {
    display: block;
    margin-top: 5px;
    color: var(--theme-danger);
}
/* /Pages/Settings/UpdateDashboard/Components/DateTimeEditor.razor.rz.scp.css */
[b-su1h9t0m0z] .date-input {
    width: 75px;
    display:inline;
    margin-right: 5px;
}
/* /Pages/Settings/UpdateDashboard/Components/LogsPanel.razor.rz.scp.css */
[b-todo2wx9im] .error {
    color: red;
}
[b-todo2wx9im] .warning {
    color: orange;
}
/* /Pages/Settings/UpdateDashboard/Components/SchedulePanel.razor.rz.scp.css */
.warning[b-kz798gegtf]{
    color: orange;
}
.error[b-kz798gegtf] {
    color: red;
}
/* /Pages/Settings/UpdateDashboard/Index.razor.rz.scp.css */
[b-ieqohpy1u8] .btn-update-green, [b-ieqohpy1u8] .btn-update-yellow {
    color: white;
}

[b-ieqohpy1u8] .btn-update-green {
    background-color: #0f5c1a;
}

[b-ieqohpy1u8] .btn-update-yellow {
    background-color: #cf6817;
}
/* /Pages/Settings/VirtualServers/Edit.razor.rz.scp.css */
.service-row:hover[b-z3zw2dhrli], .service-group:hover ~ .service-row[b-z3zw2dhrli] {
    background-color: var(--theme-primary-700);
    border: var(--theme-primary-900);
}

[b-z3zw2dhrli] .form-label {
    color: #495057;
    
}

.mod-skin-dark .service-row[b-z3zw2dhrli]  .form-label {
    color: #a5abb1 !important;
}

[b-z3zw2dhrli] .service-row:hover .form-label, [b-z3zw2dhrli] .service-group:hover ~ .service-row .form-label {
    color: white !important;
}
/* /Pages/Web/FileManager/Index.razor.rz.scp.css */
.main-container[b-mzti3n7qbk]  .btn {
    width: 50px;
    height: 36px;
}

/* Tree view styles */
.tree-view-container[b-mzti3n7qbk]  {
    --border-size: 1px;
    --border-color: #e9e9e9;
    --border-color-dark-skin: rgba(255, 255, 255, 0.25);
    --border-radius: 4px;
    --folder-color: #F8D775;
    --file-color: #d1d1d1;
    --folder-size: 20px;
    --row-padding: .35rem;
    --row-padding-left: 2rem;
}

.tree-view-container[b-mzti3n7qbk]  .tree-view {
    display: flex;
    flex-direction: column;
    border: var(--border-size) solid var(--border-color);
    border-radius: var(--border-radius);
}

.mod-skin-dark:not(.mod-skin-light) .tree-view-container[b-mzti3n7qbk]  .tree-view {
    border: var(--border-size) solid var(--border-color-dark-skin);
}

.tree-view-container[b-mzti3n7qbk]  .rz-tree {
    width: 100%;
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode {
    padding: var(--row-padding) 0 var(--row-padding) var(--row-padding-left);
    border-bottom: var(--border-size) solid var(--border-color);
}

.mod-skin-dark:not(.mod-skin-light) .tree-view-container[b-mzti3n7qbk]  .rz-treenode {
    border-bottom: var(--border-size) solid var(--border-color-dark-skin);
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode:last-child,
.mod-skin-dark:not(.mod-skin-light) .tree-view-container[b-mzti3n7qbk]  .rz-treenode:last-child {
    border-bottom: none;
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode .rz-treenode-children .rz-treenode:last-of-type {
    padding-bottom: 0;
}

.tree-view-container[b-mzti3n7qbk]  .fas.fa-folder,
.tree-view-container[b-mzti3n7qbk]  .fas.fa-file {
    margin-right: 10px;
    font-size: var(--folder-size);
}

.tree-view-container[b-mzti3n7qbk]  .fas.fa-folder {
    color: var(--folder-color);
}

.tree-view-container[b-mzti3n7qbk]  .empty-data {
    border: var(--border-size) solid var(--border-color);
    border-radius: var(--border-radius);
}

.mod-skin-dark:not(.mod-skin-light) .tree-view-container[b-mzti3n7qbk]  .empty-data {
    border: var(--border-size) solid var(--border-color-dark-skin);
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode-content .inline-icon {
    font-size: 14px;
    margin: 0;
    color: var(--theme-primary);
    width: 15px;
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode-content .rz-treenode-label {
    transition: none;
    padding: 0 0 0 .5rem;
}

.tree-view-container[b-mzti3n7qbk]  .disk-space {
    display: flex;
    justify-content: space-between;
}

.tree-view-container[b-mzti3n7qbk]  .disk-space-text {
    display: block;
    font-size: 13px;
}

.tree-view-container[b-mzti3n7qbk]  .btn-context-menu {
    display: flex;
    align-items: center;
    padding: .5rem .5rem .5rem .5rem;
    margin-left: 1rem;
}

.tree-view-container[b-mzti3n7qbk]  .btn-context-menu:hover .dropdown-menu {
    display: block;
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode-label {
    position: relative;
}

.tree-view-container[b-mzti3n7qbk]  .dropdown-menu {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 200px;
    top: 100%;
    left: calc(100% - 200px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    z-index: 1000;
}

.tree-view-container[b-mzti3n7qbk]  .dropdown-menu li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.tree-view-container[b-mzti3n7qbk]  .dropdown-menu li:hover {
    background: #eee;
}

.tree-view-container[b-mzti3n7qbk]  .fas.fa-ellipsis-v {
    opacity: 0;
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode-content:hover .fas.fa-ellipsis-v {
    opacity: 1;
}

.tree-view-container[b-mzti3n7qbk]  .rz-treenode-content-selected .fas.fa-ellipsis-v {
    opacity: 1;
}
/* /Pages/Web/Websites/Edit/Shared/TreeViewInput.razor.rz.scp.css */
.tree-view[b-mlycthx89i] {
    background: transparent;
    z-index: 100;
    padding: 1rem 1rem 1rem .5rem;
    overflow: auto;
}

.tree-view[b-mlycthx89i]  .fas.fa-folder {
    margin-right: 10px;
    color: #F8D775;
    font-size: 20px;
}

.tree-view[b-mlycthx89i]  .fas.fa-database {
    margin-right: 15px;
    font-size: 18px;
}

.tree-view-input:hover .tree-view[b-mlycthx89i] {
    display: block;
}

.tree-view-input .tree-view .fas.fa-file[b-mlycthx89i] {
    margin-right: 20px;
    font-size: 20px;
}

.tree-view-input .rz-treenode-label[b-mlycthx89i] {
    min-width: max-content;
}

.tree-view-hide[b-mlycthx89i] {
    display: none;
}
/* /Shared/Breadcrumb.razor.rz.scp.css */
.breadcrumb-container[b-hnvkmzqvie] {
    padding: 10px 33px 10px 2rem !important;
    min-height: 45px !important;
    display: flex;
    flex-direction: row;
}
.breadcrumb-container ol[b-hnvkmzqvie] {
    flex-grow: 1;
}

.breadcrumb-container .page-breadcrumb[b-hnvkmzqvie] {
    margin-top: 12px;
    margin-bottom: 10px;
    scroll-padding-right: 20px;
}

.breadcrumb-scrollbox-fade[b-hnvkmzqvie] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 0 0;
    padding: 0 0;
    overflow: hidden;
    height: 45px !important;
    position: relative;
}

.breadcrumb-scrollbox[b-hnvkmzqvie] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 0;
    padding: 0 0;
    width: 100%;
    height: 40px !important;
}

.breadcrumb-scrollbox:hover[b-hnvkmzqvie] {
    &::-webkit-scrollbar-thumb
     {
        background-color: #666;
     }
}

.fade-scrollbox[b-hnvkmzqvie] {
    opacity: 1;
    position: absolute;
    top: 12px;
    bottom: 13px;
    right: 0;
    z-index: 1;
    width: 25px;
    display: inline;
    background-image: linear-gradient(to right, transparent 0%, #faf8fb);
}

.breadcrumb-scrollbox-fade:hover > div:last-child[b-hnvkmzqvie] {
    display: none;
}

.breadcrumb[b-hnvkmzqvie] {
    min-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.breadcrumb > li.breadcrumb-item[b-hnvkmzqvie] {
    max-width: unset !important;
    text-overflow: unset;
    white-space: nowrap;
    overflow: unset;
    display: block;
}

.breadcrumb > li.breadcrumb-item:last-child[b-hnvkmzqvie] {
    padding-right: 20px;
}

/*.breadcrumb-link.active {
    font-weight: bold;
}*/

.package-org-selector[b-hnvkmzqvie] {
    margin: 3px 0px 3px 5px;
    display: flex;
}
.package-org-menu-item[b-hnvkmzqvie] {
    cursor: pointer;
}

i.fal[b-hnvkmzqvie] {
    margin-right: 10px;
}

@media only screen and (max-width: 992px) {
 .breadcrumb-container[b-hnvkmzqvie] {
    padding: 0 18px 0 1rem !important;
 }    
}

@media only screen and (max-width: 768px) {
 .breadcrumb-container[b-hnvkmzqvie] {
    padding: 0 18px 0 1rem !important;
 }
}

@media only screen and (max-width: 576px) {
 .breadcrumb-container[b-hnvkmzqvie] {
    padding: 0 5px 0 0 !important;
 }
 .package-org-selector[b-hnvkmzqvie] {
    margin: 3px -3px 3px 5px;
 }
}

@media only screen and (max-width: 420px) {
 .breadcrumb-container[b-hnvkmzqvie] {
    padding: 0 1px 3px 1px !important;
    display: inline;
 }
 .package-org-selector[b-hnvkmzqvie] {
    margin: 3px 0px 3px 0px;
    display: inline;
 }
 .package-org-selector .btn[b-hnvkmzqvie] {
    width: 100%;
    text-align: right;
 }
 .package-org-selector .dropdown-menu[b-hnvkmzqvie] {
    width: 100%;
 }
}
/* /Shared/CheckInButton.razor.rz.scp.css */
.badge-checkin[b-tvtr2e69dq] {
    font-size: 0.45rem;
}
.header-icon-checking:hover[b-tvtr2e69dq] {
    cursor: pointer;
}
/* /Shared/Comments/Comments.razor.rz.scp.css */
.text-container[b-kzbya2p6ge] {
    word-wrap: break-word;
}
.w-98[b-kzbya2p6ge] {
    width: 98%;    
}
/* /Shared/Devices/DevicesOnMapModalDialog.razor.rz.scp.css */
.devices[b-xo9hfzphve] {
    display: grid;
    grid-template-columns: 5fr 1fr;
    column-gap: 10px;
    row-gap: 0.3em;
}
.device-icon[b-xo9hfzphve]{
    text-align: center
}
.tooltipcontent[b-xo9hfzphve] {
    visibility: hidden;
    width: max-content;
    background-color: white;
    color: black;
    text-align: center;
    padding: 10px;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
}
.tooltipcontent .danger[b-xo9hfzphve] {
    color: red;
}
.device-icon:hover .tooltipcontent[b-xo9hfzphve] {
    visibility: visible;
}
/* /Shared/GlobalSearch.razor.rz.scp.css */
.select-results[b-u52qmfd3r2] {
    padding: 10px;
    left: 98px;
    top: 65px;
    max-height: 500px;
    overflow: auto;
    width: 600px;
}
@media screen and (max-width: 992px) {
    .select-results[b-u52qmfd3r2] {
        left: 100px;
    }
}
    
@media screen and (max-width: 575.98px) {
    .select-results[b-u52qmfd3r2] {
        left: 14px;
    }
}

    .select-results > span[b-u52qmfd3r2] {
        cursor: default;
    }

    .select-results > a > span[b-u52qmfd3r2] {
        margin-left: 10px;
    }

/* /Shared/LegacyLoginIframe.razor.rz.scp.css */
.navbar-toggler[b-bf2h8i506i] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-bf2h8i506i] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-bf2h8i506i] {
    font-size: 1.1rem;
}

.oi[b-bf2h8i506i] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-bf2h8i506i] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-bf2h8i506i] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-bf2h8i506i] {
        padding-bottom: 1rem;
    }

    .nav-item[b-bf2h8i506i]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-bf2h8i506i]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-bf2h8i506i]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-bf2h8i506i] {
        display: none;
    }

    .collapse[b-bf2h8i506i] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.login-info[b-bf2h8i506i] {
    padding: 10px 0 0 20px;
    display: block;
    font-size: 15px;
    height: 39px;
    color: #fff;
    border: solid transparent;
    border-width: 1px 0;
    box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%);
    width: 100%;
    margin: 0 !important;
    border-bottom: 1px solid #525151;
}
/* /Shared/Logo.razor.rz.scp.css */
.branding-logo-webdav[b-ydirvof1jf] {
    display: none;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.nav-spinner[b-sdmik3vtm0] {
    padding: 10px 20px;
}

/* /Shared/NavMenuItem.razor.rz.scp.css */
.navbar-toggler[b-3ubq0rmo2p] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-3ubq0rmo2p] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-3ubq0rmo2p] {
    font-size: 1.1rem;
}

.oi[b-3ubq0rmo2p] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-3ubq0rmo2p] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-3ubq0rmo2p] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-3ubq0rmo2p] {
        padding-bottom: 1rem;
    }

    .nav-item[b-3ubq0rmo2p]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-3ubq0rmo2p]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-3ubq0rmo2p]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-3ubq0rmo2p] {
        display: none;
    }

    .collapse[b-3ubq0rmo2p] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}

.login-info[b-3ubq0rmo2p] {
    padding: 10px 0 0 20px;
    display: block;
    font-size: 15px;
    height: 39px;
    color: #fff;
    border: solid transparent;
    border-width: 1px 0;
    box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%);
    width: 100%;
    margin: 0 !important;
    border-bottom: 1px solid #525151;
}
/* /Shared/ObjectAuditLog/ObjectAuditLogDetails.razor.rz.scp.css */
/* /Shared/Organizations/O365Icon.razor.rz.scp.css */
.color-admin[b-y0gc9515wl] {
    color: #800080;
}
/* /Shared/Organization/AzureManagementPortal.razor.rz.scp.css */
.btn-container[b-cbncwjqomx]  .btn-azure-portal {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #42444c;
    border-radius: 14px;
    transition: all .2s linear;
}

.btn-container[b-cbncwjqomx]  .btn-azure-portal:hover {
    opacity: .8;
}

.btn-container[b-cbncwjqomx]  .btn-azure-portal i {
    position: relative;
    top: -2px;
    margin: 0 !important;
    color: #72768B;
    font-size: 21px;
    transition: all .2s linear;
}

/* Dark theme */
body.mod-skin-dark .btn-container[b-cbncwjqomx]  .btn-azure-portal {
    border-color: #A6AAC1;
}

body.mod-skin-dark .btn-container[b-cbncwjqomx]  .btn-azure-portal i {
    color: #c4c9e3;
}
/* /Shared/PrincipalNameEditor.razor.rz.scp.css */
[b-gp4he8llko].input-group > .input-group-append > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* /Shared/Quotas/OverrideQuotas.razor.rz.scp.css */
hr[b-k406lue3nx] {
    border: 3px solid #8894A6;
    border-radius: 15px;
}
/* /Shared/ReportsLayout.razor.rz.scp.css */
.page-wrapper[b-yxwx6gy8oq]  .page-content-wrapper {
    padding: 0 2rem;
}

.page-wrapper[b-yxwx6gy8oq]  header {
    display: flex;
    justify-content: space-between;
}

.page-wrapper[b-yxwx6gy8oq]  .branding-logo {
    max-width: 130px;
}

.page-wrapper[b-yxwx6gy8oq]  .buttons-container {
    display: flex;
    gap: 1rem;
}

.page-wrapper[b-yxwx6gy8oq]  .title {
    margin: 0 !important;
    padding: 0;
    font-size: 18px;
    line-height: 32px;
}

.page-wrapper[b-yxwx6gy8oq]  .fa-window-close {
    font-size: 32px;
}
/* /Shared/SimpleLayout.razor.rz.scp.css */
.simple-layout[b-bznepnuu20] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    background: #EFF0FA;
}

.simple-layout[b-bznepnuu20]  .branding-logo {
    max-width: 200px;
}

.simple-layout[b-bznepnuu20]  .header {
    display: flex;
    align-items: center;
    min-height: 5.875rem;
    padding: 0 2.5rem;
    background: #fff;
}

@media (max-width: 768px) {
    .simple-layout[b-bznepnuu20]  .content .container {
        max-width: 100%;
    }
}

.simple-layout[b-bznepnuu20]  .footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 1.875rem;
}

.simple-layout[b-bznepnuu20]  .footer .text {
    display: block;
    margin: 0;
    color: #ABABAF;
    text-align: center;
    line-height: 16px;
}

/* Dark theme */
.mod-skin-dark:not(.mod-skin-light) .simple-layout[b-bznepnuu20] {
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 51.04%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.56) 28.65%, rgba(0, 0, 0, 0) 63.02%), linear-gradient(0deg, rgba(var(--theme-rgb-primary), 0.3), rgba(var(--theme-rgb-primary), 0.3)), url(/img/backgrounds/vw-bg-3.jpg);
    background-size: cover;
}

.mod-skin-dark:not(.mod-skin-light) .simple-layout[b-bznepnuu20]  .header {
    background: #000;
}

.mod-skin-dark:not(.mod-skin-light) .simple-layout[b-bznepnuu20]  .footer .text {
    color: #A6AAC1;
}
