/* Kun Type 20 */



.tab-content_virk.active {
	grid-column: 1/-1; 
	grid-row: 1; 
    display: grid;
	grid-template-columns: auto 10px auto 10px auto 10px auto;
	grid-template-rows: 5px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 20px auto 5px auto 20px auto 5px auto 5px auto 20px auto 5px auto 40px auto 50px;
background-color: white; 
color: black; 	
width: 100%; 
margin: 0 auto; 
}

.employer_profile_page_pic
{
	grid-column: 1/-1; 
	grid-row: 2;
        border-radius: 50%;
        background-color: #fff;
	
}

.profile_page_name
{
	grid-column: 1/-1; 
	grid-row: 4;
	text-align: center; 
    font-size: 1.875rem;
    line-height: 2.25rem;
	font-weight: 700; 
    --tw-gradient-to: #E5DEFF var(--tw-gradient-to-position);
	--tw-gradient-from: #403E43 var(--tw-gradient-from-position);
}


h1.employer_company_name
{
	grid-column: 4/11; 
	grid-row:  2;
	color:#000;
	font-size:30px;
	text-align: left;
	display:none;
}

h1.profil_ret_overskrift_20
{
	grid-column: 1/-1; 
	grid-row:  4;
	color:#000;
	font-size:30px;
	text-align: left;
}

h3.employer_navn
{
	grid-column: 1 / -1; 
	grid-row:  2;
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
			    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
}

.employer_navn_text
{
	grid-column: 1 / -1; 
	grid-row:  4;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 	
}

h3.profil_ret_NIP
{
	grid-column: 2/17; 
	grid-row:  10/11;	                                                                      
}

.profil_ret_NIP_text
{
	grid-column: 2/20; 
	grid-row:  11/12;	                                                                      
}

h3.employer_adresse
{
	grid-column: 1 / -1; 
	grid-row:  6;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
}

.employer_ret_adresse_text
{
	grid-column: 1 / -1; 
	grid-row:  8;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
}

h3.employer_ret_postnummer
{
	grid-column: 1 / -1; 
	grid-row:  10;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
}

.employer_ret_postnummer_text
{
	grid-column: 1 / -1; 
	grid-row:  12;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
}

h3.employer_ret_by
{
	grid-column: 1 / -1; 
	grid-row:  14;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
}

.employer_ret_by_text
{
	grid-column: 1 / -1; 
	grid-row:  16;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
	}

h3.employer_ret_land
{
	grid-column: 1 / -1; 
	grid-row:  18;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
}

.employer_ret_land_text
{
	grid-column: 1 / -1; 
	grid-row:  20;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
	}
	
.employer_ret_region
{
	grid-column: 2/17; 
	grid-row: 21/22;
	display: none;
		}

.employer_ret_region_dropdown
{
	grid-column: 2/17; 
	grid-row:  22/23;	
	display: none; 
	}

h3.employer_ret_telefon
{
	grid-column: 1 / -1; 
	grid-row:  22;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
	}

.employer_ret_telefon_text
{
	grid-column: 1 / -1; 
	grid-row:  24;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
	}
	
h3.employer_ret_website
{
	grid-column: 1 / -1; 
	grid-row:  26;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
	}

.employer_ret_website_text
{
	grid-column: 1 / -1; 
	grid-row:  28;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
}	
	

h3.employer_ret_email
{
	grid-column: 1 / -1; 
	grid-row:  30;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
	}




.employer_ret_email_text
{
	grid-column: 1 / -1; 
	grid-row:  32;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
	}
	
a.employer_ret_email
{
	grid-column: 1 / -1; 
	grid-row:  34;
font-size: 20px !important;
        font-weight: 500 !important;
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
        background-color: rgb(229, 222, 255) !important;
        border-radius: 12px !important;
        white-space: nowrap !important;
        display: inline-flex !important
;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
        color: rgb(64, 62, 67) !important;
        text-shadow: none !important;
        cursor: pointer !important;
}	

h3.employer_ret_kontakt_fornavn
{
	grid-column: 1 / -1; 
	grid-row:  36;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
	}

.employer_ret_kontakt_fornavn_text
{
	grid-column: 1 / -1; 
	grid-row:  38;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
	}

h3.employer_ret_kontakt_efternavn
{
	grid-column: 1 / -1; 
	grid-row:  40;	
	    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

		color: #020817;
		line-height: 1; 
		font-weight: 500;
		font-size: 0.875rem;
		width: 100% !important; 
	}

.employer_ret_kontakt_efternavn_text
{
	grid-column: 1 / -1; 
	grid-row:  42;	
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--input));
    border-radius: 12px !important;
    box-sizing: border-box;
			width: 100% !important; 
	}


	

.employer_knap_ret_gem_bottom
{
	grid-column: 1 / -1;  
	grid-row: 44;
    font-size: 20px !important;

    /* Matching styles */
    padding: 0.5rem 1rem !important; /* .py-2 and .px-4 */
    font-weight: 500 !important; /* .font-medium */
    font-size: 0.875rem !important; /* .text-sm */
    line-height: 1.25rem !important;
    background-color: rgb(229, 222, 255) !important; /* .bg-primary */
    border-radius: 12px !important; /* .rounded-md */
    white-space: nowrap !important; /* .whitespace-nowrap */
    display: inline-flex !important; /* .inline-flex */
    align-items: center !important; /* .items-center */
    justify-content: center !important; /* .justify-center */
    width: 100% !important; /* .w-full */
    height: 2.5rem !important; /* .h-10 */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important, 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important; /* .transition-colors */
    color: rgb(64, 62, 67) !important; /* .text-primary-foreground */
    text-shadow: none !important; /* Removes text shadow */
    cursor: pointer !important;
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	}

.employer_knap_ret_gem_top
{
	grid-column: 18/22;
	grid-row: 9/10;
	font-size: 25px;
	display:none;
	}
	
.virk_upload-container {
	grid-column: 1/-1;
	grid-row: 6;
	width: 80%;
    text-align: center;
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    background-color: #f9f9f9;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    /* Add these properties to center it */
    margin-left: auto;
    margin-right: auto;


}


.upload-container:hover {
  background-color: #f1f1f1;
}

.virk_picture_upload_subtext
{ 
	grid-column: 1/-1;
	grid-row: 8;
	text-align: center;
	color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
	font-weight: 500;
}

.employer_knap_image_gem {
    grid-column: 1/ -1 !important;
    grid-row: 10 !important;
    font-size: 20px !important;
	margin-top: 20px; 

    /* Matching styles */
    padding: 0.5rem 1rem !important; /* .py-2 and .px-4 */
    font-weight: 500 !important; /* .font-medium */
    font-size: 0.875rem !important; /* .text-sm */
    line-height: 1.25rem !important;
    background-color: rgb(229, 222, 255) !important; /* .bg-primary */
    border-radius: 12px !important; /* .rounded-md */
    white-space: nowrap !important; /* .whitespace-nowrap */
    display: inline-flex !important; /* .inline-flex */
    align-items: center !important; /* .items-center */
    justify-content: center !important; /* .justify-center */
    width: 100% !important; /* .w-full */
    height: 2.5rem !important; /* .h-10 */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important, 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important; /* .transition-colors */
    color: rgb(64, 62, 67) !important; /* .text-primary-foreground */
    text-shadow: none !important; /* Removes text shadow */
    cursor: pointer !important;
	margin: 0 auto; 
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}

/* Hover Styles */
.employer_knap_image_gem:hover {
    background-color: rgb(210, 202, 240) !important; /* Slightly darker background */
    color: #000 !important; /* Slightly darker text */
    transform: scale(1.02) !important; /* Subtle zoom effect */
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Smooth zoom transition */
	
}


/* General Styling */
body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}

/* General Styling */
body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}

/* Job Profile Card */
.job_loop_profile {
    display: flex;
    justify-content: center;
    margin: 20px;
}

.profile_job_card {
	display: grid; 
	grid-template-columns: auto 10px auto 10px auto 10px auto;
	grid-template-rows: 5px auto 5px auto 5px auto 5px auto 5px auto 5px auto 5px auto 10px; 
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 90%;
	height: 100%; 
    position: relative;
}

.loop_land_felt_profile {
    width: 100%;
    height: 120px;
    background: #ddd;
    border-radius: 10px 10px 0 0;
	display: none; 
}


/* Icons */
.profile_location_icon, .profile_salary_icon {
    position: absolute;
    top: 15px;
    width: 30px;
    height: 30px;
}

.profile_location_icon {
    left: 15px;
	display: none; 
}

.profile_salary_icon {
    right: 15px;
	display: none; 
}

/* Job Type Tags */
.profile_job_type_loop {
	grid-column: 1/-1; 
	grid-row: 4; 
display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 10px;
        align-items: center;
}

.profile_job_tag {
    background: #e0e0ff;
    color: #5a5aad;
        font-size: 12px;
        padding: 5px 10px;
        border-radius: 15px;
        font-weight: bold;
        line-height: 1;
}

.profile_fulltime { background: #ece1ff; color: #5a5aad; }
.profile_parttime {background: #ffe0e0;
color: #ad5a5a;}
.profile_remote { background: #e0f7ff; color: #007acc; }
.profile_hybrid { background: #e5ffe0; color: #4caf50; }

/* Job Title and Company */
.profile_job_title {
	grid-column: 1/-1; 
	grid-row: 6; 
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgb(17 24 39 / var(--tw-text-opacity));
        margin-bottom: 5px;
        /* text-shadow: 2px 2px 4px black; */
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.profile_company_name {
	grid-column: 1/-1; 
	grid-row: 8; 
--tw-text-opacity: 1;
        color: rgb(126 105 171 / var(--tw-text-opacity));
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-top: 0.25rem;
        /* text-shadow: 2px 2px 4px black; */
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Job Description */
.profile_job_description {
	grid-column: 1/-1; 
	grid-row: 10; 
--tw-text-opacity: 1;
        color: rgb(75 85 99 / var(--tw-text-opacity));
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-bottom: 1rem;
        /* text-shadow: 2px 2px 4px black; */
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Job Details */
.profile_job_details {
	grid-column: 1/-1; 
	grid-row: 12;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
}

.profile_job_details span {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #333;
}

/* Action Icons */
.profile_action_icons {
	grid-column: 7/-1; 
	grid-row: 2; 
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.profile_action_icons button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    transition: 0.3s;
}

.profile_action_icons button:hover {
    color: #007bff;
}

/* Share Dropdown */
.profile_share_dropdown {
    position: relative;
    display: inline-block;
}

.profile_share_links {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 10px;
    top: 30px;
    right: 0;
    min-width: 120px;
    z-index: 10;
}

.profile_share_dropdown.active .profile_share_links {
    display: block;
}

.profile_share_links a {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
}

.profile_share_links a:hover {
    background: #f5f5f5;
}

/* View Details Button */
.profile_view_details {
	grid-column: 1/-1; 
	grid-row: 14; 
display: inline-block;
        text-decoration: none;
        --tw-text-opacity: 1;
        color: rgb(155 135 245 / var(--tw-text-opacity));
        font-weight: 500;
        gap: 0.5rem;
        transition: 0.3s;
        /* text-shadow: 2px 2px 4px black; */
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        margin-top: 20px;
}

.profile_view_details:hover {
    background: #0056b3;
}

.profile_favorite_icon {
	display: none; 
}


/* Kun Type 20 */
.tab-content_virk.active {
	grid-column: 1; 
	grid-row: 1; 
    display: grid;
	grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
	grid-template-rows: 5px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 40px auto 50px;
background-color: white; 
color: black; 	
}

.tab-button_virk {
    flex: 1;
    padding: 15px 30px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    text-align: center;
    max-width: 200px; /* Ensures buttons don’t stretch too much */
	 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	     font-size: .875rem;
    line-height: 1.25rem;
	    padding-top: .375rem;
    padding-bottom: .375rem;
	padding-left: .75rem;
    padding-right: .75rem;
	color: #020817;
	font-weight: 500;
	background-color: white !important; 
	
	
	
}

.tab-button_virk.active {
 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

 
 
}



.tab-content-container-grid-employer {
    grid-column: 1 / -1;
    grid-row: 8;
	display: grid; 
	grid-template-columns: 1fr;
	grid-template-rows: 1fr ;
    padding: 20px;
    background: #fff;
    margin: 0 auto; 
}

.tab-content_virk {
    display: none;
}

.tab-content_virk.active {
	grid-column: 1; 
	grid-row: 1; 
    display: grid;
	grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
	grid-template-rows: 10px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px;
background-color: white; 
color: black; 	
}






.employer_profile_page_pic
{
	grid-column: 1/-1; 
	grid-row: 2;
        border-radius: 50%;
        background-color: #fff;
	
}

.profile_page_name
{
	grid-column: 1/-1; 
	grid-row: 4;
	text-align: center; 
    font-size: 1.875rem;
    line-height: 2.25rem;
	font-weight: 700; 
    --tw-gradient-to: #E5DEFF var(--tw-gradient-to-position);
	--tw-gradient-from: #403E43 var(--tw-gradient-from-position);
}


h1.employer_company_name
{
	grid-column: 4/11; 
	grid-row:  2;
	color:#000;
	font-size:30px;
	text-align: left;
	display:none;
}

h1.profil_ret_overskrift_20
{
	grid-column: 1/-1; 
	grid-row:  4;
	color:#000;
	font-size:30px;
	text-align: left;
}

h3.employer_navn
{
	grid-column: 1/-1; 
	grid-row:  2;
}

.employer_navn_text
{
	grid-column: 1/-1; 
	grid-row:  4;	                                                                      
}

h3.profil_ret_NIP
{
	grid-column: 1/-1; 
	grid-row:  10/11;	                                                                      
}

.profil_ret_NIP_text
{
	grid-column: 1/-1; 
	grid-row:  11/12;	                                                                      
}

h3.employer_adresse
{
	grid-column: 1/-1; 
	grid-row:  6;	
}

.employer_ret_adresse_text
{
	grid-column: 1/-1; 
	grid-row:  8;	
}

h3.employer_ret_postnummer
{
	grid-column: 1/-1;  
	grid-row:  10;	
}

.employer_ret_postnummer_text
{
	grid-column: 1/-1; 
	grid-row:  12;	
}

h3.employer_ret_by
{
	grid-column: 1/-1; 
	grid-row:  14;	
}

.employer_ret_by_text
{
	grid-column: 1/-1; 
	grid-row:  16;	
	}

h3.employer_ret_land
{
	grid-column: 1/-1; 
	grid-row:  18;	
}

.employer_ret_land_text
{
	grid-column: 1/-1; 
	grid-row:  20;	
	}
	
.employer_ret_region
{
	grid-column: 1/-1; 
	grid-row: 21/22;
	display: none;
		}

.employer_ret_region_dropdown
{
	grid-column: 2/17; 
	grid-row:  22/23;	
	display: none; 
	}

h3.employer_ret_telefon
{
	grid-column: 1/-1; 
	grid-row:  22;	
	}

.employer_ret_telefon_text
{
	grid-column: 1/-1; 
	grid-row:  24;	
	}
	
	
h3.employer_ret_email
{
	grid-column: 1/-1; 
	grid-row:  26;	
	}




.employer_ret_email_text
{
	grid-column: 1/-1; 
	grid-row:  28;	
	}
	
a.employer_ret_email
{
	grid-column: 1/-1; 
	grid-row:  30;
font-size: 20px !important;
        font-weight: 500 !important;
        font-size: 0.875rem !important;
        line-height: 1.25rem !important;
        background-color: rgb(229, 222, 255) !important;
        border-radius: 12px !important;
        white-space: nowrap !important;
        display: inline-flex !important
;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
        color: rgb(64, 62, 67) !important;
        text-shadow: none !important;
        cursor: pointer !important;
}	
	
h3.employer_ret_website
{
	grid-column: 1/-1; 
	grid-row:  32;	
	}

.employer_ret_website_text
{
	grid-column: 1/-1; 
	grid-row:  34;
}	
	



h3.employer_ret_kontakt_fornavn
{
	grid-column: 1/-1; 
	grid-row:  36;	
	}

.employer_ret_kontakt_fornavn_text
{
	grid-column: 1/-1; 
	grid-row:  38;	
	}

h3.employer_ret_kontakt_efternavn
{
	grid-column: 1/-1; 
	grid-row:  40;	
	}

.employer_ret_kontakt_efternavn_text
{
	grid-column: 1/-1; 
	grid-row:  42;	
	}


	

.employer_knap_ret_gem_bottom
{
	grid-column: 1/-1; 
	grid-row: 44;
    font-size: 20px !important;

    /* Matching styles */
    padding: 0.5rem 1rem !important; /* .py-2 and .px-4 */
    font-weight: 500 !important; /* .font-medium */
    font-size: 0.875rem !important; /* .text-sm */
    line-height: 1.25rem !important;
    background-color: rgb(229, 222, 255) !important; /* .bg-primary */
    border-radius: 12px !important; /* .rounded-md */
    white-space: nowrap !important; /* .whitespace-nowrap */
    display: inline-flex !important; /* .inline-flex */
    align-items: center !important; /* .items-center */
    justify-content: center !important; /* .justify-center */
    width: 100% !important; /* .w-full */
    height: 2.5rem !important; /* .h-10 */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important, 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important; /* .transition-colors */
    color: rgb(64, 62, 67) !important; /* .text-primary-foreground */
    text-shadow: none !important; /* Removes text shadow */
    cursor: pointer !important;
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	}

.employer_knap_ret_gem_top
{
	grid-column: 1/-1; 
	grid-row: 9/10;
	font-size: 25px;
	display:none;
	}
	
.virk_upload-container {
	grid-column: 1/-1;
	grid-row: 6;
    text-align: center;
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    background-color: #f9f9f9;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    /* Add these properties to center it */
    margin-left: auto;
    margin-right: auto;


}


.virk_upload-container:hover {
  background-color: #f1f1f1;
}


.virk_picture_upload_subtext
{ 
	grid-column: 1/-1;
	grid-row: 8;
	text-align: center;
	color: rgb(107 114 128 / var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
	font-weight: 500;
}

.employer_knap_image_gem {
    grid-column: 1/ -1 !important;
    grid-row: 10 !important;
    font-size: 20px !important;
	margin-top: 20px; 

    /* Matching styles */
    padding: 0.5rem 1rem !important; /* .py-2 and .px-4 */
    font-weight: 500 !important; /* .font-medium */
    font-size: 0.875rem !important; /* .text-sm */
    line-height: 1.25rem !important;
    background-color: rgb(229, 222, 255) !important; /* .bg-primary */
    border-radius: 12px !important; /* .rounded-md */
    white-space: nowrap !important; /* .whitespace-nowrap */
    display: inline-flex !important; /* .inline-flex */
    align-items: center !important; /* .items-center */
    justify-content: center !important; /* .justify-center */
    width: 50% !important; /* .w-full */
    height: 2.5rem !important; /* .h-10 */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important, 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important; /* .transition-colors */
    color: rgb(64, 62, 67) !important; /* .text-primary-foreground */
    text-shadow: none !important; /* Removes text shadow */
    cursor: pointer !important;
	margin: 0 auto; 
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}

/* Hover Styles */
.employer_knap_image_gem:hover {
    background-color: rgb(210, 202, 240) !important; /* Slightly darker background */
    color: #000 !important; /* Slightly darker text */
    transform: scale(1.02) !important; /* Subtle zoom effect */
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Smooth zoom transition */
	
}