/* Søg Job */

h1.sg_overskrift
	{
	grid-column: 1/-1;
	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;
		
	}
	
	
h1.sg_job_overskrift
	{
	grid-column: 1/-1;
	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;
		
	}
	
h1.sg_employee_overskrift
	{
	grid-column: 1/-1;
	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;
		
	}
	
h1.stat_sg_employee_overskrift
	{
	grid-column: 1/-1;
	text-align: center;
	grid-row: 2;
	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;
		
	}
	
	
.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";
	}
	
.stat_sg_subtext
	{
	grid-column: 4/-1;
	width: 80%;
	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";
	}
		
h2.sgfag_overskrift
{
	grid-column: 4/22;
	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));

    }
	
h2.stat_sgfag_overskrift
{
	grid-column: 1/-1;
	text-align: left;
width: 65%;
margin: 0 auto; 	
	grid-row: 4;
font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));

    }
	
.stat_search_vip {
	grid-column: 1/-1;
	grid-row: 8;
	width: 65%;
	text-align: left;
	margin: 0 auto; 
	
}
		
.stat_search_vip_checkmark
{
font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));

    }

.stat_search_vip_title
{

font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));

    }
	
.stat_search_forside_responsible
	{
	grid-column: 1/-1;
	grid-row: 10;
	width: 65%;
font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
	margin: 0 auto; 

    }
	
	.scale-container {
		grid-column: 1/-1;
		grid-row: 12;
  width: 100%;
  max-width: 600px;
  margin: 2rem auto;
  font-family: sans-serif;
  margin-top: 50px; 
}

.selectors {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.selectors div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.selectors label {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.scale-line {
  height: 4px;
  background: #333;
  margin: 1rem 0;
  position: relative;
}

.scale-labels {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 0 4px;
}

.scale-labels span {
  flex: 1;
  text-align: center;
  position: relative;
}

/* Optional: vertical ticks on the scale */
.scale-labels span::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  height: 10px;
  width: 2px;
  background-color: #333;
}

	
h2.job_sprog_overskrift
{
	grid-column: 4/22;
	grid-row: 12/13;
    font-size: 1.5rem;
    line-height: 2rem;
	font-weight: 600;
	--tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
    }
	
.sg_employee_sprog_container {
    grid-column: 1 / -1;
    grid-row: 14 / 15;
    
    /* Matches the given styles */
    padding: 1.5rem; /* 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: 65%;
	margin: 0 auto;
}

.search_loop_container {
    grid-column: 1/-1; 
    grid-row: 6/7;  
    width: 90%;
    margin: 0 auto;
    display: flex;  /* Enables flexbox */
    flex-wrap: wrap; /* Allows elements to wrap on smaller screens */
    align-items: center; /* Adjusts vertical alignment */
    gap: 10px; /* Adds spacing between items */
}



	


.Job_sprog_Eng
{
	grid-column: 4/20; 
	grid-row:  12/13;	
	}
	
.Job_sprog_Fra
{
	grid-column: 4/20; 
	grid-row:  13/14;	
	}

.Job_sprog_Ger
{
	grid-column: 4/20; 
	grid-row:  14/15
	}

.Job_sprog_Spa
{
	grid-column: 4/20; 
	grid-row:  15/16;	
	}


.Job_sprog_Chi
{
	grid-column: 4/20; 
	grid-row:  16/17;	
	}

.Job_sprog_Viet
{
	grid-column: 4/20; 
	grid-row:  17/18;	
	}

.Employee_sprog_Eng
{
	grid-column: 4/20; 
	grid-row:  12/13;	
	}
	
.Employee_sprog_Fra
{
	grid-column: 4/20; 
	grid-row:  13/14;	
	}

.Employee_sprog_Ger
{
	grid-column: 4/20; 
	grid-row:  14/15
	}

.Employee_sprog_Spa
{
	grid-column: 4/20; 
	grid-row:  15/16;	
	}


.Employee_sprog_Chi
{
	grid-column: 4/20; 
	grid-row:  16/17;	
	}

.Employee_sprog_Viet
{
	grid-column: 4/20; 
	grid-row:  17/18;	
	}

		
.sgknap_20_right
{
	grid-column: 8/15;
	grid-row: 38/39;
	margin-top: 20px ;
	font-size: 20px;
	}	
	
.sg_employee_knap {
	grid-column: 4/20;
	grid-row: 16/17;
	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); /* 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;
		   
}

.stat_sg_employee_knap {
	grid-column: 4/20;
	grid-row: 14;
	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); /* 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;
		   
}


.sg_job_knap {
	grid-column: 4/20;
	grid-row: 16/17;
	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); /* 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;
		   
}


h3.search_employee_pris
{
	grid-column: 4/22;
	grid-row: 21/22;
	margin-top: 15px;

    }
	
.search_employee_pris_text
{
	grid-column: 4/20; 
	grid-row:  22/23;	
	}
	


/* 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: 65%;
	margin: 0 auto;
}

/* Responsive adjustments for small screens */
@media (min-width: 640px) {
    .search_skills_foldud {
        padding: 1.5rem; /* Matches .sm:p-6 */
    }
}

.stat_search_skills_foldud {
    grid-column: 1 / -1;
    grid-row: 6;
    
    /* 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: 65%;
	margin: 0 auto;
}

/* Responsive adjustments for small screens */
@media (min-width: 640px) {
    .search_skills_foldud {
        padding: 1.5rem; /* Matches .sm:p-6 */
    }
}

/* Søg Job type */
.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: 65%;
	margin: 0 auto;
}

/* Responsive adjustments for small screens */
@media (min-width: 640px) {
    .search_job_skills_foldud {
        padding: 1.5rem; /* Matches .sm:p-6 */
    }
}

.vælg_alle
	{
	grid-column: 4/19;
	grid-row: 8/9;
	font-size:1rem;
	font-weight: 400 !important;
	}
	
.vælg_ingen
	{
	grid-column: 14/19;
	grid-row: 6/7;
	font-size:16px;
	margin-top:11px;
	}


/* Search Accordion SoME */
.search_accordion_SoMe {
  background-color: #89CFF0;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Search SoME; 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, .search_accordion_SoMe:hover {
  background-color: #0096FF;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}


/* Search Accordion IT/Software */
.search_accordion_IT {
  background-color: #AFE1AF;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}


/* Search IT Software accordion hover */
.active, .search_accordion_IT:hover {
  background-color: #50C878;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}

/* Search Accordion Administration */
.search_accordion_Admin {
  background-color: #FAA0A0;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Search Admin accordion hover */
.active, .search_accordion_Admin:hover {
  background-color: #F88379;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}

/* Search Accordion Media */
.search_accordion_Media {
  background-color: #F5F5DC;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Search Media accordion hover */
.active, .search_accordion_Media:hover {
  background-color: #F8DE7E;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}

/*Search  Accordion AI */
.search_accordion_AI {
  background-color: #40E0D0;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Search AI accordion hover */
.active, .search_accordion_AI:hover {
  background-color: #40B5AD;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}

/* Search Accordion Construction Work */
.search_accordion_Construct {
  background-color: #c9c0bb;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Search Construction work accordion hover */
.active, .search_accordion_Construct:hover {
  background-color: #c4aead;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}

/* Search Accordion Household work */
.search_accordion_Household {
  background-color: #C3B1E1;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Search Household work accordion hover */

.active, .search_accordion_Household:hover {
  background-color: #DA70D6;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}

/* Search Accordion Education/Teaching */
.search_accordion_Educate {
  background-color: #FFD700;
  color: #444;
  font-size: 16px;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Search Education accordion hover */
.active, .search_accordion_Educate:hover {
  background-color: #D4AF37;
  color: #000;
  font-size: 18px;
  font-weight: bold; 
}


/*  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/7;
	grid-row: 12/13;
    }
	



/*  Fag  */	


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

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


.fagmatrix_mandskab_search {
	grid-column: 1/22;
	grid-row: 19/20;
	}



.sprogmatrix_search
{
	grid-column: 2/22;
	grid-row:22/23;
	}

.countrymatrix_search
{
	grid-column: 4/22;
	grid-row: 28/29;
    display: grid;
	grid-gap: 0px;
	grid-template-columns: auto 1fr 0px auto 1fr 0px auto 1fr;
	grid-template-rows: repeat(4, 30px) 15px;
    color: #444;
	min-height: 100%;
	display: none; 
	}


.regionmatrix_search
{
	grid-column: 2/22;
	grid-row: 36/37;
	}

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

.search_remote_box
{
	grid-column: 11/19;
	grid-row: 11/12;
	}
	
.search_remote_check
{
	grid-column: 11/19;
	grid-row: 11/12;
	font-size:16px;
	margin-top:11px;
	}

.typematrix_search_online
{
	grid-column: 4/22;
	grid-row: 14/15;
    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%;
	}

.typematrix_search_job
{
	grid-column: 1/-1;
	grid-row: 14/15;
    display: grid;
	grid-gap: 0px;
	grid-template-columns: auto 1fr 0px auto 1fr 0px auto 1fr;
	grid-template-rows: repeat(4, 30px) 15px;
    color: #444;
	min-height: 80%;
    /* 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: 65%;
	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;
}

/* Responsive adjustments for small screens */
@media (min-width: 640px) {
    .typematrix_search_job {
        padding: 1.5rem; /* Matches .sm:p-6 */
    }
}


.typematrix_online_job
{
	grid-column: 1/2;
	grid-row: 1/2;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_navn_online_search_job
{
	grid-column: 2/3;
	grid-row: 1/2;
	margin-top: auto;
	margin-bottom: auto;
    }
	
.typematrix_H1B_job
{
	grid-column: 4/5;
	grid-row: 1/2;
	margin-top: auto;
	margin-bottom: auto;
    }
	
.typematrix_navn_H1B_search_job
{
	grid-column: 5/6;
	grid-row: 1/2;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_alternative_job
{
	grid-column: 4/5;
	grid-row: 2/3;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_navn_alternative_search_job
{
	grid-column: 5/6;
	grid-row: 2/3;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_hybrid_job
{
	grid-column: 4/5;
	grid-row: 3/4;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_navn_hybrid_search_job
{
	grid-column: 5/6;
	grid-row: 3/4;
	margin-top: auto;
	margin-bottom: auto;
    }



.typematrix_fulltime_job
{
	grid-column: 1/2;
	grid-row: 2/3;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_navn_fulltime_search_job
{
	grid-column: 2/3;
	grid-row: 2/3;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_parttime_job
{
	grid-column: 1/2;
	grid-row: 3/4;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_navn_parttime_search_job
{
	grid-column: 2/3;
	grid-row: 3/4;
	margin-top: auto;
	margin-bottom: auto;
    }
	
.typematrix_fourday_job
{
	grid-column: 1/2;
	grid-row: 4/5;
	margin-top: auto;
	margin-bottom: auto;
    }

.typematrix_navn_fourday_search_job
{
	grid-column: 2/3;
	grid-row: 4/5;
	margin-top: auto;
	margin-bottom: auto;
    }




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

.sgfag2
{
	grid-column: 9/15;
	grid-row: 16/17;
    }
	
.sgfag3
{
	grid-column: 15/22;
	grid-row: 16/17;
    }
	
.sgfag4
{
	grid-column: 3/9;
	grid-row: 18/19;
    }

.sgfag5
{
	grid-column: 9/15;
	grid-row: 18/19;
    }
	
.sgfag6
{
	grid-column: 15/22;
	grid-row: 18/19;
    }

/* Særligt for entreprise søg */	
h2.sg_opstart_overskrift
{
	grid-column: 2/22;
	grid-row: 20/21;
    }

.sg_opstart_manchet
{
	grid-column: 2/22;
	grid-row: 21/22;
    }	
	
.sg_opstart
{
	grid-column: 2/22;
	grid-row: 22/23;
    }		
	
/* Sprog  */
h2.sgsprog_overskrift
{
	grid-column: 2/22;
	grid-row: 20/21;
    }

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


.sgsprog1
{
	grid-column: 3/9;
	grid-row: 22/23;
    }

.sgsprog2
{
	grid-column: 3/9;
	grid-row: 23/24;
	}

.sgsprog3
{
	grid-column: 3/9;
	grid-row: 24/25;
	}

.sgsprog4
{
	grid-column: 9/15;
	grid-row: 22/23;
	}

.sgsprog5
{
	grid-column: 9/15;
	grid-row: 23/24;
	}

.sgsprog6
{
	grid-column: 15/22;
	grid-row: 22/23;
	}

.sgsprog7
{
	grid-column: 15/22;
	grid-row: 23/24;
	}

.sgsprog8
{
	grid-column: 9/15;
	grid-row: 24/25;
	}

.sgsprog9
{
	grid-column: 15/22;
	grid-row: 24/25;
	}
	
.sgsprog10
{
	grid-column: 19/22;
	grid-row: 22/23;
	}	

/*  Region  */

h2.sgregion_overskrift
{
	grid-column: 4/22;
	grid-row: 13/14;
	display: none; 
    }
	

.sgregion_text1
{
	grid-column: 2/8;
	grid-row: 26/27;
    }

.sgregion_text2
{
	grid-column: 2/10;
	grid-row: 26/27;
    }


.sg_land_polen
{
	grid-column: 2/4;
	grid-row: 28/29;
	margin-top: 10px;
    }

.or_region_poland
{
	grid-column: 2/9;
	grid-row: 29/30;
	margin-top: 10px;
	margin-bottom: 10px;
    }

.sg_land_DK
{
	grid-column: 4/6;
	grid-row: 28/29;
	margin-top: 10px;
    }

.sg_land_SE
{
	grid-column: 6/8;
	grid-row: 28/29;
	margin-top: 10px;
    }
	
.sg_land_NO
{
	grid-column: 8/10;
	grid-row: 28/29;
	margin-top: 10px;
    }

.sg_land_UK
{
	grid-column: 10/12;
	grid-row: 28/29;
	margin-top: 10px;
    }
	
.sg_land_DE
{
	grid-column: 12/14;
	grid-row: 28/29;
	margin-top: 10px;
    }


.sg_polen_regioner
{
	grid-column: 2/9;
	grid-row: 30/31;
    }



.sgregion1
{
	grid-column: 2/7;
	grid-row: 30/31;
    }

.sgregion2
{
	grid-column: 2/7;
	grid-row: 31/32;
	}

.sgregion3
{
	grid-column: 2/7;
	grid-row: 32/33;
	}

.sgregion4
{
	grid-column: 2/7;
	grid-row: 33/34;
	}

.sgregion5
{
	grid-column: 6/10;
	grid-row: 30/31;
	}
	
.sgregion6
{
	grid-column: 6/10;
	grid-row: 31/32;
	}	
	
.sgregion7
{
	grid-column: 6/10;
	grid-row: 32/33;
	}	

.sgregion8
{
	grid-column: 6/10;
	grid-row: 33/34;
	}	

.sgregion9
{
	grid-column: 10/13;
	grid-row: 30/31;
	}	

.sgregion10
{
	grid-column: 10/13;
	grid-row: 31/32;
	}	

.sgregion11
{
	grid-column: 10/13;
	grid-row: 32/33;
	}	

.sgregion12
{
	grid-column: 10/13;
	grid-row: 33/34;
	}	
	
	
.sgregion13
{
	grid-column: 14/19;
	grid-row: 30/31;
	}

.sgregion14
{
	grid-column: 14/19;
	grid-row: 31/32;
	}

.sgregion15
{
	grid-column: 14/19;
	grid-row: 32/33;
	}

.sgregion16
{
	grid-column: 14/19;
	grid-row: 33/34;
	}
/*-----------Resultatside--------------*/
	
.sgresultat
{
	grid-column: 2/22;
	grid-row: 11/13;
	}

/* Søgeknapper */

.sgtop
{
	grid-column: 19/22;
	grid-row: 7/8;
	margin-top:10px;
	text-align: right;
	}
	
.sgbund
{
	grid-column: 13/15;
	grid-row: 32/33;
	margin: 20px;
	}

.knap_sg_top
{
	grid-column: 17/22;
	grid-row: 4/5;
	margin: 20px;
	font-size:20px;
	}

.knap_sg_bund
{
	grid-column: 9/15;
	grid-row: 8/9;
	margin: 20px;
	font-size:20px;
	}
	
	
.sgresultatloop
{
	border: 1px solid orange;
	margin-bottom: 20px;
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 20px repeat(20, 1fr) 20px;
		grid-template-rows: 20px repeat(20, auto) 20px;

	}

.ret_opgave_knap
{
	grid-column: 18/22;
	grid-row: 2/3;

	}	

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

img.profil_pic
	{

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

	
.loopantal
{
	grid-column: 5/15;
	grid-row: 3/4;
	font-size: 18px;
	font-weight:500;
	}

.loopopstart
{
	grid-column: 5/12;
	grid-row: 3/4;
	font-size: 18px;
	font-weight:500;
	}
	
.loop_pris
{
	grid-column: 5/15;
	grid-row: 4/5;
	font-size: 18px;
	font-weight:500;
	}

.loopregion
{
	grid-column: 16/23;
	grid-row: 3/4;
	font-size: 18px;
	font-weight:500;
}

.loop_entreprise_region
{
	grid-column: 12/23;
	grid-row: 3/4;
	font-size: 18px;
	font-weight:500;
}


/*Knapper*/

a.sgresultat_knap1
{
	grid-column: 18/22;
	grid-row: 4/5;
	margin-bottom: 15px;
}

a.sgresultat_knap2
{
	grid-column: 18/22;
	grid-row: 5/6;
	margin-bottom: 10px;
}

/*Søgeresultat fagliste*/


.sgresultatfagbox
{
	grid-column: 2/18;
	grid-row: 6/7;
	}

.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: 10/12;
	}
	

/* 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 18px;
  background-color: white;
  display: none;

}

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

.panelindholdoverskrift
{
	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;
	}	
	
	

/*Søgeresultat sporgliste*/

.sgresultatsporgtitle
{
	grid-column: 2/4;
	grid-row: 5/6;
	margin-top: 25px;
	margin-right: 10px;
	}

.sgresultatsporgbox
{
	grid-column: 4/22;
	grid-row: 5/6;
	margin-top: 20px;
	}

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


/*Søg valg*/
.valg_content
{ grid-column: 1/27; grid-row: 7/12;}

.valg_content{
    display: grid;
	width:100%;
	/* grid-template-columns: repeat(20, 1fr); */
	grid-template-columns: 2fr 15px 15px 15px 15x 15px 15px 15px 2fr ; 
	grid-template-rows: 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px;
	}

.valg_overskrift
{
	grid-column: 1/22;
	grid-row: 2/3;
	font-size:35px;
	text-align:center;
	}


a.firma_valg_knap_1{
	grid-column: 6/9;
	grid-row: 7/10;
	}
	
a.firma_valg_knap_2{	
	grid-column: 10/13;
	grid-row: 7/10;
	}

a.firma_valg_knap_3
{	
	grid-column: 14/17;
	grid-row:7/10;
	}
	
a.firma_valg_knap
{
	background-color: #fff;
	border-radius: 2px;	
	border: 2px solid #ff9c00;
	text-align:center;
	color:#000;
	font-size:24px;
	text-align:center;
	text-decoration:none;
	padding-top: 10px;
	}
	
a.firma_valg_knap:hover
{
	background-color: #ff9c00;	
	color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}