html, body {
	width: 100%;
    height: 100%;
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}



.maingrid {
    display: grid;
	grid-gap: 0px;
	grid-template-columns: 10px repeat(20, 1fr) 10px;
	grid-template-rows:  5px auto auto auto auto auto auto auto auto auto auto auto auto auto auto 1fr 10px auto;
    color: #444;
	min-height: 100%;
    }



.orange
{
	grid-column: 1/23;
	grid-row: 6/7;
	text-align: center;
	background-color: #ff9c00;
    }



.indhold{
	grid-column: 1/23;
	grid-row: 6/15;
	/*background-color: #fff;
	border: 1px solid #EEE;
	border: 1px solid #ACC2ED;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 10px repeat(20, 1fr) 10px;
		grid-template-rows: auto repeat(60, auto) 1fr auto 20px;
		margin-top: 50px;
}

.indhold2{
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: auto 10px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 10px auto;
		grid-template-rows: 20px auto auto auto auto auto auto auto auto auto auto ;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
	margin: auto;
}

.indhold_confirm{
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 10px auto 10px;
		grid-template-rows: 80px auto 20px auto 20px auto 20px auto 20px auto 20px auto 75px 100px ;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
	margin: auto;
	width: 100%;
	align-items: center;
	Text-align: center;
	justify-content: center; 
}

.indhold_forms{
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 10px auto 10px;
		grid-template-rows: 80px auto 20px auto 20px auto 20px auto 20px auto 20px auto 75px 100px ;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
	margin: auto;
	width: 100%;
	height: 100%;
	align-items: center;
	Text-align: center;
	justify-content: center; 
}

.indhold_logon {
	grid-column: 1/-1;
	grid-row: 6/16;
  display: grid;
  grid-template-columns: 10px auto 10px; /* Ensure single column layout */
  grid-template-rows: 10px auto 10px; /* Allow it to expand fully */
  place-items: center; /* Centers content inside grid */
  background-image: linear-gradient(to bottom, #E5DEFF, #fff);
  margin: auto;
  width: 100%;
  height: 100vh; /* Ensure it takes the full viewport height */
  text-align: center;
}

.indhold_search{
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
	grid-template-columns: 1fr 10px auto 10px auto 10px auto 10px 1fr;
		grid-template-rows: 85px auto 20px auto 30px auto 10px auto 10px auto 40px auto 20px auto 20px auto 50px;
		width: 100%;
		
}

.indhold_search_job {
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
	grid-template-columns: 1fr 10px auto 10px auto 10px auto 10px 1fr;
		grid-template-rows: 85px auto 20px auto 30px auto 10px auto 30px auto 10px auto 40px auto 20px auto 50px;
		width: 100%;
		
}

.indhold_search_results{
	grid-column: 1/-1;
	grid-row: 6/16;
	--tw-bg-opacity: 1;
		background-image: rgb(249 250 251 / var(--tw-bg-opacity));
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: auto 20px repeat(20, minmax(15px, 50px)) 20px auto;
		grid-template-rows: 50px auto 20px auto 20px auto 20px  auto 20px  auto 20px  auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px ;
	      font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		  width: 100%

}

.indhold_jobdetail{
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
	grid-template-columns: auto 10px auto 10px auto 10px auto 10px auto;
		grid-template-rows:20px auto 20px auto 20px auto 20px auto 20px;
		width: 100%;

}

.indhold_opret{
	grid-column: 1/-1;
	grid-row: 6/15;
	/*background-color: #fff;
	border: 1px solid #EEE;
	border: 1px solid #ACC2ED;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: auto;
		grid-template-rows: 30px auto 20px auto 20px auto 20px auto 50px;
	background-image: linear-gradient(to bottom, #E5DEFF, #fff);
}

.profil_indhold_ny {
    grid-column: 1 / -1;
    grid-row: 6 / 16;
    background-color: #fff;
    display: grid;
    place-items: center; /* Centers grid items both horizontally and vertically */
    grid-gap: 0px;
	grid-template-columns: auto 20px auto 20px auto;
	grid-template-rows: 50px auto 20px auto 20px auto 20px  auto 20px  auto 20px  auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	width: 100%;
	animation: fadeIn 0.5s ease-out forwards;
	margin: 0 auto; 
	margin-top: 50px; 
}

.profil_jobform_content{
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		grid-gap: 0px;
		grid-template-columns: auto;
		grid-template-rows: 30px 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 5px auto 20px auto 20px auto 5px auto 20px auto 5px auto 20px auto 20px auto 50px;
	margin: auto;
width: 100%;
background-color: none !important; 
margin-top: 50px;
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	
}


h1
{
	color:#383838;
	font-size:22px;
}

h2
{
	color:#383838;
	font-size:18px;
	margin-top: 15px;
	margin-bottom: 3px;
}

h3
{
	color:#383838;
	font-size:16px;
	margin-top: 0px;
	margin-bottom: 3px;
}


P
{
	color: #383838;
}


a
{
	color: #383838;
	text-decoration:none;
}


/* Tooltop */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Knap */
a.knap {
    display:inline-block;
    height: 18px;
    width: 100%;

	background-color: #808080;
	color: white;
	padding-top: 6px;
	padding-bottom: 10px;
	Text-align:center;
	/* margin: 8px 0; */
	border: none;
    border-radius: 4px;
	font-size:14px;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0,0,0,.1);
}

a.knap:hover {
	color: white;
	background-color: #ff9c00;
	cursor: pointer;
}

a.knap:active {
	color: white;
	box-shadow: none;
}


input[type=text],input[type=url], input[type=password], input[type=tel], input[type=number], input[type=color], input[type=email],	
select {
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 12px;
    box-sizing: border-box;
	align-items: center;
	justify-content: center;
	margin: 3px 0px 15px 0px;
	width:100%;
	}

input[type=submit], input[type=button] {
    width: 100%;
	
    background-color: #808080;
    color: white;
	padding-bottom: 10px;
	padding-top: 10px;
    /* margin: 8px 0; */
    border: none;
    border-radius: 4px;
    cursor: pointer;
	text-shadow: 1px 1px rgba(0,0,0,.1);
}

input[type=submit]:hover {
    background-color: #FFA500;
}


/* Tooltop */
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #000;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

select {
  appearance: none;
  /* safari */
  -webkit-appearance: none;
  /* other styles for aesthetics */
  width: 100%;
  /* font-size: 1.15rem;
  padding: 0.675em 6em 0.675em 1em;
  background-color: #fff;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: #000; */
  cursor: pointer;
}