/* _content/Frantz.BusinessManager/Components/Account/Pages/Login.razor.rz.scp.css */
.container-fluid[b-a0b4y81tpq] {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 1280px;
    background-color: #fff;
    padding: 35px 35px 50px 35px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 15px;
}

.logo-top[b-a0b4y81tpq] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:50px;
    margin-top: 80px;
}

.login-box[b-a0b4y81tpq] {
    margin:auto;
}

.logo-img[b-a0b4y81tpq] {
    max-width: 320px;
    width: 100%;
    height: auto;
}

.form-floating > .form-control[b-a0b4y81tpq] {
    margin-bottom: 1rem;
    box-shadow: 1px grey;
}

a[b-a0b4y81tpq] {
    text-decoration: none;
}

.btn-outline-secondary[b-a0b4y81tpq] {
    color: #6c757d;
    border-color: #6c757d;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 75%;
    margin-bottom: 1rem;
}
/* _content/Frantz.BusinessManager/Components/AI/AITrafficEstimateComponent.razor.rz.scp.css */
.data-insights-column[b-31mq7uq70r],
.budget-control-column[b-31mq7uq70r] {
    width: 100%;
}

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

.insight-card[b-31mq7uq70r], .budget-card[b-31mq7uq70r] {
    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;
    min-height: 250px; /* 20251217 */
    width: 497px; /* 540px */ /* 20260121 */
}

.budget-expanded[b-31mq7uq70r] {
    height: 17rem;
    /* originally 314.41 px in browser */
}

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

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

.insight-card h4[b-31mq7uq70r], .budget-card h4[b-31mq7uq70r] {
    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-31mq7uq70r], .budget-card .heading-with-tooltip[b-31mq7uq70r] {
    margin-bottom: 15px; /* Keep original spacing for heading groups */
    align-items: center; /* Vertically align icon and text */
}

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

@media (max-width: 768px) {

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

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

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

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

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

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

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

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

/* Tooltip */
.heading-with-tooltip[b-31mq7uq70r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    
    /* 20260121 */
    /*width: 100%;*/
    width: 480px;

    position: relative;
    justify-content: flex-start;
    padding-right: 30px;
}

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

    /* Completed section indicator */
    .heading-with-tooltip.completed[b-31mq7uq70r]::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-31mq7uq70r]::after {
        animation: fadeIn 0.3s ease-out forwards;
    }

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

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

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

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

.insight-data-row .current-value[b-31mq7uq70r] {
    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-31mq7uq70r] {
    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-31mq7uq70r] {
    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-31mq7uq70r] {
    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-31mq7uq70r] {
    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-31mq7uq70r] {
    /* This will inherit general .insight-value styles or you can add specific ones */
}

.insight-value[b-31mq7uq70r] {
    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-31mq7uq70r] {
    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-31mq7uq70r]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 0;
        top: 100%;
        background: #FFFFFF;
        color: var(--color-slate-800);
        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-31mq7uq70r]::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);
    }

.ai-traffic-estimate-loader[b-31mq7uq70r] {
    margin: auto;
    /*background-color: lightgray;*/
}

.loader-background[b-31mq7uq70r] {
    background-color: lightgray;
}

.strategy-region[b-31mq7uq70r] {
    margin-top: 1.5rem;
}
/* _content/Frantz.BusinessManager/Components/Audience/IndustryViewsComponent.razor.rz.scp.css */
.industry-views-list[b-0orhhh54r1] {
    margin-left: 0.75rem;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1rem;
    max-width: 64rem;
}

.industry-views-box[b-0orhhh54r1] {
    border: 2px solid black;
    border-radius: 10px;
    background-color: white;
    text-align: center;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 6rem;
}

.form-group[b-0orhhh54r1] {
    width: 18.75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.industry-name[b-0orhhh54r1] {
    width: 12rem;
    font-size: 0.7rem;
    font-weight: normal;
    overflow: hidden;
}

.industry-total[b-0orhhh54r1] {
    font-size: 0.85rem;
    font-weight: bold;
    margin-left: 1rem;
    margin-top: -2px;
    width: 4rem;
    text-align: right;
}

.industry-icon-container[b-0orhhh54r1] {
    margin-top: -5px;
}

.industry-icon[b-0orhhh54r1] {
    width: 25px;
    height: 25px;    
}

/* 20260203 -> */

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

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    border: 1px solid #e9ecef;
}

    .content-block-wrapper.small-width[b-0orhhh54r1] {
        width: 20rem;
        /*max-width: 20rem;
        min-width: 20rem;*/
        height: 2.5rem;
        padding-top: 12px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: var(--color-background-light);
    }



.heading-with-tooltip[b-0orhhh54r1] {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 30px;
    z-index: 1800 !important;
}

.heading-without-tooltip[b-0orhhh54r1] {
    /*    display: flex;
    align-items: center;
    position: relative;*/
    padding-right: 30px;
    z-index: 1800 !important;
}

.top-margin[b-0orhhh54r1] {
    margin-top: 20px;
}

.main-width[b-0orhhh54r1] {
    width: 1050px !important;
    margin-left: 11px;
}

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


    .section-header h2[b-0orhhh54r1] {
        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-0orhhh54r1]::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            border: 2px solid var(--color-primary-main-support);
            /*background: var(--color-primary-main-support);*/
            margin-top: 0.8rem;
            border-radius: 0px;
            /*border-radius: 2px;*/
        }

    .section-header.slim[b-0orhhh54r1] {
        margin: 0.75rem 0 .5rem 0;
        padding-bottom: 0rem;
    }

.summary-item[b-0orhhh54r1] {
    font-size: 0.85rem; /*1.0rem, 16px;*/
}

    .summary-item.large[b-0orhhh54r1] {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .summary-item.large-slim[b-0orhhh54r1] {
        font-size: 1.25rem;
        margin-bottom: 0.25rem;
    }

    .summary-item.spacer[b-0orhhh54r1] {
        margin-top: 0.8rem;
    }

    .summary-item.doublespacer[b-0orhhh54r1] {
        margin-top: 0.8rem;
        margin-bottom: 0.8rem;
    }

    .summary-item.bold[b-0orhhh54r1] {
        font-weight: bold;
        margin-top: 0rem;
    }

    .summary-item.bold-spacer[b-0orhhh54r1] {
        font-weight: bold;
        margin-top: 0.8rem;
    }

.insight-data-container[b-0orhhh54r1] {
    /*display: flex;
    flex-direction: row;
    gap: 2rem;*/

    display: grid;
    gap: 1rem;
    grid-row-gap: 0.5rem;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 65rem; /* 40rem */
    margin-top: 1rem;
}

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

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

.bottom-paragraph-container[b-0orhhh54r1] {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 1.5rem;
}

.bottom-paragraph-icon-container[b-0orhhh54r1] {
    margin-top: 1px;
}

.bottom-paragraph-icon[b-0orhhh54r1] {
    width: 38px;
    height: 38px;
}

.bottom-paragraph[b-0orhhh54r1] {
    font-size: 0.85rem;
    width: 60%;
}

/* <- 20260203 */
/* _content/Frantz.BusinessManager/Components/Banners/BannerComponent.razor.rz.scp.css */
[b-xm97s7mfp0] .k-button {
    width:3em;
}
[b-xm97s7mfp0] .k-picker {
    width: 3em;
}
    [b-xm97s7mfp0] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

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

[b-66a68jhik3] .k-picker .k-input-button {
    display: none;
}
[b-66a68jhik3] .k-picker-flat:focus-within {
    box-shadow:none;
}


.bannerElement-background.enableEdit:hover[b-66a68jhik3] {
    outline: 5px dotted var(--color-primary-main) !important;
    outline-offset: -3px;
    cursor: pointer;
}

.bannerElement-logo.enableEdit:hover[b-66a68jhik3] {
    outline: 5px dotted var(--color-primary-main) !important;
    outline-offset: -3px;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Banners/BannerElementEditControlComponent.razor.rz.scp.css */
[b-tlc63x5u5p] .k-button {
    width:3em;
}
[b-tlc63x5u5p] .k-picker {
    width: 3em;
}
    [b-tlc63x5u5p] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

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

[b-hd2fblz9mp] .k-picker .k-input-button {
    display: none;
}
[b-hd2fblz9mp] .k-picker-flat:focus-within {
    box-shadow:none;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Banner/AutoPublishLogo.razor.rz.scp.css */
/* Logo/header container for autopublish */
.autopublish-logo-container[b-85t2nxbpnp] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-height: 70px;
    margin-bottom: 1.5rem;
}

.autopublish-logo[b-85t2nxbpnp] {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.autopublish-card-top-divider[b-85t2nxbpnp] {
    width: 2px;
    height: 38px;
    background: var(--color-primary-main-support, #F6A623);
    margin: 0 4px;
    border-radius: 2px;
    display: block;
}

.autopublish-badge[b-85t2nxbpnp] {
    display: flex;
    flex-direction: column;
    justify-content: center;    
    min-height: 38px;
    margin-left: 0;
}

.autopublish-badge-frantz[b-85t2nxbpnp] {
    color: #0C3F59;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.2px;
}

.autopublish-badge-label[b-85t2nxbpnp] {
    color: var(--color-primary-main-support, #F6A623);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 1.1;
}

/* Simple icon on the right side */
.autopublish-icon[b-85t2nxbpnp] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    flex-shrink: 0;
    margin-left: 1rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Banner/NewAICampaignV3Component.razor.rz.scp.css */
/* Base Layout */
/* Campaign Strategy Styles */

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

.app-container[b-khsvwrh1nz] {
    min-height: 100vh;
    max-width: var(--width-page-max);
    margin-left: 1rem;
    margin-top: 1.25rem;
    /*margin: 0 auto;*/
    position: relative;
}

/* Left Menu */
.left-menu[b-khsvwrh1nz] {
    background: #fff;
    border-right: 1px solid var(--color-slate-200);
    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);
}

    
    
        
        

/* Main Content */
.main-content[b-khsvwrh1nz] {
    padding: 0rem;
    max-width: 1050px; /* 1200px. It should not exceed this width */
    /* width: 100%; REMOVED to let margin calculations and max-width define width */
    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;*/
}

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

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

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

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

.section-complete[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        opacity: 0 !important; /* Ensure it stays hidden even if 'visible' class is added */
    }

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

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

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

/* Sticky Wizard Navigation */

    

    /* Flytta Nullstill-knappen 200px åt vänster */
    

.step[b-khsvwrh1nz] {
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
    color: var(--color-slate-500);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    position: relative;
    transition: all 0.3s ease;
}

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

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

    
        

.btn-reset[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        background: var(--color-primary-support);
        color: white;
    }

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

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

    .search-input input[b-khsvwrh1nz] {
        width: 100%;
        padding: 0.75rem 1rem;
        border: 1px solid var(--color-slate-200);
        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-khsvwrh1nz] {
            outline: none;
            border-color: var(--color-primary-main);
        }

.search-suggestions[b-khsvwrh1nz] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid var(--color-slate-200);
    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-khsvwrh1nz] {
        display: block;
    }

    
    /* Style for keyboard-highlighted suggestion */
    
/* Buttons */
.btn-secondary[b-khsvwrh1nz] {
    background: var(--color-slate-50);
    border: 1px solid var(--color-slate-200);
    color: var(--color-slate-500);
    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-khsvwrh1nz] {
        background: var(--color-slate-100);
        border-color: var(--color-slate-300);
    }

    
/* Styling for the 'no results' message */

/* Advanced Filters */

    
    
        
        
            
/* Candidate Count */

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

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

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

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

    .form-group label[b-khsvwrh1nz] {
        display: block;
        margin-bottom: 0.5rem;
        color: var(--color-slate-500);
        font-family: 'Montserrat', sans-serif;
        font-size: 0.875rem;
    }

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

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

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

    .channels-section h3[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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 */
    pointer-events: none; /* 20260120 */
}

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

    .channel-item:hover[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
        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-khsvwrh1nz] {
            /* No specific style change for logo on selection for now */
        }

        .channel-item.selected span[b-khsvwrh1nz] {
            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-khsvwrh1nz]::after {
            content: ''; /* Remove checkmark */
            display: none; /* Hide pseudo-element */
        }

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

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

/* Styling for disabled channel items */

    
    
.budget-section[b-khsvwrh1nz] {
    background: var(--color-slate-50);
    padding: 1.5rem;
    border-radius: 4px;
    margin-bottom: 2rem;
    border: 1px solid var(--color-slate-200);
}

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

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

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

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

    

    
    

    
    
/* Details Panel */
.details-panel[b-khsvwrh1nz] {
    position: fixed;
    top: 3.5rem;
    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.hidden[b-khsvwrh1nz] {
        transform: translateX(100%);
        opacity: 0;
    }

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

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

.details-section[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        border-top: none;
        padding-top: 0;
    }

    .details-section [b-khsvwrh1nz]::before {
        border-top: 1px solid var(--color-slate-400);
    }

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

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

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

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

    .detail-row .value[b-khsvwrh1nz] {
        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 */
        
            
        

    
.total-row[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        color: white;
    }

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

/* Toggle Details Button - helt ny stil for å sikre synlighet */
#toggleDetails[b-khsvwrh1nz] {
    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);
}

/* Responsive Design */
@media (max-width: 1440px) {
    .main-content[b-khsvwrh1nz] {
        max-width: 800px !important;
    }

    .customer-break[b-khsvwrh1nz] {
        display: contents !important;
    }

    .campaignCustomer[b-khsvwrh1nz] {
        margin-bottom: 0rem;
    }

        .campaignCustomer.dealCustomer[b-khsvwrh1nz] {
            margin-top: -2rem;
            margin-bottom: -1rem;
        }

    .details-panel[b-khsvwrh1nz] {
        padding-top: 1rem;
    }

        .details-panel *[b-khsvwrh1nz] {
            font-size: 0.75rem;
            line-height: 1.0;
        }

    .details-section h4[b-khsvwrh1nz] {
        margin-bottom: 0.5rem;
    }

    .url-label[b-khsvwrh1nz] {
        padding-top: 0.3rem !important;
    }
}

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

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

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

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

    }

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

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

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

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

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

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

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

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

.tooltip-icon[b-khsvwrh1nz] {
    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;
    z-index: 1000 !important;
}

    .tooltip-icon.h3[b-khsvwrh1nz] {
        margin-bottom: 15px;
    }

    .tooltip-icon.h4[b-khsvwrh1nz] {
        margin-bottom: 9px;
    }

    .tooltip-icon:hover[b-khsvwrh1nz]::after {
        content: attr(data-tooltip);
        position: absolute; /* absolute */
        left: 0;
        top: 100%;
        background: #FFFFFF;
        color: var(--color-slate-800);
        padding: 0.5rem;
        border-radius: 4px;
        border: 1px solid var(--color-primary-main);
        z-index: 1000 !important;
        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-khsvwrh1nz]::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) {

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

    }

@media (max-width: 768px) {
    
    .details-panel[b-khsvwrh1nz] {
        width: 100%;
    }

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

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

    
    
    /* Mobile wizard styles - only show current step */
    
    
    .step[b-khsvwrh1nz] {
        display: none; /* Hide all steps by default */
    }

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

    /* Added mobile styles for interactive data container */

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

    .section-header h2[b-khsvwrh1nz] {
        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[b-khsvwrh1nz] { /* The direct container for the SVG */
        width: 100%;
        box-sizing: border-box;
    }

        #funnel svg[b-khsvwrh1nz] { /* 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 */

    
    

    
    
    
    
    
    
/* Quick Actions */

    

    
    
    
/* Recent Activity */

    

    
    

/* Completed section indicator */

/* Define the animation for the checkmark */

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

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

/* Advertising Section 
.advertising-section {
    background: var(--color-slate-50);
    padding: 1.5rem;
    border-radius: 4px;
    margin-bottom: 2rem;
    border: 1px solid var(--color-slate-200);
    position: relative;
}*/

.advertising-section h3[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
    color: var(--color-slate-500);
    font-size: 0.85rem;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Montserrat', sans-serif;
    min-height: 0px;
}

.advertising-options[b-khsvwrh1nz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem; /* 1.5 rem */ /* 20260121 */
    margin-bottom: 1.5rem;
}

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

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

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

.btn-library[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        background: var(--color-primary-main-lighten);
    }

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

.upload-drop-zone[b-khsvwrh1nz] {
    border: 2px dashed var(--color-slate-300);
    border-radius: 4px;
    padding: 1.5rem;
    text-align: center;
    color: var(--color-slate-500);
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
    margin-top: 1rem;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .upload-drop-zone.disabled[b-khsvwrh1nz] {
        background-color: gray;
        pointer-events: none;
    }

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

.upload-drop-zone:hover[b-khsvwrh1nz] {
    border-color: var(--color-primary-main);
    background: var(--color-slate-100);
}

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

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

    

    
    

    

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

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

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

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

.tillvalg-option[b-khsvwrh1nz] {
    background: white;
    border: 1px solid var(--color-slate-200);
    border-radius: 6px;
    padding: 1.5rem;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
}

    .tillvalg-option:hover[b-khsvwrh1nz] {
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        border-color: var(--color-slate-300);
    }

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

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

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

    .tillvalg-option h4[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
    font-weight: normal;
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 0.60rem; /* 20250819 */
}

.option-description[b-khsvwrh1nz] {
    color: var(--color-slate-500);
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    flex-grow: 1;
}

.btn-add-tillvalg[b-khsvwrh1nz] {
    background: var(--color-slate-100);
    color: var(--color-primary-main);
    border: 1px solid var(--color-slate-300);
    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-khsvwrh1nz] {
        background: var(--color-primary-main);
        color: white;
        border-color: var(--color-primary-main);
    }

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

/* "Ingen tillvalg" styling */

    /* När "ingen tillvalg" är aktiv, använd samma stil som andra aktiva tillvalg */

    /* När knappen i "ingen tillvalg" är aktiv, använd samma stil som andra aktiva tillvalg */

/* Oppsummering Section */

    
    

    
    
    

    
        
        

    
    

#sendBestillingFromOppsummering[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        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 */

/* Säkerställ att rubrikerna också är vita - med högre specificitet */

.btn-primary[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        background: var(--color-primary-main-lighten);
    }

/* Bestilling Section */

    
    
    
        
    

/* Success Message */

.reference[b-khsvwrh1nz] {
    font-weight: 600;
    color: var(--color-slate-800);
    margin-bottom: 2rem;
}

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

    
    
/* No tillvalg message */

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

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

.details-panel .info-text[b-khsvwrh1nz] {
    color: rgba(255, 255, 255, 0.8);
}

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

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

/* Formulärgrupper utanför detaljpanelen */

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

/* Stats widgets */

    
    /* Mer spesifikke selektorer for heading i stats-widget */
    
    
    /* Justerer posisjonen for tooltip-ikon posisjon i stats widgets */
    
        /* Fikser posisjonen for tooltip innholdet i stats-widgets */
        
        /* Justerer pilen for tooltip i stats-widgets */
        
    
    
        
    
/* Effect Graph Section */
.effect-graph-section[b-khsvwrh1nz] {
    border-radius: 8px;
    margin: 30px 0;
}

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

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

/* Funnel Diagram Styles */

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

.effect-graph-section .info-text[b-khsvwrh1nz] {
    margin-top: 25px;
    text-align: center;
    color: var(--color-slate-500);
    font-size: 0.95rem;
}

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

/* Anpassade stilar for funnel-graph-js med tvedimensionellt diagram */

/* Morkere farver for labels og varer - bare farver, ingen storrelsesendringer */

/* Better visibility for text in the graph */

/* Add some margin between funnel and legend */

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

    
    
    }

/* Styling for segment-percentages labels in funnel-graph with Frantz colors */

    
/* Included in media plan section */
.included-items-list[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

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

    .included-item .check-icon[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
            font-size: 12px;
        }

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

.included-item-with-tooltip[b-khsvwrh1nz] {
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1.4;
    padding-right: 30px;
    z-index: auto; /* 0 */ /* 20250704 */
}

    .included-item-with-tooltip .check-icon[b-khsvwrh1nz] {
        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-with-tooltip .check-icon i[b-khsvwrh1nz] {
            font-size: 12px;
        }

    .included-item-with-tooltip .item-text[b-khsvwrh1nz] {
        font-size: 16px;
        color: #333;
        flex: 1;
        padding-top: 0px;
        padding-right: 8px;
    }

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

/* Skjul budget-seksjonen */
#section-budsjett[b-khsvwrh1nz], .budget-section[b-khsvwrh1nz] {
    display: none !important;
}

/* Skjul oppsummering-steget */

/* Mer utrymme for dropdown-pilar i Arbeidssted og Soknadsfrist */
.form-group input[type="text"][b-khsvwrh1nz],
.form-group select[b-khsvwrh1nz],
.form-group input[type="date"][b-khsvwrh1nz] {
    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-khsvwrh1nz],
#locationInput[b-khsvwrh1nz],
#deadlineInput[b-khsvwrh1nz],
#industryFilter[b-khsvwrh1nz],
#levelFilter[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    display: flex;
    align-items: center;
    background: var(--color-slate-50);
    color: var(--color-slate-500);
    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-khsvwrh1nz] {
        font-weight: bold;
    }

    
        

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

/* Divider Style */
hr.section-divider[b-khsvwrh1nz] {
    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 */

/* Styles for Medieplan section and Stats Widgets */

    
    
    
    

/* Budget Widget Specific Styles */

    

    /* Example feedback styles (we'll activate these with JS) */
    
    
    
/* New Interactive Data Section Styles */
.interactive-data-container[b-khsvwrh1nz] {
    display: flex;
    gap: 1rem; /* 2 rem */
    margin-top: 2rem;
}

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

    .budget-control-column[b-khsvwrh1nz] {
        width: 100%;
    }
}

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

.budget-card[b-khsvwrh1nz] {
    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;
}

    
    
.budget-card h4[b-khsvwrh1nz] {
    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 */
.budget-card .heading-with-tooltip[b-khsvwrh1nz] {
    margin-bottom: 15px; /* Keep original spacing for heading groups */
    align-items: center; /* Vertically align icon and text */
}

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

.insight-value[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    font-size: 0.85em; /* Medium grey for descriptions */
    color: #6c757d;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 1rem;
}

    
/* Arbeidsmarkedsdata specific styling within new card */

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

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

/* Budget optimalisering card specifics */

.budget-expanded[b-khsvwrh1nz] {
    height: 17rem;
    /* originally 314.41 px in browser */
}

.user-budget-section[b-khsvwrh1nz] {
    margin-top: 15px;
    margin-bottom: 10px;
    /* display: flex; */
}

/* 20260121 */
.user-budget-custom-section[b-khsvwrh1nz] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*width: 467px;*/
    margin-left: 2rem;
}

/* 20260121 */
.custom-label-and-button[b-khsvwrh1nz] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 401px; /* 445px */
}

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

    
.budget-performance-indicator[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        background-color: #d4edda; /* Lighter green */
        color: #155724;
        border: 1px solid #c3e6cb;
    }

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

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

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

.insight-data-row .current-value[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
    margin-bottom: 8px;
}

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

.market-data-label[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
    color: #dc3545;
    font-weight: bold;
    display: inline-block;
    font-size: 1em;
    order: 3; /* Arrow second */
    margin-right: 3px;
}

.market-data-row .original-value[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}

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

.budget-card .insight-value[b-khsvwrh1nz] { /* 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-khsvwrh1nz] {
    margin-top: 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

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

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

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

.slider.round[b-khsvwrh1nz] { /* 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-khsvwrh1nz]: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-khsvwrh1nz] {
    background-color: var(--color-primary-main); /* Ensure solid Frantz Blue */
}

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

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

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

/* Styles for dual value display in data insights */
.dual-value-display .original-value[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
        color: #dc3545 !important;
    }

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

.dual-value-display .current-value[b-khsvwrh1nz] {
    /* 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 */

/* More specific style for the AI budget strikethrough to set color */

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

/* Style for the paragraph containing the channel names */
.details-panel .channel-details .details-channel-text[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    margin-bottom: 20px;
    /* Remove background-color, shadows and padding */
}

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

.material-choice-options[b-khsvwrh1nz] {
    display: flex;
    gap: 1rem; /* 20px */
    flex-wrap: wrap;
}

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

    .material-choice-option:hover[b-khsvwrh1nz] {
        border-color: var(--color-slate-300);
        box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    }

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

    .material-choice-option h4[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
        font-weight: normal;
        color: #666;
        font-size: 0.9rem;
    }

    .material-choice-option p[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
        background: var(--color-slate-100);
        color: var(--color-primary-main);
        border: 1px solid var(--color-slate-300);
        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-khsvwrh1nz] {
            background: var(--color-primary-main);
            color: white;
            border-color: var(--color-primary-main);
        }

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

/* 20250818 */

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

    .material-choice-option-addons:hover[b-khsvwrh1nz] {
        border-color: var(--color-slate-300);
        box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    }

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

    .material-choice-option-addons h4[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
        font-weight: normal;
        color: #666;
        font-size: 0.9rem;
    }

    .material-choice-option-addons p[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
        background: var(--color-slate-100);
        color: var(--color-primary-main);
        border: 1px solid var(--color-slate-300);
        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-khsvwrh1nz] {
            background: var(--color-primary-main);
            color: white;
            border-color: var(--color-primary-main);
        }

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

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

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

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

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

/* Wrapper class for main content blocks */
.content-block-wrapper[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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: 0px;
    padding-top: 0px;
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
        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-khsvwrh1nz] {
    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-khsvwrh1nz] { /* 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-khsvwrh1nz] {
        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-khsvwrh1nz] {
            background-color: #B0BEC5; /* No hover effect */
            border-color: #78909C;
        }

/* --- START: Mobile Wizard Navigation - Single Step Display --- */
/* --- END: Mobile Wizard Navigation - Single Step Display --- */

/* --- START: Mobile Bottom Bar --- */

    
    
#mb-order-button[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
        background-color: var(--color-primary-main-support-lighten);
        border-color: var(--color-primary-main-support);
    }

    #mb-order-button.btn-inactive[b-khsvwrh1nz] {
        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-khsvwrh1nz] {
            background-color: #B0BEC5; /* No hover effect */
            border-color: #78909C;
        }

    

/* Styling for sections within the expanded mobile bar - mirror .details-section */

    
    

    
    

    
    
        

@media (max-width: 1200px) { /* Changed from 768px to 1200px */
    
    .details-panel[b-khsvwrh1nz] { /* Hide the original right-hand panel on mobile */
        display: none !important;
    }
}
/* --- END: Mobile Bottom Bar --- */

/* === ADDED: Channel list font size consistency === */

/* === ADDED: Channel list font size consistency (Attempt 2) === */
.details-panel .channel-details p.details-channel-text[b-khsvwrh1nz] {
    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 */
}

/* Additional responsive rules for wider "mobile"/tablet */

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

    .left-menu[b-khsvwrh1nz] {
        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 */
    
        
    
    
            /* --- End Mobile Wizard Navigation for 1200px --- */
}

/* End of file */

/* Additions */

.audience-selector[b-khsvwrh1nz] {
    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: var(--color-slate-50);
    border-radius: 4px;
    border: 1px solid var(--color-slate-200);
    box-sizing: border-box; /* Ensure padding/border don't expand beyond width */
}

.details-panel-top-actions[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    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-khsvwrh1nz] {
        background: var(--color-primary-support);
        color: white;
    }

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

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

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

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

.url-label[b-khsvwrh1nz] {
    padding-top: 0.10rem;
}

.detail-row.url[b-khsvwrh1nz] {
    display: flex;
    flex-direction: row;
    align-items: flex-start !important;
    gap: 0.5rem;
    justify-content: flex-start !important;
    height: 2rem;
    color: white !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    /*text-align: left;*/
    /*min-width: 60px;*/
    /*margin-right: auto;*/
}

div.copyButton[b-khsvwrh1nz] {
    /*margin-left: -4px;*/
    margin-top: 0px;
}

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

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

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

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

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

div.budget-numeric[b-khsvwrh1nz] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    margin-top: 1rem;
    margin-left: 1rem;
    column-gap: 1rem;
    height: 50px;
    /*width: 14.75rem;*/ /* 20260121 */
    padding-left: 1.1rem;
}

div.use-custom-budget-button[b-khsvwrh1nz] {
    width: 20px;
}

.use-custom-budget-button[b-khsvwrh1nz] {
    color: black;
}

.use-custom-budget-button-selected[b-khsvwrh1nz] {
    /* border-color: var(--color-success); */
    color: var(--color-success);
}

span.insight-value-common[b-khsvwrh1nz] {
    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-khsvwrh1nz] {
    color: white;
    font-weight: 500;
    font-family: 'Montserrat Bold', sans-serif;
    text-align: left;
    font-variant-numeric: tabular-nums;
}

.campaign-period-row[b-khsvwrh1nz] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    width: 100%;
    justify-content: space-between !important;
    column-gap: 2.75rem;
}

.medieplan-section[b-khsvwrh1nz] {
    /*display: flex;
    flex-direction: row;*/
}

.addon-selection-list[b-khsvwrh1nz] {
    display: flex;
    flex-direction: column;
}

.customer-break[b-khsvwrh1nz] {
    display: none;
}

.break[b-khsvwrh1nz] {
    flex-basis: 100%;
    height: 0;
}

    
    
        
.green-background[b-khsvwrh1nz] {
    border-color: var(--color-success);
    background-color: #F0FDF4;
}

.budget-card-width[b-khsvwrh1nz] {
    width: 480px;
    
    /*width: 540px;*/
}

.dealowner-row[b-khsvwrh1nz] {
    font-weight: bold;
    width: 100%;
}

[b-khsvwrh1nz] div.dealCustomer {
    padding-left: 0rem;
}

.customer-section[b-khsvwrh1nz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0rem;
    width: 100%;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Banner/NewAutoPublishCampaignComponent.razor.rz.scp.css */
div.campaignSection[b-punsge87yo] {
    /*    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-punsge87yo] {
        display: flex;
        justify-content: space-between;
    }

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

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

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

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

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

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

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

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

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

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

img.personIcon.green[b-punsge87yo] {
    /* 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-punsge87yo] {
    height: 2rem !important;
    cursor: pointer;
}

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

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

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

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

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

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

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

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

    [b-punsge87yo] .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-punsge87yo] .tooltipMediaList .tooltiptext.ok {
            background-color: green;
            color: var(--color-white) !important;
            font-weight: bold;
        }

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

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

    [b-punsge87yo] .tooltipMediaList:hover .tooltiptext {
        /*visibility: visible;*/
    }

/* Autopublish container layout */
.autopublish-container[b-punsge87yo] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    justify-content: center;
    max-width: 100%;
}

/* Information box */
.autopublish-info-box[b-punsge87yo] {
    flex: 0 0 300px;
    min-width: 300px;
    margin-top: 120px;
}




/* Report header styling - copied from InsightsReportComponent.razor.css */
.report-header[b-punsge87yo] {
    position: relative;
    display: inline-block;
    margin-bottom: 1.8rem;
    font-weight: 600;
    color: #0C3F59;
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 1.5rem;
}

.report-header[b-punsge87yo]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 90px;
    height: 3px;
    background-color: var(--color-primary-main-support); /* orange line */
    border-radius: 2px;
}

/* Info description text */
.info-description[b-punsge87yo] {
    color: #6c757d;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

/* Content box - right side container */
.content-box[b-punsge87yo] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Banner with icons wrapper - ensures icons are to the RIGHT of banner */
.banner-with-icons[b-punsge87yo] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/* Banner wrapper - centers the banner, takes available space */
.banner-wrapper[b-punsge87yo] {
    display: flex;
    justify-content: center;
    flex: 0 1 auto;
}

/* Action icons - positioned ABSOLUTELY to the RIGHT of banner */
.banner-action-icons[b-punsge87yo] {
    position: absolute;
    right: -30px;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
}

    .banner-action-icons img[b-punsge87yo] {
        cursor: pointer;
        transition: opacity 0.2s;
    }

        .banner-action-icons img:hover[b-punsge87yo] {
            opacity: 0.8;
        }

/* Desktop layout - ensure proper flex layout on larger screens */
@media (min-width: 992px) {
    .autopublish-container[b-punsge87yo] {
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
    }

    .autopublish-info-box[b-punsge87yo] {
        flex: 0 0 300px;
        width: 300px;
        min-width: 300px;
        max-width: 300px;
        margin-bottom: 0;
    }

    .content-box[b-punsge87yo] {
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
    }
}

/* Responsive: stack layout on smaller screens */
@media (max-width: 991px) {
    .autopublish-container[b-punsge87yo] {
        flex-direction: column;
    }

    .autopublish-info-box[b-punsge87yo] {
        flex: 1 1 auto;
        width: 100%;
        min-width: 100%;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
    }

    .content-box[b-punsge87yo] {
        width: 100%;
    }
}

.autopublish-status-message-box[b-punsge87yo] {
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.07);
    padding: 2.5rem 2rem 2rem 2rem;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.autopublish-status-illustration[b-punsge87yo] {
    margin-bottom: 1.2rem;
}

.autopublish-status-header[b-punsge87yo] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0C3F59;
    margin-bottom: 0.7rem;
}

.autopublish-status-text[b-punsge87yo] {
    font-size: 1.15rem;
    color: #3a3a3a;
    line-height: 1.6;
    margin-bottom: 1.2rem;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignCustomerAddonsWindowComponent.razor.rz.scp.css */

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

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

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

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

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

.nav-link[b-5eh1gnzq1r] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignStrategyComponent.razor.rz.scp.css */
/* Base Layout */
/* Campaign Strategy Styles */

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

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

/* Left Menu */

    
    
        
        

/* Main Content */
.main-content[b-cucrspd5by] {
    padding: 0 2rem 2rem 2rem;
    /*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;*/
}

    
/* Intro Section */

    
        

    
.heading-with-tooltip[b-cucrspd5by] {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 30px;
    z-index: 1800 !important;
}

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

    .section-header h2[b-cucrspd5by] {
        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-cucrspd5by]::after {
            content: '';
            display: block;
            width: 80px;
            height: 4px;
            border: 2px solid var(--color-primary-main-support);
            /*background: var(--color-primary-main-support);*/
            margin-top: 0.8rem;
            border-radius: 0px;
            /*border-radius: 2px;*/
        }

/* Sticky Wizard Navigation */

    

    /* Flytta Nullstill-knappen 200px åt vänster */
    

    
    
    
        

    
/* Search Container */

    
        

    

    
    /* Style for keyboard-highlighted suggestion */
    
/* Buttons */

    

    
/* Styling for the 'no results' message */

/* Advanced Filters */

    
    
        
        
            
/* Candidate Count */

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

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

    
    
/* Location & Deadline */

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

    .form-group label[b-cucrspd5by] {
        display: block;
        margin-bottom: 0.5rem;
        color: var(--color-slate-500);
        font-family: 'Montserrat', sans-serif;
        font-size: 0.875rem;
    }

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

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

/* Channels Section */

    
.channel-list[b-cucrspd5by] {
    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-cucrspd5by] {
    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: 240px; /* 20250701 */
}

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

    .channel-item:hover[b-cucrspd5by] {
        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-cucrspd5by] {
        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-cucrspd5by] {
            /* No specific style change for logo on selection for now */
        }

        .channel-item.selected span[b-cucrspd5by] {
            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-cucrspd5by]::after {
            content: ''; /* Remove checkmark */
            display: none; /* Hide pseudo-element */
        }

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

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

/* Styling for disabled channel items */

    
    

    

    
    

    

    

    
    

    
    
/* Details Panel */

    
    
    

    /* Første details-section skal ikke ha border på toppen */
    
    
    
    

    
    
        /* Markering for AI-budsjett vs egendefinert budsjett i høyre panel */
        
            
        

    

    
    
/* Toggle Details Button - helt ny stil for å sikre synlighet */
#toggleDetails[b-cucrspd5by] {
    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);
}

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

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

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

    }

    

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

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

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

.tooltip-icon[b-cucrspd5by] {
    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;
    margin-bottom: 8px;
}

    .tooltip-icon.h3[b-cucrspd5by] {
        margin-bottom: 0px;
    }

    .tooltip-icon.h4[b-cucrspd5by] {
        margin-bottom: 9px;
    }

    .tooltip-icon.title[b-cucrspd5by] {
        margin-bottom: 1.75rem;
    }

    .tooltip-icon.addon[b-cucrspd5by] {
        margin-bottom: -1px;
    }

    .tooltip-icon:hover[b-cucrspd5by]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 0;
        top: 100%;
        background: #FFFFFF;
        color: var(--color-slate-800);
        padding: 0.5rem;
        border-radius: 4px;
        border: 1px solid var(--color-primary-main);
        z-index: 100;
        width: 170px; /* 200px */ /* 20260202 */
        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-cucrspd5by]::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: 768px) {
    
    
    
    
    .channel-list[b-cucrspd5by] {
        grid-template-columns: 1fr;
    }

    
    
    /* Mobile wizard styles - only show current step */
    
    
    
        
    /* Added mobile styles for interactive data container */

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

    .section-header h2[b-cucrspd5by] {
        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[b-cucrspd5by] { /* The direct container for the SVG */
        width: 100%;
        box-sizing: border-box;
    }

        #funnel svg[b-cucrspd5by] { /* 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 */

    
    

    
    
    
    
    
    
/* Quick Actions */

    

    
    
    
/* Recent Activity */

    

    
    

/* Completed section indicator */

/* Define the animation for the checkmark */

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

/* Advertising Section 
.advertising-section {
    background: var(--color-slate-50);
    padding: 1.5rem;
    border-radius: 4px;
    margin-bottom: 2rem;
    border: 1px solid var(--color-slate-200);
    position: relative;
}*/

    
/* Höger kolumn med uppladdade filer */

/* Vänster kolumn med upload, bibliotek och stillingslenke */

    

    

    
    

    

    
/* Responsive layout for advertising section */

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

/* Tillvalg Section */

    
    
    
    
    
    
    
    

    

/* "Ingen tillvalg" styling */

    /* När "ingen tillvalg" är aktiv, använd samma stil som andra aktiva tillvalg */

    /* När knappen i "ingen tillvalg" är aktiv, använd samma stil som andra aktiva tillvalg */

/* Oppsummering Section */

    
    

    
    
    

    
        
        

    
    

#sendBestillingFromOppsummering[b-cucrspd5by] {
    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-cucrspd5by] {
        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 */

/* Säkerställ att rubrikerna också är vita - med högre specificitet */

    
/* Bestilling Section */

    
    
    
        
    

/* Success Message */

.reference[b-cucrspd5by] {
    font-weight: 600;
    color: var(--color-slate-800);
    margin-bottom: 2rem;
}

/* Tillvalg i details panel */

    
    
/* No tillvalg message */

/* Make sure channel-list-wrapper is always active */

    

/* Formulärgrupper utanför detaljpanelen */

/* Rubriker i sektionsheaders utanför detaljpanelen */

/* Stats widgets */

    
    /* Mer spesifikke selektorer for heading i stats-widget */
    
    
    /* Justerer posisjonen for tooltip-ikon posisjon i stats widgets */
    
        /* Fikser posisjonen for tooltip innholdet i stats-widgets */
        
        /* Justerer pilen for tooltip i stats-widgets */
        
    
    
        
    
/* Effect Graph Section */

    
        
/* Funnel Diagram Styles */

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

    
/* Anpassade stilar for funnel-graph-js med tvedimensionellt diagram */

/* Morkere farver for labels og varer - bare farver, ingen storrelsesendringer */

/* Better visibility for text in the graph */

/* Add some margin between funnel and legend */

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

    
    
    }

/* Styling for segment-percentages labels in funnel-graph with Frantz colors */

    
/* Included in media plan section */

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

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

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

    /* 20260202 */

    .included-item .check-icon[b-cucrspd5by] {
        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-cucrspd5by] {
            font-size: 12px;
        }

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

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

/* Skjul budget-seksjonen */
#section-budsjett[b-cucrspd5by] {
    display: none !important;
}

/* Skjul oppsummering-steget */

/* Mer utrymme for dropdown-pilar i Arbeidssted og Soknadsfrist */
.form-group input[type="text"][b-cucrspd5by],
.form-group select[b-cucrspd5by],
.form-group input[type="date"][b-cucrspd5by] {
    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-cucrspd5by],
#locationInput[b-cucrspd5by],
#deadlineInput[b-cucrspd5by],
#industryFilter[b-cucrspd5by],
#levelFilter[b-cucrspd5by] {
    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 */

    
    
        

/* Avanserte filtre wrapper */

/* Divider Style */
hr.section-divider[b-cucrspd5by] {
    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 */

/* Styles for Medieplan section and Stats Widgets */

    
    
    
    

/* Budget Widget Specific Styles */

    

    /* Example feedback styles (we'll activate these with JS) */
    
    
    
/* New Interactive Data Section Styles */

.budget-card[b-cucrspd5by] {
    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;
}

.green[b-cucrspd5by] {
    background-color: var(--color-rapporter-4-50) !important;
}

    
    
.budget-card h4[b-cucrspd5by] {
    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 */
.budget-card .heading-with-tooltip[b-cucrspd5by] {
    margin-bottom: 15px; /* Keep original spacing for heading groups */
    align-items: center; /* Vertically align icon and text */
}

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

.insight-value[b-cucrspd5by] {
    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-cucrspd5by] {
    font-size: 0.85em; /* Medium grey for descriptions */
    color: #6c757d;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 1rem;
}

    
/* Arbeidsmarkedsdata specific styling within new card */

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

.market-data-row .insight-value[b-cucrspd5by] {
    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-cucrspd5by] {
    display: flex;
    /*align-items: baseline;*/
    align-items: center;
    margin-bottom: 5px;
}

.ai-budget-label[b-cucrspd5by] {
    flex: 1;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #495057;
    margin-right: 10px; /* Add some space */
    width: 9rem;
}

.ai-budget-display .insight-value[b-cucrspd5by] {
    flex: 2;
    font-size: 1.5em;
    text-align: right;
    display: inline;
    margin-bottom: 0;
    margin-left: auto; /* ADDED */
}

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

    

    /* Feedback colors for the new indicator */
    
    
    
/* Styling for the new Potensielle Kandidater row */
.insight-data-row[b-cucrspd5by] {
    display: flex;
    align-items: baseline; /* CHANGED from center */
    /*margin-bottom: 8px;*/
    margin-bottom: -5px !important; /* 20260202 */
}

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

.insight-data-row .current-value[b-cucrspd5by] {
    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-cucrspd5by] {
    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-cucrspd5by] {
    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-cucrspd5by] {
    margin-bottom: 8px;
}

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

.market-data-label[b-cucrspd5by] {
    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-cucrspd5by] {
    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-cucrspd5by] {
    color: #dc3545;
    font-weight: bold;
    display: inline-block;
    font-size: 1em;
    order: 3; /* Arrow second */
    margin-right: 3px;
}

.market-data-row .original-value[b-cucrspd5by] {
    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-cucrspd5by] {
    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 {
    display: flex;
    align-items: baseline;
    margin-bottom: 5px;
}*/

/* === Styles for Custom Budget Toggle and Dual Value Display === */

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

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

    

/* Styles for the budget range slider and input field */

/* Styles for dual value display in data insights */
.dual-value-display .original-value[b-cucrspd5by] {
    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-cucrspd5by] {
    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-cucrspd5by] {
        color: #dc3545 !important;
    }

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

.dual-value-display .current-value[b-cucrspd5by] {
    /* 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 */

/* More specific style for the AI budget strikethrough to set color */

/* Styles for Dynamically Populated Channels in Details Panel */

/* Style for the paragraph containing the channel names */

/* Materiell-valg styles */

    

    
    
    
    
    
    /* Add button styling to match tillvalg-option buttons */
    
        
    
/* 20250818 */

    
    
    
    
    
    /* Add button styling to match tillvalg-option buttons */
    
        
    
        

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

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    border: 1px solid #e9ecef;
}

/* Details Panel Action Buttons */

/* Wrapper for Lagre button + URL - THIS IS THE FIRST FLEX COLUMN */

/* The "Lagre" button itself, fills its column wrapper */
#details-panel-save-button[b-cucrspd5by] {
    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-cucrspd5by] {
        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-cucrspd5by] {
    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);
}

    
    
        

/* --- START: Mobile Wizard Navigation - Single Step Display --- */
/* --- END: Mobile Wizard Navigation - Single Step Display --- */

/* --- START: Mobile Bottom Bar --- */

    
    
#mb-order-button[b-cucrspd5by] {
    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 */
}

    
    
        

    

/* Styling for sections within the expanded mobile bar - mirror .details-section */

    
    

    
    

    
    
        

/* --- END: Mobile Bottom Bar --- */

/* === ADDED: Channel list font size consistency === */

/* === ADDED: Channel list font size consistency (Attempt 2) === */

/* Additional responsive rules for wider "mobile"/tablet */

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

    
    /* .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 */
    
        
    
    
            /* --- End Mobile Wizard Navigation for 1200px --- */
}

/* End of file */

/* Additions */

    

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

span.insight-value-common[b-cucrspd5by] {
    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 */
}

/* New classes */

.summary-item[b-cucrspd5by] {
    font-size: 1.0rem; /*16px;*/
}

    .summary-item.large[b-cucrspd5by] {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .summary-item.large-slim[b-cucrspd5by] {
        font-size: 1.25rem;
        margin-bottom: 0.25rem;
    }

.content-block-outer-wrapper[b-cucrspd5by] {
    gap: 2rem;
    display: flex;
    flex-direction: row;
}

.media-channel-list[b-cucrspd5by] {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
}

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

.budget-card[b-cucrspd5by] {
    width: 20rem;
}

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

.channel-item[b-cucrspd5by] {
    padding: 5px 10px;
    min-height: 36px; /* Ensure items have a minimum height */
}

div.page-break[b-cucrspd5by] {
    page-break-before: always;
}

.section-header.slim[b-cucrspd5by] {
    margin: 0.75rem 0 .5rem 0;
    padding-bottom: 0rem;
}

.content-block-wrapper.small-width[b-cucrspd5by] {
    width: 26rem;
    max-width: 26rem;
    min-width: 15rem;
    height: 6.3rem;
    padding-top: 12px;
}

.content-block-wrapper.large-width[b-cucrspd5by] {
    width: 40rem;
    max-width: 40rem;
    min-width: 30rem;
    height: 6.3rem;
}

.content-block-wrapper.map[b-cucrspd5by] {
    width: 35rem;
    pointer-events: none; /* Disables dragging the map around */
}

.workplace-deadline-container[b-cucrspd5by] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media not print {
    .page-header[b-cucrspd5by] {
        display: none;
    }

    }

/*@media print {
    .section-header h2::after {
        display: block !important;
    }

    .section-header h3::after {
        display: block !important;
    }
}*/

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

summary-item.spacer[b-cucrspd5by] {
    margin-top: 0.8rem;
}

summary-item.doublespacer[b-cucrspd5by] {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.summary-item.bold[b-cucrspd5by] {
    font-weight: bold;
    margin-top: 0rem;
}

.summary-item.bold-spacer[b-cucrspd5by] {
    font-weight: bold;
    margin-top: 0.8rem;
}

div.spacer[b-cucrspd5by] {
    height: 1.25rem;
}

div.spacer-double[b-cucrspd5by] {
    height: 2.5rem;
}

div.data-strategy-container[b-cucrspd5by] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0px;
    margin-top: 1rem;
    print-color-adjust: exact;
}

div.data-strategy-cell[b-cucrspd5by] {
    height: 3.25rem;
    /*border: 1.7rem solid var(--color-primary-main);*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 1.0rem;
    font-weight: bold;
    color: white;
    border: 1.7rem solid var(--color-primary-main);
    /* Using background-color */
    /*background-color: var(--color-primary-main);*/
}

    div.data-strategy-cell.solo[b-cucrspd5by] {
        width: 12rem;
        align-items: center;
        border-radius: 8px;
        margin-right: 1rem;
    }

    div.data-strategy-cell.left[b-cucrspd5by] {
        width: 16rem;
        border: 0px !important;
        /* Using background-color */
        /*align-items: start;
        padding-left: 2rem;*/
        /*        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
*/
    }

    div.data-strategy-cell.middle[b-cucrspd5by] {
        width: 16rem;
        border: 0px !important;
        /* Using background-color */
        /*align-items: center;*/
        /*border-radius: 0px;*/
    }

    div.data-strategy-cell.right[b-cucrspd5by] {
        width: 16rem;
        border: 0px !important;
        /* Using background-color */
        /*align-items: end;
        padding-right: 2rem;*/
        /*border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;*/
    }

div.data-strategy-grouped-cell[b-cucrspd5by] {
    display: flex;
    /*justify-content: space-evenly;*/
    align-items: center;
    border: 1.7rem solid var(--color-primary-main);
    border-radius: 8px;
    /*background-color: green;*/
    width: 48rem;
    height: 3.25rem;
    color: white;
    print-color-adjust: exact;
    font-weight: bold;
    /*border: 1.7rem solid var(--color-primary-main);*/
    /*    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    border: 1.7rem solid var(--color-primary-main);
    font-size: 1.0rem;
    font-weight: bold;
    color: white;*/
    /*width: 48rem;*/
    /*border-radius: 8px !important;*/
}

    div.data-strategy-grouped-cell.left[b-cucrspd5by] {
        justify-content: left;
        print-color-adjust: exact;
    }

    div.data-strategy-grouped-cell.middle[b-cucrspd5by] {
        justify-content: center;
        print-color-adjust: exact;
    }

    div.data-strategy-grouped-cell.right[b-cucrspd5by] {
        justify-content: right;
        print-color-adjust: exact;
    }

div.strategy-phase-label-container[b-cucrspd5by] {
    margin-top: 1.25rem;
    padding-left: 1rem;
}

div.strategy-phase-container[b-cucrspd5by] {
    margin-top: 1.25rem;
    border-radius: 1.25rem;
    border: 1.25rem solid #AEC3CE;
    height: 2.5rem;
    width: 100%;
    print-color-adjust: exact;
    /* Using background-color */
    /*background-color: #AEC3CE;*/
}

div.strategy-phase-kick-start[b-cucrspd5by] {
    position: absolute;
    border: 1.25rem solid var(--color-primary-main);
    border-radius: 1.25rem;
    width: 16.5rem;
    height: 2.5rem;
    margin: -1.25rem; /* Necessary to offset border of containing DIV */
    /* Using background-color */
    /*border-radius: 1.25rem;
    background-color: var(--color-primary-main);
    width: 15.5rem;*/
}

div.strategy-phase-optimization[b-cucrspd5by] {
    position: absolute;
    border-radius: 1.25rem;
    height: 2.5rem;
    width: 45rem;
    border: 1.25rem solid var(--color-primary-main);
    margin: -1.25rem 0rem 0rem 0.5rem;    
    /* Using background-color */
    /*margin-left: 1.75rem;*/
    /*background-color: var(--color-primary-main);*/
}

div.strategy-phase-twins[b-cucrspd5by] {
    position: absolute;
    border-radius: 1.25rem;
    height: 2.5rem;
    width: 48rem;
    border: 1.25rem solid var(--color-primary-main);
    margin: -1.25rem;
    /* Using background-color */
    /*background-color: var(--color-primary-main);*/
}

div.strategy-phase-retargeting[b-cucrspd5by] {
    position: absolute;
    border-radius: 1.25rem;
    height: 2.5rem;
    width: 30rem;
    border: 1.25rem solid var(--color-primary-main);
    margin: -1.25rem 0rem 0rem 16.75rem;
    /* Using background-color */
    /*background-color: var(--color-primary-main);
    margin-left: 22rem;*/
}

div.strategy-phase-inner[b-cucrspd5by] {
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;    
}

span.strategy-phase-text[b-cucrspd5by] {
    display: table;
    margin: 0 auto;
    color: white;
}

/* New CSS for Estimated effect/budget */

.top-margin[b-cucrspd5by] {
    margin-top: 20px;
}

.main-width[b-cucrspd5by] {
    width: 1050px !important;
}

.green-background[b-cucrspd5by] {
    border-color: var(--color-success);
    background-color: #F0FDF4;
}

.insight-data-container[b-cucrspd5by] {
    /*display: flex;
    flex-direction: row;
    gap: 2rem;*/

    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;

    max-width: 65rem; /* 40rem */
    margin-top: 1rem;
}

    
.insight-block-wrapper[b-cucrspd5by] {
    /*width: 26rem !important;*/
    padding: 20px;
    margin-bottom: 10px; /* 20px */
    margin-top: 10px; /* 20px */
    border-radius: 8px; /* Added a slight border-radius for a softer look */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    border: 1px solid #e9ecef;
}

.insight-block-wrapper-alternative[b-cucrspd5by] {
    /*width: 26rem !important;*/
    flex: 1;
    padding: 20px;
    margin-bottom: 10px; /* 20px */
    margin-top: 10px; /* 20px */
    border-radius: 8px; /* Added a slight border-radius for a softer look */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    border: 1px solid #e9ecef;
}

.insight-block-wrapper-noborder[b-cucrspd5by] {
    flex: 1;
    /*width: 26rem !important;*/
    /*margin-bottom: 10px;*/ /* 20px */
    margin-top: 10px; /* 20px */
    border: none !important;
}

.insight-budget-card[b-cucrspd5by] {
    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;
}

    
.strategy-region[b-cucrspd5by] {
    margin-top: 1.5rem;
}

.addon-selection-list[b-cucrspd5by] {
    display: flex;
    flex-direction: column;
}

.break[b-cucrspd5by] {
    flex-basis: 100%;
    height: 0;
}

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

.included-item-with-tooltip[b-cucrspd5by] {
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1.4;
    padding-right: 30px;
    z-index: 0; /* 20250704 */
}

    .included-item-with-tooltip .check-icon[b-cucrspd5by] {
        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-with-tooltip .check-icon i[b-cucrspd5by] {
            font-size: 12px;
        }

    .included-item-with-tooltip .item-text[b-cucrspd5by] {
        font-size: 16px;
        color: #333;
        flex: 1;
        padding-top: 0px;
        padding-right: 8px;
    }

/*.check-icon {
    z-index: 200000 !important;
    background-color: pink !important;
}*/

/* _content/Frantz.BusinessManager/Components/Campaigns/Content/CampaignTasklistWindowComponent.razor.rz.scp.css */

.nav-link[b-8jvgy4wyvb] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/NewCampaignComponent.razor.rz.scp.css */
div.campaignSection[b-t6pt0hmc2g] {
    max-width: 890px !important; /* 600 */
    min-width: 400px;
    display: block;
    align-items: center;
    padding-bottom: 0.5rem;
}

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

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

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

[b-t6pt0hmc2g] div.campaignOrderer {
    margin-bottom: 2rem;
    width: 100%;
}

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

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

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

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

[b-t6pt0hmc2g] 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-variant-numeric: tabular-nums;
}

    [b-t6pt0hmc2g] 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-variant-numeric: tabular-nums;
    }

[b-t6pt0hmc2g] div.toolTipBudget {
    width: 5rem;
    font-weight: bold;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
}

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

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

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

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

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

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

/* 20240607 */

[b-t6pt0hmc2g] div.customerAndOrderer {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}


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

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

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

img.personIcon.green[b-t6pt0hmc2g] {
    /* 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-t6pt0hmc2g] {
    height: 2rem !important;
    cursor: pointer;
}

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

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

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

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

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

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


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

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

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

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

[b-t6pt0hmc2g] div.addon-proposal-price-row-two {
    padding-top: 0.3rem;
    height: 1.2rem;
}

[b-t6pt0hmc2g] .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-t6pt0hmc2g] .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-t6pt0hmc2g] .card-product-extra.selected.inactive {
            background: #9E9E9E; /* shade of gray */
            color: #E0E0E0;
            border-left-color: #9E9E9E;
            border-right-color: #9E9E9E !important;
        }

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

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

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

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

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

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

/* Wrapper class for main content blocks */
.content-block-wrapper[b-t6pt0hmc2g] {
    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-t6pt0hmc2g] {
    font-size: 3rem;
    color: var(--color-primary-main);
    font-family: 'Montserrat', sans-serif;
}

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

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

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

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

.intro-text[b-t6pt0hmc2g] {
    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-t6pt0hmc2g] {
    display: none;
    outline: none !important; /* 20260205 */
}

[b-t6pt0hmc2g] div.copyButton {
    margin-left: -5px;
    margin-top: 3px;
}

[b-t6pt0hmc2g] div.funnelspacer {
    height: 1rem;
}

[b-t6pt0hmc2g] div.dealCustomer {
    padding-left: 0rem;
}

.recruiter[b-t6pt0hmc2g] {
    /*    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0rem;
    width: 100%;*/
    /*display: flex;*/

    display: flex;
    justify-content: flex-start;
    margin-top: 0.5rem;
}

.double-customer-section[b-t6pt0hmc2g] {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1rem;

/*    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0rem;
    width: 100%;*/
}

.break[b-t6pt0hmc2g] {
    flex-basis: 100%;
    height: 0;
}

.break-tall[b-t6pt0hmc2g] {
    flex-basis: 100% !important;
    height: 0.5rem !important;
}

.button-icon[b-t6pt0hmc2g] {
    width: 24px;
    height: 24px;
}

.campaign-type-icon[b-t6pt0hmc2g] {
    margin-left: 10px;
    vertical-align: middle;
    padding-bottom: 2px;
}

.blackened[b-t6pt0hmc2g] {
    filter: saturate(0%) brightness(0%);
}

.dealowner-row[b-t6pt0hmc2g] {
    font-weight: bold;
    width: 100%;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Content/TailoredComponent.razor.rz.scp.css */
div.campaignSection[b-zbcls4omux] {
    /*    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-zbcls4omux] {
        display: flex;
        justify-content: space-between;
    }

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

[b-zbcls4omux] 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-zbcls4omux] 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-zbcls4omux] div.toolTipBudget {
    width: 5rem;
    /*display: flex;
    align-items: flex-start;*/
    font-weight: bold;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
}

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

/* 20240607 */

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

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

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

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

    [b-zbcls4omux] .button_campaign.suggestions {
        color: white;
        background-color: green;
    }

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

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

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

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

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

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

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

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

[b-zbcls4omux] .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-zbcls4omux] .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-zbcls4omux] .card-product-extra.selected.inactive {
            background: #9E9E9E; /* shade of gray */
            color: #E0E0E0;
            border-left-color: #9E9E9E;
            border-right-color: #9E9E9E !important;
        }

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

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

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

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

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

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

/* Wrapper class for main content blocks */
.content-block-wrapper[b-zbcls4omux] {
    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-zbcls4omux] {
    font-size: 3rem;
    color: var(--color-primary-main);
    font-family: 'Montserrat', sans-serif;
}

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

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

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

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

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

div.campaignLabel-radio-button[b-zbcls4omux] {
    font-weight: bold;
    padding-left: 1rem;
}

div.radio-button[b-zbcls4omux] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

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

.audience-selector[b-zbcls4omux] {
    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: var(--color-slate-50);
    border-radius: 4px;
    border: 1px solid var(--color-slate-200);
    box-sizing: border-box; /* Ensure padding/border don't expand beyond width */
}

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

.tillvalg-option[b-zbcls4omux] {
    background: white;
    border: 1px solid var(--color-slate-200);
    border-radius: 6px;
    padding: 1.5rem;
    position: relative;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
}

    .tillvalg-option:hover[b-zbcls4omux] {
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        border-color: var(--color-slate-300);
    }

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

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

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

    .tillvalg-option h4[b-zbcls4omux] {
        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[b-zbcls4omux] {
    flex: 1;
    min-width: 300px;
    padding: 15px;
    border: 1px solid var(--color-slate-200);
    border-radius: 6px;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .material-choice-option-addons:hover[b-zbcls4omux] {
        border-color: var(--color-slate-300);
        box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    }

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

    .material-choice-option-addons h4[b-zbcls4omux] {
        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 p[b-zbcls4omux] {
        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-zbcls4omux] {
        background: var(--color-slate-100);
        color: var(--color-primary-main);
        border: 1px solid var(--color-slate-300);
        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-zbcls4omux] {
            background: var(--color-primary-main);
            color: white;
            border-color: var(--color-primary-main);
        }

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

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

    
    
.employment-data-container[b-zbcls4omux] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* Added mobile styles for interactive data container */

/* New Interactive Data Section Styles */

.green-background[b-zbcls4omux] {
    border-color: var(--color-success) !important;
    background-color: #F0FDF4 !important;
}

/* Tooltip */

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

.heading-with-tooltip[b-zbcls4omux] {
    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-zbcls4omux] {
        margin: 0;
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 1rem;
    }

    /* Completed section indicator */
    
    

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

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

    .insight-data-row .current-value[b-zbcls4omux] {
        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-zbcls4omux] {
        color: #dc3545;
        font-weight: bold;
        display: inline-block;
        font-size: 1em;
        order: 3; /* Arrow second */
        margin-right: 3px; /* Space before original value */
    }

/* Styles for dual value display in data insights */

.dual-value-display .insight-value-arrow[b-zbcls4omux] {
    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-zbcls4omux] {
        color: #dc3545 !important;
    }

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

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

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

span.insight-value-common[b-zbcls4omux] {
    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;
    font-variant-numeric: tabular-nums;
    /* No margin-left: auto here, current-value handles it */
    /* See .insight-data-row .original-value for original CSS */
}

.budget-card[b-zbcls4omux] {
    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;
}

    .budget-card h4[b-zbcls4omux] {
        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 */
    .budget-card .heading-with-tooltip[b-zbcls4omux] {
        margin-bottom: 15px; /* Keep original spacing for heading groups */
        align-items: center; /* Vertically align icon and text */
    }

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

    .budget-card .insight-value[b-zbcls4omux] {
        font-size: 1em;
        text-align: right;
        display: inline;
        margin-bottom: 0;
        margin-left: auto;
    }

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

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

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

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

    /* THIS */
    .market-data-row .dual-value-display[b-zbcls4omux] {
        font-size: 1em;
        text-align: right;
        order: 2; /* New value first */
        margin-left: auto; /* Pushes block to the right */
        margin-right: 3px;
    }

/* 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 */

/* Styles for dual value display in data insights */

.insight-value[b-zbcls4omux] {
    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-zbcls4omux] {
    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.h3[b-zbcls4omux] {
        margin-bottom: 15px;
    }

    .tooltip-icon.h4[b-zbcls4omux] {
        margin-bottom: 9px;
    }

    .tooltip-icon:hover[b-zbcls4omux]::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 0;
        top: 100%;
        background: #FFFFFF;
        color: var(--color-slate-800);
        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-zbcls4omux]::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);
    }

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

.market-data-row-new[b-zbcls4omux] {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 0rem;

    align-items: baseline;
    margin-bottom: 0.08rem;
    font-size: 0.9em;
}

.market-data-column-1[b-zbcls4omux] {
    grid-row-start: 1;
    grid-column-start: 1;
    text-align: left;
}

.market-data-column-2[b-zbcls4omux] {
    grid-row-start: 1;
    grid-column-start: 2;
    text-align: right;
    font-weight: bold;
    font-variant-numeric: tabular-nums;
}

.dealowner-row[b-zbcls4omux] {
    font-weight: bold;
    width: 100%;
    /*border-bottom: 1px solid black;*/
}

.break[b-zbcls4omux] {
    flex-basis: 100%;
    height: 0;
}

.break-tall[b-zbcls4omux] {
    flex-basis: 100%;
    height: 0.5rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Addons/CampaignCustEditAddonsComponent.razor.rz.scp.css */

[b-07sz85wf31] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
}

[b-07sz85wf31] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-07sz85wf31] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Addons/CampaignEditAddonsComponent.razor.rz.scp.css */

[b-p7uuh3yg8b] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
}

[b-p7uuh3yg8b] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-p7uuh3yg8b] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/CampaignCustEditorComponent.razor.rz.scp.css */
[b-dtzf5hgxpq] div.campaignEditor {
    width: 100%;
    float: left;
}

[b-dtzf5hgxpq] 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-dtzf5hgxpq] .campaignMenuItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    /*font-size: 14px;
    font-weight: bold;*/
}

[b-dtzf5hgxpq] .campaignMenuItem.switch {
    padding-right: 20px;
}

[b-dtzf5hgxpq] div.headerPart {
    font-size: 16px;
    font-weight: bold;
    height: 4vh;
    min-height: 30px;
    overflow: scroll;
}

[b-dtzf5hgxpq] div.menuPart {
    height: 5vh;
    min-height: 50px;
}

[b-dtzf5hgxpq] div.bottomPart {
    height: 85vh;
    min-height: 100px;
}

[b-dtzf5hgxpq] div.verticalSpacer {
    height: 30px;
}

[b-dtzf5hgxpq] .invisible {
    /*visibility: hidden;*/
    display: none;
}

[b-dtzf5hgxpq] .visible {
    /* visibility: visible; */

}

[b-dtzf5hgxpq] div.Channels {
    display: flex;
}

[b-dtzf5hgxpq] div.ChannelsLeftColumn {
    display: flex;
    flex-direction: column;
    width: 75px;
    min-width: 55px;
    height: 100%;
    text-align: center;
    border-right: 2px solid black;
}

[b-dtzf5hgxpq] span.ChannelIcon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

[b-dtzf5hgxpq] span.SelectedChannel {
    background-color: var(--campaigns-row-highlight);
    border: 1px solid var(--color-primary-main-lighten);
    border-right: none;
}

[b-dtzf5hgxpq] div.ChannelsRightColumn {
    margin-left: 20px;
    flex-direction: row;
    width: 100%;
    min-width: 100px;
    height: 100%;
}

[b-dtzf5hgxpq] img.ChannelIcons {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

[b-dtzf5hgxpq] div.datePickerWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-dtzf5hgxpq] div.dropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-dtzf5hgxpq] span.dropDownSpan {
    display: inline-flex;
}

[b-dtzf5hgxpq] div.customerUserdropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-dtzf5hgxpq] span.taskDescription {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    max-height: 50px;
}

[b-dtzf5hgxpq] .taskButton {
    margin-right: 0rem !important;
}

[b-dtzf5hgxpq] .cardBottomRow {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[b-dtzf5hgxpq] .cardBottomRowSingle {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

[b-dtzf5hgxpq] span.dueDate {
    font-weight: bold;
}

[b-dtzf5hgxpq] div.taskTitle {
    /*font-size: 1rem;*/
}

[b-dtzf5hgxpq] div.cardButtons {
    margin-top: 1rem;
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-dtzf5hgxpq] div.campaignPane {
    max-height: 100%;
    overflow-y: scroll;
}

[b-dtzf5hgxpq] .campaign-save-button {
    width: 10rem;
}

[b-dtzf5hgxpq] .outer-button-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
}

[b-dtzf5hgxpq] .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;
    flex-shrink: 0;
}

[b-dtzf5hgxpq] .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-dtzf5hgxpq] .campaign-title {
    width: 100%;
    padding-bottom: 1rem;
}

[b-dtzf5hgxpq] .campaign-top-buttons {
    /*width: 28rem;*/
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 0.5rem;
    margin-right: 0rem;
    flex-shrink: 0;
}

[b-dtzf5hgxpq] .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-dtzf5hgxpq] .campaign-id-chip {
    display: flex;
    /*width: 16rem;*/
}

[b-dtzf5hgxpq] .campaign-id-chip-wide {
    display: flex;
    /*width: 17rem;*/
}

[b-dtzf5hgxpq] .campaign-type-chip {
    width: 15rem;
}

.break[b-dtzf5hgxpq] {
    flex-basis: 100%;
    height: 0;
}

[b-dtzf5hgxpq] .campaign-postings {
    padding-bottom: 0.5rem;
}

[b-dtzf5hgxpq] .campaign-dropdown {
    margin-inline-start: 0px !important;
    margin-left: 0px !important;
    width: 40rem !important;
}

[b-dtzf5hgxpq] .customer-orderer-creator {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem;
    flex: 0 1 auto;
    min-width: 0;
}

[b-dtzf5hgxpq] .people-with-labels {
    height: 2.5rem;
    width: 10rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

[b-dtzf5hgxpq] .posting-label-and-entry {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 0.5rem;
}

[b-dtzf5hgxpq] .posting-label {
    font-weight: bold;
    padding-bottom: 0.2rem;
    padding-top: 0.5rem;
    text-align: right;
    margin-right: 1rem;
    width: 10rem;
}

[b-dtzf5hgxpq] .posting-entry {
    font-weight: normal;
    padding-bottom: 0.2rem;
    padding-top: 0.5rem;
    text-align: left;
    margin-top: 0.026rem;
    width: 100%;
}

/* Telerik TabStrip styling for Campaign Editor */
/* Selected tab styling with proper border and background */
[b-dtzf5hgxpq] .k-tabstrip-items-wrapper .k-tabstrip-item.k-active,
[b-dtzf5hgxpq] .k-tabstrip-items-wrapper .k-tabstrip-item.k-selected {
    background-color: #fff !important;
    margin-bottom: -1px;
    border: 1px solid #dee2e6 !important;
    border-bottom-color: #fff !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Selected tab text color - orange/setup color */
[b-dtzf5hgxpq] .k-tabstrip-items .k-tabstrip-item.k-active .k-link,
[b-dtzf5hgxpq] .k-tabstrip-items .k-tabstrip-item.k-selected .k-link {
    background-color: #fff !important;
    color: var(--color-campaigns-setup) !important;
    font-weight: bold;
}

/* Bottom border line under all tabs */
[b-dtzf5hgxpq] .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: 1px solid #dee2e6 !important;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/CampaignEditorComponent.razor.rz.scp.css */
[b-j5hsgb3r1p] div.campaignEditor {
    width: 100%;
    float: left;
}

[b-j5hsgb3r1p] 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-j5hsgb3r1p] .campaignMenuItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    /*font-size: 14px;
    font-weight: bold;*/
}

    [b-j5hsgb3r1p] .campaignMenuItem.switch {
        padding-right: 20px;
    }

[b-j5hsgb3r1p] div.headerPart {
    font-size: 16px;
    font-weight: bold;
    height: 4vh;
    min-height: 30px;
    overflow: scroll;
}

[b-j5hsgb3r1p] div.menuPart {
    height: 5vh;
    min-height: 50px;
}

[b-j5hsgb3r1p] div.bottomPart {
    height: 85vh;
    min-height: 100px;
}

[b-j5hsgb3r1p] div.verticalSpacer {
    height: 30px;
}

[b-j5hsgb3r1p] .invisible {
    /*visibility: hidden;*/
    display: none;
}

[b-j5hsgb3r1p] .visible {
    /* visibility: visible; */
}

[b-j5hsgb3r1p] div.Channels {
    display: flex;
}

[b-j5hsgb3r1p] div.ChannelsLeftColumn {
    display: flex;
    flex-direction: column;
    width: 75px;
    min-width: 55px;
    height: 100%;
    text-align: center;
    border-right: 2px solid black;
}

[b-j5hsgb3r1p] span.ChannelIcon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

[b-j5hsgb3r1p] span.SelectedChannel {
    background-color: var(--campaigns-row-highlight);
    border: 1px solid var(--color-primary-main-lighten);
    border-right: none;
}

[b-j5hsgb3r1p] div.ChannelsRightColumn {
    margin-left: 20px;
    flex-direction: row;
    width: 100%;
    min-width: 100px;
    height: 100%;
}

[b-j5hsgb3r1p] img.ChannelIcons {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

[b-j5hsgb3r1p] div.datePickerWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-j5hsgb3r1p] div.dropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-j5hsgb3r1p] span.dropDownSpan {
    display: inline-flex;
}

[b-j5hsgb3r1p] div.customerUserdropDownWithLegend {
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-j5hsgb3r1p] span.taskDescription {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    max-height: 50px;
}

[b-j5hsgb3r1p] .taskButton {
    margin-right: 0rem !important;
}

[b-j5hsgb3r1p] .cardBottomRow {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-j5hsgb3r1p] .cardBottomRowSingle {
    width: 300px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

[b-j5hsgb3r1p] span.dueDate {
    font-weight: bold;
}

[b-j5hsgb3r1p] div.taskTitle {
    /*font-size: 1rem;*/
}

[b-j5hsgb3r1p] div.cardButtons {
    margin-top: 1rem;
    max-width: 20rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-j5hsgb3r1p] div.campaignPane {
    max-height: 100%;
    overflow-y: scroll;
}

.break[b-j5hsgb3r1p] {
    flex-basis: 100%;
    height: 0;
}

[b-j5hsgb3r1p] .outer-button-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0.5rem;
}

[b-j5hsgb3r1p] .campaign-top-buttons {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 0.5rem;
    margin-right: 0rem;
    flex-shrink: 0;
}

[b-j5hsgb3r1p] .campaign-id-chip-wide {
    display: flex;
}

[b-j5hsgb3r1p] .campaign-type-chip {
    width: 15rem;
}

[b-j5hsgb3r1p] .customer-orderer-creator {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem;
    flex: 0 1 auto;
    min-width: 0;
}

[b-j5hsgb3r1p] .people-with-labels {
    height: 2.5rem;
    width: 10rem;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

[b-j5hsgb3r1p] .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;
}

/* Telerik TabStrip styling for Campaign Editor */
/* Selected tab styling with proper border and background */
[b-j5hsgb3r1p] .k-tabstrip-items-wrapper .k-tabstrip-item.k-active,
[b-j5hsgb3r1p] .k-tabstrip-items-wrapper .k-tabstrip-item.k-selected {
    background-color: #fff !important;
    margin-bottom: -1px;
    border: 1px solid #dee2e6 !important;
    border-bottom-color: #fff !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Selected tab text color - orange/setup color */
[b-j5hsgb3r1p] .k-tabstrip-items .k-tabstrip-item.k-active .k-link,
[b-j5hsgb3r1p] .k-tabstrip-items .k-tabstrip-item.k-selected .k-link {
    background-color: #fff !important;
    color: var(--color-campaigns-setup) !important;
    font-weight: bold;
}

/* Bottom border line under all tabs */
[b-j5hsgb3r1p] .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: 1px solid #dee2e6 !important;
}

div.deal-customer[b-j5hsgb3r1p] {
    margin-left: -10px;
}

div.current-position[b-j5hsgb3r1p] {
    margin-left: -10px;
}

div.tab-general-short-field[b-j5hsgb3r1p] {
    width: 9rem;
}

div.tab-general-medium-field[b-j5hsgb3r1p] {
    width: 15rem;
}

div.tab-grid-display[b-j5hsgb3r1p] {
    width: 27rem;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0rem;

}

div.tab-general-long-field[b-j5hsgb3r1p] {
    width: 50rem;
}

div.tab-setup-long-field[b-j5hsgb3r1p] {
    width: 50rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignAdComponent.razor.rz.scp.css */

.campaignad-card-image[b-hfvxz2qv9n] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

.campaignad-card-video[b-hfvxz2qv9n] {
    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-hfvxz2qv9n] {
    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-hfvxz2qv9n] {
        color: var(--color-primary-main-support);
    }

.campaignad-smallcard-stats[b-hfvxz2qv9n] {
    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-hfvxz2qv9n] {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    .campaignad-smallcard-stats .campaignad-border[b-hfvxz2qv9n] {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    .campaignad-smallcard-stats .campaignad-type[b-hfvxz2qv9n] {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .campaignad-smallcard-stats .campaignad-value[b-hfvxz2qv9n] {
        font-weight: 700;
    }

        .campaignad-smallcard-stats .value sup[b-hfvxz2qv9n] {
            font-size: 12px;
        }



.campaignad-smallTextFixed[b-hfvxz2qv9n] {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/Ad/CampaignAdListComponent.razor.rz.scp.css */
.campaignad-carousel-cell[b-6e77eat2cc] {
    counter-increment: carousel-cell;
}

    [b-6e77eat2cc] .campaignad-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-6e77eat2cc] .campaignad-carousel-cell:before {
        display: block;
        text-align: center;
    }

.campaignad-smallCard[b-6e77eat2cc] {
    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-dq6n2qzydg] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

.campaignad-smallcard-text[b-dq6n2qzydg] {
    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-dq6n2qzydg] {
        color: var(--color-primary-main-support);
    }

.campaignad-smallcard-stats[b-dq6n2qzydg] {
    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-dq6n2qzydg] {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    .campaignad-smallcard-stats .campaignad-border[b-dq6n2qzydg] {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    .campaignad-smallcard-stats .campaignad-type[b-dq6n2qzydg] {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .campaignad-smallcard-stats .campaignad-value[b-dq6n2qzydg] {
        font-weight: 700;
    }

        .campaignad-smallcard-stats .value sup[b-dq6n2qzydg] {
            font-size: 12px;
        }

.campaignad-smallTextFixed[b-dq6n2qzydg] {
    font-size: 0.85rem;
}

.campaignad-thumbnail-container[b-dq6n2qzydg] {
    width: 235px;
    height: 235px;
}

img.campaignad-thumbnail[b-dq6n2qzydg] {
    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-rljx3cmszn] {
    counter-increment: carousel-cell;
}

    [b-rljx3cmszn] .campaignad-carousel-cell .scaleSize {
        zoom: 1.2;
    }

    [b-rljx3cmszn] .campaignad-carousel-cell:before {
        display: block;
        text-align: center;
    }

.campaignad-smallCard-cust[b-rljx3cmszn] {
    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-ieguyg7wbi] {
    counter-increment: carousel-cell;
}

[b-ieguyg7wbi] .msgAttachment-carousel-cell .scaleSize {
    zoom: 1.2;
}

[b-ieguyg7wbi] .msgAttachment-carousel-cell:before {
    display: block;
    text-align: center;
}

.msgAttachment-smallCard[b-ieguyg7wbi] {
    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-ieguyg7wbi] {
    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-ieguyg7wbi] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
}

.msgAttachment-smallcard-text[b-ieguyg7wbi] {
    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-ieguyg7wbi] {
        color: var(--color-primary-main-support);
    }

.msgAttachment-smallcard-stats[b-ieguyg7wbi] {
    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-ieguyg7wbi] {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: white;
    }

    .msgAttachment-smallcard-stats .msgAttachment-border[b-ieguyg7wbi] {
        border-left: 1px solid #003f5a;
        border-right: 1px solid #003f5a;
    }

    .msgAttachment-smallcard-stats .msgAttachment-type[b-ieguyg7wbi] {
        font-size: 0.85rem;
        font-weight: 300;
        text-transform: uppercase;
    }

    .msgAttachment-smallcard-stats .msgAttachment-value[b-ieguyg7wbi] {
        font-weight: 700;
    }

    .msgAttachment-smallcard-stats .value sup[b-ieguyg7wbi] {
        font-size: 12px;
    }



.msgAttachment-smallTextFixed[b-ieguyg7wbi] {
    font-size: 0.85rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/AppendAdSetToCampaignComponent.razor.rz.scp.css */
[b-v2yjcgvj9t] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
}

[b-v2yjcgvj9t] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-v2yjcgvj9t] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/CampaignCustEditChannelsComponent.razor.rz.scp.css */

[b-j2kwzmzvd6] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-j2kwzmzvd6] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-j2kwzmzvd6] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/CampaignEditChannelsComponent.razor.rz.scp.css */

[b-gqpx14geio] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-gqpx14geio] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-gqpx14geio] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }

[b-gqpx14geio] div.customer-dropdown {
    font-size: 0.5rem;
    height: 10px;
    margin-top: -6px;
}

    [b-gqpx14geio] div.customer-dropdown .k-picker {
        height: 2rem;
    }

[b-gqpx14geio] div.customer-dropdown .k-input-value-text {
    font-size: 0.8rem;
    margin-top: -2px;
    height: 1.2rem;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Edit/Channels/StateHandling/CampaignPublishComponent.razor.rz.scp.css */

[b-trj44nu5kv] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-trj44nu5kv] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-trj44nu5kv] .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 */

[b-gfbjk7qy4h] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-gfbjk7qy4h] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-gfbjk7qy4h] .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 */

[b-a6l9h41ppr] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight:bold;
}

[b-a6l9h41ppr] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-a6l9h41ppr] .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-9or6hzspqh] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Lists/CampaignListComponent.razor.rz.scp.css */
/*  ----------------------------------------
    Outer shell with filter, etc.
    ----------------------------------------
*/

div.campaignlist_outer[b-u1hzrucppj] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

div.campaignlist_filter_outer[b-u1hzrucppj] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div.campaignlist_filter_inner[b-u1hzrucppj] {
    display: flex;
    justify-content: flex-start;
}

div.campaigntable_outer[b-u1hzrucppj] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.break[b-u1hzrucppj] {
    flex-basis: 100%;
    height: 0;
}

/*  ----------------------------------------
    Individual lists.
    ----------------------------------------
*/

[b-u1hzrucppj] .campaign_row {
    height: 3rem !important;
}

    [b-u1hzrucppj] .campaign_row.header {
        height: 3rem !important;
    }

[b-u1hzrucppj] .campaign_sortable_header {
    display: block;
    /*margin-bottom: 9px;*/
    height: 25px;
    margin-bottom: 8px; /* Why? */
    font-size: 1.1rem;
}

    [b-u1hzrucppj] .campaign_sortable_header.selected {
        color: var(--color-primary-main-lighten) !important;
    }

[b-u1hzrucppj] .campaign_header {
    display: block;
    font-size: 1.1rem;
    height: 25px;
}

[b-u1hzrucppj] div.no_sort_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.div.campaignlist_table[b-u1hzrucppj] {
    width: 100%;
    overflow: auto;
    background-color: green;
}

[b-u1hzrucppj] span.edit_campaign_button {
    padding-right: 0.75rem;
}

[b-u1hzrucppj] div.edit_star_outer_span {
    display: flex;
    justify-content: left;
}

[b-u1hzrucppj] span.campaign_title {
    cursor: pointer;
    font-weight: bold;
}

[b-u1hzrucppj] span.campaign_title_draft {
    font-weight: bold;
}

[b-u1hzrucppj] span.campaign_counter {
    font-size: small;
    font-variant-numeric: tabular-nums;
    vertical-align: top;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/NewCampaignCardsComponent.razor.rz.scp.css */
.frantz-cards-host[b-ys6bjb7h5k] {
    width: 100%;
    display: flex;
    justify-content: center;
}

.frantz-cards-grid[b-ys6bjb7h5k] {
    width: 100%;
    max-width: 830px;
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    padding: 8px;
}

@media (max-width: 992px) {
    .frantz-cards-grid[b-ys6bjb7h5k] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 576px) {
    .frantz-cards-grid[b-ys6bjb7h5k] {
        grid-template-columns: 1fr;
    }
}

/* Kort */
.frantz-card[b-ys6bjb7h5k] {
    background-color: var(--color-primary-main);
    color: #F2F6F8;
    border-radius: 10px;
    padding: 15px 15px 13px;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Topp-linje */
.frantz-card-top[b-ys6bjb7h5k] {
    display: flex;
    align-items: center;
    gap: 4px; /* mindre spacing mellom logo og divider */
}

/* Logo (valgfritt) */
.frantz-logo[b-ys6bjb7h5k] {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

/* Badge */

.frantz-badge[b-ys6bjb7h5k] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    min-height: 38px;
    margin-left: 0;
}

.frantz-badge-frantz[b-ys6bjb7h5k] {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.2px;
    text-transform: none;
}

.frantz-badge-label[b-ys6bjb7h5k] {
    color: var(--color-primary-main-support);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    line-height: 1.1;
}

.frantz-card-top-divider[b-ys6bjb7h5k] {
    width: 2px;
    height: 38px;
    background: var(--color-primary-main-support);
    margin: 0 4px; /* mindre spacing til logo og badge */
    border-radius: 2px;
    display: block;
}

/* Tittel */
.frantz-card-title[b-ys6bjb7h5k] {
    color: #ffffff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.15;
    margin: 14px 0 12px;
}

/* Knapp */
.frantz-btn[b-ys6bjb7h5k] {
    align-self: flex-start;
    background: var(--color-primary-main-brighten);
    border: 1px solid var(--color-primary-main-brighten);
    color: #ffffff;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    cursor: pointer;
}
/*
    .frantz-btn:hover {
        background: var(--frantz-btn-hover-bg);
    }*/

    .frantz-btn:focus-visible[b-ys6bjb7h5k] {
        outline: 2px solid rgba(246, 163, 33, 0.55);
        outline-offset: 2px;
    }
/* _content/Frantz.BusinessManager/Components/Campaigns/Optimization/CampaignOptimizeEventsWindow.razor.rz.scp.css */

.nav-link[b-yk97x8zsvb] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Pixels/EditPixelComponent.razor.rz.scp.css */
.button-container-navigation[b-cmqgh4pws6] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 10px;
    padding-bottom: 20px;
}

[b-cmqgh4pws6] .button-navigation {
    width: 180px;
    height: 35px;
    color: white;
    background-color: var(--color-primary-main-light) !important;
}

[b-cmqgh4pws6] .button-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}

/* Audience selector styles */
.audience-selector[b-cmqgh4pws6] {
    max-height: 1200px;
    opacity: 1;
    display: block;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
    background: var(--color-slate-50);
    border-radius: 4px;
    border: 1px solid var(--color-slate-200);
    box-sizing: border-box;
}

/* Advanced filter wrapper */
.advanced-filter-wrapper[b-cmqgh4pws6] {
    position: relative;
    display: inline-block;
}

/* Audience button styling */
[b-cmqgh4pws6] .audience-button {
    text-align: left;
    justify-content: flex-start;
    padding: 0.5rem 1rem;
}

    [b-cmqgh4pws6] .audience-button i {
        margin-right: 0.5rem;
    }

    [b-cmqgh4pws6] .audience-button span {
        flex: 1;
    }

/* _content/Frantz.BusinessManager/Components/Campaigns/Widgets/PageHeaderComponent.razor.rz.scp.css */
div.page-header[b-umx4gz3cva] {
    height: 6rem;
    padding-left: 48px; /* 2 rem; */
    background-color: var(--color-primary-main);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

img.page-logo[b-umx4gz3cva] {
    width: 200px;
}

.no-logo[b-umx4gz3cva] {
    width: 200px;
}

.page-image-span[b-umx4gz3cva] {
    padding-right: 2rem;
    border-right: 3px solid white;
    width: 250px;
}

.page-header-title[b-umx4gz3cva] {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
    margin-left: 2rem;
    margin-top: 0rem;
    margin-right: 11rem;
}

/* 20260129 -> */

.frantz-logo[b-umx4gz3cva] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    margin-right: 0.65rem;
    margin-top: -0.25rem;
}

.frantz-card-top-divider[b-umx4gz3cva] {
    width: 2px;
    height: 38px;
    border-right: 3px solid white;
    /*background: var(--color-primary-main-support);*/
    margin: 0 4px; /* mindre spacing til logo og badge */
    border-radius: 2px;
    display: block;
}

.frantz-badge[b-umx4gz3cva] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    min-height: 38px;
    margin-left: 0;
}

.frantz-badge-frantz[b-umx4gz3cva] {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.2px;
    text-transform: none;
}

.frantz-badge-label[b-umx4gz3cva] {
    color: var(--color-primary-main-support);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.4px;
    text-transform: capitalize; /*  uppercase; */
    line-height: 1.1;
}

.header-campaign-type[b-umx4gz3cva] {
    /*    background-color: var(--color-primary-main);
    color: #F2F6F8;
    border-radius: 10px;*/
    padding: 15px 15px 13px;
    /*min-height: 170px;*/
    display: flex;
    height: 4rem;
    flex-direction: row;
    justify-content: space-between;
    margin-top: -0.25rem;
}

/* <- 20260129 */

@media print {
    div.page-header[b-umx4gz3cva] {
        /*display: none;*/
        height: 5.5rem;
        padding-left: 2rem;
        background-color: var(--color-primary-main) !important;
        -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Opera */
        color-adjust: exact !important; /* Firefox */
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 68rem;
    }

    img.page-logo[b-umx4gz3cva] {
        width: 200px;
    }

    .page-image-span[b-umx4gz3cva] {
        padding-right: 2rem;
        border-right: 3px solid white;
        width: 250px;
    }

    .page-header-title[b-umx4gz3cva] {
        font-size: 2.5rem;
        /*line-height: 2.1rem;*/
        font-weight: bold;
        color: white;
        margin-left: 2rem;
        margin-top: 0rem; /*-0.35rem;*/
        margin-right: 10rem;
    }
}
/* _content/Frantz.BusinessManager/Components/Campaigns/Widgets/PostingPublishingComponent.razor.rz.scp.css */
div.network-icons-outer[b-430dhndkkx] {
    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-430dhndkkx] {
    /* 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-430dhndkkx] {
    /* Black - unchanged */
}

.color-setup[b-430dhndkkx] {
    /* #F6A321 */
    filter: invert(72%) sepia(50%) saturate(2172%) hue-rotate(345deg) brightness(102%) contrast(93%);
}

.color-active[b-430dhndkkx] {
    /* #4Cb79A */
    filter: invert(60%) sepia(72%) saturate(292%) hue-rotate(113deg) brightness(91%) contrast(91%);
}

.color-paused[b-430dhndkkx] {
    /* #187FB3 */
    filter: invert(33%) sepia(83%) saturate(1180%) hue-rotate(172deg) brightness(95%) contrast(81%);
}

.color-ended[b-430dhndkkx] {
    /* #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-oa268frl4y] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Employment/SSBEmploymentMapComponent.razor.rz.scp.css */
.outer_container[b-r071jztvps] {
    width: 34rem;
    /*background-color: bisque;*/
}

.processing[b-r071jztvps] {
    font-size: 0.75rem;
    font-weight: bold;
}

.employment_heading[b-r071jztvps] {
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .employment_heading.button[b-r071jztvps] {
        font-size: 1.2rem;
        font-weight: bold;
    }

        .employment_heading.button:hover[b-r071jztvps] {
            cursor: pointer;
        }

.vacancy_heading[b-r071jztvps] {
    font-size: 1.2rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
}

    .vacancy_heading.button[b-r071jztvps] {
        font-size: 1.2rem;
        font-weight: bold;
    }

        .vacancy_heading.button:hover[b-r071jztvps] {
            cursor: pointer;
        }

.employment_container_outer[b-r071jztvps] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
}

.first_column[b-r071jztvps] {
    width: 7rem;
    min-width: 7rem;
    /*background-color: green;*/
    margin-right: 1rem;
}

    .first_column.first[b-r071jztvps] {
        padding-bottom: 0.5rem;
    }

        .first_column.button:hover[b-r071jztvps] {
            cursor: pointer;
        }

    .first_column.details[b-r071jztvps] {
        /*width: 7rem;*/
        /*margin-right: 1rem;*/
    }

.second_column[b-r071jztvps] {
    width: 4rem;
    min-width: 4rem;
    text-align: right;
    /*background-color: yellow;*/
    margin-right: 1rem;
    font-variant-numeric: tabular-nums;
}

    .second_column.first[b-r071jztvps] {
        padding-top: 0.2rem;
    }

    .second_column.details[b-r071jztvps] {
        width: 4rem;
        margin-right: 1rem;
    }

.third_column[b-r071jztvps] {
    /*width: 85%;*/
/*    width: 30rem;
    min-width: 30rem;*/
    width: 100%;
    /*background-color: red;*/
}
    .third_column.vacancy.half[b-r071jztvps] {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: start;
    }

    .third_column.vacancy.half.title[b-r071jztvps] {
        font-weight: bold;
    }

    .third_column.first[b-r071jztvps] {
        padding-top: 0.2rem;
    }

        .third_column.button:hover[b-r071jztvps] {
            font-weight: bold;
            cursor: pointer;
        }

        .third_column.button.details[b-r071jztvps] {
            font-weight: bold;
        }

    .third_column.details[b-r071jztvps] {
        /*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-r071jztvps] {
            font-weight: bold;
        }

        .third_column.details.vacancy[b-r071jztvps] {
            /*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-r071jztvps] {
                font-weight: bold;
                background-color: var(--color-rapporter-4-50);
            }

        .third_column.details.unfolded[b-r071jztvps] {
            background-color: var(--color-rapporter-4-20);
            padding-left: 0.25rem;
            padding-right: 0.25rem;
        }

            .third_column.details.unfolded:hover[b-r071jztvps] {
                font-weight: bold;
                background-color: var(--color-rapporter-4-50);
            }

.details_region[b-r071jztvps] {
    width: 16rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*background-color: red;*/
}

.details_employed[b-r071jztvps] {
    padding-left: 1rem;
    width: 4rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    /*background-color: green;*/
}

.details_employed_two[b-r071jztvps] {
    padding-left: 1rem;
    width: 4rem;
    text-align: left;
    font-variant-numeric: tabular-nums;
}

.details_vacancies[b-r071jztvps] {
    width: 12rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*background-color: red;*/
}

.employment_container_inner[b-r071jztvps] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    /*background-color: yellow;*/
}

.origin_row[b-r071jztvps] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding-bottom: 0rem;
    /*background-color: red;*/
}

.industry_container[b-r071jztvps] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 0.5rem;
}

.employment_row[b-r071jztvps] {
    width: 100%;
    /*background-color: green;*/
    display: flex;
    justify-content: space-between;
    /*background-color: aqua;*/
}

    .employment_row.first[b-r071jztvps] {
        /*width: 100%;*/
        font-weight: bold;
        padding-bottom: 0rem;
    }

.employment_row_industry[b-r071jztvps] {    
    /*width: 50%;*/
}

.break[b-r071jztvps] {
    flex-basis: 100%;
    height: 0;
}

.spacer_vertical[b-r071jztvps] {
    height: 1rem;
}

    .spacer_vertical.border[b-r071jztvps] {
        /*border-bottom: 0px solid black;*/
    }

.paper[b-r071jztvps] {
    background-color: beige;
}
/* _content/Frantz.BusinessManager/Components/Employment/SSBKioskSummaryMapComponent.razor.rz.scp.css */
.kiosk_summary_outer[b-5azq7jmsnt] {
    font-size: 0.8rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.kiosk_summary_numbers[b-5azq7jmsnt] {
    font-weight: bold;
    font-variant-numeric: tabular-nums;
}

.break[b-5azq7jmsnt] {
    flex-basis: 100%;
    height: 0;
}

.breakDouble[b-5azq7jmsnt] {
    flex-basis: 100%;
    height: 1rem;
}
/* _content/Frantz.BusinessManager/Components/Landingpages/LandingpageDevPageComponent.razor.rz.scp.css */
[b-hqvub8wc4w] body {
    -webkit-font-smoothing: subpixel-antialiased;
}

[b-hqvub8wc4w].in-color {
    color: #0579b7;
}

[b-hqvub8wc4w].fb-color {
    color: #2f64b8;
}

[b-hqvub8wc4w].mail-color {
    color: #f6a508
}

[b-hqvub8wc4w].fIcon {
    min-width: 40px;
    transform: scale(1.5);
    padding-left: 1vmin;
    padding-right: 1vmin;
    cursor: pointer;
}

[b-hqvub8wc4w].image-container {
    container: card / inline-size;
}

@container (min-width: 769px) {
    [b-hqvub8wc4w].frantzTopImageLandscape {
        display: block !important;
    }
}

/**
 * ----------------------------------------
 * animation transition open/close content
 * ----------------------------------------
 */
[b-hqvub8wc4w].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-hqvub8wc4w].height-transition.hidden {
        max-height: 0;
    }

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */

[b-hqvub8wc4w].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-hqvub8wc4w 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-hqvub8wc4w {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * GDPR WINDOW STYLES
 * ----------------------------------------
 */

[b-hqvub8wc4w].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-hqvub8wc4w].backgroundblur {
    pointer-events: none;
}

[b-hqvub8wc4w].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-hqvub8wc4w].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-hqvub8wc4w].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-hqvub8wc4w].gdprContentSettingOptionLine {
    display: block;
    margin-bottom: 15px;
}

[b-hqvub8wc4w].hideSettings {
    display: none !important;
}

@media screen and (min-width: 0px) {
    [b-hqvub8wc4w].gdprcontentwindow {
        margin-top: 2%;
        width: 96%;
        padding: 2.0vw;
        font-size: 12px;
        max-width: 768px;
    }
}

@media screen and (min-width: 768px) {
    [b-hqvub8wc4w].gdprcontentwindow {
        margin-top: 8%;
        padding: 3vh;
        width: 414px;
        font-size: 14px;
        max-width: 768px;
    }
}

@media screen and (min-width: 0px) and (orientation:portrait) {

    [b-hqvub8wc4w].gdprcontentwindow {
        margin-top: 8%;
        width: 90%;
        padding: 4.0vw;
        font-size: 14px !important;
    }
}

@media screen and (min-width: 768px) and (orientation:portrait) {
    [b-hqvub8wc4w].gdprcontentwindow {
        padding: 3vh;
        width: 414px;
    }
}

@media screen and (min-width: 0px) and (orientation:landscape) {

    [b-hqvub8wc4w].gdprContentSettingOptionLine {
        margin-bottom: 1.5vh;
    }

    [b-hqvub8wc4w].gdprSettingsButton {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (orientation:landscape) {
    [b-hqvub8wc4w].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-hqvub8wc4w].gdprcontentwindow {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 667px) and (orientation:portrait) {
    [b-hqvub8wc4w].gdprcontentwindow {
        font-size: 12px;
    }
}

/* _content/Frantz.BusinessManager/Components/Landingpages/LandingpageDevToolComponent.razor.rz.scp.css */
[b-ye57gbvl8y] .devtool-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px;
}

/* LEFT PANEL - Fixed position */
[b-ye57gbvl8y] .devtool-panel-left {
    position: fixed;
    left: 0;
    top: 0;
    width: 360px;
    height: 100vh;
    background: #1e1e2e;
    color: #cdd6f4;
    overflow-y: auto;
    border-right: 2px solid #313244;
    z-index: 100;
}

/* RIGHT PANEL - Fixed position */
[b-ye57gbvl8y] .devtool-panel-right {
    position: fixed;
    right: 0;
    top: 0;
    width: 420px;
    height: 100vh;
    background: #1e1e2e;
    color: #cdd6f4;
    border-left: 2px solid #313244;
    display: flex;
    flex-direction: column;
    z-index: 100;
}

/* CENTER MAIN CONTENT - With left and right margins to avoid panels */
[b-ye57gbvl8y] .devtool-main {
    margin-left: 360px;
    margin-right: 420px;
    min-height: 100vh;
    background: #ffffff;
}

[b-ye57gbvl8y] .devtool-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #181825;
    border-bottom: 1px solid #313244;
    position: sticky;
    top: 0;
    z-index: 10;
}

[b-ye57gbvl8y] .devtool-panel-header h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #cba6f7;
}

[b-ye57gbvl8y] .devtool-badge {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    background: #313244;
    color: #a6adc8;
}

[b-ye57gbvl8y] .devtool-section {
    padding: 10px 16px;
    border-bottom: 1px solid #313244;
}

[b-ye57gbvl8y] .devtool-section-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #89b4fa;
    margin-bottom: 8px;
}

[b-ye57gbvl8y] .devtool-field {
    margin-bottom: 8px;
}

[b-ye57gbvl8y] .devtool-field label {
    display: block;
    font-size: 11px;
    color: #a6adc8;
    margin-bottom: 3px;
    font-family: 'Consolas', 'Fira Code', monospace;
}

[b-ye57gbvl8y] .devtool-field input[type="text"],
[b-ye57gbvl8y] .devtool-field select {
    width: 100%;
    padding: 5px 8px;
    background: #313244;
    border: 1px solid #45475a;
    border-radius: 4px;
    color: #cdd6f4;
    font-size: 12px;
    font-family: 'Consolas', 'Fira Code', monospace;
    box-sizing: border-box;
}

[b-ye57gbvl8y] .devtool-field input[type="text"]:focus,
[b-ye57gbvl8y] .devtool-field select:focus {
    outline: none;
    border-color: #89b4fa;
    box-shadow: 0 0 0 1px #89b4fa33;
}

[b-ye57gbvl8y] .devtool-field input::placeholder {
    color: #585b70;
    font-style: italic;
}

[b-ye57gbvl8y] .devtool-hint {
    display: block;
    font-size: 10px;
    color: #585b70;
    margin-top: 2px;
}

[b-ye57gbvl8y] .devtool-field-row {
    display: flex;
    gap: 8px;
}

[b-ye57gbvl8y] .devtool-field-row .devtool-field {
    flex: 1;
}

[b-ye57gbvl8y] .devtool-script-preview {
    background: #11111b;
    border: 1px solid #313244;
    border-radius: 4px;
    padding: 8px;
    font-size: 11px;
    font-family: 'Consolas', 'Fira Code', monospace;
    color: #a6e3a1;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
    max-height: 150px;
    overflow-y: auto;
}

[b-ye57gbvl8y] .devtool-actions {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-ye57gbvl8y] .devtool-btn {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-ye57gbvl8y] .devtool-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

[b-ye57gbvl8y] .devtool-btn-primary {
    background: #89b4fa;
    color: #1e1e2e;
}

[b-ye57gbvl8y] .devtool-btn-primary:hover:not(:disabled) {
    background: #b4d0fb;
}

[b-ye57gbvl8y] .devtool-btn-secondary {
    background: #313244;
    color: #cdd6f4;
}

[b-ye57gbvl8y] .devtool-btn-secondary:hover:not(:disabled) {
    background: #45475a;
}

/* Console - full height in right panel */
[b-ye57gbvl8y] .devtool-console {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #1e1e2e;
    height: 100%;
}

[b-ye57gbvl8y] .devtool-console-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    background: #181825;
    border-bottom: 1px solid #313244;
    color: #cdd6f4;
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
}

[b-ye57gbvl8y] .devtool-console-header div {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-ye57gbvl8y] .devtool-autoscroll {
    font-size: 11px;
    color: #a6adc8;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

[b-ye57gbvl8y] .devtool-btn-small {
    padding: 2px 8px;
    background: #313244;
    border: 1px solid #45475a;
    border-radius: 3px;
    color: #cdd6f4;
    font-size: 11px;
    cursor: pointer;
}

[b-ye57gbvl8y] .devtool-btn-small:hover {
    background: #45475a;
}

[b-ye57gbvl8y] .devtool-console-body {
    flex: 1;
    overflow-y: auto;
    padding: 4px 0;
    font-family: 'Consolas', 'Fira Code', monospace;
    font-size: 12px;
}

[b-ye57gbvl8y] .devtool-console-line {
    padding: 2px 12px;
    display: flex;
    gap: 8px;
    border-bottom: 1px solid #11111b;
    align-items: flex-start;
}

[b-ye57gbvl8y] .devtool-console-line:hover {
    background: #313244;
}

[b-ye57gbvl8y] .devtool-console-time {
    color: #585b70;
    white-space: nowrap;
    min-width: 85px;
}

[b-ye57gbvl8y] .devtool-console-level {
    min-width: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    padding-top: 1px;
}

[b-ye57gbvl8y] .devtool-console-msg {
    word-break: break-all;
    flex: 1;
}

[b-ye57gbvl8y] .devtool-console-log {
    color: #cdd6f4;
}

[b-ye57gbvl8y] .devtool-console-log .devtool-console-level {
    color: #a6adc8;
}

[b-ye57gbvl8y] .devtool-console-info {
    color: #89b4fa;
}

[b-ye57gbvl8y] .devtool-console-info .devtool-console-level {
    color: #89b4fa;
}

[b-ye57gbvl8y] .devtool-console-warn {
    color: #f9e2af;
    background: #f9e2af0a;
}

[b-ye57gbvl8y] .devtool-console-warn .devtool-console-level {
    color: #f9e2af;
}

[b-ye57gbvl8y] .devtool-console-error {
    color: #f38ba8;
    background: #f38ba80a;
}

[b-ye57gbvl8y] .devtool-console-error .devtool-console-level {
    color: #f38ba8;
}

/* Landing page styles (inherited from LandingpageDevPageComponent) */

[b-ye57gbvl8y] .tw-x-color {
    color: #009fe3;
}

[b-ye57gbvl8y] .in-color {
    color: #0579b7;
}

[b-ye57gbvl8y] .fb-color {
    color: #2f64b8;
}

[b-ye57gbvl8y] .mail-color {
    color: #f6a508;
}

[b-ye57gbvl8y] .fIcon {
    min-width: 40px;
    transform: scale(1.5);
    padding-left: 1vmin;
    padding-right: 1vmin;
    cursor: pointer;
}

[b-ye57gbvl8y] .image-container {
    container: card / inline-size;
}

[b-ye57gbvl8y] .height-transition {
    overflow: hidden;
    transition: max-height 0.5s ease;
}

[b-ye57gbvl8y] .hidden {
    max-height: 0;
}

[b-ye57gbvl8y] .hideSettings {
    display: none;
}

[b-ye57gbvl8y] .gdprNoselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[b-ye57gbvl8y] .gdprWindowLayout {
    max-width: 600px;
    margin: auto;
    margin-top: 15vh;
    padding: 30px;
    background: white;
    border-radius: 8px;
    color: #333;
}

[b-ye57gbvl8y] .gdprAcceptButton {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    background: #193283;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}

[b-ye57gbvl8y] .gdprSettingsButton {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    background: transparent;
    color: #193283;
    border: 1px solid #193283;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

[b-ye57gbvl8y] .gdprContentSettingOptionLine {
    padding: 8px 0;
}

[b-ye57gbvl8y] .frantzButtonSection {
    flex-wrap: wrap;
    gap: 10px;
}

[b-ye57gbvl8y] .frantzSearchButtonTriple {
    min-width: 150px;
}

[b-ye57gbvl8y] .frantzPositionDefinition {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    gap: 20px;
}

[b-ye57gbvl8y] .frantzPositionDefinitionBlock {
    flex: 1;
    min-width: 120px;
}

[b-ye57gbvl8y] .frantzContactInfoDefinition {
    padding: 10px 20px;
}

[b-ye57gbvl8y] .tracking-in-contract {
    text-align: center;
}

[b-ye57gbvl8y] .arrow_right {
    display: inline-block;
    transition: transform 0.3s ease;
}

[b-ye57gbvl8y] .frantzed_readmoreButton:hover .arrow_right {
    transform: translateX(5px);
}

[b-ye57gbvl8y] .frantzNormalText {
    display: block;
    color: #333;
}

[b-ye57gbvl8y] #frantzFullPosContainer {
    overflow: hidden;
}

[b-ye57gbvl8y] #frantzFullPosContainer.hidden {
    max-height: 0;
}

[b-ye57gbvl8y] #frantzFullPosContainer:not(.hidden) {
    max-height: 5000px;
}

[b-ye57gbvl8y] #frantzed_positiontext h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #193283;
}

[b-ye57gbvl8y] #frantzed_positiontext ul {
    margin-bottom: 15px;
    padding-left: 25px;
}

[b-ye57gbvl8y] #frantzed_positiontext li {
    margin-bottom: 8px;
    line-height: 1.6;
}

@container (min-width: 769px) {
    [b-ye57gbvl8y] .frantzTopImageLandscape {
        display: block !important;
    }
}
/* _content/Frantz.BusinessManager/Components/Map/MapComponent.razor.rz.scp.css */
div.selectedLocation[b-njlen53soi] {
    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-njlen53soi] {
    margin-right: 0.4rem;
}
/* _content/Frantz.BusinessManager/Components/Media/MediaLibraryImageSelectorComponent.razor.rz.scp.css */
[b-77np5x5982] .k-button {
    width:3em;
}
[b-77np5x5982] .k-picker {
    width: 3em;
}
    [b-77np5x5982] .k-picker .k-input-inner {
        max-width: 1.5em;
        margin: auto;
    }

[b-77np5x5982] .k-picker .k-input-button {
    display: none;
}
[b-77np5x5982] .k-picker-flat:focus-within {
    box-shadow:none;
}
/* _content/Frantz.BusinessManager/Components/Menu/LeftMenu.razor.rz.scp.css */
[b-srl51n0riz]::-webkit-scrollbar {
    width: .8vmin;
    height: .8vmin;
}

/* Track */
[b-srl51n0riz]::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 .15vw rgba(0,0,0,0.3);*/
}

/* Handle */
[b-srl51n0riz]::-webkit-scrollbar-thumb {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    /*background: transparent;*/ /*#574230;*/
    background: #3F728C;
}

/* Handle on hover */
[b-srl51n0riz]::-webkit-scrollbar-thumb:hover {
    /*background: transparent;*/ /*#574230;*/
    background: #187FB3;
}

.container-fluid[b-srl51n0riz] {
    align-items: flex-start;
}

.navbar-toggler[b-srl51n0riz] {
    background-color: var(--color-background-light) !important;
}

.top-row[b-srl51n0riz] {
    height: var(--height-top-bar);
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-srl51n0riz] {
    font-size: 0.875rem;
}

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


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

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

    .nav-scrollable[b-srl51n0riz] {
        /* 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/TopMenuCampaigns.razor.rz.scp.css */

[b-qi5g0f85cv] .topmenu-dropdown-label {
    font-size: 1rem;
    font-weight: bold;
    margin-right: 1rem;
    vertical-align: middle;
}

[b-qi5g0f85cv] .favourites.k-switch-on .k-switch-track {
    border-color: var(--color-rapporter-3) !important;
    background-color: var(--color-rapporter-3) !important;
}

[b-qi5g0f85cv] .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-qi5g0f85cv] .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-qi5g0f85cv] .draft.k-switch-on .k-switch-thumb {
    background-color: var(--color-campaigns-draft-inverse);
}

[b-qi5g0f85cv] .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-qi5g0f85cv] .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-qi5g0f85cv] .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-qi5g0f85cv] .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-9iolrdtfab] .favourites.k-switch-on .k-switch-track {
    border-color: var(--color-rapporter-3) !important;
    background-color: var(--color-rapporter-3) !important;
}

[b-9iolrdtfab] .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-9iolrdtfab] .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-9iolrdtfab] .draft.k-switch-on .k-switch-thumb {
    background-color: var(--color-campaigns-draft-inverse);
}

[b-9iolrdtfab] .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-9iolrdtfab] .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-9iolrdtfab] .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-9iolrdtfab] .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-0o1i92aoan] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Reporting/GeoRegionsComponent.razor.rz.scp.css */
/* Geo Regions Component - Isolated CSS */

/* Grid layout for geo cards */
.geo-cards[b-gs24yyp8wa] {
    display: grid;
    gap: 1.5rem;
    /* Grid creates as many columns as fit */
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    justify-content: start; /* cards aligned from left, not center */
}

/* Individual geo channel card */
.geo-channel-card[b-gs24yyp8wa] {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 30px 26px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.03);
    height: 100%;
    box-sizing: border-box;
    /* Max width on card - critical to avoid giant cards */
    max-width: 400px;
    /* Fill grid cell, but not over max-width */
    width: 100%;
    justify-self: start; /* makes cards left-aligned in grid cell */
}

/* Card title */
.channel-title[b-gs24yyp8wa] {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: .25rem;
}

/* Card subtitle ("Top 3 counties") */
.channel-subtitle[b-gs24yyp8wa] {
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 1.25rem;
}

/* Table inside the card */
.geo-table[b-gs24yyp8wa] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    table-layout: fixed;
}

/* Regular table cell */
.geo-table td[b-gs24yyp8wa] {
    padding: .4rem 1.2rem .6rem 0;
    vertical-align: bottom;
    white-space: nowrap;
}

/* Region name cell */
.geo-table .region-cell[b-gs24yyp8wa] {
    font-size: 1rem;
    color: #777;
    padding-right: 1.5rem;
    width: 55%;
    white-space: normal;
    word-break: break-word;
}

.geo-table td:not(.region-cell)[b-gs24yyp8wa] {
    width: 22.5%;
    text-align: right;
    white-space: nowrap;
}

/* Horizontal lines between rows */
.geo-table tr td[b-gs24yyp8wa] {
    border-bottom: 1px solid #eceff1;
}

/* No line under last row */
.geo-table tr:last-child td[b-gs24yyp8wa] {
    border-bottom: none;
}

/* Vertical line between impressions and clicks */
.geo-table td:nth-child(2)[b-gs24yyp8wa] {
    border-right: 1px solid #eceff1;
    padding-right: 1.5rem;
}

.geo-table td:nth-child(3)[b-gs24yyp8wa] {
    padding-left: 1.5rem;
}

/* Label above the numbers ("impressions", "clicks") */
.metric-label[b-gs24yyp8wa] {
    display: block;
    font-size: 0.8rem;
    color: #9da4aa;
    margin-bottom: .05rem;
}

/* The actual number - larger and more prominent */
.metric-value[b-gs24yyp8wa] {
    display: block;
    font-size: 1.2rem; /* adjust up/down for larger/smaller */
    font-weight: 400;
    color: #222;
}

/* Placeholder block inside channel-card when no data exists */
.geo-placeholder[b-gs24yyp8wa] {
    margin-top: 1.5rem;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    background: #f7f9fb;
    border: 1px dashed #d7dde5;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

/* Small icon / circle on the left (optional) */
.geo-placeholder-icon[b-gs24yyp8wa] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e5edf7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    color: #48658a;
}

/* Placeholder title and text */
.geo-placeholder-title[b-gs24yyp8wa] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 0.15rem;
}

.geo-placeholder-text[b-gs24yyp8wa] {
    font-size: 0.85rem;
    color: #7a828c;
    line-height: 1.4;
}
/* _content/Frantz.BusinessManager/Components/Reporting/InsightsReportComponent.razor.rz.scp.css */
 .report-container[b-4n0e1qbktd] {
    padding: 10px 15px 20px 15px;
    width: 100%;
    margin-top: 5px;
}

 .section-container[b-4n0e1qbktd] {
    max-width: 1280px;
}



/* Banner Container - Responsive Spacing */
.banner-container[b-4n0e1qbktd] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
}

/* Small screens - reduce banner spacing */
@media (max-width: 767px) {
    .banner-container[b-4n0e1qbktd] {
        gap: 0.5rem;
    }
}

 .report-section[b-4n0e1qbktd] {
    margin-top: 40px;
    margin-bottom: 20px;
    max-width: 1280px;
    background-color: #f4f7f8;
    padding: 35px 35px 50px 35px;
    border-radius: 10px;
}


 .report-header[b-4n0e1qbktd] {
    position: relative;
    display: inline-block;
    margin-bottom: 1.8rem;
    font-weight: 600;
    color: #0C3F59;
    font-family: 'Montserrat Bold', sans-serif;
    font-size: 1.5rem;
}

 .report-header[b-4n0e1qbktd]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 90px;
    height: 3px;
    background-color: var(--color-primary-main-support); /* orange line */
    border-radius: 2px;
}

/* Marks a report section as still under development. Sits inside .report-header,
   so the font size is reset rather than inherited from the 1.5rem heading. */
.beta-badge[b-4n0e1qbktd] {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.6rem;
    padding: 0.15em 0.6em;
    border-radius: 999px;
    background-color: #fdf0d9; /* tint of the orange accent */
    color: #8a5a08;
    border: 1px solid #f6a321;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.5;
    white-space: nowrap;
    cursor: help;
}

.funnel-box[b-4n0e1qbktd] {
    width: 1024px;
}

.powered-by-frantz[b-4n0e1qbktd] {
    max-width: 100px;
    width: 100%;
    height: auto;
}

/* _content/Frantz.BusinessManager/Components/Reporting/ModuleBannerComponent.razor.rz.scp.css */
 .bannermodule-carousel-cell[b-ywsg6iogfs] {
    counter-increment: carousel-cell;
}

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

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

.bannermodule-smallCard[b-ywsg6iogfs] {
    display: grid;   
    grid-template-areas: "image" "text" "stats";    
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    text-align: center;    
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
    background-color: #ffffff;
    border-radius: 16px;
    
    /* Default size for Medium and Large screens */
    width: 235px;
    grid-template-columns: 235px;
    grid-template-rows: 235px 65px 60px;
    
    /* Add positioning for flip animation */
    position: relative;
}

/* Responsive breakpoints */
@media (max-width: 767px) {
    /* XSmall and Small screens */
    .bannermodule-smallCard[b-ywsg6iogfs] {
        width: 300px;
        grid-template-columns: 300px;
        grid-template-rows: 300px 65px 60px;
    }
}

@media (min-width: 768px) {
    /* Medium and Large screens */
    .bannermodule-smallCard[b-ywsg6iogfs] {
        width: 235px;
        grid-template-columns: 235px;
        grid-template-rows: 235px 65px 60px;
    }
}

.bannermodule-card-image[b-ywsg6iogfs] {
    grid-area: image;
    cursor: pointer;
    border-top-left-radius: .4vw;
    border-top-right-radius: .4vw;
    background-size: cover;
    
    /* Proper positioning for flip animation */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 235px; /* Match grid row height */
    z-index: 2;
    
    /* Smooth transitions */
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    backface-visibility: hidden;
}

/* Front card states */
.bannermodule-card-image.front-visible[b-ywsg6iogfs] {
    transform: rotateY(0deg);
    opacity: 1;
    z-index: 3;
}

.bannermodule-card-image.front-hidden[b-ywsg6iogfs] {
    transform: rotateY(-180deg);
    opacity: 0;
    z-index: 1;
}

/* Back card states */
.bannermodule-card-image.back-visible[b-ywsg6iogfs] {
    transform: rotateY(0deg);
    opacity: 1;
    z-index: 3;
}

.bannermodule-card-image.back-hidden[b-ywsg6iogfs] {
    transform: rotateY(180deg);
    opacity: 0;
    z-index: 1;
}

/* Optional: Flipping animation enhancement */
.bannermodule-card-image.flipping[b-ywsg6iogfs] {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Responsive height for card image */
@media (max-width: 767px) {
    .bannermodule-card-image[b-ywsg6iogfs] {
        height: 300px;
    }
}

@media (min-width: 768px) {
    .bannermodule-card-image[b-ywsg6iogfs] {
        height: 235px;
    }
}

.bannermodule-smallcard-text[b-ywsg6iogfs] {
    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;
}

    .bannermodule-smallcard-text .active[b-ywsg6iogfs] {
        color: var(--color-primary-main-support);
    }

.bannermodule-smallcard-stats[b-ywsg6iogfs] {
    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;   
    border-top: 1px solid #eceff1; /* Border for stats section */
}

    .bannermodule-smallcard-stats .bannermodule-stats[b-ywsg6iogfs] {
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;        
    }

    .bannermodule-smallcard-stats .bannermodule-border[b-ywsg6iogfs] {
        border-left: 1px solid #eceff1;
        border-right: 1px solid #eceff1;
    }

    .bannermodule-smallcard-stats .bannermodule-type[b-ywsg6iogfs] {
        font-size: 0.85rem;
        font-weight: 300;     
    }

    .bannermodule-smallcard-stats .bannermodule-value[b-ywsg6iogfs] {
        font-weight: 500;
    }

        .bannermodule-smallcard-stats .value sup[b-ywsg6iogfs] {
            font-size: 18px;
        }

.bannermodule-smallTextFixed[b-ywsg6iogfs] {
    font-size: 0.85rem;
    font-weight: normal;
}
/* _content/Frantz.BusinessManager/Components/Reporting/ModuleDisplayLeadsComponent.razor.rz.scp.css */

/* Wrapper rundt tabellen, gir litt rom og mykhet */
.frantz-table-wrapper[b-4six53oh85] {
    background: #ffffff;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.05);
}

/* Selve tabellen */
.frantz-table[b-4six53oh85] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

    .frantz-table thead th[b-4six53oh85] {
        font-size: 0.78rem;
        font-weight: 600;
        color: #6b737b;
        text-transform: uppercase;
        padding: 0.6rem 0.4rem;
        border-bottom: 2px solid #eef1f4;
        white-space: nowrap;
        vertical-align: middle; 
    }
        
    .frantz-table tbody tr[b-4six53oh85] {
        border-bottom: 1px solid #eef1f4;
    }
        
    .frantz-table td[b-4six53oh85] {
        padding: 0.85rem 0.4rem; 
        color: #333;
        vertical-align: middle;
    }
            
        .frantz-table td:first-child[b-4six53oh85] {
            font-weight: 400;
            color: #222;
            white-space: nowrap;
        }
        
        
    .frantz-table tbody tr:hover[b-4six53oh85] {
        background: #f9fbfc;
    }
        
    .frantz-table td.toggle-cell[b-4six53oh85] {
        width: 90px;
        text-align: center;
    }
        
    .frantz-table td.email-cell[b-4six53oh85] {
        font-family: 'Inter', sans-serif;
        font-size: 0.88rem;
        color: #2e3a45;
        word-break: break-word;
    }
/* _content/Frantz.BusinessManager/Components/Reporting/ModuleDisplayLeadsCountComponent.razor.rz.scp.css */

[b-rp5j493rw7].report-header {
    position: relative;
    display: inline-block;
    margin-bottom: 1.8rem;
    font-weight: 600;
}

    [b-rp5j493rw7].report-header::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 90px;
        height: 3px;
        background-color: var(--color-primary-main-support); /* oransje linje */
        border-radius: 2px;
    }


/* Selve boksen */
.interest-small-card[b-rp5j493rw7] {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 1.75rem 2rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.03);
    width: 260px; /* valgfritt � fjern hvis den skal f�lge parent */
}

/* Store tall */
.interest-small-value[b-rp5j493rw7] {
    font-size: 2rem;
    font-weight: 400;
    color: #222;
    margin-right: .4rem;
    white-space: nowrap;
}

/* "kandidater" p� samme linje */
.interest-small-inline-label[b-rp5j493rw7] {
    font-size: 0.95rem;
    color: #666;
}

/* Tekst under tallet */
.interest-small-sub[b-rp5j493rw7] {
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.25rem;
}

/* Strek mellom radene */
.interest-small-divider[b-rp5j493rw7] {
    border-top: 1px solid #eceff1;
    margin: 1.1rem 0;
}
/* _content/Frantz.BusinessManager/Components/Reporting/ModuleTimelineComponent.razor.rz.scp.css */

/* Default: Horizontal orientation for larger screens */
.responsive-timeline[b-jxq22atnl8] {
    --timeline-orientation: horizontal;
    --timeline-align: start;
}

/* Mobile and tablet: Vertical orientation */
@media (max-width: 991px) {
    .responsive-timeline[b-jxq22atnl8] {
        --timeline-orientation: vertical;
        --timeline-align: end;
    }
}

/* Small mobile: Ensure vertical layout */
@media (max-width: 576px) {
    .responsive-timeline[b-jxq22atnl8] {
        --timeline-orientation: vertical;
        --timeline-align: end;
    }
}
/* _content/Frantz.BusinessManager/Components/Reporting/ReportHeaderComponent.razor.rz.scp.css */
/* Responsive Campaign Header */
.campaignReport-header[b-ymuaenjqiy] {
    border-radius: 8px;
}

.campaignReport-header-content[b-ymuaenjqiy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    gap: 1rem;
}

.campaignReport-header-logo img[b-ymuaenjqiy] {
    max-width: 200px;
    height: auto;
}


.campaignReport-header-title[b-ymuaenjqiy] {
    flex: 1;
    text-align: right;
}

    .campaignReport-header-title h3[b-ymuaenjqiy] {
        margin: 0;
        font-weight: 500;
        font-size: 1.25rem;
    }

/* Mobile responsive header - stack vertically */
@media (max-width: 767px) {
    .campaignReport-header-content[b-ymuaenjqiy] {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
    }

    .campaignReport-header-logo[b-ymuaenjqiy] {
        order: 1;
        margin-bottom: 1rem;
    }

        .campaignReport-header-logo img[b-ymuaenjqiy] {
            max-width: 60%;
        }

    .campaignReport-header-title[b-ymuaenjqiy] {
        order: 2;
        text-align: center;
        max-width: 90%;
    }

        .campaignReport-header-title h3[b-ymuaenjqiy] {
            font-size: 1.15rem; /* h5 equivalent */
        }
}
/* _content/Frantz.BusinessManager/Components/Reporting/SitesComponent.razor.rz.scp.css */
/* Sites Component - Isolated CSS */

.site-cards[b-73xus9wjfi] {
    display: block;
}

/* Single card holding the website list */
.site-channel-card[b-73xus9wjfi] {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 30px 26px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.03);
    box-sizing: border-box;
    max-width: 520px;
    width: 100%;
}

/* Card title */
.channel-title[b-73xus9wjfi] {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: .25rem;
}

/* Card subtitle ("Top 10 websites") */
.channel-subtitle[b-73xus9wjfi] {
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 1.25rem;
}

/* Table inside the card */
.site-table[b-73xus9wjfi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
    table-layout: fixed;
}

/* Regular table cell */
.site-table td[b-73xus9wjfi] {
    padding: .4rem 1.2rem .6rem 0;
    vertical-align: bottom;
    white-space: nowrap;
}

/* Website name cell */
.site-table .site-cell[b-73xus9wjfi] {
    font-size: 1rem;
    color: #777;
    padding-right: 1.5rem;
    width: 55%;
    white-space: normal;
    word-break: break-word;
}

.site-table td:not(.site-cell)[b-73xus9wjfi] {
    width: 22.5%;
    text-align: right;
    white-space: nowrap;
}

/* Horizontal lines between rows */
.site-table tr td[b-73xus9wjfi] {
    border-bottom: 1px solid #eceff1;
}

/* No line under last row */
.site-table tr:last-child td[b-73xus9wjfi] {
    border-bottom: none;
}

/* Vertical line between impressions and clicks */
.site-table td:nth-child(2)[b-73xus9wjfi] {
    border-right: 1px solid #eceff1;
    padding-right: 1.5rem;
}

.site-table td:nth-child(3)[b-73xus9wjfi] {
    padding-left: 1.5rem;
}

/* Label above the numbers ("impressions", "clicks") */
.metric-label[b-73xus9wjfi] {
    display: block;
    font-size: 0.8rem;
    color: #9da4aa;
    margin-bottom: .05rem;
}

/* The actual number - larger and more prominent */
.metric-value[b-73xus9wjfi] {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    color: #222;
}
/* _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-avzalogztp],
[b-avzalogztp] .dialogIconContainer {
    width: 100%;
    height: 50px;
    margin-top: 5px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}

.dialogIcon[b-avzalogztp],
[b-avzalogztp] .dialogIcon {
    width: 50px;
    height: 50px;
}

.dialogTitle[b-avzalogztp],
[b-avzalogztp] .dialogTitle {
    /*height: 10px;*/
    font-size: 1.2rem;
    font-variant-caps: all-small-caps;
}

.dialogText[b-avzalogztp],
[b-avzalogztp] .dialogText {
    /*    position: absolute;
    left: 5%;
    width: 90%;*/
    /*max-height: 40%;*/ /* 20241206 */
    /*overflow: scroll;*/
    min-height: 6rem;
    max-height: 250px; /* 20260218 */
    padding-bottom: 20px;
    overflow: auto; /* auto;*/
    overflow-wrap: break-word;
}

.dialogButtons[b-avzalogztp],
[b-avzalogztp] .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-avzalogztp],
[b-avzalogztp] .dialogButtonSize {
    min-width: 90px;
    margin: 0px !important;

}

.dialogSeverityQuestion[b-avzalogztp],
[b-avzalogztp] .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-avzalogztp],
[b-avzalogztp] .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-avzalogztp],
[b-avzalogztp] .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-avzalogztp],
[b-avzalogztp] .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-2hotnzlbzw] {
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px;
}

.fileListHeading[b-2hotnzlbzw] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    margin-bottom: 0.5rem;
}

.fileListFooter[b-2hotnzlbzw] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    border-top: 1px solid var(--color-campaigns-setup);
    margin-top: 0.5rem;
}

.fileList[b-2hotnzlbzw] {
    /*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-2hotnzlbzw] {
        background-color: var(--campaigns-row-highlight);
    }

.fileName[b-2hotnzlbzw] {
    width: 25rem;
    padding-left: 15px;
}

.fileDetails[b-2hotnzlbzw] {
    width: 12rem;
    font-size: 0.75rem;
    align-items: center;
    vertical-align: middle;
}

.trash[b-2hotnzlbzw] {
    width: 1.2rem;
    height: 1.2rem;
}
/* _content/Frantz.BusinessManager/Components/Shared/FileListComponentAI.razor.rz.scp.css */
.fileListContainer[b-znd8xdwevq] {
    border: 1px solid;
    border-color: transparent;
    border-radius: 5px;
}

.fileListHeading[b-znd8xdwevq] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    margin-bottom: 0.5rem;
}

.fileListFooter[b-znd8xdwevq] {
    font-weight: bold;
    padding-bottom: 0.5rem;
    padding-left: 15px;
    border-top: 1px solid var(--color-campaigns-setup);
    margin-top: 0.5rem;
}

.fileList[b-znd8xdwevq] {
    /*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-znd8xdwevq] {
        background-color: var(--campaigns-row-highlight);
    }

.fileName[b-znd8xdwevq] {
    width: 25rem;
    padding-left: 15px;
}

.fileDetails[b-znd8xdwevq] {
    width: 12rem;
    font-size: 0.75rem;
    align-items: center;
    vertical-align: middle;
}

.trash[b-znd8xdwevq] {
    width: 1.2rem;
    height: 1.2rem;
}

/* AI specific */

.uploaded-files-container[b-znd8xdwevq] {
    background: white;
    border: 1px solid var(--color-slate-200);
    border-radius: 4px;
    padding: 1.25rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

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

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

.uploaded-file-item[b-znd8xdwevq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--color-slate-50);
    border-radius: 4px;
    border: none;
    transition: background 0.2s ease;
}

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

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

.file-name[b-znd8xdwevq] {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    color: var(--color-slate-800);
}

.btn-delete-file[b-znd8xdwevq] {
    background: none;
    border: none;
    color: var(--color-slate-400);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .btn-delete-file:hover[b-znd8xdwevq] {
        background: #FEE2E2;
        color: #EF4444;
    }
/* _content/Frantz.BusinessManager/Components/Shared/FrantzFilterComponentV2.razor.rz.scp.css */

[b-rjxok09rv4] .k-daterangepicker .k-dateinput {
        width:8rem!important;
    }

    [b-rjxok09rv4] .k-daterangepicker .k-floating-label-container {
        padding-top: 0rem !important;
    }

    [b-rjxok09rv4] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Components/Shared/FrantzFilterComponentV3.razor.rz.scp.css */

[b-k7akwkgfxi] .k-daterangepicker .k-dateinput {
        width:8rem!important;
    }

    [b-k7akwkgfxi] .k-daterangepicker .k-floating-label-container {
        padding-top: 0rem !important;
    }

    [b-k7akwkgfxi] .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-1qg55rmjep] {
    height: 2rem !important;
    cursor: pointer;
}
/* _content/Frantz.BusinessManager/Components/Shared/IconDisplayComponent.razor.rz.scp.css */
.iconDisplay_outer[b-idueo2zel9] {
    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-idueo2zel9] {
    /* 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-idueo2zel9] {
    /* 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-idueo2zel9] {
    /* 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-idueo2zel9] {
    /* Black - unchanged */
}

img.media-color-setup[b-idueo2zel9] {
    /* #F6A321 */
    filter: invert(72%) sepia(50%) saturate(2172%) hue-rotate(345deg) brightness(102%) contrast(93%);
}

img.media-color-active[b-idueo2zel9] {
    /* #4Cb79A */
    filter: invert(60%) sepia(72%) saturate(292%) hue-rotate(113deg) brightness(91%) contrast(91%);
}

img.media-color-paused[b-idueo2zel9] {
    /* #187FB3 */
    filter: invert(33%) sepia(83%) saturate(1180%) hue-rotate(172deg) brightness(95%) contrast(81%);
}

img.media-color-ended[b-idueo2zel9] {
    /* #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 */
/*
    ----------------------------------------
    Tooltip display.

    See site.css for classes regarding the ON/OFF switch 
    and other related formatting external to the component.
    ----------------------------------------
*/

.tooltipGuide[b-hhc6gfg2iq] {
    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-hhc6gfg2iq] {
        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-hhc6gfg2iq] {
            width: 10rem;
            background-color: red;
        }

        .tooltipGuide .tooltiptext.medium[b-hhc6gfg2iq] {
            width: 20rem;
        }

        .tooltipGuide .tooltiptext.large[b-hhc6gfg2iq] {
            width: 30rem;
        }

    .tooltipGuide:hover .tooltiptext[b-hhc6gfg2iq] {
        visibility: visible;
        text-align: left;
        padding-left: 1rem;
        padding-right: 1rem;
    }

.tooltipGuide_no_icon[b-hhc6gfg2iq] {
    /*z-index: 100;*/ /* 100 */
    position: relative;
    /*display: inline-flex;*/
    /*justify-content: left;*/
    /*width: 3rem;*/
}

    .tooltipGuide_no_icon .tooltiptext[b-hhc6gfg2iq] {
        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-hhc6gfg2iq] {
            width: 10rem;
        }

        .tooltipGuide_no_icon .tooltiptext.medium[b-hhc6gfg2iq] {
            width: 20rem;
        }

        .tooltipGuide_no_icon .tooltiptext.large[b-hhc6gfg2iq] {
            width: 30rem;
        }

    .tooltipGuide_no_icon:hover .tooltiptext[b-hhc6gfg2iq] {
        visibility: visible;
        text-align: left;
        padding-left: 1rem;
        padding-right: 1rem;
    }

.tooltip_renderfragment[b-hhc6gfg2iq] {
    display: inline-flex;
    position: inherit;
}

    .tooltip_renderfragment:hover[b-hhc6gfg2iq] {
        cursor: pointer;
    }

.tooltipIcon_blank[b-hhc6gfg2iq] {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.4rem;
    margin-left: 0.4rem;
}

.tooltipIcon[b-hhc6gfg2iq] {
    /*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-yg42fe9rq7] .tabStripEditCampaignTabs {
    /*border: 1px solid;*/
}

[b-yg42fe9rq7] .div.tabStripContent {
    border: 1px 1px 1px 0px solid;
    background-color: red;
    font-weight: bold;
}

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

[b-yg42fe9rq7] .tooltipCampaigns {
    position: relative;
    display: inline-block;
}

    [b-yg42fe9rq7] .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-yg42fe9rq7] .tooltipCampaigns:hover .tooltiptext {
        visibility: visible;
    }

/*::deep span.campaignFavorite {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}*/

[b-yg42fe9rq7] img.campaignChannelExtra {
    max-width: 25px;
    max-height: 25px;
}

[b-yg42fe9rq7] 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-yg42fe9rq7] 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-yg42fe9rq7] .linkTarget {
    cursor: pointer;
}

[b-yg42fe9rq7] div.campaignContainer {
    height: 100%;
    width: 100%;
    float: left;
}

[b-yg42fe9rq7] 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-yg42fe9rq7] .appleIcon {
    background: url(/icons/platform-apple.svg);
}

[b-yg42fe9rq7] .linuxIcon {
    background: url(/icons/platform-linux.svg);
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/Campaigns.razor.rz.scp.css */
[b-9a2mz9rnlb] .border-bottom {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--campaigns-border-color) !important
}

[b-9a2mz9rnlb] .border-bottom-draft {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-black) !important
}

[b-9a2mz9rnlb] .table-body-draft {
    background-color: var(--color-campaigns-list-draft);
}

[b-9a2mz9rnlb] .table-header-draft {
    background-color: var(--color-campaigns-list-draft);
}

[b-9a2mz9rnlb] .table-body-setup {
    background-color: var(--color-campaigns-list-setup);
}

[b-9a2mz9rnlb] .table-body-active {
    background-color: var(--color-campaigns-list-active);
}

[b-9a2mz9rnlb] .table-body-paused {
    background-color: var(--color-campaigns-list-paused);
}

[b-9a2mz9rnlb] .table-body-ended {
    background-color: var(--color-campaigns-list-ended);
}

[b-9a2mz9rnlb] .border-bottom-setup {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-setup) !important
}

[b-9a2mz9rnlb] .border-bottom-active {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-active) !important
}

[b-9a2mz9rnlb] .border-bottom-paused {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-paused) !important
}

[b-9a2mz9rnlb] .border-bottom-ended {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-ended) !important
}

[b-9a2mz9rnlb] .indicator-list-header {
    width: 35px;
    font-size: 16pt;
    vertical-align: middle;
    text-align: center;
    border-top-left-radius: 15px;
    /*border-bottom: hidden !important;*/
}

    [b-9a2mz9rnlb] .indicator-list-header.draft {
        background-color: var(--color-campaigns-draft-inverse);
        color: var(--color-campaigns-draft);
    }

    [b-9a2mz9rnlb] .indicator-list-header.setup {
        background-color: var(--color-campaigns-setup); /* var(--color-campaigns-setup);*/
    }

    [b-9a2mz9rnlb] .indicator-list-header.active {
        background-color: var(--color-campaigns-active);
    }

    [b-9a2mz9rnlb] .indicator-list-header.paused {
        background-color: var(--color-campaigns-paused);
    }

    [b-9a2mz9rnlb] .indicator-list-header.ended {
        background-color: var(--color-campaigns-ended);
    }

[b-9a2mz9rnlb] .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-9a2mz9rnlb] .bottom-left-corner {
    border-bottom-left-radius: 15px;
}

[b-9a2mz9rnlb] .indicator-list-setup {
    background-color: var(--color-campaigns-setup);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-9a2mz9rnlb] .indicator-list-active {
    background-color: var(--color-campaigns-active);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-9a2mz9rnlb] .indicator-list-paused {
    background-color: var(--color-campaigns-paused);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-9a2mz9rnlb] .indicator-list-ended {
    background-color: var(--color-campaigns-ended);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-9a2mz9rnlb] .tooltipCampaigns {
    position: relative;
    display: inline-block;
}

    [b-9a2mz9rnlb] .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-9a2mz9rnlb] .tooltipCampaigns:hover .tooltiptext {
        visibility: visible;
    }

    

    
    
    
    
    

    
    
    
    
    

[b-9a2mz9rnlb] 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-9a2mz9rnlb] 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-9a2mz9rnlb] .linkTarget {
    cursor: pointer;
}

[b-9a2mz9rnlb] div.campaignContainer {
    height: 100%;
    width: 100%;
    float: left;
}

[b-9a2mz9rnlb] span.paging {
    border: 0px !important;
    /*    margin-top: 5px;
    margin-right: 5px;
    width: fit-content;
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid gray;*/
}

/* Campaign Lists */

/*  ----------------------------------------
    Outer shell with filter, etc.
    ----------------------------------------
*/

div.campaignlist_outer[b-9a2mz9rnlb] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

div.campaignlist_filter_inner[b-9a2mz9rnlb] {
    display: flex;
    justify-content: flex-start;
}

div.campaigntable_outer[b-9a2mz9rnlb] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.break[b-9a2mz9rnlb] {
    flex-basis: 100%;
    height: 0;
}

/*  ----------------------------------------
    Individual lists.
    ----------------------------------------
*/

[b-9a2mz9rnlb] .campaign_row {
    height: 3rem !important;
}

    [b-9a2mz9rnlb] .campaign_row.header {
        height: 3rem !important;
    }

[b-9a2mz9rnlb] .campaign_sortable_header {
    display: block;
    /*margin-bottom: 9px;*/
    height: 25px;
    margin-bottom: 8px; /* Why? */
    font-size: 1.1rem;
}

    [b-9a2mz9rnlb] .campaign_sortable_header.selected {
        color: var(--color-primary-main-lighten) !important;
    }

[b-9a2mz9rnlb] .campaign_header {
    display: block;
    font-size: 1.1rem;
    height: 25px;
}

[b-9a2mz9rnlb] div.no_sort_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.div.campaignlist_table[b-9a2mz9rnlb] {
    width: 100%;
    overflow: auto;
    background-color: green;
}

[b-9a2mz9rnlb] span.edit_campaign_button {
    padding-right: 0.75rem;
}

[b-9a2mz9rnlb] div.edit_star_outer_span {
    display: flex;
    justify-content: left;
}

[b-9a2mz9rnlb] span.campaign_title {
    cursor: pointer;
    font-weight: bold;
}

[b-9a2mz9rnlb] span.campaign_title_draft {
    font-weight: bold;
}

[b-9a2mz9rnlb] span.campaign_counter {
    font-size: small;
    font-variant-numeric: tabular-nums;
    vertical-align: top;
}

.button-container-navigation[b-9a2mz9rnlb] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 10px;
    padding-bottom: 20px;
}

[b-9a2mz9rnlb] .button-navigation {
    width: 180px;
    height: 35px;
    color: white;
    background-color: var(--color-primary-main-light) !important;
}

[b-9a2mz9rnlb] .button-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}

[b-9a2mz9rnlb] .blackened {
    filter: saturate(0%) brightness(0%);
}

[b-9a2mz9rnlb] .trashcan-draft {
    margin-left: 10px;
    margin-top: 1px;
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/Dashboard.razor.rz.scp.css */
.dashboard-outer-container[b-0lmqofbefe] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 10px;
}

[b-0lmqofbefe] .button-dashboard {
    width: 180px;
    height: 35px;
    color: white;
    background-color: var(--color-primary-main-brighten) !important;
}

[b-0lmqofbefe] .button-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.card-container[b-0lmqofbefe] {
    margin-top: 0.25rem;   
}

/* Override */
[b-0lmqofbefe] .frantz-cards-host {
    justify-content: flex-start;
    margin-left: 4px;
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/NewAutoPublishCampaign.razor.rz.scp.css */
/* Center the autopublish component on the page */
.autopublish-component[b-7meov1ex0m] {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;    
}
/* _content/Frantz.BusinessManager/Pages/Campaigns/Pixels.razor.rz.scp.css */
[b-3tbrkpffud] .border-bottom {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--campaigns-border-color) !important
}

[b-3tbrkpffud] .border-bottom-draft {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-black) !important
}

[b-3tbrkpffud] .table-body-draft {
    background-color: var(--color-campaigns-list-draft);
}

[b-3tbrkpffud] .table-header-draft {
    background-color: var(--color-campaigns-list-draft);
}

[b-3tbrkpffud] .table-body-active {
    background-color: var(--color-campaigns-list-active);
}

[b-3tbrkpffud] .table-body-paused {
    background-color: var(--color-campaigns-list-paused);
}

[b-3tbrkpffud] .table-body-ended {
    background-color: var(--color-campaigns-list-ended);
}

[b-3tbrkpffud] .border-bottom-setup {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-setup) !important
}

[b-3tbrkpffud] .border-bottom-active {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-active) !important
}

[b-3tbrkpffud] .border-bottom-paused {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-paused) !important
}

[b-3tbrkpffud] .border-bottom-ended {
    border-bottom: var(--campaigns-border-width) var(--campaigns-border-style) var(--color-campaigns-ended) !important
}

[b-3tbrkpffud] .indicator-list-header {
    width: 35px;
    font-size: 16pt;
    vertical-align: middle;
    text-align: center;
    border-top-left-radius: 15px;
    /*border-bottom: hidden !important;*/
}

    [b-3tbrkpffud] .indicator-list-header.draft {
        background-color: var(--color-campaigns-draft-inverse);
        color: var(--color-campaigns-draft);
    }

    [b-3tbrkpffud] .indicator-list-header.setup {
        background-color: var(--color-campaigns-setup); /* var(--color-campaigns-setup);*/
    }

    [b-3tbrkpffud] .indicator-list-header.active {
        background-color: var(--color-campaigns-active);
    }

    [b-3tbrkpffud] .indicator-list-header.paused {
        background-color: var(--color-campaigns-paused);
    }

    [b-3tbrkpffud] .indicator-list-header.ended {
        background-color: var(--color-campaigns-ended);
    }

/*::deep .top-left-corner {
    border-top-left-radius: 15px;*/
/*border-top: hidden !important;*/
/*}*/

[b-3tbrkpffud] .bottom-left-corner {
    border-bottom-left-radius: 15px;
}

[b-3tbrkpffud] .indicator-list-setup {
    background-color: var(--color-campaigns-setup);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-3tbrkpffud] .indicator-list-active {
    background-color: var(--color-campaigns-active);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-3tbrkpffud] .indicator-list-paused {
    background-color: var(--color-campaigns-paused);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-3tbrkpffud] .indicator-list-ended {
    background-color: var(--color-campaigns-ended);
    font-size: 16pt !important;
    font-weight: bold;
    text-align: center;
}

[b-3tbrkpffud] .tooltipCampaigns {
    position: relative;
    display: inline-block;
}

    [b-3tbrkpffud] .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-3tbrkpffud] .tooltipCampaigns:hover .tooltiptext {
        visibility: visible;
    }

        

    
    
    
    
    

    
    
    
    
    

[b-3tbrkpffud] 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-3tbrkpffud] 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-3tbrkpffud] .linkTarget {
    cursor: pointer;
}

[b-3tbrkpffud] div.campaignContainer {
    height: 100%;
    width: 100%;
    float: left;
}

[b-3tbrkpffud] span.paging {
    border: 0px !important;
    /*    margin-top: 5px;
    margin-right: 5px;
    width: fit-content;
    padding-left: 0px;
    padding-right: 0px;
    border: 1px solid gray;*/
}

/* Campaign Lists */

/*  ----------------------------------------
    Outer shell with filter, etc.
    ----------------------------------------
*/

.break[b-3tbrkpffud] {
    flex-basis: 100%;
    height: 0;
}

/*  ----------------------------------------
    Individual lists.
    ----------------------------------------
*/

[b-3tbrkpffud] .campaign_row {
    height: 3rem !important;
}

    [b-3tbrkpffud] .campaign_row.header {
        height: 3rem !important;
    }

[b-3tbrkpffud] .campaign_sortable_header {
    display: block;
    /*margin-bottom: 9px;*/
    height: 25px;
    margin-bottom: 8px; /* Why? */
    font-size: 1.1rem;
}

    [b-3tbrkpffud] .campaign_sortable_header.selected {
        color: var(--color-primary-main-lighten) !important;
    }

[b-3tbrkpffud] .campaign_header {
    display: block;
    font-size: 1.1rem;
    height: 25px;
}

[b-3tbrkpffud] div.no_sort_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.div.campaignlist_table[b-3tbrkpffud] {
    width: 100%;
    overflow: auto;
    background-color: green;
}

[b-3tbrkpffud] span.edit_campaign_button {
    padding-right: 0.75rem;
}

[b-3tbrkpffud] div.edit_star_outer_span {
    display: flex;
    justify-content: left;
}

[b-3tbrkpffud] span.campaign_title {
    cursor: pointer;
    font-weight: bold;
}

[b-3tbrkpffud] span.campaign_title_draft {
    font-weight: bold;
}

[b-3tbrkpffud] span.campaign_counter {
    font-size: small;
    font-variant-numeric: tabular-nums;
    vertical-align: top;
}

[b-3tbrkpffud] .button-container-navigation {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    row-gap: 10px;
    padding-bottom: 20px;
}

[b-3tbrkpffud] .button-navigation {
    width: 180px;
    height: 35px;
    color: white;
    background-color: var(--color-primary-main-light) !important;
}

[b-3tbrkpffud] .button-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}
/* _content/Frantz.BusinessManager/Pages/Economy/AccuralBasis.razor.rz.scp.css */

[b-xj4a0d59cq] .k-daterangepicker .k-dateinput {
    width: 8rem !important;
    font-weight: bold;
}

[b-xj4a0d59cq] .k-daterangepicker .k-floating-label-container {
    padding-top: 0rem !important;
}

    [b-xj4a0d59cq] .k-daterangepicker .k-floating-label-container .k-floating-label {
        display: none !important;
    }
/* _content/Frantz.BusinessManager/Pages/Reports/CampaignReport.razor.rz.scp.css */
.extcampaign-report-container[b-run1cng1g9] {
    padding-left: 2.5rem;
    padding-top: 2.0rem;
}
/* _content/Frantz.BusinessManager/Pages/Settings/InsightsReports.razor.rz.scp.css */
[b-28z6aja9xa] .k-tabstrip-items-wrapper .k-tabstrip-item.k-active,
[b-28z6aja9xa] .k-tabstrip-items-wrapper .k-tabstrip-item.k-selected {
    background-color: #fff !important;
    margin-bottom: -1px;
    border: 1px solid #dee2e6 !important;
    border-bottom-color: #fff !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[b-28z6aja9xa] .k-tabstrip-items .k-tabstrip-item.k-active .k-link,
[b-28z6aja9xa] .k-tabstrip-items .k-tabstrip-item.k-selected .k-link {
    background-color: #fff !important;
    color: var(--color-campaigns-setup) !important;
    font-weight: bold;
}

[b-28z6aja9xa] .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: 1px solid #dee2e6 !important;
}

.beta-badge[b-28z6aja9xa] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
    border-radius: 4px;
    padding: 1px 6px;
    vertical-align: middle;
}


/* _content/Frantz.BusinessManager/Shared/ExceptionError.razor.rz.scp.css */
.full-page-spinner[b-forqs7u8wp] {
    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-r4kw5qfxb5] {
    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-6nrmeclfge] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6nrmeclfge] {
    flex: 1;
    background-color: var(--color-background-light);
}

.leftMenu[b-6nrmeclfge] {
    /*background: linear-gradient(145deg, var(--color-primary-main-light), var(--color-primary-main));*/
    border-right: 1px solid var(--color-slate-200);
}

.sidebar[b-6nrmeclfge] {
    /*    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-6nrmeclfge] {
    height: calc(100vh - var(--height-top-bar));
}

.top-row[b-6nrmeclfge] {
    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-6nrmeclfge]  a, .top-row[b-6nrmeclfge]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

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

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

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

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

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

@media (min-width: 641px) {
    .page[b-6nrmeclfge] {
        /*flex-direction: inherit;*/
        flex-flow:inherit;
    }

    .sidebar[b-6nrmeclfge] {
        min-width: var(--width-left-menu-max);
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

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

@media print {
    .leftMenu[b-6nrmeclfge] {
        display: none;
    }

    .top-row[b-6nrmeclfge] {
        display: none;
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutFullpage.razor.rz.scp.css */
@media (min-width: 641px) {
    article[b-vv9nzgql7l] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutLandingpage.razor.rz.scp.css */
.page[b-0x8t4qd3zt] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0x8t4qd3zt] {
    flex: 1;
}

.sidebar[b-0x8t4qd3zt] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

    .sidebar[b-0x8t4qd3zt] {
        min-width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    article[b-0x8t4qd3zt] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutLogin.razor.rz.scp.css */
.page[b-xlzodt5g1o] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xlzodt5g1o] {
    flex: 1;
}

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

    article[b-xlzodt5g1o] {
        padding-left: 2rem !important;
    }
}
/* _content/Frantz.BusinessManager/Shared/LayoutWidget.razor.rz.scp.css */
@media (min-width: 641px) {
    article[b-ycf7z6j5rz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Frantz.BusinessManager/Shared/LoaderFrantz.razor.rz.scp.css */
.full-page-spinner[b-hc8ml3jnhq] {
    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-1ag5h9za2a] {
    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-wa94k8lqzr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: rgba(3, 3, 3, 0.4);
}