/* _content/Frantz.BusinessManager/Components/AI/AITrafficEstimateComponent.razor.rz.scp.css */
.data-insights-column[b-tai7wgy6dq],
.budget-control-column[b-tai7wgy6dq] {
    width: 100%;
}

.data-insights-column[b-tai7wgy6dq] {
    flex: 2; /* Takes 2/3 of the space */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.insight-card[b-tai7wgy6dq], .budget-card[b-tai7wgy6dq] {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    border: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
}

.insight-card-flex-container[b-tai7wgy6dq] {
    display: flex;
    gap: 0;
    justify-content: space-between;
    align-items: stretch;
}

    .insight-card-flex-container > .insight-card-column:first-child[b-tai7wgy6dq] {
        margin-right: 2rem;
    }

    .insight-card-flex-container > .insight-card-column:last-child[b-tai7wgy6dq] {
        margin-left: 2rem;
    }

.insight-card h4[b-tai7wgy6dq], .budget-card h4[b-tai7wgy6dq] {
    font-size: 1.1em;
    color: #343a40; /* Darker grey for text */
    margin-top: 0;
    margin-bottom: 0.5rem; /* Adjusted from 15px */
}

/* Ensure heading-with-tooltip in new cards uses new h4 style */
.insight-card .heading-with-tooltip[b-tai7wgy6dq], .budget-card .heading-with-tooltip[b-tai7wgy6dq] {
    margin-bottom: 15px; /* Keep original spacing for heading groups */
    align-items: center; /* Vertically align icon and text */
}

    .insight-card .heading-with-tooltip h4[b-tai7wgy6dq], .budget-card .heading-with-tooltip h4[b-tai7wgy6dq] {
        margin-bottom: 0; /* Remove bottom margin if part of this group */
    }

@media (max-width: 768px) {
    .insight-card-flex-container[b-tai7wgy6dq] {
        flex-direction: column;
        gap: 2rem;
    }

    .insight-card-vertical-divider[b-tai7wgy6dq] {
        width: auto;
        height: 1px;
        margin: 0;
    }

    .insight-card-flex-container > .insight-card-column:first-child[b-tai7wgy6dq],
    .insight-card-flex-container > .insight-card-column:last-child[b-tai7wgy6dq] {
        margin: 0 0 1rem 0;
    }
}

.insight-card-flex-container[b-tai7wgy6dq] {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: stretch;
}

.insight-card-vertical-divider[b-tai7wgy6dq] {
    width: 1px;
    background-color: #E5E7EB;
    align-self: stretch;
    margin: 1rem 0;
}

@media (max-width: 768px) {
    .insight-card-flex-container[b-tai7wgy6dq] {
        flex-direction: column;
        gap: 1rem;
    }

    .insight-card-column[b-tai7wgy6dq] {
        flex: 1;
    }

    .insight-card-vertical-divider[b-tai7wgy6dq] {
        width: 1px;
        background-color: #E5E7EB;
        align-self: stretch;
        display: block;
        margin: 1rem 2rem;
        height: auto;
    }

    @media (max-width: 768px) {
        .insight-card-vertical-divider[b-tai7wgy6dq] {
            width: 100%;
            height: 1px;
            margin: 1rem 0;
        }
    }
}

.heading-with-tooltip[b-tai7wgy6dq] {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 30px;
    z-index: 0; /* 20250704 */
}

/* Tooltip */
.heading-with-tooltip[b-tai7wgy6dq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    padding-right: 30px;
}

    .heading-with-tooltip h3[b-tai7wgy6dq] {
        margin: 0;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

    /* Completed section indicator */
    .heading-with-tooltip.completed[b-tai7wgy6dq]::after {
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: -30px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: var(--color-success);
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        z-index: 2;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }


    .heading-with-tooltip.completed[b-tai7wgy6dq]::after {
        animation: fadeIn 0.3s ease-out forwards;
    }

.location-deadline .heading-with-tooltip[b-tai7wgy6dq] {
    z-index: 5; /* Sikrer at søknadsfrist-elementet vises over andre elementer */
}

.heading-with-tooltip h3:not(.details-panel *)[b-tai7wgy6dq] {
    color: var(--color-primary-main);
}

/* Styling for the new Potensielle Kandidater row */
.insight-data-row[b-tai7wgy6dq] {
    display: flex;
    align-items: baseline; /* CHANGED from center */
    margin-bottom: 8px;
}

.insight-data-label[b-tai7wgy6dq] {
    font-size: 0.9em;
    color: #495057;
    margin-right: 10px;
    white-space: nowrap;
    order: 1; /* Explicit order for label */
}

.insight-data-row .current-value[b-tai7wgy6dq] {
    font-size: 1em;
    text-align: right;
    order: 2; /* New value first in the block */
    margin-left: auto; /* Pushes this and subsequent ordered items to the right */
    margin-right: 3px; /* Space before arrow */
}

.insight-data-row .insight-value-arrow[b-tai7wgy6dq] {
    color: #dc3545;
    font-weight: bold;
    display: inline-block;
    font-size: 1em;
    order: 3; /* Arrow second */
    margin-right: 3px; /* Space before original value */
}

.insight-data-row .original-value[b-tai7wgy6dq] {
    color: #777;
    text-decoration: line-through;
    font-size: 1em;
    order: 4; /* Original value last in the block */
    /* No margin-left: auto here, current-value handles it */
}

/* Styles for dual value display in data insights */
.dual-value-display .original-value[b-tai7wgy6dq] {
    color: #777; /* Lighter color for original value */
    text-decoration: line-through; /* Optional: strike-through original */
    margin-right: 5px;
    font-size: 1em; /* Slightly smaller */
}

.dual-value-display .insight-value-arrow[b-tai7wgy6dq] {
    color: #dc3545; /* Red color for the down arrow, or your theme's warning color */
    margin-right: 5px;
    font-weight: bold;
}

.dual-value-display .current-value[b-tai7wgy6dq] {
    /* This will inherit general .insight-value styles or you can add specific ones */
}

.insight-value[b-tai7wgy6dq] {
    font-size: 2em; /* Large numbers - This is a general base, specific instances are overridden */
    font-weight: 700; /* Bold numbers */
    color: #343a40; /* Changed from #007bff to neutral dark grey */
    /* display: block; */ /* Removed display:block from base, will be set as needed */
    margin-bottom: 8px;
}

.tooltip-icon[b-tai7wgy6dq] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFFFFF;
    color: var(--color-primary-main);
    border: 1px solid var(--color-primary-main);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    cursor: help;
    position: relative;
}

    .tooltip-icon:hover[b-tai7wgy6dq]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 0;
        top: 100%;
        background: #FFFFFF;
        color: #1E293B;
        padding: 0.5rem;
        border-radius: 4px;
        border: 1px solid var(--color-primary-main);
        z-index: 100;
        width: 200px;
        font-size: 0.75rem;
        font-weight: normal;
        text-align: left;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        transform: translateY(10px);
        font-family: 'Montserrat', sans-serif;
        line-height: 1.4;
    }

    .tooltip-icon:hover[b-tai7wgy6dq]::before {
        content: '';
        position: absolute;
        left: 6px;
        top: 100%;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid var(--color-primary-main);
        transform: translateY(4px);
    }
/* _content/Frantz.BusinessManager/Components/Banners/BannerCampaignComponent.razor.rz.scp.css */
/* _content/Frantz.BusinessManager/Components/Banners/BannerComponent.razor.rz.scp.css */
[b-43fhmltvbt] .k-button {
    width:3em;
}
[b-43fhmltvbt] .k-picker {
    width: 3em;
}
    [b-43fhmltvbt] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

[b-43fhmltvbt] .k-picker .k-input-button {
    display: none;
}
[b-43fhmltvbt] .k-picker-flat:focus-within {
    box-shadow:none;
}
/* _content/Frantz.BusinessManager/Components/Banners/BannerElementComponent.razor.rz.scp.css */
[b-oj9esqiy78] .k-button {
    width:3em;
}
[b-oj9esqiy78] .k-picker {
    width: 3em;
}
    [b-oj9esqiy78] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

[b-oj9esqiy78] .k-picker .k-input-button {
    display: none;
}
[b-oj9esqiy78] .k-picker-flat:focus-within {
    box-shadow:none;
}
/* _content/Frantz.BusinessManager/Components/Banners/BannerElementEditControlComponent.razor.rz.scp.css */
[b-e75syb0xu4] .k-button {
    width:3em;
}
[b-e75syb0xu4] .k-picker {
    width: 3em;
}
    [b-e75syb0xu4] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

[b-e75syb0xu4] .k-picker .k-input-button {
    display: none;
}
[b-e75syb0xu4] .k-picker-flat:focus-within {
    box-shadow:none;
}
/* _content/Frantz.BusinessManager/Components/Banners/BannerElementImageUploadComponent.razor.rz.scp.css */
[b-mqs3mkr3mv] .k-button {
    width:3em;
}
[b-mqs3mkr3mv] .k-picker {
    width: 3em;
}
    [b-mqs3mkr3mv] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

[b-mqs3mkr3mv] .k-picker .k-input-button {
    display: none;
}
[b-mqs3mkr3mv] .k-picker-flat:focus-within {
    box-shadow:none;
}
/* _content/Frantz.BusinessManager/Components/Banners/BannerListComponent.razor.rz.scp.css */
/* _content/Frantz.BusinessManager/Components/Banners/BannerWrapperComponent.razor.rz.scp.css */
/* _content/Frantz.BusinessManager/Components/Campaigns/Banner/NewAICampaignV3Component.razor.rz.scp.css */
|/* Base Layout */
/* Campaign Strategy Styles */
aside.details-panel .details-content .campaign-strategy[b-cpvyrxhskn] {
    padding: 0.75rem 0rem;
    margin: 0rem 0;
    border-radius: 4px;
}

    aside.details-panel .details-content .campaign-strategy h3[b-cpvyrxhskn] {
        color: #ffffff;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.25rem;
        margin: 0;
        padding: 0;
    }

:root[b-cpvyrxhskn] {
    /* Frantz's faktiske farger */
    --color-primary-main: #0C3F59;
    --color-primary-main-light: #1e5875;
    --color-primary-main-lighten: #187FB3;
    --color-primary-main-darken: #000000;
    --color-primary-main-support: #F6A321;
    --color-primary-main-support-lighten: #FACC83;
    --color-primary-main-support-darken: #AA6A07;
    --color-primary-support: #EC624D;
    --color-primary-support-lighten: #F6B3A9;
    --color-primary-support-darken: #BF2B14;
    --color-success: #10B981;
    --color-background-light: #40728c1f;
    /* Layout variabler */
    --height-top-bar: 4.7rem;
    --width-left-menu-min: 60px;
    --width-left-menu-max: 268px;
    --width-page-max: 1920px;
    --bs-body-font-size: 0.875rem;
}

h1[b-cpvyrxhskn] {
    font-size: 3rem;
    color: var(--color-primary-main);
    font-family: 'Montserrat', sans-serif;
}


/* Layout */
body[b-cpvyrxhskn] {
    margin: 3000px; /* 0 */
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    background: var(--color-background-light);
}

.app-container[b-cpvyrxhskn] {
    min-height: 100vh;
    max-width: var(--width-page-max);
    margin: 0 auto;
    position: relative;
}

/* Left Menu */
.left-menu[b-cpvyrxhskn] {
    background: #fff;
    border-right: 1px solid #E2E8F0;
    padding: 1rem;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--width-left-menu-max);
    z-index: 2100;
    overflow-y: auto;
    color: var(--color-primary-main);
}

.menu-header h2[b-cpvyrxhskn] {
    color: var(--color-primary-main);
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.menu-items[b-cpvyrxhskn] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .menu-items li[b-cpvyrxhskn] {
        margin-bottom: 0.5rem;
    }

    .menu-items a[b-cpvyrxhskn] {
        color: var(--color-primary-main);
        text-decoration: none;
        padding: 0.75rem 1rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        border-radius: 4px;
        transition: background-color 0.2s;
        font-family: 'Montserrat', sans-serif;
    }

        .menu-items a i[b-cpvyrxhskn] {
            width: 20px;
            text-align: center;
        }

        .menu-items li.active a[b-cpvyrxhskn],
        .menu-items a:hover:not(.disabled)[b-cpvyrxhskn] {
            background: rgba(0, 0, 0, 0.1);
            color: var(--color-primary-main);
        }

.menu-category > a[b-cpvyrxhskn] {
    color: var(--color-primary-main-darken) !important;
    font-weight: bold;
    font-size: 1.1rem;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}

.menu-item > a[b-cpvyrxhskn] {
    color: var(--color-primary-main);
    padding-left: 2.0rem;
}

.menu-item.active > a[b-cpvyrxhskn] {
    background: rgba(0, 0, 0, 0.1);
    color: var(--color-primary-main);
    font-weight: bold;
}

/* Main Content */
.main-content[b-cpvyrxhskn] {
    padding: 2rem;
    max-width: 1200px; /* It should not exceed this width */
    /* width: 100%; REMOVED to let margin calculations and max-width define width */
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0px; /*calc(var(--width-left-menu-max) + 50px);*/
    /*background: var(--color-background-light);*/
    /*margin-top: 70px;*/
}

    .main-content.with-panel[b-cpvyrxhskn] {
        max-width: 1200px;
        margin-right: 450px;
    }

/* Intro Section */
.intro-section[b-cpvyrxhskn] {
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: var(--color-primary-main);
    position: relative;
    overflow: visible;
    margin-bottom: 2rem;
}

    .intro-section h1[b-cpvyrxhskn] {
        color: var(--color-primary-main);
        font-size: 2.5rem;
        margin-top: 0;
        margin-bottom: 1rem;
        position: relative;
        font-weight: 700;
        text-shadow: none;
    }

        .intro-section h1[b-cpvyrxhskn]::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: var(--color-primary-main-support);
            margin-top: 0.8rem;
            border-radius: 2px;
        }

.intro-text[b-cpvyrxhskn] {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 2rem 0;
    position: relative;
    max-width: 100%;
}

.intro-section .intro-features[b-cpvyrxhskn] {
    display: none;
}

.section-complete[b-cpvyrxhskn] {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: var(--color-success);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .section-complete.visible[b-cpvyrxhskn] {
        opacity: 0 !important; /* Ensure it stays hidden even if 'visible' class is added */
    }

.heading-with-tooltip[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 30px;
    z-index: 0; /* 20250704 */
}

.search-container[b-cpvyrxhskn],
.location-deadline[b-cpvyrxhskn],
.candidate-count[b-cpvyrxhskn],
.channels-section[b-cpvyrxhskn],
.budget-section[b-cpvyrxhskn] {
    position: relative;
}

/* Section Headers */
.section-header[b-cpvyrxhskn] {
    margin: 2rem 0 .5rem 0;
    padding-bottom: 0rem;
}


    .section-header h2[b-cpvyrxhskn] {
        color: var(--color-primary-main);
        font-family: 'Montserrat Bold', sans-serif;
        font-size: 2.25rem;
        border-bottom: var(--color-primary-main-support-darken);
        margin: 0;
    }

        .section-header h2[b-cpvyrxhskn]::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: var(--color-primary-main-support);
            margin-top: 0.8rem;
            border-radius: 2px;
        }

/* Sticky Wizard Navigation */
.wizard-nav[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid #E2E8F0;
    padding: 1rem 0;
    background: white;
    position: fixed;
    top: 74px; /*100px;*/
    left: 267px; /*0;*/
    right: 0;
    z-index: 2000;
    width: 100%;
    box-sizing: border-box;
}

    .wizard-nav.scrolled[b-cpvyrxhskn] {
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        background-color: white;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

.wizard-nav-content[b-cpvyrxhskn] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transform: translateX(-32px);
}

    /* Flytta Nullstill-knappen 200px åt vänster */
    .wizard-nav-content .btn-reset[b-cpvyrxhskn] {
        margin-right: 200px;
        position: relative;
        transform: translateX(180px);
    }

.wizard-steps[b-cpvyrxhskn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    position: relative;
}

.step[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
    color: #64748B;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    position: relative;
    transition: all 0.3s ease;
}

    .step:last-child[b-cpvyrxhskn] {
        margin-right: 0;
    }

    .step.active[b-cpvyrxhskn] {
        color: var(--color-primary-main);
    }

    .step.highlighted[b-cpvyrxhskn] {
        color: var(--color-primary-main);
        font-weight: bold;
    }

        .step.highlighted[b-cpvyrxhskn]:after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--color-primary-main);
            border-radius: 3px;
        }

.step-number[b-cpvyrxhskn] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #F8FAFC;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.5rem;
    font-family: 'Montserrat Bold', sans-serif;
    transition: all 0.3s ease;
}

.step.active .step-number[b-cpvyrxhskn],
.step.highlighted .step-number[b-cpvyrxhskn] {
    background: var(--color-primary-main);
    color: white;
}

.btn-reset[b-cpvyrxhskn] {
    position: static;
    background: none;
    border: 1px solid var(--color-primary-support);
    color: var(--color-primary-support);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .btn-reset:hover[b-cpvyrxhskn] {
        background: var(--color-primary-support);
        color: white;
    }

/* Search Container */
.search-container[b-cpvyrxhskn] {
    margin-bottom: 2rem;
    width: 100%;
}

.search-input[b-cpvyrxhskn] {
    position: relative;
    margin-bottom: 1rem;
    width: 100%;
}

    .search-input input[b-cpvyrxhskn] {
        width: 100%;
        padding: 0.75rem 1rem;
        border: 1px solid #E2E8F0;
        border-radius: 4px;
        font-size: var(--bs-body-font-size);
        font-family: 'Montserrat', sans-serif;
        box-sizing: border-box;
        transition: border-color 0.2s;
    }

        .search-input input:focus[b-cpvyrxhskn] {
            outline: none;
            border-color: var(--color-primary-main);
        }

.search-suggestions[b-cpvyrxhskn] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    display: none;
    z-index: 10000;
    max-height: 300px;
    overflow-y: auto;
}

    .search-suggestions.active[b-cpvyrxhskn] {
        display: block;
    }

.suggestion-item[b-cpvyrxhskn] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    transition: background-color 0.2s;
}

    .suggestion-item:hover[b-cpvyrxhskn] {
        background: #F8FAFC;
        color: var(--color-primary-main);
    }

    /* Style for keyboard-highlighted suggestion */
    .suggestion-item.highlighted[b-cpvyrxhskn] {
        background-color: #F8FAFC; /* Match hover background */
        color: var(--color-primary-main);
    }

/* Buttons */
.btn-secondary[b-cpvyrxhskn] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    color: #64748B;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.2s ease;
    position: relative; /* Lägg till position: relative för att kunna positionera filter-tags korrekt */
}

    .btn-secondary:hover[b-cpvyrxhskn] {
        background: #F1F5F9;
        border-color: #CBD5E1;
    }

.btn-icon[b-cpvyrxhskn] {
    background: none;
    border: none;
    color: #64748B;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s;
}

    .btn-icon:hover[b-cpvyrxhskn] {
        background: #F1F5F9;
        color: var(--color-primary-main);
    }

/* Styling for the 'no results' message */
.no-results-message[b-cpvyrxhskn] {
    background-color: #fffbe6;
    color: #8a6d3b;
    border: 1px solid #ffeeba;
    padding: 15px;
    margin-bottom: 1rem; /* Spacing before the dropdowns if it spans full width */
    border-radius: 4px;
    font-size: 0.9em;
    font-family: 'Montserrat', sans-serif;
    display: none; /* Initially hidden, JS will toggle display: block or display: none */
    grid-column: 1 / -1; /* Make it span all columns if parent is a grid and this is a direct child */
    box-sizing: border-box;
}

/* Advanced Filters */
.advanced-content[b-cpvyrxhskn] {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    /* padding-top: 0; /* Remove padding from closed state if message is inside */
    /* padding-bottom: 0; */
    margin-top: 0;
    transition: max-height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), padding-top 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), /* Keep padding transitions */
    padding-bottom 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), margin-top 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    /* Add background and border here if they should be visible even when closed but content is just hidden */
    /* background: #F8FAFC; */
    /* border-radius: 4px; */
    /* border: 1px solid #E2E8F0; */
    /* box-sizing: border-box; */ /* Add if padding/border are on closed state */
}

    .advanced-content.open[b-cpvyrxhskn] {
        max-height: 600px; /* Increased slightly to accommodate message + dropdowns */
        opacity: 1;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem; /* ADDED horizontal padding */
        padding-right: 1rem; /* ADDED horizontal padding */
        margin-top: 1rem;
        background: #F8FAFC;
        border-radius: 4px;
        border: 1px solid #E2E8F0;
        box-sizing: border-box; /* Ensure padding/border don't expand beyond width */
    }

    .advanced-content .form-group[b-cpvyrxhskn] {
        width: 100%;
    }

        .advanced-content .form-group label[b-cpvyrxhskn] {
            display: block;
            margin-bottom: 0.5rem;
            color: #64748B;
            font-family: 'Montserrat', sans-serif;
            font-size: 0.875rem;
        }

        .advanced-content .form-group select[b-cpvyrxhskn] {
            width: 100%;
            padding: 0.75rem;
            border: 1px solid #E2E8F0;
            border-radius: 4px;
            font-family: 'Montserrat', sans-serif;
            box-sizing: border-box;
            transition: border-color 0.2s;
        }

            .advanced-content .form-group select:focus[b-cpvyrxhskn] {
                outline: none;
                border-color: var(--color-primary-main);
            }

/* Candidate Count */
.candidate-count[b-cpvyrxhskn] {
    background: var(--color-primary-main);
    color: white;
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 2rem;
    border: 1px solid #E2E8F0;
}

    .candidate-count h3[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.count[b-cpvyrxhskn] {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    display: block;
    margin-bottom: 0.5rem;
    font-family: 'Montserrat Bold', sans-serif;
}

    .count:not(.zero)[b-cpvyrxhskn] {
        color: var(--color-primary-main-support);
    }

.description[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 1rem;
}

.candidate-details[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #E2E8F0;
}

.detail-item[b-cpvyrxhskn] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .detail-item .label[b-cpvyrxhskn] {
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.875rem;
        font-family: 'Montserrat', sans-serif;
    }

    .detail-item .value[b-cpvyrxhskn] {
        color: white;
        font-weight: 500;
        font-family: 'Montserrat Bold', sans-serif;
    }

/* Location & Deadline */
.location-deadline[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
    width: 100%;
}

.form-group[b-cpvyrxhskn] {
    width: 100%;
}

    .form-group label[b-cpvyrxhskn] {
        display: block;
        margin-bottom: 0.5rem;
        color: #64748B;
        font-family: 'Montserrat', sans-serif;
        font-size: 0.875rem;
    }

    .form-group input[b-cpvyrxhskn] {
        width: 100%;
        padding: 0.75rem;
        border: 1px solid #E2E8F0;
        border-radius: 4px;
        font-family: 'Montserrat', sans-serif;
        box-sizing: border-box;
        transition: border-color 0.2s;
    }

        .form-group input:focus[b-cpvyrxhskn] {
            outline: none;
            border-color: var(--color-primary-main);
        }

/* Channels Section */
.channels-section[b-cpvyrxhskn] {
    margin-bottom: 2rem;
    width: 100%;
}

    .channels-section h3[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: var(--color-primary-main);
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.channel-list[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Responsive grid */
    gap: 10px;
    margin-top: 1rem;
    /* flex-wrap: wrap; */ /* Removed if using grid */
    /* gap: 10px; */ /* Replaced by grid-gap */
}

.channel-item[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    background-color: #f8f9fa; /* Light background for non-selected */
    border: 1px solid #dee2e6; /* Subtle border */
    /*border: 1px solid #061f2c; */ /* Not so subtle border */
    padding: 10px 15px;
    /* margin-bottom: 8px; */ /* Handled by grid gap */
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    position: relative; /* For pseudo-elements if needed for checkmark */
    min-height: 50px; /* Ensure items have a minimum height */
    box-sizing: border-box;
    min-width: 150px; /* 20250701 */
    max-width: 200px; /* 20250701 */
}

    /* Remove active state from old CSS if it exists to avoid conflict */
    /* .channel-item.active { ... } */
    /* .channel-item.active::before { ... } */

    .channel-item:hover[b-cpvyrxhskn] {
        background-color: #e9ecef; /* Slightly darker on hover */
        border-color: #ced4da;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .channel-item.selected[b-cpvyrxhskn] {
        border: 1px solid var(--color-success); /* Original .channel-item has 1px border, keep consistent */
        background-color: #F0FDF4; /* From .tillvalg-option.active */
        color: var(--color-text-primary); /* Reset to default text color or specific if tillvalg uses one */
        padding: 10px 15px; /* Keep original padding from .channel-item */
        /* Reset any Frantz blue specific styling if not part of .tillvalg-option.active */
    }

        .channel-item.selected img[b-cpvyrxhskn] {
            /* No specific style change for logo on selection for now */
        }

        .channel-item.selected span[b-cpvyrxhskn] {
            font-weight: normal; /* Reset font-weight if not specified by .tillvalg style */
            color: var(--color-text-primary); /* Ensuring span color is consistent */
        }

        /* Remove the checkmark for .channel-item.selected as .tillvalg-option.active does not have one */
        .channel-item.selected[b-cpvyrxhskn]::after {
            content: ''; /* Remove checkmark */
            display: none; /* Hide pseudo-element */
        }

    .channel-item img[b-cpvyrxhskn] {
        width: 24px;
        height: 24px;
        margin-right: 12px;
        object-fit: contain;
    }

    .channel-item span[b-cpvyrxhskn] {
        font-size: 0.9rem;
        line-height: 1.2; /* Ensure text doesn't cause overflow if it wraps slightly */
    }

/* Styling for disabled channel items */
.channel-item--disabled[b-cpvyrxhskn] {
    opacity: 0.5;
    cursor: not-allowed !important; /* Override default cursor */
    background-color: #e9ecef !important; /* Lighter, disabled background */
    border-color: #dee2e6 !important; /* Lighter, disabled border */
}

    .channel-item--disabled:hover[b-cpvyrxhskn] {
        /* Prevent hover effects on disabled items */
        background-color: #e9ecef !important;
        border-color: #dee2e6 !important;
        box-shadow: none !important;
    }

    .channel-item--disabled img[b-cpvyrxhskn] {
        filter: grayscale(80%); /* Make logo look disabled */
    }

.budget-section[b-cpvyrxhskn] {
    background: #F8FAFC;
    padding: 1.5rem;
    border-radius: 4px;
    margin-bottom: 2rem;
    border: 1px solid #E2E8F0;
}

    .budget-section h3[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: var(--color-primary-main);
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.budget-options[b-cpvyrxhskn] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.budget-option[b-cpvyrxhskn] {
    flex: 1;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 1rem;
    background: white;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .budget-option:hover[b-cpvyrxhskn] {
        border-color: #CBD5E0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .budget-option.active[b-cpvyrxhskn] {
        border-color: var(--color-success);
        box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
    }

.ai-budget.active .option-header i[b-cpvyrxhskn] {
    display: none;
}

.option-header[b-cpvyrxhskn] {
    display: flex;
    align-items: left;
    justify-content: space-between;
    margin-bottom: 0.8rem;
}

    .option-header h4[b-cpvyrxhskn] {
        margin: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.recommendation-tag[b-cpvyrxhskn] {
    font-size: 0.7rem;
    font-family: 'Montserrat', sans-serif;
    background: #ECFDF5;
    color: #047857;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
}

.budget-recommendation[b-cpvyrxhskn] {
    display: flex;
    flex-direction: column;
}

    .budget-recommendation .amount[b-cpvyrxhskn] {
        font-size: 1.5rem;
        font-weight: bold;
        font-family: 'Montserrat Bold', sans-serif;
        color: var(--color-primary-main);
        margin-bottom: 0.5rem;
    }

.custom-budget-input[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 0.7rem;
}

    .custom-budget-input input[b-cpvyrxhskn] {
        flex: 1;
        border: none;
        padding: 0.7rem;
        font-size: 1rem;
        font-family: 'Montserrat', sans-serif;
        outline: none;
    }

    .custom-budget-input .currency[b-cpvyrxhskn] {
        background: #F1F5F9;
        padding: 0.7rem;
        font-size: 0.8rem;
        font-family: 'Montserrat', sans-serif;
        color: #64748B;
        font-weight: 500;
    }

.budget-input[b-cpvyrxhskn] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

    .budget-input label[b-cpvyrxhskn] {
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
        color: #64748B;
    }

    .budget-input input[b-cpvyrxhskn] {
        width: 100%;
        padding: 0.7rem;
        border: 1px solid #E2E8F0;
        border-radius: 4px;
        font-size: 1rem;
    }

/* Details Panel */
.details-panel[b-cpvyrxhskn] {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    height: 100vh;
    background: linear-gradient(145deg, var(--color-primary-main-light), var(--color-primary-main));
    color: white;
    padding: 1.5rem;
    overflow-y: auto;
    z-index: 2100;
    box-shadow: -4px 0 15px rgba(0,0,0,0.2);
    transition: transform 0.3s ease, opacity 0.3s ease;
}

    .details-panel.collapsed[b-cpvyrxhskn] {
        transform: translateX(calc(100% - 30px));
    }

    .details-panel.hidden[b-cpvyrxhskn] {
        transform: translateX(100%);
        opacity: 0;
    }

    .details-panel.visible[b-cpvyrxhskn] {
        transform: translateX(0);
        opacity: 1;
    }

.details-content[b-cpvyrxhskn] {
    width: 100%;
    box-sizing: border-box;
}

.details-section[b-cpvyrxhskn] {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1rem;
}

    /* Første details-section skal ikke ha border på toppen */
    .details-section:first-child[b-cpvyrxhskn] {
        border-top: none;
        padding-top: 0;
    }

    .details-section [b-cpvyrxhskn]::before {
        border-top: 1px solid #94a3b8;
    }

    .details-section h3[b-cpvyrxhskn] {
        color: white;
        margin-top: 0;
        margin-bottom: 1rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1.25rem;
    }

    .details-section h4[b-cpvyrxhskn] {
        color: white;
        margin-top: 0;
        margin-bottom: 1rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.detail-row[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    width: 100%;
}

    .detail-row .label[b-cpvyrxhskn] {
        color: rgba(255, 255, 255, 0.8);
        font-family: 'Montserrat', sans-serif;
        margin-right: 10px;
    }

    .detail-row .value[b-cpvyrxhskn] {
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        text-align: right;
        min-width: 60px;
        margin-left: auto;
    }

        /* Markering for AI-budsjett vs egendefinert budsjett i høyre panel */
        .detail-row .value.ai-budget-value[b-cpvyrxhskn] {
            color: white;
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
        }

            .detail-row .value.ai-budget-value[b-cpvyrxhskn]::after {
                display: none;
            }

        .detail-row .value.custom-budget-value[b-cpvyrxhskn] {
            color: white;
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
        }


.active-channel .value[b-cpvyrxhskn] {
    position: relative;
    color: transparent;
}

    .active-channel .value[b-cpvyrxhskn]::before {
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: var(--color-success);
        color: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

.total-row[b-cpvyrxhskn] {
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 0.5rem;
    font-size: 1rem;
}

    .total-row .label[b-cpvyrxhskn] {
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        color: white;
    }

    .total-row .value[b-cpvyrxhskn] {
        color: white;
        font-size: 1.1rem;
    }

/* Toggle Details Button - helt ny stil for å sikre synlighet */
#toggleDetails[b-cpvyrxhskn] {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 60px;
    background: var(--color-primary-main);
    color: white;
    border: none;
    border-radius: 6px 0 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
    font-size: 20px;
    box-shadow: -2px 0 5px rgba(0,0,0,0.15);
}

.details-panel.collapsed #toggleDetails[b-cpvyrxhskn] {
    left: -30px;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .app-container[b-cpvyrxhskn] {
        grid-template-columns: var(--width-left-menu-max) 1fr;
    }

    .details-panel[b-cpvyrxhskn] {
        display: none;
    }
}

@media (max-width: 768px) {
    .app-container[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .left-menu[b-cpvyrxhskn] {
        display: none;
    }

    .section-header[b-cpvyrxhskn] { /* Added for mobile */
        margin-top: 0rem;
    }

    .location-deadline[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .candidate-details[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .channel-list[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .advanced-content[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .filter-group[b-cpvyrxhskn] {
        margin-bottom: 1rem;
    }
}

.panel-header[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .panel-header h3[b-cpvyrxhskn] {
        margin: 0;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.channel-details .detail-row span[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.8);
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-size: 0.875rem;
}

.candidate-info[b-cpvyrxhskn] {
    margin-top: 1rem;
}

.info-text[b-cpvyrxhskn] {
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.detail-row .value-small[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.8);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-style: italic;
    line-height: 1.4;
    border-top: 1px solid #CBD5E1;
    margin-top: 0.5rem;
    padding-top: 0;
    margin-bottom: 0.5rem;
    text-decoration: none;
}

.channel-details[b-cpvyrxhskn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

    .channel-details .detail-row[b-cpvyrxhskn] {
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

    .channel-details .no-channels[b-cpvyrxhskn] {
        font-size: 0.875rem;
        color: rgba(255, 255, 255, 0.8);
        font-family: 'Montserrat', sans-serif;
        padding: 1rem 0;
    }

/* Tooltip */
.heading-with-tooltip[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    padding-right: 30px;
}

    .heading-with-tooltip h3[b-cpvyrxhskn] {
        margin: 0;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.tooltip-icon[b-cpvyrxhskn] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #FFFFFF;
    color: var(--color-primary-main);
    border: 1px solid var(--color-primary-main);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    cursor: help;
    position: relative;
}

    .tooltip-icon:hover[b-cpvyrxhskn]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 0;
        top: 100%;
        background: #FFFFFF;
        color: #1E293B;
        padding: 0.5rem;
        border-radius: 4px;
        border: 1px solid var(--color-primary-main);
        z-index: 100;
        width: 200px;
        font-size: 0.75rem;
        font-weight: normal;
        text-align: left;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        transform: translateY(10px);
        font-family: 'Montserrat', sans-serif;
        line-height: 1.4;
    }

    .tooltip-icon:hover[b-cpvyrxhskn]::before {
        content: '';
        position: absolute;
        left: 6px;
        top: 100%;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid var(--color-primary-main);
        transform: translateY(4px);
    }

/* Nye responsive stiler */
@media (max-width: 1200px) {
    .main-content[b-cpvyrxhskn] {
        margin-left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .left-menu[b-cpvyrxhskn] {
        transform: translateX(-100%);
    }

    .details-panel[b-cpvyrxhskn] {
        width: 320px;
    }

    .main-content.with-panel[b-cpvyrxhskn] {
        padding-right: 340px;
    }
}

@media (max-width: 768px) {
    .main-content.with-panel[b-cpvyrxhskn] {
        padding-right: 1rem;
    }

    .details-panel[b-cpvyrxhskn] {
        width: 100%;
    }

    .location-deadline[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .candidate-details[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .channel-list[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .advanced-content[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }

    .budget-options[b-cpvyrxhskn] {
        flex-direction: column;
    }

    /* Mobile wizard styles - only show current step */
    .wizard-nav-content[b-cpvyrxhskn] {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .wizard-steps[b-cpvyrxhskn] {
        position: relative;
        width: auto;
        justify-content: center;
    }

    .step[b-cpvyrxhskn] {
        display: none; /* Hide all steps by default */
    }

        .step.highlighted[b-cpvyrxhskn], .step.active[b-cpvyrxhskn] {
            display: flex; /* Only show the active/highlighted step */
        }

    .wizard-nav-content .btn-reset[b-cpvyrxhskn] {
        margin-right: 0; /* Reset desktop margin */
        transform: translateX(0); /* Reset desktop transform */
        /* flex-shrink: 0; */ /* Optional: ensure button doesn't shrink if space is tight */
    }

    /* Added mobile styles for interactive data container */
    .interactive-data-container[b-cpvyrxhskn] {
        flex-direction: column;
    }

    .data-insights-column[b-cpvyrxhskn],
    .budget-control-column[b-cpvyrxhskn] {
        width: 100%;
    }

    /* --- START: Reduce h1/h2 font size on mobile --- */
    h1[b-cpvyrxhskn],
    .intro-section h1[b-cpvyrxhskn] {
        font-size: 2rem; /* Reduced from 3rem/2.5rem */
    }

    .section-header h2[b-cpvyrxhskn] {
        font-size: 1.75rem; /* Reduced from 2.25rem */
    }
    /* --- END: Reduce h1/h2 font size on mobile --- */

    /* --- START: Adjust funnel chart container width for mobile --- */
    .funnel-container[b-cpvyrxhskn] {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box; /* Ensure padding/border don't add to width */
        overflow-x: hidden; /* Prevent horizontal scrollbar if content still overflows slightly */
    }

    #funnel[b-cpvyrxhskn] { /* The direct container for the SVG */
        width: 100%;
        box-sizing: border-box;
    }

        #funnel svg[b-cpvyrxhskn] { /* Target the SVG generated by the library */
            /* The library is initialized with funnelContainer.offsetWidth, so the SVG should be sized correctly by the library.
           If it's still overflowing, it might be due to the library setting explicit pixel values
           that are too large for the container on mobile after some CSS has been applied.
           The following rules are aggressive; use if the library doesn't respect container width. */
            width: 100% !important;
            height: auto !important;
            max-width: 100%;
        }
    /* --- END: Adjust funnel chart container width for mobile --- */
}

/* Dashboard Cards */
.dashboard-summary[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.dashboard-card[b-cpvyrxhskn] {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.card-icon[b-cpvyrxhskn] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: var(--color-primary-main);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.card-content[b-cpvyrxhskn] {
    flex: 1;
}

    .card-content h3[b-cpvyrxhskn] {
        margin: 0 0 0.5rem 0;
        font-size: 0.9rem;
        color: #64748B;
        font-family: 'Montserrat', sans-serif;
    }

    .card-content .value[b-cpvyrxhskn] {
        font-size: 2rem;
        font-weight: bold;
        color: var(--color-primary-main);
        font-family: 'Montserrat Bold', sans-serif;
        margin-bottom: 0.5rem;
    }

.trend[b-cpvyrxhskn] {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
}

    .trend.up[b-cpvyrxhskn] {
        color: #10B981;
    }

    .trend.down[b-cpvyrxhskn] {
        color: #EF4444;
    }

    .trend.neutral[b-cpvyrxhskn] {
        color: #64748B;
    }

    .trend.up[b-cpvyrxhskn]::before,
    .trend.down[b-cpvyrxhskn]::before {
        margin-right: 0.25rem;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .trend.up[b-cpvyrxhskn]::before {
        content: '\f062'; /* up arrow */
    }

    .trend.down[b-cpvyrxhskn]::before {
        content: '\f063'; /* down arrow */
    }

/* Quick Actions */
.quick-actions[b-cpvyrxhskn] {
    margin-bottom: 2rem;
    background: #F8FAFC;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
}

    .quick-actions h3[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: var(--color-primary-main);
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.actions-grid[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.action-item[b-cpvyrxhskn] {
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #1E293B;
    transition: all 0.2s ease;
}

    .action-item:hover[b-cpvyrxhskn] {
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        border-color: var(--color-primary-main-lighten);
    }

    .action-item i[b-cpvyrxhskn] {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: var(--color-primary-main-lighten);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
    }

    .action-item span[b-cpvyrxhskn] {
        font-family: 'Montserrat', sans-serif;
        font-size: 0.9rem;
    }

/* Recent Activity */
.recent-activity[b-cpvyrxhskn] {
    margin-bottom: 2rem;
}

    .recent-activity h3[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: var(--color-primary-main);
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

.activity-list[b-cpvyrxhskn] {
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
}

.activity-item[b-cpvyrxhskn] {
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    border-bottom: 1px solid #E2E8F0;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .activity-item:last-child[b-cpvyrxhskn] {
        border-bottom: none;
    }

    .activity-item:hover[b-cpvyrxhskn] {
        background-color: #F8FAFC;
    }

.activity-icon[b-cpvyrxhskn] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F8FAFC;
    color: var(--color-primary-main);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.activity-content[b-cpvyrxhskn] {
    flex: 1;
}

.activity-title[b-cpvyrxhskn] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    color: #1E293B;
    margin-bottom: 0.25rem;
}

.activity-detail[b-cpvyrxhskn] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    color: #64748B;
    margin-bottom: 0.25rem;
}

.activity-time[b-cpvyrxhskn] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    color: #94A3B8;
}

/* Completed section indicator */
.heading-with-tooltip.completed[b-cpvyrxhskn]::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: var(--color-success);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Define the animation for the checkmark */
@keyframes fadeIn-b-cpvyrxhskn {
    from {
        opacity: 0;
        transform: translateY(-50%) scale(0.7);
    }

    to {
        opacity: 1;
        transform: translateY(-50%) scale(1);
    }
}

.heading-with-tooltip.completed[b-cpvyrxhskn]::after {
    animation: fadeIn-b-cpvyrxhskn 0.3s ease-out forwards;
}

.location-deadline .heading-with-tooltip[b-cpvyrxhskn] {
    z-index: 5; /* Sikrer at søknadsfrist-elementet vises over andre elementer */
}

.location-suggestions[b-cpvyrxhskn] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    display: none;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

    .location-suggestions.active[b-cpvyrxhskn] {
        display: block;
    }

/* Gjør at location-suggestions container er riktig posisjonert i forhold til input */
.form-group[b-cpvyrxhskn] {
    position: relative;
}

/* Advertising Section 
.advertising-section {
    background: #F8FAFC;
    padding: 1.5rem;
    border-radius: 4px;
    margin-bottom: 2rem;
    border: 1px solid #E2E8F0;
    position: relative;
}*/

.advertising-section h3[b-cpvyrxhskn] {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--color-primary-main);
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 1rem;
}

.advertising-section h4[b-cpvyrxhskn] {
    color: var(--color-primary-main);
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 0.9rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.section-description[b-cpvyrxhskn] {
    color: #64748B;
    font-size: 0.85rem;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
    min-height: 0px;
}

.advertising-options[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

    .advertising-options > div[b-cpvyrxhskn] {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

/* Höger kolumn med uppladdade filer */
.upload-files-column[b-cpvyrxhskn] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Vänster kolumn med upload, bibliotek och stillingslenke */
.other-options-column[b-cpvyrxhskn] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.upload-area[b-cpvyrxhskn] {
    margin-top: 1rem;
}

.btn-library[b-cpvyrxhskn] {
    background: var(--color-primary-main);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.75rem 1rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: auto;
    width: 100%;
    justify-content: center;
}

    .btn-library:hover[b-cpvyrxhskn] {
        background: var(--color-primary-main-lighten);
    }

.upload-section[b-cpvyrxhskn] {
    flex: 1 0 auto;
}

.upload-drop-zone[b-cpvyrxhskn] {
    border: 2px dashed #CBD5E1;
    border-radius: 4px;
    padding: 1.5rem;
    text-align: center;
    color: #64748B;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
    margin-top: 1rem;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.upload-files-column h4[b-cpvyrxhskn] {
    margin-top: 0;
    margin-bottom: 1rem;
}

.upload-drop-zone:hover[b-cpvyrxhskn],
.upload-drop-zone.dragover[b-cpvyrxhskn] {
    border-color: var(--color-primary-main);
    background: #F1F5F9;
}

.upload-drop-zone.dragover[b-cpvyrxhskn] {
    border-style: solid;
    background: #EFF6FF;
    border-color: var(--color-success);
}

.upload-drop-zone i[b-cpvyrxhskn] {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: var(--color-primary-main);
}

.upload-drop-zone p[b-cpvyrxhskn] {
    margin: 0.5rem 0;
    font-family: 'Montserrat', sans-serif;
}

.upload-btn-text[b-cpvyrxhskn] {
    color: var(--color-primary-main);
    font-weight: bold;
    cursor: pointer;
}

.small-text[b-cpvyrxhskn] {
    font-size: 0.75rem;
    color: #94A3B8;
}

.file-input[b-cpvyrxhskn] {
    display: none;
}

.uploaded-files-container[b-cpvyrxhskn] {
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 1.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .uploaded-files-container h4[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: var(--color-primary-main);
    }

.uploaded-files-list[b-cpvyrxhskn] {
    max-height: none;
    overflow-y: auto;
    flex: 1;
}

.uploaded-file-item[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: #F8FAFC;
    border-radius: 4px;
    border: none;
    transition: background 0.2s ease;
}

    .uploaded-file-item:last-child[b-cpvyrxhskn] {
        margin-bottom: 0;
    }

    .uploaded-file-item:hover[b-cpvyrxhskn] {
        background: #EFF6FF;
    }

.file-info[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .file-info i[b-cpvyrxhskn] {
        font-size: 1.25rem;
        color: var(--color-primary-main);
    }

.file-name[b-cpvyrxhskn] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    color: #1E293B;
}

.btn-delete-file[b-cpvyrxhskn] {
    background: none;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .btn-delete-file:hover[b-cpvyrxhskn] {
        background: #FEE2E2;
        color: #EF4444;
    }

/* Responsive layout for advertising section */
@media (max-width: 1024px) {
    .advertising-options[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }
}

.form-group[b-cpvyrxhskn] {
    margin-top: auto;
}

/* Tillvalg Section */
.tillvalg-section[b-cpvyrxhskn] {
    margin-bottom: 2rem;
    width: 100%;
    position: relative;
    z-index: 100;
}

.tillvalg-options[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.tillvalg-option[b-cpvyrxhskn] {
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 1.5rem;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
}

    .tillvalg-option:hover[b-cpvyrxhskn] {
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        border-color: #CBD5E1;
    }

    .tillvalg-option.active[b-cpvyrxhskn] {
        border-color: var(--color-success);
        background-color: #F0FDF4;
    }

    .tillvalg-option.locked-tillvalg[b-cpvyrxhskn] {
        border-color: var(--color-success);
        background-color: #F0FDF4;
        position: relative;
    }

    .tillvalg-option.selected[b-cpvyrxhskn] {
        border-color: var(--color-success);
        background-color: #F0FDF4;
    }

        .tillvalg-option.locked-tillvalg button[b-cpvyrxhskn] {
            display: none;
        }

        .tillvalg-option.locked-tillvalg[b-cpvyrxhskn]::after {
            content: "\f023"; /* Font Awesome lock icon */
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            bottom: 1.5rem;
            left: 0;
            right: 0;
            text-align: center;
            font-size: 1rem;
            color: var(--color-primary-main);
            opacity: 0.8;
            background: #F1F5F9;
            padding: 0.6rem 0;
            margin: 0 1.5rem;
            border-radius: 4px;
            border: 1px solid #CBD5E1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .tillvalg-option .option-header[b-cpvyrxhskn] {
        display: flex;
        margin-bottom: 0.75rem;
    }

    .tillvalg-option h4[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--color-primary-main);
        font-weight: 600;
    }

.price-tag[b-cpvyrxhskn] {
    font-weight: normal;
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 0.60rem; /* 20250819 */
}

.option-description[b-cpvyrxhskn] {
    color: #64748B;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    flex-grow: 1;
}

.btn-add-tillvalg[b-cpvyrxhskn] {
    background: #F1F5F9;
    color: var(--color-primary-main);
    border: 1px solid #CBD5E1;
    border-radius: 4px;
    padding: 0.6rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    margin-top: auto;
}

    .btn-add-tillvalg:hover[b-cpvyrxhskn] {
        background: var(--color-primary-main);
        color: white;
        border-color: var(--color-primary-main);
    }

.tillvalg-option.active .btn-add-tillvalg[b-cpvyrxhskn] {
    background: var(--color-success);
    color: white;
    border-color: var(--color-success);
}

/* "Ingen tillvalg" styling */
.tillvalg-option.no-tillvalg-option[b-cpvyrxhskn] {
}

    /* När "ingen tillvalg" är aktiv, använd samma stil som andra aktiva tillvalg */
    .tillvalg-option.no-tillvalg-option.active[b-cpvyrxhskn] {
    }

    .tillvalg-option.no-tillvalg-option .option-header h4[b-cpvyrxhskn] {
    }

    .tillvalg-option.no-tillvalg-option .price-tag[b-cpvyrxhskn] {
    }

    .tillvalg-option.no-tillvalg-option .btn-add-tillvalg[b-cpvyrxhskn] {
    }

    /* När knappen i "ingen tillvalg" är aktiv, använd samma stil som andra aktiva tillvalg */
    .tillvalg-option.no-tillvalg-option.active .btn-add-tillvalg[b-cpvyrxhskn] {
    }

    .tillvalg-option.no-tillvalg-option .btn-add-tillvalg:hover[b-cpvyrxhskn] {
    }

/* Oppsummering Section */
.oppsummering-section[b-cpvyrxhskn] {
    background: linear-gradient(145deg, var(--color-primary-main-light), var(--color-primary-main));
    padding: 2rem;
    border-radius: 8px;
    margin-bottom: 2rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    color: white;
}

.oppsummering-content[b-cpvyrxhskn] {
    margin-top: 1.5rem;
}

.oppsummering-item[b-cpvyrxhskn] {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 1.5rem;
}

    .oppsummering-item:last-of-type[b-cpvyrxhskn] {
        border-bottom: none;
    }

    .oppsummering-item h4[b-cpvyrxhskn] {
        color: white;
        font-size: 1.1rem;
        margin-top: 0;
        margin-bottom: 1rem;
        font-weight: 600;
    }

.oppsummering-details[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

    .oppsummering-details .detail-item[b-cpvyrxhskn] {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.75rem;
    }

    .oppsummering-details .detail-label[b-cpvyrxhskn] {
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.85rem;
        margin-bottom: 0.25rem;
    }

    .oppsummering-details .detail-value[b-cpvyrxhskn] {
        color: white;
        font-weight: 500;
    }

.oppsummering-comment[b-cpvyrxhskn] {
    width: 100%;
    margin-top: 0.5rem;
    padding-right: 0;
}

    .oppsummering-comment textarea[b-cpvyrxhskn] {
        width: 100%;
        min-height: 120px;
        padding: 1rem;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 6px;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-size: 0.9rem;
        resize: vertical;
        transition: all 0.2s ease;
        box-sizing: border-box;
    }

        .oppsummering-comment textarea[b-cpvyrxhskn]::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .oppsummering-comment textarea:focus[b-cpvyrxhskn] {
            outline: none;
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 255, 255, 0.5);
        }

.oppsummering-total[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .oppsummering-total .label[b-cpvyrxhskn] {
        font-size: 1.1rem;
        font-weight: 600;
        color: white;
    }

    .oppsummering-total .value[b-cpvyrxhskn] {
        font-size: 1.5rem;
        font-weight: 700;
        color: white;
    }

.oppsummering-actions[b-cpvyrxhskn] {
    display: flex;
    justify-content: center;
}

#sendBestillingFromOppsummering[b-cpvyrxhskn] {
    padding: 1rem 3rem;
    font-size: 1.1rem;
    background: var(--color-primary-main-support);
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

    #sendBestillingFromOppsummering:hover[b-cpvyrxhskn] {
        background: var(--color-primary-main-support-lighten);
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    }

/* Ändra section-description i oppsummering-sektionen för att matcha */
.oppsummering-section .section-description[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.9);
}

/* Säkerställ att rubrikerna också är vita - med högre specificitet */
.oppsummering-section .heading-with-tooltip h3[b-cpvyrxhskn],
.oppsummering-section h3[b-cpvyrxhskn],
#section-oppsummering + .oppsummering-section .heading-with-tooltip h3[b-cpvyrxhskn],
body .main-content .oppsummering-section .heading-with-tooltip h3[b-cpvyrxhskn] {
    color: white !important; /* Använd !important för att överskrida alla andra regler */
    margin-bottom: 0.5rem;
}

.btn-primary[b-cpvyrxhskn] {
    background: var(--color-primary-main);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.8rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-primary:hover[b-cpvyrxhskn] {
        background: var(--color-primary-main-lighten);
    }

/* Bestilling Section */
.bestilling-section[b-cpvyrxhskn] {
    max-width: 800px;
    margin: 0 auto 3rem auto;
}

.bestilling-form-content[b-cpvyrxhskn] {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    border: 1px solid #E2E8F0;
    margin-top: 1.5rem;
}

    .bestilling-form-content .form-group[b-cpvyrxhskn] {
        margin-bottom: 1.5rem;
    }

    .bestilling-form-content label[b-cpvyrxhskn] {
        display: block;
        margin-bottom: 0.5rem;
        color: #1E293B;
        font-weight: 500;
    }

    .bestilling-form-content input[b-cpvyrxhskn],
    .bestilling-form-content textarea[b-cpvyrxhskn] {
        width: 100%;
        padding: 0.8rem;
        border: 1px solid #E2E8F0;
        border-radius: 4px;
        font-size: 1rem;
        transition: border-color 0.2s;
    }

        .bestilling-form-content input:focus[b-cpvyrxhskn],
        .bestilling-form-content textarea:focus[b-cpvyrxhskn] {
            outline: none;
            border-color: var(--color-primary-main);
            box-shadow: 0 0 0 2px rgba(12, 63, 89, 0.1);
        }

    .bestilling-form-content textarea[b-cpvyrxhskn] {
        min-height: 120px;
        resize: vertical;
    }

.bestilling-actions[b-cpvyrxhskn] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

/* Success Message */
.success-message[b-cpvyrxhskn] {
    background: white;
    padding: 3rem;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    text-align: center;
    max-width: 600px;
    margin: 2rem auto;
}

.success-icon[b-cpvyrxhskn] {
    font-size: 4rem;
    color: var(--color-success);
    margin-bottom: 1.5rem;
}

.success-message h3[b-cpvyrxhskn] {
    color: var(--color-primary-main);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.success-message p[b-cpvyrxhskn] {
    color: #64748B;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.reference[b-cpvyrxhskn] {
    font-weight: 600;
    color: #1E293B;
    margin-bottom: 2rem;
}

.success-actions[b-cpvyrxhskn] {
    margin-top: 2rem;
}

/* Tillvalg i details panel */
.tillvalg-container[b-cpvyrxhskn] {
    margin: 0;
    padding: 0;
}

.tillvalg-items[b-cpvyrxhskn] {
    margin: 0;
}

.tillvalg-item[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0.5rem 0;
}

    .tillvalg-item .label[b-cpvyrxhskn] {
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.9rem;
    }

    .tillvalg-item .value[b-cpvyrxhskn] {
        font-weight: 500;
        color: white;
        font-size: 0.9rem;
    }

/* No tillvalg message */
.no-tillvalg[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
    font-size: 0.9rem;
    padding: 0.25rem 0;
}




/* Make sure channel-list-wrapper is always active */
.channel-list-wrapper[b-cpvyrxhskn],
.channel-list-wrapper.section-inactive[b-cpvyrxhskn] {
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative;
}

    .channel-list-wrapper[b-cpvyrxhskn]::after,
    .channel-list-wrapper.section-inactive[b-cpvyrxhskn]::after {
        content: none !important;
        background: none !important;
    }


.details-panel .tillvalg-item .label[b-cpvyrxhskn],
.details-panel .tillvalg-container .no-tillvalg[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.8);
}

.details-panel .tillvalg-item .value[b-cpvyrxhskn] {
    color: white;
}

.details-panel .channel-details .channel-detail-row .channel-label[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.8);
}

.details-panel .channel-details .channel-detail-row .channel-value[b-cpvyrxhskn] {
    color: white;
}

.details-panel .channel-details .no-channels[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.8);
}

.details-panel .info-text[b-cpvyrxhskn],
.details-panel .detail-row .value-small[b-cpvyrxhskn] {
    color: rgba(255, 255, 255, 0.8);
}

.details-panel .heading-with-tooltip h3[b-cpvyrxhskn],
.details-panel .panel-header h3[b-cpvyrxhskn],
.details-panel .details-section h3[b-cpvyrxhskn],
.details-panel .details-section h4[b-cpvyrxhskn],
.candidate-count .heading-with-tooltip h3[b-cpvyrxhskn] {
    color: white;
}

.heading-with-tooltip h3:not(.details-panel *)[b-cpvyrxhskn] {
    color: var(--color-primary-main);
}

/* Formulärgrupper utanför detaljpanelen */
.form-group:not(.details-panel *) label[b-cpvyrxhskn],
.form-group:not(.details-panel *) .label[b-cpvyrxhskn],
.form-group:not(.candidate-count *) label[b-cpvyrxhskn],
.form-group:not(.candidate-count *) .label[b-cpvyrxhskn],
.search-container:not(.details-panel *) .heading-with-tooltip h3[b-cpvyrxhskn],
.location-deadline:not(.details-panel *) .heading-with-tooltip h3[b-cpvyrxhskn] {
}

/* Rubriker i sektionsheaders utanför detaljpanelen */
.section-header:not(.details-panel *) h2[b-cpvyrxhskn],
.section-header:not(.details-panel *) h3[b-cpvyrxhskn] {
    color: var(--color-primary-main);
}

.candidate-description[b-cpvyrxhskn] {
    color: white;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

/* Stats widgets */
.stats-widgets[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 30px 0;
}

@media (max-width: 992px) {
    .stats-widgets[b-cpvyrxhskn] {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "widget1 widget2"
            "widget3 widget3";
    }

    .stats-widget:nth-child(1)[b-cpvyrxhskn] {
        grid-area: widget1;
    }

    .stats-widget:nth-child(2)[b-cpvyrxhskn] {
        grid-area: widget2;
    }

    .stats-widget:nth-child(3)[b-cpvyrxhskn] {
        grid-area: widget3;
    }
}

@media (max-width: 768px) {
    .stats-widgets[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "widget1"
            "widget2"
            "widget3";
    }

    .stats-widget[b-cpvyrxhskn] {
        margin-bottom: 15px;
    }
}

.stats-widget[b-cpvyrxhskn] {
    flex: 1;
    background: linear-gradient(145deg, var(--color-primary-main-light), var(--color-primary-main));
    border-radius: 8px;
    padding: 20px;
    color: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}



    .stats-widget:hover[b-cpvyrxhskn] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.25);
    }

    /* Mer spesifikke selektorer for heading i stats-widget */
    .stats-widget.candidate-widget .heading-with-tooltip[b-cpvyrxhskn],
    .stats-widget.budget-widget .heading-with-tooltip[b-cpvyrxhskn],
    .stats-widget.labor-market-widget .heading-with-tooltip[b-cpvyrxhskn],
    .stats-widget.graph-widget .heading-with-tooltip[b-cpvyrxhskn] {
        text-align: center;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .stats-widget .heading-with-tooltip h3[b-cpvyrxhskn] {
        margin-bottom: 0;
    }

    /* Justerer posisjonen for tooltip-ikon posisjon i stats widgets */
    .stats-widget .tooltip-icon[b-cpvyrxhskn] {
        position: relative;
        top: 0;
        margin-left: 5px;
        margin-bottom: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

        /* Fikser posisjonen for tooltip innholdet i stats-widgets */
        .stats-widget .tooltip-icon:hover[b-cpvyrxhskn]::after {
            top: -70px;
            width: 250px;
            left: 50%;
            transform: translateX(-50%);
        }

        /* Justerer pilen for tooltip i stats-widgets */
        .stats-widget .tooltip-icon:hover[b-cpvyrxhskn]::before {
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
        }

    .stats-widget.candidate-widget .heading-with-tooltip h3[b-cpvyrxhskn],
    .stats-widget.budget-widget .heading-with-tooltip h3[b-cpvyrxhskn],
    .stats-widget.labor-market-widget .heading-with-tooltip h3[b-cpvyrxhskn],
    .stats-widget.graph-widget .heading-with-tooltip h3[b-cpvyrxhskn] {
        color: white;
        margin-bottom: 10px;
        text-align: center;
    }

    .stats-widget .count[b-cpvyrxhskn],
    .stats-widget .budget-amount[b-cpvyrxhskn] {
        display: block;
        font-size: 48px;
        font-weight: 700;
        margin: 20px 0;
        text-align: center;
        color: white;
        font-family: 'Montserrat Bold', sans-serif;
    }

        .stats-widget .count.zero[b-cpvyrxhskn] {
            color: white;
        }

    .stats-widget .candidate-description[b-cpvyrxhskn],
    .stats-widget .info-text[b-cpvyrxhskn] {
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.9rem;
        text-align: center;
        margin-top: 0;
    }

/* Effect Graph Section */
.effect-graph-section[b-cpvyrxhskn] {
    border-radius: 8px;
    margin: 30px 0;
}

    .effect-graph-section .heading-with-tooltip[b-cpvyrxhskn] {
        text-align: center;
        margin-bottom: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .effect-graph-section .heading-with-tooltip h3[b-cpvyrxhskn] {
            color: var(--color-primary-main);
            margin-bottom: 0;
            font-size: 1.3rem;
        }

/* Funnel Diagram Styles */
.funnel-container[b-cpvyrxhskn] {
    margin: 40px auto;
    position: relative;
}

.funnel[b-cpvyrxhskn] {
    width: 100%;
    min-height: 450px;
    margin: 0 auto;
}

.effect-graph-section .info-text[b-cpvyrxhskn] {
    margin-top: 25px;
    text-align: center;
    color: #64748B;
    font-size: 0.95rem;
}

    .effect-graph-section .info-text strong[b-cpvyrxhskn] {
        font-weight: bold;
        color: var(--color-primary-main);
    }

/* Anpassade stilar for funnel-graph-js med tvedimensionellt diagram */
.svg-funnel-js__labels[b-cpvyrxhskn] {
    font-family: 'Montserrat', sans-serif !important;
}

.svg-funnel-js__container[b-cpvyrxhskn] {
    margin: 0 auto;
    width: 100%;
}

.svg-funnel-js__labels[b-cpvyrxhskn] {
    margin-top: 15px;
}

/* Morkere farver for labels og varer - bare farver, ingen storrelsesendringer */
.label__title[b-cpvyrxhskn],
.svg-funnel-js__label[b-cpvyrxhskn] {
    color: #000000 !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.label__value[b-cpvyrxhskn],
.svg-funnel-js__value[b-cpvyrxhskn] {
    color: #000000 !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.svg-funnel-js__percentage[b-cpvyrxhskn] {
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #000000 !important;
}

.svg-funnel-js__subLabels[b-cpvyrxhskn] {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.svg-funnel-js__subLabel[b-cpvyrxhskn] {
    margin: 0 5px;
    color: #000000 !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Better visibility for text in the graph */
.svg-funnel-js__container text[b-cpvyrxhskn] {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

/* Add some margin between funnel and legend */
.svg-funnel-js__legend[b-cpvyrxhskn] {
    margin-top: 20px !important;
}

.svg-funnel-js__legend-item[b-cpvyrxhskn] {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
}


/* Improved responsiveness for two-dimensional diagram */
@media (max-width: 768px) {
    .funnel[b-cpvyrxhskn] {
        min-height: 550px; /* Increase height on mobile for better visualization */
    }

    .svg-funnel-js__subLabels[b-cpvyrxhskn] {
        flex-direction: column;
        align-items: center;
    }

    .svg-funnel-js__subLabel[b-cpvyrxhskn] {
        margin: 3px 0;
    }

    .channel-legend-list[b-cpvyrxhskn] {
        flex-direction: column;
        align-items: center;
    }
}

.svg-funnel-js:not(.svg-funnel-js--vertical)[b-cpvyrxhskn] {
    padding-top: 120px !important; /* MODIFIED FROM 64px and ADDED !important */
    padding-bottom: 16px;
}

.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li .percentage__list-label[b-cpvyrxhskn] {
    color: var(--color-primary-main-support) !important;
}

/* Styling for segment-percentages labels in funnel-graph with Frantz colors */
.label__segment-percentages[b-cpvyrxhskn],
.svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages[b-cpvyrxhskn] {
    background-color: var(--color-primary-main) !important;
    /* Frantz blue as default */
    color: white !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    padding: 6px 10px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    z-index: 1000 !important;
}

    .svg-funnel-js .svg-funnel-js__labels .svg-funnel-js__label .label__segment-percentages ul li .percentage__list-label[b-cpvyrxhskn] {
        color: var(--color-primary-main-support) !important;
    }

/* Included in media plan section */
.included-items-list[b-cpvyrxhskn] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

@media (max-width: 992px) {
    .included-items-list[b-cpvyrxhskn] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .included-items-list[b-cpvyrxhskn] {
        grid-template-columns: 1fr;
    }
}

.included-item[b-cpvyrxhskn] {
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
}


    .included-item .check-icon[b-cpvyrxhskn] {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 24px;
        background-color: var(--color-success);
        color: white;
        border-radius: 50%;
        margin-right: 12px;
        flex-shrink: 0;
    }

        .included-item .check-icon i[b-cpvyrxhskn] {
            font-size: 12px;
        }

    .included-item .item-text[b-cpvyrxhskn] {
        font-size: 16px;
        color: #333;
        flex: 1;
        padding-top: 2px;
    }

/* Hiding the budget section */
#section-budsjett[b-cpvyrxhskn],
.budget-section[b-cpvyrxhskn] {
    display: none !important;
}

/* Skjul budget-seksjonen */
#section-budsjett[b-cpvyrxhskn],
.budget-section[b-cpvyrxhskn],
.wizard-steps .step[data-section="section-budsjett"][b-cpvyrxhskn] {
    display: none !important;
}

/* Skjul oppsummering-steget */
.wizard-steps .step[data-section="section-oppsummering"][b-cpvyrxhskn] {
    display: none !important;
}

/* Mer utrymme for dropdown-pilar i Arbeidssted og Soknadsfrist */
.form-group input[type="text"][b-cpvyrxhskn],
.form-group select[b-cpvyrxhskn],
.form-group input[type="date"][b-cpvyrxhskn] {
    background-position: calc(100% - 1rem) center; /* Flytter bakgrundsikonen */
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Legg til dropdown-pil som bakgrund */
.form-group select[b-cpvyrxhskn],
#locationInput[b-cpvyrxhskn],
#deadlineInput[b-cpvyrxhskn],
#industryFilter[b-cpvyrxhskn],
#levelFilter[b-cpvyrxhskn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: calc(100% - 1rem) center;
    background-repeat: no-repeat;
    background-size: 16px;
}

/* Filter tags styling */


.filter-tag[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    background: #F8FAFC;
    color: #64748B;
    padding: 8px 10px;
    border-radius: 15px;
    font-size: 0.75rem;
    gap: 8px;
    white-space: nowrap;
    margin-right: 10px;
    ;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .filter-tag .category[b-cpvyrxhskn] {
        font-weight: bold;
    }

    .filter-tag .remove-tag[b-cpvyrxhskn] {
        cursor: pointer;
        font-size: 0.8rem;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
    }

        .filter-tag .remove-tag:hover[b-cpvyrxhskn] {
            background: rgba(255, 255, 255, 0.5);
        }

.advanced-content .form-group[b-cpvyrxhskn] {
    position: relative;
}

/* Avanserte filtre wrapper */
.advanced-filter-wrapper[b-cpvyrxhskn] {
    position: relative;
    display: inline-block;
}

/* Divider Style */
hr.section-divider[b-cpvyrxhskn] {
    border: 0;
    height: 1px;
    background-color: #e0e0e0; /* Lighter gray for subtlety */
    margin: 40px 0 30px 0; /* 40px top, 30px bottom margin */
}

/* Wizard Navigation */

/* Specific styles for the Arbeidsmarkedsdata widget */
.labor-market-widget .candidate-description[b-cpvyrxhskn] {
    font-size: 0.75rem; /* Make description text smaller */
    line-height: 1.4;
}

.labor-market-widget .market-data-counts[b-cpvyrxhskn] {
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
    display: flex;
    flex-direction: column; /* Stack national and regional vertically */
    gap: 0.3rem; /* Space between the two data items */
}

.labor-market-widget .market-data-item[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    font-size: 1em;
    margin-bottom: 5px;
}

.labor-market-widget .market-data-label[b-cpvyrxhskn] {
    color: #333;
    font-weight: normal;
    margin-right: 10px;
}

.labor-market-widget .count[b-cpvyrxhskn] {
    font-size: 1.2em;
    color: #0056b3;
    margin-left: auto;
    text-align: right;
}

/* Styles for Medieplan section and Stats Widgets */
.stats-widgets[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsive columns */
    gap: 20px;
    margin-bottom: 30px; /* Add some space below the widgets */
}

.stats-widget[b-cpvyrxhskn] {
    background-color: #ffffff; /* White background for widgets */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Softer shadow */
    display: flex;
    flex-direction: column;
}

    .stats-widget .heading-with-tooltip[b-cpvyrxhskn] {
        margin-bottom: 15px; /* Space below header */
    }

    .stats-widget h3[b-cpvyrxhskn] {
        font-size: 1.1em; /* Slightly smaller heading */
        color: #333;
        margin-bottom: 0; /* Remove default margin if heading-with-tooltip handles it */
    }

    .stats-widget .count[b-cpvyrxhskn], .stats-widget .budget-amount[b-cpvyrxhskn] {
        font-size: 2em; /* Larger count text */
        font-weight: bold;
        color: #0056b3; /* Primary color for count */
        margin-bottom: 10px;
    }

    .stats-widget .candidate-description[b-cpvyrxhskn],
    .stats-widget .info-text[b-cpvyrxhskn] {
        font-size: 0.9em;
        color: #555; /* Darker grey for better readability */
        line-height: 1.5;
        margin-top: auto; /* Pushes description to the bottom if widget flex height varies */
    }

.labor-market-widget .market-data-counts[b-cpvyrxhskn] {
    margin-bottom: 10px;
}

.labor-market-widget .market-data-item[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    font-size: 1em;
    margin-bottom: 5px;
}

.labor-market-widget .market-data-label[b-cpvyrxhskn] {
    color: #333;
    font-weight: normal;
}

.labor-market-widget .count[b-cpvyrxhskn] {
    font-size: 1.2em; /* Adjusted size for these counts */
    color: #0056b3;
}

/* Budget Widget Specific Styles */
.budget-widget .budget-display[b-cpvyrxhskn] {
    display: flex;
    align-items: baseline; /* Aligns 'AI Forslag:' with the amount */
    margin-bottom: 5px; /* Space before the main amount */
}

.budget-widget .budget-ai-label[b-cpvyrxhskn] {
    font-size: 0.9em;
    color: #555;
    margin-right: 8px;
}

.budget-widget .budget-amount[b-cpvyrxhskn] {
    font-size: 1.8em; /* Slightly smaller than other counts to accommodate label */
    /* margin-bottom is handled by the general .stats-widget .budget-amount */
}

.budget-widget .info-text[b-cpvyrxhskn] {
    margin-bottom: 15px; /* More space before the input field */
}

.user-budget-input-container[b-cpvyrxhskn] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.user-budget-label[b-cpvyrxhskn] {
    display: block;
    font-size: 0.9em;
    color: #333;
    margin-bottom: 5px;
}

.user-budget-input[b-cpvyrxhskn] {
    width: calc(100% - 22px); /* Account for padding and border */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
}

    .user-budget-input:focus[b-cpvyrxhskn] {
        border-color: #0056b3;
        outline: none;
        box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);
    }

.budget-feedback-indicator[b-cpvyrxhskn] {
    min-height: 20px; /* Placeholder height */
    margin-top: 10px;
    padding: 8px;
    border-radius: 4px;
    font-size: 0.9em;
    text-align: center;
}

    /* Example feedback styles (we'll activate these with JS) */
    .budget-feedback-indicator.green[b-cpvyrxhskn] {
        background-color: #e6ffed;
        color: #006421;
        border: 1px solid #a3e0b8;
    }

    .budget-feedback-indicator.yellow[b-cpvyrxhskn] {
        background-color: #fff8e1;
        color: #6d5300;
        border: 1px solid #ffd54f;
    }

    .budget-feedback-indicator.red[b-cpvyrxhskn] {
        background-color: #ffebee;
        color: #c62828;
        border: 1px solid #ffcdd2;
    }

/* New Interactive Data Section Styles */
.interactive-data-container[b-cpvyrxhskn] {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .interactive-data-container[b-cpvyrxhskn] {
        flex-direction: column;
        gap: 1rem;
    }

    .data-insights-column[b-cpvyrxhskn],
    .budget-control-column[b-cpvyrxhskn] {
        width: 100%;
    }
}

.data-insights-column[b-cpvyrxhskn] {
    flex: 2; /* Takes 2/3 of the space */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.budget-control-column[b-cpvyrxhskn] {
    flex: 1; /* Takes 1/3 of the space */
    display: flex; /* Added to allow budget-card to stretch */
    flex-direction: column; /* Added for consistency */
}

.insight-card[b-cpvyrxhskn], .budget-card[b-cpvyrxhskn] {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    border: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
}

.insight-card-flex-container[b-cpvyrxhskn] {
    display: flex;
    gap: 0;
    justify-content: space-between;
    align-items: stretch;
}

    .insight-card-flex-container > .insight-card-column:first-child[b-cpvyrxhskn] {
        margin-right: 2rem;
    }

    .insight-card-flex-container > .insight-card-column:last-child[b-cpvyrxhskn] {
        margin-left: 2rem;
    }

.insight-card h4[b-cpvyrxhskn], .budget-card h4[b-cpvyrxhskn] {
    font-size: 1.1em;
    color: #343a40; /* Darker grey for text */
    margin-top: 0;
    margin-bottom: 0.5rem; /* Adjusted from 15px */
}

/* Ensure heading-with-tooltip in new cards uses new h4 style */
.insight-card .heading-with-tooltip[b-cpvyrxhskn], .budget-card .heading-with-tooltip[b-cpvyrxhskn] {
    margin-bottom: 15px; /* Keep original spacing for heading groups */
    align-items: center; /* Vertically align icon and text */
}

    .insight-card .heading-with-tooltip h4[b-cpvyrxhskn], .budget-card .heading-with-tooltip h4[b-cpvyrxhskn] {
        margin-bottom: 0; /* Remove bottom margin if part of this group */
    }

.insight-value[b-cpvyrxhskn] {
    font-size: 2em; /* Large numbers - This is a general base, specific instances are overridden */
    font-weight: 700; /* Bold numbers */
    color: #343a40; /* Changed from #007bff to neutral dark grey */
    /* display: block; */ /* Removed display:block from base, will be set as needed */
    margin-bottom: 8px;
}

.insight-description[b-cpvyrxhskn] {
    font-size: 0.85em; /* Medium grey for descriptions */
    color: #6c757d;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 1rem;
}

    .insight-description.smaller-description[b-cpvyrxhskn] {
        font-size: 0.8em;
        margin-top: 2px;
        margin-bottom: 15px; /* Space before user input */
        /* flex-grow: 1; */ /* Allow description to push input down if card stretches */
    }

/* Arbeidsmarkedsdata specific styling within new card */
.market-data-details[b-cpvyrxhskn] {
    margin-bottom: 8px;
}

.market-data-row[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline; /* CHANGED from center */
    margin-bottom: 5px;
}

.market-data-label[b-cpvyrxhskn] {
    font-size: 0.9em; /* Slightly darker than description text */
}

.market-data-row .insight-value[b-cpvyrxhskn] {
    font-size: 1.3em; /* Reduced from 1.5em */
    margin-bottom: 0;
    text-align: right; /* Ensure value is to the right */
}

/* Budget optimalisering card specifics */
.ai-budget-display[b-cpvyrxhskn] {
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}

.ai-budget-label[b-cpvyrxhskn] {
    font-size: 0.9em;
    color: #495057;
    margin-right: 10px; /* Add some space */
}

.budget-card .insight-value[b-cpvyrxhskn] { /* For AI suggested budget */
    font-size: 1em;
    text-align: right;
    display: inline;
    margin-bottom: 0;
    margin-left: auto; /* ADDED */
}

.user-budget-section[b-cpvyrxhskn] {
    margin-top: 15px;
    margin-bottom: 10px;
}

.user-budget-label[b-cpvyrxhskn] {
    display: block;
    font-size: 0.9em;
    color: #343a40;
    margin-bottom: 6px;
    font-weight: 500;
}

.user-budget-input-field[b-cpvyrxhskn] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 1em;
    box-sizing: border-box; /* Important for 100% width */
}

    .user-budget-input-field:focus[b-cpvyrxhskn] {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.budget-performance-indicator[b-cpvyrxhskn] {
    min-height: 20px;
    margin-top: 0px; /* 15 px */
    padding: 10px;
    border-radius: 4px;
    font-size: 0.85em;
    text-align: center;
    line-height: 1.4;
}

    /* Feedback colors for the new indicator */
    .budget-performance-indicator.green[b-cpvyrxhskn] {
        background-color: #d4edda; /* Lighter green */
        color: #155724;
        border: 1px solid #c3e6cb;
    }

    .budget-performance-indicator.yellow[b-cpvyrxhskn] {
        background-color: #fff3cd; /* Lighter yellow */
        color: #856404;
        border: 1px solid #ffeeba;
    }

    .budget-performance-indicator.red[b-cpvyrxhskn] {
        background-color: #f8d7da; /* Lighter red */
        color: #721c24;
        border: 1px solid #f5c6cb;
    }

/* Styling for the new Potensielle Kandidater row */
.insight-data-row[b-cpvyrxhskn] {
    display: flex;
    align-items: baseline; /* CHANGED from center */
    margin-bottom: 8px;
}

.insight-data-label[b-cpvyrxhskn] {
    font-size: 0.9em;
    color: #495057;
    margin-right: 10px;
    white-space: nowrap;
    order: 1; /* Explicit order for label */
}

.insight-data-row .current-value[b-cpvyrxhskn] {
    font-size: 1em;
    text-align: right;
    order: 2; /* New value first in the block */
    margin-left: auto; /* Pushes this and subsequent ordered items to the right */
    margin-right: 3px; /* Space before arrow */
}

.insight-data-row .insight-value-arrow[b-cpvyrxhskn] {
    color: #dc3545;
    font-weight: bold;
    display: inline-block;
    font-size: 1em;
    order: 3; /* Arrow second */
    margin-right: 3px; /* Space before original value */
}

.insight-data-row .original-value[b-cpvyrxhskn] {
    color: #777;
    text-decoration: line-through;
    font-size: 1em;
    order: 4; /* Original value last in the block */
    /* No margin-left: auto here, current-value handles it */
}

/* Arbeidsmarkedsdata specific styling within new card */
.market-data-details[b-cpvyrxhskn] {
    margin-bottom: 8px;
}

.market-data-row[b-cpvyrxhskn] {
    display: flex;
    align-items: baseline; /* CHANGED from center */
    margin-bottom: 5px;
}

.market-data-label[b-cpvyrxhskn] {
    font-size: 0.9em;
    margin-right: 10px;
    white-space: nowrap;
    order: 1; /* Explicit order for label */
}

/* Assuming market-data-row can also contain a dual-value display with same element classes */
.market-data-row .current-value[b-cpvyrxhskn] {
    font-size: 1em;
    text-align: right;
    order: 2; /* New value first */
    margin-left: auto; /* Pushes block to the right */
    margin-right: 3px;
}

.market-data-row .insight-value-arrow[b-cpvyrxhskn] {
    color: #dc3545;
    font-weight: bold;
    display: inline-block;
    font-size: 1em;
    order: 3; /* Arrow second */
    margin-right: 3px;
}

.market-data-row .original-value[b-cpvyrxhskn] {
    color: #777;
    text-decoration: line-through;
    font-size: 1em;
    order: 4; /* Original value last */
}

/* If market-data-row only has a single insight-value (not dual display) */
/* This rule needs to be specific enough not to interfere with ordered items */
.market-data-row > .insight-value:not(.original-value):not(.current-value):not(.insight-value-arrow)[b-cpvyrxhskn] {
    font-size: 1em;
    margin-bottom: 0;
    text-align: right;
    margin-left: auto; /* This handles single values */
    order: 2; /* Ensure it comes after label if no other specific order */
}

/* Budget optimalisering card specifics */
.ai-budget-display[b-cpvyrxhskn] {
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}

.ai-budget-label[b-cpvyrxhskn] {
    font-size: 0.9em;
    color: #495057;
    margin-right: 10px; /* Add some space */
}

.budget-card .insight-value[b-cpvyrxhskn] { /* For AI suggested budget */
    font-size: 1em;
    text-align: right;
    display: inline;
    margin-bottom: 0;
    margin-left: auto; /* ADDED */
}

/* === Styles for Custom Budget Toggle and Dual Value Display === */
.custom-budget-toggle-section[b-cpvyrxhskn] {
    margin-top: 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

    .custom-budget-toggle-section .toggle-label[b-cpvyrxhskn] {
        margin-left: 10px;
        font-size: 0.9em; /* Or your preferred size */
        cursor: pointer; /* Optional: makes it feel more clickable */
    }

.switch[b-cpvyrxhskn] {
    position: relative;
    display: inline-block;
    width: 50px; /* Adjust size */
    height: 24px; /* Adjust size */
}

    .switch input[b-cpvyrxhskn] { /* This is the actual checkbox */
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider.round[b-cpvyrxhskn] { /* This is the visual slider part of the toggle */
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px; /* Should match height for a pill shape */
}

    .slider.round[b-cpvyrxhskn]:before { /* This is the knob of the toggle */
        position: absolute;
        content: "";
        height: 18px; /* Smaller than the slider height */
        width: 18px; /* Same as height for a circle */
        left: 3px; /* Offset from left */
        bottom: 3px; /* Offset from bottom */
        background-color: white;
        transition: .4s;
        border-radius: 50%; /* Makes it a circle */
    }

input:checked + .slider.round[b-cpvyrxhskn] {
    background-color: var(--color-primary-main); /* Ensure solid Frantz Blue */
}

input:focus + .slider.round[b-cpvyrxhskn] { /* Keep blue focus for toggle */
    box-shadow: 0 0 1px var(--color-primary-main);
}

input:checked + .slider.round[b-cpvyrxhskn]:before {
    transform: translateX(26px);
}

/* Styles for the budget range slider and input field */
.user-budget-section[b-cpvyrxhskn] { /* This is the div that appears/disappears */
    margin-top: 10px; /* Reverted from 15px to closer to original */
}

.user-budget-slider[b-cpvyrxhskn] {
    width: calc(100% - 120px); /* Original width */
    margin-right: 10px; /* Original margin */
    vertical-align: middle; /* Original alignment */
    accent-color: var(--color-primary-main); /* FRANTZ BLUE for browser default slider parts */
    /* REMOVED complex -webkit-appearance, appearance, height, custom background, opacity, hover, thumb, and track rules */
    /* Minimal styling to let accent-color work on default browser slider */
    height: auto; /* Let browser decide or set a minimal one if needed */
    background: transparent; /* Ensure no custom background interferes with accent-color */
}

.user-budget-input-field[b-cpvyrxhskn] {
    width: 100px; /* Example: Or desired width */
    vertical-align: middle; /* Helps align with the slider */
}

/* Styles for dual value display in data insights */
.dual-value-display .original-value[b-cpvyrxhskn] {
    color: #777; /* Lighter color for original value */
    text-decoration: line-through; /* Optional: strike-through original */
    margin-right: 5px;
    font-size: 1em; /* Slightly smaller */
}

.dual-value-display .insight-value-arrow[b-cpvyrxhskn] {
    color: #dc3545; /* Red color for the down arrow, or your theme's warning color */
    margin-right: 5px;
    font-weight: bold;
}

    .dual-value-display .insight-value-arrow.down[b-cpvyrxhskn] {
        color: #dc3545 !important;
    }

    .dual-value-display .insight-value-arrow.up[b-cpvyrxhskn] {
        color: var(--color-success) !important;
    }

.dual-value-display .current-value[b-cpvyrxhskn] {
    /* This will inherit general .insight-value styles or you can add specific ones */
}
/* === END Styles for Custom Budget Toggle === */

/* Style for strikethrough text, e.g., AI budget when custom is active */
.strikethrough[b-cpvyrxhskn] {
    text-decoration: line-through;
}

/* More specific style for the AI budget strikethrough to set color */
.insight-value.strikethrough[b-cpvyrxhskn] {
    color: #777; /* Match the color of other original/strikethrough values */
    text-decoration: line-through; /* Ensure strikethrough is still applied */
}

/* Styles for Dynamically Populated Channels in Details Panel */
.details-panel .channel-details[b-cpvyrxhskn] {
    padding: 5px 0;
}

.details-panel .channel-details--visible[b-cpvyrxhskn] {
    display: block; /* Or flex, if its children need flex properties */
    padding-top: 0px; /* Remove top padding when visible */
}

.details-channel-list[b-cpvyrxhskn] {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.details-channel-item[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    padding: 6px 0;
    font-size: 0.9rem;
    color: #4A5568; /* Tailwind gray-700 for example */
}

.details-channel-logo[b-cpvyrxhskn] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    object-fit: contain;
}

.details-channel-name[b-cpvyrxhskn] {
    font-weight: 500;
}

.no-channels-text[b-cpvyrxhskn] {
    font-size: 0.9rem;
    color: #718096; /* Tailwind gray-600 for example */
    padding: 6px 0;
}

/* Style for the paragraph containing the channel names */
.details-panel .channel-details .details-channel-text[b-cpvyrxhskn] {
    margin-top: 0px;
    font-size: 0.875rem;
    /* You can add other properties like color if needed, e.g., color: white; */
}

/* Materiell-valg styles */
.material-choice-section[b-cpvyrxhskn] {
    margin-bottom: 20px;
    /* Remove background-color, shadows and padding */
}

    .material-choice-section h3[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 15px;
        color: #333;
        font-size: 1.2rem;
    }

.material-choice-options[b-cpvyrxhskn] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.material-choice-option[b-cpvyrxhskn] {
    flex: 1;
    min-width: 300px;
    padding: 15px;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .material-choice-option:hover[b-cpvyrxhskn] {
        border-color: #CBD5E1;
        box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    }

    .material-choice-option.selected[b-cpvyrxhskn] {
        border-color: var(--color-success);
        background-color: #F0FDF4;
    }

    .material-choice-option h4[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--color-primary-main);
        font-weight: 600;
    }

    .material-choice-option .cost[b-cpvyrxhskn] {
        font-weight: normal;
        color: #666;
        font-size: 0.9rem;
    }

    .material-choice-option p[b-cpvyrxhskn] {
        margin: 0;
        color: #555;
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
        flex-grow: 1;
    }

    /* Add button styling to match tillvalg-option buttons */
    .material-choice-option button[b-cpvyrxhskn] {
        background: #F1F5F9;
        color: var(--color-primary-main);
        border: 1px solid #CBD5E1;
        border-radius: 4px;
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
        cursor: pointer;
        transition: all 0.2s ease;
        width: 100%;
        margin-top: auto;
    }

        .material-choice-option button:hover[b-cpvyrxhskn] {
            background: var(--color-primary-main);
            color: white;
            border-color: var(--color-primary-main);
        }

    .material-choice-option.selected button[b-cpvyrxhskn] {
        background: var(--color-success);
        color: white;
        border-color: var(--color-success);
    }

    /* 20250818 */

.material-choice-option-addons[b-cpvyrxhskn] {
    flex: 1;
    min-width: 300px;
    padding: 15px;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .material-choice-option-addons:hover[b-cpvyrxhskn] {
        border-color: #CBD5E1;
        box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    }

    .material-choice-option-addons.selected[b-cpvyrxhskn] {
        border-color: var(--color-success);
        background-color: #F0FDF4;
    }

    .material-choice-option-addons h4[b-cpvyrxhskn] {
        margin-top: 0;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--color-primary-main);
        font-weight: 600;
    }

    .material-choice-option-addons .cost[b-cpvyrxhskn] {
        font-weight: normal;
        color: #666;
        font-size: 0.9rem;
    }

    .material-choice-option-addons p[b-cpvyrxhskn] {
        margin: 0;
        color: #555;
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
        flex-grow: 1;
    }

    /* Add button styling to match tillvalg-option buttons */
    .material-choice-option-addons button[b-cpvyrxhskn] {
        background: #F1F5F9;
        color: var(--color-primary-main);
        border: 1px solid #CBD5E1;
        border-radius: 4px;
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
        cursor: pointer;
        transition: all 0.2s ease;
        width: 100%;
        margin-top: auto;
    }

        .material-choice-option-addons button:hover[b-cpvyrxhskn] {
            background: var(--color-primary-main);
            color: white;
            border-color: var(--color-primary-main);
        }

    .material-choice-option-addons.selected button[b-cpvyrxhskn] {
        background: var(--color-success);
        color: white;
        border-color: var(--color-success);
    }

        .material-choice-option-addons.selected button:hover[b-cpvyrxhskn] {
            background: var(--color-primary-main);
            color: white;
            border-color: var(--color-primary-main);
        }

.material-choice-section .section-complete[b-cpvyrxhskn] {
    display: none;
    margin-left: 10px;
    color: #28a745;
}

    .material-choice-section .section-complete.visible[b-cpvyrxhskn] {
        display: inline-block;
    }

    .material-choice-section .section-complete.visible[b-cpvyrxhskn] {
        opacity: 1;
    }

/* Wrapper class for main content blocks */
.content-block-wrapper[b-cpvyrxhskn] {
    background-color: rgba(255, 255, 255, 0.753);
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 60px;
    border-radius: 8px; /* Added a slight border-radius for a softer look */
}

/* Details Panel Action Buttons */
.details-panel-actions[b-cpvyrxhskn] {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    gap: 15px; /* Space between button groups and between button row and URL display */
    margin-top: 20px;
    padding-top: 20px;
    align-items: flex-start; /* Align items to the top */
}

/* Wrapper for Lagre button + URL - THIS IS THE FIRST FLEX COLUMN */
.details-panel-button-wrapper[b-cpvyrxhskn] {
    flex: 1 1 calc(50% - 7.5px); /* Half of parent width minus half of the 15px gap */
    display: flex;
    flex-direction: column;
    gap: 10px; /* Space between Lagre button and its URL */
}

/* The "Lagre" button itself, fills its column wrapper */
#details-panel-save-button[b-cpvyrxhskn] {
    width: 100%; /* Fills the .details-panel-button-wrapper column */
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* Specific styles for Lagre button - Neutral/Secondary */
    background-color: white;
    color: var(--color-primary-main);
    border: 1px solid var(--color-primary-main);
}

    #details-panel-save-button:hover[b-cpvyrxhskn] {
        background-color: #f0f0f0; /* Light grey hover */
        color: var(--color-primary-main-darken);
        border-color: var(--color-primary-main-darken);
    }

/* The "Bestill" button - THIS IS THE SECOND FLEX COLUMN */
#details-panel-order-button[b-cpvyrxhskn] {
    flex: 1 1 calc(50% - 7.5px); /* Half of parent width minus half of the 15px gap */
    padding: 0.7rem 1rem; /* Consistent padding */
    font-size: 0.9rem;
    display: flex; /* For icon alignment if it ever gets one */
    align-items: center;
    justify-content: center;
    gap: 8px; /* For consistency if icon added */
    /* Default "Bestill" button styles (active state) */
    color: white;
    background-color: var(--color-primary-main-support);
    border: 1px solid var(--color-primary-main-support-darken);
}

    #details-panel-order-button:hover:not(.btn-inactive)[b-cpvyrxhskn] { /* Only apply hover if not inactive */
        background-color: var(--color-primary-main-support-lighten);
        border-color: var(--color-primary-main-support);
    }

    #details-panel-order-button.btn-inactive[b-cpvyrxhskn] {
        background-color: #B0BEC5; /* Muted grey for inactive state on dark panel */
        color: #ECEFF1; /* Light text for readability */
        border-color: #78909C;
        cursor: not-allowed;
    }

        #details-panel-order-button.btn-inactive:hover[b-cpvyrxhskn] {
            background-color: #B0BEC5; /* No hover effect */
            border-color: #78909C;
        }

.share-url-display[b-cpvyrxhskn] {
    font-size: 0.75em;
    color: #CFD8DC; /* Light grey for visibility on dark panel */
    background-color: rgba(0, 0, 0, 0.3); /* Slightly darker background for contrast */
    padding: 8px 10px;
    border-radius: 4px;
    text-align: left;
    border: 1px solid rgba(255,255,255,0.15);
    line-height: 1.4;
    display: flex; /* Keep flex for internal alignment of text and icon */
    align-items: center;
    justify-content: space-between; /* Puts text left, icon right */
    width: 100%; /* Take full width of the .details-panel-actions */
    /* flex-basis: 100%; */ /* Alternative to width: 100% if preferred */
    margin-top: 0; /* Gap from parent should handle spacing, remove explicit margin if it was there */
}

.share-url-text[b-cpvyrxhskn] {
    word-break: break-all; /* Allow text to break */
    margin-right: 8px; /* Space between text and icon */
    flex-grow: 1; /* Allow text to take available space */
}

.share-url-icon[b-cpvyrxhskn] {
    font-size: 0.9em; /* Slightly larger icon */
    color: var(--color-primary-main-support-lighten); /* Frantz support orange light */
    flex-shrink: 0; /* Prevent icon from shrinking */
}

.share-url-icon[b-cpvyrxhskn] {
    margin-left: 8px;
    cursor: pointer;
}

/* --- START: Mobile Wizard Navigation - Single Step Display --- */
@media (max-width: 768px) {
    .wizard-nav .wizard-steps .step[b-cpvyrxhskn] {
        display: none; /* Hide all steps by default */
        padding-right: 10px;
    }

        .wizard-nav .wizard-steps .step.active[b-cpvyrxhskn] {
            display: flex; /* Show only the active step */
            /* margin: 0 auto; */ /* REMOVED to allow left alignment */
            width: auto; /* Allow the step to take its natural width */
        }

    .wizard-nav .wizard-steps[b-cpvyrxhskn] {
        justify-content: flex-start; /* Align active step to the left */
        overflow: hidden;
        flex-grow: 1; /* Allow steps container to take available space */
    }

    .wizard-nav-content[b-cpvyrxhskn] {
        display: flex;
        justify-content: space-between; /* This will push step left and button right */
        align-items: center;
        width: 100%; /* Ensure it spans the full width */
        padding: 0 15px; /* Add some horizontal padding to the overall nav content */
        box-sizing: border-box;
        transform: translateX(0); /* Reset any desktop transforms */
    }

        .wizard-nav-content .btn-reset[b-cpvyrxhskn] {
            margin-right: 0; /* Reset desktop margin */
            transform: translateX(0); /* Reset desktop transform */
            /* flex-shrink: 0; */ /* Optional: ensure button doesn't shrink if space is tight */
        }
}
/* --- END: Mobile Wizard Navigation - Single Step Display --- */

/* --- START: Mobile Bottom Bar --- */
.mobile-bottom-bar[b-cpvyrxhskn] {
    display: none; /* Hidden by default, shown only on mobile via media query */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-primary-main); /* Similar to details panel */
    color: white;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
    z-index: 2200; /* Higher than wizard nav */
    flex-direction: column;
}

.mobile-bar-summary[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-top: 1px solid var(--color-primary-main-light);
    position: relative; /* Added for absolute positioning of child */
}

.mobile-bar-total[b-cpvyrxhskn] {
    font-size: 0.9rem;
    border-color: var(--color-primary-main-support-darken);
}

    .mobile-bar-total span:first-child[b-cpvyrxhskn] {
        color: rgba(255,255,255,0.8);
    }

    .mobile-bar-total #mb-details-total-value[b-cpvyrxhskn] {
        font-weight: bold;
        margin-left: 5px;
    }

#mb-order-button[b-cpvyrxhskn] {
    padding: 8px 15px;
    font-size: 0.9rem;
    background-color: var(--color-primary-main-support);
    border-color: var(--color-primary-main-support-darken);
    /* Ensure other properties like color, border-style, border-radius are inherited or set if needed */
    color: white; /* Assuming active state text is white */
    border-width: 1px; /* Assuming a border width */
    border-style: solid; /* Assuming a solid border */
    border-radius: 4px; /* Example, match other buttons */
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s; /* Smooth transition for active state */
}

    #mb-order-button:hover:not(.btn-inactive)[b-cpvyrxhskn] {
        background-color: var(--color-primary-main-support-lighten);
        border-color: var(--color-primary-main-support);
    }

    #mb-order-button.btn-inactive[b-cpvyrxhskn] {
        background-color: #B0BEC5; /* Muted grey for inactive state */
        color: #ECEFF1; /* Light text for readability */
        border-color: #78909C;
        cursor: not-allowed;
    }

        #mb-order-button.btn-inactive:hover[b-cpvyrxhskn] {
            background-color: #B0BEC5; /* No hover effect */
            border-color: #78909C;
        }

.mb-expand-button[b-cpvyrxhskn] {
    background: none;
    border: none;
    color: white;
    font-size: 0.9rem;
    padding: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    /* Added for centering */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* The parent's align-items: center will still apply to its vertical position effectively */
}

    .mb-expand-button i[b-cpvyrxhskn] {
        transition: transform 0.3s ease;
    }

.mobile-bottom-bar.expanded .mb-expand-button i[b-cpvyrxhskn] {
    transform: rotate(180deg);
}

.mobile-bar-details-content[b-cpvyrxhskn] {
    max-height: 0;
    overflow-y: auto;
    transition: max-height 0.4s ease-out;
    background-color: var(--color-primary-main-light); /* Slightly different bg for details */
    padding: 0 15px;
}

.mobile-bottom-bar.expanded .mobile-bar-details-content[b-cpvyrxhskn] {
    max-height: 60vh; /* Or a fixed pixel value, e.g., 300px */
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Styling for sections within the expanded mobile bar - mirror .details-section */
.mobile-bar-details-content .details-section[b-cpvyrxhskn] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 10px;
    margin-bottom: 10px;
}

    .mobile-bar-details-content .details-section:first-child[b-cpvyrxhskn] {
        border-top: none;
    }

    .mobile-bar-details-content .details-section h4[b-cpvyrxhskn] {
        color: white;
        font-size: 0.95rem;
        margin-top: 0;
        margin-bottom: 8px;
    }

.mobile-bar-details-content .detail-row[b-cpvyrxhskn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    font-size: 0.85rem;
}

    .mobile-bar-details-content .detail-row .label[b-cpvyrxhskn] {
        color: rgba(255,255,255,0.8);
    }

    .mobile-bar-details-content .detail-row .value[b-cpvyrxhskn] {
        color: white;
        font-weight: 500;
    }

.mobile-bar-details-content .channel-details .no-channels[b-cpvyrxhskn],
.mobile-bar-details-content .tillvalg-container .no-tillvalg[b-cpvyrxhskn] {
    color: rgba(255,255,255,0.7);
    font-style: italic;
    font-size: 0.8rem;
    padding: 5px 0;
}

.mobile-bar-details-content .mobile-bar-actions[b-cpvyrxhskn] {
    /* Similar to .details-panel-actions but maybe stacked */
    display: flex;
    flex-direction: column; /* Stack save button and URL */
    gap: 10px;
}

    .mobile-bar-details-content .mobile-bar-actions .details-panel-button-wrapper[b-cpvyrxhskn] {
        width: 100%;
    }

    .mobile-bar-details-content .mobile-bar-actions #mb-save-button[b-cpvyrxhskn] {
        width: 100%;
        padding: 0.7rem 1rem; /* Match desktop */
        font-size: 0.9rem; /* Match desktop */
        display: flex; /* Match desktop */
        align-items: center; /* Match desktop */
        justify-content: center; /* Match desktop */
        gap: 8px; /* Match desktop */
        background-color: white; /* Match desktop */
        color: var(--color-primary-main); /* Match desktop */
        border: 1px solid var(--color-primary-main); /* Match desktop */
        /* transition is already on .btn-secondary, inherited if #mb-save-button has .btn-secondary */
    }

        .mobile-bar-details-content .mobile-bar-actions #mb-save-button:hover[b-cpvyrxhskn] {
            background-color: #f0f0f0; /* Match desktop hover */
            color: var(--color-primary-main-darken); /* Match desktop hover */
            border-color: var(--color-primary-main-darken); /* Match desktop hover */
        }

.mobile-bar-details-content #mb-share-url-display[b-cpvyrxhskn] {
    font-size: 0.75em; /* Match desktop */
    color: #CFD8DC; /* Match desktop */
    background-color: rgba(0, 0, 0, 0.3); /* Match desktop */
    padding: 8px 10px; /* Match desktop */
    border-radius: 4px; /* Match desktop */
    text-align: left; /* Match desktop */
    border: 1px solid rgba(255,255,255,0.15); /* Match desktop */
    line-height: 1.4; /* Match desktop */
    display: flex; /* Match desktop */
    align-items: center; /* Match desktop */
    justify-content: space-between; /* Match desktop */
    width: 100%; /* Match desktop */
    margin-top: 10px; /* Ensure some space if button and URL are stacked */
}

.mobile-bar-details-content #mb-share-url-text[b-cpvyrxhskn] {
    word-break: break-all; /* Match desktop */
    margin-right: 8px; /* Match desktop */
    flex-grow: 1; /* Match desktop */
}

.mobile-bar-details-content #mb-copy-url-icon[b-cpvyrxhskn] {
    font-size: 0.9em; /* Match desktop */
    color: var(--color-primary-main-support-lighten); /* Match desktop */
    cursor: pointer; /* Match desktop */
    flex-shrink: 0; /* Match desktop */
}

@media (max-width: 1200px) { /* Changed from 768px to 1200px */
    .mobile-bottom-bar[b-cpvyrxhskn] {
        display: flex; /* Show on mobile */
    }

    .details-panel[b-cpvyrxhskn] { /* Hide the original right-hand panel on mobile */
        display: none !important;
    }
}
/* --- END: Mobile Bottom Bar --- */

/* === ADDED: Channel list font size consistency === */
.details-panel .channel-details p.details-channel-text[b-cpvyrxhskn],
.mobile-bar-details-content .channel-details p.details-channel-text[b-cpvyrxhskn] {
    font-size: 0.85rem !important; /* Match other detail values and increase specificity */
    color: white !important; /* Ensure text is white */
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.mobile-bar-details-content .channel-details .no-channels[b-cpvyrxhskn],
.mobile-bar-details-content .tillvalg-container .no-tillvalg[b-cpvyrxhskn] {
    color: rgba(255,255,255,0.7);
    font-style: italic;
    font-size: 0.8rem;
    padding: 5px 0;
}

/* === ADDED: Channel list font size consistency (Attempt 2) === */
.details-panel .channel-details p.details-channel-text[b-cpvyrxhskn],
.mobile-bar-details-content .channel-details p.details-channel-text[b-cpvyrxhskn] {
    font-size: 0.85rem !important;
    color: white !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-weight: 500 !important; /* Ensuring it matches other '.value' styles */
}

.mobile-bar-details-content .channel-details .no-channels[b-cpvyrxhskn],
.mobile-bar-details-content .tillvalg-container .no-tillvalg[b-cpvyrxhskn] {
    color: rgba(255,255,255,0.7);
    font-style: italic;
    font-size: 0.8rem;
    padding: 5px 0;
}

/* Additional responsive rules for wider "mobile"/tablet */
@media (max-width: 992px) {
    .advanced-content.open[b-cpvyrxhskn] {
        grid-template-columns: 1fr; /* Stack filter dropdowns earlier */
    }

    /* Mobile stacking rules */
}

@media (max-width: 1200px) {
    .main-content[b-cpvyrxhskn] {
        margin-left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .left-menu[b-cpvyrxhskn] {
        transform: translateX(-100%);
    }

    /* .details-panel { */
    /* width: 320px; */ /* This is overridden by display: none !important in another 1200px media query */
    /* } */

    /* .main-content.with-panel { */
    /* padding-right: 340px; */ /* This rule is ineffective if .details-panel is display:none */
    /* } */

    /* --- Mobile Wizard Navigation from 1200px down --- */
    /* Based on original 768px styles to show only current/active step */
    .wizard-nav .wizard-steps .step[b-cpvyrxhskn] {
        display: none; /* Hide all steps by default */
        padding-right: 10px; /* Consistent with 768px rule */
    }

        .wizard-nav .wizard-steps .step.active[b-cpvyrxhskn],
        .wizard-nav .wizard-steps .step.highlighted[b-cpvyrxhskn] { /* Show active OR highlighted step */
            display: flex;
            width: auto; /* Allow the step to take its natural width */
        }

    .wizard-nav .wizard-steps[b-cpvyrxhskn] {
        justify-content: flex-start; /* Align active step to the left */
        overflow: hidden; /* Prevent seeing other steps */
        flex-grow: 1; /* Allow steps container to take available space */
        /* Reset properties that might conflict from desktop view */
        flex-wrap: nowrap;
        gap: 0; /* No gap needed if only one is shown */
    }

    .wizard-nav-content[b-cpvyrxhskn] {
        display: flex;
        justify-content: space-between; /* Pushes step(s) left and reset button right */
        align-items: center;
        width: 100%; /* Full width */
        max-width: 100%; /* Override any desktop max-width */
        padding: 0 15px; /* Horizontal padding for the nav content */
        box-sizing: border-box;
        transform: translateX(0); /* Reset desktop transforms like translateX(-32px) */
        margin: 0 auto;
    }

        .wizard-nav-content .btn-reset[b-cpvyrxhskn] {
            margin-right: 0; /* Reset desktop margin (was 200px) */
            transform: translateX(0); /* Reset desktop transform (was 180px) */
        }
    /* --- End Mobile Wizard Navigation for 1200px --- */
}

@media (max-width: 768px) {
    .insight-card-flex-container[b-cpvyrxhskn] {
        flex-direction: column;
        gap: 2rem;
    }

    .insight-card-vertical-divider[b-cpvyrxhskn] {
        width: auto;
        height: 1px;
        margin: 0;
    }

    .insight-card-flex-container > .insight-card-column:first-child[b-cpvyrxhskn],
    .insight-card-flex-container > .insight-card-column:last-child[b-cpvyrxhskn] {
        margin: 0 0 1rem 0;
    }
}

.insight-card-flex-container[b-cpvyrxhskn] {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: stretch;
}

.insight-card-vertical-divider[b-cpvyrxhskn] {
    width: 1px;
    background-color: #E5E7EB;
    align-self: stretch;
    margin: 1rem 0;
}

@media (max-width: 768px) {
    .insight-card-flex-container[b-cpvyrxhskn] {
        flex-direction: column;
        gap: 1rem;
    }

    .insight-card-column[b-cpvyrxhskn] {
        flex: 1;
    }

    .insight-card-vertical-divider[b-cpvyrxhskn] {
        width: 1px;
        background-color: #E5E7EB;
        align-self: stretch;
        display: block;
        margin: 1rem 2rem;
        height: auto;
    }

    @media (max-width: 768px) {
        .insight-card-vertical-divider[b-cpvyrxhskn] {
            width: 100%;
            height: 1px;
            margin: 1rem 0;
        }
    }

    .details-content .campaign-strategy[b-cpvyrxhskn] {
        padding: 0.75rem 1rem;
        margin: 1rem 0;
        border-radius: 4px;
        background: #1e293b;
    }

        .details-content .campaign-strategy h3[b-cpvyrxhskn] {
            color: #94a3b8;
            font-size: 0.875rem;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin: 0;
            padding: 0;
            font-family: 'Montserrat', sans-serif;
        }

    .details-section .detail-row .channel-value[b-cpvyrxhskn] {
        color: #94a3b8;
        font-size: 0.875rem;
    }
}
/* End of file */

/* Additions */

.audience-selector[b-cpvyrxhskn] {
    max-height: 1200px; /* Increased slightly to accommodate message + dropdowns */
    opacity: 1;
    display: block;
    align-items: center;
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    /*gap: 1rem;*/
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem; /* ADDED horizontal padding */
    padding-right: 1rem; /* ADDED horizontal padding */
    margin-top: 1rem;
    background: #F8FAFC;
    border-radius: 4px;
    border: 1px solid #E2E8F0;
    box-sizing: border-box; /* Ensure padding/border don't expand beyond width */
}

.details-panel-top-actions[b-cpvyrxhskn] {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    gap: 15px; /* Space between button groups and between button row and URL display */
    margin-bottom: 20px;
    padding-top: 20px;
    align-items: flex-start; /* Align items to the top */
}

.btn-reset-details-panel[b-cpvyrxhskn] {
    position: static;
    background: none;
    border: 1px solid white; /*var(--color-primary-support);*/
    color: white; /*var(--color-primary-support);*/
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .btn-reset-details-panel:hover[b-cpvyrxhskn] {
        background: var(--color-primary-support);
        color: white;
    }

.comment-section[b-cpvyrxhskn] {
    /*position: relative;*/
    margin-bottom: 2rem;
    width: 100%;
    /*height: 6rem;*/
}

.recruiter-section[b-cpvyrxhskn] {
    margin-bottom: 2rem;
    width: 100%;
}

.recruiter[b-cpvyrxhskn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0rem;
    width: 100%;
}

.detail-row .standalone[b-cpvyrxhskn] {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-align: left;
    min-width: 60px;
    margin-right: auto;
}

.detail-row .audience[b-cpvyrxhskn] {
    color: white;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    min-width: 60px;
    margin-right: auto;
}

.draft-message[b-cpvyrxhskn] {
    padding-top: 10px;
}

.channel-list-distinct[b-cpvyrxhskn] {
    display: flex;
    justify-content: flex-start;
    column-gap: 10px;
    margin-top: 1rem;
}

.audience-target-id-selected[b-cpvyrxhskn] {
    /* border-color: var(--color-success); */
    color: var(--color-success);
}

div.budget-slider[b-cpvyrxhskn] {
    margin-top: 1rem;
    text-align: center;
}

div.budget-numeric[b-cpvyrxhskn] {
    text-align: center;
    margin-top: 2rem;
}

span.insight-value-common[b-cpvyrxhskn] {
    order: 4; /* Original value last in the block */
    color: #343a40;
    text-decoration: none !important;
    font-size: 1em;
    font-weight: 700;
    text-align: right;
    margin-right: 5px;
    /* No margin-left: auto here, current-value handles it */
    /* See .insight-data-row .original-value for original CSS */
}

span.campaign-period[b-cpvyrxhskn] {
    color: white;
    font-weight: 500;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: left;
    font-variant-numeric: tabular-nums;
}

.campaign-period-row[b-cpvyrxhskn] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    width: 100%;
    justify-content: space-between !important;
    column-gap: 2.75rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Banner/NewAutoCampaignComponent.razor.rz.scp.css */
div.campaignSection[b-lmyq7kvceh] {
    /*    width: 300px;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 20px !important;*/

    max-width: 100% !important; /* 600 */
    min-width: 400px;
    display: block;
    align-items: center;
    padding-bottom: 0.5rem;
}

    div.campaignSection.flex[b-lmyq7kvceh] {
        display: flex;
        justify-content: space-between;
    }

    div.campaignSection.flexStart[b-lmyq7kvceh] {
        display: flex;
        justify-content: flex-start;
    }

div.campaignSpacer[b-lmyq7kvceh] {
    height: 2rem;
}

div.campaignLeft[b-lmyq7kvceh] {
    max-width: 10rem;
}

div.campaignRight[b-lmyq7kvceh] {
    max-width: 60rem;
    display: inline-block;
    vertical-align: middle;
}

div.campaignField[b-lmyq7kvceh] {
}

div.campaignFieldShort[b-lmyq7kvceh] {
    max-width: 10rem; /* 10 */
}

div.campaignBudgetValue[b-lmyq7kvceh] {
    width: 15rem;
    max-width: 15rem;
}

div.campaignBudgetSlider[b-lmyq7kvceh] {
    width: 25rem;
    max-width: 30rem;
    padding-right: 20px;
}

div.mediaCardBudgetSlider[b-lmyq7kvceh] {
    width: 15rem;
    max-width: 20rem;
    padding-right: 20px;
}

img.personIcon[b-lmyq7kvceh] {
    width: 18px;
    height: 30px;
    object-fit: cover;
}

[b-lmyq7kvceh] img.demoFunnel {
    width: 100%;
}

img.personIcon.green[b-lmyq7kvceh] {
    /* https://codepen.io/sosuke/pen/Pjoqqp */
    /* #00FF00 */
    filter: invert(51%) sepia(73%) saturate(2444%) hue-rotate(86deg) brightness(121%) contrast(122%);
    /* Reports #4CB79A */
    /* filter: invert(64%) sepia(8%) saturate(2482%) hue-rotate(113deg) brightness(98%) contrast(85%); */
}

.nav-link[b-lmyq7kvceh] {
    height: 2rem !important;
    cursor: pointer;
}

[b-lmyq7kvceh] .button_campaign,
.button_campaign:hover[b-lmyq7kvceh] {
    /*width: 200px;
    height: 50px;*/
}

    [b-lmyq7kvceh] .button_campaign.reset,
    .button_campaign.reset:hover[b-lmyq7kvceh] {
        color: white;
        background-color: red;
    }

    [b-lmyq7kvceh] .button_campaign.save,
    .button_campaign.save:hover[b-lmyq7kvceh] {
        color: white;
        background-color: green;
    }

    [b-lmyq7kvceh] .button_campaign.suggestions,
    .button_campaign.suggestions:hover[b-lmyq7kvceh] {
        color: white;
        background-color: green;
    }

    [b-lmyq7kvceh] .button_campaign.target,
    .button_campaign.target:hover[b-lmyq7kvceh] {
        color: white;
        background-color: green;
    }

    [b-lmyq7kvceh] .button_campaign.targetOffAverage,
    .button_campaign.target:hover[b-lmyq7kvceh] {
        color: white;
        background-color: yellow;
    }

    [b-lmyq7kvceh] .button_campaign.inactive,
    .button_campaign.inactive:hover[b-lmyq7kvceh] {
        color: darkgray !important;
        background-color: var(--color-inactive);
    }

[b-lmyq7kvceh] .tooltipMediaList {
    position: relative;
    display: inline-block;
}

    [b-lmyq7kvceh] .tooltipMediaList .tooltiptext {
        visibility: visible;
        /*visibility: hidden;*/
        /*width: 50%;*/
        font-size: 9pt !important;
        color: var(--color-black) !important;
        background-color: yellow; /*black;*/
        color: #fff;
        text-align: left;
        padding: 5px 5px;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        /*        bottom: 100%;
        left: 50%;*/
        top: 0%;
        /*left: 0%;*/
        right: 0%;
        margin-left: -17px; /* Use half of the width to center the tooltip */
        z-index: 1;
        white-space: pre-wrap;
    }

        [b-lmyq7kvceh] .tooltipMediaList .tooltiptext.ok {
            background-color: green;
            color: var(--color-white) !important;
            font-weight: bold;
        }

        [b-lmyq7kvceh] .tooltipMediaList .tooltiptext.warning {
            font-weight: bold;
        }

        [b-lmyq7kvceh] .tooltipMediaList .tooltiptext.alert {
            background-color: re;
            color: var(--color-black) !important;
            font-weight: bold;
        }

    [b-lmyq7kvceh] .tooltipMediaList:hover .tooltiptext {
        /*visibility: visible;*/
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignCustomerAddonsWindowComponent.razor.rz.scp.css */

.nav-link[b-o30bxodhcz] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignCustomerChangeRequestComponent.razor.rz.scp.css */

.nav-link[b-rxocpru3cg] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignCustomerMediaProductsWindowComponent.razor.rz.scp.css */

.nav-link[b-v7hjqqsgnv] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignCustomerTechFeeWindowComponent.razor.rz.scp.css */

.nav-link[b-o55b1pdl0q] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignDialogueWindowComponent.razor.rz.scp.css */

.nav-link[b-5ptsbe3l08] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignHistoryWindowComponent.razor.rz.scp.css */

.nav-link[b-6h5m2xwjc4] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignRequestWindowComponent.razor.rz.scp.css */

.nav-link[b-8ia05fa611] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignTasklistWindowComponent.razor.rz.scp.css */

.nav-link[b-cayjbwo1ag] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/NewCampaignComponent.razor.rz.scp.css */
div.campaignSection[b-tsqym49uzr] {
    /*    width: 300px;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 20px !important;*/

    max-width: 890px !important; /* 600 */
    min-width: 400px;
    display: block;
    align-items: center;
    padding-bottom: 0.5rem;
}

    div.campaignSection.flex[b-tsqym49uzr] {
        display: flex;
        justify-content: space-between;
    }

    div.campaignSection.flexStart[b-tsqym49uzr] {
        display: flex;
        justify-content: flex-start;
    }

        div.campaignSection.flexStart.buttons[b-tsqym49uzr] {
            position: fixed;
            bottom: 0%;
            background-color: white;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 1rem;
            width: 100%;
        }

[b-tsqym49uzr] div.campaignCustomer{

}

[b-tsqym49uzr] div.campaignOrderer {
}

[b-tsqym49uzr] div.campaignSection.detailedInfo {
    border: 1px solid black;
    margin-bottom: 70px;
}
div.campaignSpacer[b-tsqym49uzr] {
    height: 2rem;
}

div.campaignLeft[b-tsqym49uzr] {
    max-width: 10rem;
}

div.campaignRight[b-tsqym49uzr] {
    max-width: 60rem;
    display: inline-block;
    vertical-align: middle;
}

[b-tsqym49uzr] div.budgetValue {
    font-weight: bold;
    font-size: 1.5rem;
    /*display: flex;
    justify-content: right;*/
    min-width: 8rem; /* 12 */
    width: 12rem;
    margin-left: 1rem;
    text-align: right;
    /*font-family: Courier New, Courier, monospace;*/
    font-variant-numeric: tabular-nums;
}

    [b-tsqym49uzr] div.budgetValue.proposal {
        font-weight: normal;
        font-size: 1.5rem;
        /*display: flex;
        justify-content: right;*/
        min-width: 8rem; /* 12 */
        width: 12rem;
        margin-left: 1rem;
        text-align: right;
        /*font-family: Courier New, Courier, monospace;*/
        font-variant-numeric: tabular-nums;
    }

[b-tsqym49uzr] div.toolTipBudget {
    width: 5rem;
    /*display: flex;
    align-items: flex-start;*/
    font-weight: bold;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
}

[b-tsqym49uzr] div.campaignLabel.spaceLeft {
    padding-left: 1rem;
}

div.campaignLabel.spaceRight[b-tsqym49uzr] {
    padding-right: 1rem;
}

div.campaignField[b-tsqym49uzr] {
}

div.campaignFieldShort[b-tsqym49uzr] {
    max-width: 10rem; /* 10 */
}

div.campaignFieldMedium[b-tsqym49uzr] {
    max-width: 15rem;
}

div.campaignBudgetValue[b-tsqym49uzr] {
    width: 15rem;
    max-width: 15rem;
}

div.campaignBudgetSlider[b-tsqym49uzr] {
    width: 25rem;
    max-width: 30rem;
    padding-right: 20px;
}

/* 20240607 */

[b-tsqym49uzr] div.customerAndOrderer {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    /*width: 25rem;*/
    /*height: 1.75rem;*/
}

[b-tsqym49uzr] div.campaignSection.orderer {
    /*margin-left: 0.25rem;*/
    /*margin-left: 0.55rem;*/
}


div.mediaCardBudgetSlider[b-tsqym49uzr] {
    width: 15rem;
    max-width: 20rem;
    padding-right: 20px;
}

img.personIcon[b-tsqym49uzr] {
    width: 18px;
    height: 30px;
    object-fit: cover;
}

[b-tsqym49uzr] img.demoFunnel {
    width: 100%;
}

img.personIcon.green[b-tsqym49uzr] {
    /* https://codepen.io/sosuke/pen/Pjoqqp */
    /* #00FF00 */
    filter: invert(51%) sepia(73%) saturate(2444%) hue-rotate(86deg) brightness(121%) contrast(122%);
    /* Reports #4CB79A */
    /* filter: invert(64%) sepia(8%) saturate(2482%) hue-rotate(113deg) brightness(98%) contrast(85%); */
}

.nav-link[b-tsqym49uzr] {
    height: 2rem !important;
    cursor: pointer;
}

[b-tsqym49uzr] .button_campaign,
.button_campaign:hover[b-tsqym49uzr] {
    /*width: 200px;
    height: 50px;*/
}

    [b-tsqym49uzr] .button_campaign.reset,
    .button_campaign.reset:hover[b-tsqym49uzr] {
        color: white;
        background-color: red;
    }

    [b-tsqym49uzr] .button_campaign.save,
    .button_campaign.save:hover[b-tsqym49uzr] {
        color: white;
        background-color: green;
    }

    [b-tsqym49uzr] .button_campaign.suggestions,
    .button_campaign.suggestions:hover[b-tsqym49uzr] {
        color: white;
        background-color: green;
    }

    [b-tsqym49uzr] .button_campaign.target,
    .button_campaign.target:hover[b-tsqym49uzr] {
        color: white;
        background-color: green;
    }

    [b-tsqym49uzr] .button_campaign.targetOffAverage,
    .button_campaign.target:hover[b-tsqym49uzr] {
        color: white;
        background-color: yellow;
    }

    [b-tsqym49uzr] .button_campaign.inactive,
    .button_campaign.inactive:hover[b-tsqym49uzr] {
        color: darkgray !important;
        background-color: var(--color-inactive);
    }


[b-tsqym49uzr] tinyNumericTextBox {
    /*font-size: 10rem;
    width: 100px;
    background-color: red;*/
    text-align: right !important;
}

[b-tsqym49uzr] #addonCount.k-input-inner {
    height: 1.2rem;
    text-align: right;
}

[b-tsqym49uzr] .addon-price {
    font-weight: normal;
}

    [b-tsqym49uzr] .addon-price-proposal {
        font-weight: normal;
        height: 2rem !important;
    }

    [b-tsqym49uzr] div.addon-price-row-two {
        /* 0rem, 1.2 rem*/
        padding-top: 0.2rem;
        height: 1.2rem;
    }

[b-tsqym49uzr] div.addon-proposal-price-row-two {
    /* 0.1rem, 1.2 rem*/
    padding-top: 0.3rem;
    height: 1.2rem;
}

[b-tsqym49uzr] .card-product-extra {
    background: var(--color-rapporter-5-20);
    border-left-color: var(--color-primary-main);
    margin-right: 10px;
    height: 6rem !important;
    width: 18rem;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
    border-right: 10px solid var(--color-rapporter-5-20) !important;
    /* 20240212 */
    /* Make "selected" version of this */
}

    [b-tsqym49uzr] .card-product-extra.selected {
        background-color: var(--color-rapporter-4-50);
        /*background-color: #00ec00;*/
        border-right: 10px solid;
        border-right-color: var(--color-rapporter-4-50) !important;
    }

        [b-tsqym49uzr] .card-product-extra.selected.inactive {
            background: #9E9E9E; /* shade of gray */
            color: #E0E0E0;
            border-left-color: #9E9E9E;
            border-right-color: #9E9E9E !important;
        }

    [b-tsqym49uzr] .card-product-extra.audience {
        border-left: 10px solid var(--color-primary-main) !important;
    }

    [b-tsqym49uzr] .card-product-extra.customer {
        border-left: 10px solid var(--color-primary-main-support) !important;
    }

[b-tsqym49uzr] .fileList {
    column-gap: .5rem !important;
}

[b-tsqym49uzr] .fileListContainer {
    border: 0px !important;
}

[b-tsqym49uzr] .k-listview {
    background-color: transparent;
}

[b-tsqym49uzr] .fileListFooter {
    border-top: 4px solid var(--color-primary-main-support) !important;
}

/* Wrapper class for main content blocks */
.content-block-wrapper[b-tsqym49uzr] {
    max-width: 890px;
    background-color: rgba(255, 255, 255, 0.753);
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 60px;
    border-radius: 8px; /* Added a slight border-radius for a softer look */
}

h1[b-tsqym49uzr] {
    font-size: 3rem;
    color: var(--color-primary-main);
    font-family: 'Montserrat', sans-serif;
}

/* --- START: Reduce h1/h2 font size on mobile --- */
h1[b-tsqym49uzr],
.intro-section h1[b-tsqym49uzr] {
    font-size: 2rem; /* Reduced from 3rem/2.5rem */
}

/* Intro Section */
.intro-section[b-tsqym49uzr] {
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: var(--color-primary-main);
    position: relative;
    overflow: visible;
    margin-bottom: 2rem;
}

    .intro-section h1[b-tsqym49uzr] {
        color: var(--color-primary-main);
        font-size: 2.5rem;
        margin-top: 0;
        margin-bottom: 1rem;
        position: relative;
        font-weight: 700;
        text-shadow: none;
    }

        .intro-section h1[b-tsqym49uzr]::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: var(--color-primary-main-support);
            margin-top: 0.8rem;
            border-radius: 2px;
        }

.intro-text[b-tsqym49uzr] {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 2rem 0;
    position: relative;
    max-width: 100%;
}

.intro-section .intro-features[b-tsqym49uzr] {
    display: none;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/NewCampaignMediaListComponent.razor.rz.scp.css */
.tooltipMediaList[b-rcz23auyey] {
    position: relative;
    display: inline-block;
}
    .tooltipMediaList .tooltiptext[b-rcz23auyey] {
        visibility: visible;
        /*visibility: hidden;*/
        /*width: 50%;*/
        font-size: 9pt !important;
        color: var(--color-black) !important;
        background-color: yellow; /*black;*/
        color: #fff;
        text-align: left;
        padding: 5px 5px;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        /*        bottom: 100%;
        left: 50%;*/
        top: 0%;
        /*left: 0%;*/
        right: 0%;
        margin-left: -17px; /* Use half of the width to center the tooltip */
        z-index: 1;
        white-space: pre-wrap;
    }

    .tooltipMediaList .tooltiptext.ok[b-rcz23auyey] {
        background-color: green;
        color: var(--color-white) !important;
        font-weight: bold;
    }

    .tooltipMediaList .tooltiptext.warning[b-rcz23auyey] {
        font-weight: bold;
    }

    .tooltipMediaList .tooltiptext.alert[b-rcz23auyey] {
        background-color: re;
        color: var(--color-black) !important;
        font-weight: bold;
    }

[b-rcz23auyey] .tooltipMediaList:hover .tooltiptext {
    /*visibility: visible;*/
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/TailoredComponent.razor.rz.scp.css */
div.campaignSection[b-bdagxe8z0s] {
    /*    width: 300px;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 20px !important;*/

    max-width: 890px !important; /* 600 */
    display: block;
    align-items: center;
    padding-bottom: 0.5rem;
}

    div.campaignSection.flex[b-bdagxe8z0s] {
        display: flex;
        justify-content: space-between;
    }

    div.campaignSection.flexStart[b-bdagxe8z0s] {
        display: flex;
        justify-content: flex-start;
    }

        div.campaignSection.flexStart.buttons[b-bdagxe8z0s] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 1rem;
        }

[b-bdagxe8z0s] div.campaignCustomer {
}

[b-bdagxe8z0s] div.campaignOrderer {
}

[b-bdagxe8z0s] div.campaignSection.detailedInfo {
    border: 1px solid black;
    margin-bottom: 70px;
}

div.campaignSpacer[b-bdagxe8z0s] {
    height: 2rem;
}

div.campaignLeft[b-bdagxe8z0s] {
    max-width: 10rem;
}

div.campaignRight[b-bdagxe8z0s] {
    max-width: 60rem;
    display: inline-block;
    vertical-align: middle;
}

[b-bdagxe8z0s] div.budgetValue {
    font-weight: bold;
    font-size: 1.5rem;
    /*display: flex;
    justify-content: right;*/
    min-width: 8rem; /* 12 */
    width: 12rem;
    margin-left: 1rem;
    text-align: right;
    /*font-family: Courier New, Courier, monospace;*/
    font-variant-numeric: tabular-nums;
}

    [b-bdagxe8z0s] div.budgetValue.proposal {
        font-weight: normal;
        font-size: 1.5rem;
        /*display: flex;
        justify-content: right;*/
        min-width: 8rem; /* 12 */
        width: 12rem;
        margin-left: 1rem;
        text-align: right;
        /*font-family: Courier New, Courier, monospace;*/
        font-variant-numeric: tabular-nums;
    }

[b-bdagxe8z0s] div.toolTipBudget {
    width: 5rem;
    /*display: flex;
    align-items: flex-start;*/
    font-weight: bold;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
}

[b-bdagxe8z0s] div.campaignLabel.spaceLeft {
    padding-left: 1rem;
}

div.campaignLabel.spaceRight[b-bdagxe8z0s] {
    padding-right: 1rem;
}

div.campaignField[b-bdagxe8z0s] {
}

div.campaignFieldShort[b-bdagxe8z0s] {
    max-width: 10rem; /* 10 */
}

div.campaignBudgetValue[b-bdagxe8z0s] {
    width: 15rem;
    max-width: 15rem;
}

div.campaignBudgetSlider[b-bdagxe8z0s] {
    width: 25rem;
    max-width: 30rem;
    padding-right: 20px;
}

/* 20240607 */

[b-bdagxe8z0s] div.customerAndOrderer {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    /*width: 25rem;*/
    /*height: 1.75rem;*/
}

[b-bdagxe8z0s] div.campaignSection.orderer {
    /*margin-left: 0.25rem;*/
    /*margin-left: 0.55rem;*/
}


div.mediaCardBudgetSlider[b-bdagxe8z0s] {
    width: 15rem;
    max-width: 20rem;
    padding-right: 20px;
}

img.personIcon[b-bdagxe8z0s] {
    width: 18px;
    height: 30px;
    object-fit: cover;
}

[b-bdagxe8z0s] img.demoFunnel {
    width: 100%;
}

img.personIcon.green[b-bdagxe8z0s] {
    /* https://codepen.io/sosuke/pen/Pjoqqp */
    /* #00FF00 */
    filter: invert(51%) sepia(73%) saturate(2444%) hue-rotate(86deg) brightness(121%) contrast(122%);
    /* Reports #4CB79A */
    /* filter: invert(64%) sepia(8%) saturate(2482%) hue-rotate(113deg) brightness(98%) contrast(85%); */
}

.nav-link[b-bdagxe8z0s] {
    height: 2rem !important;
    cursor: pointer;
}

[b-bdagxe8z0s] .button_campaign,
.button_campaign:hover[b-bdagxe8z0s] {
    /*width: 200px;
    height: 50px;*/
}

    [b-bdagxe8z0s] .button_campaign.reset,
    .button_campaign.reset:hover[b-bdagxe8z0s] {
        color: white;
        background-color: red;
    }

    [b-bdagxe8z0s] .button_campaign.save,
    .button_campaign.save:hover[b-bdagxe8z0s] {
        color: white;
        background-color: green;
    }

    [b-bdagxe8z0s] .button_campaign.suggestions,
    .button_campaign.suggestions:hover[b-bdagxe8z0s] {
        color: white;
        background-color: green;
    }

    [b-bdagxe8z0s] .button_campaign.target,
    .button_campaign.target:hover[b-bdagxe8z0s] {
        color: white;
        background-color: green;
    }

    [b-bdagxe8z0s] .button_campaign.targetOffAverage,
    .button_campaign.target:hover[b-bdagxe8z0s] {
        color: white;
        background-color: yellow;
    }

    [b-bdagxe8z0s] .button_campaign.inactive,
    .button_campaign.inactive:hover[b-bdagxe8z0s] {
        color: darkgray !important;
        background-color: var(--color-inactive);
    }


[b-bdagxe8z0s] tinyNumericTextBox {
    /*font-size: 10rem;
    width: 100px;
    background-color: red;*/
    text-align: right !important;
}

[b-bdagxe8z0s] #addonCount.k-input-inner {
    height: 1.2rem;
    text-align: right;
}

[b-bdagxe8z0s] .addon-price {
    font-weight: normal;
}

[b-bdagxe8z0s] .addon-price-proposal {
    font-weight: normal;
    height: 2rem !important;
}

[b-bdagxe8z0s] div.addon-price-row-two {
    /* 0rem, 1.2 rem*/
    padding-top: 0.2rem;
    height: 1.2rem;
}

[b-bdagxe8z0s] div.addon-proposal-price-row-two {
    /* 0.1rem, 1.2 rem*/
    padding-top: 0.3rem;
    height: 1.2rem;
}

[b-bdagxe8z0s] .card-product-extra {
    background: var(--color-rapporter-5-20);
    border-left-color: var(--color-primary-main);
    margin-right: 10px;
    height: 6rem !important;
    width: 18rem;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
    border-right: 10px solid var(--color-rapporter-5-20) !important;
    /* 20240212 */
    /* Make "selected" version of this */
}

    [b-bdagxe8z0s] .card-product-extra.selected {
        background-color: var(--color-rapporter-4-50);
        /*background-color: #00ec00;*/
        border-right: 10px solid;
        border-right-color: var(--color-rapporter-4-50) !important;
    }

        [b-bdagxe8z0s] .card-product-extra.selected.inactive {
            background: #9E9E9E; /* shade of gray */
            color: #E0E0E0;
            border-left-color: #9E9E9E;
            border-right-color: #9E9E9E !important;
        }

    [b-bdagxe8z0s] .card-product-extra.audience {
        border-left: 10px solid var(--color-primary-main) !important;
    }

    [b-bdagxe8z0s] .card-product-extra.customer {
        border-left: 10px solid var(--color-primary-main-support) !important;
    }

[b-bdagxe8z0s] .fileList {
    column-gap: .5rem!important;
}

[b-bdagxe8z0s] .fileListContainer {
    border: 0px!important;
}

[b-bdagxe8z0s] .k-listview {
    background-color: transparent;
}

[b-bdagxe8z0s] .fileListFooter {
    border-top: 4px solid var(--color-primary-main-support)!important;
}


/* Wrapper class for main content blocks */
.content-block-wrapper[b-bdagxe8z0s] {
    max-width:920px;
    background-color: rgba(255, 255, 255, 0.753);
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 60px;
    border-radius: 8px; /* Added a slight border-radius for a softer look */
}

h1[b-bdagxe8z0s] {
    font-size: 3rem;
    color: var(--color-primary-main);
    font-family: 'Montserrat', sans-serif;
}

/* --- START: Reduce h1/h2 font size on mobile --- */
h1[b-bdagxe8z0s],
.intro-section h1[b-bdagxe8z0s] {
    font-size: 2rem; /* Reduced from 3rem/2.5rem */
}

/* Intro Section */
.intro-section[b-bdagxe8z0s] {
    padding: 0;
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: var(--color-primary-main);
    position: relative;
    overflow: visible;
    margin-bottom: 2rem;
}

    .intro-section h1[b-bdagxe8z0s] {
        color: var(--color-primary-main);
        font-size: 2.5rem;
        margin-top: 0;
        margin-bottom: 1rem;
        position: relative;
        font-weight: 700;
        text-shadow: none;
    }

        .intro-section h1[b-bdagxe8z0s]::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            background: var(--color-primary-main-support);
            margin-top: 0.8rem;
            border-radius: 2px;
        }

.intro-text[b-bdagxe8z0s] {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 2rem 0;
    position: relative;
    max-width: 100%;
}

.intro-section .intro-features[b-bdagxe8z0s] {
    display: none;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Addons/CampaignAddProductsComponent.razor.rz.scp.css */
[b-2fz8pv5lky] .bannermodule-carousel-cell {
    counter-increment: carousel-cell;
}

    [b-2fz8pv5lky] .bannermodule-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-2fz8pv5lky] .bannermodule-carousel-cell.is-selected {
    }

    [b-2fz8pv5lky] .bannermodule-carousel-cell:before {
        display: block;
        text-align: center;
    }

[b-2fz8pv5lky] .bannermodule-smallCard {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    grid-template-areas: "image" "text" "stats";
    /*border-radius: .4vw;*/
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

[b-2fz8pv5lky] .bannermodule-card-image {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

[b-2fz8pv5lky] .bannermodule-smallcard-text {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    [b-2fz8pv5lky] .bannermodule-smallcard-text .active {
        color: var(--color-primary-main-support);
    }

[b-2fz8pv5lky] .bannermodule-smallcard-stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    [b-2fz8pv5lky] .bannermodule-smallcard-stats .bannermodule-stats {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    [b-2fz8pv5lky] .bannermodule-smallcard-stats .bannermodule-border {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    [b-2fz8pv5lky] .bannermodule-smallcard-stats .bannermodule-type {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    [b-2fz8pv5lky] .bannermodule-smallcard-stats .bannermodule-value {
        font-weight: 700;
    }

        [b-2fz8pv5lky] .bannermodule-smallcard-stats .value sup {
            font-size: 12px;
        }



[b-2fz8pv5lky] .bannermodule-smallTextFixed {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Addons/CampaignCustEditAddonsComponent.razor.rz.scp.css */

.k-daterange-picker[b-7smis09hsq], .k-daterangepicker[b-7smis09hsq] {
}

[b-7smis09hsq] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
}

[b-7smis09hsq] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-7smis09hsq] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Addons/CampaignEditAddonsComponent.razor.rz.scp.css */

.k-daterange-picker[b-84fcnf671o], .k-daterangepicker[b-84fcnf671o] {
}

[b-84fcnf671o] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
}

[b-84fcnf671o] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-84fcnf671o] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/CampaignCustEditorComponent.razor.rz.scp.css */
[b-yyqw943jco] div.campaignEditor {
    width: 100%;
    float: left;
}

[b-yyqw943jco] div.campaignMenu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

[b-yyqw943jco] .campaignMenuItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    /*font-size: 14px;
    font-weight: bold;*/
}

[b-yyqw943jco] .campaignMenuItem.switch {
    padding-right: 20px;
}

[b-yyqw943jco] div.headerPart {
    font-size: 16px;
    font-weight: bold;
    height: 4vh;
    min-height: 30px;
    overflow: scroll;
}

[b-yyqw943jco] div.menuPart {
    height: 5vh;
    min-height: 50px;
}

[b-yyqw943jco] div.bottomPart {
    height: 85vh;
    min-height: 100px;
}

[b-yyqw943jco] div.verticalSpacer {
    height: 30px;
}

[b-yyqw943jco] .invisible {
    /*visibility: hidden;*/
    display: none;
}

[b-yyqw943jco] .visible {
    /* visibility: visible; */

}

[b-yyqw943jco] div.Channels {
    display: flex;
}

[b-yyqw943jco] div.ChannelsLeftColumn {
    display: flex;
    flex-direction: column;
    width: 75px;
    min-width: 55px;
    height: 100%;
    text-align: center;
    border-right: 2px solid black;
}

[b-yyqw943jco] span.ChannelIcon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

[b-yyqw943jco] span.SelectedChannel {
    background-color: var(--campaigns-row-highlight);
    border: 1px solid var(--color-primary-main-lighten);
    border-right: none;
}

[b-yyqw943jco] div.ChannelsRightColumn {
    margin-left: 20px;
    flex-direction: row;
    width: 100%;
    min-width: 100px;
    height: 100%;
}

[b-yyqw943jco] img.ChannelIcons {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

[b-yyqw943jco] div.datePickerWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-yyqw943jco] div.dropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-yyqw943jco] span.dropDownSpan {
    display: inline-flex;
}

[b-yyqw943jco] div.customerUserdropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-yyqw943jco] span.taskDescription {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    max-height: 50px;
}

[b-yyqw943jco] .taskButton {
    margin-right: 0rem !important;
}

[b-yyqw943jco] .cardBottomRow {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[b-yyqw943jco] .cardBottomRowSingle {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

[b-yyqw943jco] span.dueDate {
    font-weight: bold;
}

[b-yyqw943jco] div.taskTitle {
    /*font-size: 1rem;*/
}

[b-yyqw943jco] div.cardButtons {
    margin-top: 1rem;
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-yyqw943jco] div.campaignPane {
    max-height: 100%;
    overflow-y: scroll;
}

[b-yyqw943jco] .tabStripEditCampaignTabs.k-active {
    color: var(--color-campaigns-setup);
}

[b-yyqw943jco] .campaign-save-button {
    width: 10rem;
}

[b-yyqw943jco] .outer-button-row {
    display: flex;
    flex-direction: row;
}

[b-yyqw943jco] .campaign-button-row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    align-items: center;
}

[b-yyqw943jco] .campaign-update-buttons {
    /* d-block" style="z-index:4;position:fixed; top: 90px; right: 28px; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

[b-yyqw943jco] .campaign-title {
    width: 100%;
    padding-bottom: 1rem;
}

[b-yyqw943jco] .campaign-top-buttons {
    width: 28rem;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 0.5rem;
    margin-right: -2rem;
}

[b-yyqw943jco] .campaign-chip {
    /* applied smallText px-2 py-2 mb-1 me-2 */
    font-size: .8rem !important;
    border-color: var(--color-campaigns-active);
    background: var(--color-campaigns-list-active);
    height: 2.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    
}

[b-yyqw943jco] .campaign-id-chip {
    width: 16rem;
}

[b-yyqw943jco] .campaign-id-chip-wide {
    width: 17rem; 
}

[b-yyqw943jco] .campaign-type-chip {
    width: 15rem;
}

[b-yyqw943jco] .campaign-top-info {

}

.break[b-yyqw943jco] {
    flex-basis: 100%;
    height: 0;
}

[b-yyqw943jco] .campaign-postings {
    padding-bottom: 0.5rem;
}

[b-yyqw943jco] .campaign-dropdown {
    margin-inline-start: 0px !important;
    margin-left: 0px !important;
    width: 40rem !important;
}

[b-yyqw943jco] .customer-orderer-creator {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
}

[b-yyqw943jco] .people-with-labels {
    height: 2.5rem;
    width: 10rem;
}

[b-yyqw943jco] .posting-label-and-entry {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 0.5rem;
}

[b-yyqw943jco] .posting-label {
    font-weight: bold;
    padding-bottom: 0.2rem;
    padding-top: 0.5rem;
    text-align: right;
    margin-right: 1rem;
    width: 10rem;
}

[b-yyqw943jco] .posting-entry {
    font-weight: normal;
    padding-bottom: 0.2rem;
    padding-top: 0.5rem;
    text-align: left;
    margin-top: 0.026rem;
    width: 100%;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/CampaignEditorComponent.razor.rz.scp.css */
[b-gywwcfih5l] div.campaignEditor {
    width: 100%;
    float: left;
}

[b-gywwcfih5l] div.campaignMenu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

[b-gywwcfih5l] .campaignMenuItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    /*font-size: 14px;
    font-weight: bold;*/
}

[b-gywwcfih5l] .campaignMenuItem.switch {
    padding-right: 20px;
}

[b-gywwcfih5l] div.headerPart {
    font-size: 16px;
    font-weight: bold;
    height: 4vh;
    min-height: 30px;
    overflow: scroll;
}

[b-gywwcfih5l] div.menuPart {
    height: 5vh;
    min-height: 50px;
}

[b-gywwcfih5l] div.bottomPart {
    height: 85vh;
    min-height: 100px;
}

[b-gywwcfih5l] div.verticalSpacer {
    height: 30px;
}

[b-gywwcfih5l] .invisible {
    /*visibility: hidden;*/
    display: none;
}

[b-gywwcfih5l] .visible {
    /* visibility: visible; */

}

[b-gywwcfih5l] div.Channels {
    display: flex;
}

[b-gywwcfih5l] div.ChannelsLeftColumn {
    display: flex;
    flex-direction: column;
    width: 75px;
    min-width: 55px;
    height: 100%;
    text-align: center;
    border-right: 2px solid black;
}

[b-gywwcfih5l] span.ChannelIcon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

[b-gywwcfih5l] span.SelectedChannel {
    background-color: var(--campaigns-row-highlight);
    border: 1px solid var(--color-primary-main-lighten);
    border-right: none;
}

[b-gywwcfih5l] div.ChannelsRightColumn {
    margin-left: 20px;
    flex-direction: row;
    width: 100%;
    min-width: 100px;
    height: 100%;
}

[b-gywwcfih5l] img.ChannelIcons {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

[b-gywwcfih5l] div.datePickerWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-gywwcfih5l] div.dropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-gywwcfih5l] span.dropDownSpan {
    display: inline-flex;
}

[b-gywwcfih5l] div.customerUserdropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-gywwcfih5l] span.taskDescription {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    max-height: 50px;
}

[b-gywwcfih5l] .taskButton {
    margin-right: 0rem !important;
}

[b-gywwcfih5l] .cardBottomRow {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[b-gywwcfih5l] .cardBottomRowSingle {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

[b-gywwcfih5l] span.dueDate {
    font-weight: bold;
}

[b-gywwcfih5l] div.taskTitle {
    /*font-size: 1rem;*/
}

[b-gywwcfih5l] div.cardButtons {
    margin-top: 1rem;
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-gywwcfih5l] div.campaignPane {
    max-height: 100%;
    overflow-y: scroll;
}

[b-gywwcfih5l] .tabStripEditCampaignTabs.k-active {
    color: var(--color-campaigns-setup);
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/AdSet/CampaignAdSetEditComponent.razor.rz.scp.css */
[b-3lhrag9bcq] .bannermodule-carousel-cell {
    counter-increment: carousel-cell;
}

    [b-3lhrag9bcq] .bannermodule-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-3lhrag9bcq] .bannermodule-carousel-cell.is-selected {
    }

    [b-3lhrag9bcq] .bannermodule-carousel-cell:before {
        display: block;
        text-align: center;
    }

[b-3lhrag9bcq] .bannermodule-smallCard {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    grid-template-areas: "image" "text" "stats";
    /*border-radius: .4vw;*/
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

[b-3lhrag9bcq] .bannermodule-card-image {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

[b-3lhrag9bcq] .bannermodule-smallcard-text {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    [b-3lhrag9bcq] .bannermodule-smallcard-text .active {
        color: var(--color-primary-main-support);
    }

[b-3lhrag9bcq] .bannermodule-smallcard-stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    [b-3lhrag9bcq] .bannermodule-smallcard-stats .bannermodule-stats {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    [b-3lhrag9bcq] .bannermodule-smallcard-stats .bannermodule-border {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    [b-3lhrag9bcq] .bannermodule-smallcard-stats .bannermodule-type {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    [b-3lhrag9bcq] .bannermodule-smallcard-stats .bannermodule-value {
        font-weight: 700;
    }

        [b-3lhrag9bcq] .bannermodule-smallcard-stats .value sup {
            font-size: 12px;
        }



[b-3lhrag9bcq] .bannermodule-smallTextFixed {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignAdComponent.razor.rz.scp.css */

.campaignad-card-image[b-ladvb7zip8] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

.campaignad-card-video[b-ladvb7zip8] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
    max-width: 235px;
    max-height: 235px;
}

.campaignad-smallcard-text[b-ladvb7zip8] {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    .campaignad-smallcard-text .active[b-ladvb7zip8] {
        color: var(--color-primary-main-support);
    }

.campaignad-smallcard-stats[b-ladvb7zip8] {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    .campaignad-smallcard-stats .campaignad-stats[b-ladvb7zip8] {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    .campaignad-smallcard-stats .campaignad-border[b-ladvb7zip8] {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    .campaignad-smallcard-stats .campaignad-type[b-ladvb7zip8] {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .campaignad-smallcard-stats .campaignad-value[b-ladvb7zip8] {
        font-weight: 700;
    }

        .campaignad-smallcard-stats .value sup[b-ladvb7zip8] {
            font-size: 12px;
        }



.campaignad-smallTextFixed[b-ladvb7zip8] {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignAdEditComponent.razor.rz.scp.css */
[b-ehwu7igqs3] .bannermodule-carousel-cell {
    counter-increment: carousel-cell;
}

    [b-ehwu7igqs3] .bannermodule-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-ehwu7igqs3] .bannermodule-carousel-cell.is-selected {
    }

    [b-ehwu7igqs3] .bannermodule-carousel-cell:before {
        display: block;
        text-align: center;
    }

[b-ehwu7igqs3] .bannermodule-smallCard {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    grid-template-areas: "image" "text" "stats";
    /*border-radius: .4vw;*/
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

[b-ehwu7igqs3] .bannermodule-card-image {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

[b-ehwu7igqs3] .bannermodule-smallcard-text {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    [b-ehwu7igqs3] .bannermodule-smallcard-text .active {
        color: var(--color-primary-main-support);
    }

[b-ehwu7igqs3] .bannermodule-smallcard-stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    [b-ehwu7igqs3] .bannermodule-smallcard-stats .bannermodule-stats {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    [b-ehwu7igqs3] .bannermodule-smallcard-stats .bannermodule-border {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    [b-ehwu7igqs3] .bannermodule-smallcard-stats .bannermodule-type {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    [b-ehwu7igqs3] .bannermodule-smallcard-stats .bannermodule-value {
        font-weight: 700;
    }

        [b-ehwu7igqs3] .bannermodule-smallcard-stats .value sup {
            font-size: 12px;
        }



[b-ehwu7igqs3] .bannermodule-smallTextFixed {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignAdListComponent.razor.rz.scp.css */
.campaignad-carousel-cell[b-5zwez280og] {
    counter-increment: carousel-cell;
}

    [b-5zwez280og] .campaignad-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-5zwez280og] .campaignad-carousel-cell.is-selected {
    }

    [b-5zwez280og] .campaignad-carousel-cell:before {
        display: block;
        text-align: center;
    }

.campaignad-smallCard[b-5zwez280og] {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    grid-template-areas: "image" "text" "stats";
    border-radius: .4vw;
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}


/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignCustAdComponent.razor.rz.scp.css */

.campaignad-card-image[b-6uh9ek108f] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

.campaignad-smallcard-text[b-6uh9ek108f] {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    .campaignad-smallcard-text .active[b-6uh9ek108f] {
        color: var(--color-primary-main-support);
    }

.campaignad-smallcard-stats[b-6uh9ek108f] {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    .campaignad-smallcard-stats .campaignad-stats[b-6uh9ek108f] {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    .campaignad-smallcard-stats .campaignad-border[b-6uh9ek108f] {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    .campaignad-smallcard-stats .campaignad-type[b-6uh9ek108f] {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .campaignad-smallcard-stats .campaignad-value[b-6uh9ek108f] {
        font-weight: 700;
    }

        .campaignad-smallcard-stats .value sup[b-6uh9ek108f] {
            font-size: 12px;
        }

.campaignad-smallTextFixed[b-6uh9ek108f] {
    font-size: 0.85rem;
}

.campaignad-thumbnail-container[b-6uh9ek108f] {
    width: 235px;
    height: 235px;
}

img.campaignad-thumbnail[b-6uh9ek108f] {
    height: 235px;
    width: 235px;
    object-fit: contain;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignCustAdListComponent.razor.rz.scp.css */
.campaignad-carousel-cell-cust[b-2l3zal6m58] {
    counter-increment: carousel-cell;
}

    [b-2l3zal6m58] .campaignad-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-2l3zal6m58] .campaignad-carousel-cell.is-selected {
    }

    [b-2l3zal6m58] .campaignad-carousel-cell:before {
        display: block;
        text-align: center;
    }

.campaignad-smallCard-cust[b-2l3zal6m58] {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    /*grid-template-areas: "image" "text" "stats";*/
    grid-template-areas: "image" "text" "stats";
    /*border-radius: .4vw;*/
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}


/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignMessagesAttachmentSelector.razor.rz.scp.css */
.msgAttachment-carousel-cell[b-qwd9t510bq] {
    counter-increment: carousel-cell;
}

[b-qwd9t510bq] .msgAttachment-carousel-cell .scaleSize {
    zoom: 1.2;
}

[b-qwd9t510bq] .msgAttachment-carousel-cell.is-selected {
}

[b-qwd9t510bq] .msgAttachment-carousel-cell:before {
    display: block;
    text-align: center;
}

.msgAttachment-smallCard[b-qwd9t510bq] {
    display: grid;
    width: 235px;
    grid-template-columns: 235px;
    grid-template-rows: 235px 50px 60px;
    grid-template-areas: "image" "text" "stats";
    border-radius: .4vw;
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

.msgAttachment-card-video[b-qwd9t510bq] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
    max-width: 235px;
    max-height: 235px;
}

.msgAttachment-card-image[b-qwd9t510bq] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

.msgAttachment-smallcard-text[b-qwd9t510bq] {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    max-width: 235px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    .msgAttachment-smallcard-text .active[b-qwd9t510bq] {
        color: var(--color-primary-main-support);
    }

.msgAttachment-smallcard-stats[b-qwd9t510bq] {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    .msgAttachment-smallcard-stats .msgAttachment-stats[b-qwd9t510bq] {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    .msgAttachment-smallcard-stats .msgAttachment-border[b-qwd9t510bq] {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    .msgAttachment-smallcard-stats .msgAttachment-type[b-qwd9t510bq] {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .msgAttachment-smallcard-stats .msgAttachment-value[b-qwd9t510bq] {
        font-weight: 700;
    }

    .msgAttachment-smallcard-stats .value sup[b-qwd9t510bq] {
        font-size: 12px;
    }



.msgAttachment-smallTextFixed[b-qwd9t510bq] {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/AppendAdSetToCampaignComponent.razor.rz.scp.css */
.k-daterange-picker[b-ga95ujlj5r], .k-daterangepicker[b-ga95ujlj5r] {
}

[b-ga95ujlj5r] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
}

[b-ga95ujlj5r] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-ga95ujlj5r] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/CampaignAddMediaProductsComponent.razor.rz.scp.css */
[b-bbvsjy69mm] .bannermodule-carousel-cell {
    counter-increment: carousel-cell;
}

    [b-bbvsjy69mm] .bannermodule-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-bbvsjy69mm] .bannermodule-carousel-cell.is-selected {
    }

    [b-bbvsjy69mm] .bannermodule-carousel-cell:before {
        display: block;
        text-align: center;
    }

[b-bbvsjy69mm] .bannermodule-smallCard {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    grid-template-areas: "image" "text" "stats";
    /*border-radius: .4vw;*/
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

[b-bbvsjy69mm] .bannermodule-card-image {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

[b-bbvsjy69mm] .bannermodule-smallcard-text {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    [b-bbvsjy69mm] .bannermodule-smallcard-text .active {
        color: var(--color-primary-main-support);
    }

[b-bbvsjy69mm] .bannermodule-smallcard-stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    [b-bbvsjy69mm] .bannermodule-smallcard-stats .bannermodule-stats {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    [b-bbvsjy69mm] .bannermodule-smallcard-stats .bannermodule-border {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    [b-bbvsjy69mm] .bannermodule-smallcard-stats .bannermodule-type {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    [b-bbvsjy69mm] .bannermodule-smallcard-stats .bannermodule-value {
        font-weight: 700;
    }

        [b-bbvsjy69mm] .bannermodule-smallcard-stats .value sup {
            font-size: 12px;
        }



[b-bbvsjy69mm] .bannermodule-smallTextFixed {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/CampaignCustEditChannelsComponent.razor.rz.scp.css */

.k-daterange-picker[b-c4j21m66tj], .k-daterangepicker[b-c4j21m66tj] {
}

[b-c4j21m66tj] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-c4j21m66tj] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-c4j21m66tj] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/CampaignEditChannelsComponent.razor.rz.scp.css */

.k-daterange-picker[b-icoy543ybm], .k-daterangepicker[b-icoy543ybm] {
}

[b-icoy543ybm] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-icoy543ybm] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-icoy543ybm] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/ImportExternalCampaignComponent.razor.rz.scp.css */
[b-yxom38fvib] .bannermodule-carousel-cell {
    counter-increment: carousel-cell;
}

    [b-yxom38fvib] .bannermodule-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-yxom38fvib] .bannermodule-carousel-cell.is-selected {
    }

    [b-yxom38fvib] .bannermodule-carousel-cell:before {
        display: block;
        text-align: center;
    }

[b-yxom38fvib] .bannermodule-smallCard {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    grid-template-areas: "image" "text" "stats";
    /*border-radius: .4vw;*/
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

[b-yxom38fvib] .bannermodule-card-image {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

[b-yxom38fvib] .bannermodule-smallcard-text {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    [b-yxom38fvib] .bannermodule-smallcard-text .active {
        color: var(--color-primary-main-support);
    }

[b-yxom38fvib] .bannermodule-smallcard-stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    [b-yxom38fvib] .bannermodule-smallcard-stats .bannermodule-stats {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    [b-yxom38fvib] .bannermodule-smallcard-stats .bannermodule-border {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    [b-yxom38fvib] .bannermodule-smallcard-stats .bannermodule-type {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    [b-yxom38fvib] .bannermodule-smallcard-stats .bannermodule-value {
        font-weight: 700;
    }

        [b-yxom38fvib] .bannermodule-smallcard-stats .value sup {
            font-size: 12px;
        }



[b-yxom38fvib] .bannermodule-smallTextFixed {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/StateHandling/CampaignPublishComponent.razor.rz.scp.css */

.k-daterange-picker[b-75p4zdi2oe], .k-daterangepicker[b-75p4zdi2oe] {
}

[b-75p4zdi2oe] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-75p4zdi2oe] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-75p4zdi2oe] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/StateHandling/PublishResponseMessages.razor.rz.scp.css */

.k-daterange-picker[b-3osp20c6uc], .k-daterangepicker[b-3osp20c6uc] {
}

[b-3osp20c6uc] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-3osp20c6uc] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-3osp20c6uc] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/StateHandling/StatusCheckMessages.razor.rz.scp.css */

.k-daterange-picker[b-sd3ns22t32], .k-daterangepicker[b-sd3ns22t32] {
}

[b-sd3ns22t32] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-sd3ns22t32] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-sd3ns22t32] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Invoice/CampaignInvoicesWindowComponent.razor.rz.scp.css */

.nav-link[b-3qpxays6me] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Lists/CampaignListComponent.razor.rz.scp.css */
body[b-ky5dgbawxy] {
}

/*  ----------------------------------------
    Outer shell with filter, etc.
    ----------------------------------------
*/

div.campaignlist_outer[b-ky5dgbawxy] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

div.campaignlist_filter_outer[b-ky5dgbawxy] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div.campaignlist_filter_inner[b-ky5dgbawxy] {
    display: flex;
    justify-content: flex-start;
}

div.campaigntable_outer[b-ky5dgbawxy] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.break[b-ky5dgbawxy] {
    flex-basis: 100%;
    height: 0;
}

/*  ----------------------------------------
    Individual lists.
    ----------------------------------------
*/

[b-ky5dgbawxy] .campaign_row {
    height: 3rem !important;
}

    [b-ky5dgbawxy] .campaign_row.header {
        height: 3rem !important;
    }

[b-ky5dgbawxy] .campaign_sortable_header {
    display: block;
    /*margin-bottom: 9px;*/
    height: 25px;
    margin-bottom: 8px; /* Why? */
    font-size: 1.1rem;
}

    [b-ky5dgbawxy] .campaign_sortable_header.selected {
        color: var(--color-primary-main-lighten) !important;
    }

[b-ky5dgbawxy] .campaign_header {
    display: block;
    font-size: 1.1rem;
    height: 25px;
}

[b-ky5dgbawxy] div.no_sort_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.div.campaignlist_table[b-ky5dgbawxy] {
    width: 100%;
    overflow: auto;
    background-color: green;
}

[b-ky5dgbawxy] span.edit_campaign_button {
    padding-right: 0.75rem;
}

[b-ky5dgbawxy] div.edit_star_outer_span {
    display: flex;
    justify-content: left;
}

[b-ky5dgbawxy] span.campaign_title {
    cursor: pointer;
    font-weight: bold;
}

[b-ky5dgbawxy] span.campaign_title_draft {
    font-weight: bold;
}

[b-ky5dgbawxy] span.campaign_counter {
    font-size: small;
    font-variant-numeric: tabular-nums;
    vertical-align: top;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Optimization/CampaignOptimizeEventsWindow.razor.rz.scp.css */

.nav-link[b-mnwczyuj31] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Widgets/PostingPublishingComponent.razor.rz.scp.css */
body[b-9esmh95v09] {
}

div.network-icons-outer[b-9esmh95v09] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-top: -0.5rem;
}

/*
    ----------------------------------------
    Colorized media icons (networks)
    https://isotropic.co/tool/hex-color-to-css-filter/
    ----------------------------------------
*/

.color-error[b-9esmh95v09] {
    /* In essence used for missing channel definitions. */
    /* #FF0000 */
    filter: invert(29%) sepia(91%) saturate(7360%) hue-rotate(2deg) brightness(98%) contrast(130%);
}

.color-draft[b-9esmh95v09] {
    /* Black - unchanged */
}

.color-setup[b-9esmh95v09] {
    /* #F6A321 */
    filter: invert(72%) sepia(50%) saturate(2172%) hue-rotate(345deg) brightness(102%) contrast(93%);
}

.color-active[b-9esmh95v09] {
    /* #4Cb79A */
    filter: invert(60%) sepia(72%) saturate(292%) hue-rotate(113deg) brightness(91%) contrast(91%);
}

.color-paused[b-9esmh95v09] {
    /* #187FB3 */
    filter: invert(33%) sepia(83%) saturate(1180%) hue-rotate(172deg) brightness(95%) contrast(81%);
}

.color-ended[b-9esmh95v09] {
    /* #8B8B8B */
    filter: invert(57%) sepia(7%) saturate(0%) hue-rotate(278deg) brightness(96%) contrast(81%);
}
/* _content/Frantz.BusinessManager/Components/Economy/InvoicesWindowComponent.razor.rz.scp.css */

.nav-link[b-notm1r2c82] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Employment/SSBEmploymentMapComponent.razor.rz.scp.css */
body[b-2tazqf7egf] {

}

.outer_container[b-2tazqf7egf] {
    width: 34rem;
    /*background-color: bisque;*/
}

.processing[b-2tazqf7egf] {
    font-size: 0.75rem;
    font-weight: bold;
}

.employment_heading[b-2tazqf7egf] {
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .employment_heading.button[b-2tazqf7egf] {
        font-size: 1.2rem;
        font-weight: bold;
    }

        .employment_heading.button:hover[b-2tazqf7egf] {
            cursor: pointer;
        }

.vacancy_heading[b-2tazqf7egf] {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
}

    .vacancy_heading.button[b-2tazqf7egf] {
        font-size: 1.2rem;
        font-weight: bold;
    }

        .vacancy_heading.button:hover[b-2tazqf7egf] {
            cursor: pointer;
        }

.employment_container_outer[b-2tazqf7egf] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
}

.first_column[b-2tazqf7egf] {
    width: 7rem;
    min-width: 7rem;
    /*background-color: green;*/
    margin-right: 1rem;
}

    .first_column.first[b-2tazqf7egf] {
        padding-bottom: 0.5rem;
    }

    .first_column.button[b-2tazqf7egf] {
    }

        .first_column.button:hover[b-2tazqf7egf] {
            cursor: pointer;
        }

    .first_column.details[b-2tazqf7egf] {
        /*width: 7rem;*/
        /*margin-right: 1rem;*/
    }

.second_column[b-2tazqf7egf] {
    width: 4rem;
    min-width: 4rem;
    text-align: right;
    /*background-color: yellow;*/
    margin-right: 1rem;
    font-variant-numeric: tabular-nums;
}

    .second_column.first[b-2tazqf7egf] {
        padding-top: 0.2rem;
    }

    .second_column.details[b-2tazqf7egf] {
        width: 4rem;
        margin-right: 1rem;
    }

.third_column[b-2tazqf7egf] {
    /*width: 85%;*/
/*    width: 30rem;
    min-width: 30rem;*/
    width: 100%;
    /*background-color: red;*/
}
    .third_column.vacancy.half[b-2tazqf7egf] {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: start;
    }

    .third_column.vacancy.half.title[b-2tazqf7egf] {
        font-weight: bold;
    }

    .third_column.first[b-2tazqf7egf] {
        padding-top: 0.2rem;
    }

    .third_column.button[b-2tazqf7egf] {
    }

        .third_column.button:hover[b-2tazqf7egf] {
            font-weight: bold;
            cursor: pointer;
        }

        .third_column.button.details[b-2tazqf7egf] {
            font-weight: bold;
        }

    .third_column.details[b-2tazqf7egf] {
        /*width: 30rem;*/ /* 30rem */
        /*min-width: 30rem;*/ /* 30rem */
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: start;
    }

        .third_column.details:hover[b-2tazqf7egf] {
            font-weight: bold;
        }

        .third_column.details.vacancy[b-2tazqf7egf] {
            /*width: 30rem;*/ /* 30rem */
            /*min-width: 30rem;*/ /* 30rem */
            /*width: 50%;*/
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            justify-content: start;
            /*background-color: orange;*/
            background-color: var(--color-rapporter-4-20);
            padding-left: 0.25rem;
            padding-right: 0.25rem;
        }

            .third_column.details.vacancy:hover[b-2tazqf7egf] {
                font-weight: bold;
                background-color: var(--color-rapporter-4-50);
            }

        .third_column.details.unfolded[b-2tazqf7egf] {
            background-color: var(--color-rapporter-4-20);
            padding-left: 0.25rem;
            padding-right: 0.25rem;
        }

            .third_column.details.unfolded:hover[b-2tazqf7egf] {
                font-weight: bold;
                background-color: var(--color-rapporter-4-50);
            }

.details_region[b-2tazqf7egf] {
    width: 16rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*background-color: red;*/
}

.details_employed[b-2tazqf7egf] {
    padding-left: 1rem;
    width: 4rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    /*background-color: green;*/
}

.details_employed_two[b-2tazqf7egf] {
    padding-left: 1rem;
    width: 4rem;
    text-align: left;
    font-variant-numeric: tabular-nums;
}

.details_vacancies[b-2tazqf7egf] {
    width: 12rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*background-color: red;*/
}

.employment_container_inner[b-2tazqf7egf] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    /*background-color: yellow;*/
}

    .employment_container_inner.top[b-2tazqf7egf] {
        
    }

.origin_row[b-2tazqf7egf] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding-bottom: 0rem;
    /*background-color: red;*/
}

.industry_container[b-2tazqf7egf] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 0.5rem;
}

    .industry_container.vacancy[b-2tazqf7egf] {
        
    }

.employment_row[b-2tazqf7egf] {
    width: 100%;
    /*background-color: green;*/
    display: flex;
    justify-content: space-between;
    /*background-color: aqua;*/
}

    .employment_row.first[b-2tazqf7egf] {
        /*width: 100%;*/
        font-weight: bold;
        padding-bottom: 0rem;
    }

.employment_row_industry[b-2tazqf7egf] {    
    /*width: 50%;*/
}

.break[b-2tazqf7egf] {
    flex-basis: 100%;
    height: 0;
}

.spacer_vertical[b-2tazqf7egf] {
    height: 1rem;
}

    .spacer_vertical.border[b-2tazqf7egf] {
        /*border-bottom: 0px solid black;*/
    }

.paper[b-2tazqf7egf] {
    background-color: beige;
}
/* _content/Frantz.BusinessManager/Components/Employment/SSBKioskSummaryMapComponent.razor.rz.scp.css */
body[b-zepe6ow23l] {
}

.kiosk_summary_outer[b-zepe6ow23l] {
    font-size: 0.8rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.kiosk_summary_lines[b-zepe6ow23l] {

}

.kiosk_summary_numbers[b-zepe6ow23l] {
    font-weight: bold;
    font-variant-numeric: tabular-nums;
}

.break[b-zepe6ow23l] {
    flex-basis: 100%;
    height: 0;
}

.breakDouble[b-zepe6ow23l] {
    flex-basis: 100%;
    height: 1rem;
}
/* _content/Frantz.BusinessManager/Components/Landingpages/LandingpageDevPageComponent.razor.rz.scp.css */

[b-02064rcibc] body {
    -webkit-font-smoothing: subpixel-antialiased;
}

[b-02064rcibc].tw-color {
    color: #009fe3;
}

[b-02064rcibc].in-color {
    color: #0579b7;
}

[b-02064rcibc].fb-color {
    color: #2f64b8;
}

[b-02064rcibc].mail-color {
    color: #f6a508
}

[b-02064rcibc].fIcon {
    min-width: 40px;
    transform: scale(1.5);
    padding-left: 1vmin;
    padding-right: 1vmin;
    cursor: pointer;
}

[b-02064rcibc].image-container {
    container: card / inline-size;
}

@@container (max-width: 768px) {
    [b-02064rcibc].frantzTopImagePortrait {
        display: block !important;
    }
}

@@container (min-width: 769px) {
    [b-02064rcibc].frantzTopImageLandscape {
        display: block !important;
    }
}

/**
 * ----------------------------------------
 * animation transition open/close content
 * ----------------------------------------
 */
[b-02064rcibc].height-transition {
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    overflow-y: hidden;
    overflow-x: hidden;
}

    [b-02064rcibc].height-transition.hidden {
        max-height: 0;
    }

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */

[b-02064rcibc].slide-in-right {
    -webkit-animation: slide-in-right 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-right-b-02064rcibc 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right-b-02064rcibc {
    0% {
        -webkit-transform: translateX(100vw);
        transform: translateX(100vw);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


/**
 * ----------------------------------------
 * fade-zoom image
 * ----------------------------------------
 */

[b-02064rcibc].kenburns-bottom {
    -webkit-animation: kenburns-bottom 5s ease-out both;
    animation: kenburns-bottom-b-02064rcibc 5s ease-out both
}

@-webkit-keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%
    }

    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }
}

@keyframes kenburns-bottom-b-02064rcibc {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%
    }

    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }
}

[b-02064rcibc].jello-horizontal {
    -webkit-animation: jello-horizontal .9s both;
    animation: jello-horizontal-b-02064rcibc .9s both
}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-9 22:4:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes jello-horizontal-b-02064rcibc {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}


/**
 * ----------------------------------------
 * animation expand forward
 * ----------------------------------------
 */

[b-02064rcibc].tracking-in-expand-fwd {
    -webkit-animation: tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both;
    animation: tracking-in-expand-fwd-b-02064rcibc .8s cubic-bezier(.215,.61,.355,1.000) both
}

@-webkit-keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -.5em;
        -webkit-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes tracking-in-expand-fwd-b-02064rcibc {
    0% {
        letter-spacing: -.5em;
        -webkit-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */

[b-02064rcibc].tracking-in-contract {
    -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-contract-b-02064rcibc 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

@keyframes tracking-in-contract-b-02064rcibc {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */

[b-02064rcibc].text-focus-in {
    -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in-b-02064rcibc 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes text-focus-in-b-02064rcibc {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */

[b-02064rcibc].swing-in-top-fwd {
    -webkit-animation: swing-in-top-fwd 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd-b-02064rcibc 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

@keyframes swing-in-top-fwd-b-02064rcibc {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}


/**
 * ----------------------------------------
 * GDPR WINDOW STYLES
 * ----------------------------------------
 */


[b-02064rcibc].gdprNoselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

[b-02064rcibc].backgroundblur {
    pointer-events: none;
}

[b-02064rcibc].gdprWindowLayout {
    display: block;
    position: fixed;
    min-height: 330px;
    width: 380px;
    padding: 1.3vw;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
}

[b-02064rcibc].gdprAcceptButton {
    pointer-events: all;
    background-color: #ffa400;
    width: 100px;
    height: 46px;
    line-height: 46px;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: auto;
}

[b-02064rcibc].gdprSettingsButton {
    pointer-events: all;
    background-color: transparent;
    width: 140px;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    color: grey;
    font-weight: 300;
    float: center;
    cursor: pointer;
    left: 0;
    right: 0;
    margin: auto;
}

[b-02064rcibc].gdprContentSettingOptionLine {
    display: block;
    margin-bottom: 15px;
}

[b-02064rcibc].hideSettings {
    display: none !important;
}

@media screen and (min-width: 0px) {
    [b-02064rcibc].gdprcontentwindow {
        margin-top: 2%;
        width: 96%;
        padding: 2.0vw;
        font-size: 12px;
        max-width: 768px;
    }
}

@media screen and (min-width: 768px) {
    [b-02064rcibc].gdprcontentwindow {
        margin-top: 8%;
        padding: 3vh;
        width: 414px;
        font-size: 14px;
        max-width: 768px;
    }
}

@media screen and (min-width: 0px) and (orientation:portrait) {

    [b-02064rcibc].gdprcontentwindow {
        margin-top: 8%;
        width: 90%;
        padding: 4.0vw;
        font-size: 14px !important;
    }
}

@media screen and (min-width: 768px) and (orientation:portrait) {
    [b-02064rcibc].gdprcontentwindow {
        padding: 3vh;
        width: 414px;
    }
}

@media screen and (min-width: 0px) and (orientation:landscape) {

    [b-02064rcibc].gdprContentSettingOptionLine {
        margin-bottom: 1.5vh;
    }

    [b-02064rcibc].gdprSettingsButton {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (orientation:landscape) {
    [b-02064rcibc].gdprcontentwindow {
        margin-top: 2%;
        padding: 1.5vw;
        padding-left: 3vw;
        padding-right: 3vw;
        width: 80%;
    }
}

@media screen and (max-height: 667px) and (orientation:portrait) {
    [b-02064rcibc].gdprcontentwindow {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 667px) and (orientation:portrait) {
    [b-02064rcibc].gdprcontentwindow {
        font-size: 12px;
    }
}


/* _content/Frantz.BusinessManager/Components/Map/MapComponent.razor.rz.scp.css */
body[b-qim5hrskxl] {
}

div.selectedLocation[b-qim5hrskxl] {
    height: 2rem;
    /*font-size: 1.2rem;*/
    font-weight: bold;
    padding-left: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 2rem;
    /*background-color: white;*/
}

div.map_container[b-qim5hrskxl] {
    margin-right: 0.4rem;
}
/* _content/Frantz.BusinessManager/Components/Media/MediaLibraryImageSelectorComponent.razor.rz.scp.css */
[b-048v5x9gvl] .k-button {
    width:3em;
}
[b-048v5x9gvl] .k-picker {
    width: 3em;
}
    [b-048v5x9gvl] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

[b-048v5x9gvl] .k-picker .k-input-button {
    display: none;
}
[b-048v5x9gvl] .k-picker-flat:focus-within {
    box-shadow:none;
}
/* _content/Frantz.BusinessManager/Components/Menu/LeftMenu.razor.rz.scp.css */
[b-1p71mmv309]::-webkit-scrollbar {
    width: .8vmin;
    height: .8vmin;
}

/* Track */
[b-1p71mmv309]::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 .15vw rgba(0,0,0,0.3);*/
}

/* Handle */
[b-1p71mmv309]::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    /*background: transparent;*/ /*#574230;*/
    background: #3F728C;
}

/* Handle on hover */
[b-1p71mmv309]::-webkit-scrollbar-thumb:hover {
    /*background: transparent;*/ /*#574230;*/
    background: #187FB3;
}

.container-fluid[b-1p71mmv309] {
    align-items: flex-start;
}

.navbar-toggler[b-1p71mmv309] {
    background-color: var(--color-background-light) !important;
}

.top-row[b-1p71mmv309] {
    height: var(--height-top-bar);
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-1p71mmv309] {
    font-size: 0.875rem;
}

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


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

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

    .nav-scrollable[b-1p71mmv309] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - var(--height-top-bar));
        overflow-y: auto;
        scrollbar-color: #578397 transparent;
    }
}
/* _content/Frantz.BusinessManager/Components/Menu/MenuBusinessManager.razor.rz.scp.css */
/* _content/Frantz.BusinessManager/Components/Menu/TopMenuCampaigns.razor.rz.scp.css */

[b-3i0fylyjdy] .topmenu-dropdown-label {
    font-size: 1rem;
    font-weight: bold;
    margin-right: 1rem;
    vertical-align: middle;
}

[b-3i0fylyjdy] .favourites.k-switch-off .k-switch-track {
    
}

[b-3i0fylyjdy] .favourites.k-switch-on .k-switch-track {
    border-color: var(--color-rapporter-3) !important;
    background-color: var(--color-rapporter-3) !important;
}

[b-3i0fylyjdy] .draft.k-switch-off .k-switch-track {
    border-color: var(--color-rapporter-5-30) !important;
    /*background-color: var(--color-rapporter-5-30) !important;*/
    background-color: var(--color-campaigns-draft) !important;
}

[b-3i0fylyjdy] .draft.k-switch-on .k-switch-track {
    border-color: var(--color-campaigns-draft-inverse) !important;
    /*background-color: var(--color-rapporter-5-30) !important;*/
    background-color: var(--color-campaigns-draft) !important;
}

[b-3i0fylyjdy] .draft.k-switch-on .k-switch-thumb {
    background-color: var(--color-campaigns-draft-inverse);
}

[b-3i0fylyjdy] .setup.k-switch-on .k-switch-track {
    border-color: var(--color-primary-main-support) !important;
    background-color: var(--color-campaigns-setup) !important;
    /* background-color: var(--color-primary-main-support) !important; */
    /*
    border-color: var(--color-black) !important;
    background-color: var(--color-rapporter-2-20) !important;
    */
}

[b-3i0fylyjdy] .active.k-switch-on .k-switch-track {
    border-color: var(--color-rapporter-4) !important;
    /* background-color: var(--color-rapporter-4) !important; */
    background-color: var(--color-campaigns-active) !important;
}

[b-3i0fylyjdy] .paused.k-switch-on .k-switch-track {
    border-color: var(--color-primary-main-lighten) !important;
    /* background-color: var(--color-primary-main-lighten) !important; */
    background-color: var(--color-campaigns-paused) !important;
}

[b-3i0fylyjdy] .ended.k-switch-on .k-switch-track {
    border-color: var(--color-primary-main-support-greyscale) !important;
    /* background-color: var(--color-primary-main-support-greyscale) !important; */
    background-color: var(--color-campaigns-ended) !important;
}
/* _content/Frantz.BusinessManager/Components/Menu/TopMenuInvoices.razor.rz.scp.css */

[b-o057g54hv3] .favourites.k-switch-off .k-switch-track {
    
}

[b-o057g54hv3] .favourites.k-switch-on .k-switch-track {
    border-color: var(--color-rapporter-3) !important;
    background-color: var(--color-rapporter-3) !important;
}

[b-o057g54hv3] .draft.k-switch-off .k-switch-track {
    border-color: var(--color-rapporter-5-30) !important;
    /*background-color: var(--color-rapporter-5-30) !important;*/
    background-color: var(--color-campaigns-draft) !important;
}

[b-o057g54hv3] .draft.k-switch-on .k-switch-track {
    border-color: var(--color-campaigns-draft-inverse) !important;
    /*background-color: var(--color-rapporter-5-30) !important;*/
    background-color: var(--color-campaigns-draft) !important;
}

[b-o057g54hv3] .draft.k-switch-on .k-switch-thumb {
    background-color: var(--color-campaigns-draft-inverse);
}

[b-o057g54hv3] .setup.k-switch-on .k-switch-track {
    border-color: var(--color-primary-main-support) !important;
    background-color: var(--color-campaigns-setup) !important;
    /* background-color: var(--color-primary-main-support) !important; */
    /*
    border-color: var(--color-black) !important;
    background-color: var(--color-rapporter-2-20) !important;
    */
}

[b-o057g54hv3] .active.k-switch-on .k-switch-track {
    border-color: var(--color-rapporter-4) !important;
    /* background-color: var(--color-rapporter-4) !important; */
    background-color: var(--color-campaigns-active) !important;
}

[b-o057g54hv3] .paused.k-switch-on .k-switch-track {
    border-color: var(--color-primary-main-lighten) !important;
    /* background-color: var(--color-primary-main-lighten) !important; */
    background-color: var(--color-campaigns-paused) !important;
}

[b-o057g54hv3] .ended.k-switch-on .k-switch-track {
    border-color: var(--color-primary-main-support-greyscale) !important;
    /* background-color: var(--color-primary-main-support-greyscale) !important; */
    background-color: var(--color-campaigns-ended) !important;
}
/* _content/Frantz.BusinessManager/Components/Notifications/NotificationIconItem.razor.rz.scp.css */

.nav-link[b-zwplf5axis] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Reporting/InsightsReportComponent.razor.rz.scp.css */
[b-xnjaamvyo2] .campaignReport-header {
    width:100%;
    min-height: 4rem;
}

[b-xnjaamvyo2] .campaignReport-header-logo {
    width: 25rem;
    max-width: 70%;
}

    [b-xnjaamvyo2] .campaignReport-header-title {
        width: 100%;
    }
/* _content/Frantz.BusinessManager/Components/Reporting/ModuleBannerComponent.razor.rz.scp.css */
[b-y3qakdpss4] .bannermodule-carousel-cell {
    counter-increment: carousel-cell;
}

    [b-y3qakdpss4] .bannermodule-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-y3qakdpss4] .bannermodule-carousel-cell.is-selected {
    }

    [b-y3qakdpss4] .bannermodule-carousel-cell:before {
        display: block;
        text-align: center;
    }

[b-y3qakdpss4] .bannermodule-smallCard {
    display: grid;
    /*width: 235px;*/
    /*grid-template-columns: 235px;*/
    /*grid-template-rows: 235px 50px 60px;*/
    grid-template-areas: "image" "text" "stats";
    /*border-radius: .4vw;*/
    background: white;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
    text-align: center;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
}

[b-y3qakdpss4] .bannermodule-card-image {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

[b-y3qakdpss4] .bannermodule-smallcard-text {
    display: inline-flex;
    float: left;
    flex-wrap: wrap;
    grid-area: text;
    margin-left: 25px;
    margin-right: 25px;
    font-weight: bold;
    margin: auto;
    z-index: 1;
}

    [b-y3qakdpss4] .bannermodule-smallcard-text .active {
        color: var(--color-primary-main-support);
    }

[b-y3qakdpss4] .bannermodule-smallcard-stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: .4vw;
    border-bottom-right-radius: .4vw;
    background: rgb(0, 63, 90);
}

    [b-y3qakdpss4] .bannermodule-smallcard-stats .bannermodule-stats {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    [b-y3qakdpss4] .bannermodule-smallcard-stats .bannermodule-border {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    [b-y3qakdpss4] .bannermodule-smallcard-stats .bannermodule-type {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    [b-y3qakdpss4] .bannermodule-smallcard-stats .bannermodule-value {
        font-weight: 700;
    }

        [b-y3qakdpss4] .bannermodule-smallcard-stats .value sup {
            font-size: 12px;
        }



[b-y3qakdpss4] .bannermodule-smallTextFixed {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Reporting/ModuleDisplayLeadsComponent.razor.rz.scp.css */

/* _content/Frantz.BusinessManager/Components/Reporting/ModuleInteresstedComponent.razor.rz.scp.css */

/* _content/Frantz.BusinessManager/Components/Reporting/ModuleTimelineComponent.razor.rz.scp.css */

/* _content/Frantz.BusinessManager/Components/Shared/DialogComponent.razor.rz.scp.css */
/*.dialogContentContainer,
::deep .dialogContentContainer {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
}
*/

.dialogIconContainer[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogIconContainer {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}

.dialogIcon[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogIcon {
    width: 50px;
    height: 50px;
}

.dialogTitle[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogTitle {
    /*height: 10px;*/
    font-size: 1.2rem;
    font-variant-caps: all-small-caps;
}

.dialogText[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogText {
/*    position: absolute;
    left: 5%;
    width: 90%;*/
    /*max-height: 40%;*/ /* 20241206 */
    /*overflow: scroll;*/
    min-height:6rem;
    overflow: auto;
    overflow-wrap: break-word;
}

.dialogButtons[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogButtons {
    /*position: absolute;*/
    bottom: 20px;
    /*left: 0px auto;*/
    /*width: 92%;*/
    max-height: 100px;
    /*display: flex;*/
    /*justify-content: space-evenly;*/
/*    flex-wrap: wrap;
    flex-direction: row;*/
    column-gap: 0%;
    row-gap: 10px;
    overflow: auto;
}

.dialogButtonSize[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogButtonSize {
    min-width: 90px;
    margin: 0px !important;

}

.dialogSeverityQuestion[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogSeverityQuestion {
    /* Reports: #0C3F59 */
    filter: invert(17%) sepia(68%) saturate(1074%) hue-rotate(167deg) brightness(88%) contrast(92%);
    /* https://codepen.io/sosuke/pen/Pjoqqp */
}

.dialogSeverityInformation[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogSeverityInformation {
    /* Reports: #4CB79A */
    filter: invert(64%) sepia(4%) saturate(3537%) hue-rotate(113deg) brightness(95%) contrast(108%);
    /* https://codepen.io/sosuke/pen/Pjoqqp */
}

.dialogSeverityWarning[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogSeverityWarning {
    /* Main Support: #F6A321 */
    filter: invert(88%) sepia(28%) saturate(6050%) hue-rotate(340deg) brightness(96%) contrast(100%);
    /* https://codepen.io/sosuke/pen/Pjoqqp */
}

.dialogSeverityCritical[b-1k2l7khxzp],
[b-1k2l7khxzp] .dialogSeverityCritical {
    /* Reports: #EC624D */
    filter: invert(49%) sepia(87%) saturate(727%) hue-rotate(324deg) brightness(90%) contrast(105%);
    /* https://codepen.io/sosuke/pen/Pjoqqp */
}
/* _content/Frantz.BusinessManager/Components/Shared/FileListComponent.razor.rz.scp.css */
.fileListContainer[b-9fp6qmyj2w] {
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px;
}

.fileListHeading[b-9fp6qmyj2w] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    margin-bottom: 0.5rem;
}

.fileListFooter[b-9fp6qmyj2w] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    border-top: 1px solid var(--color-campaigns-setup);
    margin-top: 0.5rem;
}

.fileList[b-9fp6qmyj2w] {
    /*font-size: 1rem;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
    padding-top: 0rem;
    padding-bottom: 0rem;
    column-gap: 2rem;
    /* border-bottom: 1px dotted gray;*/
}

    .fileList:hover[b-9fp6qmyj2w] {
        background-color: var(--campaigns-row-highlight);
    }

.fileName[b-9fp6qmyj2w] {
    width: 25rem;
    padding-left: 15px;
}

.fileDetails[b-9fp6qmyj2w] {
    width: 12rem;
    font-size: 0.75rem;
    align-items: center;
    vertical-align: middle;
}

.trash[b-9fp6qmyj2w] {
    width: 1.2rem;
    height: 1.2rem;
}
/* _content/Frantz.BusinessManager/Components/Shared/FileListComponentAI.razor.rz.scp.css */
.fileListContainer[b-qmicp0tbw2] {
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px;
}

.fileListHeading[b-qmicp0tbw2] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    margin-bottom: 0.5rem;
}

.fileListFooter[b-qmicp0tbw2] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    border-top: 1px solid var(--color-campaigns-setup);
    margin-top: 0.5rem;
}

.fileList[b-qmicp0tbw2] {
    /*font-size: 1rem;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
    padding-top: 0rem;
    padding-bottom: 0rem;
    column-gap: 2rem;
    /* border-bottom: 1px dotted gray;*/
}

    .fileList:hover[b-qmicp0tbw2] {
        background-color: var(--campaigns-row-highlight);
    }

.fileName[b-qmicp0tbw2] {
    width: 25rem;
    padding-left: 15px;
}

.fileDetails[b-qmicp0tbw2] {
    width: 12rem;
    font-size: 0.75rem;
    align-items: center;
    vertical-align: middle;
}

.trash[b-qmicp0tbw2] {
    width: 1.2rem;
    height: 1.2rem;
}

/* AI specific */

.uploaded-files-container[b-qmicp0tbw2] {
    background: white;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 1.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .uploaded-files-container h4[b-qmicp0tbw2] {
        margin-top: 0;
        margin-bottom: 1rem;
        color: var(--color-primary-main);
    }

.uploaded-files-list[b-qmicp0tbw2] {
    max-height: none;
    overflow-y: auto;
    flex: 1;
}

.uploaded-file-item[b-qmicp0tbw2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: #F8FAFC;
    border-radius: 4px;
    border: none;
    transition: background 0.2s ease;
}

    .uploaded-file-item:last-child[b-qmicp0tbw2] {
        margin-bottom: 0;
    }

    .uploaded-file-item:hover[b-qmicp0tbw2] {
        background: #EFF6FF;
    }

.file-name[b-qmicp0tbw2] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    color: #1E293B;
}

.btn-delete-file[b-qmicp0tbw2] {
    background: none;
    border: none;
    color: #94A3B8;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .btn-delete-file:hover[b-qmicp0tbw2] {
        background: #FEE2E2;
        color: #EF4444;
    }
/* _content/Frantz.BusinessManager/Components/Shared/FrantzFilterComponent.razor.rz.scp.css */

.k-daterange-picker[b-g8ig5ffek8], .k-daterangepicker[b-g8ig5ffek8] {
    
}

    [b-g8ig5ffek8] .k-daterangepicker .k-dateinput {
        width:8rem!important;
    }

    [b-g8ig5ffek8] .k-daterangepicker .k-floating-label-container {
        padding-top: 0rem !important;
    }

    [b-g8ig5ffek8] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Shared/FrantzFilterComponentV2.razor.rz.scp.css */

.k-daterange-picker[b-ijd6m0bf2l], .k-daterangepicker[b-ijd6m0bf2l] {
    
}

    [b-ijd6m0bf2l] .k-daterangepicker .k-dateinput {
        width:8rem!important;
    }

    [b-ijd6m0bf2l] .k-daterangepicker .k-floating-label-container {
        padding-top: 0rem !important;
    }

    [b-ijd6m0bf2l] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Shared/FrantzFilterComponentV3.razor.rz.scp.css */

.k-daterange-picker[b-2w9k34zuct], .k-daterangepicker[b-2w9k34zuct] {
    
}

    [b-2w9k34zuct] .k-daterangepicker .k-dateinput {
        width:8rem!important;
    }

    [b-2w9k34zuct] .k-daterangepicker .k-floating-label-container {
        padding-top: 0rem !important;
    }

    [b-2w9k34zuct] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Shared/FrantzNavItem.razor.rz.scp.css */

.nav-link[b-9f5rmhc5ee] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Shared/IconDisplayComponent.razor.rz.scp.css */
body[b-toi4giny8i] {
}

.iconDisplay_outer[b-toi4giny8i] {
    z-index: -1000;
    display: flex;
    flex-direction: column;
}

/*
    ----------------------------------------
    Colorized media icons (invoices)
    https://isotropic.co/tool/hex-color-to-css-filter/
    ----------------------------------------
*/

img.media-color-invoice[b-toi4giny8i] {
    /* In essence used for missing channel definitions. */
    /* #FF0000 */
    filter: invert(76%) sepia(68%) saturate(2705%) hue-rotate(346deg) brightness(88%) contrast(86%);
}

img.media-color-creditnote[b-toi4giny8i] {
    /* In essence used for missing channel definitions. */
    /* #FF0000 */
    filter: invert(18%) sepia(87%) saturate(3182%) hue-rotate(358deg) brightness(86%) contrast(88%);
}


/*
    ----------------------------------------
    Colorized media icons (networks)
    https://isotropic.co/tool/hex-color-to-css-filter/
    ----------------------------------------
*/

img.media-color-error[b-toi4giny8i] {
    /* In essence used for missing channel definitions. */
    /* #FF0000 */
    filter: invert(29%) sepia(91%) saturate(7360%) hue-rotate(2deg) brightness(98%) contrast(130%);
}

img.media-color-draft[b-toi4giny8i] {
    /* Black - unchanged */
}

img.media-color-setup[b-toi4giny8i] {
    /* #F6A321 */
    filter: invert(72%) sepia(50%) saturate(2172%) hue-rotate(345deg) brightness(102%) contrast(93%);
}

img.media-color-active[b-toi4giny8i] {
    /* #4Cb79A */
    filter: invert(60%) sepia(72%) saturate(292%) hue-rotate(113deg) brightness(91%) contrast(91%);
}

img.media-color-paused[b-toi4giny8i] {
    /* #187FB3 */
    filter: invert(33%) sepia(83%) saturate(1180%) hue-rotate(172deg) brightness(95%) contrast(81%);
}

img.media-color-ended[b-toi4giny8i] {
    /* #8B8B8B */
    filter: invert(57%) sepia(7%) saturate(0%) hue-rotate(278deg) brightness(96%) contrast(81%);
}
/* _content/Frantz.BusinessManager/Components/Shared/TooltipComponent.razor.rz.scp.css */
body[b-0bwbe8yhkq] {
}

/*
    ----------------------------------------
    Tooltip display.

    See site.css for classes regarding the ON/OFF switch 
    and other related formatting external to the component.
    ----------------------------------------
*/

.tooltipGuide[b-0bwbe8yhkq] {
    z-index: 1; /* 100 */
    /*height: 1rem;*/
    position: relative;
    display: inline-flex;
    /*display: inline-block;*/
    /*border-bottom: 1px dotted black;*/
    width: 1.5rem;
}

    .tooltipGuide .tooltiptext[b-0bwbe8yhkq] {
        visibility: hidden;
        width: 300px;
        background-color: yellow;
        color: black;
        text-align: center;
        border-radius: 6px;
        padding: 0.5rem 1rem 0.5rem 1rem;
        /* Position the tooltip */
        position: absolute;
        z-index: 1; /* z-index: 1;*/
        top: -5px;
        left: 105%;
        border: 1px solid black;
        font-size: 0.75rem;
    }

        .tooltipGuide .tooltiptext.small[b-0bwbe8yhkq] {
            width: 10rem;
            background-color: red;
        }

        .tooltipGuide .tooltiptext.medium[b-0bwbe8yhkq] {
            width: 20rem;
        }

        .tooltipGuide .tooltiptext.large[b-0bwbe8yhkq] {
            width: 30rem;
        }

    .tooltipGuide:hover .tooltiptext[b-0bwbe8yhkq] {
        visibility: visible;
        text-align: left;
        padding-left: 1rem;
        padding-right: 1rem;
    }

.tooltipGuide_no_icon[b-0bwbe8yhkq] {
    /*z-index: 100;*/ /* 100 */
    position: relative;
    /*display: inline-flex;*/
    /*justify-content: left;*/
    /*width: 3rem;*/
}

    .tooltipGuide_no_icon .tooltiptext[b-0bwbe8yhkq] {
        visibility: hidden;
        width: 10rem;
        background-color: yellow;
        color: black;
        text-align: center;
        border-radius: 6px;
        padding: 0.5rem 1rem 0.5rem 1rem;
        /* Position the tooltip */
        position: absolute;
        z-index: 1; /* z-index: 1;*/
        top: -5px;
        left: 100%;
        border: 1px solid black;
        font-size: 0.75rem;
    }

        .tooltipGuide_no_icon .tooltiptext.small[b-0bwbe8yhkq] {
            width: 10rem;
        }

        .tooltipGuide_no_icon .tooltiptext.medium[b-0bwbe8yhkq] {
            width: 20rem;
        }

        .tooltipGuide_no_icon .tooltiptext.large[b-0bwbe8yhkq] {
            width: 30rem;
        }

    .tooltipGuide_no_icon:hover .tooltiptext[b-0bwbe8yhkq] {
        visibility: visible;
        text-align: left;
        padding-left: 1rem;
        padding-right: 1rem;
    }

.tooltip_renderfragment[b-0bwbe8yhkq] {
    display: inline-flex;
    position: inherit;
}

    .tooltip_renderfragment:hover[b-0bwbe8yhkq] {
        cursor: pointer;
    }

.tooltipIcon_blank[b-0bwbe8yhkq] {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.4rem;
    margin-left: 0.4rem;
}

.tooltipIcon[b-0bwbe8yhkq] {
    /*display: block;*/
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.4rem;
    margin-left: 0.4rem;
    /*margin-top:0.4em;*/
    /*margin-top: 0.2rem;*/
    background-image: url('../../icons/question-circle.svg');
    /*background-color: red;*/
    background-repeat: no-repeat;
    background-position-y: center;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/Campaign.razor.rz.scp.css */

[b-628djb1odd] .tabStripEditCampaign {
    
}

[b-628djb1odd] .tabStripEditCampaignTabs {
    /*border: 1px solid;*/
}

[b-628djb1odd] .div.tabStripContent {
    border: 1px 1px 1px 0px solid;
    background-color: red;
    font-weight: bold;
}

[b-628djb1odd] .span.tabStripContent {

}

[b-628djb1odd] .campaignTabSection {

}

[b-628djb1odd] div.campaignFieldShort {
    max-width: 10rem; /* 10 */
}

[b-628djb1odd] .tooltipCampaigns {
    position: relative;
    display: inline-block;
}

    [b-628djb1odd] .tooltipCampaigns .tooltiptext {
        visibility: hidden;
        width: 34px;
        font-size: 9pt !important;
        color: var(--color-black) !important;
        background-color: yellow; /*black;*/
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        /*        bottom: 100%;
        left: 50%;*/
        top: 100%;
        left: 50%;
        margin-left: -17px; /* Use half of the width to center the tooltip */
        z-index: 1;
    }

    [b-628djb1odd] .tooltipCampaigns:hover .tooltiptext {
        visibility: visible;
    }

/*::deep span.campaignFavorite {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}*/

[b-628djb1odd] img.campaignChannelExtra {
    max-width: 25px;
    max-height: 25px;
}

[b-628djb1odd] span.navItemOverlayText {
    display: inline-block;
    position: relative;
    width: 25px;
    top: 2px;
    left: -35px;
    /*color: var(--color-white);*/
    color: var(--color-black);
    font-weight: bold;
    text-align: center;
}

[b-628djb1odd] img.campaignInformation {
    /* Reports: #4CB79A */
    filter: invert(64%) sepia(4%) saturate(3537%) hue-rotate(113deg) brightness(95%) contrast(108%);
    /* https://codepen.io/sosuke/pen/Pjoqqp */
}

/*::deep img.colorGold {*/
    /* Main Support: #F6A321 */
    /*filter: invert(75%) sepia(22%) saturate(4824%) hue-rotate(345deg) brightness(104%) contrast(93%);*/
    /* Main Support Brighten: #FFD654 */
    /*filter: invert(89%) sepia(23%) saturate(1254%) hue-rotate(335deg) brightness(100%) contrast(109%);*/
    /* https://codepen.io/sosuke/pen/Pjoqqp */
/*}*/

[b-628djb1odd] .linkTarget {
    cursor: pointer;
}

[b-628djb1odd] div.campaignContainer {
    height: 100%;
    width: 100%;
    float: left;
}

[b-628djb1odd] pagingButton {
    border: 2px solid black;
    height: 30px;
    width: 30px;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
    /*font-size: 14px;
    font-weight: bold;*/
}

[b-628djb1odd] span.paging {
    border: 0px !important;
    
    /*margin-top: 5px;
    margin-right: 5px;
    width: fit-content;
    padding-left: 0px;
    padding-right:0px;  
    border: 1px solid gray;*/
}

[b-628djb1odd] .appleIcon {
    background: url(/icons/platform-apple.svg);
}

[b-628djb1odd] .linuxIcon {
    background: url(/icons/platform-linux.svg);
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/Campaigns.razor.rz.scp.css */
[b-fll1onapa1] .border-bottom {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--campaigns-border-color) !important
}

[b-fll1onapa1] .border-top-draft {
    border-top: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-black) !important;
}

[b-fll1onapa1] .border-bottom-draft {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-black) !important
}

[b-fll1onapa1] .table-body-draft {
    background-color: var(--color-campaigns-list-draft);
}

[b-fll1onapa1] .table-header-draft {
    background-color: var(--color-campaigns-list-draft);
}

[b-fll1onapa1] .table-body-setup {
    background-color: var(--color-campaigns-list-setup);
}


[b-fll1onapa1] .table-body-active {
    background-color: var(--color-campaigns-list-active);
}

[b-fll1onapa1] .table-body-paused {
    background-color: var(--color-campaigns-list-paused);
}

[b-fll1onapa1] .table-body-ended {
    background-color: var(--color-campaigns-list-ended);
}

[b-fll1onapa1] .border-bottom-setup {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-setup) !important
}

[b-fll1onapa1] .border-bottom-active {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-active) !important
}

[b-fll1onapa1] .border-bottom-paused {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-paused) !important
}

[b-fll1onapa1] .border-bottom-ended {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-ended) !important
}

[b-fll1onapa1] .indicator-list-header {
    width: 35px;
    font-size: 16pt;
    vertical-align: middle;
    text-align: center;
    border-top-left-radius: 15px;
    /*border-bottom: hidden !important;*/
}

    [b-fll1onapa1] .indicator-list-header.draft {
        background-color: var(--color-campaigns-draft-inverse);
        color: var(--color-campaigns-draft);
    }

    [b-fll1onapa1] .indicator-list-header.setup {
        background-color: var(--color-campaigns-setup); /* var(--color-campaigns-setup);*/
    }

    [b-fll1onapa1] .indicator-list-header.active {
        background-color: var(--color-campaigns-active);
    }

    [b-fll1onapa1] .indicator-list-header.paused {
        background-color: var(--color-campaigns-paused);
    }

    [b-fll1onapa1] .indicator-list-header.ended {
        background-color: var(--color-campaigns-ended);
    }

[b-fll1onapa1] .indicator-list-draft {
    color: white; /* var(--color-campaings-draft) !important; */
    background-color: var(--color-campaigns-draft-inverse);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

/*::deep .top-left-corner {
    border-top-left-radius: 15px;*/
/*border-top: hidden !important;*/
/*}*/

[b-fll1onapa1] .bottom-left-corner {
    border-bottom-left-radius: 15px;
}

[b-fll1onapa1] .indicator-list-setup {
    background-color: var(--color-campaigns-setup);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-fll1onapa1] .indicator-list-active {
    background-color: var(--color-campaigns-active);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-fll1onapa1] .indicator-list-paused {
    background-color: var(--color-campaigns-paused);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-fll1onapa1] .indicator-list-ended {
    background-color: var(--color-campaigns-ended);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-fll1onapa1] .tooltipCampaigns {
    position: relative;
    display: inline-block;
}

    [b-fll1onapa1] .tooltipCampaigns .tooltiptext {
        visibility: hidden;
        width: 34px;
        font-size: 9pt !important;
        color: var(--color-black) !important;
        background-color: yellow; /*black;*/
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        /*        bottom: 100%;
        left: 50%;*/
        top: 100%;
        left: 50%;
        margin-left: -17px; /* Use half of the width to center the tooltip */
        z-index: 1;
    }

    [b-fll1onapa1] .tooltipCampaigns:hover .tooltiptext {
        visibility: visible;
    }

[b-fll1onapa1] .campaignTable {
    border-collapse: collapse !important;
    /* Test */
    /*border-spacing: 0;
    border: 10px solid black;
    border-radius: 40px !important;*/
    /* Test 2 */
    /*    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 12px 0px;
    border: none;
    border-left: 10px solid green;
    border-radius: 40px;
    margin-bottom: 1rem;*/
}

[b-fll1onapa1] .campaignTable tr {
}

    [b-fll1onapa1] .campaignTable tr:hover {
        /*background-color: var(--color-primary-main-support-greyscale);*/
        background-color: var(--campaigns-row-highlight);
        /*background-color: var(--color-rapporter-5-20);*/
        /*color: white;*/
        /*font-weight: bold;*/
    }

[b-fll1onapa1] .campaignTableRow {
    border-top: 1px solid;
    /*flex: auto;*/
}

    [b-fll1onapa1] .campaignTableRow.draft {
        border-top-color: var(--color-campaigns-draft-inverse);
    }

    [b-fll1onapa1] .campaignTableRow.setup {
        border-top-color: rgba(246,163,33,0.3);
    }

    [b-fll1onapa1] .campaignTableRow.active {
        border-top-color: rgba(76,183,154,0.3);
    }

    [b-fll1onapa1] .campaignTableRow.paused {
        border-top-color: rgba(24,127,179,0.3);
    }

    [b-fll1onapa1] .campaignTableRow.ended {
        border-top-color: rgba(139,139,139,0.3);
    }

[b-fll1onapa1] .campaignTableCell {
    /*border-top: 1px solid;*/
    /*flex: auto;*/
}

    [b-fll1onapa1] .campaignTableCell.draft {
        border-top-color: var(--color-campaigns-draft-inverse);
    }

    [b-fll1onapa1] .campaignTableCell.setup {
        border-top-color: rgba(246,163,33,0.3);
    }

    [b-fll1onapa1] .campaignTableCell.active {
        border-top-color: rgba(76,183,154,0.3);
    }

    [b-fll1onapa1] .campaignTableCell.paused {
        border-top-color: rgba(24,127,179,0.3);
    }

    [b-fll1onapa1] .campaignTableCell.ended {
        border-top-color: rgba(139,139,139,0.3);
    }

[b-fll1onapa1] span.campaignFavorite {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

[b-fll1onapa1] img.campaignChannelExtra {
    max-width: 25px;
    max-height: 25px;
}

[b-fll1onapa1] span.navItemOverlayText {
    display: inline-block;
    position: relative;
    width: 25px;
    top: 2px;
    left: -35px;
    /*color: var(--color-white);*/
    color: var(--color-black);
    font-weight: bold;
    text-align: center;
}

[b-fll1onapa1] img.campaignInformation {
    /* Reports: #4CB79A */
    filter: invert(64%) sepia(4%) saturate(3537%) hue-rotate(113deg) brightness(95%) contrast(108%);
    /* https://codepen.io/sosuke/pen/Pjoqqp */
}

[b-fll1onapa1] img.colorGold {
    /* Main Support: #F6A321 */
    filter: invert(75%) sepia(22%) saturate(4824%) hue-rotate(345deg) brightness(104%) contrast(93%);
    /* Main Support Brighten: #FFD654 */
    /*filter: invert(89%) sepia(23%) saturate(1254%) hue-rotate(335deg) brightness(100%) contrast(109%);*/
    /* https://codepen.io/sosuke/pen/Pjoqqp */
}

[b-fll1onapa1] .linkTarget {
    cursor: pointer;
}

[b-fll1onapa1] div.campaignContainer {
    height: 100%;
    width: 100%;
    float: left;
}

[b-fll1onapa1] pagingButton {
    border: 2px solid black;
    height: 30px;
    width: 30px;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
    /*font-size: 14px;
    font-weight: bold;*/
}

[b-fll1onapa1] span.paging {
    border: 0px !important;
    /*    margin-top: 5px;
    margin-right: 5px;
    width: fit-content;
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid gray;*/
}

[b-fll1onapa1] .appleIcon {
    background: url(/icons/platform-apple.svg);
}

[b-fll1onapa1] .linuxIcon {
    background: url(/icons/platform-linux.svg);
}

/* Campaign Lists */

body[b-fll1onapa1] {
}

/*  ----------------------------------------
    Outer shell with filter, etc.
    ----------------------------------------
*/

div.campaignlist_outer[b-fll1onapa1] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

div.campaignlist_filter_outer[b-fll1onapa1] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div.campaignlist_filter_inner[b-fll1onapa1] {
    display: flex;
    justify-content: flex-start;
}

div.campaigntable_outer[b-fll1onapa1] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.break[b-fll1onapa1] {
    flex-basis: 100%;
    height: 0;
}

/*  ----------------------------------------
    Individual lists.
    ----------------------------------------
*/

[b-fll1onapa1] .campaign_row {
    height: 3rem !important;
}

    [b-fll1onapa1] .campaign_row.header {
        height: 3rem !important;
    }

[b-fll1onapa1] .campaign_sortable_header {
    display: block;
    /*margin-bottom: 9px;*/
    height: 25px;
    margin-bottom: 8px; /* Why? */
    font-size: 1.1rem;
}

    [b-fll1onapa1] .campaign_sortable_header.selected {
        color: var(--color-primary-main-lighten) !important;
    }

[b-fll1onapa1] .campaign_header {
    display: block;
    font-size: 1.1rem;
    height: 25px;
}

[b-fll1onapa1] div.no_sort_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.div.campaignlist_table[b-fll1onapa1] {
    width: 100%;
    overflow: auto;
    background-color: green;
}

[b-fll1onapa1] span.edit_campaign_button {
    padding-right: 0.75rem;
}

[b-fll1onapa1] div.edit_star_outer_span {
    display: flex;
    justify-content: left;
}

[b-fll1onapa1] span.campaign_title {
    cursor: pointer;
    font-weight: bold;
}

[b-fll1onapa1] span.campaign_title_draft {
    font-weight: bold;
}

[b-fll1onapa1] span.campaign_counter {
    font-size: small;
    font-variant-numeric: tabular-nums;
    vertical-align: top;
}

.button-container-navigation[b-fll1onapa1] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 10px;
    padding-bottom: 20px;
}

[b-fll1onapa1] .button-navigation {
    width: 180px;
    height: 35px;
    color: white;
    background-color: var(--color-primary-main-light) !important;
}

[b-fll1onapa1] .button-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/Dashboard.razor.rz.scp.css */
.dashboard-outer-container[b-pt5kb7du63] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 10px;
}

[b-pt5kb7du63] .button-dashboard {
    width: 180px;
    height: 35px;
    color: white;
    background-color: var(--color-primary-main-brighten) !important;
}

[b-pt5kb7du63] .button-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/Tailored.razor.rz.scp.css */
/* _content/Frantz.BusinessManager/Pages/Economy/AccuralBasis.razor.rz.scp.css */

.k-daterange-picker[b-nsi7projjk], .k-daterangepicker[b-nsi7projjk] {
}

[b-nsi7projjk] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight: bold;
}

[b-nsi7projjk] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-nsi7projjk] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Shared/ExceptionError.razor.rz.scp.css */
.full-page-spinner[b-a32maphnmh] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(3, 3, 3, 0.4);
}
/* _content/Frantz.BusinessManager/Shared/FullPageSpinner.razor.rz.scp.css */
.full-page-spinner[b-z7qb0j18pd] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(3, 3, 3, 0.4);
}
/* _content/Frantz.BusinessManager/Shared/LayoutBusinessManager.razor.rz.scp.css */
.page[b-74lg9pihwx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-74lg9pihwx] {
    flex: 1;
    background-color: var(--color-background-light);
}

.leftMenu[b-74lg9pihwx] {
    /*background: linear-gradient(145deg, var(--color-primary-main-light), var(--color-primary-main));*/
    border-right: 1px solid #E2E8F0;
}

.sidebar[b-74lg9pihwx] {
    /*    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    /*background: var(--color-primary-main);*/
    /*background: var(--color-primary-main-brighten);*/
}

.page-height[b-74lg9pihwx] {
    height: calc(100vh - var(--height-top-bar));
}

.top-row[b-74lg9pihwx] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: var(--height-top-bar);
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

@media (min-width: 641px) {
    .page[b-74lg9pihwx] {
        /*flex-direction: inherit;*/
        flex-flow:inherit;
    }

    .sidebar[b-74lg9pihwx] {
        min-width: var(--width-left-menu-max);
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-74lg9pihwx], article[b-74lg9pihwx] {
        /*padding-left: 2rem !important;*/
        /*padding-right: 1.5rem !important;*/
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutFullpage.razor.rz.scp.css */
.page[b-9hu3m05vsr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-9hu3m05vsr] {
    flex: 1;
}

.sidebar[b-9hu3m05vsr] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

    .sidebar[b-9hu3m05vsr] {
        min-width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-9hu3m05vsr], article[b-9hu3m05vsr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutLandingpage.razor.rz.scp.css */
.page[b-zs8iysrp66] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-zs8iysrp66] {
    flex: 1;
}

.sidebar[b-zs8iysrp66] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

    .sidebar[b-zs8iysrp66] {
        min-width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-zs8iysrp66], article[b-zs8iysrp66] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutLogin.razor.rz.scp.css */
.page[b-2dumyu3a1i] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-2dumyu3a1i] {
    flex: 1;
}

.sidebar[b-2dumyu3a1i] {
/*    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background: var(--color-primary-main);
}

.page-height[b-2dumyu3a1i] {
    height: calc(100vh - var(--height-top-bar));
}

.top-row[b-2dumyu3a1i] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: var(--height-top-bar);
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

    .sidebar[b-2dumyu3a1i] {
        min-width: var(--width-left-menu-max);
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-2dumyu3a1i], article[b-2dumyu3a1i] {
        padding-left: 2rem !important;
        /*padding-right: 1.5rem !important;*/
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutLogOut.razor.rz.scp.css */
.page[b-odwse294fq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-odwse294fq] {
    flex: 1;
}

.sidebar[b-odwse294fq] {
/*    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background: var(--color-primary-main);
}

.page-height[b-odwse294fq] {
    height: calc(100vh - var(--height-top-bar));
}

.top-row[b-odwse294fq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: var(--height-top-bar);
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

    .sidebar[b-odwse294fq] {
        min-width: var(--width-left-menu-max);
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-odwse294fq], article[b-odwse294fq] {
        padding-left: 2rem !important;
        /*padding-right: 1.5rem !important;*/
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutWidget.razor.rz.scp.css */
.page[b-pxfng58lvn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-pxfng58lvn] {
    flex: 1;
}

.sidebar[b-pxfng58lvn] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

    .sidebar[b-pxfng58lvn] {
        min-width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-pxfng58lvn], article[b-pxfng58lvn] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Frantz.BusinessManager/Shared/LoaderFrantz.razor.rz.scp.css */
.full-page-spinner[b-ci4vlqh76f] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(3, 3, 3, 0.4);
}
/* _content/Frantz.BusinessManager/Shared/RenderingInformation.razor.rz.scp.css */
.full-page-spinner[b-5p52ocr868] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(3, 3, 3, 0.4);
}
/* _content/Frantz.BusinessManager/Shared/StatusCode.razor.rz.scp.css */
.full-page-spinner[b-rjrptkrxgj] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(3, 3, 3, 0.4);
}