BODY			{ FONT-FAMILY: Verdana }
TD				{ FONT-FAMILY: Verdana }
P					{ FONT-FAMILY: Verdana }
INPUT			{ FONT-FAMILY: Verdana }
TEXTAREA	{ FONT-FAMILY: Verdana }
SELECT		{ FONT-FAMILY: Verdana }
TEXTAREA	{ BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; SCROLLBAR-FACE-COLOR: #cccccc; FONT-SIZE: 11px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; BORDER-LEFT: #cccccc 1px solid; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #5a5a5a; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #cccccc; SCROLLBAR-BASE-COLOR: #cccccc }
A					{ TEXT-DECORATION: none }
A:hover		{ TEXT-DECORATION: underline }

.popUpText {
	FONT-FAMILY: Tahoma, Trebuchet MS, Verdana, Arial;
	FONT-SIZE: 11px;
	LINE-HEIGHT: 17px;
} 

.dispnone {
	display: none;
}

.headerlinks { font-size: 11px; color: #CCCCCC; line-height: 18px; background-position: right; background-repeat: no-repeat; padding-right: 20px; }
.headerlinks A { color: #EEEEEE; }
.headerlinks A:hover { border-bottom: 1px solid #5BAAD2;  text-decoration: none; }
.date { font-size: 10px; color: #808080; padding-left: 8px; }
.header2links { color: #035986; font-family: Verdana, Tahoma, Sans-Serif; font-size: 11px; } 
.header2links A { color: #035986; }

INPUT.otsi { border-top: 1px solid #404040; border-left: 1px solid #404040; width: 100px; font-size: 10px; padding-left: 3px; color: #404040; }
INPUT.otsi2 { border-top: 1px solid #404040; border-left: 1px solid #404040; width: 150px; font-size: 11px; height: 19px; padding-left: 3px; padding-top: 2px; color: #404040; }



.inpt-search {
	BORDER-RIGHT: 0px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: 0px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: 0px solid;
	WIDTH: 100px;
	COLOR: #026192;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: 0px solid;
	HEIGHT: 23px
}

.path {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #6d6d6d
}

.path A {
	FONT-WEIGHT: normal;
	COLOR: #6d6d6d
}

.user {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 10px;
	COLOR: #6d6d6d
}

.user A {
	COLOR: #0071d1
}

.user A.exit {
	COLOR: #d10003
}

.tab {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	TEXT-TRANSFORM: uppercase;
	/*COLOR: #4e94b9;*/
	COLOR= #1D568E;
	PADDING-TOP: 5px
}

.teade {
	FONT-SIZE: 10px;
	COLOR: #5a5a5a;
	LINE-HEIGHT: 16px
}

.teade I {
	FONT-SIZE: 11px;
	COLOR: #5a5a5a;
	LINE-HEIGHT: normal
}
.teade A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #0063c0;
	LINE-HEIGHT: normal
}

.valdkonnad {
	FONT-SIZE: 11px;
	COLOR: #353535;
	font-weight: normal;
}

.tbl-header {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFF9F9F9', EndColorStr='#FFE2E2E2');
	PADDING-BOTTOM: 3px;
	VERTICAL-ALIGN: top;
	COLOR: #666666;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #dee5ec
}

.tbl-headerprint {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFF9F9F9', EndColorStr='#FFE2E2E2');
	PADDING-BOTTOM: 1px;
	VERTICAL-ALIGN: top;
	COLOR: #666666;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #dee5ec
}

.tbl, .tbl TD {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 4px;
	VERTICAL-ALIGN: top;
	COLOR: #333333;
	PADDING-TOP: 4px;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #ffffff
}

.color1 TD {
	BACKGROUND-COLOR: #c7d8ff
}

.color2 TD {
	BACKGROUND-COLOR: #c7ffcf
}

.color3 TD {
	BACKGROUND-COLOR: #fffcc7
}

.color4 TD {
	BACKGROUND-COLOR: #ffd2d2
}

.tblprint, .tblprint td {
	PADDING-RIGHT:	1px;
	PADDING-LEFT: 1px;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 1px;
	VERTICAL-ALIGN: top;
	COLOR: #333333;
	PADDING-TOP: 1px;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #ffffff
}

.tbl A, .tblprint A{
	COLOR: #0071d1;
	TEXT-DECORATION: none
}

.tbl A:hover, .tblprint A:hover{
	COLOR: #0071d1;
	TEXT-DECORATION: underline
}

.tbl-def {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #5a5a5a
}

.tbl1 {
	FONT-SIZE: 11px;
	COLOR: #5a5a5a
}

.inpt {
	BORDER-RIGHT: #ababab 1px solid;
	BORDER-TOP: #ababab 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	BORDER-LEFT: #ababab 1px solid;
	COLOR: #5a5a5a;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ababab 1px solid;
}

.inpt_dis {
	BORDER-RIGHT: #ababab 1px solid;
	BORDER-TOP: #ababab 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	BORDER-LEFT: #ababab 1px solid;
	COLOR: #5a5a5a;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ababab 1px solid;
	HEIGHT: 20px;
	user-input:disabled; 
}

.minpt {
	BORDER-RIGHT: #ababab 1px solid;
	BORDER-TOP: #ababab 1px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	BORDER-LEFT: #ababab 1px solid;
	COLOR: #5a5a5a;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ababab 1px solid;
}

.deftxt {
	FONT-SIZE: 11px;
	COLOR: #5a5a5a;
	LINE-HEIGHT: 16px
}

.title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #c20000
}

.eesm2rgid {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 3px;
	VERTICAL-ALIGN: top;
	COLOR: #333333;
	PADDING-TOP: 3px
}

.eesm2rgid A {
	FONT-WEIGHT: bold;
	COLOR: #0063c0;
	TEXT-DECORATION: underline
}

.eesm2rk {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #0063c0
}

.errortext {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #990000
}

.dd_ta{
	width:100%;
}

.dd_ta2{
	width:100%;
	height:70px;
}

.tbl_err, .tbl_err TD {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 4px;
	VERTICAL-ALIGN: top;
	COLOR: #FF0000;
	PADDING-TOP: 4px;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #ffffff
}
.tbl_err td textarea, .tbl_err textarea{
	border-color:#FF0000;
}

.tbl-header2 {
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	PADDING-BOTTOM: 3px;
	VERTICAL-ALIGN: top;
	COLOR: #666666;
	PADDING-TOP: 3px;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #dee5ec
}

.tableHeader, .tableCell {padding:3px}Ž

.tbl2, .tbl2 TD {
	FONT-SIZE: 10px;
	VERTICAL-ALIGN: top;
	COLOR: #333333;
	FONT-FAMILY: Tahoma;
	BACKGROUND-COLOR: #ffffff
}

.devdisc_help{
	width:300px;display:none;background-color:#fff;border:2px solid #ccc;
	position:absolute;font-size:10px;font-family:Tahoma;padding:5px 5px 20px 20px;color:#333;
	text-align:justify;font-weight:normal;
}

.ktk_lvl1 td {
	font-weight:bold;
	font-size:13px;
}
.ktk_lvl2 td {
	font-weight:bold;
	font-size:13px;
}
.ktk_lvl3 td {
	font-size:12px;
}
.ktk_lvl4 td {
	font-size:11px;
}
.ktkActions{
	display:none;
}
.ktk_lvl4 a, .ktk_lvl5 a{
	color: #0071D1;
    text-decoration: none;
}
.hidden{
	display:none;
}
.chosen-results li { text-align:left;}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0 0 0 / 23%);
  transition: opacity 500ms;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 14px;
  right: 16px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #555;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  height: 32px;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
#adurl2 {
	display: inline-block;
    margin: 0px 5px 10px;
    padding: 4px 12px;
    background-color: #2a72de;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    border-radius: 5px;
    vertical-align: top;
}
#adurl2:hover {
	background-color: #2160c0;
}
.modern-date-picker {
	display: inline-block;
	position: relative;
}
.modern-date-picker > input[type="text"] {
	position: relative;
	z-index: 1;
}
.modern-date-picker > input[type="date"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}
.modern-date-picker-icon {
	display: inline-block;
	margin-left: 2px;
	vertical-align: middle;
}
#workflowtable {
	width: max-content;
	min-width: 950px;
	max-width: none;
}
@media screen and (max-width: 950px) {
	#workflowtable {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
	#workflowtable td,
	#workflowtable th {
		white-space: normal !important;
		overflow-wrap: anywhere;
	}
}