input {
/*    -webkit-appearance: none; */
}

html, body {margin:0px;font-family:sans-serif;background-color:#000000;font-size:medium;scrollbar-width:thin;}
tr {font-weight:normal;/*font-size:13px;*/}
a:link {color:#000000;font-weight:bold;}      /* unvisited link */
a:visited {color:#000000;}  /* visited link */
a:hover {color:#8A8A8A;}  /* mouse over link */	
a:active {color:#000000;}  /* selected link */

#bg {height:100%;width:100%;font-family:sans-serif;background-color:#000000;background: url(/pics/bakgrunn.jpg);background-size: cover;background-position: center center;position:absolute; overflow:hidden;z-index:0;}
#upperband {font-weight:bold; position:relative;text-align:center;background-color:red;width:100%;top:15px;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#middleband {font-weight:bold;position:relative;top:30%;} 
#lowerband {font-weight:bold; position:absolute; background-color:gray;text-align:center;width:100%;bottom:15px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
#content {width:100%;z-index:1;top:30%;position: fixed;}
#main {height:100%;width:100%;font-family:sans-serif;background-color:#000000;background: url(/pics/bakgrunn.jpg);background-size: cover;background-position: center center;position:absolute; overflow:hidden;z-index:0;}

.float-container {border: 3px solid #fff;padding: 20px;}
.float-child {float: left;padding: 20px;border: 2px solid red;
}  

.headerLine {height: 175px;width: 100%;position: relative;top: 0px;background-color: #000000b8;}
.headerLogo {margin-top: 16px;margin-left: 10px;height: 144px;}
.mainContent {padding:0px;background-color:#ffffffe0;height:-webkit-calc(100% - 127px);height:-moz-calc(100% - 127px);height: calc(100% - 127px);overflow: scroll;white-space: nowrap;text-align: left;}
.leftSideMenu {vertical-align:top;background-color:#ffffffb8;padding:7px;max-width:200px;width:200px;height:100%;}

.selectDisable {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.selectEnable {-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-o-user-select: text;user-select: text;}
.svgSelectDisable {pointer-events: none;}

.color_Input_login {color:#3d1801;}
.color_Input_submit {color:#4b443d;}
.color_Input_submit_Disabled {color:#00000040 !important;}
.color_error {font-size: x-large;color: #fe0d0d;font-weight: bold;}
.color_grayLink {color:#6a6a6a;}

.inputNewDuty {border: 1px solid #0d5f7c;}
.defaultCheckbox {-webkit-appearance: checkbox !important;}

.errorTr {background-color:red;}
.errorTd {padding: 20px;text-align: center;font-size: large;font-weight: bold;color: white;}

.inputTextNotValidated {background-color: #ff00001c !important;}
.inputTextValidated {background-color: #00ff2845 !important;}

.centercenter {position: relative;text-align:center;top:50%;transform: translateY(-50%);}
.inputText {width:300;height:25;text-align:center;-moz-border-radius: 1px;font-weight:bold;/*font-size:14px;*/-webkit-border-radius: 2px;border: 1px solid #4d26004a;background-color: #FFFFFF;}
.inputSubmit {width:200;height:50;-moz-border-radius: 1px;font-weight:bold;/*font-size:16px;*/-webkit-border-radius: 2px;border: 0px solid #a05001;background-color: #ABABAB;}
.inputField {border: 1px solid #8b0000;}
.cw {color:white !important;}
.cw a:hover {color:red !important;}
.cr {color:red !important;}
.cp {color:#5e007a !important;}
.cy {color:#ffd900 !important;}
.cb {color:#000000 !important;}
.cg {color:green !important;}
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.f9 {font-size:9px !important;}
.f11 {font-size:11px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f20 {font-size:20px !important;}

.money {font-variant-numeric: tabular-nums;white-space: nowrap;}
.kr {opacity: 0.7;margin-right: 3px;}
.krverdi {display: inline-block;text-align: right;min-width: 50px;}
.ore {display: inline-block;}
.negativ {color: #ff0000;}

/*valid for screen width less than 320 px*/
	.fXlarge {font-size:large;}
	.fLarger {font-size:medium;}
	.fLarge {font-size:small;}
	.fMedium {font-size:xx-small;}
	.fSmall {font-size:xx-small;}
	.fXsmall {font-size:xx-small;}
	.fXXsmall {font-size:xx-small;}
	
.icon {width:20px;}

.pointer {cursor:pointer;}
.box{margin:75px 0px 0px 0px;width:100%;color:#000;text-align:center;display:flex;justify-content:center;align-items:center;}
.calTable{width:100%;padding:0px;color:#000;text-align:center;}
.datecell{width:14.2857%;min-width: 79px;height:125px;padding:2px;color:#000;text-align:center;background-color:#33333340;border-radius: 6px;vertical-align:top;}
.datoEntry {/*font-size:xx-small;*/background-color: white;padding: 1px;margin: 1px;border-radius: 3px;overflow: hidden;white-space: nowrap;text-align:left;}
.datoEntry:hover {background-color: #393939;color:white;cursor:pointer;overflow: hidden;white-space: nowrap;}

.datoEntryLeftMenu {/*font-size: medium;*/background-color: #0000001c;padding: 7px;margin: 3px 0px 3px 0px;border-radius: 3px;overflow: hidden;white-space: nowrap;text-align:left;}
.datoEntryLeftMenu:hover {background-color: #393939;color:white;cursor:pointer;overflow: hidden;white-space: nowrap;}

.tableHeader	{/*font-size:small;*/text-decoration:underline;font-weight:bold;background-color: #fdb216a3;margin: 1px;border-radius: 3px;overflow: hidden;white-space: nowrap;text-align:left;}
.tableContent {/*font-size:small;*/background-color: #ffffff9e;margin: 1px;border-radius: 3px;overflow: hidden;white-space: nowrap;text-align:left;}
.tableContent:hover {background-color: #393939;color:white;cursor:pointer;overflow: hidden;white-space: nowrap;}
.tableContentLight {/*font-size:small;*/background-color: #ffffff9e;margin: 1px;border-radius: 3px;overflow: hidden;white-space: nowrap;text-align:left;color:#00000085;}
.tableContentLight:hover {background-color: #393939;color:white;cursor:pointer;overflow: hidden;white-space: nowrap;}
.tableSummary {/*font-size:small;*/background-color: #d6d6d6;margin: 5px;border-radius: 3px;overflow: hidden;white-space: nowrap;text-align:left;}

.monthCell {/*font-size:xxx-large;*/writing-mode: tb-rl;transform: rotate(-180deg);}
.wd6 {background-color:#00000030;}
.wd7 {background-color:#00000030;}
.dato {color:#00000094;}
.closed {background-color:#0000000d;color:#a61a1a;}
.covered {background-color:#49d804;color:#000000;}
.dateContainerToday {height: 100%;width: 100%;border: 2px solid;border-color: #195d37;margin: -2px;}
.dateEntryCovered {background-color:#393939;color:#ffffff;}
.notCovered {background-color:#ff0d0de6;color:#000000;}
.datetoday {background-color: #d6e600;border: 1px solid;border-color: #668f00;margin: -2px;}
.datetoday .dato{font-weight:bold;color: green;text-decoration: underline;}
.heisTypeIkkeTillattUdekket {background: repeating-linear-gradient(-45deg, #fb8b85 1px, #fa8a83 4px, #ffb3ad 0px, #ffb3ad 6px);
						color: #000000ab !important;}
.heisTypeIkkeTillattUdekket:hover {background: repeating-linear-gradient(-45deg, #fb8b85 1px, #fa8a83 4px, #ffb3ad 0px, #ffb3ad 6px);
						color: black !important;}
.heisTypeIkkeTillatt {background: repeating-linear-gradient(-45deg, #393939 1px, #393939 4px, #393939b8 0px, #393939b8 6px);
						color: #cecece;}
.heisTypeIkkeTillatt:hover {background: repeating-linear-gradient(-45deg, #393939 1px, #393939 4px, #393939b8 0px, #393939b8 6px);
						color: white;}

.hidden {display:none !important;}

.loggInnholdNavn {font-size:small;text-decoration: none;color:#000;}
.loggInput {height: 30px;width: 120px;border: 1px solid #000;text-align: center;font-weight: bold;font-size: small;color: #235b02;border-radius:5px;}
.loggTextArea {border: 1px solid #000;font-size: small;color: #235b02;border-radius: 5px;box-sizing: border-box;max-width: 95%;max-height: 95%;}
.loggInputTimedate {height: 30px;width: 140px;border: 1px solid #000;text-align: center;font-weight: bold;font-size: small;color: #235b02;border-radius:5px;}
.loggInputCheckbox {height: 20px;width: 20px;border: 1px solid #000;text-align: center;font-weight: bold;color: #235b02;accent-color: #00a413;border-radius:5px;}
.loggHistoricBox {overflow: hidden;min-width:105px;width:105px;min-height:45px;display:inline-block;text-align:center;background-color:#0003;margin:1px;padding:1px;position:relative;white-space:normal;}
.loggHistoricContent {overflow: hidden;white-space: nowrap;display: inline-flex;flex-direction: row-reverse;}
.loggInnholdID {position:absolute;left:0px;bottom:0px;color: #ffffff42;padding: 2px;font-size:smaller;}
.loggDate {font-size: smaller;text-decoration: none;color:#000;}
.loggTime {font-size: smaller;text-decoration: underline;color:#000;}
.loggValue {font-size: x-large;text-decoration: none;color:#000;font-weight:bold;word-wrap: break-word;}
.loggNotEntered {background:#ff7575;}
.loggLinje {background:#ffffff00;}
.loggLinje:hover {background:#ffffff50;}


.checkbox-container {display: flex;align-items: center; /* Vertically centers items within the container */gap: 10px; /* Provides spacing between the checkbox and the label */}
.checkbox-container input[type="checkbox"] {/* Prevents the checkbox from growing or shrinking with the text */flex-shrink: 0; }
.checkbox-container label {/* Allows the label text to wrap naturally */ flex-grow: 1; }

.symbol {font-size: x-large;}

.datepassed {background-color:#7c7c7c61;opacity:55%;}
.adminBox {background-color:#0d5f7c;border-radius:5px;height: 30px;text-align: center;/*font-size: 23px;*/}
.adminBox:hover {background-color:#0d5f7ca6;}
.statuscircle {float:left;height:41px;width:8px;margin:-2px;}
.dutyContent {margin-left: 8px;position:relative;}

.dutyType1 {float:right;height:7px;width:7px;margin:7px 1px 0px 0px;background-color:#00c5ff;border-radius:2px;}
.dutyType2 {float:right;height:7px;width:7px;margin:7px 1px 0px 0px;background-color:#0067ff;border-radius:2px;}
.dutyType3 {float:right;height:7px;width:7px;margin:7px 1px 0px 0px;background-color:#a200ff;border-radius:2px;}
.dutyType4 {float:right;height:7px;width:7px;margin:7px 1px 0px 0px;background-color:#ff00bf;border-radius:2px;}
.dutyType5 {float:right;height:7px;width:7px;margin:7px 1px 0px 0px;background-color:#790084;border-radius:2px;}

.highlight {background-color: #a3b90ad1 !important;border-radius: 5px 5px 0px 0px !important;}
.highlightred {background-color: #b90a0ad1 !important;border-radius: 5px 5px 0px 0px !important;color:white;}

.sssMain {border: 1px solid #00000057;border-radius: 5px;display: grid;margin-bottom: 5px;background-color: #c2a67954;z-index: 100;position: relative;}
.sssMain:hover {background-color: #c2a67920;}
.sssSub {padding: 5px;border: 1px solid #00000057;border-radius: 0px 0px 5px 5px;display: grid;margin-top: -6px;background-color: #dcff00b8;position:relative;top: 0px;margin-bottom: 5px;z-index: 50;}

.manglerDagligKontroll {background-color: #ffa300 !important;color:black !important;}

.driftsforbud {background-color: #b90a0a47 !important;color:black !important;}
.driftsforbud.highlight {background-color: #b90a0ad1 !important;color:white !important;}
.driftsforbudSub {background-color: #ff0000b8 !important;}
.driftsforbudStatus {background-color: #ff1212 !important;color:white !important;}




.sssSubred {background-color: #ff0000b8 !important;}
.sssSubContent {background-color:#f3f3f3;padding:2px 7px 5px 7px;border-bottom: 1px solid #dbdbdb;/*font-size:small;*/}
/*.sssSubContent:hover {background-color:#ffffff;}*/
.sssSubSubContent {margin-left: 15px;padding: 4px 0px 4px 4px;border-radius: 5px;display: grid;}
/*.sssSubSubContent:hover {background-color:#ffffff;}*/
.sssStatusHighlight {border-radius: 4px 0px 0px 0px !important;}
.sssStatus {border-radius: 4px 0px 0px 4px;background-color:#46d446;text-align:center;color:black;}
.sssDataBox {white-space: normal;border: 1px solid #b7b7b7;border-radius: 4px;background: white;padding: 4px;position:relative;}
.sssDataBox2 {white-space: normal;border: 1px solid #b7b7b7;border-radius: 4px;background: #ffffff78;padding: 4px;}
.sssDataBox3 {white-space: normal;border: 1px solid #b7b7b7;border-radius: 4px;background: white;padding: 0px;}
.sssDataBox4 {white-space: normal;border: 1px solid #b7b7b7;border-radius: 4px;background: white;padding: 0px;margin:5px;}
.sssChild {margin-left:15px;}
.sssID {color: white;display: inline-flex;background-color: #362e25a8;width: fit-content;border: 1px solid #00000036;border-radius: 5px;padding: 3px;margin: 1px;}
.spesielleInspeksjoner {background: #d826a030 !important; padding: 1px 0px 0px 7px; border-radius: 0px; margin: -14px -1px 0 -7px; border: 0px;}
.SIavvik {background: #75757530 !important; border-radius: 0px; margin: -14px -1px 0 -7px; border: 0px;}
.nyKomponent {background: #767873 !important;}
.delenummer {color: #af0700 !important;font-size:smaller;}
.nyLokasjon {background: #000000cc !important;}
.sssDataButton {width: 250px;
    height: 30px;
    white-space: normal;
    border: 1px solid #b7b7b7;
    border-radius: 4px;
    background: #003251;
    padding: 4px;
    color: white;
    /*font-size: larger;*/
    text-align: center;
    line-height: 2.8;}
	
.sssLeftTableWidth {width: 100px;padding: 0px 0px 0px 0px;}	
.vertAlignTop {vertical-align:top;}	

.button {background: #f2f2f2; display: inline; cursor: pointer; border: 1px solid #767575; border-radius: 2px; padding: 2px 8px 2px 8px;}	
.button:hover {cursor: pointer; border: 1px solid #00000061;}	

.buttonRed {background:#8b0000;color:#ffffff;}
.buttonRed:hover {background:#8b000069;color:#000000;}
.buttonGreen {background:#4caf50;color:#ffffff;}
.buttonGreen:hover {background:#4caf5069;color:#000000;}
.buttonBlue {background:#003252;color:#ffffff;}
.buttonBlue:hover {background:#00325269;color:#000000;}
.buttonGray {background:#999999;color:#ffffff;}
.buttonGray:hover {background:#99999969;color:#000000;}
.buttonDarkGray {background:#555555;}
.buttonDarkGray:hover {background:#444444;}
.avviksButton {width: inherit;height: fit-content;line-height: normal;padding:1px;margin:1px;display:inline-table;}
.avviksBeskrivelse {font-size: larger;}

.newEntry {background:#dbff98;}


.komponent {border: 1px solid #b7b7b7;border-radius: 4px;background: #e4e4e4;padding: 1px 1px 3px 7px;margin: 2px 0px 2px 7px;}
.komponent:hover {background-color:#e4e4e459;}
.avvik {color: ffffff;padding: 2px;border-radius: 4px;margin-right: 2px;float: right;}
.avvikIkon {height:6px;padding: 2px;margin-right: 2px;}
.revisjon {color: ffffff;background: #7b0c5a;padding: 2px;border-radius: 4px;margin-right:2px;float: right;}
.revisjon1826 {background-color: #00ac25;}
.revisjon1825 {background-color: #00ac25;}
.revisjon365 {background-color: #d38c03;}
.revisjon30 {background-color: #d35903;}
.revisjon0 {background-color: #d30303;}
.statusBall {display: inline-block;padding: 4px;color: white;border-radius: 6px;width: 3px;height: 3px;text-align: center;margin: 0px 0px 0px 0px;}
.sBRed {background: #d30303;}
.sBGreen {background: #00ac25;}
.sBWhite {background: #fff;}

.avvikDiv {background:#ffd900 !important;}
.avvikDivNye {background:#ff5722 !important;}
.avvikDivDriftsforbud {background:#ff0000 !important;}

.statusRed {display: inline-block;background: #d30303;padding: 4px;color: white;border-radius: 11px;width: 13px;height: 13px;text-align: center;/*font-size: smaller;*/margin: 0px 2px 0px 4px;font-weight: bold;}
.statusGreen {display: inline-block;background: #d30303;padding: 4px;color: white;border-radius: 11px;width: 13px;height: 13px;text-align: center;/*font-size: smaller;*/margin: 0px 4px 0px 2px;font-weight: bold;}
.idBox {float: right;/*font-size: xx-small;*/background: #717171;color: white;border-radius: 4px;padding: 2px;}

.tabs 						{}
.zero				{width:0px;height:0px;}

[role="tablist"] {
  margin: 3 0 -0.1em;
  overflow: visible;
}

[role="tab"] {
  color: #ffffff;
  position: relative;
  margin: 0;
  padding: 0.3em 0.5em 0.4em;
  border: 1px solid hsl(219, 1%, 72%);
  border-radius: 0.2em 0.2em 0 0;
  box-shadow: 0 0 0.2em hsl(219, 1%, 72%);
  overflow: visible;
  font-family: inherit;
  /*font-size: small;*/
  background: #003251;
}

[role="tab"]:hover::before,
[role="tab"][aria-selected="true"]::before {
  position: absolute;
  bottom: 100%;
  right: 0px;
  left: 0px;
  border-radius: 0.2em 0.2em 0 0;
  border-top: 3px solid #E5212D;
  content: '';
}

[role="tab"].selected {
	color: #000000;
  border-radius: 0.2em 0.2em 0 0;
  background: #e7e7e7;
  outline: 0;
}

[role="tab"][aria-selected="true"]:not(:focus):not(:hover)::before {
  border-top: 5px solid hsl(218, 96%, 48%);
}

[role="tab"][aria-selected="true"]::after {
  position: absolute;
  z-index: 3;
  bottom: -1px;
  right: 0;
  left: 0;
  height: 0.3em;
  background: hsl(220, 43%, 99%);
  box-shadow: none;
  content: '';
}

[role="tab"]:hover
 {
  
  outline: 0;
  border-radius: 0;
  color: #ffffff;
  background-color:#0072b994;
}

[role="tab"]:hover::before,
[role="tab"]:focus::before {
  border-color: #20cd07;
}

[role="tabpanel"] {
  position: relative;
  z-index: 2;
  padding: 0px;
  border: 1px solid hsl(219, 1%, 72%);
  border-radius: 0 0.2em 0.2em 0.2em;
  box-shadow: 0 0 0.2em hsl(219, 1%, 72%);
  background: #d6d6d6;
}

[role="tabpanel"]:focus {
  border-color: hsl(20, 96%, 48%);
  box-shadow: 0 0 0.2em hsl(20, 96%, 48%);
  outline: 0;
}

[role="tabpanel"]:focus::after {
  position: absolute;
  bottom: 0;
  right: -1px;
  left: -1px;
  border-bottom: 3px solid hsl(20, 96%, 48%);
  border-radius: 0 0 0.2em 0.2em;
  content: '';
}

[role="tabpanel"] p {
  margin: 0;
}

[role="tabpanel"] * + p {
  margin-top: 1em;
}


.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #21f35d;
}

input:focus + .slider {
  box-shadow: 0 0 1px #21f35d;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 13px;
}

.slider.round:before {
  border-radius: 50%;
}

.lds-default {
  top:55px;
  left:46%;
  position: absolute;
  width: 64px;
  height: 64px;
}
.lds-default div {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 29px;
  left: 53px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 18px;
  left: 50px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 9px;
  left: 41px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 6px;
  left: 29px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 9px;
  left: 18px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 18px;
  left: 9px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 29px;
  left: 6px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 41px;
  left: 9px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 50px;
  left: 18px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 53px;
  left: 29px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 50px;
  left: 41px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 41px;
  left: 50px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
} 

@media screen and (min-width:320px){
	html, body {margin:0px;font-family:sans-serif;background-color:#000000;font-size:small;}
	tr {font-size:xx-small;}
	
	.sssLeftTableWidth {width: 100px;}	
	.datoEntry {font-size:xx-small;}
	.avvikIkon {height:8px;padding: 1px;margin-right: 1px;}
	.icon {width:16px;}
	.leftSideMenuWidth {max-width:100px;width:100px;}
	.fXlarge {font-size:larger;}
	.fLarger {font-size:large;}
	.fLarge {font-size:medium;}
	.fMedium {font-size:x-small;}
	.fSmall {font-size:xx-small;}
	.fXsmall {font-size:xx-small;}
	.fXXsmall {font-size:xx-small;}
	.loggInput {height: 30px;font-size: medium;}
	.loggTextArea {font-size: medium;}
	.loggInputTimedate {height: 30px;width:170px;font-size: medium;}
	.loggInnholdNavn {font-size: medium;}
	.loggInputCheckbox {height: 30px;width: 30px;}
	.loggValue {font-size: medium;}
	.symbol {font-size: x-large;}
	}

@media screen and (min-width:600px){
	html, body {margin:0px;font-family:sans-serif;background-color:#000000;font-size:medium;}
	tr {font-size:x-small;}
	
	.sssLeftTableWidth {width: 110px;}	
	.datoEntry {font-size:smaller;}
	.avvikIkon {height:12px;padding: 1px;margin-right: 1px;}
	.icon {width:18px;}
	.leftSideMenuWidth {max-width:120px;width:120px;}
	.fXlarge {font-size:larger;}
	.fLarger {font-size:large;}
	.fLarge {font-size:medium;}
	.fMedium {font-size:small;}
	.fSmall {font-size:x-small;}
	.fXsmall {font-size:xx-small;}
	.fXXsmall {font-size:xx-small;}
	.loggInput {height: 35px;font-size: large;}
	.loggTextArea {font-size: large;}
	.loggInputTimedate {height: 35px;width:210px;font-size: large;}
	.loggInnholdNavn {font-size: large;}
	.loggInputCheckbox {height: 35px;width: 35px;}
	.loggValue {font-size: medium;}
	}

@media screen and (min-width:800px){
	html, body {margin:0px;font-family:sans-serif;background-color:#000000;font-size:large;}
	tr {font-size:x-small;}

	.sssLeftTableWidth {width: 120px;}	
	.datoEntry {font-size:smaller;}
	.avvikIkon {height:14px;padding: 2px;margin-right: 2px;}
	.icon {width:20px;}
	.leftSideMenuWidth {max-width:150px;width:150px;}
	.fXlarge {font-size:x-large;}
	.fLarger {font-size:larger;}
	.fLarge {font-size:large;}
	.fMedium {font-size:medium;}
	.fSmall {font-size:small;}
	.fXsmall {font-size:x-small;}
	.fXXsmall {font-size:xx-small;}
	.loggInput {height: 40px;font-size: x-large;}
	.loggTextArea {font-size: x-large;}
	.loggInputTimedate {height: 40px;width:250px;font-size: x-large;}
	.loggInnholdNavn {font-size: x-large;}
	.loggInputCheckbox {height: 40px;width: 40px;}
	.loggValue {font-size: large;}
	}
	
@media screen and (min-width:1000px){
	html, body {margin:0px;font-family:sans-serif;background-color:#000000;font-size:large;}
	tr {font-size:smaller;}
	.sssLeftTableWidth {width: 130px;}	
	.datoEntry {font-size:smaller;}
	.avvikIkon {height:16px;padding: 2px;margin-right: 2px;}
	.icon {width:22px;}
	.leftSideMenuWidth {max-width:200px;width:200px;}
	.fXlarge {font-size:xx-large;}
	.fLarger {font-size:x-large;}
	.fLarge {font-size:larger;}
	.fMedium {font-size:large;}
	.fSmall {font-size:medium;}
	.fXsmall {font-size:small;}
	.fXXsmall {font-size:x-small;}
	.loggInput {height: 50px;font-size: xx-large;}
	.loggTextArea {font-size: xx-large;}
	.loggInputTimedate {height: 50px;width:320px;font-size: xx-large;}
	.loggInnholdNavn {font-size: xx-large;}
	.loggInputCheckbox {height: 50px;width: 50px;}
	.loggValue {font-size: larger;}
	}


@media screen and (min-height:300px){
	.headerLine {height: 75px;width: 100%;position: relative;top: 0px;background-color: #000000b8;}
	.headerLogo {margin-top: 8px;margin-left: 10px;height: 59px;}
	.mainContent {padding:0px;background-color:#ffffffe0;height:-webkit-calc(100% - 25px);height:-moz-calc(100% - 25px);height: calc(100% - 25px);overflow: scroll;white-space: nowrap;text-align: left;}
	}

@media screen and (min-height:400px){
	.headerLine {height: 100px;width: 100%;position: relative;top: 0px;background-color: #000000b8;}
	.headerLogo {margin-top: 10px;margin-left: 10px;height: 80px;}
	.mainContent {padding:0px;background-color:#ffffffe0;height:-webkit-calc(100% - 50px);height:-moz-calc(100% - 50px);height: calc(100% - 50px);overflow: scroll;white-space: nowrap;text-align: left;}
	}
	
@media screen and (min-height:600px){
	.headerLine {height: 175px;width: 100%;position: relative;top: 0px;background-color: #000000b8;}
	.headerLogo {margin-top: 10px;margin-left: 10px;height: 144px;}
	.mainContent {padding:0px;background-color:#ffffffe0;height:-webkit-calc(100% - 127px);height:-moz-calc(100% - 127px);height: calc(100% - 127px);overflow: scroll;white-space: nowrap;text-align: left;}
	}