@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* /Components/Account/Pages/TtmLogin.razor.rz.scp.css */

.login-page-container[b-26t0azmik6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/images/background.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 20px;
    margin: 0;
    overflow-y: auto;
    font-family: 'Montserrat', sans-serif !important;
}

[b-26t0azmik6] .login-content-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto !important;
    justify-content: center !important;
}

/* Override MudGrid default negative margins */
[b-26t0azmik6] .login-content-wrapper.mud-grid {
    margin: 0 auto !important;
}

/* Ensure MudItem is centered */
[b-26t0azmik6] .login-content-wrapper > .mud-grid-item {
    display: flex;
    justify-content: center;
    padding: 0 !important;
}

[b-26t0azmik6] .login-form-paper {
    padding: 3rem;
    border-radius: 48px;
    background-color: #ffffff !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
    width: 30vw;
    min-width: 320px;
    max-width: 500px;
    font-family: 'Montserrat', sans-serif !important;
}

/* Tablet and smaller screens */
@media (max-width: 960px) {
    [b-26t0azmik6] .login-form-paper {
        width: 60vw;
        padding: 2rem;
        border-radius: 32px;
    }
}

/* Mobile screens */
@media (max-width: 600px) {
    [b-26t0azmik6] .login-form-paper {
        width: 85vw;
        padding: 1.5rem;
        border-radius: 24px;
    }

    .login-page-container[b-26t0azmik6] {
        padding: 10px;
        background-attachment: scroll;
        align-items: center;
        justify-content: center;
        min-height: 100dvh; /* Use dynamic viewport height for mobile */
    }

    [b-26t0azmik6] .login-content-wrapper {
        margin: auto;
    }

    [b-26t0azmik6] .login-button {
        height: 44px;
        font-size: 14px;
    }
}

/* Very small mobile screens */
@media (max-width: 400px) {
    [b-26t0azmik6] .login-form-paper {
        width: 85vw;
        padding: 1rem;
        border-radius: 16px;
    }

    .login-page-container[b-26t0azmik6] {
        padding: 5px;
        min-height: 100dvh;
    }
}
[b-26t0azmik6] .mud-button-root {
    border-radius: 10px !important;
    font-family: 'Montserrat', sans-serif !important;
}

[b-26t0azmik6] .login-button {
    background-color: #463CFF !important;
    color: white !important;
    width: 100%;
    height: 48px;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: none;
}

    [b-26t0azmik6] .login-button:hover {
        background-color: #3730CC !important;
    }

    [b-26t0azmik6] .login-button:disabled {
        background-color: #9E9E9E !important;
        color: rgba(255, 255, 255, 0.6) !important;
    }

/* Logo responsiveness */
[b-26t0azmik6] .login-logo {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

/* Mobile screens */
@media (max-width: 600px) {
    [b-26t0azmik6] .login-logo {
        margin-bottom: 15px;
        max-width: 400px;
    }

    [b-26t0azmik6] .login-title {
        font-size: 1.1rem !important;
    }

    [b-26t0azmik6] .login-subtitle {
        font-size: 0.875rem !important;
        line-height: 1.4 !important;
    }

    [b-26t0azmik6] .mud-input {
        font-size: 14px !important;
    }

    [b-26t0azmik6] .mud-input-label {
        font-size: 14px !important;
    }
}

/* Very small mobile screens */
@media (max-width: 400px) {
    [b-26t0azmik6] .login-logo {
        margin-bottom: 10px;
        max-width: 300px;
    }

    [b-26t0azmik6] .login-title {
        font-size: 1rem !important;
    }

    [b-26t0azmik6] .login-subtitle {
        font-size: 0.8rem !important;
    }
}

/* /Components/Editor/VideoPreviewer/VideoPreviewerCanvas.razor.rz.scp.css */
.previewBody[b-314ecxt83n] {
     position: relative;
     width: 50rem; /* Set the desired width */
     height: calc(50rem * 9 / 16); /* Calculate height to maintain 16:9 aspect ratio */
     margin: auto;
 }

.otherBodyClass[b-314ecxt83n] {
    position: relative;
    width: 50rem; /* Set the desired width */
    margin-top: -7px !important;
}

.loadingText[b-314ecxt83n] {
    color: white;
}

.responsive-video[b-314ecxt83n] {
    width: 100%;
    height: auto;
    display: block;
}

.overlay[b-314ecxt83n] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.container[b-314ecxt83n] {
    position: relative;
}

.container video[b-314ecxt83n] {
    position: relative;
    z-index: 0;
}

.paused[b-314ecxt83n] {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
/* /Components/Elements/NotificationBell.razor.rz.scp.css */
.notification-bell[b-s33qmgijfa] {
    -webkit-text-stroke: 1px #FFF;
    -webkit-text-fill-color: transparent;
}

.notification-bell-click[b-s33qmgijfa] {
    color: white;
}

.notification-bell:hover[b-s33qmgijfa] {
    cursor: pointer;
}

.notification-counter-new[b-s33qmgijfa] {
    background-color: red;
    color: white;
    border-radius: 50%;
    text-align: center;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 9px;
    right: 262px;
    z-index: 1;
}
/* /Components/Elements/NotificationDropdown.razor.rz.scp.css */
hr[b-g3tbb771qn] {
    margin-bottom: 5px;
    margin-top: 5px;
}

i[b-g3tbb771qn] {
    height: 10px;
    color: darkgrey;
}

    i:hover[b-g3tbb771qn] {
        cursor: pointer;
        color: black;
    }

p:hover[b-g3tbb771qn] {
    cursor: pointer;
}

.notification-dropdown[b-g3tbb771qn] {
    position: absolute;
    top: 3.6rem;
    right: 2rem;
    width: 24rem;
    max-height: 35rem;
    z-index: 2;
    -webkit-box-shadow: -2px 8px 33px -7px rgba(0,0,0,0.66);
    box-shadow: -2px 8px 33px -7px rgba(0,0,0,0.66);
}

.notification-header[b-g3tbb771qn] {
    border-bottom: 2px solid #02748F;
    height: 2rem;
    vertical-align: middle;
}

.notification[b-g3tbb771qn] {
    display: inline-block;
}

.mark-read[b-g3tbb771qn] {
    color: cornflowerblue;
    font-size: 0.8rem;
    position: absolute;
    right: 0px;
    display: inline-block;
}

.notification-body[b-g3tbb771qn] {
    overflow-y: auto;
    max-height: 30rem;
    overflow-x: hidden;
}

.notification-body-item[b-g3tbb771qn] {
    display: flex;
    line-height: 20px;
}

.item-body[b-g3tbb771qn] {
    color: black;
    display: flex;
    max-width: 17.5rem;
}

.left-type[b-g3tbb771qn] {
    width: 0.5rem;
}

.fl-r[b-g3tbb771qn] {
    float: right;
}

.notification-box[b-g3tbb771qn] {
    width: 18rem;
}

.time-text[b-g3tbb771qn] {
    color: darkgray;
    font-size: 0.6rem;
    font-style: italic;
    margin-bottom: 0;
    margin-right: -60px;
    margin-top: -7px;
}

#notification-dropdown-scrollbar[b-g3tbb771qn]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    display: none;
}

#notification-dropdown-scrollbar[b-g3tbb771qn]::-webkit-scrollbar {
    width: 8px;
    background-color: white;
}

#notification-dropdown-scrollbar[b-g3tbb771qn]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #c4c4c4;
}

    #notification-dropdown-scrollbar[b-g3tbb771qn]::-webkit-scrollbar-thumb:hover {
        background-color: #444;
    }

    #notification-dropdown-scrollbar[b-g3tbb771qn]::-webkit-scrollbar-thumb:active {
        background-color: #444;
    }

.notification-counter-empty[b-g3tbb771qn] {
    position: absolute;
    top: 10px;
    right: 16.5rem;
    width: 20px;
    height: 20px;
}

.notification-counter[b-g3tbb771qn] {
    border-radius: 50%;
    position: absolute;
    right: 16.5rem;
    width: 20px;
    height: 20px;
    text-align: center;
    top: 10px;
    color: white;
    background-color: red;
}

.mud-list-item[b-g3tbb771qn] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* /Components/Fresca/LineSpinner.razor.rz.scp.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-line-scale[b-e97dppfo0v],
.la-line-scale > div[b-e97dppfo0v] {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-line-scale[b-e97dppfo0v] {
    display: block;
    font-size: 0;
    color: #fff;
}

    .la-line-scale.la-dark[b-e97dppfo0v] {
        color: #333;
    }

    .la-line-scale > div[b-e97dppfo0v] {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
    }

.la-line-scale[b-e97dppfo0v] {
    width: 40px;
    height: 32px;
}

    .la-line-scale > div[b-e97dppfo0v] {
        width: 4px;
        height: 32px;
        margin: 2px;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        -webkit-animation: line-scale 1.2s infinite ease;
        -moz-animation: line-scale 1.2s infinite ease;
        -o-animation: line-scale 1.2s infinite ease;
        animation: line-scale-b-e97dppfo0v 1.2s infinite ease;
    }

        .la-line-scale > div:nth-child(1)[b-e97dppfo0v] {
            -webkit-animation-delay: -1.2s;
            -moz-animation-delay: -1.2s;
            -o-animation-delay: -1.2s;
            animation-delay: -1.2s;
        }

        .la-line-scale > div:nth-child(2)[b-e97dppfo0v] {
            -webkit-animation-delay: -1.1s;
            -moz-animation-delay: -1.1s;
            -o-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        .la-line-scale > div:nth-child(3)[b-e97dppfo0v] {
            -webkit-animation-delay: -1s;
            -moz-animation-delay: -1s;
            -o-animation-delay: -1s;
            animation-delay: -1s;
        }

        .la-line-scale > div:nth-child(4)[b-e97dppfo0v] {
            -webkit-animation-delay: -.9s;
            -moz-animation-delay: -.9s;
            -o-animation-delay: -.9s;
            animation-delay: -.9s;
        }

        .la-line-scale > div:nth-child(5)[b-e97dppfo0v] {
            -webkit-animation-delay: -.8s;
            -moz-animation-delay: -.8s;
            -o-animation-delay: -.8s;
            animation-delay: -.8s;
        }

    .la-line-scale.la-sm[b-e97dppfo0v] {
        width: 20px;
        height: 16px;
    }

        .la-line-scale.la-sm > div[b-e97dppfo0v] {
            width: 2px;
            height: 16px;
            margin: 1px;
            margin-top: 0;
            margin-bottom: 0;
        }

    .la-line-scale.la-2x[b-e97dppfo0v] {
        width: 80px;
        height: 64px;
    }

        .la-line-scale.la-2x > div[b-e97dppfo0v] {
            width: 8px;
            height: 64px;
            margin: 4px;
            margin-top: 0;
            margin-bottom: 0;
        }

    .la-line-scale.la-3x[b-e97dppfo0v] {
        width: 120px;
        height: 96px;
    }

        .la-line-scale.la-3x > div[b-e97dppfo0v] {
            width: 12px;
            height: 96px;
            margin: 6px;
            margin-top: 0;
            margin-bottom: 0;
        }
/*
 * Animation
 */
@-webkit-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-moz-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-o-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes line-scale-b-e97dppfo0v {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}
/* /Components/Fresca/Uploader/UploadMenu.razor.rz.scp.css */
[b-ibsiljijqz] .uploadMenu .mud-nav-link .mud-nav-link-expand-icon {
    color: var(--mud-palette-primary-text) !important;
}

[b-ibsiljijqz] .mud-nav-group > button {
    background-color: var(--mud-palette-primary) !important;
}

[b-ibsiljijqz] .uploadFileItem {
    height: 60px;
}

[b-ibsiljijqz] .uploadMenu {
    position: fixed;
    bottom: 40px;
}

[b-ibsiljijqz] .uploadMenu .mud-navmenu .mud-nav-link {
    padding-top: 20px;
}

[b-ibsiljijqz] .uploadMenu .uploadFileItem .mud-nav-link-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 20em;
    color: var(--mud-palette-text-primary);
}

[b-ibsiljijqz] .uploadMenu .mud-navmenu.mud-navmenu-primary .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-primary-text) !important;
}

[b-ibsiljijqz] .uploadMenu .mud-nav-link-icon {
    color: var(--mud-palette-text-secondary) !important;
}

.menuHidden[b-ibsiljijqz] {
    display: none;
}

[b-ibsiljijqz] .notUploading {
    background: #f7f7f7;
}

[b-ibsiljijqz] .menuUploading {
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #f7f7f7;
}

[b-ibsiljijqz] .uploadItemsContainer {
    max-height: 330px;
}

[b-ibsiljijqz] .uploadItemsContainer::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

[b-ibsiljijqz] .mud-expanded > .mud-nav-link-text {
    color: white;
}

[b-ibsiljijqz] .removeAll {
    display: inline;
    margin-right: 10px;
    float: right;
}

[b-ibsiljijqz] .cancelAll {
    display: inline;
    margin-right: 10px;
    float: right;
}

[b-ibsiljijqz] .fileUploadMainText {
    padding: 0px 2px 0px 75px;
    font-weight: bold;
    margin-bottom: 0px;
}

[b-ibsiljijqz] .filesSupported {
    padding: 0px 80px 75px 130px;
}

[b-ibsiljijqz] .uploadIcon {
    margin: 10px 0px 0px 175px
}

.progressText[b-ibsiljijqz] {
    display: inline;
    padding-left: 10px;
}
/* /Components/MediaLibrary.razor.rz.scp.css */
[b-04y4liy6sb] .image-paper {
    background-color: #EAF7FF;
    width: 15vw;
    height: 20vh;
}

[b-04y4liy6sb] .image-styling {
    width: 100%;
    height: 100%;
    /*background-color: white;*/
    /*width: auto;
                                            height: auto;*/
    background-position: 0 0px, 10px 10px;
    background-size: 20px 20px;
    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
}

[b-04y4liy6sb] .icon-button {
    border-radius: 0;
    padding: 5px;
}

[b-04y4liy6sb] .mud-tooltip-root {
    display: flex !important;
}

[b-04y4liy6sb] .mud-input-control {
    margin-top: 0;
}

[b-04y4liy6sb] .data-button {
    width: 100px;
    color: #02748F;
    border-color: #02748F;
    background-color: white;
    border-radius: 4px 0 0 22px
}

[b-04y4liy6sb] .selected-button {
    width: 100px;
    color: white;
    background-color: #02748F;
    border-radius: 4px 0 0 22px
}

[b-04y4liy6sb] .mud-drawer {
    overflow: unset;
}

[b-04y4liy6sb] .hover-container {
    position: relative;
    display: inline-block;
}

[b-04y4liy6sb] .hover-tooltip {
    display: none;
    position: absolute;
    color: #fcfcfc;
    background-color: #363232;
    padding: 10px;
    z-index: 1;
    top: 100%;
    left: 0;
    border-radius: 4px; /* Afgeronde hoeken */
}

[b-04y4liy6sb] .hover-container:hover .hover-tooltip {
    display: block;
}
/* /Pages/Productions/ProductionsLanguages.razor.rz.scp.css */
.mud-table-pagination-toolbar[b-gkad1z8opi] {
    border: none;
}

.search-area > .mud-input-control[b-gkad1z8opi] {
    display: block;
    max-width: 50%;
}

a.btn-back:hover[b-gkad1z8opi] {
    text-decoration: none;
}

.mud-table-container[b-gkad1z8opi] {
    overflow-y: inherit;
}

.blue-border > .mud-input-control-input-container > .mud-input.mud-input-outlined > .mud-input-outlined-border[b-gkad1z8opi] {
    border-color: #00A4C0;
}

.blue-text > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol[b-gkad1z8opi] {
    color: #00A4C0;
    background-color: #f5f7fa;
}

.disabled-text > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled[b-gkad1z8opi] {
    color: var(--mud-palette-action-disabled) !important;
    background-color: transparent;
}

.highlight-element[b-gkad1z8opi] {
    font-weight: bold;
    animation: blinking 0.4s 4;
}

@@keyframes blinking {
    0%[b-gkad1z8opi] {
        color: #02748f;
        font-weight: bold;
    }

    50%[b-gkad1z8opi] {
        color: #05a3f1;
    }

    100%[b-gkad1z8opi] {
        color: #424242;
    }
}

.disabledTd[b-gkad1z8opi] {
    color: var(--mud-palette-action-disabled) !important;
    cursor: default;
    pointer-events: none;
}

.hover-background:hover[b-gkad1z8opi] {
    background-color: grey;
}

th.mud-table-cell[b-gkad1z8opi] {
    padding: 10px 10px 10px 10px;
}

td.mud-table-cell[b-gkad1z8opi] {
    padding: 10px 10px 10px 10px;
}

.mud-tooltip-root.mud-tooltip-inline[b-gkad1z8opi] {
    display: flex;
}

.striped-progress[b-gkad1z8opi] {
    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
    background-size: 40px 40px;
    background-repeat: repeat;
    animation: mud-progress-linear-striped-loading 10s linear infinite;
}
/* /Pages/SettingsComponents/ProductionSettings.razor.rz.scp.css */
p[b-4w7k6a6ze3], a[b-4w7k6a6ze3] {
    font-size: 12px;
    line-height: 0.6rem;
}

td[b-4w7k6a6ze3] {
    font-size: 12px;
    line-height: 0.6rem;
}

.hover-box[b-4w7k6a6ze3] {
    background-color: white;
    border-radius: 5px;
    height: auto;
    width: 10.5rem;
    position: absolute;
    text-align: center;
    display: none;
    -webkit-box-shadow: 1px 6px 28px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 6px 28px 4px rgba(0,0,0,0.4);
    z-index: 2000;
}

.main-hover:hover .hover-box[b-4w7k6a6ze3] {
    display: block;
}
/* /Pages/SettingsComponents/RoleSettings.razor.rz.scp.css */
p[b-klca28ym0u], a[b-klca28ym0u] {
    font-size: 12px;
    line-height: 0.6rem;
}

td[b-klca28ym0u] {
    font-size: 12px;
    line-height: 0.6rem;
}

.hover-box[b-klca28ym0u] {
    background-color: white;
    border-radius: 5px;
    height: auto;
    width: 10.5rem;
    position: absolute;
    text-align: center;
    display: none;
    -webkit-box-shadow: 1px 6px 28px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 6px 28px 4px rgba(0,0,0,0.4);
    z-index: 2000;
}

.main-hover:hover .hover-box[b-klca28ym0u] {
    display: block;
}
/* /Pages/SettingsComponents/UsersSettings.razor.rz.scp.css */
p[b-0cgl1sk183], a[b-0cgl1sk183] {
    font-size: 12px;
    line-height: 0.6rem;
}

td[b-0cgl1sk183] {
    font-size: 12px;
    line-height: 0.6rem;
}

.hover-box[b-0cgl1sk183] {
    background-color: white;
    border-radius: 5px;
    height: auto;
    width: 10.5rem;
    position: absolute;
    text-align: center;
    display: none;
    -webkit-box-shadow: 1px 6px 28px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 6px 28px 4px rgba(0,0,0,0.4);
    z-index: 2000;
}

.main-hover:hover .hover-box[b-0cgl1sk183] {
    display: block;
}
/* /Shared/FrescaNavBar.razor.rz.scp.css */
.navbar-nav .dropdown-menu[b-e5pu0n1wwb] {
    position: absolute !important;
    float: none;
}

.ttn[b-e5pu0n1wwb] {
    text-transform: none;
}
/* /Shared/_FrescaLayout.razor.rz.scp.css */
.footr[b-liruappjr0] {
	background-color: white !important;
	position: fixed !important;
	bottom: 0 !important;
	z-index: 99;
	padding-left: 25px;
	width: 100%;
	height: 1.5rem;
	box-shadow: 5px 7px 10px black;
}
/* /Shared/_HtmlRecorderLayout.razor.rz.scp.css */
.footr[b-rc446hwbzs] {
    background-color: white !important;
    position: fixed !important;
    bottom: 0 !important;
    z-index: 99;
    padding-left: 25px;
    width: 100%;
    height: 1.5rem;
    box-shadow: 5px 7px 10px black;
}
/* /Shared/_HtmlRecorderLayoutNavBar.razor.rz.scp.css */
.navbar-nav .dropdown-menu[b-ald7jywfui] {
    position: absolute !important;
    float: none;
}

.ttn[b-ald7jywfui] {
    text-transform: none;
}