/**
* file: dir/cache/css/811560da74d1a9a7352fa1e7a28797d5.css : auto generated content as css
* server: www.etikprovningsansokan.se, Apache/2.4.52 (Ubuntu)
* date: 2025-12-04 22:20:24 style: rwss
**/

/**
 * --- CSS Generator (c)2016 minso.se ---
 * Generator:Researchweb 3.5.0, see http://www.minso.se
 * Page:(1) Etikprövningsmyndigheten | Link:epm
 * Font:() Arial, Helvetica, sans-serif
 */

/*** --- basic.css --- ***
 * @Copyright (c) 2001-2021 Minso Solutions AB
 * Revision 3.5.0 Datum 20131101 HE // Spittat css-lib till fler filer 
 */
		
body{ 
 font-family:Arial, Helvetica, sans-serif; 
	font-size:small;
}
		
.printer{
	display:none;
}

a.helpwindow{
	float:left !important;
}
.ref{
	font-size:0.70em;
}
.transparentinput {
	border-width:0px;
	background-color:transparent;
	font-weight:bold;
	text-align:right;
}
			
acronym:hover, abbr:hover, dfn:hover, .ref:hover {
	cursor:help;
}

acronym, abbr, dfn, .ref {
	background-color:#F7F7F7;
	color:#000000;
}

/* login */

body.login {
	background:#fff;
    font-size:90%;
    padding:0;
	margin:0;
	background-image:url('../../../module/common/picture/landing_page.png');
	background-repeat:no-repeat;
	background-size:38vw;
	background-position:53vw 200px;
} 

#login_div {
	width:30vw;
	margin:100px 0 50px 5vw;
	padding:30px 50px 30px;
	color:#fff;
	border-radius:10px;
	background:#004D7E 200% top no-repeat !important;
}

#login_body a {
	text-decoration:underline;
	text-decoration-color:#fff;
	text-decoration-style:dotted;
	color:#fff;
}

#login_head {
	margin:0;
	text-align:center;
	padding:0 0 30px;
}

#login_div h2 {
	font-size:140%;
	margin:0;
	padding:0;
	background:transparent;
	border:0 solid transparent; 
	color:#F3BDAD;
}

#login_div h4 {
	font-size:110%;
	margin:0;
	padding:0;
	background:transparent;
	border:0 solid transparent;
	font-weight:bold;
}
	
#login_body {
	margin:0;
}

#login_body .infoframe {
    background-color:transparent;
    border:0 solid transparent;
}

#login_body form {
	background-color:transparent !important;
	border:transparent;
	box-shadow:0 0 0 transparent;
	-moz-box-shadow:0 0 0 transparent;
	-webkit-box-shadow:0 0 0 transparent;
	padding:10px 0 0;
	color:#fff;
	margin:0;
}

.login .buttonrow {
	padding:10px 0 0;
	display:flex;
	justify-content:space-evenly;
	margin:15px 0;
}

.login button {
	flex-grow:1;
	border-radius:7px !important;
	font-family:"DINPRO-Medium", "Open Sans", arial, helvetica;
	padding:10px;
	color:#F3BDAD;
	background-color:transparent;
	margin:0 7px;
	border:0;
	cursor:pointer;
	font-size:1em;
}

.login form .forminput {
	margin:5px 0;
	padding:0;
	width:auto !important;
}

.login form input[type="email"], 
.login form input[type="password"],
.login form input[type="tel"], 
.login form input[type="text"],
.login form select#sex,
.login form select#country_code_select {
	padding:10px;
	color:#004D7E;
	border-radius:5px;
	width:100%;
}

.login form select#country_code_select {
	width:9ch;
	min-width:9ch;
	margin-right:1%;
	padding:10px;
	border:1px solid #ccc;
}

.login form input[type="tel"] {
	width:calc(100% - 9ch);
}

.login button[name="submit"], 
#bankid_remote_btn, 
#bankid_login_btn, 
#bankid_qr_cancel_btn, 
#bankid_qr_renew_btn,
#bankid_qr_modal_cancel_btn, 
#bankid_qr_modal_renew_btn
{
	color:#004D7E;
	background-color:#F3BDAD;
	order:2;
}

.login button[name="cancel_login"], #bankid_local_btn {
	color:#fff;
	background-color:#004D7E;
	border:2px solid #fff !important;
	order:1;
}

#bankid_login_btn, 
#bankid_qr_cancel_btn,
#bankid_qr_renew_btn,
#bankid_qr_modal_cancel_btn,
#bankid_qr_modal_renew_btn 

{
	width:100%;
	margin:5px 0;
}

.login #bankid_pn_input {
	width:100%;
	padding:10px !important;
	box-sizing:border-box;
}

.login .forminput {
	padding:5px 0;
}

.login #bankid_cancel_btn {
    background-color:transparent;
    color:#DCE4F1;
    float:right;
    margin-bottom:-21px;
    margin-top:11px;
}

.login_section .forminput br {
	display:none;
}

.login .forminput label {
    font-variant:small-caps;
	text-transform:lowercase;
	display:block;
	margin-bottom:4px;
}

.login .forminput label {
    font-variant:small-caps;
	text-transform:lowercase;
	display:block;
}

#login_footer {
	border-top:0px;
	margin:0px;
	background:transparent;
	height:5px;
}

#login_footer a {
	position:relative;
	top:40px;
	right:0;
}

#login_head img {
	width:200px;
	height:auto;
}

#bankid_qr_canvas_div {
	min-height:214px;
	margin:20px 0px;
	text-align:center;
}

/* tables */

th{
	border:0px solid #808080;
	background-color:#E0D6CB;
	color:#000000;
	border-width:1px 0px;
	font-weight:normal;
}
td{
	vertical-align:top;
}
div.lista{
	text-align:left;
}

div.lista table{
	border-collapse:collapse;
}
th.lista, th.listaheader, th.listaend{}
th.listaend, td.listaend {}
td.lista, td.listaend, td.listarow{}

hr.lista{}
dl.lista{
	margin:1px;
	padding:1px;
}
img.lista{
	vertical-align:-3px;
}

img.iconimg {
	width:18px;
	height:auto;
}

.matris table{
	border:1px solid #808080;
	border-collapse:collapse;
}
.matris th{
	border:1px solid #808080;
}
th.matris, th.matrisheader, th.matrisend {}
th.matrisend{}
td.matris, td.matrisend{}

/* listning tex search */

div.listing {}
div.listing.indent {}
div.listing dl {}
div.listing dl.bgcolorhidden {}
div.listing dl.bgcolor2 {}
div.listing dl:hover{}
div.listing dl dd cite {
	display:block;
	padding:0.6em 1em;
	color:#808080;
}

/* väntadiv innan ajax-anrop */
div.wait{
	background-image:url('/module/common/picture/wait.gif');
	background-repeat:no-repeat;
	background-position:bottom center;
	text-align:center;
}
div.wait_inline{
	float:right;
	background-image:url('/module/common/picture/wait.gif');
	background-repeat:no-repeat;
	background-position:right center;
}

/* csstabell tex personkort */
.csstable {
	display:table;
	border-collapse:collapse;
	border-top:#808080 1px solid;
	width:80%;
	margin:0 auto;
}
.csstable dl {
	background-color:#FFFCF2;
	color:#000000;
	display:table-row;
	border-bottom:#808080 1px solid;
}
.csstable dt, .csstable dd {
	display:table-cell;
	padding:2px 5px;
	width:75%;
}
.csstable dt {
	background-color:#E0D6CB;
	text-align:right;
	font-weight:normal;
	width:25%;
}
.csstabhidden {
	background-color:#F08888!important;
}

/* stödfunktioner */

.numbers{ text-align:right !important; }
.centered{ text-align:center !important; }
.notabheader{
	display:block;
	padding:10px 0px 2px 0px;
}
.cleardiv, .clearleft, .clearright{
	clear:both !important;
}
.clearleft{ clear:left !important; }
.clearright{ clear:right !important; }
.floatright{ float:right !important; }
.floatleft{ float:left !important; }
.hidden{ display:none ! important; }

.textborder {
	display:block;
	color:#000000;
	background-color:#D8D8D0;
	border:2px solid #808080;
	padding:3px;
	margin:3px;
}
a.popup, a.popup:visited, a.popup:hover {
	padding-right:18px ! important;
	background:url(/module/common/picture/popup.gif) no-repeat center right;
}

.func{ 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	display:inline;
	clear:right !important;
	position:relative;
	float:right !important;
	background-color:#d8d8d8;
	font-size:70%;
	margin:0px;
	border:1px solid #404040;
	padding:1px;
	vertical-align:middle;
	text-align:center;
	width:160px;
}
.func img{
	margin:0px !important;
	padding:0px !important;
}
.func a{
	display:inline !important;
	background-color:transparent !important;
	background-image:none !important;
	margin:0px !important;
	padding:0px !important;
}
.func a:hover{
	background-color:#ECECE8!important;
}
.functitle{ 
	-moz-border-radius:2px;
	display:block;
	text-align:center;
	color:#000000;
	background-color:#ECECE8;
	border:1px solid #6C6C68;
	margin:1px;
	padding:1px;
}
.reportfunc{
	border:dotted 1px #808080;
	color:#000000;
	background-color:#ECECE8;
	padding:1em;
	margin:0.5em;
}
.grey {color:#808080; }
.red {color:#D88080; }
.blue {color:#000040; }
.green {color:#008000; }
.olive {color:#B0B080; }
.teal {color:#003030; }

/* knapprader */
.btnrow::after {
    content:"";
    display:block;
    clear:both;
}

.btnrow ul {
	margin:5px 0;
	position:relative;
	padding:0px;
	line-height:1.5em;
	list-style:none;
	/* IE hacks */
	zoom:1;
}
.btnrow a, .btnrow button {
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	padding:3px 4px;
	background-repeat:no-repeat;
	background-position:2px 50%;
	white-space:nowrap;
	color:inherit;
}
.btnrow button {
	font-size:small;
}

.btnrow li {
	margin:0;
}
.btnrow_header div.btnrow ul {
	padding:4px 0px 0px 0px;
	line-height:0em;
}
.btn { 
	-moz-border-radius:4px;
	color:#151514;
	position:relative;
	overflow:visible;
	display:inline-block;
	margin:0;
	padding:1px 3px;
	border:1px solid #D8D8D0;
	background-color:#ECECE8;
	/* IE hacks */
	zoom:1;
	*display:inline;
}

.btn:first-child:not(:last-child) { 
	-moz-border-radius:4px 0 0 4px;
}
.btn:last-child:not(:first-child) { 
	-moz-border-radius:0 4px 4px 0;
	border-left:0;
}
.btn:not(:first-child):not(:last-child) { 
 -webkit-border-radius:0px;
	border-left:0;
}

.selected {
	color:#000000;
	background-color:#FFFCF2;
}
.disabled {
	color:#D8D8D0;
	background-color:#ECECE8;
}
.disabled a{
	color:#D8D8D0!important;
}

/* BUTTON element */

.button span{
	display:inline-block;
}
.button { 
	-moz-border-radius:4px;
	width:300px;
	text-align:center;
	border:1px solid #808080;
}

/* notebook */

.notebook {
	font-size:1em !important;
}

.notebook ul{
	border-bottom:1px solid #cccccc;
	padding:6px 6px 0;
	margin:0;
	margin-bottom:1em;
	position:relative;
}

.notetab {
	background-color:#ECECE8;
	background-image:none;
	color:#6C6C68;
	border:1px solid #cccccc;
	display:inline-block;
	list-style:none;
	margin:0 0 -1px -1px;
	cursor:pointer;
	position:relative;
}

.notetab a {
	color:inherit;
	display:inline-block;
	text-decoration:none !important;
	font-weight:lighter !important;
	position:relative;
	padding:6px 5px;
	box-sizing:border-box;  
	margin:0;
	white-space:nowrap;
	min-width:2em;
	text-align:center;	
}

.notetab a:hover, notetab a:active {
	text-decoration:none !important;
	background:top left repeat-x;
	background-color:#FFFFFF!important;
	background-clip:border-box;
	background-origin:padding-box;
	background-size:auto;
}	


.notetab.activenotetab {
	background-color:#FFFFFF;
	background-image:none;
	border:1px solid #cccccc;
	border-top:2px solid #808080;
	border-bottom:1px solid #FFFFFF;
	margin:0 0 -2px -1px;
}

/* "show all" btn in note tab*/
.notetab.alltab {
	float:right;
	top:5px;
	background-color:#FFFFFF;
	background-image:none;
	border-color:transparent;
}

.notetab.alltab.activenotetab {
	top:4px;
	/*display:none;*/
}

.notetab.alltab a {
	border-radius:2em;
	padding:1px 0.5em;
}

.notetab.alltab.activenotetab a {
	background-color:#D8D8D0! important;
	color:#6C6C68 ! important;
}

.notetab.alltab a:hover {
	background-color:#6C6C68! important;
	color:#ECECE8 ! important;
}

h5, h6 {
	margin-top:0.1em;
}

.notetab .badge {
	color:#ECECE8;
	background-color:#6C6C68;
	border-radius:1em;
	font-weight:bold;
	font-size:0.8em;
	font-style:normal; 
	text-align:center;
	padding:2px 5px;
	line-height:1.2em;
	overflow:hidden;
	margin:auto;
	text-decoration:none;

	/* IE hacks */
	zoom:1;
}

.notetab .badge.warning {
	color:#FFF;
	background-color:#ca0;
}

.notetab .badge.important {
	color:#FFF;
	background-color:#c00;
}

.notetab .badge.ok {
	color:#FFF;
	background-color:#2A0;
}

/* dimmer div */
#shadeDim {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	background-color:#F0F0F0;
	display:none;
}

/* drawers */
#top_drawer {
	position:fixed;
	top:0;
	left:0;
	width:90%;
	margin:0 5% 0 5%;
	border:0;
	z-index:1;
	border-bottom:2px solid #000000;
}
body > #top_drawer {
	position:fixed;
}
#top_drawer_buttons {
	position:fixed;
	text-align:center;
	top:0;
	left:0;
	width:100%;
}
#top_drawer_buttons button { 
	cursor:pointer;
} 
.top_drawer_active_button {
	font-weight:bold;
} 

.drawer { 
	overflow:auto;
}
.drawer hr {
	display:none; /* Visual separation when there is no CSS no longer needed */
}
.drawer_wrapper {
	color:#000000;
	background-color:#FFFFFF;
}
.drawer_inner {
	margin:0;
	padding:1em;
}
.drawer_btns {
	float:right;
}
.drawer_btns a {
	cursor:pointer;
	text-decoration:none;
}


.CV_ref_rejected { 
	-moz-border-radius:4px;
	margin:5px 0px 5px 0px !important;
	padding:3px !important;
	border:1px solid #c7c4b2 !important;
	border:1px solid #808080 !important;
	background-color:#EDEADB !important;
	background-color:#f0f0f0 !important;
}
.CV_ref_accepted { 
	-moz-border-radius:4px;
	margin:5px 0px 20px 20px !important;
}
.ref_step_active { 
	-moz-border-radius:4px;
	border:2px solid #808080 !important;
	background-color:#FFFFFF !important;
	padding:5px !important;
}

/* CSS button */
span.function_button_outer_span {
	padding:2px 0px 2px 0px;
	border-top:1px solid #888888;
	border-left:1px solid #888888;
	border-right:1px solid #555555;
	border-bottom:1px solid #555555;
	background-color:#bbbbbb;
	font-size:0.75em;
	font-weight:bold;
	cursor:default;
	vertical-align:text-top;
}

span.function_button_middle_span {
	border:1px solid #000000;
	padding:1px 0px 1px 0px;
	cursor:inherit;
}

span.function_button_inner_span {
	padding:0px 5px;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	cursor:inherit;
}

/* paragraph och headers */

img{
	border:transparent solid 0px;
}

img.img21 {
	width:21px;
	height:auto;
}

hr{
	color:#808080;
	height:1px;
}

.g_addon { 
	-moz-border-radius:4px;
	margin:5px 0 5px 0;
	padding:2px;
	border:1px solid #808080;
}

/* info, xref och hjälprutor */
.tooltip { 
	-moz-border-radius:2px; 
	-moz-box-shadow:1px 3px 6px -2px rgba(0, 0, 0, 0.75);
	padding:3px;
}
.innerframe {
	padding:0px;
	margin:0px;
}
.innerframe div { 
	-moz-border-radius:4px;
	overflow:hidden;
	padding:5px 15px;
}
.innerframe div div {
	padding:4px;
}

.xreflista dt { margin:0.5em 0 0 0; }
.xrefframe { 
	-moz-border-radius:4px;
	margin:1px 0px;
	padding:2px;
}
.xrefframe dt {
	color:#000000;
	margin-left:3px;
}
.xrefframe ul > li > ul > li {
	margin-bottom:0;
	margin-top:0;
}
a.xreflink, a.xrefhead:visited, .infoframe dt a, .infoframe dt a:visited { 
	-moz-border-radius:2px;
	float:right;
	padding:2px 1em;
	margin-left:1em;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;
}
a.xreflink:hover, infoframe dt a:hover {
	background-color:#ECECE8 ! important;
	color:#6C6C68 ! important;
}
.innerXrefframe {
	padding:0px;
	margin:0px;
}
dl.xrefframe dt {
	overflow:auto;
}
dl.xrefframe dt .user_xref_links {
	float:right;
	font-size:x-small;
}

.infoframe > dt img, .forminput > a > span > img {
	vertical-align:-3px;
}

.innerXrefframe div {
	overflow:hidden;
	padding:0px;
	margin:5px;
	border:1px solid #FFFFFF;
}
.innerXrefframe div div {
	margin:0px;
}
.infoframe { 
	-moz-border-radius:4px;
	margin:5px 0px 5px 0px;
	padding:2px;
	border:1px solid #808080;
	background-color:#f0f0f0;
	border:1px solid #808080;
	background-color:#f0f0f0;
}
.infoframe dt{
	margin-left:3px;
}
.infoframe ul > li > ul > li{
	margin-bottom:0;
	margin-top:0;
}
.infoframe {
}

.infoframe a, .infoframe a:visited { 
 -webkit-border-radius:0px;
}

.infoframe, .xrefframe, .section { 
 }


/* helpframe */
.helpimgwrap img {
	width:22px;
	height:22px;
	transform:rotate(180deg);
}

.helpframe { 
	-moz-border-radius:4px;
	border:1px solid #c7c4b2;
	padding:3px 10px 10px;
	background-color:#f9f9f6;
}

div.helpwrapper .helpframe {
	background-image:none ! important; 
	background-color:transparent;
	margin:0px;
	padding:3px 0 0 0;
	border:0;
}
div.helpwrapper .helpframe fieldset{
	margin:0px;
	padding:0px;
	border:0px;
}
div.helpwrapper .helpframe legend{
	padding-left:5px;
	color:#000000;
}
div.helpwrapper .helpframe legend a{
	font-weight:normal;
}
div.helpwrapper .helpframediv{
	padding:8px;
	height:100px;
	overflow:auto !important;
	min-height:50px !important;
}
div.helpwrapper{ 
	-moz-border-radius:4px; []
	z-index:32767;
	padding-top:4px;
	cursor:help;
}
.helpwrapper fieldset {
	cursor:help;
}

span[id*="btn_help"].info {
    background-color:#fff;
    border-radius:2000px;
    border:2px solid #ccc;
    color:#aaa;
    padding:2px 8px;
    font-weight:bold;
}

span[id*="btn_help"].info::after {
    content:"i";
}

span[id*="btn_help"].info img {
    display:none;
}


/* informationframe */
.informationframe { 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background:#324d7a none repeat-x bottom left;
	color:#ffffff;
	border:1px solid #25395B;
	margin:5px 0;
	padding:0!important;
	font-size:1.1em;
}

.informationframe > fieldset { 
	-moz-border-radius:2px; 
	border:0;
/*	border-top:1px solid #AEB9CB; */
	padding:3px;
	margin:0;
}

.informationframe > fieldset > legend {
	color:#ffffff;
	float:right;
	font-size:1em;
	padding:5px;
	display:none;
}

.informationframe > .innerframe > div { 
 -webkit-border-radius:0px;
	color:#ffffff;
	overflow:hidden;
}
.informationframe > .icon > div {
	background-image:url('/module/common/picture/iconinformationframe.png');
	background-position:16px center;
	background-repeat:no-repeat;
	padding:10px 7px 10px 50px;
}
.informationframe a, .informationframe a:visited {
	color:#ffffff;
	font-weight:bold!important;
	text-decoration:underline!important;
}

/* confirmationframe */
.confirmationframe { 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background:#a4ca60 none repeat-x bottom left;
	color:#202020;
	border:1px solid #7B9748;
	margin:5px 0;
	padding:0!important;
	font-size:1.1em;
}

.confirmationframe > fieldset { 
	-moz-border-radius:2px; 
	border:0;
/*	border-top:1px solid #DCEBC0; */
	padding:3px;
	margin:0;
}

.confirmationframe > fieldset > legend {
	color:#202020;
	float:right;
	font-size:1em;
	padding:5px;
	display:none;
}

.confirmationframe > .innerframe > div { 
 -webkit-border-radius:0px;
	color:#202020;
	overflow:hidden;
}
.confirmationframe > .icon > div {
	background-image:url('/module/common/picture/iconconfirmationframe.png');
	background-position:16px center;
	background-repeat:no-repeat;
	padding:10px 7px 10px 50px;
}

/* warningframe */
.warningframe { 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background:#f8e884 none repeat-x bottom left;
	color:#303030;
	border:1px solid #BAAE63;
	margin:5px 0;
	padding:0!important;
	font-size:1.1em;
}

.warningframe > fieldset { 
	-moz-border-radius:2px; 
	border:0;
/*	border-top:1px solid #FDF7CF; */
	padding:3px;
	margin:0;
}

.warningframe > fieldset > legend {
	color:#303030;
	float:right;
	font-size:1em;
	padding:5px;
	display:none;
}

.warningframe > .innerframe > div { 
 -webkit-border-radius:0px;
	color:#303030;
	overflow:hidden;
}
.warningframe > .icon > div {
	background-image:url('/module/common/picture/iconwarningframe.png');
	background-position:16px center;
	background-repeat:no-repeat;
	padding:10px 7px 10px 50px;
}

/* errorframe */
.errorframe { 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background:#c9413d none repeat-x bottom left;
	color:#ffffff;
	border:1px solid #96302D;
	margin:5px 0;
	padding:0!important;
	font-size:1.1em;
}

.errorframe > fieldset { 
	-moz-border-radius:2px;
	border:0;
/*	border-top:1px solid #EAB4B2;*/
	padding:3px;
	margin:0;
}
.errorframe > fieldset > legend {
	color:#ffffff;
	color:#FFFFFF;
	float:right;
	font-size:1em;
	padding:3px;
	display:none;
}

.errorframe > .innerframe > div {
	color:#ffffff;
	overflow:hidden;
}
.errorframe > .icon > div {
	background-image:url('/module/common/picture/iconerrorframe.png');
	background-position:16px center;
	background-repeat:no-repeat;
	padding:10px 7px 10px 50px;
}
.versions {
	display:inline; 
	float:right;
	padding:0;
	margin:7px;
	/* width:30%; */
	text-align:right;
	background-color:transparent ! important;
}
.versions > div { 
	-moz-border-radius:7px; 
 -moz-box-shadow:1px 4px 18px -2px #111;
	z-index:65535;
	position:absolute;
	padding:0 ! important;
	margin:7px;
	background-color:#D8D8D0 ! important;
	color:#000000 ! important;
	text-align:left;
	border:1px solid #808080 !important;
}
.versiontitle { 
	text-align:center;
	padding:1px;
}
.versionsbtn { 
	-moz-border-radius:2px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	color:#151514;
	position:relative;
	overflow:visible;
	display:inline-block;
	margin:0;
	padding:1px 3px;
	border:1px solid #D8D8D0;
	background-image:none;
	background:#ECECE8 top left repeat-x;
	/* IE hacks */
	zoom:1;
	*display:inline;
}

img[src*="verified.png"] {
	width:17px;
	height:17px;
}

/* For exporting tables to xlsx 
table:hover .tableexport-caption {
	opacity:1;
}

.tableexport-caption {
	position:absolute;
	top:-12px;
	right:-12px;
	opacity:0;
    transition:all 0.2s ease;
}

table.exportxlsx {
	position:relative;
}

.xlsx {
    float:right;
    font-size:0;
    background-color:#1D7044;
    padding:20px;
    border:0;
	border-radius:24px;
	background-image:url('/module/common/picture/ci_xlsx_logo_white_100dp_1x.png');
	background-size:18px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}

.xlsx:hover {
	cursor:pointer;
	background-color:#2D8054;
	box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.35);
}*/ 

/* whitelist */ 

.whitelist {
	background-color:#fff;
	border-bottom:1px solid #eee;
	padding:12px 8px;
	transition:background-color 0.2s ease;
	display:block;
}

.whitelist:hover {
	background-color:#f3f3f3;
}

/* styling for formbuttondiv and ajax saving */ 

.formbuttondiv input {
	background-color:#444444 !important;
	border:1px solid #222222;
	border-radius:2px;
	box-shadow:0 1px 1px 0 #555555;
	color:#ffffff !important;
	cursor:pointer;
	padding:6px;
	transition:background-image 0.2s ease;
}

.formbuttondiv.saving input[name="save_form"] {
	background-image:url('/module/common/picture/rw-loading_wheel.gif');
	background-size:20px;
	background-repeat:no-repeat;
	padding:6px 22px;
}

.am2-upload-btn.loading, .savebutton.loading {
	background-image:url('/module/common/picture/rw-loading_wheel.gif');
	background-size:30%;
	background-repeat:no-repeat;
	color:rgba(255, 255, 255, 0) !important;
}

.savebutton, .am2-upload-btn, .formbuttondiv input[name="save_form"] {
	background-position:50% center;
}

.savebutton.loading {
	background-size:auto 70%;
}  

.am2-file-delete-btn {
	float:right;
	margin-top:-16px;
}

li.pdf_creating {
	background-color:#444444 !important;
}

li.pdf_creating a {
	background-image:url('/module/common/picture/rw-loading_wheel.gif');
	background-size:50%;
	background-repeat:no-repeat;
	background-position:50% center;
}

/* searchbar (js) */ 

.searchBarWrapper {
	padding:10px;
	background-color:white;
	box-sizing:border-box;
	margin:8px 0;
}

.searchBarWrapper input {
	width:100%;
	padding:8px 12px;
	box-sizing:border-box;
	font-size:1.2em;
}

.included a.btn {
	background-color:green !important;
}

.ajax_enabled input[type="text"] {
	padding:6px;
	background-color:transparent !important;
	border-color:#ccc;
}

.ajax_enabled input[disabled="disabled"] {
	border:0px !important;
}

.ajax_enabled input[type="text"]:focus {
	border-color:#26a69a;
}

.ajax_enabled td span {
	padding:4px 12px;
    background-size:20px;
    background-repeat:no-repeat;
	background-position:50% center;
	cursor:pointer;
	border-radius:200px;
	margin:0 4px;
}

.ajax_enabled td span:hover {
	background-color:rgba(0,0,0,0.1);
}

.ajax_enabled .delete {
    background-image:url('/module/common/picture/ic_delete_dark_100dp_1x.png');
}

.ajax_enabled .edit {
    background-image:url('/module/common/picture/ic_edit_dark_100dp_1x.png');
}

.ajax_enabled .confirm {
    background-image:url('/module/common/picture/ic_check_color_100dp_1x.png');
}

.ajax_enabled input[type="text"]:focus {
	box-shadow:none !important;
	outline:none !important;
}


#addnew, .ajax_enabled input[type="submit"] {
	text-decoration:none;
	color:#fff;
	background-color:#26a69a !important;
	text-align:center;
	letter-spacing:.5px;
	-webkit-transition:background-color .2s ease-out;
	transition:background-color .2s ease-out;
	cursor:pointer;
	border:none;
    border-radius:2px;
    display:inline-block;
    height:36px;
    line-height:36px;
    padding:0 16px;
    text-transform:uppercase;
	vertical-align:middle;
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
-webkit-appearance:button;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
float:right;
}

#addnew:hover, .ajax_enabled input[type="submit"] { 
	background-color:#2bbbad !important;
}

span.delete_status_btn {
    padding:9px 4px 0px;
	border-radius:3000px;
	transition:all 0.2s ease;
}

span.delete_status_btn:hover {
	background-color:#ddd;
}

span.delete_status_btn {
	cursor:pointer;
}

.delete_status_btn img {
	width:20px;
	height:auto;
}

div.expanddiv {
	height:0;
	overflow:hidden;
	transition:all 0.2s ease;
}

div.expanddiv.expanded {
	height:170px;
}

.floatingactionbutton {
	position:absolute;
	top:-50px;
	right:0px;
	border-radius:200px;
	box-sizing:border-box;
	padding:0 13px;
	font-size:2.5em;
	color:white !important;
	background-color:#26a69a;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.2);
	cursor:pointer;
	transition:all 0.2s ease;
	text-decoration:none !important;
	-webkit-touch-callout:none; 
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none; 
	user-select:none; 
}

.floatingactionbutton.disabled {
	background-color:#9B9B9B;
	transform:rotate(45deg);
}

.savingprogress {
	position:absolute;
	background-color:rgba(255, 255, 255, 0.8);
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:80px 0;
}

/* testing autocomplete */ 

.autocomplete {
	position:relative;
	display:inline-block;
}

.autocomplete-items {
	position:absolute;
	border-bottom:none;
	border-top:none;
	z-index:99;
	top:100%;
	left:0;
	right:0;
}

.autocomplete-items div {
	padding:8px;
	color:#26a69a;
	cursor:pointer;
	background-color:#fff;
	box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
}

.autocomplete-items div:hover {
	background-color:#f3f3f3;	
}

.autocomplete-active {
	background-color:#f3f3f3 !important;
}


/* Styling for status updates in applications/documents */  

.submit_update_form {
	transition:width 0.2s ease;
	box-sizing:border-box;
	background-color:#fff !important;
	border:0 !important;
	box-shadow:none !important;
	margin:0 0 8px;
	background-image:none !important;
}

.submit_update_form div.forminput {
	width:45% !important;
	float:left;
}

.submit_update_form input[type="text"] {
	border-width:0 0 1.5px 0;
	border-radius:0;
	display:block;
	margin-bottom:2px !important;
	box-sizing:border-box;
	border-color:#eee;
	transition:all 0.2s ease;
	width:100%;
}

.submit_update_form input[type="text"]:focus {
	box-shadow:none !important;
}

.submit_update_form input[type="submit"] {
	text-decoration:none;
	color:#fff;
	background-color:#26a69a !important;
	text-align:center;
	letter-spacing:.5px;
	-webkit-transition:background-color .2s ease-out;
	transition:background-color .2s ease-out;
	cursor:pointer;
	border:none;
    border-radius:2px;
    display:inline-block;
    height:36px;
    line-height:36px;
    padding:0 16px;
    text-transform:uppercase;
	vertical-align:middle;
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
-webkit-appearance:button;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
float:right;
margin-top:5px;
}

.submit_update_form input[type="submit"]:hover { 
	background-color:#2bbbad !important;
}

.submit_update_form input[type="text"]:disabled {
	background-color:#fff !important;
	color:#000 !important;
}

#chips-input {
	position:relative;
}

form.chipForm {
    position:absolute;
    margin:0 !important;
    width:340px;
    padding:0;
    box-shadow:0 2px 2px rgba(0,0,0,0.3) !important;
    padding:3px !important;
}

form.chipForm .person_name {
	width:auto;
    display:inline;
    float:left;
    width:50%;
    box-sizing:border-box;
}

form.chipForm .person_role {
    float:right;
    width:50%;
    box-sizing:border-box;
}

.chip {
	background-color:#eee;
	padding:5px 8px;
	border-radius:333px;
	margin:0 2px;
}

/* Breadcrumbs */ 

.dropdown-trigger:hover ul {
	display:block;
	opacity:1;
}

.dropdown-content {
    background-color:#fff;
    margin:0;
    display:none;
    min-width:100px;
    overflow-y:auto;
    opacity:0;
    position:absolute;
    left:0;
    top:20px;
	z-index:9999;
	padding:0;
	list-style-type:none;
    -webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
}

.dropdown-content li > a, .dropdown-content li > span {
    display:block;
    padding:7px 10px;
}

.breadcrumb {
	padding:5px 5px;
	display:flex;
	flex-wrap:wrap;
	background-color:#E4E4E4;
}

.breadcrumb a, .breadcrumb span {
	background-color:#fff;
	padding:7px 10px;
	margin:3px 3px;
	text-decoration:none !important;
	white-space:nowrap;
	box-sizing:border-box;
}

.badge_res {
	background-color:#e10303 !important;
	color:white;
    border-radius:300px;
    font-weight:bold;
    padding:0px 5px !important;
    letter-spacing:-0.05em;
    font-size:0.9em;
}

.breadcrumb .selected {
	border-bottom:2px solid #3DB2BA;
}

.breadcrumb span > a {
    background-color:transparent;
}

.breadcrumb span.child {
	background-image:url('/module/common/picture/ic_keyboard_arrow_down_dark_100dp_1x.png');
	background-repeat:no-repeat;
	background-size:18px;
	background-position:50% 50%;
	padding:7px 15px;
}

.child.inline {
	padding:7px 5px !important;
	margin:0 !important;
	background-color:transparent !important;
}

.breadcrumb a:hover, .breadcrumb span:hover {
	background-color:#eee;
	cursor:pointer;
}

/* whitedivs */ 

.whitediv {
    background-color:#fff;
    margin-bottom:10px;
    padding:1px 20px 20px;
}

/* tables in whitedivs */ 

.whitediv td {
    padding:11px 5px;
    border-color:#ddd;
}

.whitediv td:last-child {
    padding:9px 8px 9px 5px;
    border-color:#ddd;
}

.whitediv div.matris {
    border-left:0 none;
    border-right:0 none;
    margin:0 -20px;
}

.whitediv table {
    border:0 none;
    box-shadow:none;
    width:100%;
}

.whitediv tr.matris th.matris {
    color:#666;
    font-size:0.9em;
    font-variant:normal !important;
    text-transform:none !important;
    background-color:#fff !important;
    border-color:#ddd !important;
    padding:11px 5px;
    font-family:"Titillium Regular"
}

 .whitediv tr.matris th.matris a {
    color:#666;
    border:0 !important;
    text-decoration:none !important;
}

 .whitediv tr.matris th.matris a:hover {
    color:#000;
}

.whitediv tr th.matris {
    border-color:#ddd !important;
}

th.selected {
	text-decoration:underline;
}

.ajax_enabled th {
	cursor:pointer;
}

/* made for retina icons */ 
.icon-100 {
	width:20px;
	height:auto;
}

span.hashtags a {
	color:#1BA1AD !important;
}

span.hashtags {
	line-height:2em;
}

/* js autocomplete fix */ 

.ui-widget-content {
	border:1px solid #eee !important;
	background:#fff !important;
	color:#000 !important;
	font-family:inherit !important;
	padding:0 !important;
	max-height:200px;
	overflow:hidden;
}

.ui-menu-item div {
    padding:5px !important;
	list-style-image:none !important;
	font-size:90%;
	border-top:1px solid #eee;
}

.ui-menu-item div:hover, .ui-menu-item div:focus, .ui-menu-item div.ui-state-active {
	border-bottom:0 !important;
	border-left:0 !important;
	border-right:0 !important;
	background-color:#f2f2f2 !important;
	font-weight:normal !important;
	color:#26a69a !important;
	border-top:1px solid #eee;
}

/* Collab CSS */
#collaborator_list {
  
}

.collaboratorframe {
	display:none;
}


/* Invite */
.invite-div {
	padding:10px;
	overflow:auto;
}

.invite-div .input-group {
	float:left;
	width:100%;
}

.invite-div .input-group label {
	display:block;
	margin-bottom:2px;
}

.invite-div .input-group .input-inline-fields {
	width:100%;
	overflow:auto;
}

.invite-div .input-group input[type=text] {
	float:left;
	padding:5px 2px;
	margin:4px;
	width:30em;
}

.invite-div .input-group input[type="button"] {
	margin-top:8px;
	margin-left:5px;
	float:left;
}

.invite-div .input-group .error-message {
	color:#cc0033;
	margin:2px 0 0 4px;
	display:none;
}


/* BankID Modal */
/* The Modal (background) */
/* BankID Modal */
/* The Modal (background) */
.bankid-modal, .epm-modal {
	display:none; /* Hidden by default */
	position:fixed; /* Stay in place */
	z-index:1; /* Sit on top */
	left:0;
	top:0;
	width:100%; /* Full width */
	height:100%; /* Full height */
	overflow:auto; /* Enable scroll if needed */
	background-color:rgb(0,0,0); /* Fallback color */
	background-color:rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .bankid-modal-content, .epm-modal-content  {
	background-color:#fefefe;
	margin:15% auto; /* 15% from the top and centered */
	padding:20px;
	border:1px solid #888;
	width:640px;
	display:flex;
	justify-content:center;
  }
  
  .epm-modal-content  {
	  display:block;
	  background-color:transparent !important;
	  border:0;
  }
  
  .epm-modal-content h1, .epm-modal-content h2 {
	  color:#fff !important;
  }

  .epm-modal .back_button {
	  display:none;
  }
/*** --- end of basic.css --- ***//*** --- std.css --- ***
 * Copyright (c) 2001-2021 Minso Solutions AB
 * Revision 3.5.0 Datum 20131101 HE // Spittat css-lib till fler filer 
 */

body{ 
 font-family:Arial, Helvetica, sans-serif; 
	font-size:small;
}

li{
	margin-bottom:0.35em;
	margin-top:0.35em;
}
ul.select_row{
	padding:2px 0 10px;
}

li.select_row{
	list-style-image:none;
	list-style-type:none;
	/*url('/module/common/picture/select_row.gif');*/
	margin-bottom:0.75em;
	margin-right :10%;
	padding:2px 5px;
	border-left:solid 2px #808080 ;
}
address{
	font-style:normal;
}
.updated {
	margin:2em 0;
	padding:0;
	background-color:#f0f0f0;
	border-top:solid 1px #D8D8D0 ;
	font-size:x-small;
}

/* formulär */

form{ 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background-color:#f0f0E8;
	background-image:none;
	background-repeat:repeat-x;

	border-style:solid;
	border-width:1px;
	border-color:#808080;
	border-color:#808080;
	border:1px solid #cccccc;
	overflow:hidden;

	color:#000000;
	padding:1em;
	margin:5px auto 4em;
	text-align:left;
	max-width:80em;
}

form.search_form{ 
	padding:1em;
	margin:1.5em auto;
}

.form_groupheader{ 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	color:#FFFFFF ! important;
	background-image:none ! important;
	border:none ! important;
}
.formgroup > div.fg_content { 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background-image:none;
	background:transparent top left repeat-x;
}
.formgroup > div > h1{	
	-moz-border-radius:4px;
	color:#FFFFFF;
	background-color:grey;
	background-image:none;
	border:none;
	padding:0 0.5em;
}
.formgroup > div > div{	
	-moz-border-radius:2px;
	background:#f0f0E8 top left repeat-x ! important;
	background-image:none;
	color:#000000;
	padding:5px;
	background:transparent;
	background-color:transparent;
	margin-top:3px;
}
.forminfoerror{
	background-color:#c9413d ! important;
}
input, select, textarea {
	font-size:small;
	color:#000000; 
}
div.forminput {
	padding:0.5em;
}
div.forminfo { 
	-moz-border-radius:4px;
	/* width:57em; */ 
	padding:2px 5px;
	margin-bottom:2px;
	padding:2px 5px;
	/* border:1px solid #808080 !important; */
	background-color:#E0D6CB;
	color:#000000;
}
.textareaexpand {
	float:right;
	cursor:pointer;
}

.formbuttondiv, .fixedBoxRight, .formbtndiv { 
	-moz-border-radius:4px; 
	-moz-box-shadow:0 2px 3px -1px rgba(0, 0, 0, 0.20) inset;
	background-color:#D8D8D0;
	padding:3px;
	background-image:none;
	background-position:bottom left;
	border:1px solid #6C6C68;
	border:1px solid #BBBBBB;
	text-align:center;
	zoom:1;
}
.formbuttondiv { 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background-color:rgba(220, 220, 220, 0.75);
	padding-top:0;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:65535;
}
.formbuttondiv div { 
	-moz-border-radius:4px;
	border-top:1px solid #F9F9F9;
	margin-bottom:3px;
	padding:4px 5px 0;
	text-align:center;
}
.formbtndiv {
	margin-top:5px;
	border:1px solid #ECECE8;
}

a.helpwindow{
	float:left !important;
}
.ref{
	font-size:0.70em;
}
.transparentinput {
	border-width:0px;
	background-color:transparent;
	font-weight:bold;
	text-align:right;
}

acronym:hover, abbr:hover, dfn:hover, .ref:hover {
	cursor:help;
}

acronym, abbr, dfn, .ref {
	border-bottom:thin dotted #808080;
	color:#000000;
	font-style:normal;
}

/* tabeller */

.bgcolortitle{ background-color:#E0D6CB; }
.bgcolor1{ background-color:#FBF6E2; }
.bgcolor2{ background-color:#FFFCF2; }
.bgcolorhidden{ background-color:#F8D8D0; }

th{
	border:0px solid #808080;
	background-color:#E0D6CB;
	color:#000000;
	border-width:1px 0px;
	padding:0px 2px;
	font-weight:normal;
	letter-spacing:0.01em;
}
td{
	vertical-align:top;
}
div.lista{
	text-align:left;
}

div.lista table{
	border-collapse:collapse;
}
th.lista, th.listaheader, th.listaend{
	padding:2px;
	background-color:transparent;
	background-image:none;
	border:0 solid #808080;
	border-width:1px 0px 1px 0px;
	font-weight:bold;
	letter-spacing:0;
}
th.listaend, td.listaend { 
	background-color:#D8D8D0; 
}
td.lista, td.listaend, td.listarow{
	padding:2px;
	border:0 solid #808080;
	border-bottom-width:1px;
	font-weight:normal;
}
hr.lista{
	padding:1px;
	border:0 solid #cccccc;
	border-bottom-width:1px;
}
dl.lista{}
img.lista{}

.matris table{
	padding:0px;
	border:1px solid #808080;
	border-collapse:collapse;
}
.matris th{
	border:1px solid #808080;
	font-weight:bold;
}
th.matris, th.matrisheader, th.matrisend {
	letter-spacing:0;
	font-weight:bold;
	background-color:transparent;
	background-image:none;
}
th.matrisend{ background-color:#D8D8D0; }
td.matris, td.matrisend{
	border:1px solid #808080;
	color:#000000;
	padding:2px;
	vertical-align:top;
	font-weight:normal;
}

/* listning tex search */

div.listing {
	background-color:#fefefe;
	border:1px solid #cccccc;
	border-width:0 0 1px 0;
	margin:0 0 1em 0;
}
div.listing.indent {
	margin-left:3.5em;
}
div.listing dl {
	margin:0px;
	padding:0px 7px;
	border-top:1px solid #cccccc;
}
div.listing dl.bgcolor2 {
	background-color:transparent;
}
div.listing dl:hover{
	background-color:#f8f8f0;
}
div.listing dl dt {
	position:relative;
	margin:0;
	padding:0.25em 0 0.25em 0;
	font-size:110%;
}
div.listing dl dd hr {
	margin:0;
	padding:2px 0;
}

.emaillog hr {
    padding:0 !important;
    background-color:#fff !important;
    margin:3px 0 !important;
    border:1px solid #eee !important;
    height:0px !important;
    color:#eee !important;
}

div.listing dl dd cite {
	display:block;
	padding:0.6em 1em;
	color:#808080;
}
.listing_bullet {
	display:block;
	position:absolute;
	text-align:right;
	font-size:85%;
	width:4em;
	left:-5em;
	position:absolute;
	top:0.25em;
	color:rgba(128, 128, 128, 0.9);
}
.listing_bullet span{
	display:block;
	text-align:center;
}

/* search filter section */
.search-filters span {
	color:#151514; 
	font-weight:normal;
	font-size:0.9em;  
	display:block;
    margin:5px;
    margin-left:0; 
	float:left;
}

.search-filters a {
	display:block;
	padding:2px;
	padding-right:1px;
	padding-left:7px;
	text-decoration:none;
	border-radius:100px; 
	background:#D8D8D0; 
}

.search-filters a:hover {
	color:#ECECE8 ! important;
	background:#6C6C68 ! important; 
}


.search-filter-section {
	padding:0; font-size:95%; background-color:#f9f9f6; color:#000000; border-radius:2px;	
}

.search-filter-section .head {
	font-weight:bold; display:block; margin:1px; padding:4px; background-color:#E0D6CB; color:#000000; border-radius:2px 2px 0 0;	
}

.search-filter-section .reset-filter-btn, .search-filter-section .reset-filter-btn:visited,
.search-filters .reset-filter-btn, .search-filters .reset-filter-btn:visited { 
	color:#f9f9f6;
	background:#6C6C68;
	border:1px solid #6C6C68;
	border-radius:100%;
	font-weight:bold;
	font-size:0.8em; 
	text-align:center;

	display:block;
	/* height:1.2em; */
	width:1.2em;
	padding:1px;
	line-height:1.2em;
	position:relative;
	/*top:0.25em;*/
	overflow:hidden;
	margin:auto;
	text-decoration:none;

	/* IE hacks */
	zoom:1;
}

.search-filters .reset-filter-btn {
	margin:auto 2px;
}

.search-filter-section .reset-filter-btn:hover { 
	background:#f9f9f6;
	color:#222244;
	border:1px solid #222244;
	text-decoration:none;
}

.search-filter-section dl {  
	margin:0.7em;
}

.search-filter-section dt {  
	margin:0; padding:3px; color:#888; font-weight:bold; 
	border-radius:2px; 
	background:#eee top left repeat-x;
}

.search-filter-section dt .reset-filter-btn, .search-filter-section dt .reset-filter-btn:visited,
.search-filters div .reset-filter-btn, .search-filters div .reset-filter-btn:visited { 
	color:#eee;
	background:#888;
	border:1px solid #888;
}


.search-filter-section dd {  
	margin:0; 
}

.search-filter-section ul {
	margin:0;
	padding:0;
}

.search-filter-section li {
	list-style:none; margin:0.5em 0.2em;
}

/* charts in filter section */

.search-filter-section div.chart {
	margin-top:3px;
	border-radius:2px;
	width:100%;
	height:80px;		
	text-anchor:middle;		
}

.search-filter-section div.chart.horizontal {
	height:35px;		
}
						
						
.search-filter-section div.chart svg {
	border-radius:2px;
}

/* set chart colors by defining :
.chart {
	fill:#4682b4;
}
			
.chart .selected {
	fill:#9acd32;
}

.chart .hover {
	fill:#F0B030;
}
*/
			
div.chart-tooltip {	
    position:absolute;
	display:block;			
    text-align:center;			
    padding:2px;				
    font-size:small;		
    background:#ECECE8;	
    border:0px;		
    border-radius:2px;			
    pointer-events:none;		
    box-shadow:2px 2px 5px rgba(0,0,0,0.5);	
}

/* väntadiv innan ajax-anrop */
div.wait{
	background-image:url('/module/common/picture/wait.gif');
	background-repeat:no-repeat;
	background-position:bottom center;
	text-align:center;
	margin:10px;
	padding:0 0 30px 0 !important;
}
div.wait_inline{
	float:right;
	background-image:url('/module/common/picture/wait.gif');
	background-repeat:no-repeat;
	background-position:right center;
	margin:0;
	padding:0 20px 0 0 !important;
}

.cfn_rapport_dl {
	margin-top:0px;
	margin-bottom:0px;
}
.cfn_rapport_dl :first-child {
	margin-top:0px;
}
.cfn_rapport_dt {
	margin-top:1ex;
}
.cfn_rapport_dd {
	margin-left:1em;
}

/* csstabell tex personkort */
.csstable {
	padding:0px;
	list-style:none;
}
.csstable dl {
	padding:0;
	margin:0;
}
.csstable dt, .csstable dd {
	font-weight:bold;
}
.csstable dd.cssdesc {
	font-weight:normal;
}
.csstable dt {
	font-size:0.85em;
	font-variant:small-caps;
	font-weight:normal;
}
.csstabhidden {}

/* Städfunktioner */
.func{}
.func img{}
.func a{}
.func a:hover{}
.functitle{}
.reportfunc{}

.locked_message { 
	-moz-border-radius:4px;
	margin:1em 0;
	padding:7px 10px;
	border:3px solid #D88080;
	color:#000000;
	background:#FFFFFF;
}


/* knapprader */

.btnrow {}
.btnrow ul {}
.btnrow_header div {}
.btnrow_header > span {}
.btnrow_header div.btnrow ul {}
.btnrow a {}
.btnrow li {}

.btn { 
	-moz-border-radius:4px;
	color:#151514;
	position:relative;
	overflow:visible;
	display:inline-block;
	border:1px solid #D8D8D0;
	background-image:none;
	background:#ECECE8 top left repeat-x;
	/* IE hacks */
	zoom:1;
	*display:inline;
}
.btn a, .versionsbtn a {
	color:#151514!important;
	text-decoration:none !important;
	font-weight:bold !important;
}
.btn a:hover, .btn a:active {
	background-color:transparent!important;
	text-decoration:none!important;
}
.btn:hover:not(.disabled),
.btn:focus,
.btn:active:not(.disabled) {
	color:#262626;
	background:#cdcdcd top left repeat-x;
}

.btn:first-child:not(:last-child) {}
.btn:last-child:not(:first-child) {}
.btn:not(:first-child):not(:last-child) {}

.btn.selected {background-color:white!important;}
.btn.disabled {color:#D8D8D0;}
.btn.disabled a{}

/* BUTTON element */

.button span{
	display:block;
}
.button { 
 -moz-box-shadow:0px 3px 7px -3px #222;
	margin:3px;
	padding:0 ! important;
	background-color:#E0D6CB;
	color:#000000;
	border:solid 1px #808080; 
	text-align:center;
}
.button > span {
	background:transparent top left no-repeat;
	background-image:url('/module/common/picture/topleft.png');
}
.button > span > span {
	background:transparent bottom right no-repeat ! important;
	background-image:url('/module/common/picture/bottomright.png') ! important;
}
.button a, .button a:hover, .button a:visited, .button a:active { 
	-moz-border-radius:4px;
	text-decoration:none;
	display:block;
	color:#000000;
	padding:3px;
}
.button a:active {
	color:#404040 ! important;
	background-color:#e0e0d0 ! important;
}
.button > span a:hover {
	background:top left repeat-x;
	background-image:url('/module/common/picture/lighthover.png');
}
.button > span a:active {
	background:top left repeat-x;
	background-image:url('/module/common/picture/darkactive.png');
}

/* notebook */

/*
.activenotetab {
	border-top:2px solid #808080;
}

.notetab .badge.warning {
	color:#FFF;
	background-color:#ca0;
}

.notetab .badge.important {
	color:#FFF;
	background-color:#c00;
}

.notetab .badge.ok {
	color:#FFF;
	background-color:#2A0;
}
*/

/* drawers */
#top_drawer {}
body > #top_drawer {}
#shadeDim {}
#top_drawer_buttons {}
 #top_drawer_buttons button { 
	font-size:0.9em;
	padding:0 10px;
	margin:0;
	border-bottom:2px solid #000000;
	cursor:pointer;
} 
.top_drawer_active_button {
	font-weight:bold;
	background-color:#FFFFFF !important;
	border-bottom:3px solid #FFFFFF !important;
} 
.drawer { 
	-moz-border-radius:4px;
	border-top:0px solid #808080;
	border-bottom:0px solid #000000;
}
.drawer hr {
	display:none; /* Visual separation when there is no CSS no longer needed */
}
.drawer_wrapper { 
	-moz-border-radius:4px;
	background-color:#808080;
	border:2px outset #E4DBD1;
}
.drawer_inner { 
	-moz-border-radius:2px;
	padding:10px;
	margin:10px;
	border:2px inset #E4DBD1;
	color:#000000;
	background-color:#FFFFFF;
}
.drawer_btns {}
.drawer_btns a {}


/* CSS button */
span.function_button_outer_span {}
span.function_button_middle_span {}
span.function_button_inner_span {}


/* paragraph och headers */

img{
	border:transparent solid 0px;
}
.content p{
	margin-top:0.1em;
	margin-bottom:1em;
}
.content blockquote{
	font-style:italic;
}
h1, h2, h3, h4, h5, h6 { 
	color:#000000;
}
h1, h2 { font-weight:bolder; }
h3, h4, h5, h6{ font-weight:bold; }
h3, h5 { font-style:italic; }
h4, h6 { font-style:normal; }
h5, h6 { margin-bottom:0.25em;}
h1{ font-size:120%; }
h2{ font-size:115%; }
h3{ font-size:107%; }
h4{ font-size:100%; }
h5{ font-size:95%; }
h6{ font-size:90%; }

.infoframe {
	color:#000000;
}
.infoframe a, .infoframe a:visited { 
 -webkit-border-radius:0px;
	color:#000000!important;
}
.infoframe, .xrefframe, .section { 
	-moz-border-radius:4px; 
 -moz-box-shadow:0px 3px 7px -3px #222;
	background-image:none;
	background-position:bottom left;
	background-color:#f9f9f6;
	background-repeat:repeat-x;
	border:1px solid #c7c4b2;
 }

/* helpframe */
.helpframe { 
	background-image:none;
	background-position:bottom left;
}
div.helpwrapper .helpframe {}

div.helpwrapper .helpframediv{ 
	background-image:none;
}
div.helpwrapper { 
	box-shadow:0 0px 2px 0 rgba(0,0,0,0.3);
	border:1px solid #555!important;
	color:#fff;
	background-color:#444;
}

div.helpwrapper a {
	color:#fff !important;
}

div.helpwrapper legend { 
	color:#fff !important;
	font-size:80%;
}

/* informationframe */
.informationframe {}
.informationframe > fieldset {}
.informationframe > fieldset > legend {}
.informationframe > .innerframe > div {}
.informationframe > .icon > div {}
.informationframe a, .informationframe a:visited {}

/* confirmationframe */
.confirmationframe {}
.confirmationframe > fieldset {}
.confirmationframe > fieldset > legend {}
.confirmationframe > .innerframe > div {}
.confirmationframe > .icon > div {}
.confirmationframe a, .confirmationframe a:visited {}

/* warningframe */
.warningframe {}
.warningframe > fieldset {}
.warningframe > fieldset > legend {}
.warningframe > .innerframe > div {}
.warningframe > .icon > div {}
.warningframe a, .warningframe a:visited {}

/* errorframe */
.errorframe {}
.errorframe > fieldset {}
.errorframe > fieldset > legend {}
.errorframe > .innerframe > div {}
.errorframe > .icon > div {}
.errorframe a {}

.versions {}
.versions > div {}
.versiontitle {}
.versionsbtn {}

.CV_ref_rejected { 
	-moz-border-radius:4px;
	margin:5px 0px 5px 0px !important;
	padding:3px !important;
	border:1px solid #c7c4b2 !important;
	border:1px solid #808080 !important;
	background-color:#EDEADB !important;
	background-color:#f0f0f0 !important;
}
.CV_ref_rejected {
	background-image:none;
	background-repeat:repeat-x;
	background-color:#EDEADB !important;
	border:1px solid #c7c4b2 !important;
}

.CV_ref_accepted { 
	-moz-border-radius:4px;
	margin:5px 0px 20px 20px !important;
}
.ref_step_active { 
	-moz-border-radius:4px;
	border:2px solid #808080 !important;
	background-color:#FFFFFF !important;
	padding:5px !important;
}

.textborder {
	display:block;
	color:#000000;
	background-color:#D8D8D0;
	border:2px solid #808080;
	padding:3px;
	margin:3px;
}
a.popup, a.popup:visited, a.popup:hover {
	padding-right:18px ! important;
	background:url(/module/common/picture/popup.gif) no-repeat center right;
}



/* Grid from skeleton grid system
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position:relative;
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box; }
.column,
.columns {
  width:100%;
  float:left;
  box-sizing:border-box; }

/* For devices larger than 400px */
@media (min-width:400px) {
  .container {
    width:85%;
    padding:0; }
}

/* For devices larger than 550px */
@media (min-width:550px) {
  .container {
    width:80%; }
  .column,
  .columns {
    margin-left:4%; }
  .column:first-child,
  .columns:first-child {
    margin-left:0; }

  .one.column,
  .one.columns                    { width:4.66666666667%; }
  .two.columns                    { width:13.3333333333%; }
  .three.columns                  { width:22%;            }
  .four.columns                   { width:30.6666666667%; }
  .five.columns                   { width:39.3333333333%; }
  .six.columns                    { width:48%;            }
  .seven.columns                  { width:56.6666666667%; }
  .eight.columns                  { width:65.3333333333%; }
  .nine.columns                   { width:74.0%;          }
  .ten.columns                    { width:82.6666666667%; }
  .eleven.columns                 { width:91.3333333333%; }
  .twelve.columns                 { width:100%; margin-left:0; }

  .one-third.column               { width:30.6666666667%; }
  .two-thirds.column              { width:65.3333333333%; }

  .one-half.column                { width:48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left:8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left:17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left:26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left:34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left:43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left:52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left:60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left:69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left:78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left:86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left:95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left:34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left:69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left:52%; }

}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content:"";
  display:table;
  clear:both; }
  
  
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note:The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than mobile */
@media (min-width:400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width:550px) {
}

/* Larger than tablet */
@media (min-width:750px) {}

/* Larger than desktop */
@media (min-width:1000px) {}

/* Larger than Desktop HD */
@media (min-width:1200px) {}


/*** --- end of std.css --- ***//*** --- rwss.css --- ***
 * @copyright (C)2001-2020 minso.se
 */

/* ######################################## 
BODY, FONTS, ETC 
######################################## */
@font-face {
    font-family:'DINPro';
    src:url('/dir/page/1//DINPro-Regular.otf'),
    url('/dir/page/1//DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/dir/page/1//DINPro-Regular.woff2') format('woff2'),
        url('/dir/page/1//DINPro-Regular.woff') format('woff');    
}

@font-face {
    font-family:'DINPro-Medium';
    src:url('/dir/page/1//DINPro-Medium.otf'), 
        url('/dir/page/1//DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('/dir/page/1//DINPro-Medium.woff2') format('woff2'),
        url('/dir/page/1//DINPro-Medium.woff') format('woff');
    
}

@font-face {
    font-family:'DINPro-Bold';
    src:url('/dir/page/1//DINPro-Bold.otf'),
        url('/dir/page/1//DINPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/dir/page/1//DINPro-Bold.woff2') format('woff2'),
        url('/dir/page/1//DINPro-Bold.woff') format('woff');
}

body {
    padding:0 0;
    margin:0px 0px 0px 0px;
    color:#000000;
    background-color:#fff;
    font-family:'DINPro', Arial, Helvetica, sans-serif;
}

input, select, textarea {
    max-width:100%;
}

input[type="text"] {
    background-color:#E8EDF6 !important;
    border:0 !important;
    color:#313E55 !important;
    box-shadow:none !important;
    border-radius:5px;
    padding:8px;
    font-family:"DINPRO-Regular", arial, sans-serif;
}
    
input[type="text"]:focus {
    box-shadow:none !important;
}

/* mobile fix for autozoom input */
@media only screen and (max-width:480px) {
    body {
        font-size:16px;
        background-color:#fff;
    }

    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea {
        font-size:16px;
    }

    textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {
        -webkit-appearance:none;
        border-radius:0;
    }
}
    
.powered {
    color:#2b2b2b;
    float:left;
    font-family:"DINPro-Medium";
    padding:31px 0 0 40px;
}
    
.powered > a {
    color:#262626;
    text-decoration:none;
}
    
* {
    transition:color 0.2s ease, background 0.2s ease;
} 
    
.content.fullscreen {
    background-color:transparent !important;
    padding:1px 10% !important;
    position:static;
    width:100% !important;
    height:100% !important;
    min-height:100vh;
    box-sizing:border-box;
}

/* tablet layout */
@media only screen and (max-width:1180px) {
    .content.fullscreen {
        padding:1px 20px !important;
    }
}

/* mobile layout */
@media only screen and (max-width:480px) {
    .content.fullscreen {
        padding:1px 10px !important;
    }
}
    
/* Fix for ajax stuff  */     
.ajax_target .content.fullscreen {
    background-color:transparent !important;
    height:auto !important;
    padding:inherit !important;
    position:inherit !important;
    width:auto !important;
}
    
li {
    margin:0;
}
    
.mcwrap {
    width:100%;
}
    
/* TEMPORARY STYLING FOR BANKID */ 
.bankid_div {
    background-color:transparent !important;
    color:#000 !important;
}
    
#bankid_mobile_sign_btn, #bankid_sign_btn, #bankid_proceed_btn, #bankid_cancel_btn, #bankid_cancel_sel_btn {
    background-color:#556888;
    color:white;
    border:0 !important;
    padding:7px 9px !important;
    border-radius:5px;
}
    
#bankid_mobile_sign_btn:hover, #bankid_sign_btn:hover, #bankid_proceed_btn:hover {
    background-color:#4D8AAB;
}
    
#bankid_pn_input {
    padding:6px !important;
    border-color:#ccc !important;
    border-radius:3px;
}
    
#bankid_pn_input:focus {
    border-color:#77ABFF !important;
    box-shadow:0 0 3px 0 #87bbff !important;
    transition:all 0.1s ease 0s;
}
    
.bankid_sign_field {
    padding:9px 22px 12px;
    background-color:#E8EDF6;
    border-radius:5px;
}

#bankid_login_form {
    padding-bottom:30px;
}

/***** MODAL DIALOG ****/
#bankid_qr_modal {
	/* Underlay covers entire screen. */
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-color:rgba(0,0,0,0.5);
	z-index:1000;

	/* Flexbox centers the .modal-content vertically and horizontally */
	display:flex;
	flex-direction:column;
	align-items:center;

	/* Animate when opening */
	animation-name:fadeIn;
	animation-duration:150ms;
	animation-timing-function:ease;
}

#bankid_qr_modal > #bankid_qr_modal_underlay {
	/* underlay takes up the entire viewport. This is only
	required if you want to click to dismiss the popup */
	position:absolute;
	z-index:-1;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

#bankid_qr_modal > #bankid_qr_modal_content {
	/* Position visible dialog near the top of the window */
	margin-top:10vh;

	/* Sizing for visible dialog */
	width:80%;
	max-width:600px;

	/* Display properties for visible dialog*/
	border:solid 1px #999;
	border-radius:8px;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);
	background-color:white;
	padding:20px;

	/* Animate when opening */
	animation-name:zoomIn;
	animation-duration:150ms;
	animation-timing-function:ease;
}

#bankid_qr_modal.closing {
	/* Animate when closing */
	animation-name:fadeOut;
	animation-duration:150ms;
	animation-timing-function:ease;
}

#bankid_qr_modal.closing > #bankid_qr_modal_content {
	/* Animate when closing */
	animation-name:zoomOut;
	animation-duration:150ms;
	animation-timing-function:ease;
}

#bankid_qr_modal_canvas_div {
	min-height:214px;
	margin:20px 0px;
	text-align:center;
}

@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
} 

@keyframes fadeOut {
	0% {opacity:1;}
	100% {opacity:0;}
} 

@keyframes zoomIn {
	0% {transform:scale(0.9);}
	100% {transform:scale(1);}
} 

@keyframes zoomOut {
	0% {transform:scale(1);}
	100% {transform:scale(0.9);}
} 


/* ########################################
LOGIN DIV
######################################## */
.login button#bankid_login:hover {
    color:#F3BDAD;
}

.login button[name="submit"]:hover, .login button[name="submit"]:active, .login button[name="submit"]:focus {
    background-color:#F3BDAD !important;
    color:#004D7E;
}

.login button[name="cancel_login"]:hover {
    background-color:#004D7E !important;
    color:#fff !important;
}

.login button[name="cancel"]:hover, .login button[name="cancel"]:active, .login button[name="cancel"]:focus {
    color:#F3BDAD !important;
}

.login select#sex {
    height:33.6px;
}

#login_div h4 {
    color:#F3BDAD;
}

@media only screen and (max-width:613px) {
    body.login {
        background-size:52vw;
        background-position:43vw 90px;
    }    

    #login_div {
        width:60vw;
        margin:200px 0 50px 5vw;
    }
}

@media only screen and (max-width:480px) {
    body.login {
        background-size:80vw;
        background-position:10vw 62vh;
    }

    #login_div {
        width:100%;
        margin:10px auto;
        box-sizing:border-box
    }
}

/* ########################################
ACTIVITY BAR 
######################################## */
.activity {
    background-color:transparent;
    top:68px;
    position:absolute;
    right:0;
    width:20%;
    z-index:3223;
    display:block;
}
    
.activity > a {
    background-image:url("/dir/page/1/ic_keyboard_arrow_down_dark_100dp_1x.png");
    background-position:94% 60%;
    background-repeat:no-repeat;
    background-size:18px auto;
    color:#000;
    display:block;
    padding:10px 15px;
    text-decoration:none;
    box-sizing:border-box;
}
    
.activity .ajax_target.CV_ref_rejected {
    background-color:#eee !important;
    background-image:none !important;
    border:0 none !important;
    margin:0 !important;
    overflow:hidden;
    padding:0 !important;
    top:37px;
    z-index:2310;
    height:90vh;
}
    
.activity .ajax_target.CV_ref_rejected .content {
    background-color:transparent !important;
    float:none !important;
    font-size:0;
    margin:0 15px 0 !important;
    padding:0 !important;
    width:auto !important;
}
    
.activity .content a {
    border:0 !important;
}
    
.activity .content a:hover {
    color:inherit !important;
}
    
.application {
    border-bottom:1px solid #ccc;
    font-size:13px;
    padding:17px 0;
}
    
.application .title {
    color:#444;
    display:block;
    height:1.2em;
    margin:0;
    overflow:hidden;
    padding:0;
    text-overflow:ellipsis;
    white-space:nowrap; 
    width:100%;
    padding:2px 0 4px;
    font-weight:bold;
}
    
.application .title a {
    color:#444 !important;
    text-decoration:none;
}
    
.description {
    color:#444;
    font-weight:normal;
    height:7.2em;
    line-height:1.8em;
    overflow:hidden;
    width:100%;
    font-size:0.95em;
}
    
.application .edit img {
    width:16px;
    padding:3px;
}
    
.application .edit {
    float:right;
    text-align:right;
    width:15%;
}
    
.application .changedate {
    color:#3cb3bb;
    float:left;
    font-size:0.9em;
    overflow:hidden;
    padding-top:7px;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:84%;
}
    
.activity .ajax_target.CV_ref_rejected .updated {
    display:none;
}
    
.activity .ajax_target.CV_ref_rejected .wait {
    background-image:url("/dir/page/1/rw_loading-grey.gif") !important;
    background-size:50px auto !important;
    color:#444;
    font-size:0.9em;
    height:50px;
}

@media only screen and (max-width:780px) {
    .activity {
        display:none;
    }

    .activity > a {
        font-size:0;
        display:none;
    }
}

@media only screen and (max-width:480px) {
    .activity {
        display:none !important;
    }
}
    
/* ########################################
 HEADER 
######################################## */

.topwrap {
    background-color:#fff;
    border-bottom:2px solid #dce4f1;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    display:flex;
    justify-content:flex-end;
    position:fixed;
    width:100%;
    z-index:99;
}
    
.menugone {
    display:none;
}
    
.logo {
    margin:0 18px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    height:68px;
    float:none;
}
    
.logo img {
    height:35px;
}

.logo a {
    line-height:0;
}
    
.topmenu {
    float:none;
    flex-wrap:wrap;
    height:68px;
    display:flex;
    align-items:center;
    flex-shrink:0;
    flex-grow:100;
    justify-content:flex-end;
}

.projectbutton {
    height:68px;
    display:flex;
    align-items:center;
}

.topmenu .projectbutton a {
    background-image:url('/dir/page/591/ic_swap_white_100dp_1x.png');
    background-position:13px 50%;
    padding:11px 12px 11px 46px;
    border:1px solid #fff;
    border-radius:4px;
    margin-right:13px;
}
    
.topmenu ul, .usericon ul {
    list-style-type:none !important;
    margin:0;
    padding:0;
}
     
.topmenu div, .usericon li {
    margin:0;
    float:left;
}
    
.userdrop, .langdrop {
    position:relative;
    overflow:hidden;
}
    
.userwrap:hover .userdrop, .langdrop:hover {
    overflow:visible !important;
}
    
.userdrop img {
    width:22px;
    padding:21px 5px;
    transition:all 0.2s ease;
    opacity:0.25;
}
    
.userwrap:hover img {
    opacity:1;
}

.userdrop ul, .langdrop ul {
    position:absolute;
    right:-10px;
    top:68px;
    z-index:9999;
    opacity:0;
    transition:all 0.2s ease;
    box-shadow:0px 3px 2px 0 rgba(0, 0, 0, 0.3);
}
    
.langdrop ul {
    position:absolute;
    left:0px;
    z-index:9999;
    opacity:0;
    transition:all 0.2s ease;
    box-shadow:0px 3px 2px 0 rgba(0, 0, 0, 0.3);
}
    
.userwrap:hover .userdrop ul, .langdrop:hover ul {
    opacity:1;
}
    
.userdrop ul li a {
    color:#222;
    text-decoration:none;
    display:block;
    padding:15px 30px 15px 65px;
    background-color:#fafafa;
    border-bottom:1px solid #ededed;
    width:15vw;
    font-size:0.93em;
    box-sizing:border-box;
    background-size:17px;
    background-position:23px 50%;
    background-repeat:no-repeat;
}
    
.userdrop ul li a:hover {
    background-color:#f3f3f3;
}
    
.userdrop ul li:last-child a {
    border-top:1px solid rgba(255,255,255,0.1);
}
    
.userdrop ul li a[href*="/user/current_user"] {
    background-image:url("/dir/page/1/ic_account_circle_dark_100dp_1x.png");
}
    
.userdrop ul li a[href*="cv?"] {
    background-image:url("/dir/page/1/ic_edit_dark_100dp_1x.png");
}
    
.userdrop ul li a[href*="edit?edit"] {
    background-image:url("/dir/page/1/ic_edit_dark_100dp_1x.png");
}
    
.userdrop ul li a[href*="logout"] {
    background-image:url("/dir/page/1/ic_power_settings_new_dark_100dp_1x.png");
}
    
.langdrop li a {
    color:#222222;
    text-decoration:none;
    display:block;
    padding:15px 30px 15px 60px;
    background-color:#fafafa;
    border-bottom:1px solid #ededed;
    font-size:0.93em;
    background-size:18px;
    background-position:15px 50%;
    background-repeat:no-repeat;
}
    
.langdrop li a:hover {
    background-color:#f3f3f3;
}
    
.langdrop li a[title="svenska"] {
    background-image:url("/dir/page/1/RW_icon-lang_swe.png");
}
    
.langdrop li a[title*="lensku"] {
    background-image:url("/dir/page/1/RW_icon-lang_isl.png");
}
    
.langdrop li a[title="english"] {
    background-image:url("/dir/page/1/RW_icon-lang_eng.png");
}
    
.langicon img {
    width:24px;
    float:left;
    margin-right:17px;
}
    
.langtext {
    margin-top:3px !important;
}
    
.langicon {
    padding:22px 23px 22px 22px !important;
    display:block;
    color:white;
    background-image:none;
}
    
.topmenu div > a, .logoutbutton a {
    background-position:16px 50%;
    background-repeat:no-repeat;
    background-size:24px auto;
    color:white;
    display:block;
    padding:25px 23px 25px 60px;
    text-decoration:none;
}
    
.topmenu div > a:hover, .logoutbutton a:hover, .loginbutton a:hover, .langicon:hover {
    background-color:transparent;
    text-decoration:underline;
}
    
.topmenu .searchbutton a {
    background-image:url('/dir/page/1/ic_search_white_100dp_1x.png');
}

.loginbutton {
    margin-right:0;
}
    
.loginbutton a {
    border:3px solid #004D7E;
    padding:10px 32px 10px 16px !important;
    height:auto !important;
    border-radius:7px;
    color:#004D7E !important;
    font-family:"DINPRO-Medium", arial, sans-serif;
    font-size:13px;
    text-decoration:none;
    margin:0px 10px 0 0;
    background-image:url('/module/common/picture/ic_arrow_dark_100dp_1x.png');
    background-position:right 13px top 53%;
    background-size:8px;
    background-repeat:no-repeat;
    width:auto !important;
    white-space:nowrap;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
    
.usericon {
    float:right;
    margin-right:10px;
}
    
.userwrap {
    float:none;
    width:15vw;
    background-color:transparent;
    padding:0;
    order:4;
    display:flex;
    height:68px;
    justify-content:flex-start;
    flex-flow:row-reverse;
    flex-shrink:0;
    position:static;
    align-items:center;
}
    
.userwrap .title {
    float:none;
    height:68px;
    width:20vw;
}
    
.userwrap .title big {
    display:none;
}

.userwrap .title small {
    height:0px;
    display:flex;
}
    
.user > a {
    font-size:13px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    position:absolute;
    top:0;
    background-position:20px 50%;
    background-repeat:no-repeat;
    background-size:20px auto;
    color:#313e55;
    display:block;
    padding:25px 11px 25px 25px;
    text-decoration:none;
    margin:0 0 0 0px;
    background-image:none;
    box-sizing:border-box;
    width:calc(15vw - 42px);
    height:68px;
}
    
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
/* IE10+ CSS styles */
     .user > a {
        margin-top:3px;
    }
}
    
.user {
    color:white;
    font-size:0;
    height:68px;
    display:flex;
    flex:1;
    min-width:0;
}
    
.user > a:last-child {
    display:none;
}
    
.sitename {
    color:#ffffff;
    font-size:2em;
    padding:16px 20px;
    font-family:'Open Sans Light', 'Open Sans', arial, sans-serif;
    max-width:100%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    box-sizing:border-box;
    float:none;
}
    
.sitenamemobile {
    display:none;
}
    
/* ----------- Tablet layout ----------- */  
@media only screen and (max-width:1180px) {
    .topmenu {
        height:68px;
    }    
    
    .sitename {
        font-size:1.7em;
        padding:18px 20px;
    }

    .topmenu .projectbutton {
        width:68px;
        height:68px;
        font-size:0;
        display:flex;
        align-items:center;
    }

    .topmenu .projectbutton a {
        padding:25px;
        background-position:50% 50%;
    }

    .topmenu div > a, .logoutbutton a {
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:24px auto;
        color:white;
        display:block;
        padding:34px;
        text-decoration:none;
        font-size:13px;
    }

    .loginbutton a {
        font-size:13px;
    }

    .langicon {
        padding:21.5px !important;
        font-size:0;
    }

    .langicon img {
        width:25px;
        margin-right:0;
    }

    .langdrop ul {
        width:14vw;
        right:0;
        min-width:130px;
    }

    .userdrop ul li a {
        width:20vw;
    }

    .user > a {
        padding:25px 11px 25px 25px;
    }
}

@media only screen and (max-width:1100px) {
    .userwrap {
        width:20vw;
    }
    
    .userwrap .title {
        width:20vw;
    }
    
    .user > a {
        width:calc(20vw - 42px);
    }
}

@media only screen and (max-width:780px) {    
    .userwrap {
        width:25vw;
    }
    
    .user > a {
        width:calc(25vw - 42px);
    }

    .userdrop ul li a {
        width:25vw;
    }

    .langdrop ul {
        width:20vw;
        left:auto;
    }

    .topmenu {
        clear:both;
    }

    .userwrap .title {
        width:25vw;
    }
}

@media only screen and (min-width:481px) and (max-width:613px) {
    .langdrop ul {
        left:0;
    }
    
    .userwrap {
        width:30vw;
    }
    
    .userdrop ul li a {
        width:30vw;
    }
    
    .userwrap .title {
        width:30vw;
    }
    
    .user > a {
        width:calc(30vw - 42px);
    }
}

/* ----------- Mobile layout ----------- */   
@media only screen and (max-width:480px) {
    .topwrap {
        height:136px;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    
    .logo {
        font-size:0;
        height:68px;
        width:auto;
        float:left;
        margin:0;
        padding:0 18px;
        align-items:center;
    }
    
    .logo img {
        height:25px;
    }
    
    .userwrap {
        width:45vw !important;
        padding:0 !important;
        height:68px;
        float:right;
        position:relative;
        right:0;
        order:2;
        align-items:center;
    }
    
    .usericon ul {
        top:68px !important;
        bottom:auto;
        right:0;
    }
    
    .userdrop {
        position:absolute;
        overflow:hidden;
        width:45vw;
        z-index:999999999;
        top:0;
        right:0 !important;
    }
    
    .userdrop ul {
        right:0;
        top:68px !important;
    }
    
    .userdrop img {
        float:right;
        padding:23px 5px;
    }
    
    .userdrop ul li a {
        color:#222;
        text-decoration:none;
        display:block;
        width:100vw;
        box-sizing:border-box;
        font-size:0.93em;
        text-align:left;
        padding:15px 30px 15px 65px;
    }

    .userwrap .title {
        float:left;
        height:68px;
        width:45vw;
    }
    
    .user > a {
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        width:calc(45vw - 12px);
        background-position:10px 50%;
        margin:0;
        padding:25px 10px;
        font-size:16px;
        background-size:25px;
        top:0;
        height:68px;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    
    .topmenu {
        float:right;
        padding:0px;
        position:relative;
        top:0px;
        right:0px;
        clear:both;
        height:55px;
    }

    .topmenu .projectbutton {
        width:60px;
        height:55px;
        display:grid;
        justify-items:center;
    }

    .topmenu .projectbutton a {
        padding:20px;
        margin-right:0;
    }

    .searchbutton {
        height:55px;
    }

    .searchbutton a {
        background-position:50% 50% !important;
        background-repeat:no-repeat !important;
        color:white;
        display:block;
        text-decoration:none;
        font-size:0;
    }
    
    .topmenu .searchbutton a {
        font-size:0;
        padding:28px 30px 27px 30px;
    }
    
    .langdrop {
        height:55px;
        font-size:0;
    }
    
    .langdrop:hover {
        background-color:#282F37;
    }
    
    .langicon {
        float:left;
        padding:17.5px 20px 17.5px 20px !important;
    }
    
    .langicon img {
        float:left;
        margin:0;
        width:20px;
    }
    
    .langdrop ul {
        right:0px !important;
        left:auto;
        width:100vw;
        position:absolute;
        top:55px;
        box-shadow:0px 44px 2px 0 rgba(0, 0, 0, 0.3);
    }
    
    .langdrop li a {
        background-position:30px 50%;
        padding:20px 30px 20px 70px;
        font-size:14px !important;
        text-align:left;
    }

    .topmenu div > a, .logoutbutton a, .langicon {
        background-size:16px auto;
        font-size:0.8em;
        padding:20px 25px 20px 40px;
    }
    
    .sitename {
        display:none;
    }

    .sitenamemobile {
        color:#ffffff;
        font-size:1.6em;
        float:left;
        padding:0px 20px 5px;
        font-family:'Open Sans Light', 'Open Sans', arial, sans-serif;
        width:calc(100% - 40px);
        min-height:55px;
        display:grid;
        background-color:#282F37;
        text-align:center;
        align-items:center;
    }
}
    
/* ########################################
 MENU 
######################################## */
.menuimg {
    display:none;
}
    
.menuwrap {
    background-color:transparent;
    flex-grow:1;
    transition:none;
    display:flex;
    justify-content:flex-end;
}
    
.menu {
    width:auto;
    height:auto;
    min-height:auto;
    float:none;
    background-color:transparent;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-grow:100;
    border-top:none;
}
    
.menu ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.menu li {
    float:left;
}
    
.menu li a, .message a {
    display:block;
    color:#004D7E;
    text-decoration:none;
    padding:10px 12px;
    margin:0 5px;
    border-bottom:none;
    background-color:#f2f6f8;
    background-repeat:no-repeat;
    background-position:20px 50%;
    background-size:19px auto;
    border-radius:5px;
    transition:all 0.2s ease;
    font-size:1.1em;
    font-family:'DINPRO-Medium', Arial, Helvetica, sans-serif;
} 
    
.menu a:hover, a:focus.menu, .mainnavselected a {
    background-color:#004D7E !important;
    color:#fff !important;
}
    
.mainnav > a:hover {
    border-right:none;
}
    
.mainnav {
    display:block;
}
    
.mainnavselected {
    display:block;
    background-color:transparent;
    border-right:none;
}

.topwrap #message {
    position:static;
    display:flex;
    background-color:rgba(0,77,126,0.05);
    margin:14px;
    justify-content:space-between;
    align-items:center;
    border-radius:5px;
    padding-right:16px;
    cursor:pointer;
    z-index:8;
}

.topwrap #message:hover {
    background-color:#004D7E !important;
    color:#fff !important;
}

.topwrap #message:hover a {
    color:#fff;
}

.topwrap .message a {
    padding:10px 0px 10px 16px !important;
    background-color:transparent;
    margin:0;
}

.cntMsg {
    position:static;
    background-color:#C8683F;
    color:#fff;
    padding:3px 6px;
    border-radius:5px;
    margin-left:10px;
}
    
.subnav {
    margin:0px;
    font-weight:normal;
    background-color:#30373F;
}
    
li.subnav a {
    padding-left:65px;
    background-position:30px;
    opacity:0.9;
    background-size:18px;
    font-weight:normal;
}
    
.subnav li {
    margin:0px;
}
    
.subnav .func {
    z-index:99;
}
    
.trinav {
    display:none;
} 
    
/* Icons for menu options */
/*
.menu a[accesskey="1"] {
    background-image:url("/dir/page/1/ic_home_white_100dp_1x.png");
}
    
.menu a[href*="/reviews"] {
    background-image:url("/dir/page/1/ic_thumbs_up_down_white_100dp_1x.png");
}
    
.menu a[href*="/decisions"] {
    background-image:url("/dir/page/1/ic_gavel_white_100dp_1x.png");
}
    
.menu a[href*="/help"] {
    background-image:url("/dir/page/1/ic_help_2_white_100dp_1x.png");
}

.menu a[href*="/help/adms"] {
    background-image:url("/dir/page/1/ic_help_2_white_100dp_1x.png");
}
    
.menu a[href*="/createnew"] {
    background-image:url("/dir/page/1/ic_edit_white_100dp_1x.png");
}
    
.menu a[href*="/read"] {
    background-image:url("/dir/page/1/ic_visibility_white_100dp_1x.png");
}
    
.menu a[href*="/apps"], .menu a[href*="/minasidor"] {
    background-image:url("/dir/page/1/ic_person_white_100dp_1x.png");
}

.menu a[href*="/kba"] {
    background-image:url("/dir/page/1/ic_show_chart_white_100dp_1x.png");
}
    
.menu a[href*="/kbaresurs"] {
    background-image:url("/dir/page/1/ic_kbaresurs_white_100dp_1x.png");
}
    
.menu a[href*="/adm/rpt"] {
    background-image:url("/dir/page/1/ic_insert_chart_white_100dp_1x.png");
}
    
.menu a[href*="/adm/ans"] {
    background-image:url("/dir/page/1/ic_share_white_100dp_1x.png");
}
    
.menu a[href*="/adm/frms"] {
    background-image:url("/dir/page/1/ic_description_white_100dp_1x.png");
}
    
.menu a[href*="/adm/mails"] {
    background-image:url("/dir/page/1/ic_email_white_100dp_1x.png");
}
    
.menu a[href*="/adm/bl"] {
    background-image:url("/dir/page/1/ic_assignment_turned_in_white_100dp_1x.png");
}
    
.menu a[href*="/adm/rgr"] {
    background-image:url("/dir/page/1/ic_visibility_white_100dp_1x.png");
}
    
.menu a[href*="/search"] {
    background-image:url("/dir/page/1/ic_search_white_100dp_1x.png");
}
    
.menu a[href$="/page"] {
    background-image:url("/dir/page/1/ic_content_paste_white_100dp_1x.png");
}
    
.menu a[href*="/adm/groups"] {
    background-image:url("/dir/page/1/ic_group_white_100dp_1x.png");
}
    
.menu a[href*="/adm/susr"] {
    background-image:url("/dir/page/1/ic_grade_white_100dp_1x.png");
}
    
.menu a[href*="research"] {
    background-image:url("/dir/page/1/ic_bubble_chart_100dp_1x.png");
}
    
.menu a[href*="ethics"] {
    background-image:url("/dir/page/1/ic_playlist_add_white_100dp_1x.png");
}

.menu a[href*="/economy"] {
    background-image:url("/dir/page/1/ic_monetization_on_white_100dp_1x.png");
}
    
.menu li a[href$="/adm"], .menu li a[href*="/admin"] {
    background-image:url("/dir/page/1/ic_settings_white_100dp_1x.png");
}
    
.menu ul li a[title*="Administration"]::after, .menu ul li a[title*="Stjórnun"]::after {
    content:"+";
    display:block;
    float:right;
    font-weight:bold;
    padding:0 2px;
}  
*/    
/* Fix for imgfloat */
/*
.imgfloat>img[src*="important.png"] {
    background-image:url("/dir/page/1/ic_report_white_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0;
    width:1em;
}
    
.imgfloat>img[src*="warning.png"] {
    background-image:url("/dir/page/1/ic_warning_white_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0;
    width:1em;
}
    
.imgfloat {
    float:right;
    font-size:0;
    position:relative;
    top:12px;
    right:10px;
}
    
.imgfloat a {
    padding:0px;
    margin:0px;
    display:inline;
} 
*/    
/*  tablet layout */
@media only screen and (max-width:1180px) {
    .menuwrap {
        width:auto;
        float:none;
        overflow:hidden;
        position:relative;
    }

    .topwrap .menu li a, #message {
        margin:14px 5px;
    }
}

@media only screen and (max-width:1100px) {
    .menuwrap {
        background-color:transparent !important;
        width:auto;
        float:left;
        overflow:hidden;
        position:relative;
        transition:none;
        justify-content:flex-end;
        display:flex;
        flex-grow:1;
        height:auto;
        margin:14px 0;
        font-size:1.1em;
        font-family:'DINPRO-Medium', arial, sans-serif;
    }
    
    .expand-menu.menuwrap {
        overflow:visible;
    }
    
    .menuimg {
        display:flex;
        align-items:center;
        color:#004D7E;
        background-image:none;
        background-repeat:no-repeat;
        background-size:15px;
        background-position:right 10px top 53%;
        padding:10px 15px;
        border:1px solid #004D7E;
        border-radius:5px;
        width:25vw;
        box-sizing:border-box;
        height:40px;
        cursor:pointer;
    }

    .menuimg:hover {
        background-color:rgba(0,77,126,0.05);
    }
    
    .menuimg img {
        margin-left:0;
        margin-right:0;
        width:15px;
        height:15px;
    }
    
    .showmenu {
        display:flex;
        justify-content:space-between;
        width:100%;
        align-items:center;
    }
    
    .closemenu {
        display:none;
    }
    
    .expand-menu .showmenu {
        display:none;
    }
    
    .expand-menu .closemenu {
        display:flex !important;
        justify-content:space-between;
        width:100%;
        align-items:center;
    }
    
    .menu {
        background-color:#fff !important;
        width:100%;
        float:none;
        border-top:none;
        position:absolute;
        top:68px;
        z-index:2;
    }
    
    .menu ul {
        position:relative;
        z-index:9;
        width:25vw;
        background-color:#f2f6f8;
    }

    .menu li {
        float:none;
    }
    
    .expand-menu.menuwrap .menuimg {
        position:relative;
        width:25vw;
        background-color:rgba(0,77,126,0.05);
        z-index:1;
        transition:none;
        padding:10px 15px;
        height:auto;
        box-sizing:border-box;
        border-top:1px solid #004D7E;
        border-left:1px solid #004D7E;
        border-right:1px solid #004D7E;
        border-bottom:none !important;
        border-radius:5px 5px 0 0;
    }
    
    .expand-menu.menuwrap .menu a, .expand-menu.menuwrap .menu, .expand-menu.menuwrap #message, .expand-menu.menuwrap .message a {
        font-size:13px;
        width:100%;
        white-space:nowrap;
        overflow:hidden;
        background-color:#f2f6f8;
        margin:0 !important;
        transition:none;
        display:flex;
        align-items:center;
        text-overflow:ellipsis;
        box-sizing:border-box;
    }
    
    .expand-menu.menuwrap .menu {
        border-left:1px solid #004D7E;
        top:40px;
        border-right:1px solid #004D7E;
        border-radius:0;
        width:25vw;
    }

    .expand-menu.menuwrap .menu a:hover {
        background-color:#004D7E !important;
        color:#fff;
    }

    .topwrap #message {
        position:absolute;
        top:228.5px;
        border-left:1px solid #004D7E;
        border-right:1px solid #004D7E;
        border-bottom:1px solid #004D7E;
        border-radius:0 0 5px 5px;
    }

    .topwrap #message:hover a {
        background-color:#004D7E;
    }

    .expand-menu.menuwrap #message {
        width:25vw;
        box-sizing:border-box;
    }

    .menu ul li a[href$="/adm"]::after {
        display:flex;
        justify-content:right;
        width:100%;
    } 

    .subnav a {
        background-color:#30373F !important;
        padding:0 10px 0 60px !important;
        display:flex !important;
        align-items:center;
        opacity:1 !important;
    }
}

@media only screen and (max-width:780px) {
    .expand-menu.menuwrap .menuimg, .expand-menu.menuwrap .menu a, .expand-menu.menuwrap .menu {
        width:25vw;
    }
}

@media only screen and (max-width:613px) {
    .menuimg {
        width:100%;
    }

    .expand-menu.menuwrap .menuimg {
        width:100%;
    }

    .expand-menu.menuwrap .menu {
        width:100%;
    }

    .menu ul {
        width:100%;
    }

    .expand-menu.menuwrap .menu a, .expand-menu.menuwrap .menu, .expand-menu.menuwrap #message, .expand-menu.menuwrap .message a {
        width:100%;
    }
}

/* mobile layout */
@media only screen and (max-width:480px) {
    .mcwrap {
        background-color:#343e47;
    }
    
    .menuwrap {
        background-color:transparent !important;
        width:140px;
        float:left;
        overflow:hidden;
        position:relative;
        transition:all 0.2s ease;
        justify-content:flex-start;
        display:flex;
        height:40px;
        margin:14px 10px 14px 18px;
        order:3;
        flex-grow:0;
    }
    
    .expand-menu.menuwrap .menuimg {
        overflow:visible;
        z-index:1;
    }
    
    .expand-menu.menuwrap .menu {
        min-height:auto;
        height:auto;
        top:54px;
        left:-17px;
        width:calc(100vw - 2px) !important;
        border-top:1px solid #004D7E;
        border-radius:5px 5px 0 0; 
    }
    
    .menuimg {
        display:flex;
        align-items:center;
        background-image:none;
        background-repeat:no-repeat;
        background-size:15px;
        background-position:right 10px top 53%;
        padding:10px 15px;
        border-radius:5px;
        width:25vw;
        box-sizing:border-box;
        height:40px;
        cursor:pointer;
        flex-grow:1;
        overflow:hidden;
        z-index:5;
    }

    .showmenu {
        display:flex;
        justify-content:space-between;
        width:100%;
        align-items:center;
    }
    
    .expand-menu .showmenu {
        display:none;
    }
    
    .closemenu {
        display:none;
    }
    
    .expand-menu.menuwrap .menuimg {
        overflow:visible;
        height:55px;
        z-index:9;
        background-color:#f2f6f8;
        position:relative;
    }

    .expand-menu .closemenu {
        display:flex !important;
        justify-content:space-between;
        width:100%;
        align-items:center;
        margin-bottom:15px;
    }
    
    .expand-menu.menuwrap .menu a {
        font-size:1.2em !important;
        width:100%;
        box-sizing:border-box;
        background-position:15px 50% !important;
        background-size:20px auto !important;
        height:60px !important;
    }
    
    .expand-menu.menuwrap .menu a:hover {
        font-size:1.2em !important;
        width:100%;
        box-sizing:border-box;
        background-position:15px 50% !important;
        background-size:20px auto !important;
        height:60px !important;
    }
    
    .menugone {
        position:absolute;
        top:155px;
        z-index:3;
        left:20px;
        background-color:#343e47;
    }
    
    .menugone img {
        width:80px;
    }
    
    .menu ul {
        width:100vw;
        box-shadow:0px 3px 2px 0 rgba(0, 0, 0, 0.3);
        border-top:none;
    }
    
    .menu li a {
        font-size:1.2em !important;
        width:100vw;
        box-sizing:border-box;
        background-position:15px 50% !important;
        background-size:20px auto !important;
        height:60px !important;
    }
    
    .menu li a:hover {
        border-right:none;
    }

    .mainnavselected a {
        background-color:#004D7E !important;
        color:#fff !important;
    }

    .subnav a {
        background-color:#004D7E !important;
    }

    .expand-menu.menuwrap #message {
        padding-right:10px;
        display:flex;
        left:-17px;
        top:294.5px;
        width:calc(100vw - 2px);
    }

    .expand-menu.menuwrap #message a {
        height:60px;
        display:flex;
        align-items:center;
        box-sizing:border-box;
        font-size:1.2em;
    }
}
    
/* ########################################
 CONTENT 
######################################## */
.contentwrap {
    background-color:#444;
}

.content {
    font-size:1.1em;
}
    
.content.fullscreen {
    background-color:transparent;
}
    
.content:not(.fullscreen) {
    width:auto;
    float:none;
    background-color:transparent;
    padding:80px 25px 10px 25px;
    min-height:calc(100vh - 70px);
    box-sizing:border-box;
    max-width:1500px;
    margin:0 auto;
}
    
.content li {
    margin:0.35em 0; 
}
    
.content a {
    color:#004D7E;
    text-decoration:#004D7E;
}
    
.content a:visited {
    color:#313E55;
}
    
.content a:active {
    color:#993300;
}
    
.content a:hover, a:focus.content {
    color:#313E55;
    text-decoration:underline #313E55;
}
    
h1, h2, h3, h4 {
    font-family:"DINPRO-Medium", "Open Sans", arial, helvetica;
    font-weight:400 !important;
    letter-spacing:normal;
}
    
.content h1 {
    margin:1.2em 0 0.3em 0;
    color:#004D7E;
    font-size:1.6em;
}
    
.content h2 {
    margin:1.2em 0 0.3em 0;
    color:#004D7E;
    font-size:1.4em;
}
    
.content h3 {
    margin:0.8em 0 0.3em 0;
    color:#004D7E;
    font-size:1.2em;
    font-style:normal !important;
}
    
.content h4 {
    margin:0.7em 0 0.3em 0;
    font-size:1.05em;
    font-style:normal !important;
}

hr.lista {
    border-color:#8AA5D1 !important;
}
    
/* mobile layout */
@media only screen and (max-width:480px) {
    .content:not(.fullscreen) {
        width:100% !important;
        padding:144px 10px 10px 10px;
        min-height:100vh
    }

    .typelist {
        font-size:0.8em;
    }

    .content h1 {
        font-size:1.8em;
        line-height:1.2em;
    }
    
    .content h2 {
        font-size:1.4em;
        line-height:1.2em;
    }
}
    
/* Note tabs */ 
.notebook {
    border:0 !important;
    padding:0 !important;
    display:block;
}

.notebook ul {
    border:0 !important;
}

.notebook li.emptynotetab {
    display:none !important;
}

.ansokan.show .changednotetab.notetab a {
    background-size:18px;
    background-repeat:no-repeat;
    background-position:right 10px top 50%;
    padding:9px 28px 9px 12px;
    background-color:#f9f0ec;
    color:#C8683F !important;
}
    
.notetab > a {
    display:block;
    border:0 !important;
    color:#313E55 !important;
    border-radius:5px;
    margin:0 3px 3px;;
    padding:9px 14px;
    background-color:#F6F8FB;
}
    
.notebook > ul {
    border:none;
}

.notebook li.emptynotetab {
    display:none !important;
}
    
.notetab.activenotetab {
    background-color:transparent !important;
    border-color:rgb(0, 77, 126) #ccc #F5F5F5 !important;
}

.notetab .badge.important {
    background-color:#C8683F;
    color:#fff;
    padding:3px 6px;
    border-radius:5px;
    margin:0 0 0 3px;
}

.fullscreen .notetab {
    float:none !important;
    display:block;
    background-color:transparent !important;
    border:0 !important;
    text-align:left !important;
    font-family:'DinPRO-Medium', arial, sans-serif;
    white-space:normal !important;
    font-size:1.1em;
}

.whitediv li.activenotetab {
    background-color:#fff !important;
    border-bottom:1px solid #fff !important;
}

.whitediv .activenotetab a:hover {
    background-color:#fff !important;
}
    
.notetab {
    background-color:transparent;
    border:none !important;
    margin:inherit !important;
    padding:0;
}

.tablist div a, .notetab a {
    color:#313E55;
    border:0;
    border-radius:5px;
    margin:0 3px 3px;
    padding:9px 14px;
    background-color:#F6F8FB;
}

.activenotetab a, .notetab a:hover {
    background-color:#313E55 !important;
    border:0 !important;
    color:#fff !important;
}

.notetab.activenotetab.alltab {
    border:0;
}

.notetab.alltab.activenotetab a {
    background-color:#fff !important;
    color:#3cb3bb !important;
    border-radius:0;
}

.notetab.alltab a:hover {
    background-color:#fcfcfc !important;
    color:#3cb3bb !important;
}

@media only screen and (max-width:480px) {
    .notebook ul {
        border:none;
        padding:0 0 0 10px;
    }

    li.notetab {
        width:100%;
        border:none;
        margin:-1px 0 0 0 !important;
    }

    li.notetab a {
        border:none !important;
        text-align:left;
    }

    li.notetab.activenotetab {
        margin-left:-10px !important;
        width:calc(100% + 10px);
        border:none;
        display:block;
    }

    li.notetab.activenotetab a {
        border:none;
        display:block;
    }

    li.notetab.alltab {
        background-color:transparent;
    }

    .notetab.alltab {
        float:none;
        top:0;
        margin-bottom:5px !important;
    }

    .notetab.alltab a {
        background-color:#fff;
        padding:4px 0.8em;
        border-radius:2em;
    }

    .notetab.activenotetab.alltab {
        margin-left:0 !important;
        width:100%;
        top:0;
    }

    .notetab.alltab.activenotetab a {
        border-radius:2em;
        border:0 !important;
    }
}

/* fake tab lists */ 
.tablist {
    border-bottom:none;
    padding:0;
    margin:8px 0;
    display:block;
}
    
.tablist a:hover, .tablist a:active {
    background-color:#f3f3f3;
    background-position:left top;
    background-repeat:repeat-x;
    background-size:auto auto;
    text-decoration:underline dotted #aaa;
}

.tablist div {
    border-radius:0;
    display:inline-flex;
    flex-direction:row;
}
    
.tablist img {
    margin:0 0 0 3px;
    position:relative;
    top:3px;
}
    
.tablist div:hover {
    background-color:transparent;
}
    
.tablist div a {
    font-weight:lighter !important;
    padding:9px 14px;
    color:#313E55;
    background-color:#F6F8FB;
    border:none;
    border-radius:5px;
    margin:0 3px 3px;
    text-decoration:none !important;
}
    
.tablist .active a {
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-bottom:3px solid #f5f5f5;
    border-top:2px solid #3cb3bb;
    background-image:none !important;
}

.tablist div.active a, .tablist div a:hover {
    background-color:#313E55 !important;
    border:0 !important;
    color:#fff !important;
}
    
@media only screen and (max-width:480px) {
    .tablist {
        border-bottom:none;
        padding:0;
        margin:0;
        display:inline-block;
        width:100%
    }
    
    .tablist div {
        border-radius:0;
        display:block;
        margin:0 0 3px 20px;
    }

    .tablist div a {
        font-weight:lighter !important;
        border-bottom:0;
        padding:9px 14px;
        color:#333333;
        background-color:#F6F8FB;
        font-size:0.9em;
        text-decoration:none !important;
        display:block;
        margin:0;
    }
    
    .tablist .active {
        margin-left:0px;
    }
    
    .tablist .active a {
        background-color:#313E55 !important;
        border:none;
        background-image:none !important;
    }
}
    
.whitediv, div#granskning, div#beslut, div#konkurrens, div#prepare, div#financial, div#grantfinancial {
    background-color:#F6F8FB;
    margin-bottom:10px;
    padding:20px 20px 20px;
    border-radius:5px;
}
    
.whitediv img {
    max-width:100%;
}
    
li.select_row {
    background-color:white;
    border:0 none;
    margin-bottom:6px;
    margin-left:-40px;
    padding:10px 15px;
}
    
.select_row > a {
    font-family:"DINPRO-Medium";
    font-size:1.2em;
}
    
.tooltip {
    border-radius:2px !important;
    box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.35) !important;
    padding:3px 6px !important;
    color:white !important;
    background-color:#444 !important;
    border:0 !important;
}
/* bottom of applications */ 
#granskning > h1, #beslut > h1,  #konkurrens > h1, #prepare > h1, #financial > h1, #grantfinancial > h1  {
    margin-top:0;
}
    
#granskning > h2, #beslut > h2,  #konkurrens > h2, #prepare > h2, #financial > h1, #grantfinancial > h1 {
    margin:0.5em 0 0.2em;
}
    
#konkurrens > form, #beslut > form {
    margin-bottom:0;
}

div#beslut form {
    background-color:transparent !important;
    border:0 !important;
}

div#granskning, div#beslut, div#konkurrens, div#prepare, div#financial, div#grantfinancial { 
    clear:both;
}

/* fix for notetabs */ 
#granskning div:first-child::after {
    content:"";
    clear:both;
    display:block;
}

/* forminput fix for tablet */
@media only screen and (max-width:1180px) {
    input.forminput, textarea.forminput, select.forminput {
        max-width:95%;
    }
}
    
/* Decide on mobile */
@media only screen and (max-width:480px) {
    input.forminput, textarea.forminput, select.forminput {
        width:auto;
        margin:0;
    }
}


pre {
    white-space:pre-wrap;
}

/*  mypages  */

.mypages .button {
    float:right;
    margin:-24px 5px 20px;
}

.mypages hr.lista {
    clear:both;
}
    
/* ########################################
 FOOTER 
######################################## */
.footerwrap {
    padding:0 10%;
    background-color:#575757;
}
    
.footerlogo {
    float:left;
    width:40%
}
    
.footerinfo {
    float:left;
    width:40%;
    padding-left:10%;
}
    
.pagefooter {
    clear:both;
    display:none;
}
    
/* ########################################
 BTN ROWS 
######################################## */  
.innerframe div div.btnrow {
    float:right;
    padding:0 !important;
}
    
.btnrow ul {
    float:right;
    line-height:1;
}
    
li.btn {
    display:block;
    float:left;
    background-color:transparent !important;
    border:0 !important;
    margin:0 !important;
    padding:0 !important;
}
    
.notebook .btn:hover:not(.disabled), .btn:focus, .btn:active:not(.disabled) {
    background:transparent none repeat scroll 0 0 !important;
}
    
.btn:hover {
    background:transparent !important;
    background-color:transparent !important;
}
    
table td a.btn {
    background-color:#343e47 !important;
    background-image:none !important;
}
    
table td a.btn.gsetbtn.xreflink {
    color:white !important;
}

table td a.btn.gsetbtn.xreflink:hover, table td a.btn.gsetbtn.xreflink:active, table td a.btn.gsetbtn.xreflink:visited, table td a.btn.gsetbtn.xreflink:focus {
    background-color:#343e47 !important;
}
    
.btn a, .versionsbtn, .btn button {
    background-color:#556888 !important;
    background-position:6px 50% !important;
    color:#fff !important;
    display:block;
    font-weight:normal !important;
    margin:0 !important;
    padding:6px 13px 6px 13px !important;
    background-size:17px;
    transition:all 0.2s ease;
    border:0 !important;
}
    
.btn a[class*="btn_"], .versionsbtn a, .btn button {
    padding:10px 10px 10px 30px !important;
    border:0 !important;
}
    
.btn a:hover, .versionsbtn a:hover, .btn button:hover {
    background-color:#313E55 !important;
} 

.attachment_list .xrefframe dd {
    padding:0;
    margin:3px 5px;
}

/* versionsbtn */

ins {
    color:#629489;
    padding:3px 1px;
    background-color:rgba(162, 212, 201, 0.27);
    text-decoration:none;
}

.newfile.xrefframe {
    background-color:rgba(162, 212, 201, 0.27) !important;
    color:#629489 !important;
    font-weight:bold;
}

.newfile.xrefframe a {
    color:#629489 !important;
    font-weight:bold;
}

.corrupt.xrefframe {
    background-color:#f9f0ec !important;
    color:#C8683F !important;
}

.corrupt.xrefframe a {
    background-color:#f9f0ec !important;
    color:#C8683F !important;
}

del {
    background-color:rgba(200, 104, 63, 0.27);
    color:#A8481F;
    padding:3px 1px;
    text-decoration:none;
}

.versionsbtn {
    background-image:none !important;
    padding:0 !important;
    box-shadow:none !important;
}
    
li.btn.pdf_btn a, li.pdf_btn_merge a, li.merge_pdfs_backend a {
    font-size:1em;
    background-position:6px 50% !important;
    padding:10px 10px 10px 30px !important;
    background-image:url("/dir/page/1/ic_picture_as_pdf_white_100dp_1x.png") !important;
}
    
.pdf_btn a:hover, li.pdf_btn_merge a:hover, li.merge_pdfs_backend a:hover {
    font-size:13px;
    background-position:50% 50%;
}

li.pdf_creating a {
    background-size:19px;
}

li.pdf_creating a small {
    visibility:visible !important;
}

li.btn .button-default.xlsx, li.btn.xlsx a {
    background-image:url("/dir/page/1/ic_excel_white_100dp_1x.png") !important;
    font-size:smaller;
}
    
.btn a[title*="re-index"] {
    background-image:url("/dir/page/1/ic_loop_white_100dp_1x.png") !important;
    padding:10px 10px 10px 30px !important;
}

.btn a[href*="reindex"], .btn a[href*="send_email"], a.btn_module_common_picture_back_gif {
    display:none !important;
}
    
.btn.versionsbtn > a {
    color:white !important;
    font-weight:normal !important;
    display:block;
    background-image:url("/dir/page/1/ic_history_white_100dp_1x.png") !important;
    background-position:6px 50% !important;
    background-size:19px auto;
    background-repeat:no-repeat !important;
    padding:10px 10px 10px 30px !important;
}

.historyheader {
    font-family:DinPRO-Medium, DinPRO-Regular, arial, helvetica, sans-serif;
}

.historysettings {
    font-size:0.9em;
    float:right;
    margin-top:6px;
}
    
@media only screen and (max-width:1180px) {
    .no-touch .btn a[class*="btn_"] {
        font-size:0px;
        background-position:50% 50% !important;
        color:#343e47 !important;
    }
    
    .content .btnrow {
        overflow:visible !important;
        height:50px;
    }
    
    .btn a[class*="btn_"], li.btn a.empty, .versionsbtn a {
        padding:20px !important;
        border:0 !important;
    }
    
    .no-touch .btnrow a:hover {
        background-position:50% 50% !important;
        color:white !important;
    }
    
    .touch .btnrow a {
        font-size:90%;
    }
    
    .content > .btnrow:first-child .btn a small, .content .btnrow.document_buttons .btn a small {
        display:none;
        position:absolute;
        top:45px;
        background-color:#555;
        padding:10px;
        font-size:13px !important;
        right:0;
        box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
        border-radius:2px;
    }
    
    .no-touch .btnrow a:hover small {
        position:absolute;
        top:-40px;
        background-color:#555;
        padding:10px;
        font-size:13px !important;
        right:0;
        box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
        border-radius:2px;
        z-index:1;
        color:#fff;
    }

    .listing .btnrow a:hover small {
        position:static;
        padding:0;
        background-color:transparent;
        box-shadow:none;
        border-radius:0;
        font-weight:normal;
        color:#fff;
        font-size:revert !important;
    }
    
    .content > .btnrow:first-child .btn a:hover small, .content .btnrow.document_buttons .btn a:hover small {
        display:block;
    }
    
    li.btn.pdf_btn a {
        background-position:50% !important;
        padding:20px !important;
    }
    
    .pdf_btn a:hover {
        font-size:13px;
    }

    li.btn .button-default.xlsx {
        padding:20px !important;
        font-size:0;
        background-position:50% !important;
    }
    
    .btn a[title*="re-index"]  {
        background-position:50% 50% !important;
        padding:20px !important;
    }
    
    .btn a[title*="re-index"] :hover {
        font-size:13px;
    }
}
    
@media only screen and (max-width:480px) {
    .touch .btn a[class*="btn_"], .versionsbtn a {
        padding:20px 20px !important;
        border:0 !important;
    }
    
    .touch .btnrow a {
        font-size:0 !important;
    }

    .touch .listing .btnrow a {
        font-size:90% !important;
        padding:10px !important;
    }
    
    .touch .btn a, .versionsbtn {
        background-color:#343e47 !important;
        background-position:50% 50% !important;
        color:#fff !important;
        display:block;
        font-weight:normal !important;
        background-size:20px;
        transition:all 0.2s ease;
    }

    .touch .search_form ~ .row .listing .btnrow a {
        font-size:0 !important;
    }

    .touch ul[title*="Resultatet"] a, .touch ul[title*="result"] a, .touch ul[title*="Niðurstaðan"] a {
        font-size:90% !important;
    }
}
    
/* ########################################
 TABLES 
######################################## */
/* Status icon in tables */ 
.statusindicator > img {
    width:21px;
}
     
.statusindicator {
    height:20px;
}
    
/* "Matris" tables */
tbody tr.matris th, tbody tr.matris td {
    background-color:rgba(0, 0, 0, 0) !important;
    border-bottom:1px solid #d3d3d2;
    font-variant:small-caps;
    text-transform:lowercase;
    font-family:'Open Sans', arial, sans-serif;
}
    
th.matris, th.matrisheader, th.matrisend {
    background-color:rgba(0, 0, 0, 0);
    border-bottom:1px solid #ebecef;
    border-left:0 none;
    border-top:0 none;
    border-right:0 none;
    color:#555555;
    font-weight:bold;
    letter-spacing:0;
    padding:8px 5px;
}
    
.matris table {
    border:1px solid #dbdce2;
    border-collapse:collapse;
    box-shadow:0 1px 1px 0 #cccccc;
}

.mypages table {
    border-collapse:separate !important;
    border-spacing:0px 6px;
    width:100%;
}

table th a {
    background-color:#41516A;
    padding:6px;
    border-radius:5px;
    font-weight:normal;
    white-space:nowrap;
}

.collaborator {
    color:white !important;
    display:inline;
    border-radius:4px !important;
    margin:0 2px;
    padding:5px 6px !important;
}

.collaboratorframe .innerframe {
    border:0;
}

.collaboratorframe legend {
    display:none;
}
    
td.matris, td.matrisend {
    background-color:transparent !important;
    border-color:#ebecef;
    border-image:none;
    border-style:solid none;
    border-width:1px 0;
    color:#555555;
    font-weight:normal;
    padding:6px 5px;
    vertical-align:middle;
    font-size:0.95em;
}

.matris th, .matris th.matris, .whitediv .matris th.matris {
    font-variant:normal !important;
    text-transform:none !important;
    font-family:"DINPRO-Medium", arial, sans-serif;
    background-color:#fff !important;
    font-weight:normal;
    text-align:left !important;
}

.matris td, .matris th, .matris th.matris, .whitediv .matris th.matris {
    padding:11px 5px;
    border:0 !important;
    color:#313E55 !important;
    font-size:0.9em;
}
    
.matris tr {
    background-color:#F6F8FB !important;
    border-radius:5px;
    overflow:hidden;
}
    
tr.matris:hover {
    background-color:#f3f3f3 !important;
}
    
.matris tr:hover {
    background-color:#F6F8FB !important;
}
    
tr.matris {
    background-color:#f3f3f3 !important;
}

.matris td a img[src*="/admin.gif"] {
    padding:10px !important;
}

div.matris table {
    border:0 !important;
    box-shadow:none !important;
}
    
@media only screen and (max-width:480px) {
    div.matris {
        width:100%;
        overflow:scroll;
        margin:0;
    }
}
    
/* "Lista" tables */
.lista tbody tr:first-child th, tbody tr.listaend td {
    background-color:rgba(0, 0, 0, 0) !important;
    border-bottom:1px solid #d3d3d2;
    font-variant:small-caps;
    text-transform:lowercase;
    font-family:'Open Sans', arial, sans-serif;
    padding:5px 7px;
}
    
.lista th, .cssth {
    background-color:rgba(0, 0, 0, 0);
    border-bottom:1px solid #ebecef;
    border-left:0 none;
    border-top:0 none;
    border-right:0 none;
    color:#555555;
    font-weight:bold;
    letter-spacing:0;
    padding:5px 7px;
}
    
.lista table {
    border:1px solid #dbdce2;
    border-collapse:collapse;
    box-shadow:0 1px 1px 0 #cccccc;
}
    
.lista td, .csstd {
    background-color:transparent !important;
    border-color:#ebecef;
    border-image:none;
    border-style:solid none;
    border-width:1px 0;
    color:#555555;
    font-weight:normal;
    padding:5px 7px;
    vertical-align:middle;
    font-size:0.95em;
}

.lista td img, .lista td a img {
    max-width:inherit;
}
    
.lista tr, .csstr:hover {
    background-color:#ffffff !important;
}
    
.lista tr:first-child:hover, tr.listaend:hover {
    background-color:#f3f3f3 !important;
}
    
.lista tr:hover, .csstr:hover {
    background-color:#f1f1f1 !important;
}
    
.lista tr:first-child, tr.listaend {
    background-color:#f3f3f3 !important;
}
    
th.listaend {
    background-color:#f3f3f3 !important;
    border-bottom:1px solid #d3d3d2;
    padding:5px 7px;
}
    
/* fix for horizontal scroll on mobile */
@media only screen and (max-width:480px) {
    div.lista {
        width:100%;
        overflow:scroll;
    }

    .lista td, .csstd {
        word-break:break-word;
    }
}

/* messages */ 

.sentdate {
    float:right;
}

.messageBody {
    padding:5px 0;    
}

.messages .notebook {
    float:left;
    width:30%;
    height:100vh;
    overflow:scroll;
}

.messages .notebook ~ div {
    float:right;
    width:69%;
}

.messages .notebook ul {
    border-bottom:0;
}

.messages .notetab {
    float:none !important;
    display:block;
    background-color:transparent !important;
    border:0 !important;
    text-align:left !important;
    font-family:'DinPRO-Medium', arial, sans-serif;
    white-space:normal !important;
    font-size:1.1em;
}

.messages .notetab > a {
    display:block;
    padding:12px 16px;
    border:0 !important;
    text-align:left;
    white-space:normal !important;
}

.notetab span.read {
    font-family:'DinPRO-Regular', arial, sans-serif;
}

.messages .title {
    white-space:nowrap;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    height:1.5em;
}

.unread::after {
    content:"";
    height:10px;
    width:10px;
    display:block;
    position:absolute;
    background-color:#C8683F;
    top:10px;
    right:10px;
    border-radius:50px;
}


.messages .actions a {
    background-color:#556888;
    font-family:"DINPRO-Medium", arial, sans-serif;
    padding:8px 17px 7px;
    color:#fff !important;
    border-radius:3px;
    display:block;
    text-align:center;
    max-width:50%;
    margin:10px auto 0;
}

.messages .actions a:hover {
    background-color:#313E55 !important;
    text-decoration:none !important;
}

@media only screen and (max-width:480px) {
    span.sentdate {
        float:none;
        font-size:0.8em;
    }

    .messageBody {
        padding:10px 10px;
        background-color:rgba(0,77,126,0.05);
        border-radius:5px;
        margin:10px 0;
    }

    .messageBody p:last-child {
        margin-bottom:0;
    }
}
/* tables in whitedivs */ 
.whitediv td {
    padding:11px 5px;
    border-color:#ddd;
}
    
.whitediv td:last-child {
    padding:9px 8px 9px 5px;
    border-color:#ddd;
}
    
.whitediv div.matris {
    border-left:0 none;
    border-right:0 none;
    margin:0 -20px;
}
    
.whitediv table {
    border:0 none;
    box-shadow:none;
    width:100%;
}
    
.whitediv tr.matris th.matris, form tr.matris th.matris {
    color:#666;
    font-size:0.9em;
    font-variant:normal !important;
    text-transform:none !important;
    background-color:#fff !important;
    border-color:#ddd !important;
    padding:11px 5px;
    font-family:"DINPRO-Medium";
    font-weight:normal !important;
}
    
.whitediv tr.matris th.matris a {
    color:#666;
    border:0 !important;
    text-decoration:none !important;
}
    
.whitediv tr.matris th.matris a:hover {
    color:#000;
}
    
.whitediv tr th.matris {
    border-color:#ddd !important;
}

@media only screen and (max-width:480px) {
    .whitediv div.lista {
        margin:0px 0px;
    }

    .lista td, .csstd {
        word-break:break-word;
    }
}

/* forms in whitedivs */ 
.whitediv form {
overflow:visible !important;
background-color:transparent !important;
border:0 !important;
padding:0 !important;
margin:0 !important;
box-shadow:none !important;
}

form.reviewranktable {
padding:0 0 50px !important;
position:relative;
}

.reviewranktable input[type="submit"] {
position:absolute;
display:block;
right:10px;
margin:10px 0;
}
    
/* sorting tables */ 
.Ccol_4.C4::after, .Ccol_1.C1::after, .Ccol_2.C2::after, .Ccol_3.C3::after, .Ccol_5.C5::after, .Ccol_6.C6::after, .Ccol_4_num.C4::after, .Ccol_1_num.C1::after, .Ccol_2_num.C2::after, .Ccol_3_num.C3::after, .Ccol_5_num.C5::after, .Ccol_6_num.C6::after, .C.C3::after,  .Ccol_7.C7::after, .Ccol_7_num.C7::after, .Ccol_8.C8::after, .Ccol_8_num.C8::after,  .Ccol_9.C9::after, .Ccol_9_num.C9::after, .Ccol_10.C10::after, .Ccol_10_num.C10::after,  .Ccol_11.C11::after, .Ccol_11_num.C11::after, .Ccol_12.C12::after, .Ccol_12_num.C12::after,  .Ccol_13.C13::after, .Ccol_13_num.C13::after {
    background-image:url("/dir/page/1/ic_arrow_downward_dark_100dp_1x.png");
    background-repeat:no-repeat;
    background-size:12px auto;
    content:"";
    left:4px;
    opacity:0.7 !important;
    padding:6px;
    position:relative;
    top:9px;
    transition:all 0.2s ease 0s;
}
    
.C1:hover::after, .C2:hover::after, .C3:hover::after, .C4:hover::after, .C5:hover::after, .C6:hover::after, .C7:hover::after, .C8:hover::after, .C9:hover::after, .C10:hover::after, .C11:hover::after, .C12:hover::after, .C13:hover::after, .id_reverse:hover:after {
    opacity:0.5;
    transform-origin:center bottom 0;
}
    
.C1:after, .C2:after, .C3:after, .C4:after, .C5:after, .C6:after, .C7:after, .C8:after, .C9:after, .C10:after, .C11:after, .C12:after, .C13:after {
    background-image:url("/dir/page/1/ic_arrow_downward_dark_100dp_1x.png");
    background-repeat:no-repeat;
    background-size:12px auto;
    content:"";
    left:4px;
    opacity:0;
    padding:6px;
    position:relative;
    top:9px;
    transition:all 0.2s ease 0s;
}
    
.id_reverse.id.reverse::after  {
    background-image:url("/dir/page/1/ic_arrow_upward_dark_100dp_1x.png");
    background-repeat:no-repeat;
    background-size:12px auto;
    content:"";
    left:4px;
    opacity:0.7 !important;
    padding:6px;
    position:relative;
    top:9px;
    transition:all 0.2s ease 0s;
}
    
.id_reverse:after {
    background-image:url("/dir/page/1/ic_arrow_upward_dark_100dp_1x.png");
    background-repeat:no-repeat;
    background-size:12px auto;
    content:"";
    left:4px;
    opacity:0;
    padding:6px;
    position:relative;
    top:9px;
    transition:all 0.2s ease 0s;
}
    
@media only screen and (max-width:480px) {
    content {
        width:100% !important;
    }
}

/* ########################################
 BLANKETTER 
######################################## */  

.content > .blankettwrapper {
    background-color:#fff;
    padding:30px;
    max-width:1200px;
    border-radius:5px;
    margin:15px auto !important;
    border:4px solid #F6F8FB !important;
}

.blankettwrapper table {
    margin:20px 0;
}

/* mobile layout */
@media only screen and (max-width:480px) {
    .blankettwrapper {
        background-color:#fff;
        width:calc(100% - 40px);
        margin:10px 0 0 0 !important;
        padding:20px !important;
        word-break:break-word;
    }

    .blankettwrapper > .blankettwrapper {
        margin:0 !important;
        padding:0 !important;
        width:100%;
    }

    .blankettwrapper div > .blankettwrapper {
        padding:0 !important;
        margin:0 !important;
        width:100%;
    }

    .blankettwrapper a {
        word-break:break-word;
    }

    .blankettwrapper ~ .btnrow a {
        font-size:90% !important;
    }

    .blankettwrapper table:last-child {
        margin:20px 0 !important;
        display:block;
        width:100% !important;
        padding-left:0px !important;
    }

    .blankettwrapper table:last-child tbody {
        width:100%;
        display:inline-block;
    }

    .blankettwrapper table:last-child tbody tr {
        width:100%;
        display:inline-block;
    }

    .blankettwrapper table:last-child tr td {
        width:100% !important;
        display:inline-block;
        padding:0;
    }

    .blankettwrapper table:last-child tr td table {
        width:100% !important;
        display:inline-block;
        margin:0 !important;
        border:2px solid #ddd
    }

    .blankettwrapper table:last-child tbody tr > td:first-child {
        margin-bottom:10px;
    }

    .blankettwrapper table:last-child tr td table tbody tr td {
        margin-bottom:0 !important;
        padding:0 0 0 5px;
        border:0;
    }
}

/* bankid for mobile */
@media only screen and (max-width:480px) {
    .bankid_sign_field {
        padding:10px 0 0 0;
        background-color:white;
        box-shadow:0 1px 2px 0px rgba(0,0,0,0.3);
        width:100% !important;
        text-align:center;
    }

    .bankid_sign_field div {
        width:100% !important;
        margin:0 !important;
    }

    .bankid_img a img {
        width:70px;
        height:70px;
        margin-bottom:10px;
    }
}

/* ########################################
 FORMS  
######################################## */ 
/* monospace typeface for css textedit */
form[action*="/page/layedit"] textarea.forminput {
    font-family:monospace;
}

form h2 {
    font-size:1.5em !important;
}
    
form h1 {
    font-size:1.7em !important;
}

.formbtndiv {
    background-color:transparent !important;
    border:0 !important;
    display:flex;
    justify-content:space-evenly;
    flex-wrap:wrap;
}

.formbtndiv input {
    flex-grow:1;
    margin:0 7px;
}
    
.formgroup>div.fg_content {
    background:linear-gradient(to right, #343e47 0%, #242e37 100%) repeat scroll 0 0 #555 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:4px 0 0 0 !important;
}


form div.forminput {
    margin-top:7px;
    margin-right:6px;
}

.flexrow {
display:flex;
justify-content:space-evenly;
}

.flexrow div.forminput {
flex-grow:1;
margin:7px;
}

.flexrow .forminput input, .flexrow .forminput textarea, .flexrow .forminput select {
    width:100%;
}

form .forminput label {
    font-variant:small-caps;
    text-transform:lowercase;
}

.ansokan.edit form .forminput label {
    font-variant:inherit;
    text-transform:inherit;
}

input.forminput, textarea.forminput, select.forminput {
margin:4px 0 0 0;
}
    
.formgroup>div>div {
    background-color:#f9f9f9 !important;
    padding:4px 13px 19px !important;
}
    
form {
    background-color:#f9f9f9 !important;
    max-width:inherit !important;
    background-image:none !important;
}
    
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus {
    border-color:#77ABFF !important;
    box-shadow:0 0 3px 0 #87bbff !important;
    transition:all 0.1s ease 0s;
}
    
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="tel"] {
    background-color:#ffffff;
    border:1px solid #cccccc;
    border-radius:2px;
    box-shadow:none;
    color:#333333;
    padding:6px;
    box-sizing:border-box;
}
    
form[action*="/change_user"] input.forminput {
    margin:2px 0 8px;
}
    
form input[type="submit"], form input[type="reset"], form input[type="button"], form input[type="cancel"], .user_xref_links a, .am2-file-delete-btn {
    background-color:#556888 !important;
    border:none;
    border-radius:3px;
    box-shadow:none;
    color:#ffffff !important;
    cursor:pointer;
    padding:8px 17px 7px;
    font-family:"DINPRO-Medium", arial, sans-serif;
}
    
form input[type="submit"]:hover, form input[type="reset"]:hover, form input[type="button"]:hover, form input[type="cancel"]:hover, .user_xref_links a:hover, .am2-file-delete-btn:hover {
    background-color:#556888 !important;
}

form input[type="submit"].export {
    margin-left:4px;
    background-color:#313E55 !important;
  }

    
form textarea {
    background-color:#ffffff;
    border:1px solid #cccccc;
    border-radius:2px;
    box-shadow:none;
    color:#333333;
    padding:6px;
    font-family:'DINPRO', 'arial', 'helvetica', sans-serif !important;
    width:100%;
}

.ansokan.edit .fieldclass {
    max-width:910px;
    padding-right:20px;
}

.ansokan.edit .fieldclass.missing {
    background-color:#f9f0ec;
    padding:1px 13px 18px;
    margin:5px 0;
    border-radius:5px;
    border:1px solid #C8683F;
    color:#C8683F;
}

.ansokan.edit .fieldclass.missing h1 {
    color:#C8683F !important;
}

.missing.fieldclass textarea {
    width:98%;
}
    
form table .lista td a {
    float:right;
    margin-left:16px;
}

.ansokan.edit form table textarea {
    height:30px;
    width:95%;
}

.ansokan.edit form table {
    border-collapse:collapse !important;
    margin-top:7px;
}

.ansokan.edit table tr:first-child th {
    font-family:inherit !important;
    padding:8px 8px;
    text-transform:none !important;
    font-variant:none !important;
}
    
form .forminfoerror {
    background-color:#f6627f !important;
    margin-right:23% !important;
    transition:all 0.1s ease-in-out 0.1s;
}

.fieldclass.hideEmpty h1::after {
    content:"Du har tidigare fyllt i information i detta fält och senare ändrat ett föregående val, som gör att fältet inte länge ska visas. Ta bort informationen nedan för att dölja fältet.";
    display:block;
    background-color:#F9F0EC;
    font-weight:normal !important;
    color:#C8683F;
    border:1px solid #C8683F;
    padding:10px;
    border-radius:4px;
    margin:7px 0 9px;
    font-size:14px;
    font-weight:normal;
    font-family:'DINPro', Arial, Helvetica, sans-serif;
  }
    
form div.forminput {
    background-color:transparent !important;
    padding:0 !important;
    width:100%;
    margin-top:3px;
}
    
form .forminfoerror .forminfo {
    background-color:#f6627f !important;
    transition:all 0.1s ease-in-out 0.1s;
}
    
form div.forminfo {
    margin-bottom:0 !important;
    text-align:left;
    width:700px !important;
    background-color:transparent !important;
    font-size:0.8em !important;
    margin-bottom:2px !important;
    padding:4px 5px !important;
    border:0 !important;
    border-radius:0 !important;
    margin-top:0px;
}

.forminput .forminfo.char_limit {
    margin:0;
    width:100% !important;
    box-sizing:border-box;
    padding:0 !important;
    text-align:right;
}
    
.fullscreen form .forminnergroup textarea {
    margin-left:0 !important;
}

.fullscreen form .notetab a {
    text-align:left;
    white-space:normal !important;
}
    
.formbtndiv {
    background-color:transparent !important;
    background-image:none;
    box-shadow:none;
    margin:10px -15px -13px;
    padding:8px;
}

.formbuttondiv input {
    flex-grow:1;
    margin:0 5px;
}
    
.forminnergroup > span[style*="14em"] {
    border:1px solid #ccc !important;
    border-radius:2px !important;
    width:40% !important;
    margin-top:4px;
}
    
.forminnergroup > span[style*="14em"] > span {
    border:0 !important;
    border-radius:2px !important;
    padding:6px !important;
}
    
.forminnergroup > span[style*="14em"] > span[style*="f8f0C0"] {
    background-color:#eee !important;
}
    
.forminnergroup > div[style*="8em"] {
    border:1px solid #ccc !important;
    border-radius:2px !important;
}
    
.forminnergroup > div[style*="8em"] > div {
    border:0 !important;
    border-radius:2px !important;
    padding:4px !important;
}
    
.forminnergroup > div[style*="8em"] > div a {
    border-bottom:0 !important;
}
    
.forminnergroup > div[style*="8em"] > div img {
    background-image:url("/dir/page/1/ic_arrow_drop_down_white_100dp_1x.png") !important;
    background-position:50% 50% !important;
    background-repeat:no-repeat;
    background-size:11px auto !important;
    padding:0 5px !important;
}
    
.forminnergroup > div[style*="8em"] > div span {
    background-color:#505e67 !important;
    border:0 none !important;
}
    
.forminnergroup > div[style*="8em"] > div > div[style*="clear"] {
    display:none !important;
}
    
.forminnergroup > span[style*="8em"] {
    border:1px solid #ccc !important;
    border-radius:2px !important;
}
    
.forminnergroup > span[style*="8em"] > span {
    border:0 !important;
    border-radius:2px !important;
    padding:4px !important;
}
    
.forminnergroup h2 small {
    color:#777;
    font-size:0.6em;
    font-weight:lighter;
}
    
form[action*="/ansokan/form"] .forminnergroup {
    padding-top:17px;
}
    
span.function_button_outer_span {
    background-color:transparent !important;
    border:0 none !important;
    font-weight:normal !important;
    padding:0 !important;
} 
    
span.function_button_middle_span {
    border:0 none !important;
    padding:0 !important;
}
    
span.function_button_inner_span {
    background-color:#444;
    border:1px solid #222;
    border-radius:2px;
    box-shadow:0 1px 1px 0 #555555;
    color:#fff;
    padding:6px;
}

form .fieldclass .lista + .btnrow {
    display:flex;
}

.fieldclass img[src*="error.png"] {
    width:19px;
    height:auto;
    margin-bottom:-4px;
}


/* ########################################
 ANSOKAN EDIT
######################################## */
.ansokan.edit form .completenotetab.notetab a {
    background-image:url('/module/common/picture/ic_check_dark_100dp_1x.png');
    background-size:15px;
    background-repeat:no-repeat;
    background-position:right 12px top 50%;
    padding:9px 28px 9px 12px;
    background-color:transparent;
}

.ansokan.edit form .errornotetab.notetab a {
    background-image:url('/module/common/picture/ic_warning_dark_100dp_1x.png');
    background-size:18px;
    background-repeat:no-repeat;
    background-position:right 10px top 50%;
    padding:9px 28px 9px 12px;
    background-color:#f9f0ec;
    color:#C8683F !important;
}

.ansokan.edit form .formbuttondiv {
    width:100%;
    left:0;
    bottom:0;
    background-color:#fff;
    border:0;
    padding:8px 0;
    display:flex;
    justify-content:space-evenly;
    padding:14px 3% 14px;
    box-sizing:border-box;
    border-top:2px solid #dce4f1;
}

.edit.ansokan form h1 input[name="change_cond"] {
    margin:0 0 0 36px;
    background-color:rgba(0,77,126,0.05) !important;
    color:#004D7E !important;
    border-radius:5px;
}

body.ansokan .xrefframe {
    background-color:#F6F8FB;
    border:0;
    box-shadow:none !important;
    padding:15px !important;
    border-radius:5px;
}

.ansokan.edit form .notebook ~ div {
    width:77%;
    float:right;
    border-bottom:3px solid #8AA5D1;
    padding:0 0 30px;
}

.ansokan.edit .notebook {
    font-size:1em !important;
    width:22%;
    display:block;
    float:left;
}

.ansokan.edit h1 {
    font-size:1.4em !important;
    color:#004D7E !important;
}

body.ansokan:not(.edit) .notebook {
    font-size:1em !important;
    width:25%;
    display:block;
    float:left;
}

body.ansokan .content .notebook li {
    float:none;
    display:block;
}

body.ansokan .content .notebook li a {
    display:block;
    float:none;
    text-align:left;
    overflow:hidden;
    text-overflow:ellipsis;
}

body.ansokan:not(.edit) .notebook ~ div {
    float:right;
    width:74%;
    padding-bottom:50px;
}

.ansokan.edit .notebook ul, body.ansokan .notebook ul {
    border:0;
}

.ansokan.edit form {
    background-color:transparent !important;
    background-image:none !important;
    padding:0 0 70px !important;
    border:0 !important;
    box-shadow:none !important;
}

.ansokan.edit #content {
    position:relative;
    width:auto !important;
    float:none !important;
}

.ansokan.edit form .fieldclass dd {
    padding:0;
    margin:0;
}

.edit.ansokan .notetab {
    float:none !important;
    display:block;
    background-color:transparent !important;
    border:0 !important;
    text-align:left !important;
    font-family:DinPRO-Medium, arial, sans-serif;
    white-space:normal !important;
}
/* tablet layout */
@media only screen and (max-width:1180px) {
    form div.forminput {
        width:auto;
    }
}

/* mobile layout */
@media only screen and (max-width:480px) {
    /* edit email + blankett */
    form[action*="/email/edit"] label.forminput img, form[action*="/blankett/edit"] label.forminput img {
        padding:11px 10px !important;
    }

    form[action*="/email/edit"] .forminput, form[action*="/blankett/edit"] .forminput {
        display:flex;
        flex-flow:wrap;
        justify-content:left;
    }

    form[action*="/email/edit"] span.forminput, form[action*="/blankett/edit"] span.forminput {
        width:100%;
        margin-bottom:5px;
    }

    form[action*="/email/edit"] input[type="radio"], form[action*="/email/edit"] .forminput input[type="checkbox"], form[action*="/blankett/edit"] input[type="radio"], form[action*="/blankett/edit"] .forminput input[type="checkbox"] {
        display:flex;
        align-content:flex-start;
        margin:0px 5px 0px 0px;
    }

    form[action*="/email/edit"] .forminput label, form[action*="/blankett/edit"] .forminput label {
        width:90%;
        margin:0px 0px 15px 0px;
        display:flex;
        align-items:flex-start;
        flex-flow:row;
        line-height:1 ;
    }

    form[action*="/email/edit"] .forminput label img, form[action*="/blankett/edit"] .forminput label img {
        margin:0px 5px 0px 0px;
    }
}
    
/* Toolbars */ 
.func {
    background-color:transparent;
    border:0 none;
    box-shadow:none;
    padding:0 0 30px;
    text-align:right;
    white-space:nowrap;
    width:auto !important;
}
    
.func a {
    background-color:#444e57 !important;
    border-bottom:0 none !important;
    padding:7px 8px 4px  !important;
    display:block;
    float:left;
}
    
.func a:hover {
    background-color:#303E47 !important;
}
    
.functitle {
    background-color:transparent;
    border:0 none;
    color:#888;
    font-weight:normal;
    margin:0;
    padding:0 0 6px;
    text-align:right;
    font-size:13px;
}
    
.func:hover > dfn {
    opacity:1;
    top:0;
}

.func > dfn {
    background-color:transparent !important;
    border:0 none;
    top:0px;
    color:#757575;
    left:0;
    opacity:0;
    position:absolute;
    text-align:left;
    transition:all 0.2s ease 0s;
}
    
.functitle > strong {
    font-weight:lighter;
}
    
.functitle:hover > dfn {
    padding:12px 10px 8px;
}
    
.functitle > dfn {
    background-image:url("/dir/page/1/ic_dark_100dp_1x.png");
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:16px auto;
    border-bottom:0 none;
    font-size:0;
    opacity:0.62;
    padding:0;
    transition:all 0.2s ease 0s;  
    background-color:transparent !important;
}
    
.functitle > dfn:hover {
    opacity:0.8;
    cursor:pointer;
}
    
.func a img {
    transition:all 0.2s ease;
}
    
.func a img:hover {
    opacity:1 !important;
}
    
.func a img[src*="/delete.gif"] {
    background-image:url("/dir/page/1/ic_delete_white_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
.func a img[src*="/undelete.gif"] {
    background-image:url("/dir/page/1/ic_undelete_white_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
.func a img[src*="/edit.gif"] {
    background-image:url("/dir/page/1/ic_edit_white_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
.func a img[src*="/move.gif"] {
    background-image:url("/dir/page/1/ic_wrap_text_white_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
.func a img[src*="/up.gif"] {
    background-image:url("/dir/page/1/ic_arrow_upward_white_100dp_1x.png") !important;
    background-position:0 0;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    background-repeat:no-repeat;
}
    
.func a img[src*="/down.gif"] {
    background-image:url("/dir/page/1/ic_arrow_downward_white_100dp_1x.png") !important;
    background-position:0 0;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
.func a img[src*="/insert.gif"] {
    background-image:url("/dir/page/1/ic_add_circle_white_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
.func a img[src*="/lock.gif"] {
    background-image:url("/dir/page/1/ic_lock_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    position:absolute;
    opacity:0.62;
    bottom:8px;
    right:44px;
}
    
.func a img[src*="/people.gif"] {
    background-image:url("/dir/page/1/ic_visibility_off_ark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    position:absolute;
    opacity:0.62;
    bottom:8px;
    right:22px;
}

.func a img[src*="/gears.gif"] {
    background-image:url("/dir/page/1/ic_settings_dark_100dp_1x.png") !important;
    background-size:18px auto;
    font-size:0;
    padding:3px 9px 0 !important;
    width:1em;
    border-bottom:0 !important;
    position:absolute;
    opacity:0.62;
    bottom:8px;
    right:0;
    background-repeat:no-repeat;
}
    
.func a img[src*="/help.png"] { 
    display:none;
}

div.helpwrapper {
    box-shadow:0 0px 4px 2px rgba(0,0,0,0.15);
    border:1px solid #324d7a !important;
    color:#004D7E;
    background-color:#e8edf6;
    max-width:50vw;
    border-radius:5px;
    padding:0;
}

div.helpwrapper .helpframe {
    padding:0;
}

div.helpwrapper .helpframe legend {
    display:none;
}

div.helpwrapper .helpframediv {
    padding:12px;
}
    
.func > a[href*="stat"] {
    display:none !important;
}
    
h1 .func a img[src*="/lock.gif"] {
    display:none !important;
}
    
.formgroup h1 .func {
    padding-bottom:0 !important;
}

/* Admin form */ 
form[action*="ansokan/admin"] table span {
    padding:0 0 0 33px;
} 

form[action*="ansokan/search"] input[type="text"] {
    width:100%;
    margin:0 0 4px;
}

form[action*="ansokan/search"] label[for="search"] {
    display:none;
}

form[action*="ansokan/search"] input[type="submit"] {
    float:right;
}
    
/* versions expanding div */ 
.versions {
    width:auto !important;
    margin:0 24px 0 0;
}
    
.versions .ajax_target.CV_ref_rejected div.wait {
    background-image:url("/dir/page/1/rw_loading.gif") !important;
    color:#eee !important;
}
    
.versions div.listing {
    border:0 none;
    background-color:#fff !important;
}
    
.versions div.listing dl:hover {
    background-color:#eee !important;
}
    
.versiontitle {
    border-bottom:1px solid #eee;
    font-size:1.2em;
    padding:3px;
    background-color:#fff !important;
}
    
.versions div.listing dl {
    border-bottom:1px solid #eee;
    box-shadow:none !important;
    background-color:#fff;
}
    
.versions .listing dt {
    color:#3cb3bb;
    padding:0;
}
    
.versions div.listing dd {
    display:block;
    height:70px;
    margin:0;
    overflow-y:scroll;
    transition:all 0.2s ease 0s;
    font-size:1.2em;
}
    
.versions div.listing dd:hover {
    height:250px;
}

.versions a.xreflink.more_ajax_btn:hover {
    background-color:transparent !important;
    text-decoration:1px underline;
}
    
.versions .xreflink.more_ajax_btn {
    background-image:url("/dir/page/1/ic_arrow_drop_down_white_100dp_1x.png");
    background-position:97% 50%;
    background-repeat:no-repeat;
    background-size:10px auto;
    border:0 none;
    margin-right:7px;
    padding:4px 16px 4px 4px !important;
}

.versions .ajax_target.CV_ref_rejected {
    border-radius:0;
    width:30vw !important;
    right:0;
}
    
.versions .xreflink.more_ajax_btn:hover, .versions .xreflink.more_ajax_btn:active, .versions .xreflink.more_ajax_btn:selected, .versions .xreflink.more_ajax_btn:visited, .versions .xreflink.more_ajax_btn:focus {
    background-color:#eee !important;
}

.versions del {
    color:red;
    font-weight:bold;    
}

.versions ins {
    color:green;
    font-weight:bold;    
}

@media only screen and (max-width:1180px) {
    .versions {
        margin:0px;
        display:block;
        position:relative;
        right:0;
        top:-20px;
    }
    
    .versions .versionsbtn a {
        padding:10px 10px 10px 30px !important;
    }
    
    .versions .ajax_target.CV_ref_rejected {
        right:0;
        width:400%;
    }
    
    form div.forminput {
        width:90%;
    }
    
    form textarea.forminput {
        max-width:100%;
        box-sizing:border-box;
    }
}

@media only screen and (min-width:620px) and (max-width:786px) {
    form div.forminput {
    	width:85%;
    }
}

@media only screen and (min-width:481px) and (max-width:619px) {
    form div.forminput {
        width:100%;
    }

    .versions {
        position:absolute;
        float:none;
        width:80px !important;
        right:0;
        top:0px;
    }

    form .fieldclass {
        position:relative;
    }
}

@media only screen and (max-width:480px) {
   form .fieldclass {
        position:relative;
    }

    form div.forminput {
        width:100%;
    }

    .versions {
        position:absolute;
        float:none;
        width:90px !important;
        right:0;
        top:0px;
    }

    .versions .versionsbtn a {
        padding:5px 10px 5px 30px !important;
    }

    .versions .ajax_target.CV_ref_rejected {
        right:0;
        width:300%;
    }
}

    
/* ########################################
 INFOFRAMES 
######################################## */
.informationframe {
    border-radius:0 !important;
}
    
.infoframe .infoframe {
    background-color:#f3f3f3 !important;
    background-image:none !important;
    padding:10px !important;
}
    
.innerframe .warningframe, .innerframe .errorframe { 
    background-color:#f3f3f3;
}
    
a.xreflink, infoframe dt a { 
    border:0 !important;
    color:#004D7E !important;
}
    
a.xreflink:hover, infoframe dt a:hover {
    background-color:transparent !important;
    color:#313E55 !important;
}
    
/* ########################################
 ALL THE FRAMES 
######################################## */

.errorframe, .warningframe, dl.infoframe, .xrefframe, .section, .confirmationframe, .informationframe, .languagewarning, .download-pdf-dialog, .pushDecisionsInfo {
    background-color:#e8edf6;
    background-image:none;
    border:1px solid #8AA5D1;
    border-radius:5px;
    box-shadow:none;
}

dl.infoframe {
    padding:10px;
}

.languagewarning, .download-pdf-dialog, .pushDecisionsInfo {
    padding:10px;
    display:block;
    margin:0 0 5px;
}

dl.infoframe .innerframe a, .informationframe .innerframe a, .confirmationframe a, .download-pdf-dialog, .pushDecisionsInfo {
    color:#004D7E !important;
    text-decoration:none !important;
}

.informationframe > .innerframe > div, .download-pdf-dialog {
    color:#004D7E;
}

.modal.meeting .pushDecisionsInfo {
    position:fixed;
    z-index:100;
    width:90%;
    top:10%;
    padding:20px;
}

.modal.meeting .content::after {
    content:"";
    display:block;
    position:absolute;
    background-color:rgba(0, 0, 0, 0.5);
    width:100%;
    height:100%;
    z-index:99;
    top:0;
    left:0;
}
    
.warningframe {
    border:1px solid #C8683F;
    background-color:#F9F0EC;
    color:#C8683F;
}
    
.errorframe {
    border:1px solid #C8683F;
    background-color:#F9F0EC;
    color:#C8683F;
}

.errorframe > .innerframe > div {
    color:#C8683F;
}

.errorframe a, .warningframe a {
    color:#C8683F !important;
    font-family:"DINPRO-Medium", arial, sans-serif;
}
    
.confirmationframe {
    border:1px solid #A2D4C9;
    background:#F1F9F7;
}
    
.xrefframe {
    padding:10px !important;
}
    
.infoframe dt {
    margin:0;
}
    
.infoframe dt img {
    display:none;
}
    
.infoframe .innerframe>div {
    border-radius:0;
    padding:0;
}
    
.errorframe > .innerframe > div {
    background-image:url("/dir/page/1/ic_report_dark_100dp_1x.png") !important;
    background-size:20px;
    padding:15px 15px 15px 50px !important;
}
    
.warningframe > .innerframe > div {
    background-image:url("/dir/page/1/ic_warning_dark_100dp_1x.png") !important;
    background-size:20px;
    padding:15px 15px 15px 50px !important;
    color:#C8683F;
}
    
.informationframe > .innerframe > div {
    background-image:url("/dir/page/1/ic_dark_100dp_1x.png") !important;
    background-size:20px;
    padding:15px 15px 15px 50px !important;
}
    
.confirmationframe > .innerframe > div {
    background-image:url("/dir/page/1/ic_check_circle_dark_100dp_1x.png") !important;
    background-size:20px;
    padding:15px 15px 15px 50px !important;
}
    
.warningframe .innerframe .btnrow ul {
    margin:0 !important;
    line-height:1em !important;
}
    
.warningframe .btn a {
    color:#fff !important;
    font-size:13px;
}

.infofunctionlist dl.infoframe {
    background-image:none !important;
    padding:10px !important;
    border:0 !important;
}

.infofunctionlist .infoframe dt {
    font-weight:lighter;
}

.infofunctionlist .infoframe dt img {
    display:inline !important;
}

.infofunctionlist .infoframe dt img[src*="/info.png"] {
    display:none !important;
}


/* ########################################
 BUTTON (CONTENT) 
######################################## */

.button {
    background-color:transparent;
    border:0 none;
    border-radius:3px;
    box-shadow:none;
    font-size:110%;
    font-weight:lighter;
    margin:20px 0px;
    text-align:left;
    white-space:nowrap;
    width:auto;
}
    
.button span {
    background:none !important;
}
    
.button>span>span {
    background:none !important;
}
    
.button a, .button a:hover, .button a:visited, .button a:active {
    background-color:#004D7E;
    box-shadow:none !important;
    color:white !important;
    display:inline;
    padding:10px 20px;
    border-radius:5px;
    border:0 !important;
    text-decoration:none !important;
    font-family:"DINPRO-Medium", arial, sans-serif;
}
    
.button > span a:hover {
    background:#C8683F !important;
    color:#fff !important;
}

button[class*="pivot_btn"] {
    display:none !important;
}
    
/* ########################################
 USER ACCOUNT AND CV 
######################################## */
/* Css table */ 
.csstable {
    border-top:0;
    width:100%;
    margin:10px auto;
}
    
.csstable dt {
    font-weight:100;
    background-color:transparent;
}
    
.csstable dd {
    font-size:0.9em;
    font-weight:100;
}
    
.csstable dt, .csstable dd {
    padding:10px 10px;
}
    
.csstable dt {
    font-variant:normal;
    text-transform:capitalize;
}
    
.csstable dl {
    background-color:#fff;
    border-bottom:0;
}
    
.csstable dl:hover {
    background-color:#f8f9f9;
}
    
.csstabhidden {
    background-color:transparent !important;
    border-left:3px solid #F08888 !important;
}

.csstable a img {
    margin-right:5px;
}
    
.xrefframe .csstable dl {
    background-color:#f3f3f3;
}
    
/* CV */ 
#cv .btnrow ul {
    float:left;
} 
    
span.publication_list_header_title {
    font-family:"DINPRO-Medium", "Open Sans", arial, helvetica;
    font-size:1.7em;
}
    
.bgcolorhidden.btnrow_header_extra_info .btnrow ul {
    float:left;
}
    
.bgcolorhidden.btnrow_header_extra_info {
    padding:5px 5px 1px;
}
    
.btnrow_header_extra_info strong {
    background-color:#fff;
}
    
div.publication_li_div {
    background-color:white;
    border:0 none;
    box-sizing:border-box;
    margin:5px 0 5px -32px;
    padding:11px 11px 14px 40px !important;
    width:auto; 
}
    
div.publication_title a {
    text-decoration:none !important;
} 
    
div.publication_links {
    height:0 !important;
    overflow:hidden;
    transition:all 0.2s ease 0.2s;
}
    
div.publication_citations {
    background-color:#343e47;
    border:0 none; 
    color:#fff;
    margin:0 !important; 
    padding:6px; 
}
    
.publication_citations a {
    color:#fff !important; 
    border:0 none;
}
    
.publication_li_div:hover .publication_links {
    height:18px !important;
}
    
.ajax_target.CV_ref_rejected {
    background-color:transparent !important;
    background-image:none !important;
    border:0 none !important;
    font-size:90%;
    padding:0 !important;
}   
     
.ajax_target.CV_ref_rejected .wait {
    background-image:url("/dir/page/1/rw_inv-loading.gif") !important;
    background-size:50px auto !important;
    color:#555;
    font-size:0.9em;
    height:50px; 
}
    
img[src*="publication/picture/wait.gif"] {
    background-image:url("/dir/page/1/rw_inv-loading.gif") !important;
    background-position:5px 3px !important;
    background-repeat:no-repeat;
    background-size:50px auto !important;
    border-bottom:0 none;
    font-size:0;
    margin-bottom:-2px !important; 
    padding:25px 25px !important; 
    width:1em;
}
    
.fullscreen div[style*="500px"] {
    border:0 !important;
    box-shadow:0 2px 5px rgba(0,0,0,.26);
    border-radius:3px;
    padding:50px 30px !important;
}
    
div.publication_search_filter_frame {
    background-color:#fff;
    border:1px solid #eee;
    box-sizing:border-box;
    height:100vh;
    padding:10px;
}
    
.publication_search_result_list > div {
    background-color:#fff !important;
    border-color:#ccc !important;
}
    
.external_id_div ~ fieldset {
    background-color:#f7f7f7;
    border:0 none;
    margin:10px 0;
    padding:8px;
}
    
.external_id_div ~ fieldset .formbtndiv {
    border:0 none;
    margin:10px -9px -8px;
}
    
.external_id_div ~ fieldset h4 {
    font-family:"open sans";
}
    
form .publication_li_div {
    background-color:transparent;
    font-variant:normal;
    margin:0;
    padding:7px !important;
    text-transform:none;
}
    
div[id*="publication_search_hit"] > div:nth-child(2) {
    background-color:#eee !important;
    border:0 none !important;
}
    
.publication_search_filter_frame > input[name="apply_filter"] {
    margin-top:9px;
}

form[action*="/user/edit"] .forminnergroup dl dd {
    margin-left:10px;
}

form[action*="/user/edit"] h1 {
    padding:10px;
}

/* Ändra basuppgifter */
#login_form_div form[action*="/user/edit"] {
    display:flex;
    flex-flow:column;
}

#login_form_div form[action*="/user/edit"] .forminput {
    display:block;
    width:100% !important;
    max-width:100%;
}

#login_form_div form[action*="/user/edit"] .forminput label {
    width:auto !important;
    display:inline-block;
}

#login_form_div form[action*="/user/edit"] .forminput label + a {
    display:inline-block;
    width:22px;
    margin-left:5px;
}

#login_form_div form[action*="/user/edit"] .forminput label + a img {
    border-radius:20px;
    background-color:#fff;
}

/* mobile layout */
@media only screen and (max-width:480px) {
    .work_experience_table {
        display:block;
        overflow:scroll;
    }
    
    table.work_experience_table {
        display:block;
        overflow:scroll;
        box-shadow:inset 0px 0 3px 0px rgba(0,0,0,0.2), inset 0px 0 3px 0px rgba(0,0,0,0.2);
        background-color:#fff;
    }

    .work_experience_table tr {
        background-color:transparent !important;
    }
    
    .work_experience_table td {
        background-color:transparent;
    }

    form[action*="/user/edit"] .forminput {
        display:flex;
        flex-flow:wrap;
        justify-content:left;
    }
    
    form[action*="/user/edit"] input[type="radio"], form[action*="/user/edit"] .forminput input[type="checkbox"] {
        display:flex;
        align-content:flex-start;
        margin:0px 5px 0px 0px;
    }
    
    form[action*="/user/edit"] .forminput label {
        width:90%;
        margin:0px 0px 10px 0px;
        display:flex;
        align-items:flex-start;
        flex-flow:row;
        line-height:1;
    }

    form[action*="/user/edit"] .forminput label img {
        margin:0px 5px 0px 0px;
    }

    form[action*="/user/edit"] h2 {
        text-transform:capitalize;
        margin:1em 0 0.5em 0 !important;
        font-size:1.4em !important;
    }

    form[action*="/user/edit"] span[id*="btn_help"] {
        border-radius:20px;
        padding:1px 8px;
        font-family:'Open Sans', sans-serif;
    }

    label.forminput img {
        margin:0px 10px;
        padding:10px 10px !important;
        background-position:50%;
        height:auto;
    }
}
    
/* ########################################
 SEARCH PAGE 
######################################## */
.searchpage form .forminput {
    float:left;
    width:auto;
    max-width:300px;
}

.searchpage .forminput.sort_by, .searchpage .forminput.listgroup, .searchpage .forminput.columngroup {
    max-width:20%;
    float:left;
}

.notetabsearch::after {
    content:"";
    display:block;
    clear:both;
}

.searchpage .btnrow {
    float:right;
}

.notetabsearch .notetab {
    float:left !important;
    margin-bottom:3px !important;
}

.notetabsearch .notetab.activenotetab a, .notetabsearch .notetab a:hover {
    background-color:#313E55 !important;
}

.notetabsearch .notetab a {
    font-size:14px;
    padding:8px 7px 8px 10px !important;
    font-family:'DINPro', Arial, Helvetica, sans-serif !important;
    background-color:#202B40 !important;
    color:#fff !important;
}

.notetabsearch .badge {
    border-radius:5px !important;
    background-color:#212E45 !important;
    padding:2px 4px !important;
    line-height:inherit !important;
    font-weight:normal;
    margin-left:2px;
}

.searchpage.whitediv form {
    padding:0 0 5px !important;
}

.searchpage.whitediv h2 {
    display:none;
}

.searchpage form input[type="submit"] {
    margin:11px 0 0 0.5em;
    font-size:0.9em;
}

.searchpage form br, .searchpage form label {
    display:none; 
}

.searchpage form .innerframe label {
    display:block;
    font-variant:normal;
    text-transform:none;
    padding:0 1px 1px 6px;
  }

.searchpage form .innerframe div.forminput {
    float:none !important;
    max-width:none !important;
}

.searchpage .infoframe.processed a.infobtn {
    position:relative;
    z-index:99;
  }
  
.variabledescription {
padding:6px 0 !important;
}

.searchpage form::after {
    display:block;
    content:" ";
    clear:both;
}

.searchpage.whitediv table, form table {
    border-collapse:separate !important;
    border-spacing:0px 6px;
    width:100%;
}

.searchpage.whitediv div.matris {
    margin:0 -11px;
}

select {
    appearance:none;
    background-color:transparent;
    border:none;
    padding:0 1em 0 0;
    width:100%;
    font-family:inherit;
    font-size:inherit;
    cursor:inherit;
    line-height:inherit;
  }
  
  select {
    width:100%;
    min-width:15ch;
    border:0;
    border-radius:3px;
    padding:0.25em 0.5em;
    cursor:pointer;
    line-height:1.1;
    background-color:#E8EDF6;
    font-size:0.9em;
    color:#313E55;
    padding:9px;
  }

.search-filters a {
    background-color:#343e47;
    border-radius:2px;
    color:white !important;
    font-weight:normal;
    padding:4px 5px 4px 7px;
    border-bottom:0 !important;
}
     
.search-filters .reset-filter-btn {
    background-color:transparent !important;
    background-image:url("/dir/page/1/ic_cancel_white_100dp_1x.png");
    background-position:-1px -1px;
    background-size:19px auto;
    border:0 none !important;
    font-size:0 !important;
    margin:auto 0 0 4px !important;
    padding:8px !important;
}
    
.search-filter-section dt .reset-filter-btn, .search-filter-section dt .reset-filter-btn:visited, .search-filter-section dt .reset-filter-btn:hover, .search-filter-section .reset-filter-btn, .search-filter-section .reset-filter-btn:visited, .search-filter-section .reset-filter-btn:hover {
    background-color:transparent !important;
    background-image:url("/dir/page/1/ic_cancel_dark_100dp_1x.png");
    background-position:-1px -1px;
    background-size:19px auto;
    border:0 none !important;
    font-size:0 !important;
    margin:auto 0 0 4px !important;
    padding:8px !important;
}
    
.search_form {
    background-image:none !important;
    background-color:transparent !important;
    border-radius:0;
    border:0 !important;
    box-shadow:none !important;
    margin:0.5em auto !important;
    padding:0em 5px !important;
}

.search_form span.row {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
}
    
.search_form ~ .row .nine.columns > h2 {
    margin-top:0;
}
    
.search_form input[type="text"] {
    font-size:1.2em;
    margin:0;
    padding:10px;
    width:100%;
    background-color:#F6F8FB !important;
    color:#313E55 !important;
    border:0 !important;
}
    
.search_form input[type="submit"] {
    float:none;
    font-size:1.2em;
    margin:0 0 0 13px;
    padding:10px 20px;
    width:auto;
}
     
.search_form .floatleft {
    display:none;
}
    
.search-filter-section {
    background-color:transparent;
    color:#000 !important;
    border-radius:2px;
    font-size:95%;
    margin-left:2% !important;
    padding:0;
    width:24% !important;
}
    
.search-filter-section .head {
    background-color:transparent;
    color:#fff;
}
     
.search-filter-section dt {
    background:transparent none repeat scroll 0 0;
    border:none;
    color:#555;
    text-align:right;
}
    
.search-filter-section li {
    margin:0.5em 0.2em !important;
    color:#202B40;;
    padding:5px 7px;
    border-radius:5px;
}

.search-filter-section li span:last-child {
    color:#202B40;
}

.search-filter-section div.chart {
    padding-bottom:6px;
}
    
.search-filter-section .more {
    background-color:#f7f7f7;
    padding:3px;
    text-align:center;
}
     
.search_form ~ .row div.listing dl .notabheader strong a {
    display:block;
    font-size:1.1em;
    margin-bottom:-1.3em;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    overflow:hidden;
    padding:0;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:97%;
}
    
.search_form ~ .row div.listing dl .notabheader strong a br, .search_form ~ .row div.listing dl .notabheader strong a p {
    display:none;
}
    
.search_form ~ .row .notabheader img {
    background-size:22px auto !important;
    padding:6px 11px 0 !important;
    margin-left:1px;
}
    
.search_form ~ .row .notabheader > span.statusspan {
    position:absolute;
    right:-18px;
    top:-17px;
}

.urlspan {
    font-family:'DinPro-Medium', arial, helvetica, sans-serif;
    font-size:1.2em;
    max-width:82%;
    display:block;
}

.userspan {
    font-family:'DinPro-Medium', arial, helvetica, sans-serif;
    display:block;
}

.idspan {
    font-family:'DinPro-Medium', arial, helvetica, sans-serif;
    display:block;
}
    
.search_form ~ .row .listing .btnrow a[href*="/admin"] {
    background-image:url("/dir/page/1/ic_settings_white_100dp_1x.png");
    color:#343e47 !important;
    font-size:0;
    padding:15px !important;
}
    
.search_form ~ .row .listing .btnrow a[href*="/edit"] {
    background-image:url("/dir/page/1/ic_edit_white_100dp_1x.png");
    color:#343e47 !important;
    font-size:0;
    padding:15px !important;
}

.search_form ~ .row .listing .btnrow a[href*="#underlag"] {
    background-image:url("/dir/page/1/ic_comment_white_100dp_1x.png") !important;
    padding:15px !important;
    font-size:0;
}
    
.search_form ~ .row .listing .btnrow a[href*="delete"] {
    background-image:url("/dir/page/1/ic_delete_white_100dp_1x.png");
}
    
.search_form ~ .row .listing .btnrow a[href*="blankett"] {
    background-image:url("/dir/page/1/ic_assignment_turned_in_white_100dp_1x.png");
    color:#343e47 !important;
    font-size:0; 
    padding:15px !important;
}
    
.search_form ~ .row .listing .btnrow a[href*="#beslut"] {
    background-image:url("/dir/page/1/ic_gavel_white_100dp_1x.png");
    color:#343e47 !important;
    font-size:0;
    padding:15px !important;
}
    
.search_form ~ .row .notabheader img[src*="/beslut.gif"] {
    background-color:#40474f;
    background-image:url("/dir/page/1/ic_gavel_white_100dp_1x.png") !important;
    background-position:5px 3px !important;
    background-repeat:no-repeat;
    background-size:16px auto !important;
    border-bottom:0 none;
    border-radius:30px;
    font-size:0;
    margin-bottom:-2px !important; 
    padding:6px 12px 0 !important; 
    width:1em;
}
    
.search_form ~ .row .listing .btnrow a[href*="#granska"] {
    background-image:url("/dir/page/1/ic_thumbs_up_down_white_100dp_1x.png");
    color:#343e47 !important;
    font-size:0;
    padding:15px !important;
}
    
.search_form ~ .row .notabheader img[src*="/granska.gif"] {
    background-color:#40474f;
    background-image:url("/dir/page/1/ic_thumbs_up_down_white_100dp_1x.png") !important;
    background-position:3px center !important;
    background-repeat:no-repeat;
    background-size:16px auto !important;
    border-bottom:0 none;
    border-radius:30px !important;
    font-size:0;
    margin-bottom:-2px;
    padding:6px 11px 0 !important;
    width:1em;
} 
    
.search_form ~ .row .listing .btnrow a[href*="#konkurrens"] {
    background-image:url("/dir/page/1/ic_show_chart_white_100dp_1x.png");
    color:#343e47 !important;
    font-size:0; 
    padding:6px 14px !important; 
} 
    
.search_form ~ .row .notabheader img[src*="/kb_g.gif"] {
    background-color:#40474f;
    background-image:url("/dir/page/1/ic_show_chart_white_100dp_1x.png") !important;
    background-position:3px center !important;
    background-repeat:no-repeat;
    background-size:16px auto !important;
    border-bottom:0 none;
    border-radius:30px !important;
    font-size:0;
    margin-bottom:-2px;
    padding:6px 11px 0 !important;
    width:1em;
}
    
.search_form ~ .row cite {
    display:none;
}
    
.search_form ~ .row div.listing dd {
    margin:0;
    width:80%;
}
    
.search_form ~ .row div.listing dl {
    position:relative;
} 
    
.search_form ~ .row div.listing .btnrow {
    bottom:0px;
    position:absolute;
    right:5px;
    height:auto;
}
    
    
@media only screen and (max-width:480px) {
    .search_form input[type="text"] {
        width:calc(100% - 57px);
    }
    
    .search_form input[type="submit"] {
        float:none;
        font-size:0;
        margin:0 0 0 13px;
        padding:22px;
        width:auto;
        background-image:url("/dir/page/1/ic_search_white_100dp_1x.png");
        background-size:25px;
        background-position:50% 50%;
        background-repeat:no-repeat;
    }

    .search-filter-section {
        width:40% !important;
    }

    .search_form ~ .row div.listing dd {
        width:100%;
    }

    .search_form ~ .row div.listing .btnrow {
        position:relative;
        right:0;
        height:40px;
        bottom:5px;
    }

    .search_form ~ .row .listing .btnrow a[href*="/admin"] {
        padding:20px !important;
        background-position:50% !important;
    }
        
    .search_form ~ .row .listing .btnrow a[href*="/edit"] {
        padding:20px !important;
        background-position:50% !important;
    }
        
    .search_form ~ .row .listing .btnrow a[href*="blankett"] {
        padding:20px !important;
        background-position:50% !important;
    }
        
    .search_form ~ .row .listing .btnrow a[href*="#beslut"] {
        padding:20px !important;
        background-position:50% !important;
    }

    .search_form ~ .row .listing .btnrow a[href*="#granska"] {
        padding:20px !important;
        background-position:50% !important;
    }

    .search_form ~ .row .listing .btnrow a[href*="#underlag"] {
        padding:20px !important;
        background-position:50% !important;
    }

    .search_form ~ .row {
        display:flex;
        flex-flow:column;
    }
    
    .search_form ~ .row .nine.columns {
        order:2;
    }
    
    .search-filter-section {
        order:1;
        float:none;
        width:100% !important;
        margin-left:0 !important;
        margin-bottom:10px;
        background-image:url('/dir/page/1/ic_keyboard_arrow_down_big_dark_100dp_1x.png');
        background-size:15px;
        background-repeat:no-repeat;
        background-position:95% 10px;
        transition:none;
    }

    .search-filter-section:hover {
        background-image:url("/dir/page/1/ic_keyboard_arrow_up_big_dark_100dp_1x.png");
        background-position:95% 10px;
    }
    
    .search-filter-section dl {
        display:none;
    }
    
    .search-filter-section:hover dl {
        display:block;
    }
}
    
/* ########################################
 ADMIN PAGE  
######################################## */
.adminpage {
    min-height:600px; 
}
    
.adminpage br {
    display:none;
}
    
.adminpage ~ .updated {
    display:none; 
}
    
div.counter {
    background-color:#fff;
    box-sizing:border-box;
    color:#40474f;
    float:left; 
    margin:10px 0 10px 1%;
    padding:25px 10px 10px 10px;
    text-align:center;
    width:32%;
}  
    
.number {
    font-size:3em;
    font-weight:bold;
    margin:0 auto;
    width:94px;
}
    
.counter .icon img { 
    height:50px;
}
    
.name {
    font-size:0.9em;
    padding:0 0 20px;
}
    
.typelist {
    background-color:#fff;
    float:left;
    margin:0 0 0 1%;
    padding:20px;
    width:59%;
    box-sizing:border-box;
}
    
.typelist .forms {
    width:79%;
    float:left;
    font-weight:bold;
    text-align:center;
    font-variant:small-caps;
    color:#555;
} 
    
.typelist .deadline {
    width:20%;
    float:right;
    font-weight:bold;
    text-align:center;
    font-variant:small-caps;
    color:#555;
}
    
.typelist .object {
    padding:10px 0;
    border-bottom:1px solid #ddd;
}
    
.typelist .typelink {
    float:left;
    height:1.4em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:79%;
}
    
.typelink a {
    display:block;
    border-bottom:0;
}
    
.typelist .enddate {
    width:20%;
    float:right;
    text-align:center;
}
    
.alarm > img {
    width:20px;
}
    
.alarm {
    text-align:center;
}
    
.addnews img {
    margin-bottom:-5px;
    width:20px;
}
    
.addnews > a {
    border:0 none;
    display:block;
    text-align:center;
}
    
/* status counters when in form summary */ 
.statusballs {
    align-items:center;
    background:rgba(0, 0, 0, 0) linear-gradient(#fff 50%, #ccc 51%, #ccc 52%, #fff 52%) repeat scroll 0 0;
    display:flex;
    justify-content:space-between;
    padding:20px 0 20px 10px;
}
    
.statusball {
    border-radius:100px;
    color:white;
    float:left;
    font-family:"DINPRO-Medium";
    margin:0 5px 0 0;
    padding:5px 15px;
    transition:all 0.2s ease;
    position:relative;
}
    
.statustext {
    background-color:#444;
    border-radius:2px;
    bottom:-25px;
    font-family:"Open Sans";
    font-size:11px;
    left:0;
    opacity:0;
    padding:2px 5px;
    position:absolute;
    transition:all 0.2s ease 0s;
    white-space:nowrap;
    box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.25) !important;
}
    
.statusball:hover .statustext {
    opacity:1;
}
    
.statusball:hover {
    box-shadow:0 0 0 1000px rgba(255, 255, 255, 0.2) inset;
}
    
.statusball a {
    color:white !important;
    text-decoration:none !important;
}
    
.clearfilter a {
    background-color:#eee;
    border-radius:2px;
    float:right;
    font-size:0.9em;
    padding:3px 5px;
    text-decoration:none;
    display:none;
}
    
.clearfilter.T1 a, .clearfilter.T2 a, .clearfilter.T3 a, .clearfilter.T4 a, .clearfilter.T5 a, .clearfilter.T6 a, .clearfilter.T7 a, .clearfilter.T8 a, .clearfilter.T10 a, .clearfilter.T11 a, .clearfilter.T6-11 a, .clearfilter.T-1-0 a {
    display:inline;
} 
    
/* tablist for dig on admin page */ 
.tablist .Y2019[style*="2019"] a, .tablist .Y2018[style*="2018"] a, .tablist .Y2017[style*="2017"] a, .tablist .Y2016[style*="2016"] a, .tablist .Y2015[style*="2015"] a, .tablist .Y2014[style*="2014"] a, .tablist .Y2013[style*="2013"] a, .tablist .Y2012[style*="2012"] a, .tablist .Y2011[style*="2011"] a, .tablist .Y2010[style*="2010"] a, .tablist .Y2009[style*="2009"] a, .tablist .Y2008[style*="2008"] a, .tablist .Y2007[style*="2007"] a, .tablist .Y2006[style*="2006"] a, .tablist .Y2005[style*="2005"] a, .tablist .Y2004[style*="2004"] a, .tablist .Y2003[style*="2003"] a, .tablist .Y2002[style*="2002"] a,  .tablist .Y2001[style*="2001"] a,  .tablist .Y2000[style*="2009"] a {
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-bottom:3px solid #f5f5f5;
    border-top:2px solid #3cb3bb;
    background-image:none !important;
}
    
/* navigate through years on admin page */ 
.yearnavigation {
    display:flex;
    justify-content:space-between;
}
    
.yearnavigation.adm {
    margin:0 1% -10px 1%;
}
    
.yearnavigation div {
    display:none;
    margin:0 0 12px;
}
    
.yearnavigation div a {
    background-repeat:no-repeat;
    background-size:13px;
    background-color:white;
    text-decoration:none;
}
    
.yearnavigation .Y2017.F2018, .yearnavigation .Y2016.F2017, .yearnavigation .Y2015.F2016, .yearnavigation .Y2014.F2015, .yearnavigation .Y2013.F2014, .yearnavigation .Y2012.F2013, .yearnavigation .Y2011.F2012, .yearnavigation .Y2010.F2011, .yearnavigation .Y2009.F2010, .yearnavigation .Y2008.F2009, .yearnavigation .Y2007.F2008, .yearnavigation .Y2006.F2007, .yearnavigation .Y2005.F2006, .yearnavigation .Y2004.F2005, .yearnavigation .Y2003.F2004, .yearnavigation .Y2002.F2003, .yearnavigation .Y2001.F2002, .yearnavigation .Y2000.F2001, .yearnavigation .F2017.Y2018, .yearnavigation .F2016.Y2017, .yearnavigation .F2015.Y2016, .yearnavigation .F2014.Y2015, .yearnavigation .F2013.Y2014, .yearnavigation .F2012.Y2013, .yearnavigation .F2011.Y2012, .yearnavigation .F2010.Y2011, .yearnavigation .F2009.Y2010, .yearnavigation .F2008.Y2009, .yearnavigation .F2007.Y2008, .yearnavigation .F2006.Y2007, .yearnavigation .F2005.Y2006, .yearnavigation .F2004.Y2005, .yearnavigation .F2003.Y2004, .yearnavigation .F2002.Y2003, .yearnavigation .F2001.Y2002, .yearnavigation .F2000.Y2001 a {
    display:block;
}
    
.yearnavigation .Y2017.F2018 a, .yearnavigation .Y2016.F2017 a, .yearnavigation .Y2015.F2016 a, .yearnavigation .Y2014.F2015 a, .yearnavigation .Y2013.F2014 a, .yearnavigation .Y2012.F2013 a, .yearnavigation .Y2011.F2012 a, .yearnavigation .Y2010.F2011 a, .yearnavigation .Y2009.F2010 a, .yearnavigation .Y2008.F2009 a, .yearnavigation .Y2007.F2008 a, .yearnavigation .Y2006.F2007 a, .yearnavigation .Y2005.F2006 a, .yearnavigation .Y2004.F2005 a, .yearnavigation .Y2003.F2004 a, .yearnavigation .Y2002.F2003 a, .yearnavigation .Y2001.F2002 a, .yearnavigation .Y2000.F2001 a {
    background-image:url("/dir/page/1/ic_arrow_back_dark_100dp_1x.png");
    background-position:5px 50%;
    padding:5px 7px 5px 22px;
}
    
.yearnavigation .F2017.Y2018 a, .yearnavigation .F2016.Y2017 a, .yearnavigation .F2015.Y2016 a, .yearnavigation .F2014.Y2015 a, .yearnavigation .F2013.Y2014 a, .yearnavigation .F2012.Y2013 a, .yearnavigation .F2011.Y2012 a, .yearnavigation .F2010.Y2011 a, .yearnavigation .F2009.Y2010 a, .yearnavigation .F2008.Y2009 a, .yearnavigation .F2007.Y2008 a, .yearnavigation .F2006.Y2007 a, .yearnavigation .F2005.Y2006 a, .yearnavigation .F2004.Y2005 a, .yearnavigation .F2003.Y2004 a, .yearnavigation .F2002.Y2003 a, .yearnavigation .F2001.Y2002 a, .yearnavigation .F2000.Y2001 a {
    background-image:url("/dir/page/1/ic_arrow_forward_dark_100dp_1x.png");
    background-position:right 5px center;
    padding:5px 22px 5px 7px;
}
    
/* admin ansokan */ 
.content.fullscreen .btnrow + div .floatright ~ div[style="text-align:center;margin:0 0 0.5em;"] {
    display:none;
} 
  
/* ########################################
 GENERATE REPORT 
######################################## */
.selectcolumn dl.infoframe {
    background-color:#efefef !important;
    background-image:none !important;
    border:0 none;
    color:#444 !important;
    font-weight:normal;
    padding:10px !important;
    margin:0;
    width:99%;
    box-sizing:border-box;
    z-index:9999;
    border-radius:3px;
}
    
.selectcolumn dl.infoframe:hover {
    background-color:#f4f4f4 !important;
    box-shadow:0 1px 2px 0px rgba(0,0,0,0.12) !important;
}
    
.selectcolumn .infoframe.processed strong {
    font-weight:normal;
}
    
.selectcolumn dd.innerframe a {
    color:#444 !important;
    padding:2px 0 2px 3px;
}
    
.selectcolumn .infoframe dt strong a {
    margin-top:-3px;
    padding:0;
}
    
.selectcolumn .infoframe dt strong div {
    display:inline;
}
    
.selectcolumn .infoframe dt strong div.notselected {
    display:none;
}
    
.selectcolumn .infoframe dt strong a img {
    height:22px;
}
    
.innerframe .lvl {
    font-family:"DINPRO-Medium";
    font-size:1.05em;
    padding:2px 0 0;
}
    
.innerframe .clearfield {
    padding:0;
}
    
/* ########################################
 MISC 
######################################## */
/* Do not show query on .querycontent */
.querycontent form {
    display:none;
}
    
/* LISTING styled as whitedivs */ 
.content div.listing {
    background-color:#fff !important;
    padding:10px;
}

div.listing {
    background-color:transparent !important;
    border:0;
}
    
div.listing dl:hover {
    background-color:#F1F3FA !important;
}
    
div.listing dl {
    background-color:#F6F8FB;
    box-shadow:none;
    margin:0 0 8px;
    padding:12px 15px;
    border:0;
    border-radius:5px
}
    
div.listing dd {
    margin:0;
}
    
div.listing dl .notabheader a {
    font-size:1.1em;
}

div.listing.messages dl.unread {
    background-color:#BAD5F9;
    border:0 !important;
}

div.listing.messages dl dd {
    float:right;
}

div.listing.messages dl dt {
    float:left;
}

div.listing.messages dl::after {
    display:block;
    content:"";
    clear:both;
}
    
.updated {
    background-color:#fff;
    padding:4px 4px 0px 4px;
    border:1px solid #eee;
    min-height:20px;
    display:none;
}

.updated span img {
    padding:0px 10px !important;
    margin-left:3px;
    background-size:15px;
}

.textborder {
    border:2px solid #556888 !important;
    display:inline-block;
    background-color:transparent !important;
    padding:5px 10px !important;
    border-radius:5px;
    color:#556888;
    font-variant:small-caps;
    text-transform:lowercase;
    position:absolute;
    top:10px;
    right:9px;
    margin:0;
    font-weight:lighter;
    font-family:'DINPRO-Medium', Arial, sans-serif;
}

/* --- transactions form && integrations ---- */

.transactions table, .integrations table {
    width:100%;
}

.transactions form input[type="text"], .transactions form input[type="date"], .integrations form input[type="text"], .integrations form input[type="date"] {
    margin:0 7px 0 0;
    padding:9px 13px;
    border-radius:5px;
}

.transaction .prelist form, .integrations form.search_form_integrations {
    margin:0;
    padding:0;
}

.integrations .helpwrapper {
    top:inherit !important;
    width:auto !important;
}

/* --- search decisions ---- */

.searchdecisions table {
    width:100%;
}

.searchdecisions form {
    margin:0;
    padding:0;
}

.searchdecisions .btn_module_ansokan_addon_offline_picture_download_gif {
    background-repeat:no-repeat;
    background-size:25px;
  }

/* --- meeting form ---- */

.forminput.field_name_start_date, .forminput.field_name_end_date, .forminput.field_name_group_id {
    float:left;
    clear:both;
}

.prelist {
    display:flex;
    justify-content:space-between;
    flex-direction:row;
    padding:5px 0 12px;
}

.searchBarWrapper {
    flex-grow:1;
    background-color:transparent;
    padding:0;
    margin:0;
}

.back_button, .add_button, .closeajax {
    display:inline-block;
    border:2px solid #313E55;
    padding:6px 12px;
    border-radius:5px;
    font-family:'DINPro-Medium', arial, sans-serif;
    align-self:center;
    margin:5px;
    color:#313E55;
}

.add_button {
    display:block;
    float:right;
    margin:-34px 5px 5px;
}

.prelist .add_button {
    margin:0 0 0 12px;
}

#yjs-connect-btn {
    display:none;
}
    
.proofread_edit {
    float:right;
}

.meeting .daysinput {
    width:auto;
    min-width:inherit;
}

.listbutton {
    float:right;
    display:block;
    padding:5px 5px 1px;
    border-radius:23px;
    margin:2px -5px 0 6px;
}

.listbutton img {
    width:24px;
    height:auto;
}

.listbutton:hover {
    background-color:#202B40;
}
    
@media only screen and (max-width:1180px) {
    .listing cite {
        display:none !important;
    }
}
    
/* ########################################
 CHARTS 
######################################## */  
td.matris[title*="graf"]>div {
    background-color:#ededed;
}
    
td.matris[title*="graf"]>div>div {
    background-color:#5cd3db;
    box-sizing:border-box;
    padding:4px;
    white-space:nowrap;
    width:0;
}

.chart {
    fill:#41516A;
}
    
.chart .selected {
    fill:#556888;
}
    
.chart .hover {
    fill:#556888;
}

/* ########################################
 NEW ICONS
######################################## */
/* content icons */
a.popup, a.popup:visited, div.publication_citations span .popup {
    background-size:0px !important;
  /*  background-image:url("/dir/page/1/ic_open_in_new_black_100dp_1x.png") !important; */
    transition:all 0.2s ease;
    padding:0 !important; 
    background-repeat:no-repeat;
    background-position:right center;
}
    
a.popup:hover, div.publication_citations span .popup:hover {
    background-size:11px auto !important;
    padding-right:12px !important;
} 
    
/* Buttons */  
.btn .btn_module_page_picture_page_gif {
    background-image:url("/dir/page/1/ic_web_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_gears_gif {
    background-image:url("/dir/page/1/ic_settings_white_100dp_1x.png") !important;
}
    
.btn .btn_module_page_picture_gif_gif[href*="/page/files/"], .btn .btn_module_common_picture_edit_gif[href*="/page/files?id="] {
    background-image:url("/dir/page/1/ic_file_upload_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_search_gif, .btn .btn_module_common_picture_document_search_gif, .btn .btn_module_unit_picture_unit_search_gif {
    background-image:url("/dir/page/1/ic_search_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_print_gif {
    background-image:url("/dir/page/1/ic_print_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_cancel_gif {
    background-image:url("/dir/page/1/ic_cancel_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_edit_gif, .btn .btn_module_ansokan_picture_ansokan_edit_gif, .btn .btn_module_document_picture_document_edit_gif, .btn .btn_module_project_picture_project_edit_gif, .btn .btn_module_common_picture_card_gif, .btn .btn_module_unit_picture_unit_edit_gif, .btn .btn_module_user_addon_cv_picture_cv_gif {
    background-image:url("/dir/page/1/ic_edit_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_admin_picture_admin_gif, .btn .btn_module_document_addon_admin_picture_admin_gif, .btn .btn_module_project_addon_admin_picture_admin_gif {
    background-image:url("/dir/page/1/ic_settings_applications_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_people_gif {
    background-image:url("/dir/page/1/ic_supervisor_account_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_back_gif {
    background-image:url("/dir/page/1/ic_undo_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_delete_gif {
    background-image:url("/dir/page/1/ic_delete_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_forward_png {
    background-image:url("/dir/page/1/ic_redo_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_save_gif {
    background-image:url("/dir/page/1/ic_save_white_100dp_1x.png") !important;
}
    
.btn .btn_module_user_picture_card_hidden_gif, .btn .btn_module_unit_picture_unit_hidden_gif, .btn .btn_module_ansokan_picture_ansokan_hidden_gif {
    background-image:url("/dir/page/1/ic_visibility_off_white_100dp_1x.png") !important;
}
    
.btn .btn_module_user_picture_card_gif, .btn .btn_module_unit_picture_unit_gif, .btn a[href*="?nohide=1"]  {
    background-image:url("/dir/page/1/ic_visibility_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_green_gif {
    background-image:url("/dir/page/1/ic_check_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_key_gif, .btn .btn_module_ansokan_addon_ekonomi_picture_ekonomi_key_gif {
    background-image:url("/dir/page/1/ic_vpn_key_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_new_card_gif {
    background-image:url("/dir/page/1/ic_person_add_white_100dp_1x.png") !important;
}
    
.btn .btn_module_user_addon_change_user_picture_login_user_gif {
    background-image:url("/dir/page/1/ic_screen_share_white_100dp_1x.png") !important;
} 
    
.btn .btn_module_addon_form_picture_form_gif, .btn .btn_module_ansokan_picture_ansokan_gif {
    background-image:url("/dir/page/1/ic_description_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_email_picture_email_gif {
    background-image:url("/dir/page/1/ic_email_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_blankett_picture_blankett_gif {
    background-image:url("/dir/page/1/ic_assignment_turned_in_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_picture_b_png {
    background-image:url("/dir/page/1/ic_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_picture_y_png {
    background-image:url("/dir/page/1/ic_warning_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_picture_r_png {
    background-image:url("/dir/page/1/ic_report_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_form_picture_form_edit_gif {
    background-image:url("/dir/page/1/ic_note_add_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_email_picture_email_edit_gif {
    background-image:url("/dir/page/1/ic_email_add_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_blankett_picture_blankett_edit_gif {
    background-image:url("/dir/page/1/ic_note_add_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_granska_picture_granska_edit_gif {
    background-image:url("/dir/page/1/ic_note_add_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_copy_gif {
    background-image:url("/dir/page/1/ic_content_copy_white_100dp_1x.png") !important;
}
    
.btn .btn_module_project_picture_project_gif {
    background-image:url("/dir/page/1/ic_public_white_100dp_1x.png") !important;
}
    
.btn .btn_module_unit_picture_unit_admin_gif {
    background-image:url("/dir/page/1/ic_device_hub_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_people_gif[href*="/unit"][href*="pid=-1"] {
    background-image:url("/dir/page/1/ic_person_add_white_100dp_1x.png") !important;
}
    
.btn .btn_module_unit_picture_unit_gif[href*="/unit/type"]  {
    background-image:url("/dir/page/1/ic_device_hub_white_100dp_1x.png") !important;
}
    
.btn .btn_module_page_picture_page_edit_gif {
    background-image:url("/dir/page/1/ic_web_add_white_100dp_1x.png") !important;
}
    
.btn .btn_module_document_picture_document_hidden_gif {
    background-image:url("/dir/page/1/ic_visibility_off_white_100dp_1x.png") !important;
}
    
.btn .btn_module_document_picture_document_hidden_gif {
    background-image:url("/dir/page/1/ic_visibility_off_white_100dp_1x.png") !important;
}
    
.btn .btn_module_document_picture_document_gif, .btn .btn_module_addon_report_picture_report_gif {
    background-image:url("/dir/page/1/ic_document_white_100dp_1x.png") !important;
}
    
.btn .btn_module_addon_publication_picture_publikationslista_gif {
    background-image:url("/dir/page/1/ic_list_white_100dp_1x.png") !important;
}
    
.btn a[href*="action=syncswepub"] {
    background-image:url("/dir/page/1/ic_sync_white_100dp_1x.png") !important;
    background-size:17px auto;
}
    
.btn .btn_module_user_addon_resurs_picture_resurs_gif {
    background-image:url("/dir/page/1/ic_person_white_100dp_1x.png") !important;
}
    
.btn .btn_module_common_picture_undelete_gif {
    background-image:url("/dir/page/1/ic_undelete_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_granska_picture_granska_gif {
    background-image:url("/dir/page/1/ic_thumbs_up_down_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_beslut_picture_beslut_gif {
    background-image:url("/dir/page/1/ic_gavel_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_kb_picture_kb_gif {
    background-image:url("/dir/page/1/ic_show_chart_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_offline_picture_download_gif {
    background-image:url("/dir/page/1/ic_file_download_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_offline_picture_upload_gif {
    background-image:url("/dir/page/1/ic_file_upload_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_underlag_picture_underlag_edit_gif {
    background-image:url("/dir/page/1/ic_visibility_add_white_100dp_1x.png") !important;
}

.btn .btn_module_common_picture_external_gif {
    background-image:url("/dir/page/1/ic_open_in_new_white_100dp_1x.png") !important;
}

.btn .btn_module_tree_picture_tree_gif {
    background-image:url("/dir/page/1/ic_account_tree_white_100dp_1x.png") !important;
}

.btn .btn_module_ansokan_addon_underlag_picture_underlag_gif {
    background-image:url("/dir/page/1/ic_visibility_white_100dp_1x.png") !important;
}

.btn .btn_module_ansokan_addon_underlag_picture_underlag_group_gif {
    background-image:url("/dir/page/1/ic_visibility_white_100dp_1x.png") !important;
}
    
.btn .btn_module_ansokan_addon_granska_picture_granska_group_gif {
    background-image:url("/dir/page/1/ic_group_white_100dp_1x.png") !important;
}

a.btn_module_time_picture_time_admin_gif {
    background-image:url("/dir/page/1/ic_time_admin_white_100dp_1x.png") !important;
}

a.btn_module_time_picture_time_report_gif {
    background-image:url("/dir/page/1/ic_time_report_white_100dp_1x.png") !important;
}

a.btn_module_time_picture_time_gif {
    background-image:url("/dir/page/1/ic_timelapse_white_100dp_1x.png") !important;
}

a.btn_module_time_picture_calendar_gif {
    background-image:url("/dir/page/1/ic_calendar_today_white_100dp_1x.png") !important;
}

a img[src*="/delete.gif"] {
    background-image:url("/dir/page/1/ic_delete_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/edit.gif"] {
    background-image:url("/dir/page/1/ic_edit_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/document_edit.gif"] {
    background-image:url("/dir/page/1/ic_edit_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:18px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/up.gif"] {
    background-image:url("/dir/page/1/ic_arrow_up_dark_100dp_1x.png") !important;
    background-position:0 0;
    background-size:14px auto;
    font-size:0;
    padding:4px 6px 0 !important;
    width:1em;
}
    
a img[src*="/down.gif"] {
    background-image:url("/dir/page/1/ic_arrow_down_dark_100dp_1x.png") !important;
    background-position:0 0;
    background-size:14px auto;
    font-size:0;
    padding:4px 6px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/insert.gif"] {
    background-image:url("/dir/page/1/ic_add_circle_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/copy.gif"] {
    background-image:url("/dir/page/1/ic_content_copy_dark_100dp_1x.png") !important;
    background-position:1px 0;
    background-repeat:no-repeat;
    background-size:19px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/red.gif"] {
    background-image:url("/dir/page/1/ic_cancel_color_100dp_1x.png") !important;
    background-position:0px 2px;
    background-repeat:no-repeat;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/green.gif"] {
    background-image:url("/dir/page/1/ic_check_circle_color_100dp_1x.png") !important;
    background-position:0px 2px;
    background-repeat:no-repeat;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/css.gif"] {
    background-image:url("/dir/page/1/ic_css_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
}
    
a img[src*="/search.gif"] {
    background-image:url("/dir/page/1/ic_search_dark_100dp_1x.png") !important;
    background-size:19px auto;
    font-size:0;
    padding:3px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
    
table img[src*="/info.gif"] {
    background-image:url("/dir/page/1/ic_dark_100dp_1x.png") !important;
    background-size:19px auto;
    font-size:0;
    padding:3px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
} 
    
img[src*="/granska.gif"] {
    background-image:url("/dir/page/1/ic_thumbs_up_down_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
img[src*="/admin.gif"] {
    background-image:url("/dir/page/1/ic_settings_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}
    
img[src*="/kontroll.gif"]{
    background-image:url("/dir/page/1/ic_place_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
img[src*="/beslut.gif"] {
    background-image:url("/dir/page/1/ic_gavel_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
h2 img[src*="/delete.gif"] {
    background-image:url("/dir/page/1/ic_delete_dark_100dp_1x.png") !important;
}
    
img[src*="/library.gif"] {
    background-image:url("/dir/page/1/ic_lock_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px 0 !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
}
    
img[src*="/f_kryss.gif"], img[src*="/kryss.gif"] {
    background-image:url("/dir/page/1/ic_check_box_dark_100dp_1x.png")  !important; 
    background-repeat:no-repeat;
    background-size:15px auto !important;
    border-bottom:0 none !important;
    font-size:0;
    opacity:0.8 !important;
    padding:2px 8px 1px !important;
    width:1em;
}
    
.btn a.btn_module_common_picture_search_gif[href*="action=importbyname"]{
    background-image:url("/dir/page/1/ic_auto_search_white_100dp_1x.png") !important;
}
    
.btn a.btn_module_user_picture_card_gif[href*="user/cv?id="] {
    background-image:url("/dir/page/1/ic_arrow_back_white_100dp_1x.png") !important;
}
    
img[src*="/ingetkryss.gif"] {
    background-image:url("/dir/page/1/ic_check_box_outline_blank_dark_100dp_1x.png")  !important; 
    background-repeat:no-repeat;
    background-size:15px auto !important;
    border-bottom:0 none !important;
    font-size:0;
    opacity:0.8 !important;
    padding:2px 8px 1px !important;
    width:1em;
}
    
img[src*="/people.gif"] {
    background-image:url("/dir/page/1/ic_group_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}
    
img[src*="/key.gif"] {
    background-image:url("/dir/page/1/ic_vpn_key_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/email.gif"] {
    background-image:url("/dir/page/1/ic_email_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/sql.gif"] {
    background-image:url("/dir/page/1/ic_sql_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/flags.png"] {
    background-image:url("/dir/page/1/ic_translate_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/info.gif"] {
    background-image:url("/dir/page/1/ic_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/info_y.gif"] {
    background-image:url("/dir/page/1/ic_warning_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/info_r.gif"] {
    background-image:url("/dir/page/1/ic_cancel_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/ekonomi.gif"] {
    background-image:url("/dir/page/1/ic_monetization_circle_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/document.gif"] {
    background-image:url("/dir/page/1/ic_document_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/tree.gif"] {
    background-image:url("/dir/page/1/ic_account_tree_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/support.gif"] {
    background-image:url("/dir/page/1/ic_help_outline_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/report.gif"] {
    background-image:url("/dir/page/1/ic_assessment_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/offline.gif"] {
    background-image:url("/dir/page/1/ic_wifi_off_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/bg.gif"] {
    background-image:url("/dir/page/1/ic_local_atm_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/form.gif"] {
    background-image:url("/dir/page/1/ic_description_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/admin_tools.gif"] {
    background-image:url("/dir/page/1/ic_admin_person_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/gears.gif"] {
    background-image:url("/dir/page/1/ic_sysadmin_person_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/ok.gif"] {
    background-image:url("/dir/page/1/ic_bug_report_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/read_rights.gif"] {
    background-image:url("/dir/page/651/ic_full_read_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/green.gif"] {
    background-image:url("/dir/page/1/ic_verified_user_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/unit.gif"] {
    background-image:url("/dir/page/1/ic_unit_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/underlag.gif"] {
    background-image:url("/dir/page/1/ic_visibility_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/blankett.gif"] {
    background-image:url("/dir/page/1/ic_description_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/project.gif"] {
    background-image:url("/dir/page/1/ic_document_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/prepare.png"] {
    background-image:url("/dir/page/1/ic_assignment_ind_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/kb_granska.gif"] {
    background-image:url("/dir/page/1/ic_show_chart_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/ansokan.gif"] {
    background-image:url("/dir/page/1/ic_assignment_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

img[src*="/document_search.gif"] {
    background-image:url("/dir/page/1/ic_search_document_dark_100dp_1x.png") !important;
    background-size:20px auto;
    font-size:0;
    padding:4px 10px !important;
    width:1em;
    border-bottom:0 !important;
    background-repeat:no-repeat;
    background-position:bottom;
}

/* ########################################
 CV
######################################## */
.ajax_enabled div.matris {
    border-left:0 none;
    border-right:0 none;
    margin:0 0px;
}
    
.ajax_enabled tr:last-child:hover {
    background-color:transparent !important;
}
    
.ajax_enabled td[colspan]:last-child {
    padding:9px 8px 9px 5px;
    border-color:#ddd;
    border-bottom:none;
    text-align:center;
}
    
div#addnew {
    float:none;
    margin-top:20px;
    -webkit-appearance:none;
}
    
.ajax_enabled tr.matris th:last-child {
    text-align:right !important;
    width:10%;
}
    
.ajax_enabled tr.matris th {
    text-align:left !important;
}
    
.listing td.lista:last-child {
    text-align:right !important;
}
    
/*** --- end of rwss.css --- ***/
/** 
 * --- CSS Generator - dynamic content ---
 */

/* SITE SPECIFIC CSS */

.whitediv.blobb {
  background-image:url('/dir/page/1/blobb.png');
  background-repeat:no-repeat;
  background-position:-189% 10%;
  background-size:120%;
}

.whitediv {
  font-size:1.1em;
  line-height:1.4em;
}

#bankid_login_form {
    padding-bottom:30px;
}

.ansokan.edit .versions {
    margin:0 7px 7px;
}

.ansokan.edit form .versions .versionsbtn a {
    background-color:#f2f6f8 !important;
    border-radius:4px;
    color:#004D7E !important;
    padding:10px 12px !important;
}


.warning {
    position:fixed;
    top:60px;
    width:100%;
    background-color:#F9F0EC;
    z-index:99;
    padding:6px 15px;
    color:#C8683F;
    font-size:1.1em;
}

/*
#yjs-connect-btn {
display:none;
}

.proofread_edit {
    float:right;
}

.btn a[href*="reindex"], .btn a[href*="send_email"], a.btn_module_common_picture_back_gif {
display:none !important;
}

.collaboratorframe .innerframe {
    border:0;
}

.collaboratorframe legend {
    display:none;
}
*/

.ansokan.edit .grundansokan {
    width:50%;
    float:left;
}

.ansokan.edit .subfield {
    width:29%;
    float:left;
}

.ansokan.edit .tidigareavdelning {
padding-top:1px;
clear:both;
}

.grundansokan h1, .datumbeslutgrund h1 {
    display:none;
}

.ansokan.edit form .errornotetab.notetab a {
    background-image:url('/module/common/picture/ic_warning_dark_100dp_1x.png');
    background-size:18px;
    background-repeat:no-repeat;
    background-position:right 10px top 50%;
    padding:9px 28px 9px 12px;
    background-color:#f9f0ec;
    color:#C8683F;
}

.ansokan.edit form .forminput input[type="text"] {
    background-color:#fff !important;
    border:1px solid #cccccc !important;
}

.ansokan.edit form .formbuttondiv input[name="cancel"] {
    background-color:#fff !important;
    color:#004D7E !important;
    border:2px solid #004D7E !important;
}

.ansokan.edit form .formbuttondiv input[name="save_form"] {
    background-color:#8AA5D1 !important;
}

.ansokan.edit form .formbuttondiv input[name="submit"] {
    background-color:#004D7E !important;
}

/* FAQ SECTION */
.FAQ .infoframe.processed {
    background-color:#fcebe6;
    border:0;
    padding:20px;
}

.FAQ .infoframe dt {
    font-family:DinPRO-Medium, helvetica, arial, sans-serif;
    font-size:1.15em;
    font-weight:lighter !important;
    color:#004d7e;
}

.FAQ .infoframe .innerframe {
    font-size:1.05em;
    line-height:1.5em;
    margin-top:0.4em;
}

.faq #searchBar {
    padding:13px;
}

/*
form textarea {
    font-family:'DINPRO', arial, helvetica, sans-serif;
}

.collaboratorframe {
    position:absolute;
    top:0;
    right:0;
}

.collaborator {
    color:white !important;
    display:inline;
    border-radius:4px !important;
    margin:0 2px;
    padding:5px 6px !important;
}

body.ansokan .xrefframe {
    background-color:#F6F8FB;
    border:0;
    box-shadow:none !important;
    padding:15px !important;
    border-radius:5px;
}

body.ansokan:not(.edit) .notebook {
    font-size:1em !important;
    width:22vw;
    display:block;
    position:absolute;
    top:70px;
    left:0;
    background-color:white;
}

body.ansokan.edit .notebook.is-sticky, body.ansokan.edit .notebook.sticky {
    width:22% !important;
}

body.ansokan .content .notebook li a {
    overflow:hidden;
    text-overflow:ellipsis;
}

#granska {
    position:relative;
    width:auto;
    box-shadow:none;
    height:auto;
    background-color:#F6F8FB;
    margin:20px 0;
    overflow:auto;
}
*/

.ansokan.edit form .fieldclass dd {
    padding:0;
    margin:0;
}

.content.fullscreen {
    background-color:transparent !important;
    padding:10px !important;
}

.content:not(.fullscreen) {
    width:auto !important;
}

.fullscreen form .notetab a {
    text-align:left;
white-space:normal !important;
}

button[class*="pivot_btn"] {
    display:none !important;
}

form[action*="ansokan/search"] input[type="text"] {
    width:100%;
    margin:0 0 4px;
}

form[action*="ansokan/search"] label[for="search"] {
display:none;
}

form[action*="ansokan/search"] input[type="submit"] {
float:right;
}

.topmenu div > a:hover, .logoutbutton a:hover, .loginbutton a:hover, .langicon:hover {
    text-decoration:underline;
    background-color:transparent;
}

.menu {
    border-top:none;
}

.topwrap .menu li a, .message a {
    background-image:none !important;
}

.menu li a:hover, .menu .mainnavselected a, body.messages .topwrap div#message, body.messages .topwrap .message a, body.ansokan .topwrap a[href*="apps"] {
background-color:#004D7E !important;
color:#fff !important;
}

/*.content.fullscreen .notebook {
    width:20vw;
    float:left;
}*/

/*.content.fullscreen form div .formgroup {
    width:75vw;
    float:right;
}*/

.userwrap {
    align-items:center;
}


.tablist {
border:0 !important;
padding:0 !important;
display:block;
}

.tablist div:hover {
background-color:transparent !important;
}

.notetab {
border:0 !important;
}

.tablist div.active a, .tablist div a:hover, .activenotetab a, .notetab a:hover {
    background-color:#313E55 !important;
    border:0 !important;
    color:#fff !important;
}

.tablist div a, .notetab a {
    color:#313E55;
    border:0;
    border-radius:5px;
    margin:0 3px 3px;;
    padding:9px 14px;
    background-color:#F6F8FB;
}

/* Listing */

.content div.listing {
    background-color:#fff !important;
    padding:10px;
}

div.listing dl:hover {
    background-color:#F1F3FA !important;
}

div.listing dl {
    background-color:#F6F8FB;
    border-radius:5px;
}

div.listing.messages dl.unread {
    background-color:#BAD5F9;
    border:0 !important;
}

div.listing.messages dl dd {
    float:right;
}

div.listing.messages dl dt {
    float:left;
}

div.listing.messages dl::after {
    display:block;
    content:"";
    clear:both;
}

.textborder {
    border:2px solid #556888 !important;
    display:inline-block;
    background-color:transparent !important;
    padding:5px 10px !important;
    border-radius:5px;
    color:#556888;
    font-variant:small-caps;
    text-transform:lowercase;
    position:absolute;
    top:10px;
    right:9px;
    margin:0;
    font-weight:lighter;
    font-family:DINPRO-Medium;
}

/* Search page */

.searchpage form .forminput {
    float:left;
    width:auto;
}

.searchpage.whitediv form {
padding:0 0 5px !important;
}

.searchpage.whitediv h2 {
display:none;
}

.searchpage form input[type="submit"] {
margin:3px 0 0 0.5em;
font-size:0.9em;
}

.searchpage form br, .searchpage form label {
display:none; 
}

.searchpage form::after {
    display:block;
    content:" ";
    clear:both;
}

select {
  appearance:none;
  background-color:transparent;
  border:none;
  padding:0 1em 0 0;
  width:100%;
  font-family:inherit;
  font-size:inherit;
  cursor:inherit;
  line-height:inherit;
}

select {
  width:100%;
  min-width:15ch;
  max-width:30ch;
  border:0;
  border-radius:3px;
  padding:0.25em 0.5em;
  cursor:pointer;
  line-height:1.1;
  background-color:#E8EDF6;
  font-size:0.9em;
color:#313E55;
padding:9px;
}

input[type="text"] {
background-color:#E8EDF6 !important;
border:0 !important;
color:#313E55 !important;
box-shadow:none !important;
border-radius:5px;
padding:8px;
font-family:"DINPRO-Regular", arial, sans-serif;
}

input[type="text"]:focus {
box-shadow:none !important;
}

table th a {
    background-color:#41516A;
    padding:6px;
    border-radius:5px;
    font-weight:normal;
}

.searchpage.whitediv table, form table {
    border-collapse:separate;
    border-spacing:0px 6px;
}

.searchpage.whitediv div.matris {
margin:0 -11px;
}

/* --- elastic search ---- */

.search_form {
    background-color:transparent !important;
    padding:0em 5px !important;
}

.search_form input[type="text"] {
    background-color:#F6F8FB !important;
    color:#313E55 !important;
    border:0 !important;
}

.search-filter-section {
    background-color:transparent;
    color:#000 !important;
}

.search-filter-section dt {
    border:0;
}

.search-filter-section li span:last-child {
    color:#202B40;
}

.search-filter-section li {
    color:#202B40;;
    padding:5px 7px;
    border-radius:5px;
}

.search-filter-section div.chart {
padding-bottom:6px;
}

.chart {
    fill:#41516A;
}
    
.chart .selected {
    fill:#556888;
}
    
.chart .hover {
    fill:#556888;
}

/* --- meeting form ---- */

.forminput.field_name_start_date, .forminput.field_name_end_date, .forminput.field_name_group_id {
    float:left;
clear:both;
}

.prelist {
    display:flex;
    justify-content:space-between;
    flex-direction:row;
    padding:5px 0 12px;
}

.searchBarWrapper {
    flex-grow:1;
    background-color:transparent;
    padding:0;
    margin:0;
}

.back_button, .add_button, .closeajax {
    display:inline-block;
    border:2px solid #313E55;
    padding:6px 12px;
    border-radius:5px;
    font-family:DINPro-Medium;
align-self:center;
margin:5px;
color:#313E55;
}

.add_button {
display:block;
    float:right;
    margin:-34px 5px 5px;
}

.prelist .add_button {
margin:0 0 0 12px;
}

@media only screen and (max-width:780px) {
    .mypages .button {
        margin:0 5px 20px;
    }
}

@media only screen and (max-width:613px) {
    body.login {
        background-size:52vw;
        background-position:43vw 90px;
    }    

    #login_div {
        width:60vw;
        margin:200px 0 50px 5vw;
    }
}

@media only screen and (max-width:480px) {
    body.login {
        background-size:80vw;
        background-position:10vw 62vh;
    }

    #login_div {
        width:70vw;
        margin:10px auto;
    }

    span.sentdate {
        float:none;
    }

    .messageBody {
        padding:10px 10px;
        background-color:rgba(0,77,126,0.05);
        border-radius:5px;
        margin:10px 0;
    }

    .messageBody p:last-child {
        margin-bottom:0;
    }

    .tablist {
        border-bottom:none;
        padding:0;
        margin:0;
        display:inline-block;
        width:100%
    }
    
    .tablist div {
        border-radius:0;
        display:block;
        margin:0 0 3px 20px;
    }

    .tablist div a {
        font-weight:lighter !important;
        border-bottom:0;
        padding:9px 14px;
        color:#333333;
        background-color:#F6F8FB;
        font-size:0.9em;
        text-decoration:none !important;
        display:block;
        margin:0;
    }
    
    .tablist .active {
        margin-left:0px;
    }
    
    .tablist .active a {
        background-color:#313E55 !important;
        border:none;
        background-image:none !important;
    }

    .mypages .button {
        float:none;
        margin:0;
    }

    .mypages .button a, .mypages .button a:hover, .mypages .button a:visited, .mypages .button a:active {
        text-align:center;
        width:100% !important;
        display:block;
        box-sizing:border-box;
    }

    .versions .ajax_target.CV_ref_rejected {
        width:350% !important;
    }
}


/* --- GRANSKNING PÅ MOBILE --- */
@media only screen and (max-device-width:480px) {
#granska {
    display:block !important;
    position:inherit;
    margin-top:25px;
    width:100%;
}
}
.t3 {
 }
.t4 {
  
 }
.t5 {
 }
.t6 {
  
 }
.t9 {
 }
.t10 {
  
 }
.t12 {
 }
.t13 {
 }
.t14 {
  
 }

/** rwss css end **/