/**
* file: dir/cache/css/4b0e8a5ef1c72c4139a9bc7312980e11.css : auto generated content as css
* server: www.etikprovningsansokan.se, Apache/2.4.52 (Ubuntu)
* date: 2025-12-05 07:09:39 style: rwss
**/

/**
 * --- CSS Generator (c)2016 minso.se ---
 * Generator:Researchweb 3.5.0, see http://www.minso.se
 * Page:(4) Ledamot | Link:ledamot
 * 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 */

.fullscreen form .completenotetab.notetab a {
    background-image:url(/dir/page/1/ic_check_color_100dp_1x.png);
    background-size:20px;
    background-repeat:no-repeat;
    background-position:97% 50%;
    padding:12px 28px 12px 16px;
}

.fullscreen form .emptynotetab a {
    color:rgba(0, 77, 126, 0.5);
background-image:none !important;
}

.infoframe dt {
    font-weight:lighter;
}

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

.confirm.reviews .btnrow {
    float:left;
    margin:10px 15px 0 0;
}

.confirm.reviews .btnrow a {
    padding:12px !important;
    border-radius:8px;
    font-size:15px;
}

.chart {
    display:none;
}

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

.filehidden.xrefframe {
    background-color:#eee !important;
    color:#757575 !important;
}

.filehidden.xrefframe a {
    color:#757575 !important;
}

.xrefframe.error {
    background-color:#F9F0EC !important;
    border:1px solid #C8683F !important;
    color:#C8683F !important;
}

.xrefframe.error a {
    color:#C8683F !important;
}

.fullscreen form .notebook ~ div {
    width:72vw;
    float:right;
}

.fullscreen .notebook {
    font-size:1em !important;
    width:22vw;
    display:block;
    float:left;
}

.fullscreen .notebook ul, body.granska .notebook ul {
border:0;
}

#granska {
    position:relative;
    width:auto;
    box-shadow:none;
    height:auto;
    background-color:#F6F8FB;
    margin:20px 0;
    overflow:auto;
   padding:15px;
border-radius:5px;
clear:both;
}

#granska form {
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

#granska #searchBar {
    background-color:white !important;
    font-size:15px;
    padding:9px;
    width:100%;
}

#granska .searchBarWrapper {
    margin:10px 0 0;
    width:100%;
}

#granska #searchList {
    background-color:transparent !important;
}

.fullscreen form {
    position:absolute;
    left:2%;
    width:97%;
    background-color:transparent !important;
    background-image:none !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
}

form {
    background-image:none !important;
}

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

.content:not(.fullscreen) {
    width:auto !important;
    background-color:transparent !important;
float:none !important;
max-width:1500px;
margin:0 auto;
}

body {
background-color:#fff !important;
}

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

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

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

.ansokan.show .grundansokan h1, .ansokan.show .subfield h1 {
  height:6px;
  margin:0;
}


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

.topwrap {
    background-color:#F6F8FB !important;
    border-bottom:none;
}

.menu li a, .message, #message {
    background-color:transparent;
}

.menu li a, .message a {
padding:10px 7px;
margin:0 4px;
}

.content h1, .content h2, .content h3 {
    color:#313E55;
}

.content a {
    color:#313E55;
    text-decoration:#313E55;
}

hr.lista {
    border-color:#313E55 !important;
}

.button {
margin:20px 0 !important;
}

.button a, .button a:hover, .button a:visited, .button a:active {
    background-color:transparent;
    box-shadow:none !important;
    color:#fff;
    display:inline;
    padding:8px 16px;
    border:1px solid #d1d1d1 !important;
    text-decoration:none !important;
}

.button > span a:hover {
    background:rgba(0,0,0,0.05) !important;
}

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

div.tablist {
background-color:#F6F8FB;
padding:10px !important;
border-radius:5px;
}

.tablist div a {
font-size:1.1em;
}

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

.notebook ul {
border:0 !important;
}

.notetab {
padding:0 !important;
background-color:transparent !important;
border:0 !important;
margin:inherit !important;
}



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

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

.searchdecisions .btn a[class*="btn_"].btn_module_ansokan_addon_offline_picture_download_gif {
  padding:16px 19px !important;
  border-radius:4px;
}

.searchdecisions form {
  margin:0;
  padding:0;
  background-color:transparent !important;
  border:0;
  box-shadow:none !important;
}

.searchdecisions table {
    width:100%;
}

input[type="date"] {
  padding:1px 9px;
  box-sizing:border-box;
}
input[type="date"] {
  font-family:"DINPro", arial, sans-serif;
  border:none;
  background-color:#E8EDF6;
  border-radius:5px;
  color:#313E55;
}

.searchdecisions form select {
padding:10px !important;
}

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

.searchdecisions div.forminput {
  width:auto !important;
}
.searchpage.whitediv form > .forminput, .searchdecisions div.forminput {
  margin:0 5px 5px 0;
}

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

.searchdecisions .prelist {
  padding:5px 3px 12px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}

.searchdecisions .prelist * {
  flex-grow:1;
}

.searchpage.decisions form input[type="submit"] {
  flex-grow:0;
  margin:0 3px;
}

.searchpage.decisions select {
  width:100%;
}

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

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

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

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

.btn a, .versionsbtn {
    background-color:#556888 !important;
    background-position:6px 50% !important;
    color:#fff !important;
    display:block;
    font-weight:normal !important;
    margin:0 !important;
    padding:8px 13px 8px 13px !important;
    background-size:17px;
    transition:all 0.2s ease;
    border:0 !important;
}

.btn a:hover, .versionsbtn a:hover {
    background-color:#313E55 !important;
}

.notetab.activenotetab {
border-top-color:rgb(0, 77, 126) !important;
}

form input[type="submit"], form input[type="reset"], form input[type="button"], form input[type="cancel"] {
border:0 !important;
box-shadow:none !important;
background-color:#556888 !important;
font-family:"DINPRO-Medium", arial, sans-serif;
padding:8px 17px 7px;
color:#fff !important;
border-radius:3px;
}

form input[type="submit"]:hover, form input[type="reset"]:hover, form input[type="button"]:hover, form input[type="cancel"]:hover {
    background-color:#556888 !important;
}

/* 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:#313E55;
    border:0 !important;
}

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

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

div.listing.messages dl::after, div.listing.meetings 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;
}


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

.forminput select {
    background-image:url("/dir/page/1/ic_keyboard_arrow_down_big_dark_100dp_1x.png") !important;
    background-repeat:no-repeat;
    background-position:calc(100% - 10px);
    background-size:10px;
    padding-right:30px;
}

/* --- TABLES ---- */

.matris tr {
    background-color:#F6F8FB !important;
    border-radius:5px;
    overflow:hidden;
}


.matris td, .matris th, .matris th.matris, .whitediv .matris th.matris {
    padding:11px 5px;
    border:0 !important;
    background-color:transparent !important;
    color:#313E55 !important;
}


.whitediv tr.matris th.matris {
    background-color:#F6F8FB !important;
}

.matris tr:hover {
    background-color:#F6F8FB !important;
}


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

body.meeting textarea {
    box-sizing:border-box;
}

div.forminput[class*="update_decision"] {
    float:left;
}

.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 #fff;
    padding:6px 12px;
    border-radius:5px;
    font-family:DINPro-Medium;
align-self:center;
margin:5px;
}

.back_button {
    background-image:url(/module/common/picture/ic_back_dark_100dp_1x.png);
    background-repeat:no-repeat;
    background-position:11px 50%;
    padding:6px 12px 6px 28px;
    background-size:7px;
}

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

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

.startdate, .time {
    display:inline-block;
    background-color:#E8EDF6;
    padding:3px 6px;
    border-radius:5px;
    width:auto;
    text-align:center;
    margin:3px;
}

.datediff {
    display:block;
    text-align:right;
    margin:5px 0 0 0;
}

.meetings.tableview div.matris {
height:80vh;
overflow-y:auto;
}

.meetings.tableview table thead tr:first-child th {
    position:sticky;
    top:0;
    background-color:#182132 !important;
    z-index:99;
}

.meeting .content div.listing {
    background-color:transparent !important;
}

.meeting form {
    background-color:#E8EDF6 !important;
    border:0 !important;
}

.add_button, .back_button {
    background-color:white;
    border-color:#313E55;
}


.meeting .content #meeting_agenda dt {
font-family:"DINPRO-Medium", arial, sans-serif;
    font-size:1.2em;
}

.meeting form tr.matris th.matris {
    background-color:#E8EDF6 !important;
}

#beslut .infoframe {
    padding:15px !important;
}

#beslut .notebook, #gr4anska .notebook {
    width:auto !important;
    float:none !important;
}

#beslut .notebook ~ div, #gr4anska .notebook ~ div {
    width:auto !important;
    float:none !important;
    padding:0 !important;
}

.meeting form .notebook ul, #beslut form .notebook ul, #gr4anska form .notebook ul {
    border-bottom:2px solid #41516A !important;
    display:flex !important;
    justify-content:space-evenly !important;
    padding:0 !important;
    margin:0;
}

.meeting form .notetab, #beslut form .notetab, #gr4anska form .notetab {
    flex-grow:1 !important;
    background-color:transparent !important;
    font-size:1.1em !important;
    border:0 !important;
    transition:all 0.2s ease !important;
    text-align:center !important;
    margin:0 !important;
}

.meeting .notetab a, #beslut .notetab a, #gr4anska .notetab a {
    text-align:center;
    white-space:normal !important;
    background-color:transparent !important;
font-family:"DINPRO-Medium", arial, sans-serif;
color:#616E85 !important;
}

.meeting form .activenotetab a, #beslut form .activenotetab a, #gr4anska form .activenotetab a  {
    background-color:transparent !important;
    color:#313E55 !important;
}

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

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

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

/* --- GRANSKNING PÅ MOBILE --- */
@media only screen and (max-device-width:480px) {
#granska {
    display:block !important;
    position:inherit;
    margin-top:25px;
    width:100%;
}
}


@media only screen and (max-width:1030px) {
    #message {
        top:115.5px;
    }

    .expand-menu.menuwrap .menuimg {
        background-color:#f2f6f8;
    }
}

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

    body.login #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;
    }

    #login_div {
        width:calc(100vw - 20px) !important;
        margin:10px auto !important;
        padding:30px;
        box-sizing:border-box;
        overflow:visible;
    }

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

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

    #login_form_div form[action*="/user/edit"] .formbuttondiv {
        position:static;
        background-color:#8AA5D1;
        border:0;
        border-radius:0 0 5px 5px;
        margin:20px -30px -30px;
        padding:10px 0 20px 0;
    }

    #login_form_div form[action*="/user/edit"] .formbuttondiv div {
        border:0;
        margin:0 0 10px 0;
        padding:0;
    }

    #login_div form input[name="submit"], #login_div form input[name="cancel"] {
        float:left;
        width:42.5%;
        padding:13px;
        border-radius:5px;
    }

    #login_div form input[name="submit"] {
        background-color:#F3BDAD !important;
        margin:0 2.5% 0 5%;
        color:#004D7E !important;
        padding:15px;
    }

    #login_div form input[name="cancel"] {
        background-color:transparent !important;
        border:2px solid #fff !important;
        margin:0 5% 0 2.5%;
    }
}
.t3 {
 }
.t4 {
  
 }
.t5 {
 }
.t6 {
  
 }
.t9 {
 }
.t10 {
  
 }
.t12 {
 }
.t13 {
  
 }
.t14 {
 }

/** rwss css end **/