/* Headers */
@import url('https://fonts.googleapis.com/css2?family=Questrial:wght@400;700&display=block');
		
/* Paragraphs */
@import url('https://fonts.googleapis.com/css2?family=Questrial:wght@400;700&display=block');
		

*:not(td) { padding:0px; margin:0px; }
html{height:100%; scroll-behavior: smooth; scroll-padding-top: 90px;}
body{min-height:100%;}
html, body {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

/* - -------------   LAYOUT ALLA ENHETER ------------------------------ */

body {background-color:rgb(244,243,242);
}

/* --- BASIC HTML ELEMENTS -- */
A {color:rgb(24,87,111);cursor:pointer;text-decoration:none;}
A:visited {color:rgb(24,87,111);cursor:pointer;text-decoration:none;}
A:hover {color:rgb(51,51,51);cursor:pointer;text-decoration:none;}
A.normal:link, A.normal:visited, A.normal:hover {color:rgb(51,51,51);cursor:text;}
A.aDisabled {color:lightgray;}
ol {padding:5px 0px 5px 35px; margin-bottom:9px; list-style-type:decimal; list-style-position:outside;}
ul {padding:5px 0px 5px 35px; margin-bottom:9px; list-style-type:disc; list-style-position:outside;}
ul.ul_one_column_for_mobile_two_for_desktop {columns: 1; -webkit-columns: 1; -moz-columns: 1;}

tr.oddEven {height:50px;}
tr.oddEven:nth-of-type(even) {background-color:rgba(0,0,0,0.02);}
tr.oddEven:nth-of-type(odd) {background-color:rgba(0,0,0,0.05);}
.oddEven td {padding:4px 2px 4px 4px; vertical-align:middle;}
div.oddEven {width:100%; padding:5px;word-wrap:break-word; display:inline-block;}
div.oddEven:nth-of-type(even) {background-color:rgba(0,0,0,0.02)}
div.oddEven:nth-of-type(odd) {background-color:rgba(0,0,0,0.05)}
.oddEvenHover:not(.noHover) {background-color:rgba(0,0,0,0.07) !Important;}
/* --- LAYOUT -- */

	#cssHelper {display:none;}
	
#divContainer, #divMenu ,#divMainColumn, #divMainColumnExtended, #divRightColumn, #divPagefooter, #divWhiteBgContainer, #divMainContainer {float:none;clear: both;}
#divMenu, #divMenuBackground {display:none;}
#divContainer {font-family:'Questrial', sans-serif; font-size:16px; color:rgb(51,51,51);}
#divMainContainer {display:inline-block; width:100%; min-height: 70vh; padding-bottom:10px;}
#divMenuBackground {display:none;filter:alpha(opacity=50);	opacity:.50; width:100%; height:120%;position:fixed;background-color:rgb(0,0,0);top:0px;left:0px;z-index:9;}
#divWhiteBgContainer {

display: table; 
width:100%; 
margin: 0px auto 0px auto; 
min-height: 100vh; 

}

#divContainer, #divPagefooter {clear:both; margin: 0px auto 0px auto; min-height: 100%;}

#divPageheaderTyp1 {
	/*v38*/
	display:inline-block;
	
	margin-top:50px; /* 45px */
	
	/*v38*/
	width:100%;
	padding:0px 10px;
	background-color:rgb(255,255,255); 
	border:1px rgb(244,243,242) solid;
}

#divPageheaderTyp1 H1 {
	text-align:center;
	font-family:'Questrial', sans-serif;
	font-size:20px;
	padding:10px;
	font-weight:bold;
	color:rgb(255,255,255);
	margin:0px;
	}

#divPageheaderTyp2 {width:100%;line-height:normal;font-size:0px; position: relative;text-align: center; overflow:hidden; display:inline-block; margin-top:50px;}
#divPageheaderTyp2 img { width:100%; height:auto;}
#idH1PHText { position: absolute; margin:0px 10px; white-space: nowrap; line-height: normal; 
/*
font-size:min(19px, 70px);

font-size:min(7vw, 70px);
*/

font-size:min(calc(4.5vw + 0px), 70px);

 font-weight:700;
color:rgb(255,255,255); 
}

#phImage {-webkit-filter: blur(0px); filter: blur(0px);}



#divMenubuttonContainer {background-color:black; height: 50px; /* 50px; 45px */ display: flex; padding-top:1px;z-index:11;position:fixed; width:100%; max-width:100vw; justify-content: space-between;}

#divMenubuttonContainer div {padding:8px; cursor:pointer;}
#divMenubuttonContainer div p {margin:0px; padding:0px;}
#divMenubuttonContainer div {text-align:center;}
#divMenubuttonContainer div:first-child {text-align:left;}
#divMenubuttonContainer div:last-child {text-align:right;}

/*
#divMenubutton { padding:6px 8px 0px 8px; cursor:pointer; display:table;z-index:11; float:left;}
#divMenubutton p, #divSearchbutton p { font-family: Verdana}
#divSearchbutton { padding:6px 12px 0px 8px; cursor:pointer; display:table;z-index:11; float:right;}
*/

#divMenubuttonContainer p {padding:3px 0px 0px 5px; font-size:20px !Important; color:white; font-weight:700;}
#divMobilesearchCotainer { padding:5px; display:none; text-align:center; background-color:black; position: fixed; top:50px; /* 45px */ width:100%; z-index:12;}

#divMenu {display:none;}
#divMobileMenu {z-index:10; display:none; position:absolute; top:50px; /* 45 px */ width:250px; min-width:250px; box-shadow: 4px 4px 4px rgba(0,0,0,0.4);}

#adminMobMenu {position:fixed;right:0px; top:50px; /* 45px */ min-height:50px; /* 45px */ min-width:280px; z-index:11;background-color:black; color:white;padding-top: 5px;padding-left:8px;display:none;}
#adminMobMenu ul {list-style-type:none; margin:0px; padding:0px; margin-top:-1px; }
#adminMobMenu ul li {min-height:47px;padding:5px 0px 0px 5px;margin:1px 0px -1px 0px;cursor:pointer;}

#adminMobMenu ul li:not(:first-child) {padding-left:15px;}

#divMainColumn, #divMainColumnExtended, #divRightColumn {padding: 10px 17px 0px 17px;}

.divTwoColumns {width:100%; float:none; padding:0%;}
#divPagefooter {width:100%; text-align:center;border-top: 1px solid rgb(153,153,153); overflow: auto; padding: 0px; margin: 0px; background-color:rgb(238,238,238); padding-bottom:60px;}
#divPagefooter p { display:inline-block; padding:15px; margin:0px; min-height:50px; /* 45px */   }

/* --- MENU ELEMENTS --- */

ul.ulMenu {list-style-type:none; margin:0px; padding:0px;margin-top:-1px; }
ul.ulMenu li {min-height:50px; /* 45px */ padding:0px;margin:1px 0px -1px 0px;cursor:pointer;}
ul.ulMenu li a {display:block; padding:13px 0px 8px 7px; word-wrap: normal;overflow-x:hidden; width:193px; text-overflow: ellipsis; letter-spacing: -0.3px;}

#divMobileMenu ul.ulMenu li a {width:243px !Important;}
	
li.R1 {font-weight: 700; z-index:10; border-top: 1px solid rgb(244,243,242); border-right: 1px solid rgb(244,243,242); border-bottom: 1px solid rgb(244,243,242); border-left: 1px solid rgb(244,243,242);}
li.R2 {border-top:0px !Important;margin-top:-2px !Important;font-weight:500;z-index:11;border-top: 0px; border-right: 1px solid rgb(244,243,242); border-bottom: 1px solid rgb(244,243,242); border-left: 1px solid rgb(244,243,242);background-color:rgb(250,249,247);}
.R2 a {padding-left:13px !Important; font-weight: 500 !Important; }

li.R1Idle {background-color:rgb(244,243,242);}
li.R1Active {background-color:rgb(195,213,216) !Important;}

li.R2Idle {background-color:rgb(250,249,247);}
li.R2Active {background-color:rgb(195,213,216) !Important;}

li.R1Idle a {color:rgb(51,51,51);}
li.R1Active a {color:rgb(0,0,0) !Important;}

li.R2Idle a {color:rgb(51,51,51) !Important;}
li.R2Active a {color: rgb(0,0,0) !Important;}


.R1bottom, .R1Login, .R1Login a, .R2Login {cursor:default !Important;}
.R1bottom a {font-weight:500;text-align:center;opacity:0.4;display:block;cursor:default !Important;}
#idR1Search {display:none;}

/* END MENU */

.divUndersidorKnapp {float:left; width:100%; margin-bottom:5px; min-height:45px; text-align:center; border-top: 1px solid rgb(244,243,242); border-right: 1px solid rgb(244,243,242); border-bottom: 1px solid rgb(244,243,242); border-left: 1px solid rgb(244,243,242);background-color:rgb(250,249,247); color:rgb(51,51,51); cursor:pointer; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.divUndersidorKnapp:hover {background-color:rgb(195,213,216); color: rgb(0,0,0); }
.divUndersidorKnapp p {margin:0px !Important; width:100%;}
.divUndersidorKnapp a {color:rgb(51,51,51); width:100%;padding:10px 10px; display:block;}
.divUndersidorKnapp a:hover {color: rgb(0,0,0);}


#divMainColumn img {max-width:100% !Important;height:auto;border:0px solid black;}
#divMainColumnExtended img {max-width:100% !Important; height:auto;border:0px solid black;}

#divRightColumn img {max-width:100% !Important; max-width:inherit;}

#divRightColumn .bodytextmini {color:black;}

#divIntervallhantering td {padding:1px 4px;}

.divPrinter{float:right;text-align:right;}

.imgInfo {width:16px;height:16px;}

.locked {border:0px; margin: 0px 1px 1px 3px; vertical-align:text-top; height:16px;width:16px;}

.imgEditInfo {width:16px; height:16px; border:0px; margin:0px 0px 0px 10px; vertical-align:text-top;}

.iconTrash_p {display:inline-block;cursor:pointer; margin-top:2px;}

.fa-unlock-alt.fa-unlock-alt:not(button i), .fa-lock {margin:4px 0px 0px 4px;vertical-align: text-bottom !Important;}

#divMenu i.fa, #divMobileMenu i.fa, #divMenu svg, #divMobileMenu svg {float:right; /*margin:3px 0px 0px 0px;*/}

#divMenu svg.fa-caret-right {float:none; position:relative; /*margin-left:5px;*/break-before:avoid;}
#divMenu svg.fa-sign-out {top:unset;}

H1 .fa, H1 svg, H2 svg.fa-lock-open-alt {font-size:17px !Important; margin:0px 0px 0px 10px !Important;vertical-align:super !Important;}

.lockIcon {fill:rgb(51,51,51);}

#frmLogin {padding:2px 4px 0px 0px ; width:193px;}
.loginCheckbox {margin: 0px 5px 0px 0px; cursor:pointer; vertical-align: middle;}

.R1nolink, .R1nolink:hover {color:rgb(51,51,51) !Important;}
.R2nolink, .R2nolink:hover {color:rgb(51,51,51) !Important;}

/* ----------------------------------------------------------- */

#tinymce {padding:0px;margin:0px;box-sizing: inherit !Important;}

#divLogotype {text-align:center;display:block;}

#divLogotype img {max-width:100%;}

p, #divMainColumn li, #divMainColumnExtended li, .mce-content-body, .mce-content-body li, divModal li 
	{
	margin-bottom:9px;
	margin-top:0px;
	}

p, td, div, #divMainColumn li, #divMainColumnExtended li, .mce-content-body {
font-family:'Questrial', sans-serif; font-size:16px; color:rgb(51,51,51); line-height:1.5;}

H1, H2, H3, H4, H5 {font-family:'Questrial', sans-serif; font-weight:bold; color:rgb(51,51,51);}
H1 {font-size:30px; margin-bottom:5px; margin-top:0px; text-align:left;line-height: normal;}
H2 {font-size:26px; margin-bottom:3px; margin-top:10px;}
H3 {font-size:22px; margin-bottom:3px; margin-top:15px;}
H4 {font-size:18px; margin:0px;}
H5 {font-size:16px; margin:0px; color:red;}

.H1homepage {margin: 5px 0px 8px 0px; color:rgb(51,51,51); text-align:left;}	

.H4RightColumnHeader {clear:both; margin: 0px 0px 8px 0px; border-bottom:1px solid rgb(153,153,153);}

/*.underlined {border-top:1px solid #999;margin-top:30px;}*/
.pRightColumnParagraph {line-height:normal; margin:5px 0px 5px 0px; word-wrap: break-word;}
.pRightColumnParagraph {min-height:45px;}

.bodytextmini{font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:72% !Important;color:rgb(165,165,165);line-height:normal;font-weight:500;margin:0px !Important; }

/* Kalendrar */

.tblMiniCalendar {width:100%; margin:5px 0px 0px 0px;border: 1px solid #CECECE; border-collapse: collapse; border-spacing: 0;}
.tblMiniCalendar td {height:45px; text-align:center; background-color:rgb(255,255,255); vertical-align:middle;border: 1px solid #CECECE; color:black; font-size:80%;}
.tblMiniCalendar i, .tblMiniCalendar svg {color:black;}




.tblCalendar {width:100%;table-layout:fixed;  border-collapse: collapse; border-spacing: 0;}
.tblCalendar td {border: 1px solid rgb(153,153,153); padding:2px; overflow:hidden;text-overflow: ellipsis;}

td.calWeekday {background-color:#EEEEEE; text-align:center;}
td.calDay1 {text-align:center; cursor:pointer; background-color:#EEEEEE; line-height:14px;}
.divCal1 {position:absolute; top:12px; left:10px; width:200px; z-index:10; display:none; background-color:#FFFFFF; }
.calToday {background-color:#FFFFCC !Important; }
.calSunday {background-color:#FFEEEE !Important; }
.calSaturday {background-color:#EEEEEE !Important; }
.calWorkingday {background-color:white; height:80px;}
.calDaySmall {height:25px;}
.divDateSpecKal {float:right; font-family:Tahoma; font-size:7px; overflow:hidden; white-space:nowrap; margin:0px; clear:right;}
.divDateSpecKalAdmin {float:right; font-family:Tahoma; font-size:7px; width:50px; overflow:hidden; white-space:nowrap; margin:0px;}
.divCalendarPopup {position:absolute; top: 12px; left: 10px; max-width: 300px; z-index:7; visibility:hidden; background-color:#FFFFEE; BORDER: #000000 1px dotted; padding:10px; word-wrap: break-word; word-break: break-all; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}

.mini {font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:9px;}

.DnD {list-style-type:none; padding:0px; margin:0px; border:0px;} 

#divContactFormCreator {margin: 10px 0px 10px 0px;clear:both;}


.imgHelp {vertical-align:bottom; cursor:help; width:16px; height:auto;} /* Ärendehantering */
.divURL {position:absolute; top:0px; left:0px; visibility:hidden; background-color:rgb(244,243,242); border:1px solid rgb(51,51,51); padding:5px; } /* DOkumentarkivet */
#divBoka {position:absolute; display:none; background-color:white; color:black; width: 96%; padding:15px; z-index:43;  border-radius:4px; top:0px; left:0px; max-width: 760px; margin-right:2%;}

#divBoka>div, #divTabortBokning {clear:both;background-color:rgba(0,0,0,0.1);margin-bottom:6px;padding:6px;border-radius:6px;}
#divBoka>div>p>a:not(.detaljer) {float:right;margin-top:8px;}
#divBoka h3 {margin:0px;}
#divModal tr.oddEven {height:unset !Important;}

#divNLTContainer {display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}

#DemoIcon {position:fixed; right:5px; top:55px; z-index:40;}
#divLogotyp {background-color:beige; border:1px solid rgb(51,51,51); padding:10px; max-width:160px; z-index:7;} /* Lager/popup logotypinstallningar */

#divDocumentSelector
	{
	top: 10px;
	margin-left: 5%;
	width:90%;
	position:absolute;
	display:none;
	z-index:43;
	border: 1px solid black;
	background-color:white;
	padding:15px;
	overflow:auto;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	border-radius:6px;
	}
	
#divFileSelectorContainer
	{
	width:100%;
	float:right;
	margin-left:1%;
	}
	

#divModalAlert {display:none; position:fixed; border-radius:6px; z-index:100; padding: 30px 20px 30px 20px; box-shadow: 4px 4px 4px rgba(0,0,0,0.2); width:480px; max-width:90%; border:1px solid gray; margin-left:1%; margin-right:1%; background-color: rgb(238,238,238); min-height:200px;}
#divModalAlert div {color:black; text-align:left;}
#divModalAlert p {color:black !Important; word-break:break-word;}
#bgPopup, #divBokaBg, #divModalBg, .ModalBg, #divModalAlertBg { display:none; position:fixed; height:150vh; width:100vw; top:0px; left:0px; background-color:rgba(0,0,0,0.5); z-index:42;}
#divModalBg { z-index:42; }
#divModalOverwrite { background-color:white;	border-radius:6px;	padding:20px;	max-width:900px;	position:absolute;	top:100px;	z-index:43;	display:none;	}
#divCropContainer, #divModal { position:absolute;display:none;width:900px; top:100px;background-color:white;color:black;border-radius:6px;z-index:48;padding:20px;min-width:280px;max-width:95%; }
#divModal p, #divModal td, #divModal h1, #divModal h2, #divModal h3, #divModal h4 {color:black;}

.cropit-image-preview {
  background-color: #000;
  background-size: cover;
  border: 1px solid black;
  border-radius: 0px;
  margin-top: 7px;
  width: 750px;
  height: 250px;
  cursor: move;
}

#divAlbumImageContainer {width:100vw;height:100vh;width:100svw;height:100svh;position:fixed;top:0px;left:0px;z-index:50;display:none;}
#divAlbumImage {width:inherit;height:inherit;display:table-cell;vertical-align:middle;text-align:center;}
#divAlbumImage img {max-width:100vw;max-height:100vh;}
#divAlbumImageText {background-color:white;background-color:rgba(255,255,255,1);border:1px solid black;padding:20px;position:absolute;left:0px;text-align:center;display:none;box-shadow:4px 4px 5px rgba(0,0,0,0.4);}
table.tablemenu {font-size: 1px; line-height: 0;}
fieldset {margin:3px; padding:6px; border:1px solid gray;}
fieldset legend {margin:0px 2px 0px 2px; padding: 0px 4px 0px 4px;}
#helpBox, #divMoveSelector {display:none; position:absolute; z-index:40; border: 1px solid black; background-color:rgb(245,245,245); padding: 10px; color:#000000; text-align:left; font-family:Tahoma, Verdana,Arial; font-size:11px; min-width:150px; min-height:30px;border-radius:3px;}
#helpBox {box-shadow: 2px 2px 4px rgba(0,0,0,0.3);max-width:200px; min-width:unset !Important; }
#divConfirmNoSave {position:absolute; background-color:rgb(238,238,238);color:black;border:1px solid black; border-radius:6px; display:none; width:500px; max-width:100%; padding:80px 20px; box-shadow:4px 4px 5px rgba(0,0,0,0.4); z-index:200;}
.placeholder {color: #aaa;}
#uploading_anim {padding-top:20px;display:none;border:1px solid #000000;background-color:rgb(255,255,255);width:100%;height:100px;text-align:center;vertical-align:middle;}
#divUploadForm ol li {margin:inherit;}
.trCfHidden {display:none;}
#divMainColumn p, #divMainColumnExtended p {line-height: 1.5; word-break: break-word; word-wrap:break-word;overflow-wrap: break-word}
#divMainColumn h1, #divMainColumn h2, #divMainColumn h3, #divMainColumn h4 {word-break: break-word; word-wrap:break-word;overflow-wrap: break-word}
.imgFolder {width:16px;height;16px;vertical-align:text-top;margin:0px 4px 6px 0px;border:0px;}
.divAvtal {background-color:rgba(0,0,0,0.03);padding:5px 10px;clear:both;}


.handle, .clStepHandle, .handle64, .handleFA
	{
	border:0px;
	margin: 2px 2px 0px 0px;
	padding:0px;
	cursor:move;
	float:left;
	width:12px;
	display:blocK;
	}

.handleFA {margin-right:6px;}
div[id^="divDocumentContainer"] {clear:both; margin-bottom:20px;}
#divDLSelector {position:absolute; display:none; width:auto; border:1px solid black;background-color:rgb(255,255,255); border-radius:2px;padding:10px 20px 2px 20px; height:auto; white-space: nowrap; z-index:20; box-shadow: 3px 3px 3px rgba(0,0,0,0.5); min-width:180px;}
#divPrenContainer, #tblMembers, #tblUsers, .StandardtableContainer {overflow-x:auto; overflow-y:initial; max-width:90vw; clear:both;}
table.stylish, table.stylishVit {border-collapse: collapse;}
table.stylish td,th {border: 1px solid black; padding: 4px; text-align: left;}
table.stylishVit td,th {border: 1px solid white;}
.imgAlignRight {float:right; margin:0px 0px 10px 10px;}
.imgAlignLeft {float:left; margin:0px 10px 10px 0px;}
.divThumbnail {position:absolute;background-color:rgba(255,255,255,0.8);padding:3px;border-radius:5px;cursor:pointer;border: 1px solid #777; width: 30px; height: 32px; margin:5px 0px 0px  5px;}
.divThumbnail:hover {background-color:rgb(255,255,255);/*-webkit-filter: drop-shadow(0px 0px 5px #FFF);filter: drop-shadow(0px 0px 5px #FFF);*/}
.divThumbnail img {width:20px;}
.imgThumbnailImageContainer {display:table-cell;height:120px;vertical-align: middle;text-align:center;}
.imgThumbnail { display: block; max-height:110px;min-height:60px;}
.divThumbnailContainer {display:inline-block;background-color:rgb(238,238,238); border:1px solid rgb(102,102,102);padding:8px;border-radius:8px;margin:0px 8px 8px 0px;text-align:center;min-width:215px;}
.divThumbnailContainer .select1 {width:250px;clear:both;margin-top:4px;}

.jscroll-added {display:inline;}
.jscroll-added.imgThumbnail {height:150px;}
.scroll  {word-break: break-word;}

.permissionCheckbox {cursor:pointer;/*background-color:#f0f0f0;padding: 1px 8px 1px 8px;border-radius:3px;*/margin-right:5px; white-space:nowrap;}
.permissionCheckbox checkbox {cursor:pointer;}

.imgSelectedToAlbum {border: 10px solid green;

// -webkit-filter: drop-shadow(8px 8px 10px black);
// filter: drop-shadow(8px 8px 10px black);

}

.divPLUploadFileContainer {background-color:rgba(0,0,0,0.07);padding:2px;margin:2px;border:1px solid rgb(153,153,153);color:black;border-radius:2px; font-size:83%;}
.aPLUploadDeleteFile {color:black !Important;float:right;}
.rcWelcome{margin-left:0px;width:100%;overflow:hidden;clear:both;}

/* ------------ BOKA TID --------------- */

td.r46days {width:11%;}
td.r46tid {white-space: nowrap; height:45px; font-family:Tahoma, Arial, Verdana; word-break:break-all; line-height:0px;}
td.r46intervall {width:23%; height:45px; font-family:Tahoma, Arial, Verdana; letter-spacing:-1.5px; line-height:0.9;}
.r46tid p {line-height:normal !Important;margin:0px !Important;}
*[id^='posID']{ height:40px !Important; /*padding:5px 0px;*/ border-radius:3px; background-color:rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.1); margin:none; /*width:85%; overflow:hidden;*/ }
.btnBoka {width:96%; max-width:44px; height:40px !Important; margin:0px;padding:0px;border-radius:3px; border:1px solid black;background-color:white;overflow:hidden; cursor: pointer;}
.btnBoka:hover {border:1px solid rgb(24,87,111); border-color:green;background-color:rgba(0,102,0, 0.05);}
.btnAvboka { width:96%; max-width:44px; height:40px !Important; margin:0px;padding:0px;border-radius:3px; border:1px solid black; background-color:rgb(244,243,242); color:rgb(51,51,51); font-size:70%; overflow:hidden; line-height:90%; white-space:normal; word-break:break-word; cursor: pointer; }
.btnAvbokaHovered {border:1px solid black; color:rgb(0,0,0) !Important; background-color:rgb(195,213,216) !Important; }
.btnBokaGrey {border:1px solid rgb(102,102,102); background-color:rgb(238,238,238); color:black;}
.btnBokaGrey:hover{background-color:rgba(238,0,0,0.5); border-color:gray;}
@media print { .btnBoka, .btnAvboka { max-width:110px; } }
.btnEgen {background-color:rgb(195,213,216); color:rgb(0,0,0);font-weight:bold;font-size:60%;}
.btnEgen:hover {background-color:rgb(244,243,242) !Important; color:rgb(51,51,51) !Important;}


.btnBokaGradStart {background-image: -webkit-linear-gradient(-45deg, #FFF 50%, rgb(24,87,111) 50%);}
.btnBokaGradEnd {background-image: -webkit-linear-gradient(-45deg, rgb(24,87,111) 50%, #FFF 50%);}

/* --------------- SLUT BOKA TID --------------------- */

#divContactForm {margin-left:0%;}

.divShare {padding-top:20px; font-size:16px !Important;}


#imgCloseAlbumImage {position:absolute;top:10px;right:20px;filter:alpha(opacity=30);opacity:.30;cursor:pointer;width:32px;}
.imgNavAlbumImage, #imgCloseAlbumImage {filter:alpha(opacity=50);opacity:.50;width:64px;cursor:pointer;}
.imgNavAlbumImage:hover, #imgCloseAlbumImage:hover {filter:alpha(opacity=80);opacity:.80;-webkit-filter: drop-shadow(0px 0px 3px #FFF);filter: drop-shadow(0px 0px 3px #FFF); }


/* ----------- FORM ELEMENTS ---------------------------*/

label {cursor:pointer;}

@keyframes heartbeat
{
	0%	{transform: scale( 1 );}
  33% { transform: scale( 1 ); }
  50% { transform: scale( 1.6 ); }
  67% { transform: scale( 1 ); }
  84% { transform: scale( 1.6 ); }
  100% { transform: scale( 1 );  }
 }


@keyframes upNdown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(20px);
  }
}

.fa-hand-point-up {  position: relative; animation: upNdown 0.5s infinite alternate; }


[required] {
	background-image: url('/images/icon_asterisk_64x64.png');
	background-repeat: no-repeat;
	background-position: right 18px top 7px;
	background-size:8px;
	padding-right:10px;
	}



input[type="button"].buttonGreen, input[type="button"].buttonBlack, input[type="button"].buttonBlue, input[type="button"].buttonRed, input[type="submit"], button.buttonGreen, button.buttonBlack, button.buttonBlue, button.buttonRed  {

	display: inline-block;
	white-space: nowrap; 
	background: #fff;
	/*background: #f0f0f0;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #dedede);
	background-image: -moz-linear-gradient(top, #f0f0f0, #dedede);
	background-image: -ms-linear-gradient(top, #f0f0f0, #dedede);
	background-image: -o-linear-gradient(top, #f0f0f0, #dedede);
	background-image: linear-gradient(to bottom, #f0f0f0, #dedede);*/
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	text-align:center;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	padding: 2px 8px;
	font-family:'Questrial', sans-serif;
	font-size:16px;
	font-weight:700;
	text-decoration: none;
	/*text-shadow: 0 1px 0 rgba(102,102,102,.1);*/
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	cursor:pointer;
	min-width:96px;
	
	}

.buttonBlack, .buttonBlack i, .buttonBlack svg { color:#000000 !Important; }
.buttonRed, .buttonRed i, .buttonRed svg { color:#770000 !Important; }
.buttonBlue, .buttonBlue i, .buttonBlue svg { color:#2E5894 !Important; }
.buttonGreen, .buttonGreen i, .buttonGreen svg { color:#007700 !Important; }

input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="tel"], input[type="file"], input[type="time"], input[type="number"],  input[type="url"], textarea, select {
	margin:0px;
	font-size:16px;
	color:#000000;
	font-family:'Questrial', sans-serif;
	/*font-weight:500;*/
	background-color:white;
	/* padding:3px 1px 3px 2px; */
	padding:1px;
	border: 1px solid #888;
	width:100%;
	
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.20);
	
	}
	

/* DO NOT USE WIDTH 100% FOR THESE FORM ELEMENTS */
input[type="date"], input[type="number"], select {width:auto;max-width:90%; min-width:190px;}

select.fixedwidth {width:95%;}

input[type="time"] {width:auto;max-width:150px; min-width:85px;}




input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="file"]:disabled, input[type="time"]:disabled, input[type="number"]:disabled,  input[type="url"]:disabled, textarea:disabled, select:disabled, button:disabled, .cldisabled {	
	filter:alpha(opacity=30) !Important;
	opacity:.30 !Important;
	}
	
input[type="text"].textfieldH1 {
	font-family:'Questrial', sans-serif;
	font-size:30px;
	font-weight:700;
	color:rgb(51,51,51);
	padding:4px 2px 4px 2px;
	text-align:left;
	height:auto;
	}

input[type="text"].textfieldH2{
	font-family:'Questrial', sans-serif;
	font-size:26px;
	font-weight:700;
	height:auto;
	}

input[type="text"].textfieldH3{
	font-family:'Questrial', sans-serif;
	font-size:22px;
	font-weight:700;
	height:auto;
	}

input[type="button"].buttonGreen, input[type="button"].buttonBlack, input[type="button"].buttonBlue, input[type="button"].buttonRed, input[type="submit"], input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="tel"], input[type="file"], input[type="time"], input[type="number"], input[type="url"], textarea, select, button.buttonGreen, button.buttonBlack, button.buttonBlue, button.buttonRed {height:45px;}

input[type="file"] {/*border:0px;*/ width:96%; background-color:transparent;}

/* RANGE CSS */
input[type=range] {
  -webkit-appearance: none;
  margin: 7.5px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #777677;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 11px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #848384;
}
input[type=range]::-moz-range-track {
  height: 5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #777677;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 11px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #6a696a;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #777677;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 1px solid #000000;
  height: 20px;
  width: 11px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
  height: 5px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #777677;
}
input[type=range]:focus::-ms-fill-upper {
  background: #848384;
}

/* Translucent background image */
.cropit-image-background {
  opacity: .2;
}

/*
 * If the slider or anything else is covered by the background image,
 * use relative or absolute position on it
 */
input.cropit-image-zoom-input {
  position: relative;
}

/* Limit the background image by adding overflow: hidden */
#image-cropper {
  overflow: hidden;
}

/* END RANGE CSS */

#divPlaceholderHelper {border:1px solid gray; background-color:rgb(245,245,245); color:black;padding:5px 15px;font-family:Verdana;position:absolute;min-width:200px;height:40px;z-index:200;border-radius:5px;display:none;}

#divPlaceholderHelper:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 10px;
  top: 39px;
  border: 6px solid;
  border-color: gray transparent transparent gray;
}

#divPlaceholderHelper:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 11px;
  top: 38px;
  border: 5px solid;
  border-color: rgb(245,245,245) transparent transparent rgb(245,245,245);
}


.mceNoEditor { width:100%; height:400px; color:#000000; background-color:#FFFFFF; border:1px solid #777;}
	
/* --- END FORM ELEMENTS --- */

.divShare img {width:32px;height:32px;margin-left:5px;}

/* Anslagstavlan */

.clAnslagstavlaRight {border-left:1px solid rgba(0,0,0, 0.2);padding:0px 0px 0px 4px;margin-left:10px; clear:both;}
.changeDate {	position:absolute; padding:20px; background-color:white; border:1px solid black; border-radius: 4px; z-index:41; text-align:left;}

#divPfCssM {display:none;}
#divPfCssS {display:block;}

.clAnslagstavlaRight svg {margin-left:10px;}
#divBottomSaveBar{border-top:1px solid rgb(102,102,102); border-bottom:1px solid rgb(102,102,102);width:100%;height:50px;position:fixed;bottom:5px;left:0px;z-index:41;text-align:center;padding:1px 0px 0px 0px;
	background-color:rgb(216,216,162);
		}

#divBottomSaveBar button[type="button"], #divBottomSaveBar button[type="submit"]  {height:45px; max-height: 35px;}
#divAdminList {display:none;}
#divAdminListSC, #divAdminListSCminimized {display:none;}
#divAdminListSC .fa-user-secret:hover, #divAdminListSC .fa-times:hover {color:white;} 
#divSwitch {font-size:14px !Important;}
#divAdminList svg, #divAdminList span { font-size:17px; cursor:pointer; vertical-align: unset; top:1px; }
#divAdminList .fa-circle { color:black; opacity:0.4;}
.iconMask {color:rgb(195,195,148) !Important;}
.adminBg a span, .adminBg a i, .adminBg a svg {color:black; opacity:0.6;}
.adminBg a:hover * {color:white;opacity:1 !Important;}
.adminBg {white-space:nowrap;background-color:rgb(195,195,148);border:1px solid rgb(102,102,102);border-bottom-right-radius: 6px;}
.adminBg img {margin:4px 6px 0px 0px;cursor:pointer;}
.red {color:red;}
.infoBox {display:none;background-color:rgba(0,0,0,0.05);padding:5px;border-radius:5px;clear:both;}
.hidden {display:none;}

/* ----  TINYMCE HACK -------------
 
div.mce-edit-area {background-color:transparent !Important;}
.mce-panel {border:0 solid rgba(0,0,0,0) !Important;}
.mce-tinymce {border:1px solid rgba(0,0,0,0.1) !Important; -webkit-box-sizing: border-box !Important;-moz-box-sizing: border-box !Important;-ms-box-sizing: border-box !Important;box-sizing: border-box !Important;}
.mce-toolbar[role="toolbar"] { float: left; }
*/
.mce-content-body img { max-width: 100% !Important;  height: auto !Important;}
.mce-panel iframe {width:calc(100% - 1px) !important;}
/*
 ----  END TINYMCE HACK ------------- */

.mce-tinymce { -webkit-box-shadow: none !Important; -moz-box-shadow: none !Important; box-shadow: none !Important; box-sizing: inherit !Important; }
.mce-top-part::before{-webkit-box-shadow: none !Important;-moz-box-shadow: none !Important;box-shadow: none !Important;}
.mce-toolbar{border-bottom: 1px solid #e2e4e7 !Important;}
.clGenvag {cursor:pointer;padding:13px 5px 13px 5px; background-color: rgb(244,243,242);border: 1px solid rgba(0,0,0,0.1);min-height:50px;text-align:center; 	}
.clGenvag:not(.clNLTGenvag):hover {background-color: rgb(195,213,216); }
.clGenvag p {font-weight:bold;color: rgb(51,51,51);margin:0px;}
.clGenvag:hover p:not(.clNLTGenvag):hover {color: rgb(0,0,0); }
.clGenvagAdmin {float:left;width:30%;margin-right:1%;margin-bottom: 10px;}
.clNLTGenvag a {color: rgb(51,51,51); }
.clNLTGenvag:hover a {color: rgb(0,0,0); }
.clSelGenvag {width: 100% !Important;}
.clHuvudfunktion {width:100%; min-height:50px; margin-bottom:20px; padding:13px 5px 5px 5px; cursor:pointer; background-color: rgb(244,243,242); 
border: 1px solid rgba(0,0,0,0.1); text-align:center; ;}
.clHuvudfunktion:hover {background-color: rgb(195,213,216); }
.clHuvudfunktion p {font-weight:bold;color: rgb(51,51,51) !Important;padding:0px !Important;margin:0px !Important; line-height: auto;}
.clHuvudfunktion:hover p {color: rgb(0,0,0) !Important; }
.clGVText {display:inline-block;margin-left:5px;}
#sortableMainColumn, #sortableMainColumn46 { list-style-type: none; margin:0px; padding:0px; }
#sortableMainColumn li, #sortableMainColumn46 li, .clSortableOL li {clear:both; margin:20px 0px 10px 0px;  width:100%; padding:5px 0px;} /* display:inline-block removed v41 */
.clDragNDropBg { background-color:rgb(204,204,204); border-radius:5px;}
#map img { max-width: inherit !Important; }
code {color:blue;}
.divStyrelse1 { margin:0px 0px 20px 0px; padding:10px; border-radius:6px; width:100%; background-color:rgba(0,0,0, 0.05); word-break: break-word; }
.divStyrelse1 img {height:80px !Important;}
.clMarkedForDelete {color:red;text-decoration: line-through;}
.divFilterPopup { display:none; position:absolute; z-index:51; border:1px solid black; color:black; background-color:white; padding:5px 10px; box-shadow: 4px 4px 4px rgba(0,0,0,0.4); width:auto; }
.divFilterPopup p {white-space:nowrap;}
.black {color:black;}
.debugBox {background-color:rgba(0,0,0,0.05);padding:10px;margin:2px;border-radius:3px;}
.debugBox p {font-size:10px !Important; margin:0px !Important;}
sql {font-family:"Lucida Console", Monaco, monospace; font-size:8px; color:blue; line-height:1 !Important;}
.clErr {font-size:8px;color:gray;font-weight:500;display:none;}
#one,#three {
	vertical-align:top;
	display: inline-block;
	padding:6px 3px 20px 3px;
	overflow:auto;
	white-space:nowrap;
}

#three {padding: 2px 0px 20px 6px;}

#two {
	display: block;
	bottom:0;
	background:#eee;
	position: absolute;
	top:0;
	cursor:col-resize;
	text-align:center;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	color:gray;
}

#three h3 {margin:0px;}

#one div {cursor:pointer;}

/*.clFolderUnselected {white-space: normal; overflow: hidden; text-overflow: ellipsis; letter-spacing:-0.7px;}*/
.clFolderUnselected {white-space: nowrap; letter-spacing:-1px; line-height:1.3;}

.clFolderSelected, #one div:hover {background-color:rgba(0,0,0,0.05);}
.clFolderSelected a, #one div:hover {color:rgb(51,51,51) !Important;}


#one1 {width:100%;padding:10px 5px 20px 5px;}
#three3 {width:100%;}

#idfFolderHeader {white-space:normal; word-break: break-all;}


.clHideTdForMobile {display:none;}

.clShowForMobile {display: block !Important;}
.clShowForDesktop {display: none !Important;}

/* BANKID ITEMS */

.clBankIDknappMobile {display: block;}
.clBankIDknappDesktop {display: none;}
.bankidknapp, #inputPnr {width:100%; margin-bottom:9px;}

#infoStatus {padding: 30px 0px; text-align:center; font-weight:bold; display:none; margin:20px 0px;}
#qrContainer { text-align:center; display:none;}
#qr {padding:20px 10px; text-align:center;}
#divRetry { display:none; text-align:center; padding:20px;}





/* END BANKID ITEMS */

#content #one {width:100%;clear:both;}
#content #two {display:none;}
#content #three {width:100%;clear:both;}

#btn56laddaupp {display:inline;margin-left:20px;}

.divThumbnailContainer .divThumbnail {font-size:18px;}

#divBildarkiv { 
position:absolute;  
display:none;
background-color:white;
color:black;
border-radius:6px;
z-index:44;
padding:10px 20px;
min-width:280px;
max-width:95%;
width:95%;
height:95%;

overflow-y:scroll;

}

#divBAPreviewContainer {position:fixed;top:0px;left:0px;width:90%;height:90%;background-color:black;display:none;z-index:102;text-align:center;padding:2%;border-radius:10px;box-shadow:6px 6px 18px;}
#divBAPreviewContainer img {max-width:100%;max-height:100%;}

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); }

.divExSourceLabel {display:inline-block;float:right;padding:0px 4px;border-radius:2px;background-color:;color:;font-size:10px;margin:2px 0px 0px 2px;}

#ZoomlevelAlert {position:absolute; top:0px; right:0px; padding:10px; width:33%;display:none;z-index:100;background-color:white;border:1px solid black;}
#ZoomlevelAlert p {color:red;}

#idDocumentList td {white-space:nowrap; display:inline-block; height:inherit; padding-top:10px;}
#divSearchResultContainer p {margin-left:20px;}

frmDelete54 {width:100%;}
#frmDelete54 td {white-space: nowrap; overflow:hidden;font-size:92% !Important;}
#frmDelete54 select {font-size:88% !Important; height:auto !Important;}

#divMail {width:fit-content; min-width:100%;}
#divMail ul {margin-top:-13px;}

iframe {max-width:100%;} 

#menu4Grid {
	display: none; 
	flex-wrap: wrap;
	justify-content: start;
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	line-height:0px; 
	background-color:rgb(244,243,242);
	border-top: 1px solid rgb(244,243,242);
	}
	
#menu4Grid li {
	display:inline-block;
	flex-shrink: 1;
	text-align:center;
	position:relative;
	}
	
#menu4Grid li a { width: 100%; min-height: 30px; display: block; color: rgb(51,51,51); font-weight: bold; -webkit-align-items: center; /* vertikalt Safari */ align-items: center; /* vertikalt */
	-webkit-justify-content: center; /* horisontellt Safari */
	justify-content: center; /* horisontellt */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-left: 1px solid rgb(244,243,242); 
	border-bottom: 1px solid rgb(244,243,242);
	border-right: 1px solid rgb(244,243,242); 
	line-height: 45px;
	padding: 0px 5px;
	
	letter-spacing: -0.3px;
	}

#menu4Grid>li:last-child a:first-child {border-right: 2px solid rgb(244,243,242);}
#menu4Grid li a:active { color:rgb(0,0,0); background-color:rgb(195,213,216) !Important; }
#menu4Grid span:after { width: 0px; height: 0px; border: 6px solid transparent; border-bottom: none; border-top-color: rgb(51,51,51); content: ''; vertical-align: middle; display: inline-block; position: relative; right: -5px; }
#menu4Grid > li:hover > a, #menu4Grid:not( :hover ) > li.active > a { color:rgb(0,0,0) !Important; background-color:rgb(195,213,216) !Important;}

/* second level */
#menu4Grid > li > ul > li { background-color:rgb(250,249,247); }

#menu4Grid li ul {display: none;position: absolute; top: 100%; padding:0px; border-bottom: 1px solid rgb(244,243,242);	}

#menu4Grid li:hover ul{ display: block; left: 0px; right: 0px; }

#menu4Grid li ul a {text-align:left; border: 0px; border-right: 1px solid rgb(244,243,242); border-left: 1px solid rgb(244,243,242); }
#menu4Grid li ul li a:hover, #menu4Grid li ul:not( :hover ) li.active a { color: rgb(0,0,0) !Important; background-color:rgb(195,213,216); }
#menu4Grid li ul li {width:100%; border: 0px;}
#menu4GridContainer {background-color:rgb(244,243,242); text-align:center; line-height:0px; justify-content:center; display:flex;}

#menu4Grid2 {
	display: none; 
	flex-wrap: wrap;
	justify-content: start;
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	line-height:0px; 
	background-color:rgb(250,249,247);
	border-top: 1px solid rgb(244,243,242);
	}

#menu4Grid svg.fa-lock-open-alt {margin-left:4px;}

/* ------------- MENU 2 v37------------------------- */

#menu2Grid { display: none; } /* mobile first */
#menu2Grid { list-style: none; width: inherit; margin: 0px; padding: 0px;  }	
	
#menu2Grid li { display:block; position:relative; background-color:rgb(244,243,242); border: 1px solid rgb(244,243,242); }



#menu2Grid > li {	margin-bottom: 1px; }
	
#menu2Grid li a { width: 100%; min-height: 45px; display: block; color: rgb(51,51,51); font-weight: bold; overflow: hidden; text-overflow: ellipsis; padding:9px 0px 0px 7px;}

#idR1Search {color: rgb(51,51,51); font-weight: bold;}

#menu2Grid li a:active, #menu2Grid li.R1Active { color:rgb(0,0,0); background-color:rgb(195,213,216) !Important; }
#menu2Grid > li:hover > a, #menu2Grid:not( :hover ) > li.active > a { color:rgb(0,0,0) !Important; background-color:rgb(195,213,216) !Important;}

/* second level */
#menu2Grid > li > ul {display: none; z-index:11; position: absolute; top: 10%; left: 60%; padding:0px; border-bottom: 1px solid rgb(244,243,242);	}

#menu2Grid > li > ul > li {background-color:rgb(250,249,247); min-width:280px; white-space: nowrap; position:relative;}

#menu2Grid .R2 { background-color:rgb(250,249,247);}
#menu2Grid .R2:hover, #menu2Grid .R2Active { background-color:rgb(195,213,216) !Important;}
#menu2Grid .R2 a:hover {color: rgb(0,0,0) !Important;}

#menu2Grid > li > ul > li:first-child {background-color:rgb(244,243,242); border-top: 1px solid rgb(244,243,242)}

#menu2Grid > li:hover > ul { display: block; }

#menu2Grid li ul a {text-align:left; border: 0px; border-right: 1px solid rgb(244,243,242); border-left: 1px solid rgb(244,243,242); }

#menu2Grid li ul li a:hover, #menu2Grid li ul:not( :hover ) li.active a { color: rgb(0,0,0) !Important; background-color:rgb(195,213,216) !Important; }

#menu2Grid > li > ul > li:first-child a:hover { color:rgb(0,0,0) !Important; background-color:rgb(195,213,216) !Important; }

#menu2Grid li ul li { width:100%; border: 0px;}

#menu2Grid li i { break-before:avoid; }

/* third level v42 */

#menu2Grid > li > ul > li > ul {display: none; z-index:11; position: absolute; top: 10%; left: 90%; padding:0px; border-bottom: 1px solid rgb(244,243,242);	}
#menu2Grid > li:hover > ul > li:hover > ul { display: block; z-index:11; }
#menu2Grid > li > ul > li > ul > li {background-color:rgb(250,249,247); z-index:11; min-width:280px; white-space: nowrap; position:relative;}


#menu5top {display:none; background-color:rgb(244,243,242); border-top: 1px solid rgb(244,243,242); border-right: 1px solid rgb(244,243,242); border-bottom: 1px solid rgb(244,243,242); border-left: 1px solid rgb(244,243,242); margin-bottom:2px; min-height:40px;


}
#menu5button {display:none;background-color:rgba(255,255,255,0.5);border-radius:8px; padding:8px; cursor: pointer; position:absolute; top: 20px; right: 20px;z-index:100;}
#menu5button i {color:black;}

#menu5top>div { color: rgb(51,51,51) !Important;}
#menu5top>div:hover { color: rgb(0,0,0) !Important;}
#menu5top a#idR1Search:hover { color: rgb(0,0,0) !Important;}
/* -------------------------------------- */

.wrapper { border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); }

.box {
	width:100%;
  padding: 10px;
  box-sizing: border-box;
  flex: 1 1 auto;
}

.handler {
	position:unset !Important;
	position:none !Important;
	display:none;
  width: 30px;
  padding: 0;
  cursor: ew-resize;
  flex: 0 0 auto;
}


.handler::before {
  content: '';
  display: block;
  width: 4px;
  height: 100%;
  background: rgba(0,0,0,0.2);
  margin: 0 auto;
}

.docTable tr:nth-of-type(even) {height:45px; background-color:rgba(0,0,0,0.02)}
.docTable tr:nth-of-type(odd) {height:45px; background-color:rgba(0,0,0,0.05)}

.docTable p {overflow:hidden;white-space:nowrap; text-overflow: ellipsis; }
.docTable .center {text-align:center;}

.docTable label {display:block;} /* Make whole cell klickable for checkbox if in a label*/

.docTable {width:100%; border-collapse: collapse; border-color: rgba(0,0,0,0.2); margin-bottom:10px;}

.docTable .thead {background-color: rgba(0,0,0,0.15) !Important;}

.docTable td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:3px 0px;
}

.iconColumn {width:7%; text-overflow: unset;}

.imageIcon {height: 16px !Important; margin:4px 0px -3px 0px;}

#three p {margin:0px !Important; line-height:normal !Important;}

#frmImportUser li {margin-bottom:0px !Important;}

.albumstn_36 {width:100%;clear:both;margin-bottom:10px;cursor:pointer;min-height:100px;; }
.albumstn_36 p {min-width:70%; width:fit-content; padding:1% 3%;text-align:center; position:relative; top: 50%; left: 50%; transform: translate(-50%, 20%); background-color:rgba(255,255,255,0.9);color:black; }

#divGDPRinfo p, #divGDPRinfo li, .clGDPR, #divGDPRinfo a { /*font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif !Important; font-size: 13px !Important; */ font-size:80% !Important; color: rgb(153,153,153); line-height: normal !Important; margin: 0px !Important;} 

#idMetaText {height:80px;} 

.fa-info-circle {cursor:pointer;}

.bankIDicon {
  height: 24px;
  width:24px;
	background-color: rgb(24,87,111); /* defines the background color of the image */
  mask: url('/images/bankid-vector-logo.svg') no-repeat center / contain;
  -webkit-mask: url('/images/bankid-vector-logo.svg') no-repeat center / contain;
  margin:0px;
  padding:0px;
  cursor:pointer;
  margin:auto;
}

.bankIDicon:hover {
	background-color: rgb(51,51,51); /* defines the background color of the image */
}

#content_container { letter-spacing: -0.5px; }

#signInfo p, #signInfo1 p {margin-bottom:9px !Important;}

#divGVContainer {clear:both; display:grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;

}

.TwoColumnContainer {
	display: grid;
  grid-template-columns: 100%;	
}

.formTable div:nth-of-type(odd) {vertical-align:top; text-align:left; padding:0px 0px 0px 0px;}
.formTable div:nth-of-type(even) {vertical-align:top; text-align:left; padding:0px 0px 4px 0px;}
.formTable p {margin:0px !Important;}

#divCookies {
	padding:5px 0px;
	margin: 0;
  position: fixed;
  bottom:0px;
  /*
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  */
  background-color: rgb(244,243,242);
  text-align:center;
  z-index:48;
  width:100%;
  border-top: 1px solid black;
  opacity:0.9;
  }
  
#divCookies p { color: rgb(51,51,51);}
#divCookies p a { color: rgb(51,51,51) !Important; text-decoration:underline;}

#divCookies button {margin: 10px 20px;}

#divPrenGroups {min-width:200px;}

.fa-layers-text {font-family: Arial;}

#strTelefon { width:100%; } 

.antalSigneringar {font-size:50%;position: absolute;margin-left: -14px;background-color: white;margin-top: -4px;padding: 0px 1px;border: 1px solid;border-radius: 3px; font-family: sans-serif, Tahoma, Verdana;}
.green {color:green; border: 1px solid rgba(0,128,0, 0.8); margin-left: -15px; font-weight:bold;}

/* TABLE HANDLING */

#textContainer table { margin:0px 0px 9px 0px; width: -webkit-fill-available !Important; border-collapse: collapse;}

.Standardtable {width:100%; border-collapse: collapse; border-color: rgba(0,0,0,0.2); margin-bottom:10px; clear:both; table-layout:fixed;}
.Standardtable tr:nth-of-type(even) {height:45px; background-color:rgba(0,0,0,0.02);}
.Standardtable tr:nth-of-type(odd) {height:45px; background-color:rgba(0,0,0,0.05);}

.Standardtable tr:hover {background-color:rgba(0,0,0,0.1);}

.Standardtable thead {background-color: rgba(0,0,0,0.1) !Important; font-weight:700;}
.Standardtable thead tr td {font-weight:700;}
.Standardtable td *:not(.fa-layers) {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.Standardtable td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:3px; }
.Standardtable label {display:block;} /* Make whole cell klickable for checkbox if in a label*/

.fit {table-layout: unset;}

.tl_unset {table-layout:unset;} /* Make whole cell klickable for checkbox if in a label*/


.tdForIcon {width:26px !Important; text-align:center !Important; text-overflow: unset !Important;}
.tdForDate {width:122px !Important; white-space: nowrap !Important;}
.tdForDateTime {width:175px !Important; white-space: nowrap !Important;}
.tdForVisaCheckbox {width:60px !Important; text-align:center !Important;}

.tblFixed {table-layout: fixed;}

#divPrendetails {min-height:480px;}

#divExpandCompressTbl { /* background-color: rgba(0,0,0,0.05); padding:2px 5px 0px 5px; border-top: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(0,0,0,0.2); */}

.AdminEdit { float:right;margin:0px 0px 10px 3px;padding:1px 6px; border-radius:5px; border:1px solid rgba(0,0,0,0);}
.AdminEdit p { margin:0px !Important;}
.AdminEdit:hover {background-color:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.2);}

.AdminEditInfo {background-color:rgba(0,0,0,0.1); text-align:center;padding:3px 0px; font-size:85% !Important; display:none;}


	#divNoticeIconForIpad {display:none;}
	

.pushDot {margin-left:-2px;margin-top:-2px;position:absolute; transform:scale(0.6);display:none;}


@media all and (max-width: 767px) {
  .mce-window                         {width:auto !important; top:0px !important; left:0px !important; right:0px !important; bottom:0px !important; background:none !important;}
  .mce-window-head                    {background:#FFFFFF !important;}
  .mce-window-body                    {background:#FFFFFF !important;}
  .mce-foot > .mce-container-body     {padding:10px !important; width:80% !important;}
  .mce-panel                          {max-width:100% !important;}
  .mce-container                      {max-width:100% !important; height:auto !important; overflow:auto; border:1px solid black;}
  .mce-container-body                 {max-width:100% !important; width: auto !important; height:auto !important; overflow:auto;}
  .mce-form                           {padding:10px !important;}
  .mce-tabs                           {max-width:100% !important;}
  .mce-formitem                       {margin:10px 0 !important;}
  .mce-abs-layout-item                {position:relative !important; left: 0 !important; top: 0 !important; width:auto !important;}
  .mce-slider                         {margin-top: 20px !important; margin-bottom: 20px !important;}
  .mce-abs-layout-item.mce-label      {display:block !important;}
  .mce-abs-layout-item.mce-textbox    {-webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; display:block !important; width:100% !important;}
  .mce-abs-layout-item.mce-combobox   {display:flex !important;}
  .mce-abs-layout-item.mce-combobox > .mce-textbox {-ms-flex:1 1 auto; -webkit-flex:1 1 auto; flex:1 1 auto; height:29px !important; width:80% !important;}
  .mce-container-body.mce-window-body.mce-abs-layout iframe {height:500px !important;} /*this only use with responsive file manager 9*/
  .mce-tinymce-inline                  {left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important;}
  .mce-tinymce-inline .mce-flow-layout {white-space: normal !important;}
  .mce-menu.mce-fixed                  {max-height: 90%; overflow: auto;}

	.mce-title                          {white-space:normal !important;}
	.mce-btn-group                      {overflow-y: hidden !important;}
	div[role=application] 							{border:1px solid #c5c5c5; box-shadow: 4px 4px 4px rgba(0,0,0,0.4);}
	
}

.clShowFrom768 {display: none !Important;}


/* Styrelsechatten */
#divStyrelseChatten p { word-break: break-word !Important;}

.sc61left {padding-right:5px;}
.sc61right {padding-left:5px;min-height:50px;}

.noHover {
   // pointer-events: none;
}

.hr {height:1px;width:100%;display:table;border-top:1px solid #999;}

.btnSwishLoggHovered {background-color:rgba(255,234,0,0.3) !Important; }