/* Gråkjær AS               */
/* CUSTOM STYLESHEET        */
 
/* WEBFONT */
/*@import url('https://fonts.googleapis.com/css?family=Verdana');*/
/* @import url('https://fonts.googleapis.com/css?family=Overpass'); */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(//db.onlinewebfonts.com/c/501e03d4c0303f394033bcaf435f4b3e?family=Suisse+Int'l+Medium);
/* GENERAL PRINT */
@import "resources/jobboard-print.css" print; 


 
/* COLOR VARIABLES */
:root {
    --jobmatch-header-background-color: #dcd9ce;            /* TOOLBAR BACKGROUND COLOR #D71500 */
    --jobmatch-card-header-background-color: #dcd9ce;         /* CARD HEADER BACKGROUND COLOR */
     
    --jobmatch-footer-background-color: #1e1e1e;    /* changed may 2022 --- #f2f2f2 */
    --jobmatch-footer-text-color: #FFFFFF;    
    --jobmatch-link-hover-footer-color; #A41616;
	--jobmatch-link-footer-color; #666666;
   
    --jobmatch-link-color:  #A41616; 
	   --jobmatch-link-hover-color: #A41616; 
	   --jobmatch-linkx-color: rgba(237,28,36, 1);      /* Button coler */
     
    --jobmatch-base-font-family: "Suisse Int'l Medium",arial,sans-serif;       /* MAIN FONT */
    --jobmatch-base-font-size: 1.2rem; /* 14px;     */
    --jobmatch-base-font-line-height: 1.428571429; 
    --jobmatch-title-font-size: 30px;
    --jobmatch-subtitle-font-size: 18px;
	
	--jobmatch-footer-font-size: 14px;
     
      --mdc-theme-primary: #1e1e1e;               /* checkbox color hover effect #A41616 --- NEED CHECKING NOT READY */
	  --mdc-theme-primary-light: rgba(30,30,30,.14);    
	    --mdc-theme-primary-dark: rgba(30,30,30,.14);    
	  
	  
	 --mdc-theme-secondary: #A41616;              /* checkbox color !!! */
	 --mdc-theme-secondary-light: #b4dafb;        
	  --mdc-theme-secondary-dark: #b4dafb;         
	 
	 --mdc-theme-primary: rgba(66,59,56,.14); /* SELECT drop down blå farve #3f51b5 */
               
    --mdc-theme-accent: #A41616;                /* button color */ 
    --mdc-theme-text-primary-on-accent: #1e1e1e;  /* text color on raised buttons */
     
	
 
	  --mdc-theme-text-secondary-on-background: rgba(30,30,30, 0.87);
	  
 
	 --mdc-theme-surface: #dcd9ce; 
	         
     
     
    --mdc-theme-background: #FFFFFF; 
	
    --mdc-theme-text-primary-on-primary: #FFFFFF;
	
	  --mdc-theme-text-secondary-on-background: rgba(51,51,51, 0.54);
/*
  --mdc-theme-text-secondary-on-primary: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-primary: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-primary: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-primary: rgba(255, 255, 255, 0.5);
   
  --mdc-theme-text-secondary-on-accent: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-accent: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-accent: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-accent: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-dark: white;
  --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); }*/
 
}
 
/* COLORS */

/* COLOR - share job and print job */
 
 .public_share_job a, .public_share_job a:visited   {
	color: #1e1e1e !important;
	margin-bottom: 44px !important;

}

.public_share_job a:hover  {
	color: #1e1e1e !important;
		margin-bottom: 44px !important;
}



body {
	 background-color: #dcd9ce !important; 
    background-color: var(--jobmatch-card-header-background-color, #dcd9ce);
	  font-family: "Suisse Int'l Medium",arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #1e1e1e;
}
 
/* top toolbar */
 
 /* TOOLBAR BACKGROUND COLOR */
.mdc-toolbar 
    {
 
        background-color: #dcd9ce;
        background-color: var(--jobmatch-header-background-color,#dcd9ce);
          border-bottom:1px solid #bdbdbd;

         
    }
 
     
     
/* BUTTONS */


/* BUTTONS */
a:hover.mdc-button.mdc-button--raised {
	text-decoration:none;	
}
a.mdc-button, :not(:disabled).mdc-button {
	color: #A41616 !important;
	color: var(--jobmatch-link-color,#A41616) !important;
	 font-size: 18px !important;
}
  
a.mdc-button.mdc-button--raised.mdc-button--accent {
background-color: #A41616 !important;	
color: var(--jobmatch-link-color,#A41616) !important;

}

/* button */
.mdc-button--accent.mdc-button--raised, .mdc-button--unelevated:not(:disabled), .mdc-button--raised:not(:disabled) {
    background-color: transparent !important;
     
    color: #1e1e1e !important;
    color: var(--mdc-theme-text-primary-on-accent,#1e1e1e) !important;
	
	border: 2px solid #a41616;
    border-radius: calc((2px + 7px + (1em * 1.61905) + 7px + 2px)/ 2);
    font-weight: 400;
    overflow: hidden;
    padding: 7px 38px;
 font-size: 21px;
     padding: 24px;
 
}


a.mdc-button.mdc-button--raised.mdc-button--accent {
    background-color: #A41616 !important;
	 background-color: var(--mdc-theme-accent,#A41616) !important;
     color: #fff !important;
   padding: 24px;
}


a:hover.mdc-button--accent, a:hover.mdc-button--raised, a:hover.mdc-button--unelevated:not(:disabled), a:hover.mdc-button--raised:not(:disabled) {
 border: 2px solid #a41616;
    border-radius: calc((2px + 7px + (1em * 1.61905) + 7px + 2px)/ 2);
    font-weight: 400;
    overflow: hidden;
    padding: 7px 38px;
color: #FFFFFF  !important;
background-color: #a41616;
 font-size: 21px;
 background-color: #a41616  !important;
  padding: 24px;
}


.mdc-button--raised:focus, .mdc-button--raised:hover, .mdc-button--accent.uploadbutton:hover{
border: 2px solid #a41616;
    border-radius: calc((2px + 7px + (1em * 1.61905) + 7px + 2px)/ 2);
    font-weight: 400;
    overflow: hidden;
    padding: 7px 38px;
color: #FFFFFF  !important;
background-color: #a41616  !important;
  padding: 24px;
}

     
/* CHECKMARKS */
/*
.mdc-list--avatar-list .mdc-list-item__start-detail i 
    {
        color: white; 
        color: var(--mdc-theme-primary,white);
    }
*/
 
 /* CHECKBOX   lyserød #ff4081 */
 /*
.mdc-checkbox, .mdc-checkbox__background {
	background-color: #009944;
        background-color: var(--jobmatch-link-color, #009944);
} */

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background
{
	border-color:#A41616 !important;
border-color:var(--mdc-theme-secondary,#A41616)!important;

background-color:#A41616 !important;
background-color:var(--mdc-theme-secondary,#A41616) !important;
}



.mdc-checkbox:before{
	background-color:rgba(30,30,30,.14)!important;
	background-color:var(--mdc-theme-primary-light, rgba(30,30,30,.14)) !important;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	-webkit-transition:opacity .25s linear;
	transition:opacity .25s linear;
	border-radius:50%;
	opacity:0;
	pointer-events:none;
	content:""}






/* Blå  farve i SELECT bokse for dato og land mm 
    --mdc-theme-primary: #3f51b5;
    --mdc-theme-primary-light: #a4addf;
    --mdc-theme-primary-dark: #6f7dcd;
	
	.mdc-select--theme-dark:focus,.mdc-theme--dark .mdc-select:focus{border-bottom-color:#009944;border-bottom-color:var(--mdc-theme-primary,#009944);background-color:hsla(0,0%,100%,.09)}
 
 .mdc-persistent-drawer--selected.mdc-list-item,.mdc-persistent-drawer--selected.mdc-list-item .mdc-list-item__start-detail{color:#009944;color:var(--mdc-theme-primary,#009944)}

*/
 
 /* SELECT DROP DOWN blå farve #3f51b5 */
 

  /* SELECT understregning ved drop-down rgb(0, 153, 68) grøn farve 
 .mdc-select {
    border-bottom-color: rgb(0, 153, 68) !important;
	border-bottom-color: var(--mdc-theme-primary, rgb(0,153,68)) !important;
	
    border-bottom-width: 2px;
}
 */


 
 /* RADIO BUTTON */
 
 	 
.mdc-radio__background:before
{
	color: #A41616 !important;
	background-color:#A41616 !important;
	background-color:color (var(--mdc-theme-primary,#A41616) a(14%))
	}

.mdc-radio__background:after
{
	color: #A41616 !important;
	background-color:#A41616 !important;
	background-color:color (var(--mdc-theme-primary,#A41616) a(14%))
	}	
	
	
.mdc-radio__native-control:checked+ {
		border-color:#A41616 !important;
		border-color:(var(--mdc-theme-primary,#A41616) a(0%));
		background-color:#A41616 !important;
	background-color:color (var(--mdc-theme-primary,#A41616) a(14%))
		border: 1px !important;
}
		


.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle
{ background-color:#A41616;
  background-color:var(--mdc-theme-primary,#A41616);

}
/*
.mdc-radio__background:checked+ {
	 background-color:rgba(0,153,68,.14) !important;
	 background-color:var(--mdc-theme-primary,rgba(0,153,68,.14)) !important;

	 position:absolute;
	 top:-50%;
	 left:-50%;
	 width:200%;
	 height:200%;
	 -webkit-transition:opacity .25s linear;
	 transition:opacity .25s linear;
	 border-radius:50%;
	 opacity:0;pointer-events:none;
	 content:""}
 */
 
/* NORMAL A LINKS */
a 
    {           
        color: #A41616 !important;
        color: var(--jobmatch-link-color, #A41616) !important;
		
    }
     
a:hover
 {           
        color: #A41616 !important;
        color: var(--jobmatch-link-hover-color, #A41616) !important;
		background-color: transparent;
		text-decoration: underline;
	
		
    }	 

/*	
 .mdc-button:not(:disabled):after { 

	*/ 
}
.mdc-button:not(:disabled):before {
	/*	
	background-color: white;
	 color: rgba(237,28,36, 1) !important;
        color: var(--jobmatch-link-hoverx-color, rgba(237,28,36, 1));
	opacity: 0; */
    -webkit-transition: none; /* opacity .25s linear; */
    transition: none; /*opacity .25s linear; */

}


.mdc-button:not(:disabled):not(.mdc-ripple-upgraded):active:after, .mdc-button:not(:disabled):not(.mdc-ripple-upgraded):focus:before, .mdc-button:not(:disabled):not(.mdc-ripple-upgraded):hover:before {
	opacity: 0;
	
}    
	 
	 
	 
	 
/* MISC */
 
main#EMain {
    margin-top:0px !important;
}
 
/* UNCOMMENT TO REMOVE BORDERS AND DROPSHADOWS OF CARDS */
.mdc-card { 
    border: 0px;
    box-shadow: none;
}
 
/* CARD HEADER BACKGROUND COLOR */
.mdc-card .mdc-card__primary {
    background-color: #dcd9ce; 
    background-color: var(--jobmatch-card-header-background-color, #dcd9ce);
}


 
/*HEADER*/



#EHeader .mdc-toolbar__section--align-start {
          height: 162px;
}

     
/* LOGO UPLOADED BY USER VIA USER SETTING, NORMALLY HIDDEN IN SPECIAL DESIGN */
header#EHeader .logo-default {  
    display:none;
} 
 header#EHeader {
	height: 120px;
	min-height: 120px;
    transform: translateY(0px) !important;
 } 
 header#EHeader div#header-grid {
	 padding:0;
 }
 
header#EHeader div#header-r3 a
    {
		display: block;
	background-image: url("resources/graakjaer_logo_rgb.png") !important;
background-image: url("resources/graakjaer_logo_rgb_661x150px.png") !important;
	
	/*	background-image: url("xxxx"); */
		   background-position: 0px center;
        background-repeat: no-repeat;
        height: 75px;
        width:331px;    
        background-size: 331px 75px;
        
        margin-left: 10px;
		position: static;
		margin-top: 14px; /* margin-top: 14px; er normalt */
		
	 
    }
	
/* de to næste stiller logo responsive positioneret ved browser resize! */
header#EHeader div#header-grid {
	margin-left: auto;	
} 
.job-title {
	display: none;
}

header#EHeader .mdc-toolbar__title  span.company-name {
        display:none;
}

#header-r4 {
	display: none;
}

header#EHeader .mdc-toolbar__title  span.company-name {
        display:none;
}

/*FOOTER*/
	
	

 
footer#EFooter .footer-graphics 
    {
		display:none; 
		
     /*  background-image: url(https://dl.dropboxusercontent.com/s/x17l6txrdizn7ds/argo-jobboard.css?raw=1); */
        background-position: 0px center;
        background-repeat: no-repeat;
        height: 89px;
        width:318px;  
        float: left;		
        background-size: cover;
        margin-left: 26px;
    }
     
footer#EFooter {
  
	padding-bottom:0px;
     padding-top: 36px;
    background-color: #f2f2f2 !important;
    background-color: var(--jobmatch-footer-background-color,#f2f2f2) !important;
         
    color: #FFFFFF;
    color: var(--jobmatch-footer-text-color, #FFFFFF);
     
    border-top:1px solid  #d6d6d6;
	
    width: 100%;
    margin: 0;
    margin-top: 0px;
	padding-bottom: 10px;
}
 	 
	 
	 
 

footer#EFooter .mdc-layout-grid {

}
 
footer#EFooter div.footer_custom_content {
display: block;
 
margin: 0 auto;
margin-right:24px;
margin-top: 30px;
color: #023346;
font-size: 90%;

}



footer#EFooter div.footer_custom_content  div.footer_element {
width: 33%;
display:inline-block;
vertical-align: top;
}
 
footer#EFooter div.footer_custom_content  div.footer_element:nth-child(3) {
text-align:right;
}
 
footer div.footer_custom_content  div.footer_element span {
display:block;}
 
footer ul.mdl-mega-footer__link-list {
    padding-left:24px;
}
 
/* TYPOGRAFI */
body, .mdc-card  p, .mdc-card  ul li, .mdc-card  ol li  {
    font-family: "Suisse Int'l Medium",arial,sans-serif;
    font-family: var(--jobmatch-base-font-family, "Suisse Int'l Medium",arial,sans-serif);
     color: #1e1e1e;
    font-size: 1.2rem; /* 18px */
    font-size: var(--jobmatch-base-font-size, 1.2rem);
         
        line-height: 1.428571429 !important;
    line-height: var(--jobmatch-base-font-line-height, 1.428571429);
	
	background-color: #dcd9ce !important;
	letter-spacing: normal;
	font-weight: 200;
	
	
}
.mdc-card .opening p strong {
    font-weight: bold !important;   
    font-size: 1.2rem;
    font-size: var(--jobmatch-base-font-size, 1.2rem);    
}
 
 
.mdc-card__title--large, h2, .mdc-card span.subtitle, .mdc-card span.jobinfo, .mdc-card .opening p, footer span, header span.job-title, header span.job-sub-title {
    font-family: "Suisse Int'l Medium",arial,sans-serif;
    font-family: var(--jobmatch-base-font-family, "Suisse Int'l Medium",arial,sans-serif);
	
}
.job-sub-title, .job-sub-title-sep    {
	display:none;
	
}

body, .mdc-card  p, .mdc-card  ul li, .mdc-card ol li,.mdc-card__title--large, h2, 
.mdc-card span.subtitle, .mdc-card span.jobinfo, .mdc-card .opening p, 
footer span, header span.job-title, header span.job-sub-title, 
.mdc-select__surface, .mdc-form-field, .mdc-button, .mdc-button--dense, .mdc-typography, .mdc-typography--display4, .mdc-card__supporting-text {
    font-family: "Suisse Int'l Medium",arial,sans-serif;
    font-family: var(--jobmatch-base-font-family, "Suisse Int'l Medium",arial,sans-serif);
}
/* HEADER ON CARD */
/*
.opening .mdc-card__primary {
    padding: 16px;
    padding-bottom:0px;
    text-align: center;
    text-transform: uppercase;
}
*/
 
 
/* SEPERATOR AFTER JOB TITLE */
/*
.opening .mdc-card__primary::after {
    display: block;
    content: "";
    width: 3px;
    height: 7px;
    background: transparent url(https://dl.dropboxusercontent.com/s/gx555r5s2y7zjxy/sep.png?raw=1) no-repeat;
    width: 258px;
    text-align: center;
    margin: 0 auto;
    margin-top:40px;
}
*/

.mdc-card h2.mdc-card__title--large {
    font-size: 30px;
    font-size: var(--jobmatch-title-font-size, 30px);   
	
	font-weight: 300;
}

.mdc-card span.subtitle {
    font-size: 24px;
    font-size: var(--jobmatch-subtitle-font-size, 24px); 
	color: #777 !important;
	/* line-height: 44px !important; */
	font-weight: 200;
	text-transform: uppercase;
}
 
 
/*custom top photo */
div.top-sep {
    display:block;
    margin: 0 auto;
	
    margin-top: 20px;
    width: auto;
    height: 400px;  
	/*width: 1200px;*/
    max-width: 1200px;
    border: px solid silver;    
    background-repeat: no-repeat;   
}
 
.rewrite div.top-sep {
    margin-top: -10px; /* 140px;  */
}

div.top-sep {
    margin-top: -10px; /* 140px;  */
}
 
.top-sep  {
    background-size: 100%;
    background-position: center center; 
	padding-top:70px;
}
 
/*CUSTOM TOP IMAGES .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/pgjwl8owqtxzu4j/graakjaer00.jpg?raw=1); }
old version 18-11-2020 --- .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/71o3tkolyimk8ew/graakjaer03.jpg?raw=1); } */
/* .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/lq4urxzjnwh941l/Graakjaer01_mhvidtlogo_jobmatch_1200x400px.jpg?raw=1); } *//* MIGRATION: topimage moved to FileStorageSystem job setting.

.top-sep { background-image: url("hero/standard.jpg"); }
*/

/* .graakjaer01 .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/bkosqsjc9lgrclj/graakjaer01.jpg?raw=1);} - Administration
.graakjaer02 .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/g4ey2b52m3dthxw/graakjaer02.jpg?raw=1);}   --- Byggeleder landbrug

.graakjaer04 .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/lggrsv8h1khr5am/graakjaer04.jpg?raw=1);} --- Miljø salg
.graakjaer05 .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/xm0kkmv4v3ltzsj/graakjaer05.jpg?raw=1);} ---- Salg møde
.graakjaer06 .top-sep { background-image: url(https://dl.dropboxusercontent.com/s/pr4h2ss26kc13wp/aqua1.jpg?raw=1);}  ------- AQUA *//* MIGRATION: topimage moved to FileStorageSystem job setting.


.graakjaer07 .top-sep { background-image: url("hero/administrationtegnestue.jpg");}
*//* MIGRATION: topimage moved to FileStorageSystem job setting.

.graakjaer08 .top-sep { background-image: url("hero/projektleder.jpg");}
*//* MIGRATION: topimage moved to FileStorageSystem job setting.

.graakjaer09 .top-sep { background-image: url("hero/salg.jpg");}
*/

/* FOOTER RESPONSIVE */


footer.footer .mdc-layout-grid__cell.mdc-layout-grid__cell--span-3 {
   
	
	
  		 line-height:1.42857;
	font-weight: 400;
   font-size: 14px;
    text-transform: uppercase; 
  font-family: "Suisse Int'l Medium",arial,sans-serif;
  
     /* text-align: justify; */
 padding-bottom:0px;
    background-color: #f2f2f2;
    background-color: var(--jobmatch-footer-background-color,#f2f2f2);
      
    color: #666;
    color: var(--jobmatch-footer-text-color,#666);
 
}


footer.footer .mdc-layout-grid__cell.mdc-layout-grid__cell--span-2 {
   
		 line-height:1.42857;
	font-weight: 400;
   font-size: 13px;
    text-transform: uppercase; 
  font-family: "Suisse Int'l Medium",arial,sans-serif;
  
     /* text-align: justify; */
 padding-bottom:0px;
    background-color: #f2f2f2;
    background-color: var(--jobmatch-footer-background-color,#f2f2f2);
      
    color: #666;
    color: var(--jobmatch-footer-text-color,#666);
 
}


footer.footer {
		font-family: "Suisse Int'l Medium",arial,sans-serif;
		    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 400;
  
    line-height:1.42857;
}



/* Responsive Design */

@media (max-width: 1920px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -60px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -60px;
	}
		.jobagent div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -60px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 0px;
		height: auto;
		line-height: 1.4em;
		margin-left: -7px;
	}
	
	

 
	 

}

@media (max-width: 1080px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -30px;
	}
		.jobagent div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 0px;
		height: auto;
		line-height: 1.4em;
		margin-left: -7px;
	}
	
	

 
	 

}




@media (max-width: 1024px) {
#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -30px;
	}
		.jobagent div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 0px;
		height: auto;
		line-height: 1.4em;
		margin-left: -7px;
	}
}


@media (max-width: 940px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -50px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: -50px !important;
		height: 400px;
		margin-bottom: -30px;
	}
		.jobagent div.top-sep {
		margin-top: -50px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 0px;
		height: auto;
		line-height: 1.4em;
		margin-left: -7px;
	}
	
	 
}

@media (max-width: 900px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -60px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: -60px !important;
		height: 400px;
		margin-bottom: -30px;
	}
		.jobagent div.top-sep {
		margin-top: -60px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 0px;
		height: auto;
		line-height: 1.4em;
		margin-left: -7px;
	}
	
	 
}




@media (max-width: 840px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -70px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: -70px !important;
		height: 400px;
		margin-bottom: -30px;
	}
		.jobagent div.top-sep {
		margin-top: -70px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 0px;
		height: auto;
		line-height: 1.4em;
		margin-left: -7px;
	}
 
	
}


@media (max-width: 768px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -90px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: -90px !important;
		height: 400px;
		margin-bottom: -30px;
	}
		.jobagent div.top-sep {
		margin-top: -90px !important;
		height: 400px;
		margin-bottom: -30px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 0px;
		height: auto;
		line-height: 1.4em;
		margin-left: -7px;
	}
}

 



@media (max-width: 667px) {
	
#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: -110px  !important;
		height: 400px;
		margin-bottom: -90px;
	}
	
			.rewrite div.top-sep {
		margin-top: -110px !important;
		height: 400px;
		margin-bottom: -90px;
	}
	
	
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	.jobagent div.top-sep {
		margin-top: -110px !important;
		height: 400px;
		margin-bottom: -90px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
	
}

@media (max-width: 568px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
	div.top-sep {
		margin-top: -120px !important;
		height: 400px;
		margin-bottom: -100px;
	}
	
   .jobagent div.top-sep {
		margin-top: -120px !important;
		height: 400px;
		margin-bottom: -100px;
	}
	
		.rewrite div.top-sep {
		margin-top: -120px !important;
		height: 400px;
		margin-bottom: -100px;
	}
		.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}


@media (max-width: 480px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
	div.top-sep {
		margin-top: -130px !important;
		height: 400px;
		margin-bottom: -130px;
	}
	
   .jobagent div.top-sep {
		margin-top: -130px !important;
		height: 400px;
		margin-bottom: -130px;
	}
	
		.rewrite div.top-sep {
		margin-top: -130px !important;
		height: 400px;
		margin-bottom: -130px;
	}
		.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
	

	 
	
	
	
}


@media (max-width: 414px) {	
	div.top-sep {
		margin-top: -140px !important;
		height: 400px;
		margin-bottom: -150px;
	}
	
	.jobagent div.top-sep {
		margin-top: -140px!important;
		height: 400px;
		margin-bottom: -150px;
	}
	
		.rewrite div.top-sep {
		margin-top: -140px !important;
		height: 400px;
		margin-bottom: -150px;
	}

	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
	
	
	 
}

@media (max-width: 375px) {	
	div.top-sep {
		margin-top: -145px !important;
		height: 400px;
		margin-bottom: -160px;
	}
	
	.jobagent div.top-sep {
		margin-top: -145px !important;
		height: 400px;
		margin-bottom: -160px;
	}
	
		.rewrite div.top-sep {
		margin-top: -145px !important;
		height: 400px;
		margin-bottom: -160px;
	}

		.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}


@media (max-width: 360px) {	
    div.top-sep {
		margin-top: -150px !important;
		height: 400px;
		margin-bottom: -170px;
	}
	
	.jobagent div.top-sep {
		margin-top: -150px!important;
		height: 400px;
		margin-bottom: -170px;
	}
	
		.rewrite div.top-sep {
		margin-top: -150px !important;
		height: 400px;
		margin-bottom: -170px;
	}

	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
	
	
	header#EHeader div#header-r3 a
    {
		display: block;
		 
	
	/*	background-image: url("xxxx"); */
		   background-position: 0px center;
        background-repeat: no-repeat;
        height: 60px;
        width:264px;    
        background-size: cover;
        
        margin-left: 26px;
		position: static;
		margin-top: 24px; /* margin-top: 14px; er normalt */
		
	 
    }
}

@media (max-width: 320px) {	
	 div.top-sep {
		margin-top: -150px !important;
		height: 400px;
		margin-bottom: -170px;
	}
	
	.jobagent div.top-sep {
		margin-top: -150px !important;
		height: 400px;
		margin-bottom: -170px;
	}
	
		.rewrite div.top-sep {
		margin-top: -150px !important;
		height: 400px;
		margin-bottom: -170px;
	}

	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}


 
  /* FOOTER */
  
  .adresslogo {
	color:#008000;
	display: block;
	 background-image: url("resources/logo_vertikal_rgb.png");
	
	  background-position: 0px center;
        background-repeat: no-repeat;
        height: 124px;
        width:100px;    
        background-size: cover;
        margin-left: 10px;
		
	 /* float: right; */
  }
  


  .myfooter {
	  margin-left: 26px;
      font-size: 18px;
	  text-align: left;
	 margin-left: 26px;
	  	 line-height:1.42857;
  }
  
   a.myfooter {
      text-align: left;
	  color: #FFFFFF;
  }
  
 .myfooter span {
	 font-size: 14px;
     display: block;
     padding: 5px;
	 
 }
 /*
 .adresse {
	font-size: 18px;
	margin-left: 26px;
	 line-height:1.42857;
	font-weight: bold;
	color: #969696;
	
}
*/

 .adresse12 {
	 
	 
	 line-height:1.42857;
	font-weight: bold;
	color: #FFFFFF;
	    font-size: 16px;
    text-transform: uppercase;
    
}
 
 .adresse12x {
	
	margin-left: 38px;
		 line-height:1.42857;
	font-weight: bold;
	color: #FFFFFF;
	    font-size: 16px;
    text-transform: uppercase; 
   
	float: left;
}
 
 
 

  .adresse {
	 
	   color: #FFFFFF !important;
        color: var(--jobmatch-link-footer-color, #FFFFFF) !important;
      text-align: left;
	  margin-left: 26px;
	
    font-family: "Suisse Int'l Medium",arial,sans-serif !important;
	  line-height: 1.428571429;
	  font-size: 1.2rem;
  
	font-weight: 200 !important;
  }

 
.adressex {
	 font-size: 1.2rem;
	color: #FFFFFF;
	 line-height:1.42857;
	margin-left: 126px;
	text-decoration: none;
	
    font-family: "Suisse Int'l Medium",arial,sans-serif;
 
	font-weight: 200 !important;
}



a.adressex {
    text-decoration: none;
      color: #FFFFFF !important;
     font-family: "Suisse Int'l Medium",arial,sans-serif;
        color: var(--jobmatch-link-footer-color, #FFFFFF) !important;
      text-align: left;
	  margin-left: 26px;
	
	  line-height: 1.428571429;
	  font-size: 1.2rem;
	  font-weight: 200 !important;
}
 

a.adressex:hover {
    text-decoration: none;
       color: #A41616 !important;
}
 

a.adressex:visited {
    text-decoration: none;
    color: #FFFFFF !important;
}



 

 

	
	
	
.adresse5 {
	    font-size: 1.6rem;
       font-family: "Suisse Int'l Medium",arial,sans-serif;
font-weight: 600;
    margin-bottom: 2.8rem;
  
    white-space: nowrap;
	
 
font-size: 24px !important;
    margin-bottom: 25px !important;
	margin-left: 0px;
	 line-height:120%;
	 margin-left: 26px !important;
	
}	
	
	
	
	
	
	
.mdc-card .mdc-card__primary .mdc-card__title--large {
	color: #1e1e1e;
}

.mdc-card__primary+.mdc-card__supporting-text {
    margin-top: 10px;
}

  .adresse4 {
	  
	 /*  background-image: url(https://dl.dropboxusercontent.com/s/3jpj9hjy3387ji6/Graakjaer_2016_Online.png?raw=1) !important; */
	
  background-image: url("resources/logo_hvid_169x48px.png");
        background-position: center center;
        background-repeat: no-repeat;
         height: 35px;
        width:155px;  
        background-size: cover;
        margin-left: 20px; /* fast tal */
		margin-top: 0px;
		margin-bottom: 10px;
	
  }
  
  
  /* JOBAGENT colors */
  
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label, .mdc-select .mdc-floating-label.mdc-floating-label--float-above, .mdc-select__native-control .mdc-floating-label--float-above {
	color: rgba(30,30,30,.87) !important;
	   caret-color:  rgba(30,30,30,.87) !important;
}


.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(30,30,30,.87) !important;
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control {
    color: rgba(30,30,30,.87) !important;
}

label.select-label {
  
     color: rgba(30,30,30,.87) !important;
}

.mdc-list-item__secondary-text {
    color: rgba(30,30,30,.87) !important;
    color: var(--mdc-theme-text-secondary-on-background,  color: rgba(30,30,30,.87) !important);
}


.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  	color: rgba(30,30,30,1) !important;
	caret-color:rgba(30,30,30,1) !important;
   
}

.mdc-text-field:not(.mdc-text-field--disabled), .mdc-text-field__input {
	 
	  color: rgba(30,30,30,.87) !important;
}

.mdc-checkbox::before {
    background-color: rgba(30,30,30,1) !important;
		 color:rgba(30,30,30,1) !important;
}
 

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
 
	  color: rgba(30,30,30,.87) !important;
	
}

/* Added - strange before it was   margin: 8px 1px 1px 0; */
.mdc-text-field--textarea .mdc-text-field__input {
  
  margin: 1px 1px 1px 0 !important;
  
}


.mdc-radio__native-control {
	 border-color: rgba(30,30,30,1) !important;
	 
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
	border-color: rgba(30,30,30,1) !important;
}

.mdc-form-field > label {
	font-size: 1.2rem;
	line-height: 24px;
}
 

 

.mdc-text-field .mdc-text-field__input {
    caret-color: #1e1e1e !important; 
    caret-color: var(--mdc-theme-primary, #1e1e1e) !important;
}



/* Border when checkbox NOT checked */
.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(220,217,206,1) !important;
    background-color: transparent !important;
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circl {
	
}
 
 /* Border when checkbox checked */
.mdc-checkbox__native-control:enabled:checked:not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(220,217,206,1) !important;
   border: 2px solid rgba(220,217,206,1) !important;
      
	 
	     background-color: rgba(220,217,206,1) !important;
		 color:rgba(30,30,30,1) !important;
}


  
 /* Border when checkbox NOT checked */
.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(30,30,30,1) !important;
    background-color: transparent !important;
}
 
 /* Border when checkbox checked */
.mdc-checkbox__native-control:enabled:checked:not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(30,30,30,1) !important;
   border: 2px solid rgba(30,30,30,1) !important;
      
	 
	     background-color: transparent !important;
		 color: rgba(30,30,30,1) !important;
}

.mdc-checkbox__checkmark, .mdc-checkbox__checkmark__path {
		color: rgba(30,30,30,1) !important;
	
		 stroke:  rgba(30,30,30,1) !important;
		  stroke-width:  4px !important;
}
   
  
  
  
  
 /* Backgroundcolor and similar */
 .mdc-card__supporting-text, .mdc-card {
	 background-color: #dcd9ce !important;
}
 
.mdc-card .mdc-card__primary span.jobinfo {
	color: #1e1e1e !important; 
}

  
  
  /* EXTRAS */


 .mdc-card .mdc-card__primary .mdc-card__title--large {
	 margin-top: 10px; 
 margin-bottom: -5px; 
 line-height: 120%;  
}

/*
 .mdc-card .mdc-card__primary .mdc-card__title--large {
	 margin-top: 10px; 
 margin-bottom: 25px; 
 */
 
 
 div.mdc-card div.opening strong {
    font-weight: normal;
    font-size: 100% !important;
}


 .mdc-card .mdc-card__primary .mdc-card__title--large {
 
}

.mdc-card .mdc-card__primary span.jobinfo {
	color: #1e1e1e !important; 
}

div.mdc-card .opening .actionrow {
    
    border-top: 1px solid #1e1e1e;
 
}



.header {
	text-align: center;
	margin-bottom: -20px; 
	font-size: 12px;
	
}





/* Proces-page - lines between upload options */
ul.mdc-list li:nth-child(n) {
    border-top: 1px solid rgba(220,217,206, .14);
	border-bottom: 1px solid rgba(220,217,206, .14);
}



ul.mdc-list li:first-child {
    border-top: 1px solid rgba(220,217,206, .24);
	border-bottom: 1px solid rgba(220,217,206, .14);
}

ul.mdc-list li:last-child {
    border-top: 1px solid rgba(220,217,206, .14);
	border-bottom: 1px solid rgba(220,217,206, .24);
}

.mdc-card h3, .helpbox h4 a, .helpbox h4 {
	 color: #FFFFFF !important;
}

.mdc-dialog__container, .mdc-dialog__surface {
	 background-color: #dcd9ce !important;
	 background-color: var(--mdc-theme-surface, #dcd9ce) !important;
	    
}

.mdc-dialog .mdc-dialog__title {
    color: rgba(30,30,30,.87);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {

}

/* INPUT TEXT on dialogbox */
.mdc-text-field__input {
	background-color: #efeee7 !important;
	 

}

/* INPUT TEXT on Jobagent page  */
.mdc-select:not(.mdc-select--disabled) {
  background-color: #efeee7;
}

/* line at DIALOG BOX */

.mdc-dialog.applybox h2 {
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 15px;
}


.footer__logo {
	margin-left: 26px;
	    fill: #fff;
    height: 36px;
    width: 160px;
	    overflow: hidden;
}

header#EHeader div#header-grid .mdc-layout-grid__inner, header#EHeader div#header-grid .mdc-layout-grid__inner, header#EHeader div#header-grid2 .mdc-layout-grid__inner {        
        width: auto;
    }