/*  Employee ret profil ny   */

.tab_profile_container_grid {
	grid-column: 1 / -1; 
	grid-row:  5/6;	
	display: grid;
			align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
		grid-template-rows: 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 auto auto auto auto auto auto 20px auto;
	      font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		  background-color: #fff !Important;
		  
		  

	
	
}

.tab_image_container_grid {
	grid-column: 1 / -1; 
	grid-row:  5/6;	
	display: grid;
			display: flex;
		justify-content: center;
		align-items: center;
		grid-gap: 0px;
		grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
		grid-template-rows: 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 auto auto auto auto auto auto 20px auto;
	      font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		  background-color: #fff !Important;

	
	
}

.tab_skill_container_grid {
	grid-column: 1 / -1; 
	grid-row:  5/6;	
	display: grid;
			align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
		grid-template-rows: 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 auto auto auto auto auto auto 20px auto;
	      font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		  background-color: #fff !Important;

	
	
}


h1.profil_navn_overskrift_21
{
	grid-column: 1 / -1; 
	grid-row:  2/3;
	color:#000;
	font-size:30px;
	text-align: left;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1.profil_21_title
{
	grid-column: 1/-1; 
	grid-row:  4/5;
}

h3.employee_ret_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; 
}

.employee_ret_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;
    box-sizing: border-box;
			width: 100% !important; 
}



h3.employee_ret_efternavn
{
	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%; 
}

.employee_ret_efternavn_text
{
	grid-column: 1 / -1; 
	grid-row:  8;	
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;

	
}


h3.employee_ret_by
{
	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%; 

}

.employee_ret_by_text
{
	grid-column: 1 / -1; 
	grid-row:  12;	
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;
				
	
}

h3.employee_ret_land
{
	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%; 
		

}

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

	width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
	

	}

h3.employee_ret_gender
{
	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%; 

}

.employee_ret_gender_text
{
	grid-column: 1 / -1; 
	grid-row:  20;	
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;
 
	
}

h3.employee_ret_email
{
	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%; 
		
	}

.employee_ret_email_text
{
	grid-column: 1 / -1; 
	grid-row:  24;	
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;

	
	}
	
a.employee_ret_email
{
	grid-column: 1 / -1; 
	grid-row:  26;
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.employee_ret_telefon
{
	grid-column: 1 / -1; 
	grid-row:  28;	
		    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%; 
	
	
	}

.employee_ret_telefon_text
{
	grid-column: 1 / -1;  
	grid-row:  30;	
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;
	

	}

h3.employee_ret_pris
{
	grid-column: 1 / -1;  
	grid-row:  32;	
		    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%; 

	}
	
.employee_compensation_title1
{
	grid-column: 1 / -1; 
	grid-row: 34;
	margin-top: 0px;
    margin-top: 0px;
    font-weight: 300; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	   			width: 100%; 
	
}

.employee_compensation_title2
{
	grid-column: 1 / -1; 
	grid-row: 40;
	margin-top: 0px;
    margin-top: 0px;
    font-weight: 300; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	   			width: 100%; 
	
}

/* Common Styles for Inputs */
.employee_salary_min, .employee_salary_max, .employee_hourly_min, .employee_hourly_max {
    width: 100%;
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: #fff; /* Fix for missing color */
    border: 1px solid hsl(var(--input)); /* Corresponds to `.border-input` */
    border-radius: 15px !important; /* Corresponds to `.rounded-md` */
    height: 2.5rem; /* Corresponds to `.h-10` */
    display: flex; /* Corresponds to `.flex` */
    align-items: center; /* Aligns content within the box */
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); /* Corresponds to `.shadow-sm` */
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
	   margin: 0! important; 
	
}

/* Individual Grid Placement */
.employee_salary_min {
	grid-column: 1 / -1; 
    grid-row: 36;
			
	

}

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

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

.employee_hourly_max {
	grid-column: 1 / -1; 
    grid-row: 44;

}

/* Hover Effects */
.employee_salary_min:hover, .employee_salary_max:hover, .employee_hourly_min:hover, .employee_hourly_max:hover {
    border-color: hsl(var(--primary)); /* Highlight on hover */
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.1); /* Slightly darker shadow on hover */
	
}

/* Focus Effects */
.employee_salary_min:focus, .employee_salary_max:focus, .employee_hourly_min:focus, .employee_hourly_max:focus {
    outline: none;
    border-color: hsl(var(--ring)); /* Corresponds to focused input */
    box-shadow: 0 0 0 3px hsl(var(--ring-color)); /* Ring effect */

}

/* Media Query for Responsiveness */
@media (min-width: 768px) {
    .employee_salary_min, .employee_salary_max, .employee_hourly_min, .employee_hourly_max {
        font-size: 0.875rem; /* Corresponds to `.md\:text-sm` */
        line-height: 1.25rem; /* Corresponds to `.md\:text-sm` */
	
    }
}
	
	
.employee_profile_save_image {
	
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 2.5rem;
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        color: rgb(255, 255, 255);
        background-color: rgba(64, 62, 67, 1) !important;
        border-radius: 15px !important;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
        cursor: pointer;
        transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  }
	

.employee_profile_slet_image {
	
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 2.5rem;
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        color: rgb(255, 255, 255);
        background-color: rgba(64, 62, 67, 1) !important;
        border-radius: 15px !important;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
        cursor: pointer;
        transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  }
	
.employee_save_image {
	grid-column: 1/-1; 
	grid-row:  16;

	

}



/*Hamonikaen og skills*/
h3.profil21_ret_fag
{
	grid-column: 4/19; 
	grid-row:  26/27;	
	}


.employee_skills_foldud
{
	grid-column: 4/20;
	grid-row: 10;
	}
	


/* Style the buttons that are used to open and close the accordion panel */
.accordion_skills {
  background-color: #eee;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion_skills:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel_skills {
  padding: 0 18px;
  background-color: white;

}

.panelindhold_skills {
  	    display: grid;
		grid-gap: 0px;
		grid-template-columns: 10px repeat(20, 1fr) 10px;
		grid-template-rows: 10px repeat(4, auto) 10px;
}

.panelindholdoverskrift_skills
{
	grid-column: 2/9;
	grid-row: 2/3;
	font-weight: 900;
	}

.panelindholdv
{
	grid-column: 2/9;
	grid-row: 3/4;
	}
	
.panelindholdh
{
	grid-column: 11/18;
	grid-row: 2/6;
	}	


.sprog_radio_english
{
	grid-column: 4/19;
	grid-row: 23/24;
	}	


h3.profil_21_ret_sprog
{
	grid-column: 4/19; 
	grid-row:  30/31;
	}

.sprog_engelsk_privat {
	grid-column: 4/20;
	grid-row: 32/33;
    }
	
.sprog_viet_privat {
	grid-column: 4/20;
	grid-row: 33/34;
    }

.sprog_fransk_privat {
	grid-column: 4/20;
	grid-row: 34/35;
    }

.sprog_chi_privat {
	grid-column: 4/20;
	grid-row: 35/36;
    }

.sprog_spansk_privat {
	grid-column: 4/20;
	grid-row: 36/37;
    }
	
.sprog_ger_privat {
	grid-column: 4/20;
	grid-row: 37/38;
    }



h3.profil_21_ret_type
{
	grid-column: 4/19;
	grid-row: 40/41;

	}	

h3.employee_preferred_types {
	grid-column: 1/-1;
	grid-row: 46;
	width: 90%;
	margin: 0 auto; 

	
	
}
.typematrix_retprofil
{
	grid-column: 1/-1;
	grid-row: 48;
    display: grid;
	grid-gap: 0px;
	grid-template-columns: auto 1fr 0px auto 1fr 0px auto 1fr;
	grid-template-rows: 5px auto 5px auto 5px auto 5px auto 5px auto 5px auto 5px auto 5px auto 10px;
    color: #444;
	min-height: 100%;
	width: 90%; 
	margin: 0 auto;

	}

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

.typematrix_navn_online_retprofil
{
	grid-column: 2/21;
	grid-row: 2;
	font-size: 0.875rem;
    line-height: 1.5rem;
	font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
	
.typematrix_H1B_retprofil
{
	grid-column: 1/2;
	grid-row: 4;
    }
	
.typematrix_navn_H1B_retprofil
{
	grid-column: 2/21;
	grid-row: 4;
	font-size: 0.875rem;
    line-height: 1.5rem;
	font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

.typematrix_fulltime_retprofil
{
	grid-column: 1/2;
	grid-row: 6;
    }

.typematrix_navn_fulltime_retprofil
{
	grid-column: 2/21;
	grid-row: 6;
	font-size: 0.875rem;
    line-height: 1.5rem;
	font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

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

.typematrix_navn_parttime_retprofil
{
	grid-column: 2/21;
	grid-row: 8;
	font-size: 0.875rem;
    line-height: 1.5rem;
	font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

.typematrix_fourday_retprofil
{
	grid-column: 1/2;
	grid-row: 10;
    }

.typematrix_navn_fourday_retprofil
{
	grid-column: 2/21;
	grid-row: 10;
	font-size: 0.875rem;
    line-height: 1.5rem;
	font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
	
.typematrix_alternative_retprofil
{
	grid-column: 1/2;
	grid-row: 12;
    }

.typematrix_navn_alternative_retprofil
{
	grid-column: 2/21;
	grid-row: 12;
	font-size: 0.875rem;
    line-height: 1.5rem;
	font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
	
.typematrix_hybrid_retprofil
{
	grid-column: 1/2;
	grid-row: 14;
    }

.typematrix_navn_hybrid_retprofil
{
	grid-column: 2/21;
	grid-row: 14;
	font-size: 0.875rem;
    line-height: 1.5rem;
	font-weight: 400;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

h3.employee_beskriv_overskrift
{
	grid-column: 1 / -1;  
	grid-row: 50;
		    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%; 


	}	

.employee_beskriv_form {
    grid-column: 1/-1; /* Make it span the full width */
    grid-row: 52;
    width: 100%; /* Ensure full width */
    height: 100%;

}

.employee_beskriv_form textarea {
    width: 100%;
    height: 100%;
    resize: vertical; /* Optional: Prevent horizontal resizing */
		border: 1px solid #ccc; 
		border-radius: 12px; 
		padding-left: 10px; 
		padding-top: 10px; 
		padding-bottom: 10px; 
}

h3.employee_facebook_overskrift
{
	grid-column: 1/-1;
	grid-row: 54;
		    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%; 
					margin-top: 20px; 
					


	}
	
.employee_facebook_text {
    grid-column: 1/-1;
    grid-row: 56;
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;
}

h3.employee_linkedin_overskrift
{
	grid-column: 1/-1;
	grid-row: 58;
		    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%; 


	}
	
.employee_linkedin_text {
    grid-column: 1/-1;
    grid-row: 60;
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;
}

h3.employee_portfolio_overskrift
{
	grid-column: 1/-1;
	grid-row: 62;
		    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%; 


	}
	
.employee_portfolio_text {
    grid-column: 1/-1;
    grid-row: 64;
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    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;
    box-sizing: border-box;
}




h3.beskriv_overskrift_oversat_21
{
	grid-column: 13/20;
	grid-row: 44/45;
	margin-top:15px;
	}	

.beskriv_form_oversat_21
{
	grid-column: 13/20;
	grid-row: 46/47;
	max-height: 500px;

	}

.knap_ret_gem_21_bottom
{
	grid-column: 1/-1; 
	grid-row: 44;
	font-size: 20px;
	width: 80%; 
}

.employee_knap_image_gem {
    grid-column: 1/ -1 !important;
    grid-row: 18 !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 */
.employee_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 */
	
}

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

    /* Matching styles */
    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 */
.employee_delete_image: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 */
	
}

.employee_knap_profile_gem {
	grid-column: 1 / -1 !important;
    grid-row: 66 !important;
    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;

}

/* Hover Styles */
.employee_knap_profile_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 */
	
}
body {
    font-family: Arial, sans-serif;
}

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

.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);
	
}


.tabs {
    grid-column: 1 / -1;
    grid-row: 6;
    display: flex;
    justify-content: center; /* Centers the tabs */
    margin-bottom: 10px;
    width: 100%;
    max-width: 800px; /* Prevents excessive stretching */
    gap: 20px;
}

.tab-button {
    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; 
	display: none; 
	
	
	
}

.tab-button.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 {
    grid-column: 1 / -1;
    grid-row: 4;
	display: grid; 
	grid-template-columns: 1fr;
	grid-template-rows: 1fr ;
    padding: 20px;
    background: #fff;
    margin: 0 auto; 
	width: 85%; 
}

.tab-content {
    display: none;
}

.tab-content.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 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px 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 50px;
background-color: white; 
color: black; 	
width: 100%; 
margin: 0 auto; 
}



.upload-container {
	grid-column: 1/-1;
	grid-row: 12/13;
	width: 60%;
    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;
}

.upload-label {
	grid-column: 1/-1;
	grid-row: 8/9;
  cursor: pointer;
  color: #007bff;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
}

.upload-icon {
	grid-column: 1/-1;
	grid-row: 10;
  cursor: pointer;
  fill: #ccc;

}


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

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

h3.profile-skills-title	
{
	grid-column: 4/20;
	grid-row: 6;
	text-align: left;
font-size: 1.5rem;
    line-height: 1.25rem;
	font-weight:700;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}
	
h3.profile_language_title	
{
	grid-column: 4/20;
	grid-row: 14;
	text-align: left;
font-size: 1.5rem;
    line-height: 1.25rem;
	font-weight:700;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}
	
.profile_language_container {
	grid-column: 4/20;
	grid-row: 16;
	margin-top: 20px; 
	font-size: .875rem;
    line-height: 1.25rem;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 500;
	
	
	
}


.cv_upload_container {
    grid-column: 1 / -1;
    grid-row: 4;
    display: grid;
    grid-template-columns: auto 10px auto 10px auto 10px auto 10px auto 10px auto;
    grid-template-rows: 20px auto 20px auto 70px;
    text-align: center;
    border: 2px dashed #d3d3d3; /* Light gray dashed border */
    border-radius: 12px; /* Rounded corners */
    width: 90%;
    margin: 0 auto;
}


h1.cv_upload_title {
	grid-column: 1/-1; 
	grid-row: 2; 
	text-align: left; 
    font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: black; 
	width: 90%;
}
	
.cv_upload_icon {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px; /* Match the size in the image */
    width: 48px;
    border-radius: 8px; /* Slight rounding for a clean look */
    background-color: rgb(243, 244, 246); /* Light gray background */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.cv_upload_icon img {
    height: 32px; /* Adjust icon size */
    width: 32px;
}




.cv_upload_subtext {
	grid-column: 1/-1; 
	grid-row: 4; 
	font-size: .875rem;
    line-height: 1.25rem;
	font-weight: 500;
	    gap: .5rem;
		color: black; 
	
}

.cv_file
{
	grid-column: 1/-1; 
	grid-row: 2; 
	text-align: center; 
	
}

.cv_preview {
  grid-row: 8; 
  margin-top: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}

.cv_preview embed {
  width: 100%;
  height: 500px;
  display: block;
  border: none;
  max-width: 100%;
  box-sizing: border-box;
}

/* Optional: reduce height on smaller screens */
@media (max-width: 600px) {
  .cv_preview embed {
    height: 300px;
  }
}

.cv_upload_controls {
  grid-column: 1 / -1;
  grid-row: 6;
  width: 90%;
  margin: 20px auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}



.upload_cv {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    text-align: center !important;
    --tw-text-opacity: 1 !important;
    color: rgb(64 62 67 / var(--tw-text-opacity)) !important; /* Text color */
    font-size: 0.875rem !important; /* Font size */
    font-weight: 500 !important; /* Medium font weight */
    line-height: 1.25rem !important; /* Line height */
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 222 255 / var(--tw-bg-opacity)) !important; /* Light lavender background */
    border-radius: 12px !important; /* Rounded corners */
    align-items: center !important;
    justify-content: center !important;
    height: 2.5rem!important; /* Button height */
    width: 90% !important; /* Button width */
    display: inline-flex !important; /* Center content inside the button */
    cursor: pointer !important; /* Pointer cursor for interactivity */
    transition: background-color 0.3s ease, transform 0.2s ease !important; /* Smooth hover effects */
	text-shadow: none !important; 
}

.upload_cv:hover {
    background-color: rgb(210 200 245 / var(--tw-bg-opacity)) !important; /* Slightly darker lavender on hover */
	color: black !important; 
	font-weight: 600 !important;
}

.upload_cv:active {
    transform: translateY(0); /* Reset lift effect when clicked */
}


.view_cv
{
	grid-column: 1/-1; 
	grid-row: 8; 
    text-align: center !important;
    --tw-text-opacity: 1 !important;
    color: rgb(64 62 67 / var(--tw-text-opacity)) !important; /* Text color */
    font-size: 0.875rem !important; /* Font size */
    font-weight: 500 !important; /* Medium font weight */
    line-height: 1.25rem !important; /* Line height */
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 222 255 / var(--tw-bg-opacity)) !important; /* Light lavender background */
    border-radius: 12px !important; /* Rounded corners */
    align-items: center !important;
    justify-content: center !important;
    width: 90% !important; /* Button width */
    display: inline-flex !important; /* Center content inside the button */
    cursor: pointer !important; /* Pointer cursor for interactivity */
    transition: background-color 0.3s ease, transform 0.2s ease !important; /* Smooth hover effects */
	text-shadow: none !important; 
	
	
}

.delete_cv
{
	grid-column: 1/-1; 
	grid-row: 10; 
    text-align: center !important;
    --tw-text-opacity: 1 !important;
    color: rgb(64 62 67 / var(--tw-text-opacity)) !important; /* Text color */
    font-size: 0.875rem !important; /* Font size */
    font-weight: 500 !important; /* Medium font weight */
    line-height: 1.25rem !important; /* Line height */
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;

    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 222 255 / var(--tw-bg-opacity)) !important; /* Light lavender background */
    border-radius: 12px !important; /* Rounded corners */
    align-items: center !important;
    justify-content: center !important;
    width: 90% !important; /* Button width */
    display: inline-flex !important; /* Center content inside the button */
    cursor: pointer !important; /* Pointer cursor for interactivity */
    transition: background-color 0.3s ease, transform 0.2s ease !important; /* Smooth hover effects */
	text-shadow: none !important; 
	
}


.profil_indhold_ny a {
    color: #007bff; /* Blue links */
    text-decoration: none;
}

.profil_indhold_ny a:hover {
    text-decoration: underline; /* Underline on hover */
}




.upload_video {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    text-align: center !important;
    --tw-text-opacity: 1 !important;
    color: rgb(64 62 67 / var(--tw-text-opacity)) !important; /* Text color */
    font-size: 0.875rem !important; /* Font size */
    font-weight: 500 !important; /* Medium font weight */
    line-height: 1.25rem !important; /* Line height */
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 222 255 / var(--tw-bg-opacity)) !important; /* Light lavender background */
    border-radius: 12px !important; /* Rounded corners */
    align-items: center !important;
    justify-content: center !important;
    height: 2.5rem!important; /* Button height */
    width: 90% !important; /* Button width */
    display: inline-flex !important; /* Center content inside the button */
    cursor: pointer !important; /* Pointer cursor for interactivity */
    transition: background-color 0.3s ease, transform 0.2s ease !important; /* Smooth hover effects */
	text-shadow: none !important; 
	border: none !important; 
}

.upload_video:hover {
    background-color: rgb(210 200 245 / var(--tw-bg-opacity)) !important; /* Slightly darker lavender on hover */
	color: black !important; 
	font-weight: 600 !important;
}

.upload-progress-wrapper {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin: 20px auto;
}



video.video_view
{
	grid-column: 1/-1; 
	grid-row: 8 ;
	margin: 0 auto; 

}


a.video_delete
{
	grid-column: 1/-1; 
	grid-row: 10; 
    text-align: center !important;
    --tw-text-opacity: 1 !important;
    color: rgb(64 62 67 / var(--tw-text-opacity)) !important; /* Text color */
    font-size: 0.875rem !important; /* Font size */
    font-weight: 500 !important; /* Medium font weight */
    line-height: 1.25rem !important; /* Line height */
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;

    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 222 255 / var(--tw-bg-opacity)) !important; /* Light lavender background */
    border-radius: 12px !important; /* Rounded corners */
    align-items: center !important;
    justify-content: center !important;
    width: 90% !important; /* Button width */
    display: inline-flex !important; /* Center content inside the button */
    cursor: pointer !important; /* Pointer cursor for interactivity */
    transition: background-color 0.3s ease, transform 0.2s ease !important; /* Smooth hover effects */
	text-shadow: none !important; 
	border: none !important; 
}


.cv_file_name_display {
	grid-column: 1/-1; 
	grid-row: 5; 
	margin: 0 auto; 
	margin-bottom: 20px; 
}


h1.opret_P_title {
	
		grid-column: 1/-1; 
	grid-row: 2;
	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);
	
	
}