@import url('css/vars.css');
@charset "utf-8";

/* 
CSS för MetisWeb
Skapat av Editerat
*************************
Huvudfil
*************************

Upplägg

 1. Reset
 2. Clearfix
 3. Grunder
 4. Header
 5. Menyer
 	5.1 Gemensamt för övre och undre menyn
	5.2 Toppmenyn (admin)
	5.3 Undermenyn (listn)
 6. Content
 7. Sidebar#
 8. Switcher
 	8.1 Generellt
	8.2 Aktiv/disabled
 9. Lägg till/radera knappar
10. Hierarki-container 
11. Huvudinnehåll
	11.1 Generellt
	11.2 Rubriker
	11.3 Listor
	11.4 Annat
12. Blå knapp
	12.1 Generellt
	12.2 Active-läge
	12.3 Hover-läge
13. Tooltips
	13.1 Tooltip-links
14. Annat
15. Sidebar-tabs
16. Document switcher
17. Kundvy meny
	17.1 Dropdown
18. Ajaxsök
19. Skriv ut
21. Färgmarkeringar - Admin

*//* 1. ***** Reset ******/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, var,
dl, dt, dd, 
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: futura-pt-demi, Verdana, Geneva, sans-serif;  
    color:var(--theme-dark-color);
}


.ml-1 {
    margin-left: 0.5rem;
}

.ml-2 {
    margin-left: 0.85rem;
}

.ml-3 {
    margin-left: 1rem;
}

.ml-180px {
    margin-left: 180px;
}

.mr-1 {
    margin-right: 0.5rem;
}

.mr-2 {
    margin-right: 0.85rem;
}

.mr-3 {
    margin-right: 1rem;
}

.mt-1 {
    margin-top: 0.5rem;
}

.mt-2 {
    margin-top: 0.85rem;
}

.mt-3 {
    margin-top: 1rem;
}
.mb-13px {
    margin-bottom: 13px;
}
.mt-13px {
    margin-top: 13px;
}


table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
}

ul, ol
{
    padding-left:20px;
}
:focus {
	outline: 0;
}
body {
    color: black;
    /*background-color: var(--bg-color) ;*/
    margin: 0 auto;
    font-family: futura-pt-book, Verdana, Geneva, sans-serif;
    font-size: 1rem;;
    line-height: 130%;
}

input, select, textarea {
    color: #444444;
    font-family: futura-pt-book, Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 4px;
    border: 1px solid #D0D0D0;
    line-height: 18px;
}

.service-from-image {
    position: relative;
    top: 4px;
}

.nav-button {
    border: 3px solid var(--theme-light-color) !important;
    border-radius: 30px;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 1rem;
    font-family: futura-pt-book;
    color: black;
    display:inline-block;
}

.nav-button-solid {
    color: white;
    background-color: var(--theme-light-color);
}

    .nav-button-solid:hover {
        color: black;
        background-color: white;
    }

.nav-button-outline {
    border: 2px solid var(--theme-light-color);
    background-color: white;
}

    .nav-button-outline:hover {
        color: white;
        background-color: var(--theme-light-color);
    }

.nav-button-sm {
    padding: 5px 10px !important;
}

.display-block {
    display:block;
}
.display-inline-block {
    display:inline-block;
}

.default-dropdown
{
    margin:0;
    vertical-align:middle;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End reset */
/* 2. ***** Clearfix ******/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* End clearfix */

/* 3. ***** Grunder ******/
html {
    overflow-y: scroll;
}
body.pagebg, body.start             { background-color: var(--bg-color);} 
#page-wrap							{ max-width: 1360px; min-width: 1000px; margin: 0 auto 16px; background: #FFF; min-height: 500px; margin-top:3rem;}
.right 								{ float:right !important;}
.left 								{ float: left;}
select                              { font-family: futura-pt-book, Verdana, Geneva, sans-serif;}

/* 4. ***** Header ******/
#header 							{ height:120px; padding: 0 25px; overflow: hidden; display:flex;justify-content: space-between; flex-direction:row;  }
body.start #header 					{ overflow: visible;}
#header .left 						{ margin-top: 21px;}
.metis-logo							{ float:left; margin: 15px 12px 0 0; font-size: 12pt; text-decoration: none; color: var(--main-header-color);text-transform:uppercase;}
.metis-logo.mini 					{ float:right;}
.metis-logo	img 					{ margin-bottom: 4px;}	


/* 5. ***** Menyer ******/
/* 5.1 Gemensamt för övre och undre menyn */
#nav 								{ position: relative;}
#nav ul								{ list-style: none; padding: 0 20px; /* width:960px; */ _width:100%; /* width för ie6*/}
#nav li 							{ float: left;}
/*#nav li a 							{ color:#4a4a4a; text-decoration:none; text-shadow: 1px 1px 0 #fff;}*/
#nav li a 							{ color:#4a4a4a; text-decoration:none; }
#nav li a:visited					{ color:#4a4a4a; text-decoration:none;}
/*#nav li a:hover						{ text-shadow: 1px 1px 0 #fff;}*/
#nav li a:active					{ text-shadow: none;}
#nav li.active a					{ color: #1368c5 !important;}
#nav li a.active					{ color: #1368c5 !important;}

/* 5.2 Toppmenyn (admin) */
#nav .top							{ overflow:hidden; margin:-39px 0 -2px;}
#nav .top li 						{ width:133px; height:41px; text-align: center; margin-right:10px; background: #ccc url('images/design/top-nav-tab.jpg') no-repeat;}
#nav .top li.active					{ background-position: 0 -41px;}
#nav .top li a 						{ line-height:39px; display: block; height: 41px; width: 133px;font-size:16px;}
#nav .top li a:hover				{ color: #1368c5;}

/* 5.3 Undermenyn (listen) */
#nav .sub 							{ height: 50px; background: #ccc url('images/design/nav-bg.jpg') repeat-x; margin:0;}
#nav .sub li 						{ margin-right:25px;}
#nav .sub li a 						{ line-height:50px; font-size:15px;}
#nav .sub li a:hover 				{ text-decoration:underline;}
#nav .sub li.right					{ margin-right:0;}
#nav .sub li ul                     { display: none; padding:0;}
#nav .sub li ul li a                { padding-left:10px; padding-right: 10px; text-shadow: none;}
#nav .sub li:hover > ul             { display: block;}
#nav .sub li ul li a:hover          { background-color:#1667c1; color:#fff; text-decoration:none; cursor:pointer;}
#nav .sub li ul li a.linkdisabled   { color:#ccc; cursor:help;}
#nav .sub li.right-logout           { margin-right:0;line-height:48px;vertical-align:middle;float:right;}

/* 6. ***** Content ******/
#content							{ min-height: 600px; /* padding-bottom: 20px; */ /* overflow: hidden; */ position: relative;}
#content.big                        { background:none;}

/* 7. ***** Sidebar ******/
#sidebar 							{ float: left; width: 315px; border-top: 1px solid #fff; color: #6f6f6f; font-size: 12px; line-height: 15px; border-right: 1px solid #C9C9C9; background: #F2F2F2; /* margin-bottom: -99999px; */ /* padding-bottom: 99999px; */ z-index: 50; position: absolute; bottom: 0; top: 0;}
/*#sidebar 							{ float: left; width: 315px; border-top: 1px solid #fff;}*/
body.start #sidebar 				{ float: right; right: 0; border-right: none; border-left: 1px solid #C9C9C9;}

body.start #sidebar h2 				{ font-size: 22px; font-weight: bold; margin: 22px 0 10px}
body.start #sidebar h3 				{ font-size: 15px; font-weight:bold; margin-bottom: 6px;}
body.start #sidebar p.meta			{ font-weight: bold;}
body.start #sidebar p.meta a		{ margin-left: 10px; text-decoration: none;}
body.start #sidebar p.meta a:visited{ margin-left: 10px; color: #1667c1;}
body.start #sidebar p.meta a:hover{ text-decoration:underline;}
body.start #sidebar p				{ margin-bottom: 10px; line-height: 16px;}

#sidebar p 					        { margin: 5px 0 10px;}
#sidebar h1 					    { font-size: 21px; line-height: 22px; font-weight: bold; margin-bottom: 14px;}
#sidebar h2 					    { font-size: 18px; line-height: 16px; font-weight: bold; margin-bottom: 14px;}
#sidebar h3 					    { font-size: 16px; line-height: 17px; color: inherit; margin-bottom: 14px;}
#sidebar h4 					    { font-size: 14px; line-height: 15px; font-weight: bold; margin-bottom: 14px;}
#sidebar h5 					    { font-size: 12px; line-height: 13px; font-weight: bold; margin-bottom: 14px;}
#sidebar h6 					    { font-size: 10px; line-height: 11px; font-weight: bold; margin-bottom: 14px;}

#sidebar div h2                     { margin: 14px 14px 14px 0;}
#sidebar a 					        { text-decoration: none;}
#sidebar a:visited				    { text-decoration: none;}
#sidebar a.back 				    { text-decoration: none;}

/* 8. ***** Switcher ******/
/* 8.1 Generellt */
.switcher 							{ overflow:hidden; list-style: none; margin: 20px 20px 10px 20px;}
.switcher li 						{ float:left;}
.switcher li a 						{ height: 25px; width: 137px; display: block; text-align: center; line-height:25px; font-size:12px; color: #515151; text-decoration: none; background-image: url(images/design/switcher.png);}
.switcher .right-switch a			{background-position: -137px 0;}
.switcher a.active 					{ color: #fff;}

/* 8.2 Aktiv/disabled */
.switcher .left-switch a.active		{background-position: 0 25px;}
.switcher .right-switch a.active	{background-position: -137px 25px;}
.switcher a.disabled 				{ color: #c3c3c3; cursor: default;}
.switcher a.disabled:active 		{ line-height: 25px;}

/* 9. ***** Lägg till/radera knappar ******/
.small-row 							{ overflow: hidden; list-style: none; margin: 0 20px; height:19px; background: transparent url('images/design/small-row.png') no-repeat; padding: 0 9px;}
.small-row li 						{ float: left; line-height: 17px; padding-top:1px;}
.small-row li a, .small-row li		{ font-size: 9px; color: #515151; text-decoration: none;}
.small-row li a:hover				{ color: #1667c1; text-decoration: none;}
.small-row li a:active				{ position: relative; top: 1px;}
.small-row em 						{ color: #1667c1; font-size: 11px;}

/* 10. ***** Hierarki-container *****/
/*#hierarki 							{ margin:20px 0 20px 20px; max-height:500px; overflow:hidden; padding-right:20px; *margin: 20px; *padding-right: 0;}
* html div#hierarki { 
   height: expression( this.scrollHeight > 500 ? "500px" : "auto" );} */

/*#hierarki 							{ margin:20px 0 20px 20px; *margin: 20px; *padding-right: 0;}*/
#hierarki 							{ margin: 0 0 20px 20px; *margin: 20px; *padding-right: 0; position:relative;}
/* 11. ***** Huvudinnehåll *****/
/* 11.1 Generellt */

 
/*#main-content 						{ position: relative; padding: 20px 20px 20px 335px; color: #6f6f6f; font-size: 12px; line-height: 130%; margin: 0 auto; z-index: 1;}*/
#main-content 						{ position: relative; padding: 20px 20px 0px 335px; color: #6f6f6f; font-size: 12px; line-height: 130%; margin: 0 auto; z-index: 1;}
/*#main-content 						{ position: relative; padding: 20px 0 20px 335px; color: #6f6f6f; font-size: 12px; line-height: 130%; margin: 0 auto; z-index: 1;}*/
body.start #main-content			{ padding-left: 20px; padding-right: 335px;}
#main-content p 					{ margin: 5px 0 10px;}
#main-content a 					{ color: #1368c5; text-decoration: underline;}
#main-content a:visited				{ color: #1368c5; text-decoration: underline;}
#main-content a:hover 				{ color: #1368c5; text-decoration: underline;}
#main-content a.back 				{ display: block; text-decoration: none; margin-bottom: 20px;}

/*#main-content.big                  { width:960px;}*/
.content-box 						{ background-color:#f2f2f2; padding: 20px; border: 1px solid #c9c9c9; margin-bottom: 20px;}
.content-box:last-child				{ margin-bottom: 0;}
.content-box p						{ max-width: 480px;}
#main-content .content-box h2 		{ font-size: 22px; margin-bottom: 10px;}
#main-content .content-box h4 		{ color: #1667c1; font-size: 12px; margin-bottom: 3px;}

body.start #main-content .content-box div { max-width: 720px;}

/* 11.2 Rubriker */
#main-content h1 					{ font-size: 21px; line-height: 22px; font-weight: bold; margin-bottom: 14px;}
#main-content h2 					{ font-size: 18px; line-height: 19px; font-weight: bold; margin-bottom: 14px;}
#main-content h3 					{ font-size: 16px; line-height: 17px; font-weight: bold; margin-bottom: 14px;}
#main-content h4 					{ font-size: 14px; line-height: 15px; font-weight: bold; margin-bottom: 14px;}
#main-content h5 					{ font-size: 12px; line-height: 13px; font-weight: bold; margin-bottom: 14px;}
#main-content h6 					{ font-size: 10px; line-height: 11px; font-weight: bold; margin-bottom: 14px;}

/* 11.3 Listor */
#main-content ul, 
#main-content ol					{ list-style-position: inside; margin-bottom: 10px;}
#main-content ul li, 
#main-content ol li 				{ margin: 5px 0;}

/* 11.4 Annat */
#main-content code 					{ background-color:#ccc; color:#000; padding: 10px; display: block; margin: 10px 0;}
#main-content dl 					{ background-color: #F0F0F0; padding: 15px; max-width: 350px;}
#main-content dt 					{ font-weight: bold;}
#main-content dd 					{ margin-bottom: 10px;}


#main-content .footer-stripe {
    display:flex;
    flex-direction:row;
    justify-content:end;
    align-items:center;
    padding:10px;
    color:black;
}
#sidebar .footer-stripe {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    padding: 10px 10px 0 10px;
    margin-right:10px;
    height:40px;
    color: black;
}

/* 12. ***** Blå knapp *****/
/* 12.1 Generellt */
@media screen and
(-webkit-min-device-pixel-ratio:0) {
    /.button span {margin-top: -1px;} /* Marginaler i Chrome och Safari */}
.button 							{ position: relative; border: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */}
.button::-moz-focus-inner 			{ border: none;  /* overrides extra padding in Firefox */}
.button span						{ position: relative; white-space: nowrap;}
.button span strong 				{ font-weight: normal; text-decoration: underline;}

a.button 							{ text-shadow: none !important; font-family: Arial, Helvetica, sans-serif; float:left;	color: #fff !important; padding: 6px 8px 6px 0; margin: 6px 6px 6px 0;	font-size: 15px; text-shadow: 0 1px #000; text-align: center; text-decoration: none !important; background: transparent url('images/design/blue-button.png') no-repeat right -79px; _padding: 0 8px; _background: none; _background-color: #1368c5;}
a.button span 						{ padding: 6px 0 6px 8px; height:27px; line-height: 27px; margin: 0; background: transparent url('images/design/blue-button.png') no-repeat left top;_padding: 0; _background: none;}

/* 12.2 active-läge */

a.button:active, 
.button.hover 						{ background-position: right -121px;}
.button:active span,
.button.hover span 					{background-position: 0 -42px;}

/* 12.3 Hoverläge */
.button:hover 						{color: #fff !important; text-shadow: none; _text-decoration: underline;}
.button:hover span,
.button.hover span 					{color: #fff; text-shadow: 0 1px 0 #000; text-decoration: underline;}

/* 13. ***** Tooltips *****/
/* 13.1 Tooltip-links */
a.link-tooltip, 
a.info-tooltip, 
a.fav-tooltip, 
a.exclamation-tooltip               { margin-left: 0; margin-bottom:1px; _margin-left: -17px; text-indent: -9999px; display: block; width: 23px; height: 23px; }
a.link-tooltip 						{ background: transparent url('images/design/tooltip-icons.gif') no-repeat -23px 0;}
a.info-tooltip 						{ background: transparent url('images/design/tooltip-icons.gif') no-repeat -46px 0;}
a.fav-tooltip 						{ background: transparent url('images/design/tooltip-icons.gif') no-repeat 0 0;}
a.exclamation-tooltip               { background: transparent url('images/design/tooltip-icons.gif') no-repeat -69px 0;}

/* 14. ***** Annat ******/
/*#main-content input 				{ margin: 8px 0;}*/

/* 15. ***** Sidebar-tabs ******/
ul.sidebar-tabs 					{ height: 34px; padding: 0 20px; background: #CCC url('images/design/sidebar-tabs-bg.jpg') repeat-x; list-style: none; overflow: hidden;}
ul.sidebar-tabs li					{ float: left;}
ul.sidebar-tabs li a 				{ display: block; height: 32px; width: 39px; background: #999 url(images/design/sidebar-tabs.png); text-indent: -9999px; float: left; margin-top: 2px;}
ul.sidebar-tabs a.hierarki			{ background-position: 0 0;}
ul.sidebar-tabs a.skriv-ut 			{ background-position: 39px 0;}
ul.sidebar-tabs a.sok			    { background-position: 78px 0;}

ul.sidebar-tabs .active .hierarki	{ background-position: 0 32px;}
ul.sidebar-tabs .active .skriv-ut   { background-position: 39px 32px;}
ul.sidebar-tabs .active .sok		{ background-position: 78px 32px;}

/* 16. ***** Document switcher ******/
.document-switcher-wrap 					{ position: absolute; top: 20px; right: 20px; width: 66px; height: 29px; *right: 26px; _right: -25px;}
.document-switcher-wrap a 					{ background: #ccc url('images/design/document-switcher.jpg') no-repeat; display: block; height: 29px; width: 33px;}
.document-switcher-wrap a.left 				{ background-position: 0 0; float: left;}
.document-switcher-wrap a.right 			{ background-position: -33px 0; float: left;}

.document-switcher-wrap a.left:active 		{ background-position: 0 -29px;}
.document-switcher-wrap a.right:active 		{ background-position: -33px -29px;}

/* 17. ***** Kundvy meny ******/
#kundvy-meny li a 							{ padding-left: 35px;}
#kundvy-meny li.right a 					{ padding-left: 0 !important; _padding-left: 8px; _margin-top: 14px;}
#kundvy-meny li.uppdateringar 				{ margin-right: 35px !important; background: transparent url('images/design/menu-icons.png') no-repeat 0 -3px;}
#kundvy-meny li.home                        { margin-right: 35px !important; background: transparent url('images/design/go-home.png') no-repeat 0 1px;}
#kundvy-meny li.byt-tjanst 					{ margin-right: 35px !important; background: transparent url('images/design/menu-icons.png') no-repeat 0 -48px; position: relative;}
#kundvy-meny li.lightbulb 				    { margin-right: 0 !important; background: transparent url('images/design/lightbulb.png') no-repeat 10px -50px;float:right;}
#kundvy-meny li.lightbulb-off               { margin-right: 0 !important; background: transparent url('images/design/lightbulb.png') no-repeat 10px 0px;float:right;}
#kundvy-meny li.project-on   				{ margin-right: 35px;!important; background: transparent url('images/design/projektlage.png') no-repeat 0 0px; position: relative; }
#kundvy-meny li.project-off   				{ margin-right: 35px !important; background: transparent url('images/design/projektlage.png') no-repeat 0 -50px;}

#kundvy-meny li.byt-tjanst ul				{width:150px;}
#kundvy-meny li.byt-tjanst li				{float:none; margin-left:0; margin-right:0; text-align:left;}
#kundvy-meny li.byt-tjanst li a				{padding-left:0px;}

#kundvy-meny li.feedback 						{ margin-right: 35px !important; background: transparent url('images/design/menu-icons.png') no-repeat 0 -98px; position: relative;}
#kundvy-meny li.loggaut	 					{ margin-right: 0 !important; background: none; float: right;padding-top:6px;}
#kundvy-meny li.loggaut a 					{ padding-left: 8px !important; line-height: 50px; *position: relative;  _top: 6px;text-shadow:none}

#kundvy-meny li.ambition-link               {background: url('images/endast-egna-ambitioner-off.png') no-repeat center left;}
#kundvy-meny li.ambition-link-on               {background: url('images/endast-egna-ambitioner-on.png') no-repeat center left;}

#kundvy-meny li.exclamation-link               {background: url('images/exclamation-icon-off.png') no-repeat center left;}
#kundvy-meny li.exclamation-link-on               {background: url('images/exclamation-icon.png') no-repeat center left;}

/* 17.1 Dropdown */
.byt-tjanst-dropdown 						{ padding: 0; background-color: #fff; border: 1px solid #bbb; border-top: 0; position: absolute; top: 50px; left: -20px; z-index: 300; -moz-box-shadow: 2px 5px 21px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 2px 5px 21px rgba(0, 0, 0, 0.7); width: 170px;}
.byt-tjanst-dropdown li					{ margin-right: 0; display: block; float: none;}
.byt-tjanst-dropdown li a					{ display: block; padding: 10px 15px; color: #1667c1 !important; text-decoration: none; line-height: 14px !important; text-shadow: none;}
.byt-tjanst-dropdown li a:hover			{ text-decoration: none; background-color: #1667c1; color: #fff !important;}
.byt-tjanst-dropdown li.disabled a 		{ color: #ccc;}	
.byt-tjanst-dropdown li.disabled a:hover 	{ color: #ccc; background: #fff; cursor: default;}	
.byt-tjanst-dropdown li.valj-tjanst	 	{ color: #ccc; text-align: center; font-size: 10px; line-height: 15px; padding: 0 6px; list-style: none;}

/* 18. ***** Ajaxsök ******/
.ajax-search .search-box 					{ padding: 0 20px; position: relative; height:80px;}
.ajax-search a.button 						{ position: absolute; top: -10px; right: 20px; _top: 16px; _right: 30px;}
.ajax-search .txtfield						{ border: 1px solid #d0d0d0; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px; vertical-align: middle; width: 209px;}

.ajax-search .search-results 				{ list-style: none; max-height: 488px; margin-top:8px; overflow: auto; padding-left:0;}
.ajax-search .search-results li 			{ /* padding: 10px 10px; */}
.ajax-search .search-results li.search-header 
{
    background: #E5E5E5;
    color: #454545;
    font-size: 12px;
    font-weight: bold;
 
    padding: 7px 10px;
}
.ajax-search .search-results li.search-header:hover {
    background-color: #E5E5E5;
}
.ajax-search .search-results li a 			{ color: #515151; font-size: 12px; text-decoration: none; display: block; padding: 8px 10px; background-color: transparent;}
.ajax-search .search-results li.active 		{ background-color: #1667c1; }
.ajax-search .search-results li.active a	{ color: #fff;}
.ajax-search .search-results h3 			{ font-size: 11px !important; font-weight: normal; margin-bottom:0 !important; /* font-weight: bold; */}
.ajax-search .search-results li:hover       { background-color: #1667c1;}
.ajax-search .search-results li:hover a     { color: #fff;}
.ajax-search .search-results li:hover span     { color: #fff;}

.ajax-search .search-results li a.number    { display:inline;}
.ajax-search .search-results li a.number:hover {background-color:#ffffff; color:#000000;}
.ajax-search .search-result-pages           {padding: 0 10px 7px;}
.ajax-search .search-result-pages a         {padding:2px !important;}
.ajax-search .search-results-none           {padding:0 20px;font-weight:bold;}


/* 19. ***** Skriv ut ******/
.print 										{ padding: 0; margin: 0 20px; width: 204px;}
.print-button								{ display: block; width: 204px; height: 25px; line-height: 25px; color: #515151; text-decoration: none; text-align: center; margin-bottom: 8px; font-size: 12px; background: transparent url(images/design/print-button.jpg) no-repeat;}
.print-button:active 						{ background-position: 0 -25px; position: relative; top: 1px;}	

.print-button[disabled="disabled"]
{
    opacity:0.5;
}

/* 20. ***** Aktuellt ******/
.news-item 										{ margin-bottom: 14px; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0;}
/* 20. ***** Byt tjänst knapp ******/
.byt-tjanst-knapp 								{ float: right; margin-top: 30px; position: relative; z-index: 400;}
.byt-tjanst-knapp .till-tjansten				{ display:block; width: 159px; height: 48px; background: transparent url(images/design/till-tjansten.jpg) no-repeat; text-indent: -9999px}
.byt-tjanst-knapp .byt-tjanst-dropdown			{ top: 41px; left: 0; width:158px; font-size: 11px;}

.gridViewEmptyNodeStyle
{
    font-family:futura-pt-book, Verdana;
    font-size:11px;
    background-color: #959595;
    color: #FFFFFF;
}

.gridViewHeaderStyle
{
    font-family:futura-pt-book, Verdana;
    font-size:11px;
    font-weight:bold;
    background-color: #d9e7ee;
    color: #000;
}

.gridViewItemStyle
{
    font-family:futura-pt-book, Verdana;
    font-size:11px;
    background-color: #F0F0f0;
}

.gridViewAltItemStyle
{
    font-family:futura-pt-book, Verdana;
    font-size:11px;
    background-color: #fff;
}

.tabExpand
{
    height:auto;
    overflow:hidden;
}

.tabMinimize
{
    height:16px;
    overflow:hidden;
}

/* Treeview */
.nodeStyle
{
    /*font-family:Verdana;*/
    font-size:11px;
    color:#515151;
    white-space:normal;
    /*border: solid 1px #f2f2f2;*/
    padding-right: 2px;
    /*line-height: 22px;*/
    padding-left: 2px;
    vertical-align:middle;
    
}

#sectionTreeView a
{
    color:Black;
    outline:none;
}


.selectedNodeStyle
{   
   /*background: #CCC url('images/design/selectednode-bg.png') repeat-x;*/
   background-color:var(--theme-dark-color);
   width: 100%;
   border: 1px solid black;
}

.selectedNodeStyle a, selectedNodeStyle a:visited
{          
    color: #FFFFFF;
    padding-right: 2px;
    background: none;
}

.selectedNodeStyleDisabled
{
   /*background: #CCC url('images/design/selectednode-bg.png') repeat-x;*/
   background-color:var(--theme-dark-color);   
   width: 100%;
   border: 1px solid black;
}

.selectedNodeStyleDisabled span
{
    color: #FFFFFF;
    padding-right: 2px;
    background: none;
}

/* Ajax-hover */
.HoverDescOuter
{
    /*border: solid 1px #6f6f6f;*/
    border:solid 1px black;
    background-color:White;
    float:left;
    /*width:550px;*/
    background-image:url('images/loading.gif');
    background-position:left top;
    background-repeat:no-repeat;
    z-index: 10;
}
.HoverDescOuter .HoverDesc
{
    background-color:White;
    padding:3px;
    /*padding:15px;*/
}

.HoverPreview
{
    border:solid 1px black;
    /*border:solid 1px #6f6f6f;*/
    background-color:White;
    float:left;
    width:550px;
    background-image:url('images/loading.gif');
    background-position:left top;
    background-repeat:no-repeat;
    z-index: 10;
}
.HoverPreview .HoverDesc
{
    background-color:White;
    padding:10px;
    text-align:left;
}

/* Ajax-accordion */
.AccordionHeader, .SelectedAccordionHeader
{
    /*
    font-weight:bold;
    height:20px;
    border:1px solid #0077DD; 
    background-color: #0077DD;
    color: #FFFFFF;
    text-align: center;
    cursor:pointer;
    background-position:left;
    background-repeat:no-repeat;
    line-height:20px;
    border-bottom:1px solid #000000;
    */
    background: url("images/table_light_th.png") repeat-x scroll left top #ebebeb;
    border: 1px solid #cccccc;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
}

.AccordionHeader, .SelectedAccordionHeader
{
    /*padding:2px;*/
}

.AccordionHeader
{
    /*background: url('Images/icon_20_increase.png') no-repeat 2px 2px #0077dd;*/
    /*background: url('Images/icon_20_increase.png') no-repeat 2px 2px #cccccc;*/
    cursor:pointer;
}

.AccordionHeader span
{
    background: url("Images/icon_20_increase.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    margin-left: 6px;
    padding: 8px 8px 8px 28px;    
}

.SelectedAccordionHeader span
{
    background: url("Images/icon_20_decrease.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    margin-left: 6px;
    padding: 8px 8px 8px 28px;
}

.SelectedAccordionHeader
{
    cursor:pointer;
    /*background: url('Images/icon_20_decrease.png') no-repeat 2px 2px #0077dd;*/
    /*background: url('Images/icon_20_decrease.png') no-repeat 2px 2px #cccccc;*/
}

.AccordionPane
{
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    border-bottom:solid 1px #cccccc;
    padding:10px 10px;
    background-color: #FFFFFF;    
    margin-bottom:10px;
}

.HoverToolTip
{
    /*border:solid 1px black;*/
    border:solid 1px #999;
    background-color:White;
    float:left;
    /*width:155px;*/
    width:170px;
    background-image:url('images/loading.gif');
    background-position:left top;
    background-repeat:no-repeat;
    z-index: 10;
    margin-left:20px;
}
.HoverToolTip .HoverDesc
{
    background-color:White;
    /*padding:3px;*/
    padding:10px;
}

/* Dokument-översikt */

.button_error
{
    float:left;
    margin-top:15px;
}
.overviewLeft
{
    margin-bottom:10px;
}

.overviewRight
{
    float: right;
    margin-right: 3px;
}

.ulMenu
{
    color: Red;
    list-style: none;
    margin:0;
    padding: 1px 0 1px 10px;
}

.ulMenu ul
{   
    border: solid 1px #ccc;
    font-weight: normal;
    color:Black; 
    background-color: #FFFFFF;
    list-style: none;
    margin: 2px 0 2px 0;
    padding: 3px 0 0 10px;
}

.ulMenu ul ul
{
    border: none;
}

.ulMenu ul ul li
{
    border: none;
}

.ulMenu ul ul ul
{
    margin-top:10px;
    border: none;
}

.ulMenu ul ul ul ul
{
    border: none;
}

.ulMenu ul li
{
    border: none;
    font-weight:normal;
    color:Black;
    list-style: none;
    margin:0;
    padding: 0 0 0 10px;
}

/* Ajax-tabcontrol */
.MetisTab .ajax__tab_header 
{
    margin-left:20px;
    background-color: #f2f2f2;   
}
.MetisTab .ajax__tab_outer
{
    height: 25px; 
    width: 137px; 
    display: block; 
    line-height:25px; 
    font-size:12px; 
    color: #515151; 
    text-align: center;
    text-decoration: none;
}

.MetisTab .ajax__tab_active .ajax__tab_inner
{
    color:#fff;
}

.MetisTab .ajax__tab_inner
{
    margin-left: -2px;
    margin-right: -2px;
}

.MetisTab .ajax__tab_body
{
    margin-top: -1px;
    padding-top: 3px;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

.MetisTab .ajax__tab_active .ajax__tab_inner div.buttonLeft {background-position: 0 25px;}
.MetisTab .ajax__tab_active .ajax__tab_inner div.buttonRight {background-position: 137px 25px;}

/* AJAX tabcontrol */
.AjaxTab .ajax__tab_header 
{
    background-color: #ffffff;   
}
.AjaxTab .ajax__tab_outer
{
    height: 25px; 
    display: block; 
    line-height:25px; 
    font-size:12px; 
    color: #515151; 
    text-align: center;
    text-decoration: none;
    border-left:1px solid #515151;
    border-right:1px solid #515151;
    border-top:1px solid #515151;
    margin-right:5px;
}

.AjaxTab .ajax__tab_outer:hover
{
    background-color:#3377BB;
    color:#fff;
}

.AjaxTab .ajax__tab_active .ajax__tab_inner
{
    color:#fff;
    background-color: #0000ff;
}

.AjaxTab .ajax__tab_inner
{
    padding: 0 5px;
}

.AjaxTab .ajax__tab_body
{
    margin-top: -1px;
    padding-top: 3px;
    margin-bottom: 10px;
    padding-bottom: 3px;
}


.buttonLeft { height: 25px; width: 137px; display: block; text-align: center; line-height:25px; text-decoration: none; background-image: url('images/design/switcher.png'); background-position: 0 0;}
.buttonRight { height: 25px; width: 137px; display: block; text-align: center; line-height:25px; text-decoration: none; background-image: url('images/design/switcher.png'); background-position: 137px 0;}

/* Mouse-over tooltip */

.toolTipText
{
    text-align: center;
}

.toolTipImage
{
    text-align:center;
}

.gridViewStyle th
{
    /*text-align: center;*/
    text-align:left;
}

.txtbox
{
    border: 1px solid #d0d0d0;
    margin: 5px 4px;
    padding: 5px 4px;
    vertical-align: top;
}

.gridViewStyle td, .gridViewStyle th
{
    vertical-align: top;
    padding: 4px;
    line-height: 19px;
    border: solid 1px #ccc;
}

.gridViewFooterStyle td
{    
}

.gridViewPagerStyle tr
{
    margin-top:10px;
}

.gridViewPagerStyle table
{
    border-collapse:collapse;
}
.gridViewPagerStyle td
{
    border:none;
    padding:4px 0;    
}

.gridViewPagerStyle td tr td
{
    padding:0;
    border:1px solid #CCCCCC;
}

.gridViewPagerStyle td a, .gridViewPagerStyle td span
{
    padding:4px 8px;
    display:block;
}

.gridViewPagerStyle td span
{
    color:#ffffff;
    background-color:#1368C5;
}

.gridViewPagerStyle td a
{
    text-decoration:none !important;
}

.gridViewPagerStyle td a:hover
{
    color:#ffffff !important;
    background-color:#1368C5;
}
/* AJAX UserPresentation */
.MetisUserViewTab .ajax__tab_header {height: 34px; padding: 0 20px; background: #CCC url('images/design/sidebar-tabs-bg.jpg') repeat-x; list-style: none; overflow: hidden;}
.MetisUserViewTab .ajax__tab_outer {height: 32px; width: 39px; display: block; text-align: center; line-height:32px; font-size:12px; color: #515151; text-decoration: none; float:left;}
.MetisUserViewTab .ajax__tab_hover .ajax__tab_outer {cursor:pointer;}
.MetisUserViewTab .ajax__tab_body {margin-top: -1px;padding-top: 3px;margin-bottom: 10px;padding-bottom: 3px;}
.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.buttonHierarki {background-position: 0 32px;}
.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.buttonPrint {background-position: 39px 32px;}
.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.buttonSearch {background-position: 78px 32px;}
.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.verksamhetsKlasser {background-position: 0 32px;}
.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.verksamhetsKlasserActive {background-position: 39px 32px;}

.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.buttonUpdates {background-position: 0 32px;}
.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.buttonNewsletter {background-position: 39px 32px;}
.MetisUserViewTab .ajax__tab_active .ajax__tab_inner div.buttonNews {background-position: 78px 32px;}


.buttonHierarki  {display: block; height: 32px; width: 39px; background: url(images/design/sidebar-tabs.png); text-indent: -9999px; float: left; margin-top: 2px; background-position: 0 0;}
.buttonPrint  {display: block; height: 32px; width: 39px; background: url(images/design/sidebar-tabs.png); text-indent: -9999px; float: left; margin-top: 2px; background-position: 39px 0;}
.buttonSearch  {display: block; height: 32px; width: 39px; background: url(images/design/sidebar-tabs.png); text-indent: -9999px; float: left; margin-top: 2px; background-position: 78px 0;}
.verksamhetsKlasser {display:block; height: 32px; width: 39px; background: url('images/design/sidebar_klasser.png'); text-indent: -9999px; float: left; margin-top: 2px; background-position: 0 0;}
.verksamhetsKlasserActive {display:block; height: 32px; width: 39px; background: url('images/design/sidebar_klasser.png'); text-indent: -9999px; float: left; margin-top: 2px; background-position: 39px 0;}

.buttonUpdates  {display: block; height: 32px; width: 39px; background: url(images/design/sidebar-tabs-start_2.png); text-indent: -9999px; float: left; margin-top: 2px; background-position: 0 0;}
.buttonNewsletter  {display: block; height: 32px; width: 39px; background: url(images/design/sidebar-tabs-start_2.png); text-indent: -9999px; float: left; margin-top: 2px; background-position: 39px 0;}
.buttonNews  {display: block; height: 32px; width: 39px; background: url(images/design/sidebar-tabs-start_2.png); text-indent: -9999px; float: left; margin-top: 2px; background-position: 78px 0;}

#main-content-large						{ width: 880px; _width: 785px; padding: 20px 40px 20px 20px; color: #6f6f6f; font-size: 12px; line-height: 15px; position:relative}
#main-content-large p 					{ margin: 5px 0 10px;}
#main-content-large a 					{ color: #1368c5; text-decoration: underline;}
#main-content-large a:visited				{ color: #1368c5; text-decoration: underline;}
#main-content-large a:hover 				{ color: #1368c5; text-decoration: underline;}
#main-content-large a.back 				{ text-decoration: none;}

/* 11.2 Rubriker */
#main-content-large h1 					{ font-size: 21px; line-height: 22px; font-weight: bold; margin-bottom: 14px;}
#main-content-large h2 					{ font-size: 18px; line-height: 19px; font-weight: bold; margin-bottom: 14px;}
#main-content-large h3 					{ font-size: 16px; line-height: 17px; font-weight: bold; margin-bottom: 14px;}
#main-content-large h4 					{ font-size: 14px; line-height: 15px; font-weight: bold; margin-bottom: 14px;}
#main-content-large h5 					{ font-size: 12px; line-height: 13px; font-weight: bold; margin-bottom: 14px;}
#main-content-large h6 					{ font-size: 10px; line-height: 11px; font-weight: bold; margin-bottom: 14px;}

/* 11.3 Listor */
#main-content-large ul, 
#main-content-large ol					{ list-style-position: inside; margin-bottom: 10px;}
#main-content-large ul li, 
#main-content-large ol li 				{ margin: 5px 0;}

/* 11.4 Annat */
#main-content-large code 				{ background-color:#ccc; color:#000; padding: 10px; display: block; margin: 10px 0;}
#main-content-large dl 					{ background-color: #F0F0F0; padding: 15px; max-width: 350px;}
#main-content-large dt 					{ font-weight: bold;}
#main-content-large dd 					{ margin-bottom: 10px;}

#adminpresentation                      {max-height:300px;overflow:auto;}
#adminpresentation .ArticleText         {vertical-align: top;font-size: 12px;padding-bottom:10px;}

/*#presentation                           { max-height:600px; min-height:600px; overflow:auto; margin: 020px auto; max-width: 800px;}*/
/*#presentation                           { max-height:600px; min-height:600px; overflow:auto; margin: 020px auto; max-width: 100%;}*/
/*#presentation                           { max-height:600px; min-height:600px; overflow:auto; margin: 20px -20px 20px auto; max-width: 100%; padding-right:20px;}*/
/*#presentation                           { max-height:600px; min-height:600px; overflow:auto; margin: 20px -20px 0px auto; max-width: 100%; padding-right:20px;}*/
#presentation                           { max-height:600px; min-height:600px; overflow:auto; margin: 10px -20px 0px auto; max-width: 100%; padding-right:20px;}

#presentation .ArticleText              {vertical-align: top;padding-bottom:10px;}
#presentation .SectionIntro             {padding-bottom: 10px;}
#presentation .ArticleTextNoMargin      {vertical-align: top;padding-bottom:0;}

#presentation table,
#adminpresentation table                {border: 0;margin:0;border-collapse:collapse;}

#presentation td, #presentation th,
#adminpresentation td, #adminpresentation th    {border: 1px solid #000; padding:2px;}

#presentation th, #adminpresentation th {font-weight:bold;}

#presentation ul, 
#presentation ol                        {list-style-position:outside; margin:0; padding-left:15px;}

#presentation ol                        {margin-left:5px;}

#adminpresentation ul, 
#adminpresentation ol                   {list-style-position:outside; margin:0; padding-left:15px;}

#adminpresentation ol                   {margin-left:5px;}

#presentation ul li, 
#presentation ol li                     {padding-bottom: 12px;margin:0;}

#adminpresentation ul li, 
#adminpresentation ol li                {padding-bottom: 12px;}

#newsitem ul, ol                        {list-style-position:outside; margin:0; padding-left:15px;}
#newsitem ul li, ol li                  {padding-bottom: 12px;}

#ctl00_Left_oInfoTags_gvInfoTags        { margin-right: -1px;}
#ctl00_Center_oCustomerCategories_CheckBoxList {border-color: #ccc !important;}

/*sup,sub 	
{
    height: 0;	
    line-height: 1;	
    vertical-align: baseline;	
    _vertical-align: bottom;	
    position: relative;	
}
sup 
{
    bottom: 1ex;
    font-size:0.85em;
}
sub 
{	
    top: 0.5ex;
    font-size:0.85em;
}*/

#expand_plus, #expand_minus {
    display: block;
    width: 21px;
    height: 21px;
    background: url('images/plus-minus.png');
    text-indent: -9999px;
    position: absolute;
}

#expand_minus {
    top: -25px;
    right: 0;
}

#expand_minus:hover {
    background-position: 0 center;
}

#expand_plus:hover {
    background-position: 21px center;
}

#expand_minus:active {
    background-position: 0 bottom;
}

#expand_plus:active {
    background-position: 21px bottom;
}

#expand_plus {
    background-position: -21px 0;
    top: -25px;
    right: 25px;
}

.AutoCompleteListItem
{
    list-style-type:none;
    padding: 3px 5px;
}

.AutoCompleteList
{
    margin-top: 0;
    max-height: 208px;
    overflow:auto;
    background-color: #fff;
    color: #515151;
    padding-left: 0;
    z-index: 100;
    /*border: 1px solid grey;*/
}

.AutoCompleteHighlighted
{
    list-style-type:none;
    background-color: #3298fe;
    padding: 3px 5px;
    color: #ffffff;
    cursor:pointer;
}

.AdminTable     {}
.AdminTable th  {padding-top:5px;}


table#createUserForm {
}

table#createUserForm tr {
    padding: 8px 0;
    line-height: 30px;
}

table#createUserForm h4 {
    margin: 20px 0 10px;
}

.demoBackground
{
    background: url('images/demo.gif');
}

.contentPadding
{
    padding:0 20px;
}

a.grey
{
    color:#515151 !important;
    text-decoration:none !important;
}

a.grey:hover
{
    text-decoration:underline !important;
}

.category_list input, .user_categories input
{
    float:left;
}

.category_list label, .user_categories label
{
    vertical-align:middle;
    padding-top:3px;
    display:block; 
    margin-bottom:3px;
    margin-left:22px;
}

.category_list label
{
    width:300px;
}

.paneHeader
{
    padding:0 20px;
}

#createChange {margin:20px;}

.tblFrame
{
    width:100%;
}

.tblFrame table
{
    border-collapse:collapse;
}

.tblFrame th
{
    font-weight:bold;
    
}

.tblFrame th, .tblFrame td
{
    padding:2px;
    border:1px solid black;
    vertical-align:top;
}

.icon16
{
    width:20px;
    height:20px;
    padding:4px;
    display:inline-block;
}

.icon16reload
{
    background: url('images/refresh.png') no-repeat center center;
}

.admin-table
{
    border-collapse:collapse;
}

.admin-table td, .admin-table th
{
    vertical-align: top;
    padding: 4px;
    line-height: 19px;
    border: solid 1px #ccc;
}

.admin-table th
{
    background-color: #D9E7EE;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    /*text-align:center;*/
    text-align:left;
}

.break
{
    clear:both;
    height:1px;
}

.switchSmall {
    background-color: var(--theme-dark-color); /*#0000FF;    */
    border: 1px solid var(--theme-dark-color);
    color: #FFFFFF;
    font-size: 11px;
    line-height: 23px;
}
.switchSmall, .switchMedium, .switchLarge {
    border: 1px solid #CCCCCC;
    display: block;
    float: left;    
    height: 22px;
    width: 22px;
    text-align:center;
    text-decoration:none !important;
}

.switchMedium, .switchLarge 
{
    background-color: #FFFFFF;
    color: #444444;
}

.switchSmall a, .switchMedium a, .switchLarge a
{
    
}

.switchMedium {
    font-size: 16px;
    line-height: 21px;
}

.switchLarge {
    font-size: 20px;
    line-height: 19px;
}

.stylecontainer
{
    position: absolute;
    right: 0;
    top: 5px;
    width: 76px;
}

.tabContainer
{
    position:relative;
}

body.PushNews
{
    background:none;
    background-color:#ffffff;
    padding:15px;
}

#push-content                       {color: #6f6f6f; font-size: 12px; line-height: 130%;}

#push-content p 					{ margin: 5px 0 10px;}
#push-content a 					{ color: #1368c5; text-decoration: underline;}
#push-content a:visited				{ color: #1368c5; text-decoration: underline;}
#push-content a:hover 				{ color: #1368c5; text-decoration: underline;}
#push-content a.back 				{ display: block; text-decoration: none; margin-bottom: 20px;}

#push-content h1 					{ font-size: 21px; line-height: 22px; font-weight: bold; margin-bottom: 14px;}
#push-content h2 					{ font-size: 18px; line-height: 19px; font-weight: bold; margin-bottom: 14px;}
#push-content h3 					{ font-size: 16px; line-height: 17px; font-weight: bold; margin-bottom: 14px;}
#push-content h4 					{ font-size: 14px; line-height: 15px; font-weight: bold; margin-bottom: 14px;}
#push-content h5 					{ font-size: 12px; line-height: 13px; font-weight: bold; margin-bottom: 14px;}
#push-content h6 					{ font-size: 10px; line-height: 11px; font-weight: bold; margin-bottom: 14px;}

#push-content ul, 
#push-content ol					{ list-style-position: inside; margin-bottom: 10px;}
#push-content ul li, 
#push-content ol li 				{ margin: 5px 0;}

#push-content code 					{ background-color:#ccc; color:#000; padding: 10px; display: block; margin: 10px 0;}
#push-content dl 					{ background-color: #F0F0F0; padding: 15px; max-width: 350px;}
#push-content dt 					{ font-weight: bold;}
#push-content dd 					{ margin-bottom: 10px;}

.category_info_container
{
    float:left;
    width:14px;
    margin-right:2px
}

.category_list_left, .category_list_right
{
    float:left;
    width:46%;
}

.category_list_left
{
    margin-right:20px;
}

.category_list_right
{
}

.category_list .category_list_left label, .category_list .category_list_right label 
{
    width:100% !important;
}

.category_info
{
    width: 14px;
    height: 20px;
    display:inline-block;
    background: transparent url("images/ejdold.png") no-repeat top left;
}

.checkboxlist td
{
    border:none;
}


#presentation .editlink:hover
{
    background-color:#f2f2f2;
}

#presentation .editlink
{
    position:relative;
}

.editarticle_icon
{
    position:absolute;
    top:0;
    right:0;
    width:20px;
    height:20px;
    background: url('images/Edit.png') no-repeat top left;
    opacity:0.2;
}

.editlink:hover .editarticle_icon
{
    opacity:1.0;
}

.editarticle_icon:hover
{
    cursor:pointer;
}

.active-ambition
{
    color:#ff0000 !important;
}

ul.stripe-list
{
    list-style-image: url('images/stripe-list.png');
}

#page-content
{
    background-color:#ffffff;
    margin:20px;
    padding:10px;
    line-height:150%;
}

#page-content th
{
    text-align:left;
}

.ajax__calendar td, .ajax__calendar th
{
    padding:0 !important;
    border:none !important;
}

.nopadding
{
    padding:0 !important;
}

/******************* COLORBOX SIDA ******************/
body.cbox-body                  {background:none;padding:0;margin:0;}
.cbox-body h1 					{ font-size: 21px; line-height: 22px; font-weight: bold; margin-bottom: 14px;}
.cbox-body h2 					{ font-size: 18px; line-height: 19px; font-weight: bold; margin-bottom: 14px;}
/****************************************************/

.controlbasis-preview
{
    color:#515151;
    font-size:12px;
    line-height:130%;
}

.controlbasis-preview h2
{
    font-size:14px !important;
    line-height:16px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: bold;
}

.controlbasis-preview ul
{
    list-style-type:disc !important;
    padding-left:10px;
    margin:0 10px;
}

.controlbasis-preview .preview-item
{
    margin-left:32px;
    max-width:750px;
}

.section-listing-header
{
    cursor:pointer;
}

.regular-table
{
    border-collapse:collapse;
}

.regular-table th
{
    text-align:left;
    font-weight:bold;
    white-space:nowrap;
}

.regular-table th, .regular-table td
{
    border:1px solid #000000;
    padding:4px 8px;
}

.regular-table .extra-sign
{
    margin-top:8px;
    margin-bottom:8px;
    font-size:12px;
    line-height:22px;
    text-align:center;
}

.column-code            {width:40px;text-align:center;}
.column-name            {width:150px;}
.column-description     {width:270px;}
.column-interval        {width:100px;}

.file-upload            {padding:10px;overflow:hidden;}
.file-upload .file-box  {max-width:285px;}

h1.document-edit-header
{
    margin-bottom:0px !important;
}

.document-title
{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
}

.icon_20
{
    width: 20px;
    height: 20px;
    display:inline-block;
    text-indent: -9000px;
}

.icon_view
{
    background: transparent url('images/View.png') no-repeat top left;    
}

.icon_overview
{
    background: transparent url('images/OverView.png') no-repeat top left;    
}

.icon_del
{
    background: transparent url('images/delete.png') no-repeat top left;
}

.icon_edit
{
    background: transparent url('images/edit.png') no-repeat top left;
}

.icon_update
{
    background: transparent url('images/Save.png') no-repeat top left;
}

.icon_cancel
{
    background: transparent url('images/Cancel.png') no-repeat top left;
}

.icon_add
{
    background: transparent url('images/showmargin.png') no-repeat top center;
}

.icon_sendmail
{
    background: transparent url('images/SendMail.png') no-repeat top center;
}

.icon_resendmail
{
    background: transparent url('images/resendmail.png') no-repeat top center;
}

.icon_reload
{
    background: transparent url('images/refresh.png') no-repeat center center;
}

.icon_arrowdown
{
    background: transparent url('images/ArrowDown.png') no-repeat center center;
}

.icon_arrowup
{
    background: transparent url('images/ArrowUp.png') no-repeat center center;
}

.icon_hidemargin
{
    background: transparent url('images/hidemargin.png') no-repeat center center;
}

.icon_showmargin
{
    background: transparent url('images/showmargin.png') no-repeat center center;
}

.icon_unpublished
{
    background: transparent url('images/Opublicerad.png') no-repeat center center;
}

.icon_published
{
    background: transparent url('images/Publicerad.png') no-repeat center center;
}

.icon_nothidden
{
    background: transparent url('images/ejdold.png') no-repeat center center;
}

.icon_hidden
{
    background: transparent url('images/dold.png') no-repeat center center;
}

.icon_section
{
    background: transparent url('images/SectionDoc.gif') no-repeat center center;
}

.icon_customerdoc
{
    background: transparent url('images/CustomerDoc.gif') no-repeat center center;
}

.icon_metisdoc
{
    background: transparent url('images/MetisDoc.gif') no-repeat center center;
}

.section-browser
{
}

.section-browser a
{
    /*margin-bottom: 10px;*/
    margin-bottom: 5px;
    margin-left: -5px;
    vertical-align: bottom;
}

.section-browser input
{
    margin-left:0;
    margin-top:0;
    margin-bottom:0;
}

.align-middle
{
    line-height:36px;
}

.organisation-plan-file
{
    float:right;
}

.service-table
{    
    margin-top:20px;
}

.service-table th, .service-table td
{    
    /*padding:8px;*/
    padding-right:16px;
    padding-top:8px;
    padding-bottom:8px;
}

.service-table tr th
{
    font-weight:bold;
    text-align:left;
}

.service-table tr th.active-cell-header
{
    text-align:center;
}

.service-table tr td.active-cell
{
    text-align:center;
    width:40px;    
}

.service-table tr td.text-cell
{
}

.toolbar_container
{
    position:fixed;
    top:0;
    height:20px;
    display:block;
    background-color:#c2c2c2;
    width:100%;
    padding:5px;
}

.toolbar_headline
{
    float:left;
    font-size:20px;
}

.toolbar_print_container
{
    float:left;
    width:25px;
}

.toolbar_print
{
    display:inline-block;
    background: url('images/print_icon.png') no-repeat top left;
    width:22px;
    height:22px;
    cursor:pointer;
}

.toolbar_button
{
    float:right;
    margin-right:20px;
}

.toolbar_button a
{
    text-decoration:none;
}

.colorbox_content
{
    margin-top:30px;
}

.hilite, .highlight
{
    background-color:Yellow;
}

.SectionHeader, .SectionHeader2, .SectionHeader3, .SectionHeader4
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

.SectionHeader      {font-size: 16px;}
.SectionHeader2     {font-size: 14px;}
.SectionHeader3     {font-size: 13px;}
.SectionHeader4     {font-size: 12px;}

.SectionLeftTable, .SectionLeftTable2, .SectionLeftTable3, .SectionLeftTable4
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight:bold;    
}

.SectionLeftTable       {font-size: 16px;}
.SectionLeftTable2      {font-size: 14px;}
.SectionLeftTable3      {font-size: 13px;}
.SectionLeftTable4      {font-size:12px;}

.SectionIntro           {padding-bottom: 20px;}

.ArticleText            {vertical-align: top;padding-bottom:12px;}
.ArticleTextNoMargin    {vertical-align: top;padding-bottom:0;}

.LeftTable              {width:110px;}
.LeftTableSmallPicture  {width:60px;}

.LeftColumn             {float:left;width: 110px;overflow:hidden;}
.LeftColumnSmallPicture {float:left;width: 60px;overflow:hidden;}

.tableOddRow            {vertical-align: top; background-color: #ccc;}
.tableEvenRow           {vertical-align: top; background-color: #fff;}

.column-right-margin    {margin-left: 110px;margin-right: 10px;}
.column-right           {float:left;margin-right:10px;}

.ChangeDate             {font-weight: bold;padding-bottom: 10px;}
.ChangeIntro            {font-weight: bold;}
.ChangeText             {padding-bottom:20px;}

.NewLeftColumn          {clear:left;float:left;width: 60px;}
.NewRightColumn         {margin-left: 60px;margin-right: 10px;}

#Preview                {width:1000px;color: #515151;font-family: futura-pt-book, Verdana;font-size: 11px;line-height: 130%;}

#Preview .SectionIntro ul,
#Preview .SectionIntro ol,
#Preview .ArticleText ul,
#Preview .ArticleText ol,
#Preview .ArticleTextNoMargin ul,
#Preview .ArticleTextNoMargin ol            {list-style-position:outside; margin:0; padding-left:15px;}

#Preview .SectionIntro ul li, 
#Preview .SectionIntro ol li,
#Preview .ArticleText ul li,
#Preview .ArticleText ol li,
#Preview .ArticleTextNoMargin ul li,
#Preview .ArticleTextNoMargin ol li         {margin:3px 0 3px 0;}

#Preview .SectionIntro table,
#Preview .ArticleText table,
#Preview .ArticleTextNoMargin table         {border: 0;margin:0;border-collapse:collapse;}

#Preview .SectionIntro table td,
#Preview .ArticleText table td,
#Preview .ArticleTextNoMargin table td      {border: 1px solid black; padding:2px;}

#Preview .ArticleText                       {width:600px;}

#Print                                      {width:750px;}
#Print .ArticleText,
#Print .ArticleTextNoMargin                 {vertical-align: top;padding-bottom:10px;}
#Print .SectionIntro                        {padding-bottom: 10px;}

#Print table                                {border: 0;margin:0;border-collapse:collapse;}
#Print td, #Print th                        {border: 1px solid black; padding:2px; font-family:futura-pt-book, Verdana; font-size:11px; color:#515151;}

#Print ul li, 
#Print ol li                                {margin:3px 0 3px 0;}

/*
td, th                           {vertical-align:top;}
th                               {border:1px solid black;}
*/

.colorbox_content ul                        {list-style-position:outside; margin:0; padding-left:15px;}
.colorbox_content ol                        {list-style-position:outside; margin:0; padding-left:15px;}

@media print {
    .toolbar_container {
        display:none;
    }
}

.tree-disabled
{
    color:#aaaaaa;
}

.auto-scale-img
{
    width:100% !important;
    height:auto !important;
}

.logout-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:end;
    /*float:right;*/
    /*margin-top:10px;*/
}
/*.logout-container img {
    display:inline-block;
}
*/
/*.logout-container-content*/
.customerIcon {
    width: 180px;
    height: 50px;
    align-content: center;
    align-items: end;
    padding: 5px 0 5px 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
}
/*.logout-container-content*/
    .customerIcon img {
        display: block;
        width: auto !important;
        height: 100% !important;
    }
.logout-container-content {
    display: flex;
    flex-direction: row;
    align-items:center;
}



.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    display: block;
}

.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.green
{
    color:#5cb85c !important; 
}

.red
{
    color:#d9534f !important;
}

.black
{
    color:#000000 !important;
}

.blue
{
    color:#428bca !important;
}

.large
{
    font-size:16px;
}

.medium
{
    font-size:14px;
}

.toggle-newdesign a
{
    bottom: 0;
    display: block;
    height: 16px;
    /*margin-bottom: -20px;*/
    position: absolute;
    right: 0;
    width: 16px;
}

.colorbox_content #main-content { padding-left: 20px;}

@media only screen and (min-width: 1180px){
	#sidebar { width: 415px; }
	#main-content { padding-left: 435px; }
    /*#main-content { padding-left: 455px; }*/
	#main-content.big { padding-left: 20px;}
	body.start #main-content { padding-right: 435px; }
}

/* iPad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#sidebar { display: none; }
	#main-content { padding-left: 20px; }
}

.special-align
{
    float:right;
}

.img-auto {
    height: auto !important;
    max-width: 200px !important;
}

.explanation {
    border-radius:4px;
    background-color:#1368c5;
    color:white;
    font-family:futura-pt-book, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:9px;
    margin-left:15px;
    padding:1px 5px 1px 5px;
}

/* 21. ***** Färgmarkeringar - Admin ******/
.dotColor {
    border-radius: 50%;
	width: 10px;
	height: 10px;
    display:inline-block;
}

.dotColor.red {
    background-color:#960000;
}

.dotColor.yellow {
    background-color:#cece00;
}

.dotColor.green {
    background-color:#009600;
}

.dotColor.blue {
    background-color:#000096;
}
.dotColor.gold {
    background-color:#C09853;
}
.dotColor.black {
    background-color:#000000;
}

.user-document-stripe {
    width: 100%;
    height: 130px;
    position:absolute;
    /*background: url('Images/Design/SP-border-grey.png') no-repeat;*/
    background-size:cover;
    text-align:center;
    font-size:x-large;
    display:flex;
    flex-direction:column;
    justify-content:center;
}