@import '_content/TMC.Frontend.Backoffice.Modules.PowerTools/TMC.Frontend.Backoffice.Modules.PowerTools.5fegg9zc4v.bundle.scp.css';
@import '_content/TMC.Frontend.Blazor.Components/TMC.Frontend.Blazor.Components.kcbgv1o9nk.bundle.scp.css';
@import '_content/TMC.Shared.Components.NET6/TMC.Shared.Components.NET6.h11z7s4020.bundle.scp.css';
@import '_content/TMC.Shared.TCP.Components/TMC.Shared.TCP.Components.0lqr4tvnwz.bundle.scp.css';
@import '_content/TMC.Shared.UI.Components.Old/TMC.Shared.UI.Components.Old.p29bxergzh.bundle.scp.css';
@import '_content/TMC.Shared.UI.Components/TMC.Shared.UI.Components.muqbuxbk1c.bundle.scp.css';
@import '_content/WIG.ComponentsBlazor/WIG.ComponentsBlazor.bundle.scp.css';

/* /Components/Contents/AuditTabularField.razor.rz.scp.css */
.title-container[b-h4l1nj6zq0] {
    display: flex;
    font-weight: 600;
    gap: 6px;
}

.tab-header[b-h4l1nj6zq0] {
    border-color: #DDD !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.audit-table[b-h4l1nj6zq0] {
    width: 100%;
    margin-left: 14px;
    margin-top: 12px;
}

.tab-body[b-h4l1nj6zq0] {
    border-color: #DDD !important;
    border-style: solid;
    border-width: 1px;
}

.row-divider[b-h4l1nj6zq0] {
    border-bottom: 1px solid #DDD;
}

.table-cell-padding[b-h4l1nj6zq0] {
    padding: 8px 8px 8px 8px;
}
.column-header[b-h4l1nj6zq0] {
    padding: 8px 8px 8px 8px;
}

/* /Components/Contents/LanguageInfoHistory.razor.rz.scp.css */
.localized-resources-container[b-x4yuf6a7jb]{
    position: relative;
    background-color: whitesmoke;
    height: fit-content;
    width: 87%;
    left: 35px;
    overflow-y: hidden;
    overflow-x: hidden;
}

/*@media only screen and (max-width: 741px) {
    .localized-resources-container {
        display: none;
    }
}*/

.resources-original-language[b-x4yuf6a7jb] {
    padding: 27px 50px 27px 35px;
    position: relative;
    background: #f2f5d9;
    cursor: pointer;
}

.localized-resources-container .resources-language[b-x4yuf6a7jb] {
    /*padding: 25px 50px 0px 35px;*/
    height: 62px;
    position: relative;
    background: white;
}

.localized-resources-container .resources-bigger-text[b-x4yuf6a7jb] {
    /*padding: 18px 50px 0px 35px;*/
    height: 62px;
    width: 100%;
}

.resources-hover-bar[b-x4yuf6a7jb] {
    position: relative;
    background: white;
    cursor: pointer;
}

.resources-hover-bar:hover[b-x4yuf6a7jb]::before{
    content: '';
    position: absolute;
    width: 10px;
    background-color: rgba(220,220,220, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

 .active-language[b-x4yuf6a7jb] {
    position: relative;
    background: white;
    cursor: pointer;
}

.active-language[b-x4yuf6a7jb]::before {
    content: '';
    position: absolute;
    width: 10px;
    background-color: #C4E200;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.resources-disabled-languages[b-x4yuf6a7jb] {
    opacity: 20%;
    cursor: default;
}

.resources-disabled-languages hr[b-x4yuf6a7jb]{
    opacity: 20%;
}

.resources-language[b-x4yuf6a7jb] {
    /*padding: 27px 50px 27px 35px;*/
    position: relative;
    background: white;
}

.localized-resources-container hr[b-x4yuf6a7jb] {
    margin: 0;
}

.localized-resources-container .progress-bar[b-x4yuf6a7jb] {
    background-color: #66fd89;
    height: 0.4rem;
    z-index: 1;
}
.localized-resources-container .progress[b-x4yuf6a7jb] {
    background-color: white;
    height: 0.4rem;
}
/* /Components/Contents/TimelineComponent.razor.rz.scp.css */
.timeline-container[b-2nchoni3oc] {
    background-color: whitesmoke;
    top: 50px;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 270px;
    z-index: 2;
}

.timeline-container .timeline[b-2nchoni3oc] {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.timeline-container .timeline[b-2nchoni3oc]::after {
        content: '';
        position: absolute;
        width: 2px;
        background-color: grey;
        top: 25px;
        bottom: 0;
        left: 29px;
    }

.timeline-container .container[b-2nchoni3oc] {
    position: relative;
    width: 100%;
    padding:0;
}

.timeline-container .container[b-2nchoni3oc]::after {
        content: '';
        position: absolute;
        width: 12px;
        height: 11px;
        right: -17px;
        background-color: white;
        border: 3px solid black;
        top: 17px;
        border-radius: 50%;
        z-index: 50;
    }

.timeline-container .right[b-2nchoni3oc]::after {
        left: 24px;
    }

.timeline-container .content-normal[b-2nchoni3oc] {
    padding: 20px 4px 20px 55px;
    position: relative;
    cursor: pointer;
}

.timeline-container .content-small[b-2nchoni3oc] {
    padding: 15px 55px;
    position: relative;
    margin: 0;
}
.timeline-container .content-small i[b-2nchoni3oc]{
    transition: all 0.2s ease-in-out;
}

.timeline-container .content-small.open i[b-2nchoni3oc] {
    transform: rotate(90deg);
}

.timeline-container .content-normal.active[b-2nchoni3oc] {
    background: rgba(245, 232, 194, 1);
    opacity: 0.8;
    transition: all .2s ease-out;
}

.timeline-container .content-small.active[b-2nchoni3oc] {
    background: rgba(245, 232, 194, 1);
    opacity: 0.8;
    transition: all .2s ease-out;
}

.timeline-container .timeline-year-content[b-2nchoni3oc],
.timeline-container .timeline-month-content[b-2nchoni3oc],
.timeline-container .timeline-day-content[b-2nchoni3oc] {
    display: none;
}

.timeline-container .avatar[b-2nchoni3oc]{
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    width: 28px;
    height: 28px;
}

.timeline-container .timeline-previous-month[b-2nchoni3oc],
.timeline-container .timeline-year[b-2nchoni3oc],
.timeline-container .timeline-month[b-2nchoni3oc],
.timeline-container .timeline-end[b-2nchoni3oc] {
    position: relative;
}

.timeline-container .timeline-previous-month[b-2nchoni3oc]::after,
.timeline-container .timeline-year[b-2nchoni3oc]::after,
.timeline-container .timeline-end[b-2nchoni3oc]::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 74px;
    background-color: whitesmoke;
    top: -2px;
    bottom: 0;
    left: 29px;
    z-index: 5;
}

.timeline-container .timeline-month[b-2nchoni3oc]::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 86px;
    background-color: whitesmoke;
    top: -18px;
    bottom: 0;
    left: 29px;
    z-index: 2;
}

.timeline-container .solid[b-2nchoni3oc]{
    height: 1px;
    position: sticky;
    z-index: 20;
    margin-bottom: 1px;
    margin-top: 1px;
}
.timeline-container .text-priority[b-2nchoni3oc]{
    z-index: 99;
    color: grey;
}
/* /Components/MediaContents/Components/ImdbRatings.razor.rz.scp.css */
.movie-rate[b-q1e4h24vqy]{
    float: right;
    font-size: 32px;
    color: #f5b50a;
    padding-right: 10px;
    padding-top: 3px;
}
.movie-rate i[b-q1e4h24vqy]{
    font-size: 25px;
    color: #f5b50a;
    padding-right: 7px;
    padding-top: 13px;
}
.movie-rate span[b-q1e4h24vqy] {
    font-size: 17px;
    color: #000;
}
.movie-rate p[b-q1e4h24vqy]{
    font-size: 22px;
    color: #000;
}
.rate[b-q1e4h24vqy]{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}
.rating[b-q1e4h24vqy]{
    font-weight: 500;
}
.rv[b-q1e4h24vqy]{
    font-size: 11px !important;
    float: right;
    text-transform: uppercase;
    font-weight: 500;
}

.full-mark[b-q1e4h24vqy]{
    font-size: 12px !important;
}
/* /Components/MediaContents/LanguageSidebarMenu.razor.rz.scp.css */
.active[b-dcietz17r9] {
    border-left: 10px solid #FBC706;
    background: #FFF8DB;
}

.item-content-box[b-dcietz17r9] {
    background-color: white;
    -webkit-box-shadow: 0 0 6px -2px rgba(197, 197, 197, 1);
    -moz-box-shadow: 0 0 6px -2px rgba(197, 197, 197, 1);
    box-shadow: 0 0 6px -2px rgba(197, 197, 197, 1);
    padding: 0;
    border-radius: 0;
    margin-bottom: 20px;
}

.nav-item[b-dcietz17r9] {
    width: 100%;
    padding: 20px;
    margin: 0 10px;
    background: transparent;
    color: #6F6F6F;
    text-align: left;
    border-radius: 0;
}

a[b-dcietz17r9] {
    margin: 2px;
    border: 0;
    border-left: 10px solid transparent;
}

hr[b-dcietz17r9] {
    width: 100%;
    margin: 0;
}

.nav-tabs .nav-link.active[b-dcietz17r9], .nav-tabs .nav-item.show .nav-link[b-dcietz17r9] {
    border-left: 10px solid #c0d139;
    background: #f2f6d7;
}

.tab-content-box[b-dcietz17r9] {
    margin: 0;
}

.leftMenu .item-content-box[b-dcietz17r9] {
    background-color: white;
    -webkit-box-shadow: 0 0 6px -2px #c5c5c5;
    -moz-box-shadow: 0 0 6px -2px #c5c5c5;
    box-shadow: 0 0 6px -2px #c5c5c5;
    padding: 0;
    border-radius: 0;
    margin-bottom: 20px;
}

.leftMenu .nav .nav-item[b-dcietz17r9] {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    width: 100%;
    padding: 20px;
    margin: 0;
    background: transparent;
    color: #6F6F6F;
    text-align: left;
    border-radius: 0;
}

.leftMenu .nav a[b-dcietz17r9] {
    margin: 2px;
    border: 0;
    border-left: 10px solid transparent;
}

.leftMenu .nav hr[b-dcietz17r9] {
    width: 100%;
    margin: 0;
}

.leftMenu .nav-tabs .nav-link.active[b-dcietz17r9], .leftMenu .nav-tabs .nav-item.show .nav-link[b-dcietz17r9] {
    border-left: 10px solid #c0d139;
    background: #f2f6d7;
}

.leftMenu .tab-content-box[b-dcietz17r9] {
    margin: 0;
}

.leftMenu .nav-item-container[data-language] img[b-dcietz17r9] {
    height: 15px;
    width: 23px;
}
/* /Components/MediaContents/MediaContentHeader.razor.rz.scp.css */
.mediaContentHeader-overviewText[b-daicdamlxk] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 5.6em;           
    width: 110%;
}

.media-content-header[b-daicdamlxk]{
    border: 1px solid #dee2e6!important;
}
.media-content-header__info[b-daicdamlxk]{
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 12px 20px;
}
.media-content-header__info-content-type[b-daicdamlxk]{
    width: max-content;
}
.media-content-header__info-title[b-daicdamlxk]{
    flex-grow: 1;
}
.media-content-header__info-action-buttons[b-daicdamlxk]{
    width: max-content;
}

.media-content-header__content-details[b-daicdamlxk]{
    position: relative;
    flex-grow: 1;
    padding-left: 1.5rem;
    display: flex;
    flex-direction: column;
}
.media-content-header__content-details__description[b-daicdamlxk]{
    flex-grow: 1;
    padding-right: 13rem;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
}
.media-content-header__content-details__action-buttons[b-daicdamlxk]{
    position: absolute;
    top: 34px;
    right: 10px;
    width: 20%;
    text-align: right;
}
.media-content-header__content-details__footer[b-daicdamlxk]{
    display: flex;
}
.media-content-header__content-details__footer__info:has(.media-content-header__content-details__footer__info--audio)[b-daicdamlxk]{
    flex-basis: 25%;
    display: flex;
    justify-content: center;
    padding-bottom: 1.5rem;
}
.media-content-header__content-details__footer__info--audio[b-daicdamlxk]{
    display: flex;
    align-items: center;
    margin-top: 11px;
    
}
.media-content-header__content-details__footer__tabs[b-daicdamlxk]{
    flex-grow: 1;
    display: flex;
    justify-content: end;
}

.media-content-header__content.no-header[b-daicdamlxk]{
    margin-top: -32px!important;
}
/* /Components/NavBarDetail.razor.rz.scp.css */
.detail-nav-bar[b-1u9rgvvvkr] {
    height: 80px;
    width: 100%;
    font-family: Montserrat;
}

#triangle-left[b-1u9rgvvvkr] {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #000;
    border-bottom: 6px solid transparent;
}

.btn[b-1u9rgvvvkr] {
    display: inline-block;
    width:35px;
    height:80px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bg-light[b-1u9rgvvvkr] {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}

.align-items-center[b-1u9rgvvvkr] {
    align-items: center !important;
}

.h-100[b-1u9rgvvvkr] {
    height: 100% !important;
}

.d-flex[b-1u9rgvvvkr] {
    display: flex !important;
}

.pb-3[b-1u9rgvvvkr] {
    padding-bottom: 1rem !important;
}

.pt-3[b-1u9rgvvvkr] {
    padding-top: 1rem !important;
}

.ms-3[b-1u9rgvvvkr] {
    margin-left: 1rem !important;
}
/* /Components/Shared/Badge.razor.rz.scp.css */
.badge-component[b-iwwf1r19ty] {
    padding: 0.5em 0.85em;
    display: inline-block;
    color: black;
}
/* /Components/TmcBadges.razor.rz.scp.css */
.tmc-badges-wrapper[b-6qkyotptzn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    --border-color: #E0E0E0;
}

.tmc-badge i[b-6qkyotptzn] {
    color: #565656;
    font-size: 11px;
    line-height: 10px;
}

.tmc-badge[b-6qkyotptzn] {
    border: 1px solid var(--border-color);
    border-radius: 999px;
    min-width: max-content;
    font-weight: 500;
    align-items: center;
    font-size: 11px;
    position: relative;
    height: 22px;
    display: inline-flex;
    background: white;
}

.tmc-badge-icon-wrapper[b-6qkyotptzn] {
    width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    border-left: unset;
    margin-right: 5px;
}

.tmc-badge button[b-6qkyotptzn] {
    border: unset;
    background: unset;
    margin-right: 2px;
}

.tmc-badge-content[b-6qkyotptzn] {
    z-index: 2;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.material-icons[b-6qkyotptzn] {
    font-size: 14px;
    color: #565656;
}
/* /Components/TmcToggle.razor.rz.scp.css */
/* The switch - the box around the slider */
.switch[b-pd6jguhtxe] {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 22px;
}

/* Hide default HTML checkbox */
.switch input[b-pd6jguhtxe] {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider[b-pd6jguhtxe] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9C9C9C;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #01062F2C;
}

.slider[b-pd6jguhtxe]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider[b-pd6jguhtxe] {
    background-color: #FFC000;
}

input:focus + .slider[b-pd6jguhtxe] {
    box-shadow: 0 0 1px #FFC000;
}

input:checked + .slider[b-pd6jguhtxe]:before {
    -webkit-transform: translateY(-50%) translateX(13px);
    -ms-transform: translateY(-50%) translateX(13px);
    transform: translateY(-50%) translateX(13px);
}

/* Rounded sliders */
.slider.round[b-pd6jguhtxe] {
    border-radius: 34px;
}

.slider.round[b-pd6jguhtxe]:before {
    border-radius: 50%;
}
.label-text[b-pd6jguhtxe]{
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
}

[b-pd6jguhtxe] {
    display: flex;
    align-items: center;
}
/* /Pages/Contents/Components/ImageCarousel.razor.rz.scp.css */

.close-btn[b-mjf23dd0gw] {
    position: absolute;
    top: 40px;
    right: 40px;
}

.thumb[b-mjf23dd0gw] {
    height: 100px;
    width: auto;
    cursor: pointer;
    filter: brightness(30%);
}

.thumb-wrapper[b-mjf23dd0gw] {
    position: relative;
    flex: 0 0 auto !important; /* ensures proper horizontal scroll */
    width: 220px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thumb.active[b-mjf23dd0gw] {
    border: 3px solid var(--touch-warning) !important;
    filter: brightness(100%);
}

.thumb:hover[b-mjf23dd0gw] {
    filter: brightness(70%);
}

.nav-arrow[b-mjf23dd0gw] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    /* left/right arrows positioning */
    .nav-arrow.left[b-mjf23dd0gw] {
        left: 30px;
    }

    .nav-arrow.right[b-mjf23dd0gw] {
        right: 30px;
    }

.large-image-title[b-mjf23dd0gw] {
    font-size: 1.25rem;
    color: black; 
}

/* TITLE OVER IMAGE */
.large-image-title-overlay[b-mjf23dd0gw] {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.5);
    padding: 6px 12px;
    border-radius: 6px;
    pointer-events: none; /* so clicks go to image if needed */
    text-align: center;
}


.large-image[b-mjf23dd0gw] {
    max-height: calc(100vh - 220px - 40px);
    max-width: 100%;
    object-fit: contain;
    display: block;
}

.thumb-resolution-overlay[b-mjf23dd0gw] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 16px;
    font-weight: 400;
    pointer-events: none;
    padding: 0;
    background: none;
}

.thumb-wrapper img.thumb[b-mjf23dd0gw] {
    width: 180px !important;
    height: 160px !important;
    object-fit: cover !important;
    max-width: none !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    display: block !important;
}

.thumb-name[b-mjf23dd0gw] {
    align-items: start !important;
    font-size: 16px;
    font-weight: 500;
    color: white;
}

.slider-layout[b-mjf23dd0gw] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.slider-wrapper[b-mjf23dd0gw] {
    flex: 1 1 auto;
    display: flex;
    align-items: center; /* vertical centering */
    justify-content: center; /* horizontal centering */
    padding: 0 20px; /* optional horizontal padding */
    max-height: calc(100vh - 220px); /* 220px reserved for thumbnails + gap */
    box-sizing: border-box;
    overflow: hidden; /* prevents overlapping thumbnails */
}

.large-image-wrapper[b-mjf23dd0gw] {
    max-height: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumb-strip[b-mjf23dd0gw] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 220px; /* thumbnail + gap */
    padding: 10px;
    display: flex;
    gap: 20px;
    overflow-x: auto;
    align-items: center;
    z-index: 10;
    user-select: none;
    cursor: grab;
    /* hide scrollbar in Firefox */
    scrollbar-width: none;
    /* hide scrollbar in IE/Edge */
    -ms-overflow-style: none;
}


    .thumb-strip[b-mjf23dd0gw]::-webkit-scrollbar {
        display: none;
    }

    .thumb-strip[b-mjf23dd0gw]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }

img.thumb[b-mjf23dd0gw] {
    flex: 0 0 auto !important;
}

.modal-view[b-mjf23dd0gw] {
    position: fixed;
    width: 100vw;
    inset: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.95); /* dark background */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.thumb-strip.dragging[b-mjf23dd0gw] {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.thumb-strip[b-mjf23dd0gw] {
    cursor: grab;
    cursor: -webkit-grab;
}

.thumb-strip[b-mjf23dd0gw] {
    user-select: none;
    -webkit-user-drag: none;
    cursor: grab;
}

 .thumb-strip.dragging[b-mjf23dd0gw] {
     cursor: grabbing;
 }

/* /Pages/Contents/ContentsHistory/Components/ContentDistributorsFieldModal.razor.rz.scp.css */
.content-history-field-details-dialog-content-wrapper[b-1z22z6u93v]{
    display:flex;
    flex-wrap: nowrap;
   
}
.content-history-field-details-dialog-content[b-1z22z6u93v]{
    flex-grow: 1;
}
.content-history-field-details-dialog-content-line[b-1z22z6u93v]{
    
    width: 1px;
    height: inherit;
    border-left: 1px solid #808080;
    margin-top: 17px;
}

.content-history-field-details-dialog-item[b-1z22z6u93v]{
    padding-left: 19px;
    padding-top: 6px;
    padding-bottom: 12px;
    position: relative;
    width: 100%;
}
.content-history-field-details-dialog-item.active[b-1z22z6u93v]{
    background: rgba(255, 192, 0, 0.20);
}


.content-history-field-details-dialog .e-dlg-header-content + .e-dlg-content[b-1z22z6u93v] {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
}

.content-history-field-details-dialog .e-dlg-header-content[b-1z22z6u93v] {
    border-bottom: unset;
}

.content-history-field-details-dialog .e-dlg-content[b-1z22z6u93v]::-webkit-scrollbar {
    width: 6px;
    background: unset;
}

.content-history-field-details-dialog .e-dlg-content[b-1z22z6u93v]::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: #D9D9D9;
} 

.content-history-field-details-dialog-content[b-1z22z6u93v]{

}
/* /Pages/Contents/ContentsHistory/Components/ContentHistoryFragments.razor.rz.scp.css */
/*          BEGIN Content History Header          */
.content-history__header__wrapper[b-5m72zq8yml] {
}

.content-history__header[b-5m72zq8yml] {
    display: flex;
}

.content-history__badges__wrapper[b-5m72zq8yml] {
    flex-grow: 1;
}

.content-history__badges[b-5m72zq8yml] {
    margin: 33px 28px 33px 6px;
}

.content-history__change-label[b-5m72zq8yml] {
    margin-top: 20px;
    min-width: max-content;
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: start;
    gap: 8px;
}

.content-history__change-label__timestamp[b-5m72zq8yml] {
    background-color: #F5E8C2;
    font-size: 12px;
    font-weight: 700;
    color: #000;
    padding: 5px 12px;
}

.content-history-user[b-5m72zq8yml] {
    color: #4E4E4E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    display: flex;
    gap: 8px;
    align-items: center;
}

.content-history-user.reverse[b-5m72zq8yml] {
    flex-direction: row-reverse;
}

.content-history-user__name[b-5m72zq8yml] {
}

.content-history-user__avatar[b-5m72zq8yml] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-history-user__avatar img[b-5m72zq8yml] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-history__group-title[b-5m72zq8yml] {
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.line-separation[b-5m72zq8yml] {
    opacity: 15%;
    position: relative;
    width: calc(100% - 30px);
    left: 15px;
    top: 0px;
}

.avatar[b-5m72zq8yml] {
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    width: 28px;
    height: 28px;
    z-index: 1;
}

.content-history-header-wrapper[b-5m72zq8yml] {
    display: flex;
}

.audit-category-separator[b-5m72zq8yml] {
    opacity: 15%;
    width: 100%;
    margin: 20px auto;
}

.group-title[b-5m72zq8yml] {
    font-size: 12px;
    color: black;
}

.content-history-item__header[b-5m72zq8yml] {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-bottom: 5px;
}

.content-history-item__header--icon i[b-5m72zq8yml] {
    width: 12px;
    height: 12px;
    color: #000;
    font-size: 13px;
    line-height: 100%;
}

.content-history-item__header--icon[b-5m72zq8yml] {
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.content-history-item__header--title[b-5m72zq8yml] {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.content-history-item__content[b-5m72zq8yml] {
    margin-bottom: 20px;
    margin-left: 20px;
}




.content-history-item-old-timeframe-user[b-5m72zq8yml] {
    border-radius: 2px;
    background: rgba(255, 192, 0, 0.20);
    color: #616161;
    font-size: 8px;
    font-weight: 400;
    line-height: normal;
    padding: 2px 7px;
    width: max-content;
}

.content-history-item__content table[b-5m72zq8yml] {
    width: 100%;
    border: 1px solid #DDD;
}

.content-history-item__content table thead[b-5m72zq8yml] {
    border-bottom: 1px solid #DDD;
}

.content-history-item__content table thead tr[b-5m72zq8yml] {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.content-history-item__content table thead tr td[b-5m72zq8yml] {
    padding: 10px
}

.content-history-item__content table tbody[b-5m72zq8yml] {
}

.content-history-item__content table tbody tr:not(:last-child)[b-5m72zq8yml] {
    border-bottom: 1px solid #DDD;
}

.content-history-item__content table tbody tr td[b-5m72zq8yml] {
    padding: 8px;
    word-break: break-all;
}



.content-history-item__chip-list[b-5m72zq8yml] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 8px;
    margin-bottom: 6px;
}

.content-history-item__chip[b-5m72zq8yml] {
    color: #333333;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 2px 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 2px;
    border: 1px solid #A4A4A4;
    background: rgba(0, 0, 0, 0.04);
}

.content-history-item__chip-list.secondary[b-5m72zq8yml] {
    gap: 12px;
    row-gap: 6px;
    margin-bottom: 6px;
}

.content-history-item__chip-list.secondary .content-history-item__chip[b-5m72zq8yml] {
    color: #616161;
    font-size: 9px;
    font-weight: 400;
    padding: 2px 7px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 2px;
    border: 1px solid #BFBFBF;
    background: rgba(0, 0, 0, 0.03);
    line-height: 120%;
}


.content-history-item-string.secondary[b-5m72zq8yml],
.content-history-item__chip-list.secondary[b-5m72zq8yml] {
    position: relative;
}

.content-history-item-string.secondary[b-5m72zq8yml]:before, .content-history-item__chip-list.secondary[b-5m72zq8yml]:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D9D9D9;
}

.content-history-item__chip-list.secondary[b-5m72zq8yml]:before {
    top: 5px;
}
.content-history-item-image-categories[b-5m72zq8yml]{
   display: flex; 
}
.content-history-item-image-category[b-5m72zq8yml]{
    padding: 9px 28px;
    justify-content: center;
    align-items: center;
    border: 2px solid #DADADA;
    display: inline-flex;
    gap: 10px;
    color: #BFBFBF;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor:pointer;
}
.content-history-item-image-category.active[b-5m72zq8yml]{
    background: #FFC000;
    border-color: #FFC000;
    color: #FFF;
    cursor: not-allowed;
}
/* /Pages/Contents/ContentsHistory/Components/ContentHistoryRatingsFieldModal.razor.rz.scp.css */
.content-history-field-details-dialog-content-wrapper[b-11wio3njbg]{
    display:flex;
    flex-wrap: nowrap;
   
}
.content-history-field-details-dialog-content[b-11wio3njbg]{
    flex-grow: 1;
}
.content-history-field-details-dialog-content-line[b-11wio3njbg]{
    
    width: 1px;
    height: inherit;
    border-left: 1px solid #808080;
    margin-top: 17px;
}

.content-history-field-details-dialog-item[b-11wio3njbg]{
    padding-left: 19px;
    padding-top: 6px;
    padding-bottom: 12px;
    position: relative;
    width: 100%;
}
.content-history-field-details-dialog-item.active[b-11wio3njbg]{
    background: rgba(255, 192, 0, 0.20);
}


.content-history-field-details-dialog .e-dlg-header-content + .e-dlg-content[b-11wio3njbg] {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
}

.content-history-field-details-dialog .e-dlg-header-content[b-11wio3njbg] {
    border-bottom: unset;
}

.content-history-field-details-dialog .e-dlg-content[b-11wio3njbg]::-webkit-scrollbar {
    width: 6px;
    background: unset;
}

.content-history-field-details-dialog .e-dlg-content[b-11wio3njbg]::-webkit-scrollbar-thumb {
    border-radius: 12px;
    background: #D9D9D9;
} 

.content-history-field-details-dialog-content[b-11wio3njbg]{

}
/* /Pages/Contents/ContentsHistory/Components/FieldHistoryModal.razor.rz.scp.css */
.content-history-field-details-dialog-content-wrapper[b-0cmf7za9ka]{
    display:flex;
    flex-wrap: nowrap;

}
.content-history-field-details-dialog-content[b-0cmf7za9ka]{
    flex-grow: 1;
}
.content-history-field-details-dialog-content-line[b-0cmf7za9ka]{

    width: 1px;
    height: inherit;
    border-left: 1px solid #808080;
    margin-top: 17px;
}

.content-history-field-details-dialog-item[b-0cmf7za9ka]{
    padding-left: 19px;
    padding-top: 6px;
    padding-bottom: 12px;
    position: relative;
    width: 100%;
}
.content-history-field-details-dialog-item.active[b-0cmf7za9ka]{
    background: rgba(255, 192, 0, 0.20);
}

.content-history-field-details-dialog-content[b-0cmf7za9ka]{

}
/* /Pages/Contents/ContentsHistory/Components/FieldHistoryModalFragments.razor.rz.scp.css */

.field-history-modal__modal-header__title[b-e48rq16ztw] {
    padding-top: 24px;
    padding-left: 16px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.field-history-modal__modal-header__subtitle[b-e48rq16ztw] {
    padding-top: 20px;
    padding-left: 16px;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.field-history-modal__modal-header__subtitle-icon[b-e48rq16ztw] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #FFC000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field-history-modal__modal-header__subtitle-text[b-e48rq16ztw] {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.field-history-modal__modal-content[b-e48rq16ztw] {
    display: flex;
    flex-wrap: nowrap;

}

.field-history-modal__modal-content__items[b-e48rq16ztw] {
    flex-grow: 1;
}

.field-history-modal__modal-content__line[b-e48rq16ztw] {

    width: 1px;
    height: inherit;
    border-left: 1px solid #808080;
    margin-top: 17px;
}

.field-history-modal__modal-content__item[b-e48rq16ztw] {
    padding: 8px 14px 14px 19px;
    position: relative;
    width: 100%;
}

.field-history-modal__modal-content__item.active[b-e48rq16ztw] {
    background: rgba(255, 192, 0, 0.20);
}


.field-history-modal__modal-content__month-name[b-e48rq16ztw] {
    padding-left: 19px;
    color: #000;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 4px;
}


.field-history-modal__content__item-timestamp[b-e48rq16ztw] {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
    position: relative;
}

.field-history-modal__content__item-timestamp[b-e48rq16ztw]::before {
    content: '';
    position: absolute;
    left: -23px;
    top: 4px;
    width: 8px;
    height: 8px;
    flex-shrink: 0;
    background: #D9D9D9;
    stroke-width: 1px;
    stroke: #232323;
    border-radius: 50%;
    border: 1px solid #232323;
}

.field-history-modal-images-tab-div[b-e48rq16ztw] {
    position: absolute;
    top: 68px;
    right: 30px;
}

.content-history-item-image-category[b-e48rq16ztw] {
    padding: 9px 28px;
    justify-content: center;
    align-items: center;
    border: 2px solid #DADADA;
    display: inline-flex;
    gap: 10px;
    color: #BFBFBF;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
}

.content-history-item-image-category.active[b-e48rq16ztw] {
    background: #FFC000;
    border-color: #FFC000;
    color: #FFF;
    cursor: not-allowed;
}

.field-history-modal__content__item__user[b-e48rq16ztw] {
    display: flex;
    gap: 4px;
    margin: 8px 0;
    padding-left: 12px;
}

.field-history-modal__content__item__user-image[b-e48rq16ztw] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field-history-modal__content__item__user-image img[b-e48rq16ztw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.field-history-modal__content__item__user-name[b-e48rq16ztw] {
    color: #4E4E4E;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.field-history-modal__modal-content__item-value[b-e48rq16ztw] {
    padding-left: 12px;
}

.content-history-modal-value-content table[b-e48rq16ztw] {
    border: 1px solid;
    border-color: #808080;
    width: 95%;
}

.content-history-modal-value-content thead[b-e48rq16ztw] {
    border-top: 1px solid;
    border-color: #808080;
    font-weight: bold;
}

.content-history-modal-value-content tr[b-e48rq16ztw] {
    border-top: 1px solid;
    border-color: #808080;
}
/* /Pages/Contents/ContentsHistory/Components/FieldTypeFragments.razor.rz.scp.css */

.official-mark-wrapper[b-nk5j5pfhz9] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #585858;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px;
}

.official-mark[b-nk5j5pfhz9] {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    border: 1px solid #A4A4A4;
}                                     

.official-mark-secondary[b-nk5j5pfhz9] {
    width: 9px;
    height: 9px;
}

.official-mark-active[b-nk5j5pfhz9] {
    border: 1px solid #55BA45;
    display: flex;
    align-items: center;
    border: unset;
}


.content-history-item-list[b-nk5j5pfhz9] {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    color: #555;
}

.content-history-item-list.secondary[b-nk5j5pfhz9] {
    position: relative;
    color: #616161;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}

.content-history-item-list.secondary[b-nk5j5pfhz9]::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #D9D9D9;
}

.content-history-item-image-grid[b-nk5j5pfhz9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    margin-top: 10px;
}

.content-history-item-image-grid-item .content-history-item-image-grid-item-img[b-nk5j5pfhz9] {
    position: relative;
}

.content-history-item-image-grid-item.new .content-history-item-image-grid-item-img[b-nk5j5pfhz9]::before,
.content-history-item-image-grid-item.updated .content-history-item-image-grid-item-img[b-nk5j5pfhz9]::before,
.content-history-item-image-grid-item.deleted .content-history-item-image-grid-item-img[b-nk5j5pfhz9]::before {
    text-transform: uppercase;
    position: absolute;
    right: 9px;
    top: 9px;
    width: max-content;
    display: inline-flex;
    padding: 3px 7px;
    align-items: center;
    border-radius: 15px;
    background: rgba(255, 192, 0, 0.20);
}

.content-history-item-image-grid-item.new .content-history-item-image-grid-item-img[b-nk5j5pfhz9]::before {
    background: #CDE12A;
    color: #434343;
    content: 'added';
}

.content-history-item-image-grid-item.updated .content-history-item-image-grid-item-img[b-nk5j5pfhz9]::before {
    content: 'replaced';
    color: #4B4B4B;
    background: #FFC000;
}

.content-history-item-image-grid-item.deleted .content-history-item-image-grid-item-img[b-nk5j5pfhz9]::before {
    content: 'deleted';
    color: #FFFFFF;
    background: #FF6755;
}


.content-history-item-string[b-nk5j5pfhz9] {
    color: #555;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 6px;
}

.content-history-item-string.secondary[b-nk5j5pfhz9] {
    color: #616161;
    font-size: 10px;
}

.content-history-item-image-grid-item p[b-nk5j5pfhz9] {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}
.content-history-item-image-grid-item p small[b-nk5j5pfhz9] {
    display: block;
    margin-top: -3px;
    font-size: 9px;   
}

.content-history-item-image-grid-item-img[b-nk5j5pfhz9] {
    width: 150px;
    height: 100px;
    background: #F7F7F7;
    flex-shrink: 0;
}

.content-history-item-image-grid-item-img img[b-nk5j5pfhz9] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.content-history-item__content table[b-nk5j5pfhz9] {
    width: 100%;
    border: 1px solid #DDD;
}

.content-history-item__content table thead[b-nk5j5pfhz9] {
    border-bottom: 1px solid #DDD;
}

.content-history-item__content table thead tr[b-nk5j5pfhz9] {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.content-history-item__content table thead tr td[b-nk5j5pfhz9] {
    padding: 10px
}

.content-history-item__content table tbody[b-nk5j5pfhz9] {
}

.content-history-item__content table tbody tr:not(:last-child)[b-nk5j5pfhz9] {
    border-bottom: 1px solid #DDD;
}

.content-history-item__content table tbody tr td[b-nk5j5pfhz9] {
    padding: 8px;
    word-break: break-all;
}
/* /Pages/Contents/ContentsHistory/ContentHistory.razor.rz.scp.css */
.content-history__version-details[b-ydrpo8uv0j]{
    width: calc(100% - 275px - 24px);
}

.content-history__body[b-ydrpo8uv0j]{
    background: #FFF;
    box-shadow: -7px 4px 4px rgba(210, 210, 210, 0.25);
}
.content-history__body--header.current-version[b-ydrpo8uv0j]{
    padding-right: 33px;
}
.content-history__body--header[b-ydrpo8uv0j]{
    padding-left: 33px;
}
.content-history__body--content[b-ydrpo8uv0j]{
    padding: 0 32px;
}
.content-history__group[b-ydrpo8uv0j]{
    margin-left: 20px;
}
/* /Pages/Contents/Gridview.razor.rz.scp.css */
.gridview-page[b-a647botesq]{
    padding: 0 30px;
}
.gridview-content[b-a647botesq] {
    width: 100%;
    padding: 16px 25px;
    position: relative;
    overflow: hidden;
    background: white;
    border-radius: 7px;
    box-shadow: 0 0 4px 0 #D6D6D6;
}

.panel-info[b-a647botesq]{
    font-weight:600;
}

.panel-info__hint[b-a647botesq]{
    display: flex;
    gap: 6px;
    align-items: center;
    color: #3f3f3f;
}

.panel-info__hint .fa[b-a647botesq]{
    font-size: 9px;
}

.panel-info__hint-ctrl[b-a647botesq],
.panel-info__hint-key[b-a647botesq] {
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 6px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 0 #8d8d8d;
}

.panel-info__hint-ctrl img[b-a647botesq] {
    width: 15px;
}

/* /Pages/Customers/ContentSubscription/Components/BudgetConsumptionFragments.razor.rz.scp.css */
.budget-consumption-card[b-zb8fx5psht] {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-left: 0.25rem solid #c0d139 !important;
    padding: 1.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
    min-width: max-content;
    flex-basis: calc(25%);
}

.budget-consumption-card .title[b-zb8fx5psht] {
    color: #c0d139;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.25rem;
}

.budget-consumption-card i[b-zb8fx5psht]{
    font-size: 2em;
}

.budget-consumption-card .value[b-zb8fx5psht] {
    font-weight: 700;
    font-size: 1.25rem;
    color: #5a5c69 !important;
}
.text-gray-300[b-zb8fx5psht]{
    color: #dddfeb !important;
}


/* /Pages/Customers/ContentSubscription/Subscriptions/Components/ContentSubscriptionEditForm.razor.rz.scp.css */

.table th[b-9y0f0nwk56], .table td[b-9y0f0nwk56] {
    border-top: 1px solid #dee2e6;
}
.table thead th[b-9y0f0nwk56] {
    border-bottom: 2px solid #dee2e6;
}
.table>:not(:last-child)>:last-child>*[b-9y0f0nwk56]{
    border-bottom-color: #dee2e6;
}

.table tbody tr td[b-9y0f0nwk56] {
    vertical-align: middle;
}
/* /Pages/Customers/ContentSubscriptionV2/Components/SubscriptionsActivationsGrid.razor.rz.scp.css */
.tmc-grid-toolbar[b-o3ssrsyl3x]{
    background-color: #F8F9FA;
    border: 1px solid #E0E3E6;
    padding: 10px 16px;
}


[b-o3ssrsyl3x] .e-grid .e-rowcell{
    line-height: 18px;
}

[b-o3ssrsyl3x] .e-btn .e-btn-icon.e-icon-top,
[b-o3ssrsyl3x] .e-css.e-btn .e-btn-icon.e-icon-top {
    padding-bottom: 0;
}

[b-o3ssrsyl3x] .e-btn.e-top-icon-btn,
[b-o3ssrsyl3x] .e-btn.e-bottom-icon-btn,
[b-o3ssrsyl3x] .e-css.e-btn.e-top-icon-btn,
[b-o3ssrsyl3x] .e-css.e-btn.e-bottom-icon-btn {
    padding: 0;
    padding-right: 10px;
}
[b-o3ssrsyl3x] .e-grid td.e-active{
    background: var(--tmc-grid-cell-active-bg-color);
}
/* /Pages/Customers/ContentSubscriptionV2/Components/SubscriptionsGrid.razor.rz.scp.css */
[b-mdjz8tcszz] .e-nodetailrow .e-icon-grightarrow {
    display: none;
}

[b-mdjz8tcszz] .e-nodetailrow .e-icon-gdownarrow {
    display: none;
}

[b-mdjz8tcszz] .e-grid .e-detailrowcollapse {
    height: 58px;
}

[b-mdjz8tcszz] .e-grid .e-detailrowexpand {
    height: 58px;
}

[b-mdjz8tcszz] .e-nodetailrow .e-detailrowcollapse {
    cursor: default !important;
}

[b-mdjz8tcszz] .e-nodetailrow .e-detailrowexpand {
    cursor: default !important;
}

[b-mdjz8tcszz] .e-detailrow .e-detailindentcell {
    border-right-width: 0px !important;
}

[b-mdjz8tcszz] .detailtemplate-grid .e-gridheader {
    display: none;
}

[b-mdjz8tcszz] .detailtemplate-grid .e-gridcontent {
    border-top: 1px solid #dfe3e7;
}

[b-mdjz8tcszz] .detailtemplate-grid .e-rowcell {
    height: 58px;
}
/* /Pages/Customers/Responsibilities/Pages/Index.razor.rz.scp.css */
.table-footer td[b-wi80emy38s]{
    padding: 1rem .5rem;
    vertical-align: middle;  
}

[b-wi80emy38s]{
    .e-grid .e-table .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), 
    .e-grid .e-table .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), 
    .e-grid .e-table .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), 
    .e-grid .e-table .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error){
        border-color: transparent;
    }
}

[b-wi80emy38s]{
    .e-grid .e-table .e-row .e-input-group {
        margin: 0;
        border: 0;
    }
}

[b-wi80emy38s]{
    .table-footer .e-input-group {
        margin: 0;
        border: 0;
    }
}

[b-wi80emy38s]{
    .e-grid .e-table .e-input-group, 
    .e-grid .e-table .e-input-group.e-control-wrapper, 
    .e-grid .e-table .e-float-input, 
    .e-grid .e-table .e-float-input.e-input-group, 
    .e-grid .e-table .e-float-input.e-control-wrapper, 
    .e-grid .e-table .e-float-input.e-input-group.e-control-wrapperr {
        background: transparent;
    }
}
[b-wi80emy38s]{
    .e-grid .e-rowcell{
        padding: .5rem .5rem;
    }
}
[b-wi80emy38s]{
    .e-grid .e-table .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), 
    .e-grid .e-table .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), 
    .e-grid .e-table .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error){
        box-shadow: none;
    }
}

[b-wi80emy38s]{
    .e-input-group .e-input[readonly], 
    .e-input-group.e-control-wrapper .e-input[readonly], 
    .e-float-input input[readonly], 
    .e-float-input.e-control-wrapper input[readonly], 
    .e-float-input textarea[readonly], 
    .e-float-input.e-control-wrapper textarea[readonly]{
        color:#000;
    }
}
/* /Pages/Cycles/V1/PurchaseOrders/V2/PurchaseOrders.razor.rz.scp.css */
.batch-action[b-dnnb0185g0]{
    position: absolute;
    right: 0;
    display: flex;
    gap: 5px;
}
/* /Pages/Cycles/V1/PurchaseOrders/V2/UI/Components/Fragments.razor.rz.scp.css */
.po-header-item[b-unff7y6kcy]{
    color: #797979;
}
.po-header-item label[b-unff7y6kcy]{
    font-weight: 300;
    font-size: 10px;
}
.po-header-item p[b-unff7y6kcy]{
    font-weight: 600;
    margin-bottom: 0;
    font-size: 12px;
}

.collection-details[b-unff7y6kcy]{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 14px;
}
.collection-details .collection-details-image[b-unff7y6kcy]{
    width: 54px;
    height: 80px;
}
.collection-details .collection-details-image img[b-unff7y6kcy]{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collection-details .collection-details-content[b-unff7y6kcy]{}
.collection-details .collection-details-content p[b-unff7y6kcy]{
    margin-bottom: 0;
}
.collection-details .collection-details-content .content-type[b-unff7y6kcy]{
    background: unset;
    color: #FFC000;
    padding: 0;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 8px;
}
.collection-details .collection-details-content .collection-title[b-unff7y6kcy]{
    font-size: 14px;
    font-weight: 700;
    color: black;
}
.collection-details .collection-details-content .collection-year[b-unff7y6kcy]{
    font-size: 12px;
    font-weight: 300;
    color: #797979;
}




/*TABS*/

.purchase-order-tab-option[b-unff7y6kcy]{
    display: grid;
    place-items: center;
    padding: 10px 20px;
    background: white;
    position: relative;
    border: 1px solid #DFE2E6;
    border-bottom: unset;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}
.purchase-order-tab-option.active[b-unff7y6kcy]{
    background: #f8f9fa;
    font-weight: 700;
}
.purchase-order-tab-option.active[b-unff7y6kcy]::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f8f9fa;
}
.document-number .icon[b-unff7y6kcy]{flex-shrink: 0; width: 14px!important;} 

/* /Pages/Cycles/V1/PurchaseOrders/V2/UI/Components/PurchaseOrderEditorModal.razor.rz.scp.css */
.purchaseOrder-edit-header[b-73lduucmq6]{
    background: #F9F9F9;
    padding:30px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.header-details[b-73lduucmq6]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.purchaseOrder-edit-content[b-73lduucmq6]{
    padding: 15px 15px 0 15px;
    position: relative;
    overflow-y: auto;
    height: 50vh;
}

.tmc-compact-grid-inline-edit[b-73lduucmq6]{
    width: 100%;
    top: -18px;
    background: white;
    z-index: 999;
    overflow: visible;
    border: 1px solid #E5E5E5;
}
.grid-actions[b-73lduucmq6]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grid-actions>div[b-73lduucmq6]{
    flex-basis: 100%;
}
.new-item-table td[b-73lduucmq6]{
    padding: 2px 3px;
}
/* /Pages/Cycles/V1/PurchaseOrders/V2/UI/SearchByContentTab/ContentCollectionPurchaseOrderDetails.razor.rz.scp.css */
.purchaseOrderDetails-actions[b-8c08n52zsr]{
    position: relative;
}
/* /Pages/Cycles/V1/PurchaseOrders/V2/UI/SearchByContentTab/ContentCollectionPurchaseOrderGridFilters.razor.rz.scp.css */
.tmc-grid-filters[b-j7o1wm2t9h] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 10px 8px;
}
.tmc-grid-filters-content[b-j7o1wm2t9h] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-content__elements-search[b-j7o1wm2t9h] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    overflow: hidden;
    font-family: 'Montserrat', serif;
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    height: 31px;
}

.content-collection-purchase-orders-grid-header .grid-title[b-j7o1wm2t9h] {
    font-size: 12px;
    font-weight: 700;
    color:black;
}

.select-all[b-j7o1wm2t9h] {
    width: 26px;
    padding-left: 2px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.content-collection-purchase-orders-grid-header[b-j7o1wm2t9h] {
    display: flex;
    padding: 10px 0;
    border: 1px solid #dee2e6;
    border-top: unset;
    background: #f8f9fa;
}
/* /Pages/Cycles/V1/PurchaseOrders/V2/UI/SearchByPo/PurchaseOrdersGridFilters.razor.rz.scp.css */
.tmc-grid-filters[b-k1w6e2ablc] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 10px 8px;
}
.tmc-grid-filters-content[b-k1w6e2ablc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-content__elements-search[b-k1w6e2ablc] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    overflow: hidden;
    font-family: 'Montserrat', serif;
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    height: 31px;
}

.content-collection-purchase-orders-grid-header .grid-title[b-k1w6e2ablc] {
    font-size: 12px;
    font-weight: 700;
    color:black;
}

.select-all[b-k1w6e2ablc] {
    width: 26px;
    padding-left: 2px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.content-collection-purchase-orders-grid-header[b-k1w6e2ablc] {
    display: flex;
    padding: 10px 0;
    border: 1px solid #dee2e6;
    border-top: unset;
    background: #f8f9fa;
}
/* /Pages/Cycles/V2/Sections/SubSections/PurchaseOrders/PurchaseOrders.razor.rz.scp.css */
.batch-action[b-m9k2r0ltiy]{
    position: absolute;
    right: 0;
    display: flex;
    gap: 5px;
}
/* /Pages/Cycles/V2/Sections/SubSections/PurchaseOrders/UI/Components/Fragments.razor.rz.scp.css */
.po-header-item[b-n1eln7d048]{
    color: #797979;
}
.po-header-item label[b-n1eln7d048]{
    font-weight: 500;
    font-size: 10px;
    color: #797979;
}
.po-header-item p[b-n1eln7d048]{
    font-weight: 600;
    margin-bottom: 0;
    font-size: 10px;
    color: #545454;
    display: block;
    height: 16px;
}

.collection-details[b-n1eln7d048]{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 14px;
}
.collection-details .collection-details-image[b-n1eln7d048]{
    width: 54px;
    height: 80px;
}
.collection-details .collection-details-image img[b-n1eln7d048]{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collection-details .collection-details-content[b-n1eln7d048]{}
.collection-details .collection-details-content p[b-n1eln7d048]{
    margin-bottom: 0;
}
.collection-details .collection-details-content .content-type[b-n1eln7d048]{
    background: unset;
    color: #FFC000;
    padding: 0;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 1px;
}
.collection-details .collection-details-content .collection-title[b-n1eln7d048]{
    font-size: 14px;
    font-weight: 700;
    color: black;
}
.collection-details .collection-details-content .collection-subtitle[b-n1eln7d048]{
    font-size: 12px;
    font-weight: 300;
    color: #797979;
}




/*TABS*/

.purchase-order-tab-option[b-n1eln7d048]{
    display: grid;
    place-items: center;
    padding: 10px 20px;
    background: white;
    position: relative;
    border: 1px solid #DFE2E6;
    border-bottom: unset;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}
.purchase-order-tab-option.active[b-n1eln7d048]{
    background: #f8f9fa;
    font-weight: 700;
}
.purchase-order-tab-option.active[b-n1eln7d048]::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f8f9fa;
}
.document-number .icon[b-n1eln7d048]{flex-shrink: 0; width: 14px!important;}


/*TOOLTIP History*/
.tooltip-history-content[b-n1eln7d048]{

}
.tooltip-history-content .tooltip-title[b-n1eln7d048]{
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 3px;
    font-weight: 700;
}

.tooltip-history-content .tooltip-title i[b-n1eln7d048]{
    font-size: 10px;
    margin-left: 4px;
}
.tooltip-history-content table td[b-n1eln7d048]{
    font-size: 10px;
    line-height: 14px;
    padding-inline: 4px;
}
.tooltip-history-content table td:first-child[b-n1eln7d048]{
    padding-left: 0;
}
.tooltip-history-content table td:last-child[b-n1eln7d048]{
    padding-right: 0;
}



/* /Pages/Cycles/V2/Sections/SubSections/PurchaseOrders/UI/Components/PurchaseOrderEditorModal.razor.rz.scp.css */
.purchaseOrder-edit-header[b-n89jf5tjqa]{
    background: #F9F9F9;
    padding-top: 8px;
    padding-bottom: 9px;
    padding-inline: 28px;
}
.header-details[b-n89jf5tjqa]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.purchaseOrder-edit-content[b-n89jf5tjqa]{
    padding: 15px 15px 0 15px;
    position: relative;
}

.tmc-compact-grid-inline-edit[b-n89jf5tjqa]{
    width: 100%;
    background: white;
    z-index: 998;
    position: relative;
    overflow: visible;
}

[b-n89jf5tjqa] .purchaseOrder-edit-content-grid .e-grid td.e-active{
    background: rgba(0,0,0,.08);

}
[b-n89jf5tjqa] .tmc-compact-grid-inline-edit .e-multi-line-input.e-input-group{
    margin-top: 0;
    margin-bottom: 0;
}
.grid-actions[b-n89jf5tjqa]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grid-actions>div[b-n89jf5tjqa]{
    flex-basis: 100%;
}
.new-item-table td[b-n89jf5tjqa]{
    padding: 2px 3px;
}

[b-n89jf5tjqa] .e-control.e-tooltip{
    display: flex;
    align-items: center;
}

.purchaseOrder-edit-content-header[b-n89jf5tjqa]{}
.purchaseOrder-edit-content-grid[b-n89jf5tjqa]{
    overflow-y: auto;
}

[b-n89jf5tjqa] .purchaseOrder-edit-content-grid .e-rowcell{
    line-height: 1.5;
}

.description-textarea-copy[b-n89jf5tjqa]{
    display: none;
}
.description-textarea-copy button[b-n89jf5tjqa]{
    background: transparent;
    border: none;
    color: #0078D4;
    cursor: pointer;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    padding: 0 4px 4px;
    text-decoration: underline;
}
.description-textarea-wrapper[b-n89jf5tjqa]{
    position: relative;
}
.description-textarea-wrapper:hover .description-textarea-copy[b-n89jf5tjqa]{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
[b-n89jf5tjqa] .tmc-compact-grid-inline-edit textarea{
    padding: 0 4px 0 4px!important;
}
[b-n89jf5tjqa] .compact-smart-field textarea{
    max-height: 37px!important;
    resize: none!important;
}

[b-n89jf5tjqa] .compact-smart-field .e-input-focus textarea{
    max-height: unset!important;
    overflow-y: hidden!important;
}
[b-n89jf5tjqa] .compact-smart-field:has(.e-input-focus){
    z-index: 999!important;
}

[b-n89jf5tjqa] .po-items-grid-max-height .e-gridcontent tbody tr td>div:has(.e-input-focus){
    overflow: visible;
}

.dialog-view-mode[b-n89jf5tjqa] {
    border: 2px solid #FFC31F;
    position: relative;
}

.dialog-view-mode__message[b-n89jf5tjqa]{
    width:100%;
    text-align: center;
    position: absolute;
    top: 0;
}

.dialog-view-mode__message-box[b-n89jf5tjqa]{
    border-radius: 0px 0px 8px 8px;
    padding: 4px 13px;
    font-size: 12px;
    display: inline-block;
    background: #FFC31F;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
}
.dialog-view-mode__message-box[b-n89jf5tjqa]:before,
.dialog-view-mode__message-box[b-n89jf5tjqa]:after{
    content: "";
    width: 15px;
    height: 90%;
    position: absolute;
    top: -2px;
    background: #FFC31F;
    transform: skewX(20deg);
    box-sizing: border-box;
}
.dialog-view-mode__message-box[b-n89jf5tjqa]:before{
    transform: skewX(20deg);
    left: -4px;
}
.dialog-view-mode__message-box[b-n89jf5tjqa]:after{
    transform: skewX(-20deg);
    right: -4px;
}
.dialog-view-mode__message-box button[b-n89jf5tjqa]{
    font-size: 12px;
    padding: 0 !important;
    font-weight: 500;
}
/* /Pages/Cycles/V2/Sections/SubSections/PurchaseOrders/UI/SearchByContentTab/ContentCollectionPurchaseOrderDetails.razor.rz.scp.css */
.purchaseOrderDetails-actions[b-2ny5mjuqap]{
    position: relative;
}
.tooltip-history-content[b-2ny5mjuqap]{
    
}
.tooltip-history-content .tooltip-title[b-2ny5mjuqap]{
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 3px;
    font-weight: 700;
}

.tooltip-history-content .tooltip-title i[b-2ny5mjuqap]{
    font-size: 10px;
    margin-left: 4px;
}
.tooltip-history-content table td[b-2ny5mjuqap]{
    font-size: 10px;
    line-height: 14px;
    padding-inline: 4px;
}
.tooltip-history-content table td:first-child[b-2ny5mjuqap]{
    padding-left: 0;
}
.tooltip-history-content table td:last-child[b-2ny5mjuqap]{
    padding-right: 0;
}
/* /Pages/Cycles/V2/Sections/SubSections/PurchaseOrders/UI/SearchByContentTab/ContentCollectionPurchaseOrderGridFilters.razor.rz.scp.css */
.tmc-grid-filters[b-4t39pcujmd] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 14px 12px;
}
.tmc-grid-filters-content[b-4t39pcujmd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-content__elements-search[b-4t39pcujmd] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    overflow: hidden;
    font-family: 'Montserrat', serif;
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    height: 31px;
}

.content-collection-purchase-orders-grid-header .grid-title[b-4t39pcujmd] {
    font-size: 12px;
    font-weight: 700;
    color:black;
}

.select-all[b-4t39pcujmd] {
    width: 26px;
    padding-left: 2px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.content-collection-purchase-orders-grid-header[b-4t39pcujmd] {
    display: flex;
    padding: 10px 0;
    border: 1px solid #dee2e6;
    border-top: unset;
    background: #f8f9fa;
}
/* /Pages/Cycles/V2/Sections/SubSections/PurchaseOrders/UI/SearchByPo/PurchaseOrdersGrid.razor.rz.scp.css */
/* /Pages/Cycles/V2/Sections/SubSections/PurchaseOrders/UI/SearchByPo/PurchaseOrdersGridFilters.razor.rz.scp.css */
.tmc-grid-filters[b-toggghrf8s] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 14px 12px;
}
.tmc-grid-filters-content[b-toggghrf8s] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search-content__elements-search[b-toggghrf8s] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    overflow: hidden;
    font-family: 'Montserrat', serif;
    font-size: 14px;
    font-weight: 400;
    flex-grow: 1;
    height: 31px;
}

.content-collection-purchase-orders-grid-header .grid-title[b-toggghrf8s] {
    font-size: 12px;
    font-weight: 700;
    color:black;
}

.select-all[b-toggghrf8s] {
    width: 26px;
    padding-left: 2px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.content-collection-purchase-orders-grid-header[b-toggghrf8s] {
    display: flex;
    padding: 10px 0;
    border: 1px solid #dee2e6;
    border-top: unset;
    background: #f8f9fa;
}
/* /Pages/Cycles/V2/Sections/SubSections/Tools/Licensing/Index.razor.rz.scp.css */
[b-eo3z26vecx] .content-tools__table .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv{
    padding-top: 0;
    display: grid;
    place-items: center start;
}
[b-eo3z26vecx] .content-tools__table .e-grid .e-checkbox-wrapper .e-label{
    display: none;
}
[b-eo3z26vecx] .content-tools__table .e-grid .e-gridheader table th[rowspan]{
    vertical-align: middle;
    padding-top: 0;
}
/* /Pages/Index.razor.rz.scp.css */



/* /Pages/Microsites/Components/MicrositesPeriodComponents/MicrositeDetailsTabHeader.razor.rz.scp.css */
.header-section[b-65ylm8rluy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #dcdee0 !important;
    background: #f7f7f8 !important;
    height: 50px;
    flex-shrink: 0;
    width: 100%;
    color: #000;
    font-family: montserrat !important;
    font-size: 14px !important;
    font-style: normal;
    line-height: normal;
    padding-left: 15px;
    padding-right: 15px;

}

.header-title[b-65ylm8rluy] {
    font-size: 16px !important;
    margin-top: 8px !important;
    font-weight: 600 !important;
}

.date-modal[b-65ylm8rluy] {
    width: 200px !important;
}
/* /Pages/Microsites/Components/MicrositesPeriodComponents/MicrositeGenerationDeploymentDetails.razor.rz.scp.css */
.deployment-cards-container[b-0l84k758lq] {
    display: flex;
    flex-wrap: nowrap;
    gap: 26px;
}
/* /Pages/Microsites/Components/MicrositesPeriodComponents/MicrositePeriodCarousel.razor.rz.scp.css */
.multi-card-carousel[b-2ep18ie3g0] {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.card-container[b-2ep18ie3g0] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    flex: 1;
}

.circle-button[b-2ep18ie3g0] {
    width: 35px;
    height: 35px;
    border-radius: 50%; 
    border: 1px solid #FFC000; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; 
    cursor: pointer;
    color: #FFC000;
}

.plus-sign-container[b-2ep18ie3g0] {
    display: flex;
    align-items: center;
    margin-left: 25px;
    margin-right: 10px;
    padding-bottom: 10px;
}

.plus-sign[b-2ep18ie3g0] {
    font-size: 40px;
    color: #FFC000;
    border-width: 0px;
    background-color: white;
}

.card[b-2ep18ie3g0] {
    width: 150px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 19px;
    border: 2px solid var(--primary-color, #FFC000);
    background: #FFF;
    padding: 14px;
}

.card:hover[b-2ep18ie3g0] {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
}

.container-data[b-2ep18ie3g0] {
    margin-top: 2px;
}

.toggle-production[b-2ep18ie3g0] {
}

.toggle-preview[b-2ep18ie3g0] {
    opacity: 1;
}

.year[b-2ep18ie3g0] {
    color: #8B8B8B;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.month[b-2ep18ie3g0] {
    color: #515151;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.cycle[b-2ep18ie3g0] {
    color: #929292;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.inactive-card[b-2ep18ie3g0] {
    opacity: 0.3;
}

.inactive-prod[b-2ep18ie3g0] {
    opacity: 0.3;
}

.inactive-prev[b-2ep18ie3g0] {
    opacity: 0.3;
}


.red-dot[b-2ep18ie3g0] {
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 50%;
    color: red;
    position: absolute;
    transform: translateY(-50%);
    top: 3px;
    right: 7px;
}

.warning-dot[b-2ep18ie3g0] {
    width: 17px;
    height: 17px;
    background: yellow;
    border-radius: 50%;
    color: yellow;
    position: absolute;
    transform: translateY(-50%);
    top: 24px;
    right: 10px;
}

.inactive-warning-dot[b-2ep18ie3g0] {
    opacity: 0.3;
}


.container-toggles[b-2ep18ie3g0] {
    display: flex;
}

.badge-component[b-ye2zl5yx5b][b-2ep18ie3g0] {
    padding: 0.5em 0.85em;
    display: inline-block;
    color: white;
    filter: drop-shadow(2px 5px 2px #eaecf1);
}

.card-container[b-2ep18ie3g0]::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.card-container[b-2ep18ie3g0]::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 8px;
    width: 4px;
    height: 40px;
}

.card-container[b-2ep18ie3g0]::-webkit-scrollbar-thumb:hover {
    background-color: red
}
/* /Pages/Microsites/Components/MicrositesPeriodComponents/MicrositePeriodChooserCard.razor.rz.scp.css */
.multi-card-carousel[b-ivjatvr1rq] {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.card-container[b-ivjatvr1rq] {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    overflow-x: auto;
    padding: 16px;
    scroll-behavior: smooth;
}

.card[b-ivjatvr1rq] {
    width: 165px;
    flex-shrink: 0;
    border-radius: 19px;
    border: 2px solid var(--primary-color, #FFC000);
    background: #FFF;
    padding: 14px;
    box-shadow: 0 0 5px 3px rgba(255, 192, 0, 0.4);
    margin: 8px;
    z-index: 2;
    margin: 8px 8px 0px;
}

.card:hover[b-ivjatvr1rq] {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.container-data[b-ivjatvr1rq] {
    margin-top: 2px;
}

.toggle-production[b-ivjatvr1rq] {
}

.toggle-preview[b-ivjatvr1rq] {
    opacity: 1;
}

.year[b-ivjatvr1rq] {
    color: #8B8B8B;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.month[b-ivjatvr1rq] {
    color: #515151;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.cycle[b-ivjatvr1rq] {
    color: #929292;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.inactive-card[b-ivjatvr1rq] {
    border-color: #CACACA66;
    box-shadow: 4px 4px 4px rgba(169, 169, 169, 0.2);
}

.toggle-production[b-ivjatvr1rq],
.toggle-preview[b-ivjatvr1rq] {
    opacity: 0.3;
}

.inactive-card .container-data[b-ivjatvr1rq] {
    opacity: 0.6;
}

.toggle-active[b-ivjatvr1rq] {
    opacity: 1 !important;
}

.red-dot[b-ivjatvr1rq] {
    width: 7px;
    height: 7px;
    background: red;
    border-radius: 50%;
    color: red;
    position: absolute;
    transform: translateY(-50%);
    top: 3px;
    right: 7px;
}

.warning[b-ivjatvr1rq] {
    color: #FFC000;
    margin-top: 2px;
    margin-left: 8px;
}

.inactive-warning-dot[b-ivjatvr1rq] {
    opacity: 0.3;
    color: #A9A9A9;
}


.container-toggles[b-ivjatvr1rq] {
    display: flex;
}

.badge-component[b-ye2zl5yx5b][b-ivjatvr1rq] {
    padding: 0.5em 0.85em;
    display: inline-block;
    color: white;
    filter: drop-shadow(2px 5px 2px #eaecf1);
}

.card-container[b-ivjatvr1rq]::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}


.card-container[b-ivjatvr1rq]::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 8px;
    width: 4px;
    height: 40px;
}

.card-container[b-ivjatvr1rq]::-webkit-scrollbar-thumb:hover {
    background-color: red
}

.position-relative[b-ivjatvr1rq] {
    color: white;
}

.badge-component[b-ivjatvr1rq] {
    padding: 0.5em 0.85em;
    display: inline-block;
    color: white;
}

.periodDivs[b-ivjatvr1rq] {
    overflow: visible;
    transition: transform 0.5s ease;
    position: relative;
}

.openEditPeriodDiv[b-ivjatvr1rq] {
    text-align: center;
    height: 33px;
    padding-top: 8px;
    width: 165px;
    background-color: #f6f6f6;
    color: #808080;
    -webkit-transition: all 1s, -webkit-transform 1s;
    border-bottom-left-radius: 19px;
    border-bottom-right-radius: 19px;
    margin: 0px 8px 8px;
    cursor: pointer;
    box-shadow: 0px -20px #f6f6f6;
    font-weight: 550;
}

.hidden[b-ivjatvr1rq] {
    transform: translateY(-100%);
    bottom: -100%;
    visibility: hidden;
}

.visible[b-ivjatvr1rq] {
    transition: all 1s, transform 1s;
    visibility: visible;
}
/* /Pages/Microsites/Components/MicrositesPeriodComponents/MicrositePeriodGenerationDeploymentCard.razor.rz.scp.css */
.deployment-card[b-j1tn5o2b4h] {
    flex-basis: 100%;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    background: #FAFAFA;
    padding: 15px 17px;
    padding-bottom: 0;
}

.container-data[b-j1tn5o2b4h]{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.deployment-card-header[b-j1tn5o2b4h] {
    display: flex;
    margin-bottom: 4px;
    justify-content: space-between;
    align-items: center;
}

.deployment-card-content[b-j1tn5o2b4h] {
    color: #363636;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}


.hyperlink-content[b-j1tn5o2b4h] {
    display: flex;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
}

.hyperlink-content a[b-j1tn5o2b4h]{
    display: flex;
    gap: 7px;
}

.hyperlink[b-j1tn5o2b4h] {
    color: #363636;
    font-size: 14px;
}

.hyperlink-icon[b-j1tn5o2b4h] {
    color: #FFC000;
    transform: rotate(-37deg);
}

.header-title[b-j1tn5o2b4h] {
    font-size: 16px !important;
    margin-top: 8px !important;
    font-weight: 600;
}

.title[b-j1tn5o2b4h] {
    color: #363636;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.active-deployment-card[b-j1tn5o2b4h] {
    background-color: #F7FEF9;
    border-color: rgba(69, 204, 37, 0.4);
}

.active-deployment-card .content .hyperlink[b-j1tn5o2b4h] {
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    line-height: normal;
    text-decoration-line: underline;
}

.inactive-deployment-card[b-j1tn5o2b4h] {
    background: #FAFAFA;
}

.footer[b-j1tn5o2b4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.footer-content[b-j1tn5o2b4h] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    inset: 0;
    font-size: 10px;
}

.footer-content-text[b-j1tn5o2b4h] {
    display: flex;
}

.footer-warning[b-j1tn5o2b4h] {
    color: #FFC000;
}

.lastgeneration-footer-text[b-j1tn5o2b4h] {
    color: #FFC000;
    font-style: italic;
    text-decoration: underline;
    padding-left: 8px;
    font-weight: 600;
}

.preview-footer-text[b-j1tn5o2b4h] {
    color: #997300;
    padding-left: 8px;
    font-weight: 400;
}

hr.hr[b-j1tn5o2b4h]{
    margin: 9px -18px 7px;
    border: 0;
    opacity: .25;
}

.inactive-hr[b-j1tn5o2b4h] {
    color: inherit;
    background-color: currentColor;
   
}

.active-hr[b-j1tn5o2b4h] {
    color: #FFC000;
    background-color: #FFC000;
}

.footer[b-j1tn5o2b4h]{
    height: 27px;
}
.footer-button[b-j1tn5o2b4h] {
    border-radius: 20px;
    border: 0.7px solid var(--primary-color, #FFC000);
    background: #FFFDF6;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFC000;
    gap: 5px;
    font-weight: 700;
    font-size: 9px;
}

.live[b-j1tn5o2b4h] {
    position: relative;
    min-height: 21px;
}

.live-text[b-j1tn5o2b4h] {
    color: #45CC25;
    font-weight: 600;
}
.live-text.disabled[b-j1tn5o2b4h]{
    color: #E3E3E3;
}




.deployment-dot[b-j1tn5o2b4h] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 5px;
    right: 26px;
    position: absolute;
}

.green-dot[b-j1tn5o2b4h] {
    background: #45CC25;
}
.gray-dot[b-j1tn5o2b4h] {
    background: #E3E3E3;
}

.arrow-icon[b-j1tn5o2b4h] {
    font-size: 12px
}
/* /Pages/Tests/TestContentDetailLazyLoad.razor.rz.scp.css */



/* /Pages/Tests/TestCropper.razor.rz.scp.css */



/* /Pages/Tests/TestQuarkieComponents.razor.rz.scp.css */



/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-kohiqsswu9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-kohiqsswu9] {
    flex: 1;
    max-width: calc(100% - 90px);
}


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

.top-row[b-kohiqsswu9]  a, .top-row[b-kohiqsswu9]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-kohiqsswu9]  a:hover, .top-row[b-kohiqsswu9]  .btn-link:hover {
    text-decoration: underline;
}

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

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

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

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

@media (min-width: 1080px) {
    .page.page-sidebar-hide main[b-kohiqsswu9] {
        max-width: calc(100% - 90px);
    }

    .page main[b-kohiqsswu9] {
        max-width: calc(100% - 250px);
    }
}


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

    .sidebar[b-kohiqsswu9] {
        height: 100vh;
        width: 250px;
        position: sticky;
        top: 0;
        transition: all 200ms;
    }

    .sidebar .sidebar-hide[b-kohiqsswu9] {
        width: 90px;
        text-align: center;
    }
    .sidebar .sidebar-hide:hover[b-kohiqsswu9] {
        position: absolute!important;
        margin-left: 90px;
    }

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

    .top-row.auth[b-kohiqsswu9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-kohiqsswu9], article[b-kohiqsswu9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}


.badge-menu[b-kohiqsswu9] {
    position: absolute;
    right: 1px;
    border-radius: 50%;
    background-color: orange;
}
.badge-light[b-kohiqsswu9] {
    color: #212529;
    background-color: #f8f9fa;
}

.modal-body[b-kohiqsswu9] {
    background-color: #ffd878;
    padding-top: 0;
}
.user-info[b-kohiqsswu9]{
    text-align: center;
}
.user-info__img[b-kohiqsswu9]{
    border-radius: 50%;
    width: 130px;
    height: 130px;
    margin: auto;
    cursor: pointer;
    position: relative;
}

.user-info__img img[b-kohiqsswu9] {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    object-fit: cover;
}


.modal-footer[b-kohiqsswu9]{
    background-color: #f4ba2a;
    border:none;
}
.btn-action[b-kohiqsswu9] {
    color: #313131;
    background-color: #ffd161;
    border-color: #ffd161;
}


.hidden[b-kohiqsswu9] {
    display: none!important;
    visibility: hidden!important;
}

@media (max-width: 1079px) {
    [b-kohiqsswu9] .sidebar-content:not(:hover) .environment-badge {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    [b-kohiqsswu9] .sidebar-content:hover .environment-badge{
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-104%) translateX(110%);
    }
}


[b-kohiqsswu9] .sidebar.sidebar-hide:hover .environment-badge{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-104%) translateX(110%);
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-uyxcm6b8e4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-uyxcm6b8e4] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-uyxcm6b8e4] {
    font-size: 1.1rem;
}

.oi[b-uyxcm6b8e4] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-uyxcm6b8e4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-uyxcm6b8e4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-uyxcm6b8e4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-uyxcm6b8e4]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-uyxcm6b8e4]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-uyxcm6b8e4]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-uyxcm6b8e4] {
        display: none;
    }

    .collapse[b-uyxcm6b8e4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}