.request_container {
    grid-column: 1/-1;
    grid-row: 2;
	margin-top: 50px;
    display: grid;
    align-items: center;
    grid-gap: 0px;
    grid-template-columns: auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto;
    grid-template-rows: 50px 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 5px auto 5px auto 5px auto 20px auto 5px auto 5px auto 20px auto 5px auto 20px auto 20px auto 5px auto 20px auto 5px auto 20px auto 5px auto 20px auto 50px ;
    margin: 0 auto;
    /* Add shadow and border */
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
width: 100% !important; 

}

h1.overskrift
{
	grid-column: 1/-1; 
	grid-row:  2/3;
    color: rgb(64 62 67 / var(--tw-text-opacity));
    text-align: center;
	margin: 0px;
    font-size: 1.5rem;
    line-height: 2rem;
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

h2.underoverskrift
{
	grid-column: 4/20; 
	grid-row:  4/5;
	font-size:22px;
	text-align: left;
	color:#808080;
	margin-bottom: 20px;
}


h3.navn
{
	grid-column: 1/-1; 
	grid-row: 4;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 

}

.navn_text {
    grid-column: 1/-1; 
    grid-row: 6;	 
    padding: 0.5rem 0.75rem; /* Corresponds to `.py-2` and `.px-3` */
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    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` */
    margin-top: 0.25rem; /* Corresponds to `.mt-1` */
    align-items: center; /* Aligns content within the box */
    width: 80% !important; /* Set the width to 80% */
    margin: 0 auto !important; /* Center horizontally */
    justify-self: center !important; /* Center horizontally in the grid */
    align-self: center !important; /* Center vertically in the grid */

}



h3.email
{
	grid-column: 1/-1; 
	grid-row: 8;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 
}

.email_text
{
	grid-column: 1/-1; 
	grid-row: 10;	 
    padding: 0.5rem 0.75rem; /* Corresponds to `.py-2` and `.px-3` */
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    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` */
    margin-top: 0.25rem; /* Corresponds to `.mt-1` */
    align-items: center; /* Aligns content within the box */
    width: 80% !important; /* Set the width to 80% */
    margin: 0 auto !important; /* Center horizontally */
    justify-self: center !important; /* Center horizontally in the grid */
    align-self: center !important; /* Center vertically in the grid */	

}

h3.request_skills_describe_title
{
	grid-column: 1/-1; 
	grid-row: 12;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 
}

.Description_box_skills
{
	grid-column: 1/-1; 
	grid-row: 14;
	margin: 3px 0px 15px 0px;
	width: 80% !important;
	margin: 0 auto !important; 
		border-radius: 15px !important; 




}

.DescriptionEditor_skills
{
	grid-column: 1/-1; 
	grid-row: 14;
	min-height: 300px;	
	width: 80% !important; 
		margin: 0 auto !important; 
		border-radius: 15px !important; 
		


}

h3.Request_techstack_describe_title
{
	grid-column: 1/-1; 
	grid-row: 16;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 

}

.Description_box_tech
{
	grid-column: 1/-1; 
	grid-row: 18;
	margin: 3px 0px 15px 0px;
	width: 80% !important;
		margin: 0 auto !important; 


}

.DescriptionEditor_tech
{
	grid-column: 1/-1; 
	grid-row: 18;
	min-height: 300px;	
		width: 80% !important;
			margin: 0 auto !important; 

}

h3.Request_experience_title
{
	grid-column: 1/-1; 
	grid-row: 20;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 
}

.experience_dropdown
{
    grid-column: 1/-1;
	grid-row: 22;
    padding: 0.5rem 0.75rem; /* Corresponds to `.py-2` and `.px-3` */
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    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` */
    margin-top: 0.25rem; /* Corresponds to `.mt-1` */
    align-items: center; /* Aligns content within the box */
    width: 80% !important; /* Set the width to 80% */
    margin: 0 auto !important; /* Center horizontally */
    justify-self: center !important; /* Center horizontally in the grid */
    align-self: center !important; /* Center vertically in the grid */
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";	

}


h3.Request_English_title
{
	grid-column: 1/-1; 
	grid-row: 24;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 
}

.english_dropdown
{
    grid-column: 1/-1;
    grid-row: 26;
    padding: 0.5rem 0.75rem; /* Corresponds to `.py-2` and `.px-3` */
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    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` */
    margin-top: 0.25rem; /* Corresponds to `.mt-1` */
    align-items: center; /* Aligns content within the box */
    width: 80% !important; /* Set the width to 80% */
    margin: 0 auto !important; /* Center horizontally */
    justify-self: center !important; /* Center horizontally in the grid */
    align-self: center !important; /* Center vertically in the grid */	
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}


h3.Request_start_title
{
	grid-column: 1/-1; 
	grid-row: 28;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 
}

.start_date {
    grid-column: 1/-1;
	grid-row: 30;
    padding: 0.2rem 0.1rem !important; /* Corresponds to `.py-2` and `.px-3` */
    font-size: 1rem !important; /* Corresponds to `.text-base` */
    line-height: 1.5rem !important; /* Corresponds to `.text-base` */
    background-color: fff;
    border: 1px solid hsl(var(--input)) !important; /* Corresponds to `.border-input` */
    border-radius: 15px !important; /* Corresponds to `.rounded-md` */
    height: 2.5rem !important; /* Corresponds to `.h-10` */
    display: flex !important; /* Corresponds to `.flex` */
    margin-top: 0.25rem !important; /* Corresponds to `.mt-1` */
    align-items: center !important; /* Aligns content within the box */
    width: 80% !important; /* Set the width to 80% */
    margin: 0 auto !important; /* Center horizontally */
    justify-self: center !important; /* Center horizontally in the grid */
    align-self: center !important; /* Center vertically in the grid */	
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
}



h3.request_type_title
{
	grid-column: 1/-1; 
	grid-row:32;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 
}

.job_type_dropdown_request2 {
    grid-column: 1/-1;
	grid-row: 34;
    padding: 0.5rem 0.75rem; /* Corresponds to `.py-2` and `.px-3` */
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    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` */
    margin-top: 0.25rem; /* Corresponds to `.mt-1` */
    align-items: center; /* Aligns content within the box */
    width: 80% !important; /* Set the width to 80% */
    margin: 0 auto !important; /* Center horizontally */
    justify-self: center !important; /* Center horizontally in the grid */
    align-self: center !important; /* Center vertically in the grid */	
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}


h3.request_compensation_title1
{
	grid-column: 1/-1; 
	grid-row: 36;
	text-align: left; 
	width: 80%; 
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.25rem;
	margin: 0 auto; 
       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.request_compensation_title2
{
	grid-column: 1/-1; 
	grid-row: 38;
	margin-top: 0px;
    margin-top: 0px;
	margin: 0 auto; 
	text-align: left; 
	width: 80%;
    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";

}



/* Common Styles for Inputs */
.salary_min, .salary_max, .hourly_min, .hourly_max {
    width: 100%;
    padding: 10px;
    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` */
    margin-top: 0.25rem; /* Corresponds to `.mt-1` */
    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";

}

/* Individual Grid Placement */
.salary_min {
    grid-column: 1 / -1; /* Takes the first half of the grid */
    grid-row: 40;
    margin-top: 10px;
	width: 80% !important; 
	margin: 0 auto !important; 
}

.salary_max {
    grid-column: 1/-1; /* Takes the second half of the grid */
    grid-row: 42;
    margin-top: 10px;
	width: 80% !important;
	margin: 0 auto !important; 
}

.request_compensation_title3
{
	grid-column: 1/-1; 
	grid-row: 44;
	margin-top: 0px;
    margin-top: 0px;
	margin: 0 auto; 
	text-align: left; 
	width: 80%;
    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";
}


.hourly_min {
    grid-column: 1/-1;
    grid-row: 46;
	margin-top: 10px; 
	width: 80% !important;
	margin: 0 auto !important; 


}

.hourly_max {
    grid-column: 1/-1;
    grid-row: 48;
		margin-top: 10px;
	width: 80% !important;
	margin: 0 auto !important; 

 
}

/* Hover Effects */
.salary_min:hover, .salary_max:hover, .hourly_min:hover, .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 */
.salary_min:focus, .salary_max:focus, .hourly_min:focus, .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) {
    .salary_min, .salary_max, .hourly_min, .hourly_max {
        font-size: 0.875rem; /* Corresponds to `.md\:text-sm` */
        line-height: 1.25rem; /* Corresponds to `.md\:text-sm` */
		
    }
}





h3.request_additional_title
{
	grid-column: 1/-1; 
	grid-row: 50;
	width: 80%;
	text-align: left; 
	margin: 0 auto; 
    margin-top: 0px;
	font-weight: 500;
	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";
}

.Description_box_additional
{
	grid-column: 1/-1; 
	grid-row: 52;
	margin: 3px 0px 15px 0px;
	width: 80% !important; 
		margin: 0 auto !important; 




}

.DescriptionEditor_additional
{

	min-height: 300px;	
	border-radius: 12px;
	width: 80% !important;
		margin: 0 auto !important; 

}


.compensation_input {
    display: flex;
    gap: 10px;
    grid-column: 4/20;

}


.gem
{
	grid-column: 1/-1; 
	grid-row: 54;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80% !important;
	margin: 0 auto !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;

}

.gem:hover {
    background-color: rgba(70, 68, 72, 1) !important; /* Slightly darker gray on hover */
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important; /* More pronounced shadow */
    color: rgb(255, 255, 255) !important; /* Keep text white */
	       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}



h3.land
{
	grid-column: 4/20; 
	grid-row: 10/11;
	margin-top: 15px;
}

.land_text
{
	grid-column: 4/20; 
	grid-row: 11/12;		
}

h3.telefon
{
	grid-column: 4/20; 
	grid-row: 12/13;
	margin-top: 15px;
}

.telefon_text
{
	grid-column: 4/20; 
	grid-row: 13/14;	                                                                      
}



h3.Job_Salary
{
	grid-column: 4/11; 
	grid-row: 14/15;
	margin-top: 15px;
}

.Job_Salary_text
{
	grid-column: 4/11; 
	grid-row: 15/16;
}


h3.Job_Time
{
	grid-column: 12/20; 
	grid-row: 14/15;
	margin-top: 15px;

}

.time_dropdown
{
	grid-column: 12/20; 
	grid-row: 15/16;

	}


h3.Currency
{
	grid-column: 4/20; 
	grid-row: 16/17;
	margin-top: 15px;
}

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


h3.job_duration_overskrift
{
	grid-column: 4/20; 
	grid-row: 18/19;
	margin-top: 15px;
}

.job_duration_text
{
	grid-column: 4/20; 
	grid-row: 19/20;	                                                                      
}

h3.skills_text
{
	grid-column: 4/20; 
	grid-row: 20/21;
	margin-top: 15px;
}

.skills_foldud
{
	grid-column: 4/20;
	grid-row: 21/22;
}



h3.sprog
{
	grid-column: 4/20; 
	grid-row: 22/23;
	margin-top: 15px;
}

.sprog_engelsk {
	grid-column: 4/20;
	grid-row: 23/24;
    }
	
.sprog_viet {
	grid-column: 4/20;
	grid-row: 24/25;
    }

.sprog_fransk {
	grid-column: 4/20;
	grid-row: 25/26;
    }

.sprog_chi {
	grid-column: 4/20;
	grid-row: 26/27;
    }

.sprog_spansk {
	grid-column: 4/20;
	grid-row: 27/28;
    }
	
.sprog_ger {
	grid-column: 4/20;
	grid-row: 28/29;
    }
	
h3.Description
{
	grid-column: 4/20; 
	grid-row: 29/30;
	margin-top: 15px;
}

.Description_box
{
	grid-column: 4/20; 
	grid-row: 30/31;
}

.DescriptionEditor
{
	grid-column: 4/20; 
	grid-row: 31/32;
	min-height: 300px;	
}


h3.typematrix
{
	grid-column: 4/20; 
	grid-row: 32/33;
	margin-top: 30px;
}


/* Checkmarks */
.typematrix_retprofil
{
	grid-column: 4/20;
	grid-row: 33/34;
    display: grid;
	grid-gap: 0px;
	grid-template-columns: auto auto auto auto auto auto auto auto;
	grid-template-rows: repeat(40, auto) 15px;
    color: #444;
	min-height: 100%;
	}

.typematrix_online_retprofil
{
	grid-column: 1/2;
	grid-row: 1/2;
    }
	
.typematrix_navn_online_retprofil
{
	grid-column: 4/20;
	grid-row: 1/2;
    }
	
.typematrix_H1B_retprofil
{
	grid-column: 1/2;
	grid-row: 2/3;
    }

.typematrix_navn_H1B_retprofil
{
	grid-column: 4/20;
	grid-row: 2/3;
    }
	
.typematrix_fourday_retprofil
{
	grid-column: 1/2;
	grid-row: 3/4;
    }

.typematrix_navn_fourday_retprofil
{
	grid-column: 4/20;
	grid-row: 3/4;
    }

.typematrix_alternative_retprofil
{
	grid-column: 1/2;
	grid-row: 4/5;
    }

.typematrix_navn_alternative_retprofil
{
	grid-column: 4/20;
	grid-row: 4/5;
    }
	


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

.typematrix_navn_fulltime_retprofil
{
	grid-column: 4/20;
	grid-row: 5/6;
    }

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

.typematrix_navn_parttime_retprofil
{
	grid-column: 4/20;
	grid-row: 6/7;
    }

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

.typematrix_navn_hybrid_retprofil
{
	grid-column: 4/20;
	grid-row: 7/8;
    }




	
	
	





	
	



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

.panel {
  display: none;
}



	
.knap_ret_gem
{
	grid-column: 10/14;
	grid-row:  26/27;
	}


/* Calendar page */

#calendar-container {
    grid-column: 2 / -2; /* Spans from the second column to the second-to-last column */
    grid-row: 2 / 3; /* Keep the grid row definition */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* Center the content vertically */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: calc(100% - 40px); /* Adjust width to prevent overflow (accounts for grid gaps or padding) */
    max-width: 100%; /* Prevent the container from exceeding the grid width */
    margin: 0; /* Remove unnecessary margins */
    box-sizing: border-box; /* Ensure padding and borders are included in the width */
}


#calendar {
  width: 100%;
  margin: 32px 0px 0px;
}

h1.calendar_title {
    grid-column: 4/20;
    grid-row: 2/3;
    color: rgb(64, 62, 67) !important; /* Matches .text-accent */
    font-size: 1.5rem !important; /* Matches .text-2xl */
    line-height: 2rem !important; /* Matches .text-2xl line-height */
    text-align: center !important; /* Matches .text-center */
    font-weight: 700 !important; /* Matches .font-bold */
    letter-spacing: -0.025em !important; /* Matches .tracking-tight */
    margin: 0 !important; /* Matches h1, h2, etc. */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; /* Ensures consistent font */
    padding: 24px !important; /* Keeps the padding */
}


.calendar_manchet {
    grid-column: 4/20; 
    grid-row: 3/4;
    color: rgb(75, 85, 99) !important; /* Matches .text-gray-600 */
    font-size: 1.125rem !important; /* Matches .text-lg size */
    line-height: 1.75rem !important; /* Matches .text-lg line-height */
    text-align: center !important; /* Matches .text-center */
    font-weight: 500 !important; /* Matches .font-bold */
    letter-spacing: -0.025em !important; /* Matches .tracking-tight */
    margin: 0 !important; /* Matches default block element margins */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; /* Ensures consistent font */
}


.calendar-header {
	grid-column: 1/-1; 
	grid-row:2/3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.calendar-month-year {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}

.calendar-nav {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: rgba(64, 62, 67, 1);
}

.calendar-nav:hover {
  color: #3b82f6;
}

.calendar-days {
	grid-column: 1/-1; 
	grid-row:3/4;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.calendar-grid {
	grid-column: 1/-1; 
	grid-row:4/5;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}

.calendar-cell {
  text-align: center;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.calendar-cell:hover {
  background-color: #e2e8f0;
}

.calendar-cell.selected {
  background-color: #4f46e5;
  color: white;
  font-weight: bold;
}

.calendar-cell.empty {
  background-color: transparent;
  cursor: default;
  box-shadow: none;
}


#time-slot-container {
  margin-top: 20px;
}

#time-slot-container.hidden {
  display: none;
}

#time-slots {
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100%;
}

.schedule-submit
{
	grid-column: 6/18; 
	grid-row: 6/7;
    display: inline-flex;
	margin-top: 20px;
    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;
}

.schedule-submit:hover {
    background-color: rgba(70, 68, 72, 1) !important; /* Slightly darker gray on hover */
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important; /* More pronounced shadow */
    color: rgb(255, 255, 255) !important; /* Keep text white */
	       font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}



h1.confirm_overskrift {
	grid-column: 1/-1 ;
	grid-row: 2/3;
	text-align: center; 
	font-size: 2.5rem;
	line-height: 2rem; 
	font-weight: 700;
	 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	 width: 80%;
	 margin: 0 auto;
	
}


.request_manchet {
	grid-column: 1/-1 ;
	grid-row: 4/5;
	text-align: center; 
	font-size: 1.75rem;
	line-height: 2rem; 
	font-weight: 500;
	 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	 	 width: 80%;
		 margin: 0 auto;
}

.request-confirm-subtext {
	grid-column: 1/-1 ;
	grid-row: 6/7;
	text-align: center; 
	font-size: 1.75rem;
	line-height: 2rem; 
	font-weight: 500;
	 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	 	 width: 80%;
		 margin: 0 auto;
}