﻿/*  Loop til mandskab på profil  */

.folk_loop_grid_profile
{
	border:1px solid silver;
	margin: 10px;
	display: grid;
	grid-gap: 0px;
	grid-template-columns: 10px repeat(22, 1fr) 10px;
	grid-template-rows: 15px repeat(10, auto) 20px;

}

.edit_crew_icon
{
	grid-column: 1/24;
	grid-row: 1/2;
text-align: right;
	}	
	
.mandskab_loop_profile
{
	grid-column: 1/24;
	grid-row: 2/3;
	border: 1px solid #203354;
	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_profile
{
	grid-column: 18/22;
	grid-row: 2/3;

	}	

.loop_firma_profile
{
	grid-column: 5/22;
	grid-row: 2/3;
	font-size: 22px;
	font-weight:500;
	}

img.loop_pic_profile
	{

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

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

.loopopstart_profile
{
	grid-column: 5/12;
	grid-row: 3/4;
	font-size: 18px;
	font-weight:500;
	}
	
.loop_pris_profile
{
	grid-column: 5/16;
	grid-row: 5/6;
	font-size: 18px;
	font-weight:500;
	}

.loopregion_profile
{
	grid-column: 5/20;
	grid-row: 3/4;
	font-size: 18px;
	font-weight:500;
	margin-bottom:15px;
	margin-left:15px;
}




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

.loop_land_flag_profile
	{
	grid-column: 1/2;
    grid-row: 1/2;
    border: 1px silver solid;
	height: 23px;
	width: 30px;
		}



/*Knapper*/

a.sgresultat_knap1_profile
{
	grid-column: 17/22;
	grid-row: 5/6;
	margin: 2px 0px 2px 0px;
}

a.sgresultat_knap2_profile
{
	grid-column: 17/22;
	grid-row: 6/7;
	margin: 2px 0px 2px 0px;
}

/*Søgeresultat fagliste*/


.sgresultatfagbox_profile
{
	grid-column: 11/20;
	grid-row: 3/10;
	}

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

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

.sgresultatsprog_profile_No
 {
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #ff9c00;
    color: #fff;
    float: left;
    margin: 2px;
	float:left;
	display:none;
}

.sgresultatfagbox_profile
{
	grid-column: 11/20;
	grid-row: 3/10;
	}

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

.sgresultatfag_profile_public
 {
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #ff9c00;
    color: #fff;
    float: left;
    margin: 2px;
	float:left;
	filter: blur(3px);
}

/*Hamonikaen*/
.sgresultatfoldud_profile
{
	grid-column: 2/22;
	grid-row: 15/16;
	margin-top:15px;
	font-size: 20px;
	}
	

/* Style the buttons that are used to open and close the accordion panel */
.accordion_profile {
  background: #20335470;
  border: 0.1px solid #203354;
  color: #fff;
  text-shadow: none;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: center;

  transition: 0.4s;
  font-size: 20px;
  font-weight: bold;
}

/* 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_profile:hover {
  background-color: #203354;
  color: #fff;
}

/* Style the accordion panel. Note: hidden by default */
.panel_profile {
  padding: 0 18px;
  background-color: white;
  display: none;

}

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

.panelindholdoverskrift_profile
{
	grid-column: 2/9;
	grid-row: 2/3;
	font-weight: 900;
	}
	
.panelindholdoverskrift_profile_public
{
	grid-column: 2/9;
	grid-row: 2/3;
	font-weight: 900;
	filter: blur(4px);
	}

.panelindholdv_profile
{
	grid-column: 2/10;
	grid-row: 3/4;
	}

.job_description_title_foldud
{
	grid-column: 2/10;
	grid-row: 9/10;
	}

.search_job_description_foldud
{
	grid-column: 2/20;
	grid-row: 10/13;
	margin-top:20px;
	}

.panelindholdv_profile_public
{
	grid-column: 2/10;
	grid-row: 3/4;
	filter: blur(4px);
	}	
	
	
.panelindholdh_profile
{
	grid-column: 11/18;
	grid-row: 2/3;
	}	
	
	

/*Søgeresultat sprogliste*/

.resultatsprogtitle_profile
{
	grid-column: 2/10;
	grid-row: 4/5;
	}

.resultatsprogbox_profile
{
	grid-column: 2/10;
	grid-row: 5/8;
	}

.resultatsprog_profile
 {
    grid-column: 2/10;
	grid-row: 5/6;
	border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #0000FF;
    color: #fff;
    float: left;
    margin: 3px;
	float:left;
}

.resultatsprog_profile_public
 {
    grid-column: 2/10;
	grid-row: 5/6;
	border-radius: 10px;
    padding: 5px 10px 5px 10px;
    background-color: #0000FF;
    color: #fff;
    float: left;
    margin: 3px;
	float:left;
	filter: blur(4px);
}


