.accessForm label strong{
display: inline-block;
width:200px;
}

.accessForm label{
display:block;
background:rgba(255,255,255,0.4);
max-width:300px;
box-shadow:0px 0px 4px rgba(0,0,0,0.4);
padding:4px;
}.btn{
display:inline-block;
padding:2px;
padding-left:4px;
padding-right:4px;
border:2px solid #CCC;
margin:5px;
text-decoration:none;
color:#666;
background:rgba(255,255,255,0.8);
}


.btn.green{
background: linear-gradient(45deg, rgba(143,200,0,1) 0%,rgba(82,127,0,1) 0%,rgba(61,137,0,1) 0%,rgba(107,183,0,1) 100%);
}

.btn.trash{
background: linear-gradient(135deg, rgba(169,3,41,1) 0%,rgba(221,0,3,1) 100%); 
color:#FFF;
padding:4px;
padding-left:6px;
padding-right:6px;
border:0px;
}

.btn.trash:hover{
box-shadow:0px 0px 4px rgba(169,3,41,1);
}


.plus{
display:inline-block;
margin-left:20px;
background:#666;
color:#FFF;
padding:5px;
text-decoration:none;
padding:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:4px;
line-height:100%;
}

h1 .plus{
background: rgba(46,131,173,1);
color:#FFF;
border-radius:1000px;
width: 40px;
font-size:80%;
text-align:center;
vertical-align:top;
display:inline-block;
line-height:83%;
margin-top:6px;	
padding-top:6px;
margin-left:5px;
}


h2 .plus{
width:35px;
height:36px;
padding:0px;
text-align:center;
padding-top:-2px;
border:2px solid #58BCCE;
background:rgba(0,0,0,0.1);
padding-top:2px;
}

h2 .plus:hover{
background:rgba(0,0,0,0.8);
color:#58BCCE;
}

@media only screen and (max-width: 1200px) {
h2 .plus{
padding:0px;
width:30px;
height:31px;
}
}

.backBtn{
color:#FFF;
font-size:150%;
text-decoration:none;
padding:4px;
padding-right:10px;
position:fixed;
left:0px;
top:0px;
background:rgba(46,131,173,0.97);
z-index:99;
}

input.save{
background: linear-gradient(45deg, rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%);
border:0px;
color:#FFF;
}

a.link{
color:#61C4E2;
}


@media print {
.backBtn, .btn{
display:none;
}
}.chkListControl{
display:block;
width:50%;
position:fixed;
top:0px;
max-width:670px;
padding:0px;
left:0px;
text-align:right;

height:50px;
margin-left:20px;
padding-top:7px;
}

.chkListControlBtn{
font-size:140%;
background:#53A000;
color:#FFF;
text-decoration:none;
padding:5px;
margin-left:20px;

}body.docmodule h1{
margin:0px;
padding:0px;
font-size:340%;
}

body.docmodule .mainDocContent{
color:rgb(230,230,230);
}

body.docmodule h1 .prehead{
margin-top:20px;
margin-bottom:-10px;
}


.docVersionizer{
display:block;
width:100%;
max-width:670px;
text-align:right;
padding-right:10px;
}

.docVerzion{
display:inline-block;
margin-right:5px;
background:rgb(0,0,0,0.2);
padding:5px;
padding-left:7px;
padding-right:7px;
color:#02b1d5;
border-top-left-radius:4px;
border-top-right-radius:4px;
text-decoration:none;
height:35px;
padding:7px;
margin-left:20px;
}

.docVerzionDraft{
background:rgba(255,255,255,0.1);
color:#999;
padding:5px;
text-decoration:none;
}

.mainDocContent{
display:inline-block;
width:670px;
vertical-align:top;
min-height:300px;
padding:20px;
margin:0px;
background:rgb(0,0,0,0.2);
color:#000;
border-radius:4px;
min-height:80vh;
}




#editBlockForm{
display:block;
padding:20px;
background:rgba(0,0,0,0.1);
}

#editBlockForm textarea, #editBlockForm input, #editBlockForm select{
width:100%;
}

#editBlockForm textarea{
height:150px;
transition:0.3s all;
}

#editBlockForm.ebftHeader textarea{
height:80px;
font-size:250%;
}



.insertBlockW{
text-align:center;
}


.moveme{
opacity:0.5;
background:rgba(0,0,0,0.1);
}


.editDocW h2, .editDocW h3, .editDocW h4, .editDocW h5{
padding:0px;
margin:0px;
}


.docBlockTool{
padding:4px;
text-align:right;
}


.docBlocks{
display:inline-block;
width:700px;
}

.editDocW .docBlock{
box-shadow:0px 0px 4px rgba(0,0,0,0.2);
margin-top:10px;
margin-bottom:10px;
background:rgba(0,0,0,0.2);
}

.docBlockContent{
display:block;
padding:10px;
}

.docBlock{
display:block;
width:100%;
}


.currentContent{
display:block;
padding:0px;
}


body.docmodule h2{
margin:0px;
padding:0px;
font-weight:400;
font-size:200%;
}

.docLevelsW{
	display: inline-block;
	width: 270px;
	vertical-align: top;
	margin-left: 20px;
}

.docLevelsW form{
margin-bottom:20px;
}

.docLevelsW input{
width:100%;
padding:5px;
}

.docSubItem{
display:block;
background:rgba(0,0,0,0.2);
padding:10px;
width:100%;
margin-bottom:10px;
color:#FFF;
text-decoration:none;
}

.docSubItem:hover{
background:rgba(0,0,0,0.4);
}

.docSubItem.notApproved{
background:rgba(0,0,0,0.1);
color:#999 ;
}


.docToolW{
text-align:right;
}

.docToolToggler{
font-size:180%;
color:#999;
font-weight:bold;
text-decoration:none;
}

.docToolToggler:hover{
color:#FFF;
}.docBlock101 .docBlockContent{
font-size:140%;
color:#666;
}



.theBlockNr{
display:inline-block;
vertical-align:top;
width:80px;
color:#000;
text-shadow:0px 0px 5px rgba(255,255,255,0.8);
font-size:222%;
text-align:center;
padding-top:20px;
color:#02b1d5;
}

.theBlockNr.secondary{
color:#91a7ab;
font-size:200%;
}

.theBlockText{
display:inline-block;
vertical-align:top;
width:calc(100% - 81px);
padding-left:20px;
}

.theBlockText{
font-size:150%;
padding-top:25px;
}

.toggleBlock .blockMainContent{
padding-left:20px;
}.blockFileForm{
display:block;
padding:4px;
}.docRiskW{
display:inline-block;
width:300px;
vertical-align:top;
margin-left:20px;
}

.docRiskItem{
display:block;
background: rgba(30,30,30,0.5);
padding:20px;
margin-bottom:20px;
}

.docRiskItem h4{
font-size:150%;
color:#FFF;
margin:0px;
padding:0px;
}

.riskItemHead>span{
display:inline-block;
width:calc(100% - 50px);
}

.riskItemHead>strong{
display:inline-block;
width:40px;
}

.riskItemLevel>strong{
font-size:200%;
display:block;
width:100%;
text-align:center;
}

.levelMeter{
display:block;
width:100%;
background:#FFF;
}

.levelMeter>div{
transform:0.3s all;
display:block;
height:20px;
background-color:#999;
}#faktura h1{
color:#333;
text-shadow:none;
}

@media screen {
body.faktura{
background:none;
}

#faktura h1{
color:#CCC;
}
}



.fakturaLogo{
display:none;
}


@media print {
#faktura{
color:#000;
}


#faktura div, #faktura table{
font-size:12px;
}

.fakturaLogo{
display:block;
text-align:center;
width:26%;
height:10em;
background-size:contain;
background-position:0px center;
background-repeat:no-repeat;
position:absolute;
left:1em;
top:0px;
}


.fakturaProjectBlock{
width:32% !important;
}



#fakturatool{
display:none !important;
}

.fakturaNewPost, .fakturaLineTools{
display:none !important;
}

} /*DONE PRINT*/


#fakturatool{
background:rgba(46,131,173,0.97);
bottom:0px;
left:0px;
position:fixed;
width:100%;
padding:10px;
text-align:center;
}

#fakturatool a{
display:inline-block;
padding:5px;
border:2px solid #FFF;
text-decoration:none;
font-size:120%;
color:#FFF;
font-weight:600;
opacity:0.7;
}

#fakturatool a.green{
background: linear-gradient(45deg, rgba(143,200,0,1) 0%,rgba(82,127,0,1) 0%,rgba(61,137,0,1) 0%,rgba(107,183,0,1) 100%);
}

#fakturatool a:hover{
opacity:1;
}



.headW{
display:block;
width:100%;
text-align:right;
}

.headW>div{
display:block;
}


.headW>div>div.spacer{
display:inline-block;
width:80%;
height:6px;

}


.headW>div>div:nth-child(2){
border:1px solid #666;
display:inline-block;
width:20%;
padding:0.1%;
color:#666;
font-size:150%;
text-align:center;
}

.fakturanr{
background:#666;
color:#FFF !important;
}



#faktura strong, #faktura th{
color:#666;
}

.fakturaAdress{
display:block;
width:100%;
margin-bottom:40px;
margin-top:30px;
}

.adrTo, .adrFrom{
display:inline-block;
width:30%;
vertical-align:top;
}

.adrTo strong, .adrFrom strong{
display:block;
}

.fakturaInfoTxt{
font-size:140%;
}



#faktura h2{
color:#2E83AD;
margin:0px;
padding:0px;
}


.h3Cell{
border-bottom:1px solid #999;
text-align:right;
padding-right:0;
font-size:120%;
margin-top:8%;
color:#666;	
margin-bottom:1%;
}

#faktura h3{
display:inline-block;
padding:0px;
background:#999;
color:#FFF;
margin:0px;
padding:0.2%;
width:20%;
text-align:center;
font-size:90%;
}

#faktura h3>span{
display:inline-block;
width:20%;
text-align:center;
background:#CCC;
color:#FFF;
}



.fakturaMeta{
display:block;
}

.fakturaMeta h1{
font-size:250%;
margin:0px;
padding:0px;
}

.fakturaMeta>div>div{
display:inline-block;
vertical-align:top;
}

.fakturaMeta1{
width:80%;
}

.fakturaMeta2{
width:20%;
background:rgb(220,220,220);
padding-left:1%;
padding-top:1%;
padding-bottom:1%;
color:#666;
}


.fakturaMeta2 p{
margin:0px;
margin-top:2%;
margin-bottom:2%;
}

.fakturaMeta2 strong{
display:block;
font-size:80%;
margin-bottom:-0.3em;
}

.betInfoTbl>div{
display:block;
width:100%;
}

.betInfoTbl>div>div{
display:inline-block;
width:24%;
padding:0.4%;
font-size:160%;
}

.betInfoTbl>div>div>strong{
font-size:80%;
display:block;
}

.itsPayed{
background:#8fc800;
display:block;
width:90%;
color:#FFF;
text-align:center;
}

.mvaTabell, .projectHoursTable{
width:50%;
}



.fakturaTimelogg{
width:100%;
}


.fakturaPoster{
width:100%;
}

.fakturaPoster th{
text-align:right;
}

.fakturaPoster th:first-child{
text-align:left;
}

.fakturaPoster td{
border-color:#CCC !important;
border:0px !important;
}

td.nr{
text-align:right;
}

.fakturaPoster td, .fakturaPoster th{
padding:2px;
}

.fakturaSumLine td{
border-top:1px solid rgba(46,131,173,0.97) !important;
background:#FFF;
}

.fakturaNewPost td{
padding:5px;
/*
background:rgb(46,131,173) !important;
*/
}

.tlDate{
width:20%;
}

.tlTimar{
width:20%;
}

.tlAnsatt{
padding-left:2%;
}

tr.edited td{
background:#BBC7CC !important;
}

#setBetForm{
display:block;
padding:10px;
}

#setBetForm input{
font-size:120%;
}

.fakturaProjectBlock{
display:inline-block;
width:225px;
padding:6px;
vertical-align:top;
text-align:center;
margin-bottom:15px;
}

.fakturaProjectBlock strong{
display:block;
width:100%;
}

.fakturaProjectBlock span{
display:block;
width:100%;
}

.fakturaProjectBlock span:nth-child(2){
font-size:150%;
}


.fakuraTimelogg{
width:100%;
}

.fakuraTimelogg td, .fakuraTimelogg th{
font-size:80%;
}

.fakturaTimelogg tr:nth-child(odd) td{
background:rgba(225,225,225,0.5);
}


.fakturaPage{
display:block;
width:100%;
page-break-inside: avoid;
}

.fakturaPageNew{
page-break-before:always;
break-before: always;
}
.loopLines{
width:100%;
}

.loopLines th{
text-align:left;
}

.loopLines th:not(:first-child){
text-align:right;
}


.loopMonths{
width:100%;
text-align:center;
}


.mndChkW{
display:inline-block;
margin-right:20px;
width:80px;
background:rgba(0,0,0,0.1);
text-align:center;
padding:6px;
}

#loopDates .genericItem{
max-width:140px !important;
}.fakturaliste{
display:block;
width:500px;
max-width:100%;
}

.fakturaliste a{
display:block;
width:100%;
}
form label{
display:block;
margin-bottom:20px;
margin-top:10px;
}

form label strong{
display:block;
}


form.form{
display:block;
width:100%;
max-width:500px;
margin-bottom:30px;
}

form.bgform{
padding:20px;
background:rgba(255,255,255,0.5);
box-shadow:0px 0px 6px rgba(0,0,0,0.1);
}

form.form input, form.form select, form.form textarea{
display:block;
width:100%;
padding:6px;
font-size:120%;
}

form.form input[type="checkbox"]{
width:auto;
display:inline-block;

}

form.form textarea{
min-height:90px;
}

input[type=file]{
border:1px solid #CCC;
background:rgba(255,255,255,0.5);
}

.form input[type=submit]{
background: linear-gradient(to bottom, rgba(42,152,221,1) 0%,rgba(37,141,200,1) 100%);
background: linear-gradient(135deg, rgba(29,111,155,1) 0%,rgba(23,124,116,1) 100%);
background: linear-gradient(135deg, rgba(0,146,183,1) 0%,rgba(34,93,142,1) 100%);
border:0px;
display:block;
font-size:110%;
color:#FFF;
padding:6px !important;
font-size:150% !important;
font-weight:500;
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
margin-top:15px;
}


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

}.genericItem{
display:inline-block;
background-color:rgba(255,255,255,0.7);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
margin:10px;
padding:10px;
vertical-align:top;
text-align:none;
text-decoration:none;
color:#333;
width:100%;
max-width:300px;
box-sizing:border-box;
color:rgb(30,30,30);
}

.genericItem.disabled{
background-color:rgba(225,225,225,0.6);
opacity:0.7;
}

a.genericItem:hover{
background-color:rgba(255,255,255,0.9);
box-shadow:0px 0px 8px rgba(0,0,0,0.4);
}

.genericItem h3{
margin:0px;
padding:0px;
color:rgba(32,83,96,1);
font-size:140%;
}

.genericItemCenter{
text-align:center;
}

.genericItem p{
margin:0px;
margin-top:4px;
margin-bottom:2px;
}


.genericItem.go{
background:#02b1d5;
color:#FFF;
}

.genericItem.go:hover{
background:#02b1d5;
color:#FFF;
text-shadow:0px 0px 5px rgba(255,255,255,0.5);
}

@media only screen and (max-width: 800px) {
.genericItem{
display:block;
max-width:100%;
margin-left:0px;
}
}h1, h2, h3, h4{
font-weight:normal;
}

h1{
font-size:400%;
color:#666;
color:rgba(46,131,173,0.97);
color:#FFF;
text-shadow:0px 0px 7px rgba(0,0,0,0.6);
font-weight:normal !important;
}



h2{
font-size:250%;
color:rgba(255,255,255,0.8);
color:rgba(46,131,173,0.97);
margin:0px;
margin-top:40px;
margin-bottom:10px;
text-shadow:0px 0px 5px rgba(0,0,0,0.1)
}


@media print {
h1, h2{
color:#333;
text-shadow:none;
}
}


.prehead{
display:block;
font-size:50%;
opacity:0.8;
font-weight:400;
margin-bottom:-0.2em;
color:#666;
}

.prehead a{
color: #91a7ab;
}


@media only screen and (max-width: 1200px) {

h1{
font-size:300%;
}

h2{
font-size:210%;
}

}.imageUploadInput{
display:block;
width:1px;
height:1px;
overflow:hidden;
opacity:0.1;
}.itemInfo{
display:inline-block;
width:170px;
margin:10px;
padding:10px;
background:rgba(22,22,22,0.8);
vertical-align:top;
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}

.itemInfo.itemInfo2Block{
width:360px;
}

.itemInfo>strong{
display:block;
}

.itemInfo form input, .itemInfo form select{
width:100%;
}

.itemInfo form label{
margin-bottom:10px;
display:block;
}

.itemInfo textarea{
width:100%;
min-height:150px;
}

.itemInfo iframe{
width:100%;
border:0px;
height:30px;
margin-top:10px;
}

.itemToolbar{
display:block;
width:100%;
text-align:right;
position:relative;
top:-5px;
left:5px;
opacity:0.3;
margin-bottom:-20px;
}

.itemToolbar:hover{
opacity:1;
}

.itemToolbar a{
display:inline-block;
margin-left:5px;
font-size:70%;
vertical-align:top;
border:1px solid #CCC;
color:#CCC;
text-decoration:none;
padding:3px;
}

.itmNotset{
color:#CCC;
opacity:0.6;
}

.savingIndicatorItem{
background:rgba(255,255,255,0.5);
color:rgba(0,0,0,0.5);
display:block;
width:100%;
padding:2px;
text-align:center;
font-size:80%;
}


.itemInfo .mapC{
width:100%;
height:300px;

}

.itemFullmap{
display:block;
width:100%;
height:90vh;
}

.itemImageC{
width:30%;
display:inline-block;
vertical-align:top;
margin-right:1%;
}

.itemImageC .trash, .itemFileC .trash{
position:relative;
top:-20px;
}

.itemSubItems:empty{
display:none
}

.itemSubItems{
display:block;
padding:22px;
background:rgba(0,0,0,0.2);
box-shadow:inset 5px 5px 10px rgba(0,0,0,0.4);
margin-top:20px;
}

.itemSubItems .green{
color:#000;
}

.itemSubItems .subItem{
display:inline-block;
width:32.5%;
max-width:615px;
vertical-align:top;
background:rgba(255,255,255,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
padding:6px;
margin-top:20px;
margin-right:0.7%;
}

.itemSubItems h3{
color:#FFF;;
font-size:220%;
margin:0px;
padding:0px;
font-weight:400;
padding-left:0px;
position:relative;
top:5px;
margin-left:10px;
width:90%;
margin-bottom:4px;
border-bottom:1px solid #02b1d5;
}

.itemFile{
display:block;
width:100%;
padding:5px;
margin-top:5px;
margin-bottom:5px;
border:1px solid #666;
border-radius:4px;
color:#CCC;
text-decoration:none;
}

.itemFile:hover{
border:1px solid #FFF;
box-shadow:0px 0px 5px rgba(255,255,255,0.6);
}

.itemComment{
display:block;
width:100%;
margin-bottom:3px;
background:rgba(255,255,255,0.1);
padding:6px;
}

.itemComment strong{
display:block;
}

.itemCopybtn{
font-size:14px;
color:#CCC;
border:1px solid #CCC;
padding:3px;
text-decoration:none;
vertical-align:middle;
margin-left:20px;
opacity:0.6;
}

.itemCopybtn:hover{
opacity:1;
}

.copyItemForm{
display:block;
background:rgba(0,0,0,0.2);
padding:20px;
margin-bottom:30px;
margin-top:-30px;
}

.copyItemForm input{
display:block;
width:100%;
padding:5px;
}

#itemInfoW{
display:block;
background:rgba(60,60,60,0.98);
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:1200;
height:calc(100vh);
box-shadow:0px 0px 6px rgba(0,0,0,1);
}


#itemInfo{
display:block;
height:calc(100vh);
width:100%;
color:rgb(230,230,230);
overflow:auto;
padding:20px;
}


#itemInfoClose{
background:rgb(0,0,0);
color:#FFF;
padding:10px;
display:inline-block;
text-decoration:none;
}

@media only screen and (max-width: 1000px) {
.itemSubItems .subItem{
width:100%;
}
}.kundelogg{
display:block;
width:500px;
}

.kundeloggForm{
display:block;
width:100%;
}

.kundeloggForm textarea{
display:block;
width:100%;
padding:20px;
}

.kundelogg .genericItem{
display:block;
width:100%;
max-width:100%;
margin:0px;
margin-bottom:10px;
}#loginW{
display:block;
width:100%;
text-align:center;
}

#loginW>form{
display:inline-block;
width:80%;
margin-top:100px;
font-size:150%;
max-width:500px;
}

#loginW>form label{
margin-bottom:40px;
}

#loginW input{
display:block;
width:100%;
padding:10px;
font-size:150%;
}

#loginW input{
background:rgba(255,255,255,0.9);
padding:9px;
border:0px;
box-shadow:0px 0px 6px rgba(0,0,0,0.5);
opacity:0.9;
}

#loginW input[type=submit]{
background: linear-gradient(135deg, rgba(143,196,0,1) 0%,rgba(92,173,0,1) 100%);
color:#FFF;
}body{
font-size:14px;
font-family:Verdana;
padding:20px;
/*
background-image:url(gfx/wave.jpg);
background-size:100% auto;
background-position:0px bottom;
background-repeat:no-repeat;
min-height:100vh;
box-sizing:border-box;
background-attachment:fixed;
*/
box-sizing:border-box;
background-color:rgba(0,0,0,0.8);
color:rgb(230,230,230);
}

body.nobg{
background:none;
}

@media print {
body{
background:none;
}
}

div,span,a,form,input,textarea,select,h1,h2,h3,h4,h5,h6{
box-sizing:border-box;
font-family: 'Rajdhani', sans-serif;
font-weight:500;
}

@media screen {
#mainBackground,#theContent{
display:block;
width:100%;
height:100vh;
position:absolute;
overflow:auto;
left:0px;
top:0px;
transition:0.3s all;
}

#mainBackground{
z-index:999;
}

#theContent{
overflow:auto;
z-index:9999;
opacity:0.001;
}

#theContent.initied{
opacity:1;
}


#mainBackground{
background-image:url(gfx/cubes.jpg);
background-size:cover;
background-position:0px bottom;
background-repeat:no-repeat;
min-height:100vh;
box-sizing:border-box;
background-attachment:fixed;
background-position:center center;
}

#mainBackground.initied{

filter:blur(2px) saturate(60%) contrast(20%) brightness(160%);
filter:blur(2px) saturate(80%) contrast(30%) brightness(40%);
}

}


#notLoggedIn{
display:block;
width:100%;
height:100vh;
padding:30px;
background:#333;
color:#FFF;
text-align:center;
padding-top:30vh;
z-index:9999;
position:fixed;
}

ul{
margin:0px;
padding:0px;
 list-style-position: inside;
padding-left:4px;
}

#mainMenu{
display:block;
position:fixed;
right:0px;
top:0px;
height:100vh;
overflow:auto;
width:100px;
background-color:rgba(100,100,100,0.9);
background-color:rgba(0,0,0,0.7);
background: linear-gradient(135deg, rgba(12,12,12,0.8) 0%,rgba(41,41,41,0.7) 100%); 

padding:0px;
border-left:2px solid rgba(73,192,240,1);
}

#mainMenu a{
display:block;
padding:5px;
margin:5px;

font-size:140%;
text-decoration:none;
color:#666;
transition:0.4s all;
font-weight:500;
text-align:center;
color:rgb(240,240,240);
}

#mainMenu a.current{
background:rgba(255,255,255,0.8);
color:#196684;
background: linear-gradient(135deg, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); 
color:#FFF;
position:relative;
box-shadow:1px 1px 5px rgba(0,0,0,0.5);
left:-5px;
}

#mainMenu a strong{
font-weight:500;
}

#mainMenu a>div{
display:none;
}

#mainMenu a:hover{
background-color:rgba(255,255,255,0.99);
color:rgba(0,0,0,0.5);
}

#mainContent{
display:block;
position:absolute;
left:0px;
top:0px;
width:calc(100% - 100px);
padding:20px;
/*
background-color:rgba(180,180,180,0.1);
min-height:100vh;
background-attachment:fixed;
*/
}





#exit{
background: linear-gradient(135deg, rgba(173,17,17,1) 0%,rgba(147,2,2,1) 99%) !important;
}

@media print {
#mainMenu{
display:none;
}

#mainContent{
width:100%;
background:none;
}
}


#mobileMenu{
display:none;
}


@media only screen and (max-width: 800px) {
#mainContent{
width:100%;
background:none;
}
#mainMenu{
display:none;
}

#mobileMenu{
display:block;
position:fixed;
right:10px;
top:10px;
z-index:99999;
filter:blur(1px);
}

#mobileMenu:hover{
filter:blur(0px);
}

#mobileMenu>span{
display:block;
width:50px;
height:50px;
border:3px solid rgba(255,255,255,0.9);
margin-bottom:-40px;
border-radius:1000px;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

#mobileMenu:hover>span{
filter:blur(0px);
border:5px solid rgba(255,255,255,0.9);
}

#mobileMenu>span:nth-child(2){
display:block;
width:30px;
height:30px;
margin-bottom:-30px;
position:relative;
left:10px;
}


}.msg{
display:block;
padding:6px;
color:#FFF;
background:rgba(0,0,0,0.4);
}.progress>a{
display:inline-block;
width:190px;
height:190px;
border-radius:1000%;
font-size:200%;
text-align:center;
vertical-align:top;
padding:20px;
color:#FFF;
padding-top:72px;
margin-right:15px;
text-decoration:none;
color:rgba(37,141,200,1);
transition:0.4s all;
background:rgba(255,255,255,0.8);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
margin-bottom:10px;
}

.progress>a:hover{
background: linear-gradient(45deg, rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%);
color:#FFF;
}

@media only screen and (max-width: 1100px) {
.progress{
display:block;
width:100%;
text-align:center;
}

}.ruhSkjema{
display:inline-block;
width:550px;
vertical-align:top;
max-width:100%;
}

.ruhMyList{
width:calc(100% - 560px);
border-left:1px solid #CCC;
padding:10px;
overflow:auto;
display:inline-block;
height:calc(100vh - 20px);
overflow:auto;
}


#ruhReportW{

padding:15px;
}


.ruhReportContent{
display:inline-block;
width:500px;
max-width:100%;
vertical-align:top;
margin-right:30px;
}

.ruhTreatment{
display:inline-block;
width:450px;
max-width:100%;
vertical-align:top;
border-left:1px solid #CCC;
padding-left:20px;
min-height:340px;
}

.ruhAttachments{
display:inline-block;
width:200px;
max-width:100%;
vertical-align:top;
border-left:1px solid #CCC;
padding-left:20px;
min-height:340px;
margin-left:20px;
}

.ruhTreatment .genericItem{
display:block;
width:100%;
max-width:none;
margin-left:0px;
}

.ruhTreatment .genericItem strong{
display:block;
}

.ruhTreatment .comments{
margin-bottom:30px;	
}

.ruhTreatment h2, .ruhAttachments h2{
padding:0px;
margin:0px;
}

.mainDescr{
display:block;
margin-top:30px;
font-size:120%;
}

.ruhMeta{
display:block;
}

.ruhMeta>div{
display:inline-block;
width:120px;
margin-right:20px;
margin-bottom:15px;
vertical-align:top;
}

.ruhMeta>div>strong{
display:block;
}

.ruhClose{
display:block;
padding-top:30px;
}

#closeRuh{
background: linear-gradient(135deg, rgba(88,170,0,1) 0%,rgba(143,200,0,1) 100%);
padding:10px;
text-align:center;
width:100%;
color:#FFF;
display:block;
text-decoration:none;
font-size:150%;
}

#ruhImage{
width:1px;
height:1px;
overflow:hidden;
opacity:0.1;

}

#bildeForm{
opacity:0.04;
}

.ruhImage{
display:block;
width:100%;
height:150px;
margin-bottom:10px;
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
opacity:0.8;
transition:0.4s all;
text-decoration:none;
}

.ruhImage:hover{
opacity:0.9;
}


.ruhImage.fullscreen{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
background-color:#000;
background-size:contain;
z-index:1001;
opacity:1 !important;
}



@media only screen and (max-width: 1200px) {
.ruhMyList, .ruhTreatment, .ruhReportContent, .ruhAttachments{
width:100%;
max-width:500px;
border:0px;
padding:0px;
margin:0px;
margin-bottom:30px;
}



}.sendItem{
display:block;
width:97%;
font-size:120%;
padding:8px;
margin-bottom:5px;
background-color:rgba(0,0,0,0.2);
}
#slide{
display:block;
position:fixed;
height:100vh;
overflow:auto;
width:400px;
max-width:100%;
background:rgba(222,222,222,0.97);
right:0px;
top:0px;
z-index:999;
}

#slideContent{
display:block;
width:100%;
padding:20px;
color:#333;
}

.slideHidar{
background:#91a7ab;
display:block;
padding:6px;
font-size:120%;
text-decoration:none;
width:100px;
color:#FFF;
font-weight:400;
transition:0.3s all;
}

.slideHidar:hover{
padding-left:20px;
}body.startpage{
padding:0px;
margin:0px;

}




.startpage #mainMenu{
display:block;
width:100%;
position:relative;
background:none;
border:none !important;
}

.startpage #mainMenu h1{
font-size:450%;
color:#FFF;
text-align:right;
padding:20px;
text-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

.startpage #mainMenu a{
display:inline-block;
width:250px;
height:160px;
margin:15px;
background:rgba(0,0,0,0.5);
padding:20px;
font-size:180%;
vertical-align:top;
}

.startpage #mainMenu a:hover{
background: linear-gradient(135deg, rgba(39,161,209,.9) 0%,rgba(29,119,153,0.7) 100%);
color:#FFF;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

.startpage #mainMenu a>strong{
font-size:200%;
}

.startpage #mainMenu a>div{
display:block;
}

.startpage  #mainContent{
display:block;
position:relative;
}


.startpage #mainContent{
display:none;
}


@media only screen and (max-width: 800px) {
.startpage #mainMenu h1{
font-size:250%;
margin:0px;
margin-top:70px;
padding:020px;
}

.startpage #mainMenu a{
font-size:120%;

width:45%;
height:130px;
margin:2%;
}

}.tab{
display:block;
border-bottom:1px solid #258dc8;
margin-bottom:30px;
}

.tab a{
display:inline-block;
background:rgba(0,0,0,0.2);
padding:5px;
font-size:130%;
margin-right:6px;
text-decoration:none;
margin-left:7px;
padding-left:7px;
padding-right:7px;
color:#666;
}

.tab a.current{
background:#258dc8;
border-top:1px solid #258dc8;;
border-left:1px solid #258dc8;;
border-right:1px solid #258dc8;
position:relative;
top:1px;
color:rgba(46,131,173,0.97);
color:#FFF;
}table.tabell{
border-collapse:collapse;
}

table.tabell td, tabell.tabell th{
border:0.5px solid #CCC;
}

@media screen {

.tabell tr:nth-child(odd) td{
background:rgba(30,30,30,0.9);
}

.tabell tr:nth-child(even) td{
background:rgba(55,55,55,0.9);
}

}.ansattChk{
display:block;
width:95%;
background:rgba(255,255,255,0.05);
padding:10px;
color:#FFF;
}

.ansattChk input{
width:auto !important;
display:inline-block !important;
}

.ansattChk:hover{
background:rgba(255,255,255,0.1);
}

.taskBlock{
display:inline-block;
width:330px;
margin:20px;
background:rgba(0,0,0,0.1);
vertical-align:top;
padding:15px;
}

.taskBlock h2{
font-size:220%;
margin:0px;
padding:0px;
}

.taskBlock h2:not(:first-child){
margin-top:25px;
}

.taskBlock .genericItem{
margin-left:0px;
}

.genericItem.overdue{
border-left:4px solid #A01E1E;
}

.addImgTxt{
position:relative;
top:-15px;
margin-bottom:-10px;
}


.imageTxt{
display:block;
background:rgba(0,0,0,0.7);
color:#FFF;
text-decoration:none !important;
padding:3px;
}

.fullscreen .imageTxt{
font-size:140%;
text-align:center;
padding:20px;
}

.imageTxt:empty{
display:none;
}

.taskStatusW{
display:block;
width:100%;
}

.taskStatusW a, .taskStatusW>span{
display:inline-block;
width:170px;
font-size:110%;
border:2px solid #666;
vertical-align:top;
margin-right:8px;
text-decoration:none;
text-align:center;
padding:5px;
color:#CCC;
}

.taskStatusW a.currentStatus{
background: linear-gradient(45deg, rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%);
color:#FFF;
border:0px;
padding:7px;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

.taskItemStatusIndicator{
display:block;
width:100%;
text-align:right;
margin-bottom:-20px;
}

.taskItemStatusIndicator>div{
background-color:rgba(255,255,255,0.8);
padding:4px;
color:#666;;
box-shadow:0px 0px 3px rgba(0,0,0,0.4);
display:inline-block;
vertical-align:top;
position:relative;
top:-10px;
height:20px;

font-size:80%;
}


@media only screen and (max-width: 1000px) {
.taskBlock{
width:100%;
margin:0px;
margin-bottom:40px;
max-width:600px;
display:block;
padding:0px;
background:none;
}

}#timeLoggForm{
display:inline-block !important;
vertical-align:top;
}

#timeLoggFrame{
display:inline-block;
width:calc(100% - 550px);
height:calc(100vh - 200px);
margin-left:20px;
vertical-align:top;
border:0px solid #CCC;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
background:rgba(240,240,240,0.7);
}

.timeLoggTbl{
width:100%;
}

.timeLoggTbl td{
font-size:80%;

}.timeReg{
display:block;
width:100%;
max-width:460px;
margin:10px;
background:rgba(255,255,255,0.9);
padding:10px;
box-shadow:0px 0px 5px rgba(0,0,0,0.1);
color:rgb(30,30,30);
}

.hoursCount{
display:inline-block;
font-size:300%;
padding:10px;
padding-top:4px;
width:100px;
}

.timeReg>div{
display:inline-block;
vertical-align:top;
width:calc(100% - 110px);

}

#timeKundeSel{
font-size:200%;
width:100%;
max-width:460px;
margin-left:10px;
margin-bottom:20px;
}

.timeProject{
display:inline-block;
vertical-align:top;
margin:10px;
background:rgba(255,255,255,0.8);
width:350px;
font-size:150%;
text-decoration:none;
}

.timeProject a{
display:block;
text-decoration:none;
padding:6px;
color:#FFF;
text-align:center;
background:#666;
}

.timeProject.open{
background:rgba(255,255,255,0.5);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}

.timeProject.open a{
background: linear-gradient(45deg, rgba(37,141,200,1) 0%,rgba(37,141,200,1) 100%);
}

.timeProject>div{
display:none;
padding:10px;
text-align:center;
}

.timeProject input, .timeProject textarea{
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

.timeProject input{
font-size:200%;
border:0px;
}

.timeProject textarea{
font-size:120%;
padding:5px;
margin-top:8px;
width:100%;
border:0px;
}

.timeProject.open>div{
display:block;
}

#hourSubmit{
display:block;
position:fixed;
bottom:0px;
left:0px;
width:100%;
text-align:center;
background:rgba(255,255,255,0.8);
padding:10px;
}

#hourSubmit input{
font-size:222%;
font-weight:500;
background: linear-gradient(45deg, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
color:#FFF;
border:0px;
padding:8px;
padding-left:20px;
padding-right:20px;
text-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

#timerDateW{
padding:20px;
}

#timerDate{
font-size:200%;
}

@media only screen and (max-width: 800px) {
.timeReg{
margin-left:0px;
}

}.toggleBlock{

}

.chkTogglerW{
display:inline-block;
width:70px;
height:70px;
}

.chkTogglerW a{
width:100%;
height:70px;
text-decoration:none;
color:#02b1d5;
background:rgba(0,0,0,0.5);
text-align:center;
font-size:90%;
border-radius:4px;
display:block;
box-shadow:0px 0px 5px rgba(255,255,255,0.2);
}

.chkTogglerW a:hover{
box-shadow:0px 0px 10px rgba(255,255,255,0.2);
}

.blockMainContent{
width:100%;
vertical-align:top;
}

.toggleBlock .blockMainContent{
display:inline-block;
width:calc(100% - 71px);
padding-left:20px;
}

.chkIcon{
display:block;
width:100%;
height:50px;
padding-top:10px;
}

.chkIcon>span{
display:inline-block;
width:100%;
border:4px solid #CCC;
height:25px;
width:25px;
border-radius:100px;
margin-left:3px;
margin-right:3px;
position:relative;
transition:0.3s all;
}


.chkIcon>span:nth-child(1){
left:6px;
}

.chkIcon>span:nth-child(2){
top:10px;
left:-6px;
}

.chkTogglerW a:hover .chkIcon>span{
border-radius:10px;
}

.chkTogglerW a:hover .chkIcon:not(.chkChecked)>span:nth-child(1){
left:2px;
}

.chkTogglerW a:hover .chkIcon:not(.chkChecked)>span:nth-child(2){
left:-2px;
}

.chkIcon.chkChecked>span{
height:5px;
border-radius:3px;
border-color:#02b1d5;
}

.chkIcon.chkChecked>span:nth-child(1){
left:14px;
transform:rotate(45deg);
top:13px;
}

.chkIcon.chkChecked>span:nth-child(2){
left:-5px;
transform:rotate(-50deg);
width:30px;
}

.chkListContent .docBlockContent.toggleBlock{
border:1px solid #666;
margin-bottom:10px;
border-radius:4px;
}
.toolToggler{
display:block;
color:#FFF;
text-decoration:none;
color:#666;
font-size:120%;
}

.toolToggler:hover{
color:#FFF;
text-shadow:0px 0px 5px rgba(255,255,255,0.56);
}.unitStructure{
color:#000;
}


.unitStructure, .unitStructure ul{
list-style:none;
}

.unitStructure .level{
background:rgba(255,255,255,0.6);
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
margin:5px;
padding:2px;
padding-left:5px;
}.outGifts td{
padding:4px;
}

.outGifts a{
color:#CCC;
}


.outGifts tr:nth-child(even) td{
background:rgba(0,0,0,0.05);
}

.outGifts tr:hover td{
border:0.5px solid #CCC;
background:rgba(46,131,173,0.1)
}

.outGifts a.outDoc{
background:rgba(46,131,173,1);
color:#FFF;
padding:1px;
padding-left:3px;
padding-right:3px;
min-width:70px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:80%;
}

#outDateFrom, .outVedleggAsSelector{
display:inline-block;
vertical-align:top;
}

.outVedleggAsSelector{
margin-left:30px;
}

.go2bilag{
box-shadow:1px 1px 4px rgba(0,0,0,0.4);
display:block;
padding:2px;
text-align:center;
text-decoration:none;
}

.tblBilagStatus{
text-align:center;
}