input {
    -webkit-appearance: none;
}

html, body {margin:0px;font-family:sans-serif;background-color:#000000;}
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;
}  

.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;}
.cw {color:white !important;}
.cw a:hover {color:red !important;}
.cr {color:red !important;}
.b {font-weight:bold;}
.i {font-style:italic;}
.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;}
.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;}

.loggInnholdNavn {font-size: normal;text-decoration: none;color:#000;font-weight:lighter;}
.loggInput {height: 30px;width: 80px;background-color: #ff8a00ad;border: 1px solid #000;text-align: center;font-weight: bold;font-size: x-large;color: #6e330d;}
.loggHistoricBox {min-width:65px;display:inline-block;text-align:center;background-color:#0003;margin:1px;padding:1px;}
.loggHistoricContent {overflow: scroll;white-space: nowrap;direction: rtl;}
.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;}

.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:35px;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;}

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