.request_container {
    grid-column: 1/-1;
    grid-row: 6/16;
	margin-top: 50px;
    max-width: 800px;
    display: grid;
    align-items: center;
    grid-gap: 0px;
    grid-template-columns: 20px repeat(20, minmax(15px, 50px)) 20px;
    grid-template-rows: 85px auto 50px auto auto 5px auto auto 5px auto auto 5px auto auto 5px auto auto 5px auto auto 5px auto auto 5px auto auto 5px auto auto auto 5px auto auto 5px 50px 50px 50px;
    margin: auto;
    /* Add shadow and border */
    border: 1px solid #e5e7eb; /* Light gray border */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    border-radius: 4px; /* Optional: Add rounded corners */

}

	
	

h1.overskrift {
    grid-column: 4/20; 
    grid-row: 2/3;
    color: rgb(64, 62, 67); /* Matches the .text-accent class */
    font-size: 1.5rem; /* Matches .text-2xl */
    line-height: 2rem; /* Matches .text-2xl */
    text-align: center; /* Matches .text-center */
    font-weight: 700; /* Matches .font-bold */
    letter-spacing: -0.025em; /* Matches .tracking-tight */
    margin: 0; /* Matches blockquote, dl, dd, etc. */
       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:  5/6;
	font-size:22px;
	text-align: left;
	color:#808080;
	margin-bottom: 20px;
}


h3.navn {
    grid-column: 4/20; 
    grid-row: 4/5;
    margin-top: 0px;
    font-weight: 500; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
}


.navn_text {
    grid-column: 4/20; 
    grid-row: 5/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` */
    width: 100%; /* Corresponds to `.w-full` */
    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 */
}



h3.email
{
	grid-column: 4/20; 
	grid-row: 7/8;
    margin-top: 0px;
    font-weight: 500; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
}

.email_text
{
	grid-column: 4/20; 
	grid-row: 8/9;	 
    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` */
    width: 100%; /* Corresponds to `.w-full` */
    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 */	
}

h3.request_skills_describe_title
{
	grid-column: 4/20; 
	grid-row: 10/11;
    margin-top: 0px;
    font-weight: 500; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
}

.Description_box_skills
{
	grid-column: 4/20; 
	grid-row: 11/12;
	margin: 3px 0px 15px 0px;

}

.DescriptionEditor_skills
{
	grid-column: 4/20; 
	grid-row: 11/12;
	min-height: 300px;	
}

h3.Request_techstack_describe_title
{
	grid-column: 4/20; 
	grid-row: 13/14;
    margin-top: 0px;
    font-weight: 500; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
}

.Description_box_tech
{
	grid-column: 4/20; 
	grid-row: 14/15;
	margin: 3px 0px 15px 0px;
}

.DescriptionEditor_tech
{
	grid-column: 4/20; 
	grid-row: 14/15;
	min-height: 300px;	
	width: 100%;
}

h3.Request_experience_title
{
	grid-column: 4/20; 
	grid-row: 16/17;
    margin-top: 0px;
    font-weight: 500; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
}

.experience_dropdown
{
    grid-column: 4/20;
	grid-row: 17/18;
    width: 100%;
    padding: 2px;
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    border: 1px solid #ccc; /* 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 */
       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: 4/20; 
	grid-row: 19/20;
    margin-top: 0px;
    font-weight: 500; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
}

.english_dropdown
{
    grid-column: 4/20;
    grid-row: 20/21;
    width: 100%;
    padding: 2px;
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    border: 1px solid #ccc; /* 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 */
       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: 4/20; 
	grid-row: 22/23;
	margin-top: 0px;
}

.start_date {
    grid-column: 4/20;
	grid-row: 23/24;
    width: 100%;
    padding: 5px;
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    border: 1px solid #ccc; /* 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 */
       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: 4/20; 
	grid-row:25/26;
    margin-top: 0px;
    font-weight: 500; /* Matches .font-medium */
    font-size: 0.875rem; /* Matches .text-sm */
    line-height: 1.25rem; /* Matches .text-sm */
}

.job_type_dropdown_request2 {
    grid-column: 4/20;
	grid-row: 26/27;
    width: 100%;
    padding: 2px;
    font-size: 1rem; /* Corresponds to `.text-base` */
    line-height: 1.5rem; /* Corresponds to `.text-base` */
    background-color: fff;
    border: 1px solid #ccc; /* 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 */
       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: 4/20; 
	grid-row: 28/29;
    margin-top: 0px;
    font-weight: 500; /* 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";
}

.request_compensation_title2
{
	grid-column: 4/10; 
	grid-row: 29/30;
	margin-top: 0px;
    margin-top: 0px;
    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";
}

.request_compensation_title3
{
	grid-column: 12/20; 
	grid-row: 29/30;
	margin-top: 0px;
    margin-top: 0px;
    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: 4/8;
    grid-row: 30/31;
	max-width: 143px;

}

.salary_max {
    grid-column: 8/12;
    grid-row: 30/31;
	max-width: 143px;
}

.hourly_min {
    grid-column: 12/16;
    grid-row: 30/31;
	max-width: 143px;
}

.hourly_max {
    grid-column: 16/20;
    grid-row: 30/31;
	max-width: 143px;
}

/* 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: 4/20; 
	grid-row: 32/33;
    margin-top: 0px;
    font-weight: 500; /* 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";
}

.Description_box_additional
{
	grid-column: 4/20; 
	grid-row: 33/34;
	margin: 3px 0px 15px 0px;

}

.DescriptionEditor_additional
{
	grid-column: 4/20; 
	grid-row: 33/34;
	min-height: 300px;	
	border-radius: 15px;
}











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

}





h3.land
{
	grid-column: 4/12; 
	grid-row: 10/11;
	margin-top: 0px;
	margin-right: 10px;
}

.land_text
{
	grid-column: 4/12; 
	grid-row: 11/12;	
	margin-right: 10px;	
}

h3.telefon
{
	grid-column: 12/20; 
	grid-row: 10/11;
	margin-top: 0px;
}

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



h3.Job_Salary
{
	grid-column: 4/10; 
	grid-row: 12/13;
	margin-top: 0px;
}

.Job_Salary_text
{
	grid-column: 4/10; 
	grid-row: 13/14;
}


h3.Job_Time
{
	grid-column: 10/15; 
	grid-row: 12/13;
	margin-top: 0px;
	margin-right: 10px;	
	margin-left: 10px;
}

.time_dropdown
{
	grid-column: 10/15; 
	grid-row: 13/14;
	margin-right: 10px;	
	margin-left: 10px;
	}


h3.Currency
{
	grid-column: 16/20; 
	grid-row: 12/13;
	margin-top: 0px;
}

.Currency_text
{
	grid-column: 15/20; 
	grid-row: 13/14;	
}


h3.job_duration_overskrift
{
	grid-column: 4/30; 
	grid-row: 14/15;
	margin-top: 0px;
}

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


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

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

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





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

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



h3.sprog
{
	grid-column: 4/18; 
	grid-row: 23/24;
	margin-top: 30px;
}

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

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

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

.sprog_spansk {
	grid-column: 4/20;
	grid-row: 28/29;
    }
	
.sprog_ger {
	grid-column: 4/20;
	grid-row: 29/30;
    }
	

h3.typematrix
{
	grid-column: 4/18; 
	grid-row: 30/31;
	margin-top: 30px;
}


/* Checkmarks */
.typematrix_retprofil
{
	grid-column: 4/20;
	grid-row: 31/32;
    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: 2/11;
	grid-row: 1/2;
    }
	
.typematrix_H1B_retprofil
{
	grid-column: 11/12;
	grid-row: 1/2;
    }

.typematrix_navn_H1B_retprofil
{
	grid-column: 12/22;
	grid-row: 1/2;
    }
	
.typematrix_fourday_retprofil
{
	grid-column: 11/12;
	grid-row: 2/3;
	margin-top:12px;
    }

.typematrix_navn_fourday_retprofil
{
	grid-column: 12/22;
	grid-row: 2/3;
	margin-top:10px;
    }

.typematrix_alternative_retprofil
{
	grid-column: 11/12;
	grid-row: 3/4;
	margin-top:12px;
    }

.typematrix_navn_alternative_retprofil
{
	grid-column: 12/22;
	grid-row: 3/4;
	margin-top:10px;
    }
	


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

.typematrix_navn_fulltime_retprofil
{
	grid-column: 2/11;
	grid-row: 2/3;
	margin-top:10px;
    }

.typematrix_parttime_retprofil
{
	grid-column: 1/2;
	grid-row: 3/4;
	margin-top:12px;
    }

.typematrix_navn_parttime_retprofil
{
	grid-column: 2/12;
	grid-row: 3/4;
	margin-top:10px;
    }

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

.typematrix_navn_hybrid_retprofil
{
	grid-column: 2/12;
	grid-row: 4/5;
	margin-top:10px;
    }




	
	
	





	
	



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





.gem
{
	grid-column: 4/20; 
	grid-row: 35/36;
    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;
}

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



/* Calendar page */

#calendar-container {
	grid-column: 1/-1; 
	grid-row:2/3;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  width: 700px;
  margin: auto;
}

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

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

.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:4/5;
  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:5/6;
  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:6/7;
  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: 1.5rem; 
	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;
	
}


.request_manchet {
	grid-column: 1/-1 ;
	grid-row: 4/5;
	text-align: center; 
	font-size: 1.75rem;
	line-height: 1.5rem; 
	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;
}

.request-confirm-subtext {
	grid-column: 1/-1 ;
	grid-row: 6/7;
	text-align: center; 
	font-size: 1.75rem;
	line-height: 1.5rem; 
	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;
}









	

	

	

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


/* Request form 2 */


.form-container {

  max-width: 700px;
  margin: 50px auto;
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-title {
  font-size: 24px;
  font-weight: bold;
  color: #4a4a8a;
  text-align: center;
  margin-bottom: 20px;
}

.form-group {
  margin-bottom: 20px;
}

.form-label {
  display: block;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
}

.form-textarea {
  height: 80px;
  resize: none;
}

.form-compensation {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.form-compensation .form-input {
  flex: 1 1 calc(50% - 10px);
}

.form-button {
  display: block;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  color: #fff;
  background-color: #4a4a8a;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}

.form-button:hover {
  background-color: #39396d;
}