/* Fonts */ 
@font-face {
font-family: FFMDefault;
src:  url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400&display=swap');
size: 10px;
}

/* font styles */
.italic{font-style: italic;}
.bold{font-weight: bold;}
.Underline{text-decoration: underline;}

   /* colors */ 
.YellowBG{background-color: #ffe066;}
.RedBG{background-color:#ff0000}
.GrayBG{background-color: #e3e5e8;}
.GrayOutBG{background-color: #e3e5e8;}
.WhiteBG{background-color: #ffffff;}
.WhiteTXT{color: #ffffff;}
.BlackBG{background-color: #000000;}
.FFMGreenBG{background-color: #1EA865;}
.FFMGreenTXT{color: #1EA865;}
.FFMGreenBorder{border-color: #1EA865;}

/* med. alert colors */
.high{background-color:#ff1600;}
.moderate{background-color:#f88822;}
.low{background-color:#ffbf02;}
.negligible{background-color:#9dba3c;}
.none{background-color:#32cc36;}

/* Standards */
html { --FatalErrorBorder: #cc3300;--FatalErrorBackground: #ffb399; }
body { margin:0 auto;  font-family: "Lato", sans-serif;
}
img { border:0px; }
label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
table, th, td { border: 0px; }
td { padding-bottom: 5px; }

/* errormarkings*/
div#fatalError {
        display: block;
        position: absolute;
        width: 100vw;
        height: 100vh;
        z-index: 400;
        background-color: var(--FadedBackground);
}
div#fatalErrorInner {
        width: 500px;
        min-height: 100px;
        padding: 25px;
        border: 1px solid var(--FatalErrorBorder);
        background-color: var(--FatalErrorBackground);
        text-align: center;
        position: absolute;
        z-index: 500;
        left: calc(50% - 250px);
        top: 25%;
}
div#fatalError span {
        font-weight: bold;
        font-size: 24px;
        display: block;
        padding-bottom: 20px;
        padding-top: 5px;
}

/* usercontent */
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
.ui-draggable, .ui-droppable {background-position: top;}



.spacer{
position: relative;
float: left;
width: 3px;
padding: 1px;
}
.float_left{
	position: relative;
	float: left;
}

.aligner_right{
	width: auto;
}
.aligner_left{
	width: auto;
}
.wrapper{
	position: relative;
	width: 1100px;
}
.body{
	position: relative;
	min-height: 90%;
}
.title{
	position: relative;
	font-size: 24px;
    font-weight: bold;
	margin:25px;
}

.Header{
	height: 90px;
	width: 100%;
}

.Logo{
	position: absolute;
	left: 0px;
}
.imgLogodiv{
	padding-left: 125px;
	padding-right: 25px;
	padding-top: 25px;
	float: left;	
}
.imgLogo{
	height: 75px;
}

.HeaderTXT{
	padding-top: 30px;
	margin-left: 100px;
	font-size: 48px;
	font-weight: bold;
	color: black;
}
.login-input {
	border: #CCC 1px solid;
    padding: 10px 20px;
	border-radius:4px;
}
.medline{
	position: relative;
	width: 1000px;
	height: auto;
}
.medisin{
	width: 250px;
}
.virkemidler{
	width: 350px;
}
.Kommentar{
	width: 250px;	
}
.CMT-Status{
	width: 150px;
}
/* DivTable.com */
.divTable{
	display: table;
	width: 80%;
	margin:25px;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.infoText{
border: 2px solid;
padding: 3px;
  margin: auto;
  width: 75%;
}  
.InfoBox{
width: 100%;
height: 175px;
padding: 3px;
}