h1.sg_overskrift
	{
	grid-column: 3/21;
	grid-row: 3/4;
	font-size:25px;	
	}
	
h1.sg_employee_overskrift
	{
	grid-column: 1/-1;
	grid-row: 2/3;
	text-align: center;
	grid-row: 2/3;
	font-size: 3rem;
    line-height: 1;
	font-weight: 700;
		color: rgb(64 62 67 / var(--tw-text-opacity));
		/*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";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin-top: 0;
		margin-bottom: 0;
		width: 90%;
		margin: 0 auto;
	}

h1.sg_job_overskrift
	{
	grid-column: 1/-1;
	grid-row: 2/3;
	text-align: center;
	grid-row: 2/3;
	font-size: 3rem;
    line-height: 1;
	font-weight: 700;
		color: rgb(64 62 67 / var(--tw-text-opacity));
		/*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";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		margin-top: 0;
		margin-bottom: 0;
		width: 90%;
		margin: 0 auto;
	}
	
h2.job_sprog_overskrift
{
	grid-column: 1/-1;
	grid-row:  12/13;
	text-align: center;

font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
width: 80%;
margin: 0 auto;	
	}
	
.sgknap_20_bottom
{
	grid-column: 3/21;
	grid-row: 44/45;
	display:none;
	}	

/* Søg Job type */
.search_skills_foldud
{
    grid-column: 1 / -1;
    grid-row: 10 / 11;
    
    /* Matches the given styles */
    padding: 1rem; /* Equivalent to .p-4 */
    background-color: rgba(255, 255, 255, 0.7); /* Matches bg-white/70 */
    border-radius: 0.75rem; /* Matches .rounded-xl */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* Matches .shadow-lg */
    
    /* Transitions */
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    
    /* Backdrop blur */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	width: 80%;
	margin: 0 auto;
}

.search_job_skills_foldud
{
    grid-column: 1 / -1;
    grid-row: 8 / 9;
    /* Matches the given styles */
    padding: 1rem; /* Equivalent to .p-4 */
    background-color: rgba(255, 255, 255, 0.7); /* Matches bg-white/70 */
    border-radius: 0.75rem; /* Matches .rounded-xl */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* Matches .shadow-lg */
    
    /* Transitions */
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    
    /* Backdrop blur */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	width: 80%;
	margin: 0 auto;

}

h2.search_form_remote_title
	{
	grid-column: 1/-1;
	grid-row: 10/11;
text-align: center;
font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));

	}

.typematrix_search_job
{
	grid-column: 1/-1;
	grid-row: 12/13;
    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 15px;
    color: #444;
	min-height: 100%;
    /* Matches the given styles */
    padding: 1rem; /* Equivalent to .p-4 */
    background-color: rgba(255, 255, 255, 0.7); /* Matches bg-white/70 */
    border-radius: 0.75rem; /* Matches .rounded-xl */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* Matches .shadow-lg */
    
    /* Transitions */
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    
    /* Backdrop blur */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	width: 80%;
	margin: 0 auto;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
        font-weight: 600;
        line-height: 1.5rem;
	
	}



.typematrix_online_job
{
	grid-column: 1/2;
	grid-row: 2/3;
	margin-top:5px;
    }

.typematrix_navn_online_search_job
{
	grid-column: 2/21;
	grid-row: 2/3;
	margin-top:5px;
    }
	
.typematrix_fulltime_job
{
	grid-column: 1/2;
	grid-row: 4/5;
	margin-top:5px;
    }

.typematrix_navn_fulltime_search_job
{
	grid-column: 2/21;
	grid-row: 4/5;
	margin-top:5px;
    }

.typematrix_parttime_job
{
	grid-column: 1/2;
	grid-row: 6/7;
	margin-top:5px;
    }

.typematrix_navn_parttime_search_job
{
	grid-column: 2/21;
	grid-row: 6/7;
	margin-top:5px;
    }
	
.typematrix_fourday_job
{
	grid-column: 1/2;
	grid-row: 8/9;
	margin-top:5px;
    }

.typematrix_navn_fourday_search_job
{
	grid-column: 2/21;
	grid-row: 8/9;
	margin-top:5px;
    }
	
	
.typematrix_H1B_job
{
	grid-column: 1/2;
	grid-row: 10/11;
	margin-top:5px;
    }
	
.typematrix_navn_H1B_search_job
{
	grid-column: 2/21;
	grid-row: 10/11;
	margin-top:5px;
    }



.typematrix_alternative_job
{
	grid-column: 1/2;
	grid-row: 12/13;
	margin-top:5px;
    }

.typematrix_navn_alternative_search_job
{
	grid-column: 2/21;
	grid-row: 12/13;
	margin-top:5px;
    }
	
.typematrix_hybrid_job
{
	grid-column: 1/2;
	grid-row: 14/15;
	margin-top:5px;
    }

.typematrix_navn_hybrid_search_job
{
	grid-column: 2/21;
	grid-row: 14/15;
	margin-top:5px;
    }

.search_remote_check
	{
	grid-column: 3/19;
	grid-row: 8/9;
	font-size:18px;

	}



/*  Antal  */
h2.sgantal_overskrift
{
	grid-column: 2/22;
	grid-row: 10/11;
    }


.sgantal_text
{
	grid-column: 2/22;
	grid-row: 11/12;
    }

	
.sgantal
{
	grid-column: 10/12;
	grid-row: 11/12;
    }

.sgantal_form
{
	grid-column: 2/21;
	grid-row: 12/13;
    }
	



/*  Fag  */	
.sg_subtext
	{
	grid-column: 1/-1;
	text-align: center;
	grid-row: 4/5;
	font-size: 1.25rem;
    line-height: 1.75rem;
	color: rgb(75 85 99 / var(--tw-text-opacity));
	font-weight: 300;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		width: 90%;
		margin: 0 auto; 
	}
		
h2.sgfag_overskrift
{
	grid-column: 1/-1;
	text-align: center;
	grid-row: 6/7;
font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
	width: 80%;
	margin: 0 auto; 

    }
	
.vælg_alle
	{
	grid-column: 1/-1;
	grid-row: 8/9;
	font-size:1rem;
	font-weight: 400 !important;
	margin-left: 15px;


	}
	
.sg_employee_sprog_container {
    grid-column: 1 / -1;
    grid-row: 14 / 15;
    
    /* Matches the given styles */
    padding: 1rem; /* Equivalent to .p-4 */
    background-color: rgba(255, 255, 255, 0.7); /* Matches bg-white/70 */
    border-radius: 0.75rem; /* Matches .rounded-xl */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); /* Matches .shadow-lg */
    
    /* Transitions */
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    
    /* Backdrop blur */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
	width: 80%;
	margin: 0 auto;
}

.sg_employee_knap {
	grid-column: 1/-1;
	grid-row: 16/17;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80% !important;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: rgb(255, 255, 255); /* Default text color */
    background-color: rgba(64, 62, 67, 1) !important; /* Default background */
    border-radius : 15px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; /* Subtle shadow */
    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;
		   margin: 0 auto; 
		   
}

.sg_job_knap {
	grid-column: 1/-1;
	grid-row: 16/17;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80% !important;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: rgb(255, 255, 255); /* Default text color */
    background-color: rgba(64, 62, 67, 1) !important; /* Default background */
    border-radius : 15px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; /* Subtle shadow */
    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;
		   margin: 0 auto; 
		   
}

.sgfag
{
	grid-column: 2/22;
	grid-row: 14/17;
	border: 2px solid #ff6600;
    }

.sgfag_text
{
	grid-column: 3/22;
	grid-row: 15/16;
    }

.sgfag1
{
	grid-column: 3/12;
	grid-row: 16/17;
    }

.sgfag2
{
	grid-column: 3/12;
	grid-row: 17/18;
    }
	
.sgfag3
{
	grid-column: 3/12;
	grid-row: 18/19;
    }

.sgfag4
{
	grid-column: 12/22;
	grid-row: 16/17;
    }

.sgfag5
{
	grid-column: 12/22;
	grid-row: 17/18;
    }
	
.sgfag6
{
	grid-column: 12/22;
	grid-row: 18/19;
    }
	
/* Særligt for entreprise søg */	
h2.sg_opstart_overskrift
{
	grid-column: 3/22;
	grid-row: 20/21;
    }

.sg_opstart_manchet
{
	grid-column: 3/22;
	grid-row: 21/22;
    }	
.sg_opstart
{
	grid-column: 3/22;
	grid-row: 22/23;
    }	

	/* Sprog  */
.sgsprog_grid {
	grid-column: 2/22;
	grid-row: 20/21;
    display: grid;
	grid-gap: 0px;
	grid-template-columns: auto  auto auto auto auto auto;
	grid-template-rows: repeat(40, auto) 15px;
    color: #444;
	min-height: 100%;
    }

h2.sgsprog_overskrift
{
	grid-column: 2/22;
	grid-row: 20/21;
    }

.sgsprog_text
{
	grid-column: 2/22;
	grid-row: 21/22;
    }

.Employee_sprog_Eng
{
	grid-column: 3/21; 
	grid-row:  15/16;	
	}
	
.Employee_sprog_Fra
{
	grid-column: 3/21; 
	grid-row:  16/17;	
	}

.Employee_sprog_Ger
{
	grid-column: 3/21; 
	grid-row:  17/18
	}

.Employee_sprog_Spa
{
	grid-column: 3/21; 
	grid-row:  18/19;	
	}


.Employee_sprog_Chi
{
	grid-column: 3/21; 
	grid-row:  19/20;	
	}

.Employee_sprog_Viet
{
	grid-column: 3/21; 
	grid-row:  20/21;	
	}



.sgsprog
{
	grid-column: 2/22;
	grid-row: 24/25;
    }

.sgsprog1
{
	grid-column: 2/3;
	grid-row: 24/25;
    }

.sgsprog2
{
	grid-column: 8/15;
	grid-row: 24/25;
   
	}

.sgsprog3
{
	grid-column: 2/3;
	grid-row: 25/26;
  
	}

.sgsprog4
{
	grid-column: 8/18;
	grid-row: 25/26;
	}

.sgsprog5
{
	grid-column: 2/3;
	grid-row: 26/27;

	}

.sgsprog6
{
	grid-column: 8/17;
	grid-row: 26/27;

	}

.sgsprog7
{
	grid-column: 2/3;
	grid-row: 27/28;
	}

.sgsprog8
{
	grid-column: 8/18;
	grid-row: 27/28;

	}

.sgsprog9
{
	grid-column: 2/3;
	grid-row: 28/29;
 
	}

.sgsprog10
{
	grid-column: 8/17;
	grid-row: 28/29;
	}


/*  Region  */
.sgregion_grid {
	grid-column: 2/22;
	grid-row: 21/22;
    display: grid;
	grid-gap: 0px;
	grid-template-columns: auto  auto auto auto auto auto;
	grid-template-rows: repeat(40, auto) 15px;
    color: #444;
	min-height: 100%;
	display: none; 
    }

h2.sgregion_overskrift
{
	grid-column: 3/21;
	grid-row: 9/10;
	display: none; 
    }
	
.sgknap_20_right
{
	grid-column: 3/21;
	grid-row: 22/23;
	margin-top: 20px ;
	font-size: 20px;
	}	
	

.sgregion_text1
{
	grid-column: 2/22;
	grid-row: 30/31;
	margin-bottom: 15px;
    }
	
	.sgregion_text2
{
	grid-column: 2/20;
	grid-row: 30/31;
	margin-top: 10px; 
    }

.or_region_poland
{
	grid-column: 2/20;
	grid-row: 34/35;
	margin-top: 10px;
	margin-bottom: 10px;
    }

.sg_land_polen
{
	grid-column: 2/3;
	grid-row: 31/32;
    }

.sg_land_DK
{
	grid-column: 8/16;
	grid-row: 31/32;
    }
	
.sg_land_NO
{
	grid-column: 2/3;
	grid-row: 32/33;
    }

.sg_land_UK
{
	grid-column: 8/14;
	grid-row: 32/33;
    }
	
.sg_land_DE
{
	grid-column: 2/3;
	grid-row: 33/34;
    }
	
.sg_land_SE
{
	grid-column: 8/15;
	grid-row: 33/34;
    }

.sg_polen_regioner
{
	grid-column: 2/20;
	grid-row: 32/33;
	margin-bottom: 2px;
    }


.sgregion1
{
	grid-column: 2/3;
	grid-row: 35/36;

    }

.sgregion2
{
	grid-column: 2/3;
	grid-row: 36/37;

	}

.sgregion3
{
	grid-column: 2/3;
	grid-row: 37/38;

	}

.sgregion4
{
	grid-column: 2/3;
	grid-row: 38/39;
	}

.sgregion5
{
	grid-column: 2/3;
	grid-row: 39/40;
	}
	
.sgregion6
{
	grid-column: 2/3;
	grid-row: 40/41;
	}	
	
.sgregion7
{
	grid-column: 2/3;
	grid-row: 41/42;
	}

.sgregion8
{
	grid-column: 2/3;
	grid-row: 42/43;
	}

.sgregion9
{
	grid-column: 8/19;
	grid-row: 35/36;
	}

.sgregion10
{
	grid-column: 8/19;
	grid-row: 36/37;
	}

.sgregion11
{
	grid-column: 8/19;
	grid-row: 37/38;
	}

.sgregion12
{
	grid-column: 8/19;
	grid-row: 38/39;
	}

.sgregion13
{
	grid-column: 8/19;
	grid-row: 39/40;
	}
	
.sgregion14
{
	grid-column: 8/19;
	grid-row: 40/41;
	}

.sgregion15
{
	grid-column: 8/19;
	grid-row: 41/42;
	}
	
.sgregion16
{
	grid-column: 8/19;
	grid-row: 42/43;
	}
	

.fagmatrix_mandskab_search {
	border:2px blue solid;
	grid-column: 2/22;
	grid-row: 18/19;
	}

.sprogmatrix_search
{
	border:2px yellow solid;
	grid-column: 2/22;
	grid-row:22/23;
	}

.countrymatrix_search
{
	grid-column: 3/21;
	grid-row: 10/11;
    display: grid;
	grid-gap: 0px;
	grid-template-columns: auto 1fr 0px auto 1fr 0px auto 1fr;
	grid-template-rows: repeat(40, auto) 15px;
    color: #444;
	min-height: 100%;
	display: none; 
	
	}

.regionmatrix_search
{
	border: 2px solid green;
	grid-column: 2/22;
	grid-row: 36/37;
	}


/*-----------Resultatside--------------*/
	
.sgresultat
{
	grid-column: 2/22;
	grid-row: 11/13;
	}

.knap_sg_top
{
	grid-column: 3/21;
	grid-row: 7/8;
	margin-bottom: 15px;
	font-size: 20px;
	}

.knap_sg_bund
{
	grid-column: 3/21;
	grid-row: 30/31;
	margin: 0px 0px 20px 0px;
	font-size:20px;
	margin-top:15px;
	}

.sgresultatloop
{
	border: 1px solid orange;
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 10px repeat(20, 1fr) 10px;
		grid-template-rows: 10px repeat(20, auto) 10px;
	margin-bottom:10px;
	}

a.ret_opgave_knap
{
	grid-column: 16/22;
	grid-row: 3/4;

	}
	
.loop_firma
{
	grid-column: 2/22;
	grid-row: 2/3;
	font-size: 22px;
	font-weight:500;
	margin-bottom: 10px;
	}

img.profil_pic
	{

	grid-column: 6/22;
    grid-row: 3/4;
	height: 150px;
    width: 150px;
    border-radius: 50%;
	border: 1px silver solid;
	margin-bottom: 10px;
	}

.loopopstart
{
	grid-column: 2/22;
	grid-row: 4/5;
	font-size: 18px;
	font-weight:500;
	}
	
.loopantal
{
	grid-column: 2/22;
	grid-row: 7/8;
	font-size: 18px;
	font-weight:500;
	}

.loop_pris
{
	grid-column: 2/22;
	grid-row: 8/9;
	font-size: 18px;
	font-weight:500;
	}

.loopregion
{
	grid-column: 2/22;
	grid-row: 6/7;
	font-size: 18px;
	font-weight:500;
}

.loop_entreprise_region
{
	grid-column: 2/22;
	grid-row: 6/7;
	font-size: 18px;
	font-weight:500;
}



/*Søgeresultat knapper*/
.sgresultat_knap1
{
	grid-column: 2/22;
	grid-row: 10/11;
	margin-top:10px;
	margin-bottom:10px;
}


.sgresultat_knap2
{
	grid-column: 2/22;
	grid-row: 11/12;
	margin-bottom:10px;
}

/*Søgeresultat fagliste*/

.sgresultatfagbox
{
	grid-column: 2/22;
	grid-row: 9/10;
	}

.sgresultatfag
 {
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #ff9c00;
    color: #fff;
    float: left;
    margin: 3px;
	float:left;
}



/*Hamonikaen*/
.sgresultatfoldud
{
	grid-column: 2/22;
	grid-row: 12/13;
	}
	

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  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:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 7px;
  background-color: white;
  display: none;
	border: 1px solid silver;
}

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

.panelindholdoverskrift
{
	grid-column: 1/22;
	grid-row: 2/3;
	font-weight: 900;
	}

.panelindholdv
{
	grid-column: 1/22;
	grid-row: 3/4;
	margin-bottom: 15px;
	}
	
.panelindholdh
{
	grid-column: 1/22;
	grid-row: 4/5;
	}	
	
	

/*Søgeresultat sporgliste*/

.sgresultatsporgtitle
{
	grid-column: 1/5;
	grid-row: 7/8;
	font-weight: 400;
}

.sgresultatsporgbox
{
	grid-column: 8/22;
	grid-row: 7/9;
	}

.sgresultatsporg
 {
    border-radius: 8px;
    padding: 4px 8px 4px 8px;
    background-color: #ff9c00;
    color: #fff;
    float: left;
    margin: 2px;
	float:left;
}