html, body {
	width: 100%;
    height: 100%;
	margin: 0;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}



.maingrid {
    display: grid;
	grid-gap: 0px;
	grid-template-columns: 10px auto auto repeat(20, minmax(17px, 52px)) auto auto 10px;
	grid-template-rows: 5px 5px 50px 5px 5px 30px repeat(40, auto) 1fr 20px 150px;
    color: #444;
	min-height: 100%;

    }


.orange
{
	grid-column: 1/27;
	grid-row: 6/7;
	text-align: center;
	
    }


.indhold{
	grid-column: 4/24;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
		grid-template-rows: 30px 10px repeat(60, auto) 1fr auto 20px;
}


.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 20px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 20px auto;
		grid-template-rows: 20px auto auto auto auto auto auto auto auto auto auto ;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
    justify-items: center; /* Centers horizontally */
    align-items: center; 
	margin: auto;
	width: 100%;
	

}

.indhold_howto{
	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 20px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 20px auto;
		grid-template-rows: 20px auto 20px auto 20px auto 20px auto 20px;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
    justify-items: center; /* Centers horizontally */
    align-items: center; 
	margin: auto;
	width: 100%;
	

}

.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 repeat(20, minmax(15px, 50px)) 1fr;

		grid-template-rows: 85px auto 20px auto 30px auto 10px auto 10px auto 20px auto 20px auto 40px auto 50px;
		width: 100%;
		
}

.indhold_search_stat{
	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 repeat(20, minmax(15px, 50px)) 1fr;

		grid-template-rows: 85px auto 40px auto 10px auto 20px auto 20px auto 10px auto 20px auto 40px auto 20px auto 20px 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 repeat(20, minmax(15px, 50px)) 1fr;

		grid-template-rows: 85px auto 20px auto 30px auto 10px auto 30px auto 10px auto 20px auto 40px auto 50px;
		width: 100%;
		
}

.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: auto 20px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 20px auto;
		grid-template-rows: 20px auto auto auto auto auto auto auto auto auto auto ;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
    justify-items: center; /* Centers horizontally */
    align-items: center; 
	margin: auto;
	width: 100%;
	

}


.profil_jobform_content{
	grid-column: 2/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		grid-gap: 0px;
		grid-template-columns: auto 50px auto 20px auto 20px auto 20px auto 20px auto 20px auto 50px auto ;
		grid-template-rows: 20px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 20px auto 20px auto 5px auto 20px auto 5px auto 20px auto 20px auto 50px;
	margin: auto;
width: 100%;
}


.indhold_logon{
	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 20px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 20px auto;
		grid-template-rows: 20px auto auto auto auto auto auto auto auto auto auto ;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
    justify-items: center; /* Centers horizontally */
    align-items: center; 
	margin: auto;
	width: 100%;
	

}


.indhold_opret{
	grid-column: 1/-1;
	grid-row: 6/16;
	/*background-color: #fff;
	border: 1px solid red;*/
	    display: grid;
		grid-gap: 0px;
		grid-template-columns: auto 20px 450px 20px 450px 20px auto;
		grid-template-rows: 85px auto 20px auto 30px auto 20px;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
		width: 100%;
}


.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: auto 20px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 20px auto;
		grid-template-rows: 100px auto 20px auto 20px auto 20px auto 20px auto 100px 500px;
		background-image: linear-gradient(to bottom, #E5DEFF, #fff);
    justify-items: center; /* Centers horizontally */
    align-items: center; 
	margin: auto;
	width: 100%;
	height: 100%;
	

}

.profil_indhold{
	grid-column: 2/24;
	grid-row: 6/16;
	background-color: #fff;
	    display: grid;
		align-items: flex-center;
		grid-gap: 0px;
		grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
		grid-template-rows: 50px auto 20px auto auto 20px ;
	      font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.indhold_search_results{
	grid-column: 1/-1;
	grid-row: 6/16;
	--tw-bg-opacity: 1;
		background-color: white;
	    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_search_results_stat{
	grid-column: 1/-1;
	grid-row: 6/16;
	--tw-bg-opacity: 1;
		background-color: white;
	    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;
	--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: 10px 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%

}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px); /* Slight upward movement */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.profil_indhold_ny {
    grid-column: 2 / -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: 1fr; /* Ensures full width */
    grid-template-rows: 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";
    padding: 20px;
 animation: fadeIn 0.5s ease-out forwards;
}

.profil_job_ret_grid {
    grid-column: 2 / -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 20px auto 20px auto 20px auto 20px auto; /* Ensures full width */
    grid-template-rows: 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 20px auto 5px auto 20px auto 50px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 20px;
 animation: fadeIn 0.5s ease-out forwards;

}


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

a.knap {
    width: 100%;
	/* max-width: 120px; */
    background-color: #808080;

    color: white;
	padding-bottom: 8px;
	padding-top: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	text-shadow: 1px 1px rgba(0,0,0,.1);
	text-align:center;
}

a.knap:hover {
	color: white;
	background-color: #203354;
	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 {
font-size: 0.875rem; /* Equivalent to .md\:text-sm */
    line-height: 1.25rem;
    padding: 0.5rem 0.75rem; /* Equivalent to .py-2 and .px-3 */
    background-color: #fff; /* Match the --background variable */
    border: 1px solid #ccc; /* Matches .border-input and .border */
    border-radius: 12px; /* Equivalent to .rounded-md */
    width: 100%; /* Equivalent to .w-full */
    height: 2.5rem; /* Equivalent to .h-10 */
    display: flex; /* Match .flex */
    box-sizing: border-box; /* Default styling */
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    color: inherit;
    margin: 0;
}

input[type=submit], input[type=button] {
    width: 100%;
	/* max-width: 120px; */
    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: #203354;
	color: #fff;
}


/* 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;
}