html                                                                                 { font-size: 62.5%; }
body                                                                                 { background-color: #ccc; font-size: 1rem; font-family: "verdana", "montserrat", "Helvetica Neue", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif; margin: 0; }
body, html                                                                           { height: 100%; overflow-y: auto; }
/* body, html                                                                           { height: 100%; }
html                                                                                 { overflow-y: scroll; } */
input                                                                                { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,th,td
                                                                                     { margin: 0; padding: 0;}
tr                                                                                   { white-space: nowrap; }
table                                                                                { border-collapse: collapse; border-spacing: 0;}
fieldset,img                                                                         { border: 0;}
caption,strong,th                                                                    { font-style: normal; font-weight: normal;}
li                                                                                   { list-style: none;}
caption,th                                                                           { text-align: left;}
h1,h2,h3,h4,h5,h6                                                                    { font-size: 100%; font-weight: normal;}
q:before,q:after                                                                     { content: '';}
input,textarea,select                                                                { font-family: inherit; font-size: 1rem; font-weight: inherit; min-height: 1.6rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
legend                                                                               { color: #000;}

/* Vi sätter 1rem till 10px genom att sätta BODY->font-size till 62,5% */
span                                                                                 { cursor: default; }
span.point                                                                           { cursor: pointer; }
a                                                                                    { cursor: pointer; }
.question                                                                            { cursor: help; }
.moveable,
.moveable span                                                                       { cursor: move; }
legend                                                                               { margin-left: .5rem; }
img.scriptloader                                                                     { visibility: hidden; display: none; width: 0; height: 0; }
img.point                                                                            { cursor: pointer; }
img.linkpic                                                                          { cursor: pointer; border: 0; margin: 0; }
img.linkpic_disabled                                                                 { cursor: not-allowed; }
.expand-push-down                                                                    { position: relative; top: 1.4rem; }
.toolpic                                                                             { margin: 0.3rem; cursor: pointer; border: 0.1rem solid rgba(0,0,0,0); }
.toolpic:hover                                                                       { border: 0.1rem solid #f90; border-radius: .2rem; }
img.close                                                                            { position: absolute; left: 0; top: 0; cursor: pointer; width: 1.4rem; height: 1.4rem; z-index: 1; }
span.collapsed                                                                       { position: relative; padding: 0 1rem 1rem 0; background: url('/bilder/menuarrow.gif') no-repeat 0.3rem 0.3rem; height: 1.4rem; width: 1.4rem; }
span.expanded                                                                        { position: relative; padding: 0 1rem 1rem 0; background: url('/bilder/menuarrow_current.gif') no-repeat 0.1rem 0.3rem; height: 1.4rem; width: 1.4rem; }
.cursor_not_allowed                                                                  { cursor: not-allowed !important; }
.rounded                                                                             { border: 0.2rem solid #555; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; }
.rounded10                                                                           { border: 0.4rem solid #555; border-radius: 1.0rem; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; }
.brounded                                                                            { border: 0.2rem solid #555; border-bottom-left-radius: 0.5rem; -moz-border-radius-bottomleft: 0.5rem; -webkit-border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; -moz-border-radius-bottomright: 0.5rem; -webkit-border-bottom-right-radius: 0.5rem; }
.lcrounded                                                                           { border-left: 0.24rem solid #555; border-bottom: 0.2rem solid #555; border-bottom-left-radius: 0.5rem; -moz-border-radius-bottomleft: 0.5rem; -webkit-border-bottom-left-radius: 0.5rem; }
.bottomborder                                                                        { border-bottom: 0.24rem solid #555; }
.redborder                                                                           { border: 0.14rem solid #f00 !important; }
.o3belowborder                                                                       { border-bottom: 0.14rem solid #f90; }
.notopborder                                                                         { border-top: 0px solid black; }
.bgccc                                                                               { background-color: #ccc; } /* Ljusgrå */
.bgf90                                                                               { background-color: #f90; } /* o3-orange */
.bgeee                                                                               { background-color: #eee; } /* benvit */
.bgaaa                                                                               { background-color: #aaa; } /* grå */
.bg000                                                                               { background-color: #000; } /* svart */
.bgfff                                                                               { background-color: #fff; } /* vit */
.bg555                                                                               { background-color: #555; } /* blyertsgrå */
.bg333                                                                               { background-color: #333; } /* mörkgrå */
.bgc22                                                                               { background-color: #C22; } /* röd */
.bgindianred                                                                         { background-color: #a13e3e; }  /* a13e3e */
.bgmaroon                                                                         	 { background-color: maroon; }
.bg00f                                                                               { background-color: #00F; } /* blå */
.bggreen                                                                             { background-color: #18db02; } /* grön */
.dot_span                                                                            { display: block; width: 1rem; height: 1.5rem; }
.dot_red                                                                             { background: url('/bilder/bullet_red.png') -0.3rem 0; }
.clearb                                                                              { clear: both; }
.clearl                                                                              { clear: left; }
.clearr                                                                              { clear: right; }
.floatl                                                                              { float: left !important;  }
.floatr                                                                              { float: right !important; }
.textl                                                                               { text-align: left !important;  }
.textr                                                                               { text-align: right !important; }
.floati                                                                              { float: initial !important; }
.clear                                                                               { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfloatl                                                                         { float: left!important; clear: left; }
.disblock                                                                            { display: block !important; }
.disinline                                                                           { display: inline; }
.disinlineblock                                                                      { display: inline-block; }
.posabs                                                                              { position: absolute !important; }
.posrel                                                                              { position: relative !important; }
.z1                                                                                  { z-index: 1; }
.z40                                                                                 { z-index: 40; }
.z50                                                                                 { z-index: 50; }
.z51                                                                                 { z-index: 51; }
.nudgeright_5                                                                        { margin-left: 0.5rem !important; }
.nudgeright1                                                                         { margin-left: 1rem !important; overflow-wrap:break-word;}
.nudgeright2                                                                         { margin-left: 2rem !important; }
.nudgeleft_5                                                                         { margin-right: 0.5rem !important; }
.nudgeleft1                                                                          { margin-right: 1rem !important; }
.nudgeleft2                                                                          { margin-right: 2rem !important; }
.spaceaboveunder                                                                     { padding: 0.2rem 0; }
.spaceaboveunderx2                                                                   { padding: 0.4rem 0; }
.marginaboveunder                                                                    { margin: 0.2rem 0; }
.marginaboveunder2                                                                   { margin: 0.4rem 0; }
.marginaboveunder4                                                                   { margin: 0.8rem 0; }
.marginaboveunder6                                                                   { margin: 1.2rem 0; }
.marginabove2                                                                        { margin-top: 2rem; }
.fontnormal                                                                          { font-weight: normal !important; }
.fontbold                                                                            { font-weight: bold !important; }
.width100percent                                                                     { width: 100%; }
.right0                                                                              { right: 0 !important; }
.left0                                                                               { left: 0 !important; }
.greenInput                                                                          { background-color: #18db02 !important; }
.redInput                                                                            { box-shadow: inset 0 0 0 2px #e64040!important; }
.yellowInput                                                                         { box-shadow: inset 0 0 0 2px #ffcb59!important; }
.orangeInput                                                                         { background-color: #f90 !important; }
.rotate90                                                                            { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: bottom left 0; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left 0; transform-origin: bottom left 0; }
.rotate90wsh                                                                         { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 4% 35%; -moz-transform-origin: 4% 35%; -ms-transform-origin: 4% 35%; -o-transform-origin: 4% 35%; transform-origin: 4% 35%; }
.rotate45                                                                            { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: bottom left 0; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left 0; transform-origin: bottom left 0; }
.rotate15                                                                            { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transform-origin: bottom left 0; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left 0; transform-origin: bottom left 0; }
[draggable]                                                                          { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-drag: element; -webkit-user-drag: element; }
.orangeHover:hover                                                                   { background-color: #f90 !important; }
.cblue                                                                               { color: blue !important; }
.cred                                                                                { color: #c22 !important; }

/* CSS standardtext
   ---------------------------------------------------------------------------------  */

/* ..................
   Albins special CSS */

.notvisible {
	display:none;
}

.blockWrap {
	position:relative;
	width:100%;
}

.blockWrap .halfBlock {
	width:calc(50% - 15px);
	float:left;
	padding:0px 7.5px 0px 7.5px;
	margin-bottom:15px;
}

.blockWrap .halfBlock .blockHeader {
	display:block;
	padding:10px;
	background-color: #36383d;
	font-size:1.2em;
	color:#fff;
}

.blockWrap .halfBlock .fieldWrap {
	display:block;
	padding:5px 10px 5px 10px;
	transition: background-color 0.10s ease;
}

.blockWrap .halfBlock .fieldWrap:hover {
	background-color: rgba(255,255,255,0.5) !important;
}

.blockWrap .halfBlock .fieldWrap:nth-child(odd) {
	background-color: rgba(255,255,255,0.25);
}

.blockWrap .halfBlock .fieldWrap:nth-child(even) {
	background-color: rgba(255,255,255,0.10);
}

.blockWrap .halfBlock .fieldWrap .numField input[type=text] {
	width:25% !important;
	float:right;
}

.blockWrap .halfBlock .fieldWrap .MFfullwidth .MF {
	margin-top:5px;
	resize:vertical;
}

.blockWrap:after {
	content:"";
	display:table;
	clear:both;
}

.nobox {
	padding-left:27px !important;
}

#replaceDialogSkipDiv {
	width:100%;
	text-align:center;
	display:none;
	margin-top:10px;
}

.skipDivShow {
	display:block !important;
}

#replaceDialogSkipDiv #replaceDialogCheckbox {
	display:inline-block;
	margin-right:10px;
}

#replaceDialogSkipDiv .replaceDialogCheckboxLabel{
	display:inline-block;
	font-weight:bold;
}

.replaceDialogWrap {
	display:block;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

.replaceDialogWrap .halfBlock {
	width:calc(50% - 7.5px);
	float:left;
}

.replaceDialogWrap .halfBlock .valLabel {
	display:block;
	text-align:left;
	padding:5px 10px 5px 10px;
	font-size:1rem;
	background-color: #36383d;
	color:#fff;
}

.replaceDialogWrap .halfBlock .valArea {
	width:100%;
	height:100px;
	padding:10px;
	max-width:none !important;
	resize:none;
	transition: background-color 0.10s ease;
	color:#000;
	cursor:pointer;
}

.replaceDialogWrap .halfBlock .valArea:hover {
	background-color:#ecd1b4;
}

.replaceDialogWrap .left {
	padding-right:7.5px;
}
.replaceDialogWrap .right {
	padding-left:7.5px;
}

.keepBoth {
	width:calc(100% - 20px);
	padding:10px;
	background-color: #36383d;
	color:#fff;
	cursor:pointer;
	transition: all 0.10s ease;
}

.keepBoth:hover {
	background-color:#000;
}

.replaceDialogWrap:after {
	content:"";
	display:table;
	clear:both;
}

.of_marked {
	background-color:rgba(255,153,0,.7);
}

.expandParent {
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:absolute;
}

.fullsizeexpand {
	height:100%;
}

.clean-table-condensed {
	width: 100%;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);
	background: #fff;
	border-radius:0px;
}

.fullheight {
	height:100%;
}

.clean-tableheader-condensed {
	color: #333;
	font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI";
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12) !important;
	background: #f5f5f5;
}

.clean-tableheader-condensed td {
	text-transform: uppercase;
	font-size: 1rem;
}

.clean-table-condensed td {
	padding:5px 7.5px 5px 7.5px;
}

.clean-table-condensed .horz {
	font-size: 0.9rem;
}

.clean-table-condensed .horz:hover {
	background: #f5f5f5 !important;
}

.clean-table-condensed .o3tablecont {
	overflow-y:scroll !important;
}

.noticeIcon {
	width:15px;
	height:15px;
	background-size:contain;
	background-repeat:no-repeat;
	float:left;
	margin-left:-20px;
}

.custo3meanvalue {
	position:relative;
	width:80%;
	margin:5px 0px;
	border-radius:2px;
	float:left;
	background-color:rgba(0,0,0,.05);
	max-height:150px;
	overflow-y:auto;
}

.custo3meanvalue .custArrItem {
	width:100%;
	box-sizing:border-box;
	padding:7.5px 10px;
}

.custo3meanvalue .custArrItem:nth-child(odd) {
	background-color:rgba(0,0,0,.04);
}

.custo3meanvalue .custArrItem .custArrText {
	height:auto !important;
	font-size:.85em;
	width:calc(100% - 40px);
	max-width:100%;
	padding:3px 0px 3px 5px;
	box-sizing:border-box;
	margin:0px 10px;
	background-color:#fff !important;
}

.wideButton {
	width:100%;
	padding:10px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	box-sizing:border-box;
	cursor:pointer;
	border-radius:3px;
	position:relative;
	background:#fff;
}

.wideButton span{
	position:relative;
	cursor:pointer;
}

.wideButton .bg{
	background: #FFAA00;
	background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFCC00), to(#FFAA00));
	background: -moz-linear-gradient(#FFCC00, #FFAA00);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.8;
}

.wideButton:hover {
	background:#333;
}


.wideButton:active {
	opacity:0.7;
}

.rowConfirmed {
	background-color:#8dbf97;
}

.selectableList {
	overflow:hidden;
	position:relative;
	border-radius:3px;
	width:100%;
}

.selectableList .listHeader {
	color:#fff;
	background-color:#333;
	width:100%;
	border-bottom:1px solid #000;
}

.selectableList .listHeader .headingSwitchable {
	border-bottom:1px dotted #fff;
}

.selectableList .listItems {
	max-height:300px;
	overflow-y:auto;
}

.selectableList .listItem {
	width:100%;
	color:#000;
}

.selectableList .listItem:nth-child(even) {
	background-color: rgba(255,255,255,0.25);
}

.selectableList .listItem:hover {
	background-color: rgba(0,0,0,0.05);
}

.selectableList .selected {
	background-color: rgba(255,153,0,0.15) !important;
}

.selectableList .listClickableIcon {
	width:16px;
	height:16px;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.selectableList .listClickableIcon:hover {
	opacity:0.7;
}

.selectableList .listClickableIcon:active {
	opacity:0.4;
}

.selectableList .listColumn{
	display:table-cell;
	box-sizing:border-box;
	position:relative;
	padding:13px;
	height:100%;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.selectableList .listColumn .centerHeight {
	box-sizing:border-box;
	position:absolute;
	top:50%;
}

.selectableList .column1,
.selectableList .column2 {
    width: 12rem;
	max-width: 12rem;
}

.expandBody {
	width:100%;
	height:100%;
	padding:5px 15px;
	box-sizing:border-box;
	margin:0px -3px;
}

.expandBody .expandTable {
	float:left;
	display:inline-block;
	padding:0px 3px;
}

.expandBody .expandTable .tableTitle {
	padding:5px 10px;
	width:100%;
	color:#fff;
	background-color:#333;
	width:100%;
	font-weight:bold;
	font-size:0.9rem;
	box-sizing:border-box;
	border-top-right-radius:1px;
	border-top-left-radius:1px;
}

.expandBody .expandTable .tableColumns {
	box-sizing:border-box;
	background-color:rgba(255, 227, 189, 0.9);
	visibility:hidden;
}

.expandBody .expandTable .tableColumns:after {
    content: "";
    display: table;
    clear: both;
}

.expandBody .expandTable .tableHeader {
	font-weight:bold;
	padding:2px 10px;
	float:left;
	font-size:0.9rem;
	box-sizing:border-box;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.expandBody .expandTable .columnOdd {
	background-color: rgba(0,0,0,0.05);
}

.expandBody .expandTable .tableRows {
	width:100%;
	max-height:55px;
	box-sizing:border-box;
	overflow-y:auto;
	overflow-x:hidden;
	border-bottom-right-radius:1px;
	border-bottom-left-radius:1px;
	background-color:#e4e7e6;
	-webkit-font-smoothing: subpixel-antialiased;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.expandBody .expandTable .tableRows .tableRow {
  	visibility:hidden;
}

.expandBody .expandTable .tableRows .tableRow:after {
	content: "";
	display: table;
	clear: both;
}

.expandBody .expandTable .tableRows .tableRow:nth-child(even) {
	background-color: rgba(49, 55, 57, 0.1);
}

.expandBody .expandTable .tableRows .tableCell{
	padding:3px 10px;
	float:left;
	font-size:0.9rem;
	box-sizing:border-box;
	white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.expandBody .expandTable .tableRows .tableRow:hover{
	background-color: #fff;
}

.spanlink {
	text-decoration: underline;
	cursor:pointer;
}

.spanlink:hover {
	text-decoration: none;
	opacity:0.7;
}

.projSmpDropdown {
	position:absolute;
	width:auto;
	left:0px;
	top:calc(100% + 1px);
	background-color:#aaa;
	z-index:1000;
	display:none;
	max-height:300px;
	overflow-x:auto;
	border-radius:2px;
	box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 5px -1px rgba(0,0,0,0.2);
	text-align:left;
	border:1px solid #000;
}

.button:hover .projSmpDropdown {
	display:block;
}

.projSmpDropdown .dropdownItem {
	display:block;
	padding:3px 6px;
	color:#000;
	white-space:nowrap;
}

.projSmpDropdown .dropdownItem:after {
	content: "";
	display: table;
	clear: both;
}

.projSmpDropdown .selected {
	background-color:#ccc;
}

.projSmpDropdown .selected .extraField {
	text-decoration: underline;
}

.projSmpDropdown .dropdownItem:hover {
	background-color:#f90 !important;
}

.projSmpDropdown .dropdownItem .provnrLabel {
	display:inline-block;
	width:auto;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: underline;
	font-weight:bold;
	font-size:0.9em;
	margin:0px;
	padding:0px;
}

.projSmpDropdown .dropdownItem .extraField {
	display:inline-block;
	width:55px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding:0px;
	margin:0px 0px 0px 10px;
	font-size:0.9em;
}

.commonViewRepDiv {
	position: absolute;
	right: 0px;
	top: -55px;
	width: 25px;
	height: 25px;
	background-image: url(/bilder/page_text_1.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1001;
}

.smpHeight {
	top: -46px;
}

.commonViewRepDiv:hover {
	display: block;
}

.commonViewRepDiv:hover .hoverDiv {
	display: block;
}

.commonViewRepDiv .hoverDiv {
	display: none;
	position: absolute;
	width: 340px;
	height: 100px;
	top: 0px;
	right: 0px;
	z-index: 1000;
	background-color: rgba(255,255,255,0.9);
	border-radius: 3px;
}

#o3inboxDiv {
    width: 70rem;
    height: 40rem;
}

.o3inboxDiv {
    position: absolute;
    z-index: 50;
}

.o3inboxDiv .inboxWrapper {
	padding:10px;
	box-sizing:border-box;
	height:calc(100% - 31px);
}

.o3inboxDiv .leftContent {
	width:calc(75% - 10px);
	float:left;
	height:100%;
	overflow:hidden;
	border-radius:3px;
}

.o3inboxDiv .leftContent .scrollFix {
	width:100%;
	height:100%;
	overflow:auto;
}

.o3inboxDiv .leftContent .convoItem {
	width:100%;
	padding:10px 20px;
	box-sizing:border-box;
	border-left: 5px solid rgba(0,0,0,0.5);
	cursor:pointer;
}

.o3inboxDiv .leftContent .unreadMsg {
	background-color:#ffe2c4 !important;
	border-left: 5px solid #ff722d !important;
}

.o3inboxDiv .leftContent .convoItem:hover {
	background-color: #ffdaa2 !important;
	border-left: 5px solid #f90 !important;
}

.o3inboxDiv .leftContent .convoItem:active {
	background-color:#d2bd9e !important;
}

.o3inboxDiv .leftContent .convoItem .topLine {
	width:100%;
}

.o3inboxDiv .leftContent .convoItem .topLine:after {
  content: "";
  display: table;
  clear: both;
}

.o3inboxDiv .leftContent .convoItem .topLine .userLabel {
	font-weight:bold;
	float:left;
	max-width:75%;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.o3inboxDiv .leftContent .convoItem .topLine .timeStamp {
	float:right;
}

.o3inboxDiv .leftContent .convoItem .previewLabel {
	font-size:1em;
	max-width:100%;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.limitWidthText {
	max-width:80%;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display:inline-block;
}

.o3inboxDiv .leftContent .convoItem:nth-child(even) {
	background-color:rgba(255,255,255,0.65);
}

.o3inboxDiv .leftContent .convoItem:nth-child(odd) {
	background-color:#ddd;
}

.o3inboxDiv .rightContent {
	width:25%;
	float:right;
	height:100%;
	position:relative;
}

.o3inboxDiv .rightContent .inboxButton {
	font-size:1.1em;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
	position:relative;
	padding:10px 15px;
	background: #333;
	margin-bottom:5px;
	width:100%;
	box-sizing:border-box;
}

.o3inboxDiv .rightContent .newMsg {
	padding:15px 15px;
	background: rgb(86,192,112);
	background: -moz-linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	background: -webkit-linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	background: linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56c070",endColorstr="#2ae680",GradientType=1);
}

.o3inboxDiv .rightContent .returnToInbox {
	position:absolute;
	left:0px;
	bottom:0px;
	margin:0px;
	height:52px;
	padding:15px 15px;
}

.o3inboxDiv .rightContent .returnToInbox .buttonLabel {
	margin-top:3px;
}

.o3inboxDiv .rightContent .inboxButton:hover {
	background:#000 !important;
}

.o3inboxDiv .rightContent .inboxButton:active {
	opacity:0.75;
}

.o3inboxDiv .rightContent .newMsg:hover {
	background:#2ab64c !important;
}

.o3inboxDiv .rightContent .newMsg:active {
	background:#1a7831 !important;
}

.o3inboxDiv .rightContent .inboxButton:after {
  content: "";
  display: table;
  clear: both;
}

.o3inboxDiv .rightContent .inView {
	background-color:#825742;
}

.o3inboxDiv .rightContent .inView:hover {
	background-color:#593b24 !important;
}

.o3inboxDiv .rightContent .inboxButton .iconWrap {
	position:absolute;
	height:50%;
	width:20px;
	top:0px;
	left:15px;
	box-sizing:border-box;
}

.o3inboxDiv .rightContent .inboxButton .iconWrap .buttonIcon {
	width:20px;
	height:20px;
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	bottom:-10px;
	float:left;
}

.o3inboxDiv .rightContent .inboxButton .iconWrap .buttonIcon .newNotif {
	position:absolute;
	width:8px;
	height:8px;
	border-radius:100%;
	top:0px;
	right:-3px;
}

.o3inboxDiv .rightContent .inboxButton .iconWrap .buttonIcon .hasOtherUnread {
	background-color:#ff722d;
}

.o3inboxDiv .rightContent .inboxButton .buttonLabel {
	float:left;
	max-width:calc(100% - 30px);
	margin-left:30px;
}

.o3inboxDiv .tableRow .floatLeft {
	float:left;
}

.o3inboxDiv .tableRow .floatRight {
	float:right;
}

.o3inboxDiv .sendButton {
	font-size:1.1em;
	color:#fff;
	border-radius:3px;
	cursor:pointer;
	position:relative;
	padding:10px 15px;
	background: #333;
	margin-bottom:5px;
	width:100%;
	box-sizing:border-box;
	padding:15px 15px;
	background: rgb(86,192,112);
	background: -moz-linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	background: -webkit-linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	background: linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56c070",endColorstr="#2ae680",GradientType=1);
	margin-top:15px;
}

.o3inboxDiv .sendButton:hover {
	background:#2ab64c !important;
}

.o3inboxDiv .sendButton:active {
	background:#1a7831 !important;
}

.o3inboxDiv .sendButton .iconWrap {
	position:absolute;
	height:50%;
	width:20px;
	top:0px;
	left:15px;
	box-sizing:border-box;
}

.o3inboxDiv .sendButton .iconWrap .buttonIcon {
	width:20px;
	height:20px;
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	bottom:-10px;
	float:left;
}

.o3inboxDiv .sendButton .buttonLabel {
	float:left;
	max-width:calc(100% - 30px);
	margin-left:30px;
}

.o3inboxDiv .sendButton:after {
  content: "";
  display: table;
  clear: both;
}

.o3inboxDiv .tableRow:after {
  content: "";
  display: table;
  clear: both;
}

.o3inboxDiv .convoWrap {
	width:100%;
	height:calc(85% - 10px);
	padding:10px;
	margin-bottom:10px;
	background-color:rgba(0,0,0, 0.05);
	box-sizing:border-box;
	overflow-y:auto;
}

.o3inboxDiv .fullHeight {
	height:100%;
}

.o3inboxDiv .convoWrap .messageBlock {
	width:100%;
	display:block;
	position:relative;
	margin-bottom:30px;
}

.o3inboxDiv .convoWrap .messageBlock:last-child {
	margin-bottom:20px;
}

.o3inboxDiv .convoWrap .messageBlock:after {
  content: "";
  display: table;
  clear: both;
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix {
	width:100%;
	display:block;
	position:relative;
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix:after {
  content: "";
  display: table;
  clear: both;
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix .favButton {
	width:20px;
	height:100%;
	border-radius:100%;
	cursor:pointer;
	float:left;
	display:none;
	box-sizing:border-box;
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix .favButton .buttonIcon:hover {
	opacity:0.8;
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix .favButton .buttonIcon {
	width:20px;
	height:20px;
	border-radius:100%;
	cursor:pointer;
	float:left;
	background-size:70%;
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(0,0,0, 0.3);
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix:hover .favButton {
	display:inline-block;
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix .favorited .buttonIcon {
	background-color:#ff722d;
}

.o3inboxDiv .convoWrap .messageBlock .lineBreakFix .floatR {
	float:right;
}

.o3inboxDiv .convoWrap .messageBlock .fromUserLabel {
	font-weight:bold;
	margin-bottom:3px;
	font-size:0.8em;
}

.o3inboxDiv .convoWrap .messageBlock .fromMsg {
	padding:10px;
	border-radius:3px;
	background-color:#fff;
	color:#000;
	float:left;
	display:inline-block;
	max-width:80%;
	position:relative;
	margin-bottom:6px;
	box-sizing:border-box;
	transition:border 1.5s cubic-bezier(.45,0,.05,1);
	border:2.5px solid #fff;
	margin-right:10px;
	word-wrap:break-word;
	white-space:pre-wrap;
}

.o3inboxDiv .convoWrap .messageBlock .toMsg {
	padding:10px;
	border-radius:3px;
	background-color:#ffdaa2;
	color:#000;
	float:right;
	display:inline-block;
	max-width:80%;
	position:relative;
	box-sizing:border-box;
	margin-bottom:6px;
	border:2.5px solid #ffdaa2;
	margin-left:10px;
	word-wrap:break-word;
	white-space:pre-wrap;
}

.o3inboxDiv .convoWrap .messageBlock .unread {
	border:2.5px solid #FF722D;
}

.o3inboxDiv .convoWrap .messageBlock .from {
	text-align:left;
}

.o3inboxDiv .convoWrap .messageBlock .to {
	text-align:right;
}

.o3inboxDiv .convoWrap .messageBlock .timestampLabel {
	display:block;
	width:100%;
	position:absolute;
	top:calc(100% - 3px);
	left:0px;
	color:#000;
}

.o3inboxDiv .convoWrap .loadMore {
	padding:5px 0px;
	text-decoration:underline;
	cursor:pointer;
	width:100%;
	text-align:center;
	font-weight:bold;
}

.o3inboxDiv .convoWrap .loadMore:hover {
	opacity:0.85;
}

.o3inboxDiv .convoWrap .loadMore:active {
	opacity:0.6;
}

.o3inboxDiv .convoTools {
	width:100%;
	height:15%;
}

.o3inboxDiv .messageBox {
	width:100%;
	box-sizing:border-box;
	padding:10px;
	resize:none;
	outline: none;
	margin-top:10px;
}

.o3inboxDiv .messageBox:focus {
	background-color:#fff7f3;
}

.o3inboxDiv .convoTools .messageBox {
	height:100%;
	width:calc(75% - 10px);
	float:left;
	box-sizing:border-box;
	padding:10px;
	resize:none;
	outline: none;
	margin-top:0px;
}

.o3inboxDiv .convoTools .messageBox:focus {
	background-color:#fff7f3;
}

.o3inboxDiv .convoTools .sendButton {
	height:100%;
	width:25%;
	background: rgb(86,192,112);
	background: -moz-linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	background: -webkit-linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	background: linear-gradient(122deg, rgba(86,192,112,1) 0%, rgba(42,230,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56c070",endColorstr="#2ae680",GradientType=1);
	float:right;
	margin:0px;
}

.o3inboxDiv .convoTools .sendButton .buttonLabel {
	margin-top:3px;
}

.inboxIconButton {
	width:16px;
	height:10px;
	background-color:#fff;
	background-image:url(/bilder/email.png);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	right:0px;
	top:3px;
	cursor:pointer;
	border:2.5px solid #000;
}

.inboxIconButton:hover {
	opacity:0.8;
}

.hasUnread {
	border:2.5px solid #ff722d;
	border-radius:2px;
}

.cusInfoHeader {
	padding: 5px 8px 8px 8px;
	background-color: rgba(255,255,255, 0.4);
	border-radius: 3px;
	margin-bottom: 5px;
	position: relative;
}

.minusmarginfix {
	margin: 0px 0px 10px -8px;
}

.cusInfoHeader span {
	color: #000;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFAA00;
	font-weight: bold;
}

.cusInfoHeader .cusNewIcon {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 6px;
	right: 8px;
	background-image: url(/bilder/page_new.png);
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cusInfoHeader .cusNewIcon:hover {
	opacity: 0.6;
}

.subBlockHeading {
	width:100%;
	margin-bottom:10px;
	padding:10px;
	background-color: #36383d;
	color:#fff;
	display:block;
	box-sizing:border-box;
	font-size:1.05rem;
	font-weight:bold;
}

.buttonSideWrap {
	width:100%;
	box-sizing:border-box;
}

/* Preload bilder */
body::after                                                                          { position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url(/bilder/warn2.png) url(/bilder/tick.png) url(/bilder/info_transp.gif) url(/bilder/cross_mini.png); }

/* CENTER ELEMENT VERTICALLY AND HORIZONTALLY CSS - Fungerar i alla browsrar IE9+ */
.center-3                                                                            { display:table; vertical-align: middle; height:100%; width:100%; }
.center-2                                                                            { position: relative; vertical-align: middle; display: table-cell; }
.center-1                                                                            { margin-left: auto; margin-right: auto; }

.textoverflow                                                                        { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; }
/* OBS OBS OBS! För att .textoverflow ska fungera i en <table> <td> måste innehållet omgärdas i en <div> ex.
   <table><tr><td><div class="textoverflow" style="[mywidth]">
      <span>my long, long, long, long text</span>
   </div></td></tr></table>
*/
.bluecolor,
.bluecolor span                                                                      { color: #3775dd!important; }
.block                                                                               { display: block; }
.textleft                                                                            { text-align: left; }
.padding_0_5                                                                         { padding: 0 0.5rem!important; } /* Padding left & right */
.bordertop                                                                           { border-top: 0.1rem solid #555; }
.boldwhite                                                                           { color: white; font-weight: 600; }
.o3row:hover                                                                         { background-color:#f90; color:#000!important; cursor:pointer; }
.o3cell                                                                              { height: 2rem; line-height: 2rem; padding: 0 0.8rem; }

.table                                                                               { display: table; width: 100%; }
.row                                                                                 { display: table-row; }
.cell                                                                                { display: table-cell; }

/* bezier transition */
.animate,
.redInput,
.bg-red                                                                              { -webkit-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -o-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -moz-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; }
.yellowInput,
.bg-yellow                                                                              { -webkit-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -o-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -moz-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; }

/* O3notice */
.o3noticecontainer                                                                   { position: fixed; width: 100%; top: 4.6rem; z-index: 90000; height: 0px; vertical-align: middle; }
.o3notice-element-container                                                          { opacity: 0; height: 0; display: block; margin: 0 auto; }
.o3notice                                                                            { background: #f7f6d4; -webkit-box-shadow: 0 3px 4px 2px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); -moz-box-shadow: 0 3px 4px 2px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); box-shadow: 0 3px 4px 2px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); display: table; left: 0; right: 0; margin: 0 auto; z-index: 90000; }
.o3notice div div                                                                    { padding-left: 1.2rem; }
.o3notice div div:first-child                                                        { padding-left: 1.6rem; padding-right: 0; }
.o3notice div div:last-child                                                         { padding-left: 0.9rem; padding-right: 0.9rem; }
.o3notice .cell                                                                      { vertical-align: middle; }
.o3notice-image                                                                      { text-align: center; }
.o3notice-close                                                                      { cursor: pointer; padding: 0 1rem!important; min-width: 20px; max-width: 20px; text-align:center; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; }
.o3notice-close:active                                                               { background: rgba(0,0,0,.1); }
.o3notice-message                                                                    { max-width: 100%; word-wrap: break-word; white-space: normal; overflow: visible; text-align: center; font-size: 1.2rem; color: #101010; }

/* Loading snurra */
@-webkit-keyframes rotate-forever                                                    {
0%                                                                                   { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
100%                                                                                 { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes rotate-forever                                                       {
0%                                                                                   { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
100%                                                                                 { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes rotate-forever                                                         {
0%                                                                                   { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
100%                                                                                 { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate-forever                                                            {
0%                                                                                   { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
100%                                                                                 { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.loading-spinner,
.o3proc-active .o3proc-active-spinner                                                { border-style: solid; border-width: 3px; height: 8px; left: 50%; width: 8px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rotate-forever; -moz-animation-name: rotate-forever; -o-animation-name: rotate-forever; animation-name: rotate-forever; -webkit-animation-timing-function: unset; -moz-animation-timing-function: unset; -o-animation-timing-function: unset; animation-timing-function: unset; border-color: transparent #3f4452 #3f4452 #3f4452; -webkit-border-image: none; -moz-border-image: none; -o-border-image: none; border-image: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; }
.h9-4                                                                                { height: 9.4rem!important; }

/* Albins special CSS
   .................. */

.o3white                                                                             { color: #fff; }
.o3text                                                                              { color: #fff; }
.o3text_large                                                                        { font-size: 1.3rem; color: #fff; }
.o3text_alert                                                                        { color: #f00; }
.o3textlink                                                                          { color: #fff; }
.o3textlink:hover                                                                    { color: #f90; text-decoration: underline; cursor: pointer; }
.o3textdisabled                                                                      { color: #999 !important; }
.o3textblack                                                                         { color: #000 !important; }

span#newspanheader                                                                   { position: relative; float: left; margin-left: 0.5rem; border-bottom: 0.1rem solid #f90; padding-right: 2rem; }
span#newspanheader_nomargin                                                          { position: relative; float: left; border-bottom: 0.1rem solid #f90; padding-right: 2rem; }
span#spanheader                                                                      { position: absolute; left: .4rem; top: .4rem; color: #555; font-weight: bold; margin-right: 1rem; border-bottom: 0.1rem solid #f90; }
span#spanheader_np                                                                   { position: relative; color: #555; font-weight: bold; margin-right: 1rem; border-bottom: 0.1rem solid #f90; }
.divheader2                                                                          { font-size: 1.5rem; }
.divheader3                                                                          { font-size: 1.5rem; }
.divheader4                                                                          { font-size: 1.2rem; }
.divheader5                                                                          { font-size: 1rem; }

/* standard span-class: fh */
.fh, .fhwhite, .fhp, .fhphover, .fho3, .fhnb, .fhgrey, .fhblackm, .fhcgrey, .fhagrey, .fhgreylink, .fhmini, .fhmicro, .fhul, .fhlarge, .fhbig, .fhhuge, .fhblack, .fhlink, .fhdisabled, .fhcenter, .fhindent, .fhpred
                                                                                     { color: #333; font-size: 1.1rem; font-weight: normal; text-decoration: none; }
.fhwhite                                                                             { color: #fff !important; }
.fho3                                                                                { color: #f90 !important; }
.fho3hover                                                                           { color: #fff !important; }
.fhgrey                                                                              { color: #333; }
.fh7grey                                                                             { color: #777; }
.fhagrey                                                                             { color: #aaa; }
.fhcgrey                                                                             { color: #ccc; }
.fhblack                                                                             { color: #000; font-weight: bold; }
.fhgreen                                                                             { color: green; }
.fhpurple                                                                            { color: #c320a9; }
.fhpred, .fhp:hover                                                                  { color: #C22 !important; }
.fhdisabled                                                                          { color: #999 !important; }
.fhmicro                                                                             { font-size: 0.2rem; }
.fhmini                                                                              { font-size: 0.7rem; }
.fhtiny                                                                              { font-size: 0.8rem; }
.fhlarge                                                                             { font-size: 1.2rem; font-weight: bold; }
.fhbig                                                                               { font-size: 1.5rem; font-weight: bold; }
.fhhuge                                                                              { font-size: 2rem; font-weight: bold; }
.fhlink, .fhp                                                                        { cursor: pointer; }
.fhcenter                                                                            { text-align: center; }
.fhindent                                                                            { margin-left: 3rem; }
.fhul, .fhlink:hover, .fhp, .fhgreylink
                                                                                     { text-decoration: underline !important; }
.italic, .affstatus, .fhdisabled                                                     { font-style: italic; }
.fhnb                                                                                { font-weight: normal; }
.link                                                                                { text-decoration: underline; cursor: pointer; }
.point                                                                               { cursor: pointer !important; }
.nopoint                                                                             { cursor: initial !important; }
.ninfo                                                                               { color: #F90; font-weight: bold; font-style: italic; }
.sinfo                                                                               { font-size: 0.7rem; color: #F90; font-weight: bold; font-style: italic; }
.ws-no-wrap                                                                          { white-space: nowrap; }
tr.dimmedrow td span                                                                 { color: #888; }

/* Nya standardtexter, baserade på Albins layout-ideér. */
.afh, .aft, .afd, .afhbig, .aflink                                                   { color: #111; font-size: 1.2rem; font-weight: bold; text-decoration: none; }
.afhbig                                                                              { font-size: 1.5rem;}
.aflink                                                                              { text-decoration: underline; }
.aft                                                                                 { font-weight: normal; }
.ahorz                                                                               { }


/* Tabell-layout som används av bl.a. bossIGPerProj */
.atable                                                                              { border: 0.1rem solid #555;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.atable .atable                                                                      { border: 0px; }
.atable tbody > tr.atablesubheader
                                                                                     { border-top: 1px solid black; }
.atable tr.horz td,
.atable tr.horz th,
.atable tr.atablewhite td,
.atable tr.atablewhite th
                                                                                     { min-height: 3rem; white-space: normal; }
.atable tr.low td,
.atable tr.low th                                                                    { height: 1.5rem; min-height: 1.5rem;}
.atable tr.noheight td                                                               { height: auto; min-height: auto; }
.atable tr                                                                           { white-space: nowrap; }
.atable tr td                                                                        { white-space: nowrap; overflow: hidden; }
.atable tr td.center                                                                 { text-align: center; }
.atable tr th.center                                                                 { text-align: center; }
.atable tr th                                                                        { white-space: nowrap; overflow: hidden; }
.atable tbody                                                                        { -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
.atable tr.atablewhite                                                               { background-color: #eee; }
.atable tr.atabledgrey                                                               { background-color: #888; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.atable tr.atabledgrey div                                                           { color: #eee; margin-left: 0.3rem;}
.atable tr.atabledgrey span                                                          { color: #eee; margin-left: 0.3rem;}
.atable td div                                                                       { width: 100%; padding: 0 1.2rem 0 1rem; } /* span går ej i bossIGPerProj när datum ska centreras med ibland längre sträng på ny rad <br>*/
.atable td div.MLexp,
.atable td div.gridtopspace122,
.atable td div.gridtopspace122 > div
                                                                                     { padding: 0; }
.atable td span                                                                      { }
.atable td.padding span                                                              { padding: 0 1.2rem 0 1rem; }
.atable tbody td:first-child span                                                    { border: 0px; }
.atablepadding                                                                       { padding-top: 1rem; }

.atable td div.center                                                                { padding: 0; text-align: center; } /* center går ej ihop med padding. */
.atable td.leftborder                                                                { border-left: 1px solid black; }
.atable td.rightborder                                                               { border-right: 1px solid black; }

/* http://960.gs teoring anpassat för div.mainview
   80rem - 20grid = Varje kolumn 2rem, space 2rem - O3-Standard!.
   */
.container, .container_20, .container_21
                                                                                     { position: relative; float: left; }
.container_20                                                                        { width: 80rem; }
.container_21                                                                        { width: 82rem; }


.grid__5, .grid_1, .grid_1_25, .grid_1_5, .grid_1_75, .grid_2, .grid_2_5, .grid_3, .grid_3_5, .grid_4, .grid_4_5, .grid_5, .grid_5_5, .grid_6, .grid_7, .grid_8, .grid_8_5, .grid_9, .grid_10, .grid_10_5,
.grid_11, .grid_12, .grid_12_5, .grid_13, .grid_14, .grid_14_5, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_20_5,
.grid_21, .grid_22, .grid_23, .grid_24, .grid_25, .grid_26, .grid_27, .grid_28, .grid_29, .grid_30, .grid_31, .grid_32, .grid_33
                                                                                     { position: relative; display:inline; float: left; margin-left: 1rem; margin-right: 1rem;}
.grid__5                                                                             { width:1rem;  }
.grid_1                                                                              { width:2rem;  }
.grid_1_25                                                                           { width:3rem;  }
.grid_1_5                                                                            { width:4rem;  }
.grid_1_75                                                                           { width:5rem;  }
.grid_2                                                                              { width:6rem;  }
.grid_2_5                                                                            { width:8rem;  }
.grid_3                                                                              { width:10rem; }
.grid_3_5                                                                            { width:12rem; }
.grid_4                                                                              { width:14rem; }
.grid_4_5                                                                            { width:16rem; }
.grid_5                                                                              { width:18rem; }
.grid_5_5                                                                            { width:20rem; }
.grid_6                                                                              { width:22rem; }
.grid_7                                                                              { width:26rem; }
.grid_8                                                                              { width:30rem; }
.grid_8_5                                                                            { width:32rem; }
.grid_9                                                                              { width:34rem; }
.grid_9_5                                                                            { width:36rem; }
.grid_10                                                                             { width:38rem; }
.grid_10_5                                                                           { width:40rem; }
.grid_11                                                                             { width:42rem; }
.grid_12                                                                             { width:46rem; }
.grid_12_5                                                                           { width:48rem; }
.grid_13                                                                             { width:50rem; }
.grid_14                                                                             { width:54rem; }
.grid_14_5                                                                           { width:56rem; }
.grid_15                                                                             { width:58rem; }
.grid_16                                                                             { width:62rem; }
.grid_17                                                                             { width:66rem; }
.grid_18                                                                             { width:70rem; }
.grid_19                                                                             { width:74rem; }
.grid_20                                                                             { width:78rem; }
.grid_20_5                                                                           { width:80rem; }
.grid_21                                                                             { width:82rem; }
.grid_22                                                                             { width:86rem; }
.grid_23                                                                             { width:90rem; }
.grid_24                                                                             { width:94rem; }
.grid_25                                                                             { width:98rem; }
.grid_26                                                                             { width:102rem; }
.grid_27                                                                             { width:106rem; }
.grid_28                                                                             { width:110rem; }
.grid_29                                                                             { width:114rem; }
.grid_30                                                                             { width:118rem; }
.grid_31                                                                             { width:122rem; }
.grid_32                                                                             { width:126rem; }
.grid_33                                                                             { width:130rem; }

.prefix_0_5                                                                          { margin-left:2rem;  }
.prefix_1                                                                            { margin-left:4rem;  }
.prefix_1_3                                                                          { margin-left:5rem;  }
.prefix_2                                                                            { margin-left:8rem;  }
.prefix_3                                                                            { margin-left:12rem; }
.prefix_3_3                                                                          { margin-left:13rem; }
.prefix_4                                                                            { margin-left:16rem; }
.prefix_5                                                                            { margin-left:20rem; }
.prefix_6                                                                            { margin-left:24rem; }
.prefix_7                                                                            { margin-left:28rem; }
.prefix_8                                                                            { margin-left:32rem; }
.prefix_9                                                                            { margin-left:36rem; }
.prefix_10                                                                           { margin-left:40rem; }
.prefix_11                                                                           { margin-left:44rem; }
.prefix_12                                                                           { margin-left:48rem; }
.prefix_13                                                                           { margin-left:52rem; }
.prefix_14                                                                           { margin-left:56rem; }
.prefix_15                                                                           { margin-left:60rem; }
.prefix_16                                                                           { margin-left:64rem; }
.prefix_17                                                                           { margin-left:68rem; }
.prefix_18                                                                           { margin-left:72rem; }
.prefix_19                                                                           { margin-left:76rem; }
.suffix_0_5                                                                          { margin-right:2rem;  }
.suffix_1                                                                            { margin-right:4rem;  }

.width_1, .width_1_25, .width_1_5, .width_2, .width_2_25, .width_2_5, .width_3, .width_3_5, .width_4, .width_4_5, .width_5, .width_5_5, .width_6, .width_7, .width_8,
.width_9, .width_10, .width_11, .width_12, .width_13, .width_14, .width_15, .width_16,
.width_17, .width_18, .width_19, .width_20
                                                                                     { position: relative; display:inline; float: left; }
.atable .width_1, .atable .width_1_25, .atable .width_1_5, .atable .width_2, .atable .width_2_25, .atable .width_2_5, .atable .width_3, .atable .width_3_5, .atable .width_4, .atable .width_5, .atable .width_5_5, .atable .width_6, .atable .width_7, .atable .width_8,
.atable .width_9, .atable .width_10, .atable .width_11, .atable .width_12, .atable .width_13, .atable .width_14, .atable .width_15, .atable .width_16,
.atable .width_17, .atable .width_18, .atable .width_19, .atable .width_20
                                                                                     { position: relative; display: table-row; float: left; }
.width_1                                                                             { width:2rem;  }
.width_1_25                                                                          { width:3rem;  }
.width_1_5                                                                           { width:4rem;  }
.width_2                                                                             { width:6rem;  }
.width_2_25                                                                          { width:7rem;  }
.width_2_5                                                                           { width:8rem;  }
.width_3                                                                             { width:10rem; }
.width_3_5                                                                           { width:12rem; }
.width_4                                                                             { width:14rem; }
.width_4_5                                                                           { width:16rem; }
.width_5                                                                             { width:18rem; }
.width_5_5                                                                           { width:20rem; }
.width_6                                                                             { width:22rem; }
.width_6_5                                                                           { width:24rem; }
.width_7                                                                             { width:26rem; }
.width_8                                                                             { width:30rem; }
.width_9                                                                             { width:34rem; }
.width_10                                                                            { width:38rem; }
.width_11                                                                            { width:42rem; }
.width_12                                                                            { width:46rem; }
.width_13                                                                            { width:50rem; }
.width_14                                                                            { width:54rem; }
.width_15                                                                            { width:58rem; }
.width_16                                                                            { width:62rem; }
.width_17                                                                            { width:66rem; }
.width_18                                                                            { width:70rem; }
.width_19                                                                            { width:74rem; }
.width_20                                                                            { width:78rem; }

.width_8_block                                                                       { width:30rem; } /* Utan display:inline som gör att margin:auto ej kan användas för att centrera div'en. */

.gridalpha                                                                           { margin-left: 0; } /* Används i första "barn"-grid */
.gridomega                                                                           { margin-right: 0; } /* Används i sista "barn"-grid */
.gridtopspace_5                                                                      { margin-top: 0.5rem; }
.gridtopspace1                                                                       { margin-top: 1rem; }
.gridtopspace1_5                                                                     { margin-top: 1.5rem; }
.gridtopspace2                                                                       { margin-top: 2rem; }
.gridtopspace3                                                                       { margin-top: 3rem; }
.gridtopspace4                                                                       { margin-top: 4rem; }
.gridtopspace5                                                                       { margin-top: 5rem; }
.gridtopspace6                                                                       { margin-top: 6rem; }
.gridtopspace7                                                                       { margin-top: 7rem; }
.gridtopspace8                                                                       { margin-top: 8rem; }
.gridtopspace9                                                                       { margin-top: 9rem; }
.gridtopspace10                                                                      { margin-top: 10rem; }
.gridbottomspace_5                                                                   { margin-bottom: 0.5rem; }
.gridbottomspace1                                                                    { margin-bottom: 1rem; }
.gridbottomspace1_5                                                                  { margin-bottom: 1.5rem; }
.gridbottomspace2                                                                    { margin-bottom: 2rem; }
.griddivider                                                                         { border-top: 0.2rem solid #555; padding: 0.5rem 0; }


/* CSS för form-element
   ---------------------------------------------------------------------------------  */
textarea                                                                             { background-color: #eee; border: 0.1rem solid #f90; border-radius: 0.2rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.3rem; } /* font-size: 1rem; */
input                                                                                { background-color: #eee; border: 0.1rem solid #f90; border-radius: 0.2rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.3rem; } /* font-size: 1rem; */

.fi, .fia                                                                            { }
.fiw, .fiwdisabled, .fiwdisabledr
                                                                                     { background-color: #000; color: #fff; }
.fi_missing                                                                          { background-color: #F00; }
.fifile                                                                              { background-color: #ea0; font-weight: bold; color: #000; border: 0.1rem solid #555; cursor: pointer; }
.fiwr,  .fiawr                                                                       { background-color: #000; color: #fff; text-align: right; }

/* .fiedit, .fiaedit, .fieditr, .fiaeditr, .fieditlocked, .fiaeditlocked, .fieditlockedr, .fiaeditlockedr */
.fieditlocked, .fiaeditlocked, .fieditlockedr, .fiaeditlockedr
                                                                                     { background-color: #ccc; font-weight: bold; cursor: pointer; border: 0.1rem solid #ccc; border-bottom: 0.1rem dashed #666; }

.fidisabled, .fidisabledr, .filinkdisabled, .fiamultidisabled, .fiamultidisabledr
                                                                                     { background-color: #ccc!important; background: #ccc!important; cursor: default; font-weight: bold; border: 0.1rem solid #ccc; resize: none; }


.filocked, .filockedr, .fialocked, .fialockedr, .fiamultidisabled, .fiamultidisabledr
                                                                                     { cursor: pointer; }
.fiwdisabled, .fiwdisabledr                                                          { font-weight: bold; border: 0; }
.fiadisabledr, .fiadisabled                                                          { background-color: #ccc; }
.filinkdisabled                                                                      { text-decoration: underline; cursor: pointer; border: none; background: #ccc; }
.fir, .fiar, .fieditr, .fiaeditr, .fieditlockedr, .fiaeditlockedr, .filockedr, .fialockedr, .fidisabledr, .fiadisabledr, .fiwdisabledr, .fiawdisabledr, .fiamultidisabledr
                                                                                     { text-align: right; }

.fbutton                                                                             { color: #333; height: 2rem; font-weight: bold; text-transform: capitalize; background-color: #f90; border-left: #ccc 0.2rem solid; border-top: #ccc 0.2rem solid; border-bottom: #860 0.2rem solid; border-right: #860 0.2rem solid; }
.fbutton:active                                                                      { border-left: #a80 0.2rem solid; border-top: #a80 0.2rem solid; border-bottom: #f90 0.2rem solid; border-right: #f90 0.2rem solid; }

label span                                                                           { padding: 0; }

div.button                                                                           { position: relative; text-align: center; background: #FF9900; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFBB00), to(#FF9900)); background: -moz-linear-gradient(#FFBB00, #FF9900); height: 1.6rem; padding: 4px 6px; float: left; border: 1px solid black; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 1px #606060; -moz-box-shadow: 1px 1px 1px #606060; box-shadow: 1px 1px 1px #606060; }
div.button_normal                                                                    { min-width: 8rem; }
div.button_larger                                                                    { min-width: 12rem; }
div.button_largest                                                                   { min-width: 20rem; }
div.button_tiny                                                                      { min-width: 2rem; }
div.button:hover                                                                     { -webkit-box-shadow: 1px 1px 4px #f90; -moz-box-shadow: 1px 1px 4px #f90; box-shadow: 1px 1px 4px #f90; cursor: pointer; background: #FFAA00; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFCC00), to(#FFAA00)); background: -moz-linear-gradient(#FFCC00, #FFAA00);}
div.button:active                                                                    { -webkit-box-shadow: 2px 2px 4px #fc8; -moz-box-shadow: 2px 2px 4px #fc8; box-shadow: 2px 2px 4px #fc8; background: #FFBB44; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFDD44), to(#FFBB44)); background: -moz-linear-gradient(#FFDD44, #FFBB44);}
div.button span.buttontext                                                           { font-weight: bold; font-size: 1.1rem; cursor: pointer; white-space: nowrap; }

/* Button notice */
.button_notice                                                                       { -webkit-border-radius: 0 3px; -moz-border-radius: 0 3px; border-radius: 0 3px; border-right: 1px solid black; border-top: 1px solid black; height: 10px; -webkit-box-shadow: 0 8px 0 0 #ffb800 inset; -moz-box-shadow: 0 8px 0 0 #ffb800 inset; box-shadow: 0 8px 0 0 #ffb800 inset; color: black; font-size: 0.7rem; font-weight: normal; padding: 0 6px 0 3px; position: absolute; right: -1px; top: -6px; width: auto; }
.button_notice::after, .button_notice::before                                        { border: medium solid transparent; content: " "; height: 0; position: absolute; right: 100%; top: 50%; width: 0; }
.button_notice::after                                                                { border-color: transparent #ffb800 #ffb800 transparent; border-width: .5rem; margin-top: -.5rem; }
.button_notice::before                                                               { border-color: transparent black black transparent; border-width: .3rem; margin-right: 0; margin-top: -.6rem; }
div.button:hover .button_notice                                                      { -webkit-box-shadow: 0 8px 0 0 #ffc600 inset; -moz-box-shadow: 0 8px 0 0 #ffc600 inset; box-shadow: 0 8px 0 0 #ffc600 inset; }
div.button:hover .button_notice::after                                               { border-color: transparent #ffc600 #ffc600 transparent; }
div.button:active .button_notice                                                     { -webkit-box-shadow: 0 8px 0 0 #ffda44 inset; -moz-box-shadow: 0 8px 0 0 #ffda44 inset; box-shadow: 0 8px 0 0 #ffda44 inset; }
div.button:active .button_notice::after                                              { border-color: transparent #ffda44 #ffda44 transparent; }

/*div.button_future span.buttontext, div.button_done span.buttontext                 { color: #eee; }*/

/* green */
div.button_done                                                                      { background: #22AA22; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#22DD22), to(#22AA22)); background: -moz-linear-gradient(#22DD22, #22AA22); }
div.button_done:hover                                                                { -webkit-box-shadow: 1px 1px 4px #22aa22; -moz-box-shadow: 1px 1px 4px #22aa22; box-shadow: 1px 1px 4px #22aa22; cursor: pointer; background: #22BB22; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#22EE22), to(#22BB22)); background: -moz-linear-gradient(#22EE22, #22BB22);}
div.button_done:active                                                               { -webkit-box-shadow: 2px 2px 4px #88ee88; -moz-box-shadow: 2px 2px 4px #88ee88; box-shadow: 2px 2px 4px #88ee88; background: #44CC44; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#44FF44), to(#44CC44)); background: -moz-linear-gradient(#44FF44, #44CC44);}
/* orange */
div.button_current                                                                   { background: #FF9900; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFBB00), to(#FF9900)); background: -moz-linear-gradient(#FFBB00, #FF9900); }
div.button_current:hover                                                             { -webkit-box-shadow: 1px 1px 4px #f90; -moz-box-shadow: 1px 1px 4px #f90; box-shadow: 1px 1px 4px #f90; cursor: pointer; background: #FFAA00; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFCC00), to(#FFAA00)); background: -moz-linear-gradient(#FFCC00, #FFAA00);}
div.button_current:active                                                            { -webkit-box-shadow: 2px 2px 4px #fc8; -moz-box-shadow: 2px 2px 4px #fc8; box-shadow: 2px 2px 4px #fc8; background: #FFBB44; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FFDD44), to(#FFBB44)); background: -moz-linear-gradient(#FFDD44, #FFBB44);}
/* red */
div.button_future                                                                    { background: #AA2222; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#DD2222), to(#AA2222)); background: -moz-linear-gradient(#DD2222, #AA2222); }
div.button_future:hover                                                              { -webkit-box-shadow: 1px 1px 4px #aa2222; -moz-box-shadow: 1px 1px 4px #aa2222; box-shadow: 1px 1px 4px #aa2222; cursor: pointer; background: #BB2222; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#EE2222), to(#BB2222)); background: -moz-linear-gradient(#EE2222, #BB2222);}
div.button_future:active                                                             { -webkit-box-shadow: 2px 2px 4px #ee8888; -moz-box-shadow: 2px 2px 4px #ee8888; box-shadow: 2px 2px 4px #ee8888; background: #CC4444; background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FF4444), to(#CC4444)); background: -moz-linear-gradient(#FF4444, #CC4444);}

/* grey */
div.button_disabled,
.disabled                                                                            { cursor: not-allowed; border: 1px solid rgba(0,0,0,.1); color: #333; background-color: #dcdcdc!important; background: #dcdcdc!important; -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0)!important; -moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,0)!important; box-shadow: inset 0 0 0 1px rgba(0,0,0,0)!important; }

/* Button disabled */
.button_disabled:hover,
.button_disabled:active,
.button_disabled p,
.button_disabled span,
.button_disabled img,
.button_disabled button,
.button_disabled input,
.disabled:hover,
.disabled:active,
.disabled p,
.disabled span,
.disabled img,
.disabled button,
.disabled input,
.disabled div,
.button_disabled div                                                                 { cursor: not-allowed!important; }

/* o3prov - css för expand_box - expandable boxes.
   ---------------------------------------------------------------------------------  */
div.expand_box                                                                       { position: relative; overflow: hidden; float: left; margin-left: .2rem; border-left: 0; z-index: 5; }
img.expand_box_img                                                                   { position: absolute; right: 0; bottom: 0; cursor: pointer; }

/* o3prov - css för divar
   ---------------------------------------------------------------------------------  */
div.provdata                                                                         { min-height: 45.2rem; }

/* o3main
   ---------------------------------------------------------------------------------  */
div.listobjdiv                                                                       { background-color: #eee; color: #000; opacity: 0.9; overflow: auto; border: 0.1rem solid #555; z-index: 150; }
div.listobjdiv > span                                                                { background-color: #eee; font-weight: normal; font-size: 1rem; cursor: pointer; display: block; z-index: 150; height: 1.3rem!important; white-space: nowrap; }
div.listobjdiv > span:hover, div.listobjdiv span.hover
                                                                                     { background-color: #000; color: #f90; z-index: 150;}
div.listobjdiv_disabled span                                                         { background-color: #333; color: #ccc; font-size: 1rem; cursor: pointer; display: block; white-space: nowrap; }
div.listobjdiv_disabled span:hover                                                   { background-color: #999; color: #f90; }
div.listobjdiv_disabled span.hover                                                   { background-color: #999; color: #f90; }
div#o3sys_tools                                                                      { position: absolute; right: 0; height: 3.6rem; margin-top: -3.6rem; border-left: 0rem solid #555; border-top: 0rem solid #555; -moz-border-radius-topleft: 0.2rem; -webkit-border-top-left-radius: 0.2rem; border-top-left-radius: .2rem; }
.o3sys-tools                                                                         { background: #ccc; }
div#o3sys_tools_images                                                               { margin: 0.2rem 0 0 0.2rem; }
div#o3sys_tools_images img                                                           { padding: 0.5rem; }

div.needPassword                                                                     { margin-top: 0.5rem; }
div.needPassword img                                                                 { position: relative; width: 2.8rem; height: 2.8rem; }
div.needPassword span                                                                { position: relative; display: block; width: 10rem; height: 3.5rem; }

.progressBorder                                                                      { width: 30rem; height: 2rem; background-color: black; border: 0.2rem solid black;  }
.progressBar                                                                         { position: absolute; left: 0; top: 0; height: 100%; background-color: white; }

.maintool                                                                            { position: relative; float: left; width: 1.6rem; height: 1.6rem; margin: 0; padding: 0.9rem; }
/* CSS för div'ar
   ---------------------------------------------------------------------------------  */
div.alertbox                                                                         { position: absolute; left: 0; top: 0; background-color: #fff; width: 90rem; height: 50rem; opacity: 0.5; z-index: 98; }
div.alertmsg                                                                         { position: absolute; left: 20rem; top: 10rem; width: 30rem; height: 20rem; z-index: 99; border: .3rem double black; }
div.o3session                                                                        { position: absolute; width: .2rem; height: .2rem; left: .2rem; top: .2rem; z-index: 1; }
div.o3logintint                                                                      { background-color: #222; opacity: 1; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; } /*background-image: url('/bilder/background.jpg'); background-position: 30% 20%; background-repeat: no-repeat; */
div.o3login                                                                          { position: relative; margin: 5rem; z-index: 101; }
div#o3trustlogo                                                                      { position: absolute; left: 0; top: 1rem; z-index: 102; }
div#proc                                                                             { position: absolute; top: 0; left: 0; z-index: 10000; width: 0; height: 0; }
div#login_wrap                                                                       { position: relative; float: left; width: 47.2rem; text-align: center; border: 0.5rem solid black; padding-bottom: 17px; }
div#login_wrap label                                                                 { display: block; }
div#login_wrap div.button                                                            { margin-top: 1rem; margin-left: 19rem; }
div#login_demowrap                                                                   { position: relative; float: left; width: 47.2rem; height: 55rem; margin-left: 2rem; border: 0.5rem solid black; overflow: visible; }
div#login_demowrap span.fhbig                                                        { padding-left: 2rem; }
div#login_demowrap div                                                               { padding: 0 2rem; }
div#login_demowrap p.normal                                                          { padding-bottom: 1rem; }
div#login_demowrap p.nopadd                                                          { padding-bottom: 0; }
.o3login_user_must_change_password                                                   { padding: 18px 140px; text-align: left; }
.o3login_user_must_change_password .button                                           { float: none; text-align: center; margin-left: 0!important; }
div.o3wrap                                                                           { position: absolute; left: 0; top: 0; z-index: 1; width: 128rem; } /* height: 70rem;  */
div.filterwrap                                                                       { position: relative; }
div.filterprocdiv                                                                    { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.filterdiv                                                                        { position: absolute; top: 4rem; right: 2rem; border: 0.2rem solid #aaa; padding-bottom: 1rem; background-color: #eee; z-index: 51; }
div.filterbutton                                                                     { position: absolute; right: 1rem; top: 0.5rem; z-index: 51; }
div.filterbutton_right                                                               { position: relative; float: right; top: 0; z-index: 51; width: 10rem; }
div.filterbutton_right input#filterbutton                                            { position: relative; float: left; margin-left: 0.2rem; margin-top: 1rem; }
div.filterbutton_right label.fh                                                      { position: relative; height: 2rem; float: left; margin-top: 1rem; }
div.filterbutton_right input#filterdelbutton                                         { position: relative; float: left; margin-left: 0.2rem; margin-top: 5rem; }
div#filterstatus                                                                     { position: absolute; top: 0.7rem; }
div.filterstatus12                                                                   { left: 12rem; }
div.filterstatus17                                                                   { left: 17rem; }
div.filterstatus20                                                                   { left: 20rem; }
div.filterstatus34                                                                   { left: 34rem; }
div.filterstatus54                                                                   { left: 54rem; }
div.filterstatus70                                                                   { left: 70rem; }
div#filterstatus span                                                                { border: 0.1rem solid #c22; }
div.filterwrap input,
div.filterwrap textarea                                                              { margin-top: 0.4rem; }
div.filterwrap textarea.MF                                                           { float: left; }
div.filterwrap span.MFsuffix                                                         { float: left; position: relative; }
div#filterdiv_save_list_wrap                                                         { height: 100%; min-height: 30rem; padding-right: 0; float: right; }
div#filterdiv_save_list_filters                                                      { overflow: auto; overflow-x: hidden; }
div.labelchoose                                                                      { position: absolute !important; z-index: 50; }
div.labelchoose fieldset                                                             { border: 0.3rem solid #666; height: 5rem; width: 21.7rem; margin-left: 0.4rem; }
div#filter_include                                                                   { overflow: auto; overflow-x: hidden; margin-left: 0.3rem; float: left; border: 0.1rem solid #555; }
div#filter_exclude                                                                   { overflow: auto; overflow-x: hidden; float: left; border: 0.1rem solid #555; }
div#filter_incexctool                                                                { float: left; margin: 0 .5rem; }
div#filter_incexctool input.fbutton                                                  { display: block; margin-top: 1rem; }
div#topdiv                                                                           { width: 100%; height: 100%; }
div#topdocs                                                                          { position: absolute; top: 0.5rem; left: 30rem; border: 0 solid white; width: 15rem; height: 4.5rem; }
div#topdocs table                                                                    { border: 0 solid white; padding: 0 1rem; }
div#topdocs table td                                                                 { text-align: center; }
div#topdocs table td span                                                            { padding: 0 1rem; }
div#topdocs img                                                                      { position: relative; float: left; width: 2.2rem; height: 2.2rem; padding-left: 1.8rem; }
.o3progresstint                                                                      { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ccc; opacity: 0.7; z-index: 10000; }
.o3Progress                                                                          { position: absolute; width: 31rem; height: 2.5rem; z-index: 10001; }
/* På sikt ska div#o3logHistoryDiv ersättas med att sätta class istället, eftersom vi behöver unika div-namn. Annars finns risk för 'krock' */
div#o3logHistoryDiv                                                                  { position: absolute !important; top: 13rem; z-index: 52; } /* Ändrade z-index från 49 > 52 för den gömdes av #projViewMakuFill */
div.o3logHistoryDiv                                                                  { position: absolute !important; top: 13rem; z-index: 52; } /* Ändrade z-index från 49 > 52 för den gömdes av #projViewMakuFill */

/* 2013-12-05: Möjlighet att ha egna progress-divar på en sida (en per infogad trendgraf-bild). De får klass motsvarande ovanstående id men placeras fritt.
 TODO: o3Progress bör egentligen centreras inuti o3Progresstint istället för att placeras med left, top. */
div.o3Progresstint                                                                   { position: absolute; left: 0; top: 0; background-color: #ccc; opacity: 0.7; z-index: 499; }
div.o3Progress                                                                       { position: absolute; left: 25rem; top: 15rem; width: 31rem; height: 2.5rem; z-index: 500; }

div.viewheader                                                                       { height: 3rem; }
div.viewrightheader                                                                  { height: 3rem; }
/*div.viewfooter                                                                     { position: absolute; bottom: 0rem; }*/ /* Bortkommenterat då den överlappade rutan vid sysLabelView */
div.buttonrow input.fbutton                                                          { width: 9rem; }
div.popuphead                                                                        { width: auto; *min-width: 100%; height: 2rem; background-color: #000; text-align: center; border-bottom: 0.1rem solid #f90; padding: 0.5rem 0; }
.PSAlterDiv                                                                          { width: 40rem; min-width: 40rem; max-width: 40rem; }
/* o3smp.tmpl
   ---------------------------------------------------------------------------------  */
div#smpAnaChooseDiv                                                                  { position: absolute; left: 12rem;  top: 17rem; z-index: 50; }
div#smpProjChooseDiv                                                                 { position: absolute; left: 10rem;  top: 47rem; height: 10rem; z-index: 50; }
div#smpLabelChoose                                                                   { left: 12rem; top: 50rem; }
div#smpLabelChoose fieldset img                                                      { position: absolute; left: 20rem; top: 1.5rem; z-index: 60; }
table#smpStatusAnaExpand                                                             { position: absolute; color: #fff; top: 0.1rem; right: 7rem; }
table#smpStatusAnaExpand th                                                          { width: 5rem; text-align: left; border-bottom: 0.1rem solid black; }
table#smpStatusAnaExpand td                                                          { width: 5rem; }
table#smpStatusAnaExpand .ben                                                        { width: 20rem; }
div.sendchoose                                                                       { position: absolute; top: 15rem; left: 20rem; height: 57rem; overflow: auto; overflow-x: hidden; z-index: 51; }
div.smpStatusExpand                                                                  { position: relative; top: 0.4rem; width: 22rem; float: left; margin-right: 1rem; }
div.smpStatusExpand span#rubrik                                                      { display: block; width: 11rem; float: left; }
div#smpStatusFilterDiv                                                               { right: 0.5rem; } /* top: 5rem; width: 78rem; height: 50rem;  */
div#smpStatusFilterDiv.smpViewExtra
                                                                                     { right: -47rem; } /* När filterfönstret öppnas i smpViewExtra. T.ex. vid val av prov för smpViewConnectionAdd */
div#smpExcelExport                                                                   { position: absolute; top: 10rem; z-index: 50; }
div#sysInstExport                                                                    { position: absolute; top: 10rem; z-index: 50; }

div#div_smpStatusObjChooseWrap                                                       { overflow: hidden; width: 50rem; height: 40rem; left: 1rem; top: 10rem; }
div#div_smpCusChooseWrap                                                             { position: absolute; overflow: hidden; width: 50rem; height: 40rem; left: 10rem; top: 2rem; }
div#div_smpObjChooseWrap                                                             { position: absolute; overflow: hidden; width: 50rem; height: 40rem; left: 5rem; top: 2rem; }
div.smpStatusFilterDivSTATUS                                                         { position: relative; float: right; clear: right; margin-top: 1rem; margin-right: 1rem; width: 32.5rem; height: 17rem; }
div.smpStatusFilterDivSTATUS span.inkl                                               { margin-left: 3.5rem; }
div.smpStatusFilterDivSTATUS span.exkl                                               { margin-left: 11rem; }
div.smpStatusFilterDivSTATUS div#filter_include,
div.smpStatusFilterDivSTATUS div#filter_exclude                                      { width: 13rem; height: 13.7rem; }
div.smpStatusFilterDivSTATUS div#filter_incexctool                                   { height: 6rem; }
div.smpStatusFilterDivSTATUS div#filter_incexctool  input.fbutton                    { display: block; margin-top: 1rem; }
div.smpStatusFilterDivSTATUS span.filterstatus                                       { height: 1.5rem;  cursor: pointer; }
div.centerposition                                                                   { margin-left: auto; margin-right: auto; }
img.smpbullet                                                                        { padding-top: 0.2rem; }
img.smpstate                                                                         { padding-top: 0.1rem; }
img.smpblank                                                                         { width: 0.8rem; }
span.__dotstatus                                                                     { display: block; width: 5rem; height: 0.6rem; margin: 4px 0px; }
span.__isAnalysed                                                                    { background: url(/bilder/dotstatus.png) no-repeat 0px -28px; }
span.__isVerified                                                                    { background: url(/bilder/dotstatus.png) no-repeat 0px -21px; }
span.__isEvaluated                                                                   { background: url(/bilder/dotstatus.png) no-repeat 0px -14px; }
span.__isApproved                                                                    { background: url(/bilder/dotstatus.png) no-repeat 0px -7px; }
span.__isReported                                                                    { background: url(/bilder/dotstatus.png) no-repeat 0px 0px; }
span.__analysisstatus                                                                { display: block; background-color: white; border: solid black 1px; height: 0.6rem; width: 5rem; margin: 4px 0px; }
span.__analysisstatus > span                                                         { display: block; background-color: lightgreen; height: 0.6rem; border-right: 1px solid black; }
span.__analysis0 > span                                                              { width: 0px; border: 0px solid black; }
span.__analysis03 > span                                                             { width: 3%; }
span.__analysis1 > span                                                              { width: 10%; }
span.__analysis2 > span                                                              { width: 20%; }
span.__analysis3 > span                                                              { width: 30%; }
span.__analysis4 > span                                                              { width: 40%; }
span.__analysis5 > span                                                              { width: 50%; }
span.__analysis6 > span                                                              { width: 60%; }
span.__analysis7 > span                                                              { width: 70%; }
span.__analysis8 > span                                                              { width: 80%; }
span.__analysis9 > span                                                              { width: 90%; }
span.__analysis10 > span                                                             { width: 100%; border: 0px solid black; }
span.__proj_dotstatus                                                                { display: block; width: 5rem; height: 0.6rem; margin: 4px 0px; }
span.__proj_isAnalysed, span.__proj_isVerified
                                                                                     { background: url(/bilder/projdotstatus.png) no-repeat 0px -28px; }
span.__proj_isSmpDone                                                                { background: url(/bilder/projdotstatus.png) no-repeat 0px -21px; }
span.__proj_isEvaluated                                                              { background: url(/bilder/projdotstatus.png) no-repeat 0px -14px; }
span.__proj_isApproved                                                               { background: url(/bilder/projdotstatus.png) no-repeat 0px -7px; }
span.__proj_isReported                                                               { background: url(/bilder/projdotstatus.png) no-repeat 0px 0px; }
.smpstatus_expired{
	background: linear-gradient(90deg, rgba(255, 74, 74, 0.15) 0%, rgba(255, 74, 74, 0.15) 100%);
}
.smpstatus_nonstd{
	background: linear-gradient(90deg, rgba(187, 187, 0, 0.50) 0%, rgba(187, 187, 0, 0.50) 100%);
}
.smpstatus_expired_nonstd{
	background: rgba(255, 74, 74, 0.15);
	background: linear-gradient(90deg, rgba(187, 187, 0, 0.50) 25%, rgba(255, 74, 74, 0.15) 75%);
}


/* o3smpNew.tmpl
   ---------------------------------------------------------------------------------  */
div#p_report_cc span.MFsuffix,
div#p_obj_report_cc span.MFsuffix,
div#p_cus_report_cc span.MFsuffix                                                    { width: 1.4rem; right: -1.7rem; }
div#p_report_cc span.MFsuffix img,
div#p_obj_report_cc span.MFsuffix img,
div#p_cus_report_cc span.MFsuffix img                                                { margin-bottom: 0.4rem; margin-left: 0.3rem; }
div#p_report_cc.MFfullwidth span.MFsuffix,
div#p_obj_report_cc.MFfullwidth span.MFsuffix,
div#p_cus_report_cc.MFfullwidth span.MFsuffix                                        { margin-top: 1.4rem; }
div#div_smpNewCusObj img#imgcusobjconnect                                            { margin: 1.2rem 0; width: 1.6rem; height: 1.6rem; }
div#div_smpNewCusObj img.collapsed                                                   { background: url(/bilder/link.png) no-repeat; }
div#div_smpNewCusObj img.expanded                                                    { background: url(/bilder/link_break.png) no-repeat; }
div#div_smpNew_coverhide                                                             { position: absolute; left: 28rem; top: 3rem; width: 24rem; height: 15rem; z-index: 49; opacity: 0.50; filter:alpha(opacity=50); }

div#smpNewLoadHistoryAna,
div#projSmpNewLoadHistoryAna                                                         { position: absolute; right: 1rem;   top: 10rem; height: 38rem; width: 34rem; z-index: 100; }
div#smpViewLoadHistoryAna                                                            { position: absolute; right: 1rem; top: 4rem; width: 34rem; z-index: 100; }
div#smpViewLoadHistoryAna                                                            { right: -26rem; }
div#O3ML_dd_smpNewAna div.MLexp li.disabled, div#O3ML_dd_smpNewAna div.MLexp li.disabled ul.mlhorz li
                                                                                     { background-color: #000 !important; } /* För att släcka ut 'hover'-effekten på analyser som ej ska med på provet */
div#smpNewCusNew_div                                                                 { position: absolute; left: 16rem; top: 20rem; }
div#div_cover_button                                                                 { position: absolute; left: 76.9rem; top: -2.9rem; width: 2.9rem; height: 2.9rem; z-index: 50; background-color: red; }

/* o3smpView.tmpl
   ---------------------------------------------------------------------------------  */
div#smpViewMakulerat                                                                 { position: relative; right: 0; z-index: 20; }
div#p_objektid span.MFsuffix                                                         { width: 4rem; right: -4rem; }
div#smpPrintDiv                                                                      { position: absolute !important; z-index: 50; }
div#smpPrintChooseWrap fieldset                                                      { border-top: 0.2rem solid #666; }
div#smpPrintChooseWrap input.MF                                                      { float: left; }
div#smpPrintResult                                                                   { height: 7.4rem; }
div#smpPrintResult a img                                                             { padding: 2rem; }
div#smpViewTop                                                                       { height: 17rem; }
div#smpViewTop img.cusicon, div#smpViewTop img.objinfo_link
                                                                                     { position: absolute; top: 0; margin-left: -1.6rem;}
div#smpViewTop span.smphasfiles                                                      { position: relative; top: 0; left: 4.6rem;} /* Ska på smpViewAna o3smpView.tmpl positionera utropstecken rakt under Fil-ikonen i MainTool i övre högra hörnet */
div#smpViewTop div#p_beraknad_klar span.MFsuffix div.o3text_alert                    { padding: 0 0.4rem; } /* Lite extra padding på utropstecknet så att det blir lättare att klicka på */
div.button img#anastate                                                              { padding-left: 0.7rem; }
div#smpViewControl ul                                                                { float: left; } /* Varför hade vi en border här? border: 0.2rem solid #ccc;  */
div#smpViewControl ul.projBound                                                      { margin-top: -0.3rem; border: 0.2rem dashed #C22; padding: 0.4rem; border-radius: 0.3rem; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; }
div#smpViewControl input                                                             { width: 10rem; }
div#smpViewControl input.ana                                                         { width: 6.5rem; }
div#smpViewExtra                                                                     { position: absolute; left: 3rem; top: 15rem; z-index: 51; } /* width: 70rem; height: 23rem;  */
div#smpView_small_div                                                                { position: absolute; z-index: 50; }
div#smpViewFileUpload                                                                { position: absolute; top: 5rem; left: 10rem; z-index: 10; }
div#smpViewMakuFill                                                                  { position: absolute; left: 0; top: 0; z-index: 51; height: 100%; opacity: 0.25; filter:alpha(opacity=25); } /* Nu fyller denna div alla fält så vi inte kan skriva in något */
div#smpViewSixthWrap                                                                 { position: absolute; top: 4rem; left: 2rem; width: 50rem; height: 10rem; }
/* o3smpViewAna.tmpl
   ---------------------------------------------------------------------------------  */
div#smpViewAnaResult                                                                 { position: relative; height: 1.6rem; width: 21.5rem; }
span.anaRepColor                                                                     { display: block; cursor: pointer; width: 1rem; height: 1rem; z-index: 50; }
/* span.anaRepColor img                                                              { width: 1rem; height: 1rem; } */
input#smpViewAna_visibility                                                          { margin-top: .3rem; }
input.anaResColor                                                                    { width: 5rem; height: 1.4rem; border: 0.1rem solid black; }
table#smpViewAnaHistory                                                              { position: relative; float: left; }
table#smpViewAnaHistory th                                                           { width: 10rem; border-bottom: 0.1rem solid black; }
table#smpViewAnaHistory th.smp                                                       { width: 7rem;}
table#smpViewAnaHistory th.pt                                                        { width: 10rem;}
table#smpViewAnaHistory th.res                                                       { width: 6rem; }
table#smpViewAnaHistory th.pd                                                        { width: 8rem;}
table#smpViewAnaHistory th.ank                                                       { width: 8rem;}
table#smpViewAnaHistory th.wshank                                                    { width: 25rem;}
table#smpViewAnaHistory th.comment                                                   { width: 20rem;}
table#smpViewAnaHistory td                                                           { text-align: left; }
table#smpViewAnaHistory td.res                                                       { text-align: right; }
div#smpViewAnaToolDiv,
#smpViewPricelistDiv,
#projViewPricelistDiv                                                                { position: absolute; left: 17rem; top: 24.2rem; z-index: 50; }
#smpViewPricelistDiv                                                                 { z-index: 53; left: 66rem; top: 35.7rem; }
#projViewPricelistDiv                                                                { z-index: 52; left: 66rem; top: 5rem; }
div#smpViewAnaVisibility span.vis                                                    { position: relative; top: -0.3rem; margin: 0 0.5rem 0 0.3rem; }
div#smpViewAnaSampling div#sampleing_wrap                                            { clear: left; }
div#smpViewAnaSampling div#sampleing_wrap div                                        { float: left; width: 3rem; }
div#smpViewAnaSampling div#sampleing_wrap div span.fh                                { position: relative; top: -0.3rem; }
div#smpViewAnaSampling div#sampleing_wrap div input.fi                               { margin-top: .3rem; }
div#smpViewAnaExtraDiv                                                               { position: absolute; width: 25rem; height: 26rem; z-index: 51; }
li.hdcs_VAres div.smpViewAnaUppslag                                                  { position: relative; left: 0.1rem; top: 0.3rem; width: 24rem; height: 10rem; z-index: 50; }
li.hdcs_VAres img.smpViewAnaUppslag                                                  { float: left; position: relative; width: 1.4rem; height: 1.4rem; margin-left: 0.1rem; }
input.V_resUpp                                                                       { width: 16rem; float: left; margin: 0; padding: 0; border: 0.1rem solid black; } /* margin-left: 0.2rem;*/
input.V_resV                                                                         { width: 5.3rem; float: left; }
input.V_resTNL                                                                       { width: 17rem; float: left; }
input.V_resH                                                                       	 { width: 10rem; float: left; } /* 11.4rem är exakt YYYY-MM-DD HH:MM:SS */
input.V_resPris                                                                      { width: 6.3rem; float: left; background-color: gold; }
input.V_resC                                                                         { width: 8.4rem; float: left; }
input.K_res                                                                          { width: 5.3rem; margin-left: 0.35rem; float: left; }
span.V_enhet                                                                         { width: 5rem; display: block; float: left; margin: 0; overflow: hidden; padding-left: 0.1rem; }
div.o3meanvalue span.meanwrap                                                        { display: block; margin-left: 3rem; }
div.o3meanvalue span.meanwrap p input[type=text]                                     { text-align: right; width: 6rem; }
div.o3meanvalue p.meannmbrofm                                                        { position: absolute; top: 0.5rem; right: 2.5rem; }
div.o3meanvalue p.meannmbrofm input                                                  { width: 2rem; }
div.o3meanvalue img.meansave                                                         { position: absolute; top: 0; left: 0.5rem; }
textarea.smpViewAnaTextarea                                                          { width: 17.7rem; height: 4.8rem; }
div#smpViewAnaChangeFieldDiv                                                         { position: absolute; z-index: 1; }
div#smpViewAnaResultAlter                                                            { position: relative; left: 11.3rem; top: 2rem; width: 25rem; }
div.VAalter img.altersave,
div.PVAalter img.altersave                                                           { position: absolute; left: 27rem; top: 9.7rem; }
div.VAalter span.smpViewAnaHistory_title,
div.PVAalter span.smpViewAnaHistory_title                                            { position: relative !important; width: 5rem !important; float: left; }
div#smpViewAnaResultAlter_meanvalue                                                  { position: relative; left: 32rem; top: 1rem; width: 15rem; height: 4rem; }
/*div#smpViewAnaChangeFieldDiv img                                                   { position: absolute; top: 0.5rem; left: 20rem; }
div#smpViewAnaChangeFieldDiv img.unitdefault                                         { position: absolute; top: 0.6rem; left: 22.4rem;}*/
div#smpViewAnaExtraDiv div#smpViewAnaComment_save                                    { position: absolute; top: 14.5rem; right: 1.6rem; }
div#smpViewAnaExtraDiv img.addanacomment                                             { position: absolute; left: 22.3rem; top: 0.2rem; }
/* o3smpViewVer.tmpl
   ---------------------------------------------------------------------------------  */
input.smpViewVerPrefix                                                               { margin: 0; margin-right: 0.4rem; padding: 0; width: 1rem; }
input.smpViewVerFile                                                                 { width: 13rem; }
input.smpViewVerUppslag                                                              { width: 13.5rem; }
div.smpViewVerUppslagDiv                                                             { position: relative; left: 0.1rem; top: 0.3rem; width: 24rem; height: 10rem; z-index: 50; }
textarea.smpViewVerTextarea                                                          { width: 14.8rem; height: 4.8rem; }

/* o3smpViewEval.tmpl
   ---------------------------------------------------------------------------------  */
div#smpViewEvalPageWrap                                                              { overflow-x: visible; }
div.MLexplgrey div#smpViewEvalPageWrap                                               { height: 28rem; overflow: auto; overflow-x: hidden; }
div#smpViewEvalTool                                                                  { position: absolute !important; height: 28rem; left: 0; top: 0; z-index: 51; }
div#smpViewEvalRevert_div                                                            { position: absolute !important; z-index: 52; }
div.smpViewEvalBlockStatusChoose                                                     { position: absolute; background-color: #fff; height: 3.5rem; border: 0.1rem dotted black; z-index: 20; }
div.smpViewEvalBlockStatusChoose img                                                 { width: 1.1rem; height: 3.2rem; float: left; margin: 0 .1rem 0 .1rem; border: 0.1rem solid white; }
div.smpViewEvalBlockStatusChoose img:hover                                           { border: 0.1rem dotted grey; }
/*div#AppraisalChooseWrap                                                            { position: absolute; left: 0; height: 39rem; }*/
div#AppraisalChooseWrap ul                                                           { list-style-type: none; padding-left: .5rem; margin: 0; width: 100%; height: 2rem; }
div#AppraisalChooseWrap ul li                                                        { display: block; float: left; width: 2rem; }
div#AppraisalChooseWrap ul li.nam                                                    { width: 12rem; }
div#AppraisalChooseWrap ul li.utf                                                    { width: 10rem; }
div#AppraisalChooseWrap ul li.sym                                                    { width: 5rem; }
div#AppraisalChooseWrap ul li.kom                                                    { width: 40rem; }
div#AppraisalChooseWrap ul li.mal                                                    { width: 2rem; }
/*div#AppraisalChooseInnerWrap                                                       { position: relative; width: 97%; height: 95%; }*/
div#AppraisalChooseInnerWrap ul                                                      { list-style-type: none; padding: 0.3rem; margin-top: 0.3rem; width: 97%; height: 6rem; border-bottom: 0.1rem dotted #555;}
div#smpViewEvalOuterWrap                                                             { overflow: scroll; left: 0; top: 0; height: 20.8rem; }
/* div.smpViewEvalBlockWrap                                                             { overflow: auto; } */
/* div#smpViewEvalBlockWrap ul                                                          { list-style-type: none; padding-left: .5rem; margin: 0; width: 100%; height: 2rem; } */
/* div#smpViewEvalBlockWrap ul li                                                       { display: block; float: left; width: 2rem; } */
/* div#smpViewEvalBlockWrap ul li.header_txt                                            { width: 10rem; }
div#smpViewEvalBlockWrap ul li.header_checkbox                                       { width: 30rem; } */

/* div#smpViewEvalBlockWrap ul li.bck                                                   { width: 20rem; }
div#smpViewEvalBlockWrap ul li.sta                                                   { width: 4rem; }
div#smpViewEvalBlockWrap ul li.und                                                   { width: 4rem; }
div#smpViewEvalBlockWrap ul li.txt                                                   { width: 40rem; }
div#smpViewEvalBlockWrap ul li.con                                                   { width: 11rem; }
div#smpViewEvalBlockWrap ul li.ana                                                   { width: 11rem; }
div#smpViewEvalBlockWrap ul li.tmp                                                   { width: 11rem; }
div#smpViewEvalBlockWrap ul li.nyt                                                   { width: 11rem; }
div#smpViewEvalBlockWrap ul li.his                                                   { width: 11rem; } */
/*div#smpViewEvalBlockDataWrap                                                       { position: relative; width: 97%; height: 95%; }*/
/* div#smpViewEvalBlockDataWrap ul                                                      { list-style-type: none; padding: 0.3rem; margin-top: 0.3rem; width: 97%; height: 10rem; border-bottom: 0.1rem dotted #555;} */
/* div#smpViewEvalBlockDataWrap ul                                                      { list-style-type: none; padding: 0; margin-top: 0; width: 100%; } */
div#smpViewEvalBlockDataWrap ul li.con ul                                            { border: none; }

/* o3smpViewEvalAna.tmpl
   ---------------------------------------------------------------------------------  */
div#viewEvaluateAnalysis                                                             { position: relative; width: 65rem; height: 95%; }
div#viewEvaluateAnalysis div#viewEvaluateAnalysis_eachps                             { position: relative; display: block; width: 65rem; }
div#viewEvaluateAnalysis div#viewEvaluateAnalysis_head                               { top: 3rem; position: relative; overflow: hidden; width: 10rem; float: left; text-align: right; }
div#viewEvaluateAnalysis div#viewEvaluateAnalysis_data                               { top: 3rem; position: relative; overflow: hidden; width: 8rem; float: left; text-align: left; margin-left: 0.5rem; }
div#smpViewEvalAnaTopWrap span#spanheader                                            { width: 100%; }
div#smpViewEvalAnaTopWrap span.divheader5                                            { margin-top: 2.5rem; border: 0; }
div#div_provpart div#viewEvaluateAnalysis                                            { width: 45rem; background: none; }
div#wshViewWrap  div#viewEvaluateAnalysis                                            { width: 45rem; background: none; }
div#div_provpart div#viewEvaluateAnalysis_eachps                                     { width: 45rem; border: none; }
div#wshViewWrap  div#viewEvaluateAnalysis_eachps                                     { width: 45rem; border: none; }
div#div_provpart div#viewEvaluateAnalysis_head                                       { top: 0rem; }
div#wshViewWrap  div#viewEvaluateAnalysis_head                                       { top: 0rem; }
div#div_provpart div#viewEvaluateAnalysis_data                                       { top: 0rem; }
div#wshViewWrap  div#viewEvaluateAnalysis_data                                       { top: 0rem; }
div#viewEvaluateAnalysis img.chartbtn                                                { position: relative; z-index: 5; padding: 0; margin: 0; width: 1.6rem; height: 1.6rem; }

/* o3smpViewAppr.tmpl
   ---------------------------------------------------------------------------------  */

/* o3smpViewRep.tmpl
   ---------------------------------------------------------------------------------  */
div#createReportButtondiv input[type=button], div#createReportButtondiv label        { display: block; margin-bottom: 1.4rem; }
div#smpRepFinalDialog                                                                { position: absolute; width: 15rem; height: 4rem; top: 5rem; left: 0; }
div#sample_full_historydiv input.MFcheckbox                                          { float: left; }
div#sample_full_historydiv span.MFsuffix                                             { right: -0.3rem; }
div#sample_historic_images_div input.MFcheckbox                                      { float: left; }
div#sample_historic_images_div span.MFsuffix                                         { right: -0.3rem; }
div#smpViewRepAdd                                                                    { position: absolute; top: 15rem; z-index: 100; }
div#smpViewRepWrap img, div#smpViewRepWrap span
                                                                                     { float: left; }
img.repaction                                                     					 { width: 2.1rem; }
div#smpViewRepWrap span.fhblack                                                      { height: 3rem; padding: 0.5rem;}
div#smpViewRepFinal                                                                  { height: 24rem; overflow: auto; }
div#report_progress_wrap                                                             { position: absolute; left: 0rem; top: 2rem; width: 80rem; height: 40rem; opacity: .9; z-index: 150; }
div#report_progress                                                                  { display: inherit; position: absolute; left: 5rem; top: 5rem; width: 30rem; height: 10rem; border: 0.1rem solid #f90; opacity: 1; z-index: 160; }
div#report_progress span.smpViewRepProc, div#report_progress span.projViewRepProc
                                                                                     { display: block; width: inherit; height: inherit; text-align: center; padding-top: 3rem; }
div#smpViewRep_project_bound_div                                                     { position: absolute; left: 1rem; top: 3.5rem; width: 35rem; }
div#smpViewRep_project_link                                                          { position: absolute; top: 12rem; left: 3rem; }
img#smpViewRepHistoryBell                                                            { position: absolute; right: 0.4rem; top: 0.4rem; }

/* o3smpEval.tmpl
   ---------------------------------------------------------------------------------  */
div#smpEvalTool                                                                      { position: absolute; left: 0; z-index: 51; }
div#smpEvalcommentpart                                                               { /* height: 27.5rem; overflow: auto; */ }
div#smpEvalPage                                                                      { position: relative; left: .2rem;  width: 20rem; height: 25rem; border: 0.2rem dotted #aaa; margin-right: .5rem; padding: 0 .5rem; float: left; }
div#smpEvalPage img.warn                                                             { position: absolute; left: 2rem; top: 2rem; z-index: 49; }
div#smpEvalPageStatus                                                                { position: relative; top: 0; width: 20rem; height: 3.3rem; z-index: 20;}
div#smpEvalPageStatus div.smpEvalPageStatus                                          { cursor: pointer; margin-top: 0; margin-right: 2rem; top: 0; float: right; width: 1.1rem; height: 3.2rem; z-index: 15; }
div#smpEvalPageStatus div.smpEvalPageStatusChoose                                    { position: absolute; top: 3rem; left: 4rem; width: 15rem; background: #fff; height: 3.5rem; border: 0.1rem dotted black; z-index: 20; }
div#smpEvalPageStatus span.fh                                                        { float: right; display: block; top: 0rem; margin-top: 1rem; height: 2rem; }
div.smpEvalPageStatus img                                                            { border: 0.1rem dotted black; }
div#smpEvalPageNote                                                                  { position: relative; left: 0; top: .2rem; width: 20.3rem; height: 15.3rem; z-index: 1; }
div#smpEvalPageNote textarea                                                         { position: absolute; top: 0; left: 0; width: 20rem; height: 15rem; }
div#smpEvalPageControl                                                               { position: relative; top: 1rem;  width: 21rem; height: 3.5rem; }
div#smpEvalPageControl div.tool                                                      { overflow: hidden; width: 5rem; height: 3.5rem; float: left; text-align: center; cursor: pointer; }
div#smpEvalPageControl div.tool_dis                                                  { overflow: hidden; width: 5rem; height: 3.5rem; float: left; text-align: center; }
div#smpEvalPageControl div div                                                       { cursor: inherit; height: 1.8rem; width: inherit; }
div#smpEvalPageControl div span                                                      { cursor: inherit; margin-right: 0; }
img.smpEvalStatusChooseImg                                                           { width: 1.1rem; height: 3.2rem; float: left; margin: 0 .1rem 0 .1rem; border: 0.1rem solid white; }
img:hover.smpEvalStatusChooseImg                                                     { border: 0.1rem dotted grey; }
div#p_smpeval_append span.MFsuffix                                                   { top: -2rem; }

/* o3smpAppr.tmpl
   ---------------------------------------------------------------------------------  */
div#smpApprStatusChoose_types                                                        { position: absolute; left: 0; padding: 0.5rem; z-index: 10; }
div#smpApprStatusChoose_div span.fh                                                  { height: inherit; padding-top: 0.5rem; }
img#smpViewApprHistoryBell                                                           { position: absolute; left: 13rem; top: 1rem; z-index: 5; }
img#smpViewApprChangeIcon                                                            { position: absolute; left: 15rem; top: 1rem; }
div#smpViewApprChange                                                                { position: absolute; top: 5rem; z-index: 100; }

/* o3smpRep.tmpl
   ---------------------------------------------------------------------------------  */
div#div_smpRepChoose                                                                 { position: absolute; top: 5rem; left: 0rem; width: 79rem; height: 48rem; overflow: auto; }
.smpRepChooseSignDialog                                                              { position: absolute; width: 15rem; height: 4rem; top: 0.2rem; right: 0; z-index: 100; }
img.smpRepCreateShow_pdf                                                             { position: relative; float: left; }

/* o3smpRepSend.tmpl
   ---------------------------------------------------------------------------------  */
div#div_smpRSFCusChooseWrap                                                          { position: absolute; overflow: hidden; display: none; width: 50rem; height: 40rem; left: 5rem; top: 5rem; }
div#div_smpRSFObjChooseWrap                                                          { position: absolute; overflow: hidden; display: none; width: 50rem; height: 40rem; left: 5rem; top: 5rem; }
div#div_smpRepSendCusChooseWrap                                                      { position: absolute; overflow: hidden; display: none; width: 50rem; height: 40rem; left: 5rem; top: 5rem; }
div#smpRepSendAsEmailWrap img.cusinfo                                                { position: absolute; left: 5rem; top: 0.1rem; }
div#smpRepSendAsEmailWrap div.MFsearchobjarea span.MFsuffix                          { width: 1.4rem; }
div#smpRepSendAsEmailWrap div.MFsearchobjarea span.MFsuffix img                      { margin-bottom: 0.4rem; }
div#div_smpRepSendCusExtraInfo, div#div_projRepSendCusExtraInfo                      { position: absolute; top: 6rem; left: 1rem; z-index: 10; }
div#smpRepSendSingleButton                                                           { position: absolute; bottom: 2rem; right: 5rem; z-index: 5; }
img#smpRepSent_pdf                                                                   { position: relative; float: left; }

/* o3smpInv.tmpl
   ---------------------------------------------------------------------------------  */
div#smpInvPrintDiv                                                                   { position: absolute; z-index: 49; }
div#sysSmpInvPrintDiv                                                                { position: absolute; z-index: 49; }
div#smpInvShowFiles                                                                  { position: fixed; left: 28rem; top: 28rem; z-index: 50; }
.roundgreen                                                                          { height:10px; width: 10px; background-color:#18db02; border-radius: 50px; }
.roundred                                                                            { height:10px; width: 10px; background-color:#e64040; border-radius: 50px; }
.roundorange                                                                         { height:10px; width: 10px; background-color:#f90; border-radius: 50px; }
.roundorangegreen                                                                    { height:10px; width: 10px; background: conic-gradient(#18db02 50%, #f90 50%); border-radius: 50px; }

/* o3texts.tmpl
   ---------------------------------------------------------------------------------  */
select#o3textslist_textsid                                                           { height: 16rem; }

/* o3ana.tmpl
   ---------------------------------------------------------------------------------  */
.spanAna                                                                             { color: #333; font-weight: normal; }
.spanAnaPack                                                                         { color: #333; font-weight: bold; }
div.o3anaDataDiv                                                                     { height: 18rem;  } /* width: 34.8rem; position: absolute; left: 0rem; top: 1.8rem; */
div#div_anaResults                                                                   { height: 21rem; } /* position: absolute; width: 35rem; top: 6rem; left: 2rem; */
div#div_anaResults div.o3listdiv ul, div.o3listheader ul                             { padding-left: 0.3rem; }
#anaShowAddOptions                                                                   { position: absolute; z-index: 51; }
#o3listdiv                                                                           { margin: 0; }

/* o3obj*.tmpl
   ---------------------------------------------------------------------------------  */
div#O3ML_dd_o3objData li.hdcs_vis input                                              { margin-right: 0.5rem; }
img.objOOAdd                                                                         { position: absolute; top: 1.5rem; left: 30rem; z-index: 5; }
img.objOODel                                                                         { position: absolute; top: 3.5rem; left: 30rem; z-index: 5; }
div#objSmpPackChooseDiv                                                              { position: absolute; top: 40rem; }
div#div_objViewInfo                                                                  { height: 54rem; }
div.objView                                                                          { margin-left: 0.3rem; margin-top: 0.7rem; } /* margin-top: 0.2rem; */
div#div_obj_RaderaMakulera                                                           { position: fixed; left: 75rem; top: 14rem; z-index: 50; text-align: center; }
div#objListExport                                                                    { position: absolute; top: 10rem; z-index: 50; }

/* o3cus*.tmpl
   ---------------------------------------------------------------------------------  */
div#cusAnnounceAddrContainer span.MFsuffix                                           { width: 1.4rem; right: -1.7rem; margin-top: 1rem; }
div#cusAnnounceAddrContainer span.MFsuffix img                                       { margin-bottom: 0.4rem; }
div#cusViewExtra input.MFcheckbox                                                    { float: left; }
div#p_cus_faktislev span.MFsuffix,
div#p_cus_postislev span.MFsuffix                                                    { float: left; width: 20rem; }
div.cusView                                                                          { margin-left: 0.3rem; margin-top: 0.7rem; }
div#cusListExport                                                                    { position: absolute; top: 10rem; z-index: 50; }


/* o3cusMess.tmpl
   ---------------------------------------------------------------------------------  */
div#cusMessWrap                                                                      { overflow: auto; overflow-x: hidden; height: 53.5rem; }
div#cusMessWrap div#cusMessAddress span.MFsuffix                                     { width: 1.4rem; margin-top: 1.5rem; }
div#cusMessWrap div#cusMessAddress span.MFsuffix img                                 { margin-bottom: 0.4rem; }
.cusMessO3Texts                                                                      { float: right; margin-bottom: .5rem; }


/* o3misc.tmpl
   ---------------------------------------------------------------------------------  */
div#miscMetodLimitChoose                                                             { position: absolute; z-index: 50; }
.min17{
	margin-left:-1.7rem !important;
}
.min17 span{
	margin-left:1.7rem !important;
}

.limitLogik {
	border-collapse:collapse;
	border-spacing:0;
	margin:0px -5px 0px -5px;
	width:100%;
}

.limitLogik .limitLogikTr {

}

.limitLogik .limitLogikTd {

}

.limitLogik .logikLabel {
	padding:0px 15px 0px 15px;
	text-align:center;
	font-weight:bold;
	width:100%;
	display:table;
}

.logikInput {
	float:left !important;
	text-align:center;
	padding:3px 5px 3px 5px;
	width:100% !important;
}

.logikCheckbox {
	float:left;
	margin:0px !important;
}

.logikColor {
	width:15px;
	height:15px;
	border:1px solid #333;
	background-color:#fff;
	float:right;
	border-radius:2px;
}

.colorPresets {
	position:relative;
	width:100%;
	margin:15px -5px 0px -5px;
}

.colorPresets .colorPreset {
	width:40.5px;
	height:40.5px;
	border:1px solid #333;
	background-color:#fff;
	float:left;
	margin:5px;
}
/* o3sys*.tmpl
   ---------------------------------------------------------------------------------  */
div#sysSmpSeriesMsgcontainer span.MFsuffix                                           { width: 1.4rem; right: -1.7rem; margin-top: 1rem; }
div#sysSmpSeriesMsgcontainer span.MFsuffix img                                       { margin-bottom: 0.4rem; }
div.sysAnaView div#p_extrarule span.MFsuffix                                         { right: -27rem; }
div.sysAnaView div#sysAnaViewMNListWrap div.MFfullwidth span.MFsuffix,
div.sysAnaView div#sysAnaViewMNListWrap div.MFfullwidth span.MFsuffix,
div.sysAnaView div#sysAnaViewMNListWrap div.MFfullwidth span.MFsuffix,
div.sysAnaView div#p_benamning span.MFsuffix,
div.sysAnaView div#p_type span.MFsuffix                                              { right: -1rem; }
div.sysAnaView div#p_pris span.MFsuffix 								     		 { right: 3rem; }
div#sysAnaExtradiv                                                                   { position: absolute; right: 5rem; top: 2rem; z-index: 50; }
div#sysAnaPackExtradiv                                                               { position: absolute; right: 5rem; top: 2rem; z-index: 50; }
div#sysAnaViewHistToolDiv                                                            { position: absolute; left: 12rem;  top: 17rem; border: 0.1rem solid #555; z-index: 50; }
div#sysAnaViewMNListWrap div.MFfullwidth span.MFsuffix img.linkpic                   { margin-top: 1.2rem; right: -1rem; }
div#sysAnaToolDiv                                                                    { position: absolute; z-index: 20; }
div.sysView_buttons                                                                  { margin-left: 0.3rem; margin-top: 0.7rem; }

div#sysRepViewTogglers                                                               { position: absolute; left: 0;    top: 15rem; height: 23rem; width: 28rem; }
div#sysRepViewST                                                                     { position: relative; left: 0;    top: 4rem;  height: 8rem;  width: 27rem; }
div#sysRepViewPS                                                                     { position: relative; left: 0;    top: 4rem;  height: 8rem;  width: 27rem; }
div#sysRepViewControl                                                                { position: absolute; left: 30rem; top: 3rem;  height: 46rem; width: 48rem; }
div#sysRepViewExtra                                                                  { position: relative; left: 1rem;  top: 1rem;  height: 48rem; width: 47.8rem; overflow: auto; overflow-X: hidden; }
div#sysRepPageViewControl                                                            { position: absolute; left: 30rem; top: 3rem;  height: 46rem; width: 48rem; }
div#sysRepPageViewExtra                                                              { position: absolute; left: 30rem; top: 5rem;  height: 44rem; width: 47.8rem; }
div#sysRepPageChoose                                                                 { position: absolute; left: 1rem;  top: 12rem; height: 30rem; width: 40rem; border: 0.1rem solid #aaa;}
div#sysRepViewPageChoose                                                             { position: absolute; left: 3rem;  bottom: 14rem; height: 8rem; width: 20rem; z-index: 51;}
div#sysRepViewPageChoose div                                                         { position: absolute; top: 1.5rem; left: 1rem; width: 18rem; height: 7rem; }
div#sysRepViewPageChoose fieldset                                                    { border: 0.3rem solid #666; height: 5rem; width: 18rem; }
div#sysRepViewPageChoose fieldset img                                                { position: absolute; left: 16rem; top: 1.5rem; }

div#sysIGExtra div.sendchoose                                                        { right: 0; top: 0; }

div#sysMtrViewLabelChoose                                                            { position: absolute; top: 0; right: 0; }

div#sysMinerFile                                                                     { position: absolute; top: 0.4rem; left: 45rem; height: 3rem; z-index: 1; }
div#sysMinerIcon                                                                     { position: absolute; left: 8rem; }
div#sysMinerViewInnerWrap                                                            { position: relative; left: 0; top: 10rem; width: 35rem; height: 36rem; overflow: visible; }
div#sysMinerViewInnerWrap .inner                                                     { position: relative; }
/*div#sysMinerOTFLoad                                                                { position: absolute; left: 34rem; top: 5rem;  z-index: 10; }
div#sysMinerANALoad                                                                  { position: absolute; left: 34rem; top: 30rem; z-index: 10; }*/
div#sysMinerANAChoose                                                                { position: absolute; left: 34rem; top: 3rem;  z-index: 51; }
div#sysMinerOTFChoose                                                                { position: absolute; left: 35rem; top: 16rem; z-index: 51; }

div#sysExportFile                                                                    { position: absolute; top: 0.4rem; left: 45rem; width: 12rem; height: 3rem; border: 0.4rem ridge #aaa; }
div#sysExportIcon                                                                    { position: absolute; left: 8rem; }

div#sysLangExportDiv                                                                 { position: absolute; left: 45rem; z-index: 2; }

div#sysSamplepackageAttributesChooseDiv                                              { position: absolute; top: 20rem; }

div#p_conn_smp_ana input.MF                                                          { float: left; }
div#p_output_smpfields_per_ana input.MF                                              { float: left; }

/* Div'ar för analysresultat
   ---------------------------------------------------------------------------------  */
.o3meanvalue, .o3wshmeanvalue, .o3fileuploaddiv
                                                                                     { position: relative; overflow: auto; width: 20rem; height: 12rem; background: #000; opacity: 0.85; z-index: 50; } /* width: 20rem; height: 12rem; borttaget 2013-02 men det förstörde medelvärdeinmatningsrutan */
.o3meanvalue, .o3wshmeanvalue                                                        { border: 0.1rem dotted #aaa; }
.o3meanvalue                                                                         { z-index: 5; }
.o3fileuploaddiv                                                                     { overflow: hidden; width: 30rem; top: 0.5rem; left: 0.1rem; }
p#colorpickwrap                                                                      { display: block; width: 12rem; height: 2.2rem; }
p.colorpickwrap_inner                                                                { margin: 0; }
p#colorpickwrap span.point                                                           { border: 0.1rem solid white; margin: 0; padding: 0; width: 1.5rem; height: 1.5rem; opacity: 1; }
p#colorpickwrap span.point  img                                                      { width: 1.5rem; height: 1.5rem; }
p#colorpickwrap span.point:hover                                                     { -webkit-box-shadow: 0 0 0 1px #f90; -moz-box-shadow: 0 0 0 1px #f90; box-shadow: 0 0 0 1px #f90; }

/* o3datediv
   ---------------------------------------------------------------------------------  */
div.o3datediv                                                                        { height: 20rem; }
div.o3datediv ul                                                                     { list-style-type: none; width: 18rem; margin: 1rem 0 0 1rem; }
div.o3datediv ul li                                                                  { float: left; width: 2rem; height: 1.5rem; text-indent: .5rem; padding-top: .3rem; color: #fff; opacity: .9; border-right: 0.1rem solid white; border-bottom: 0.1rem solid white; }
div.o3datediv ul li:hover                                                            { background: #f90; }
div.o3datediv ul li.empty:hover                                                      { background: none; }
div.o3datediv ul li.header                                                           { border-top: 0.1rem solid white; background: #555; }
div.o3datediv ul li.first                                                            { border-left: 0.1rem solid white; }
div.o3datediv ul li.days                                                             { color: #fff; cursor: pointer; }
div.o3datediv ul li span.current                                                     { color: #F00; }
div.o3datediv ul li.weekheader                                                       { color: #fff; margin-left: 0.1rem; border-top: 0.1rem solid white; border-left: 0.1rem solid white; background: #555; }
div.o3datediv ul li.week                                                             { margin-left: 0.1rem; background: #207c20; border-left: 0.1rem solid white; }
div.o3datediv span.today                                                             { margin-left: 1rem; padding-top: 1rem; }
div.o3datediv table                                                                  { border: 0; padding: 0.3rem; margin-left: 2.7rem; }
div.o3datediv table td.date_col1                                                     { width: 1.4rem; }
div.o3datediv table td.date_col2                                                     { width: 10rem; text-align: center; }
div.o3datediv table td.date_col3                                                     { width: 1.4rem; }


/* mainField - regler
   ---------------------------------------------------------------------------------  */
p.mainField                                                                          { background: #ccc; }
p.mainField_dark                                                                     { background: #aaa; }

p.mainField:hover,
p.mainFieldhover:hover,
p.mainField_dark:hover,
p.mainField_darkhover:hover                                                          { background: #f90; }
p.mainFieldhover                                                                     { background: #aaa; }
p.mainField_darkhover                                                                { background: #ccc; }

div.searchobjdiv                                                                     { position: relative; border: 0.1rem solid #f90; z-index: 55; }
div.searchobjdiv div.searchfield                                                     { position: relative; padding-top: 1rem; margin-left: 2rem; width: 20rem; z-index: 55;}
div.searchobjdivclose                                                                { position: absolute; top: .1rem; left: .1rem; }
div#MF_include                                                                       { overflow: auto; border: 0.1rem solid #f90; float: left; }
div#MF_exclude                                                                       { overflow: auto; border: 0.1rem solid #f90; float: left; }
div#MF_incexc_all                                                                    { width: 4.5rem; float: left; }
div.MFdiv                                                                            { position: relative; width: 100%; margin: 0.2rem 0; } /* height: 2rem; */
div.MFdate                                                                           { }
div.MFnormal                                                                         { }
div.MFtextarea                                                                       { } /* height: 3.6rem; */
div.MFobjlist                                                                        { }
div.MFsearchobjlist                                                                  { }
div.MFsearchobjarea                                                                  { } /* height: 3.6rem; */
div.MFfile                                                                           { }
div.MFcheckbox                                                                       { }
div.MFincexc                                                                         { }
div.MFincexcIW                                                                       { position: relative; width: 10rem; } /* height: 6rem; */
div.MFincexc div#div_incecx span.MFincexcTXTinc                                      { margin-left: 1rem; float: left; }
div.MFincexc div#div_incecx span.MFincexcTXTexc                                      { margin-left: 10rem; float: left; }
div#MF_incexc_all                                                                    { left: .6rem; }
input.MF, textarea.MF, select.MF                                                     { float: right; } /* select tillagt 2013-10-28 för att i o3sysExport.tmpl få samma högerjustering på select-tag "mainclass" som O3MF-fält */
span.MFtext                                                                          { position: relative; float: left; }
div.MFdate img.linkpic                                                               { float: right; }
input.MFnormal, input.MFobjlist, input.MFsearchobjlist,
textarea.MFtextarea, textarea.MFsearchobjarea
                                                                                     { width: 9.8rem; }
input.MFnormal                                                                       { }
input.MFdate                                                                         { width: 9.8rem; padding-right: 1.8rem; }
textarea.MFtextarea                                                                  { height: 3.2rem; }
input.MFcheckbox, .MFradio                                                           { margin-top: -2px; margin-bottom: 2px; position: relative; top: 2px; margin-right: .4rem; }
input.MFcheckbox_marg                                                                { margin-right: 8.4rem; } /* För att vänsterjustera checkrutan så att den alignar med input.MF, vid grid_7. */
input.MFcheckbox_marg6                                                               { margin-right: 6rem; }
input.MFobjlist                                                                      { }
input.MFcheckbox_left																 { float: left !important; }
img.MFobjlistaddimg                                                                  { margin: 0; }/* 2rem 0 0; }*/
img.MFfile                                                                           { float: right; }
input.MFsearchobjlist                                                                { }
textarea.MFsearchobjarea                                                             { height: 3.2rem; }
input.MFfile                                                                         { width: 12rem; }
input.MF1, textarea.MF1                                                              { width: 1rem; margin-right: 8.6rem; }
input.MF1cb                                                             			 { margin-right: 8.6rem; }
input.MF1real, textarea.MF1real                                                      { width: 1rem; }
input.MF2, textarea.MF2                                                              { width: 2rem; margin-right: 6.8rem; }
input.MF2_78, textarea.MF2_78                                                        { width: 2rem; margin-right: 7.8rem; }
input[type='checkbox'].MF2_78                                                        { width: auto; margin-right: 7.8rem; }
input[type='checkbox'].MF2_85                                                        { width: auto; margin-right: 8.5rem; }
input.MF2_38, textarea.MF2_38                                                        { margin-right: 3.8rem; } /* Tog bort "width: 2rem;" eftersom det gjorde checkbox-rutan större. Denna används endast i smpNewMulti. */
input.MF2_136, textarea.MF2_136                                                      { margin-right: 13.6rem; }
input.MF2real, textarea.MF2real                                                      { width: 2rem; }
input.MF3, textarea.MF3                                                              { width: 3rem; margin-right: 6.8rem; }
input.MF3real, textarea.MF3real                                                      { width: 3rem; }
input.MF4, textarea.MF4                                                              { width: 4rem; margin-right: 5.8rem; }
input.MF4real, textarea.MF4real                                                      { width: 4rem; }
input.MF6_4real, textarea.MF6_4real                                                  { width: 6.4rem; } /* Används i första hand i o3sysMiner.tmpl */
input.MF11real, textarea.MF11real                                                    { width: 11rem; }
input.MFhalfwidth, textarea.MFhalfwidth                                              { width: 5rem; margin-right: 4.8rem; }
/* Av någon anledning är en textarea 2px bredare än en input. Därför har jag fått lova att separera alla klasser nedan. */
input.MFhalfwidthreal                                                                { width: 5rem; }
textarea.MFhalfwidthreal                                                             { width: 4.8rem; }
input.MF118prcwidth                                                                  { width: 11.8rem; } /* För att visa komplett datum inkl tid */
textarea.MF118prcwidth                                                               { width: 11.6rem; } /* För att visa komplett datum inkl tid */
input.MF134prcwidth                                                                  { width: 13.4rem; } /* För att visa komplett datum inkl tid och aligna med ett mf-fält av typen date */
textarea.MF134prcwidth                                                               { width: 13.2rem; } /* För att visa komplett datum inkl tid och aligna med ett mf-fält av typen date */
input.MF138prcwidth                                                                  { width: 13.8rem; } /* Alignar bra med en ett annat fält som är en "grid" smalare. */
textarea.MF138prcwidth                                                               { width: 13.6rem; } /* Alignar bra med en ett annat fält som är en "grid" smalare. */
input.MF150prcwidth, select.MF150prcwidth                                            { width: 15rem; } /* select tillagt 2013-10-28 för att i o3sysExport.tmpl få samma bredd på select-tag "mainclass" som O3MF-fält */
textarea.MF150prcwidth                                                               { width: 14.8rem; } /* select tillagt 2013-10-28 för att i o3sysExport.tmpl få samma bredd på select-tag "mainclass" som O3MF-fält */
input.MF200prcwidth                                                                  { width: 20rem; }
textarea.MF200prcwidth                                                               { width: 19.8rem; }
input.MF218prcwidth                                                                  { width: 21.8rem; } /* Alignar bra med en ett annat fält som är tre "grid" smalare. */
textarea.MF218prcwidth                                                               { width: 21.6rem; } /* Alignar bra med en ett annat fält som är tre "grid" smalare. */
input.MF258prcwidth                                                                  { width: 25.8rem; } /* Alignar bra med en ett annat fält som är fem "grid" smalare. */
textarea.MF258prcwidth                                                               { width: 25.6rem; } /* Alignar bra med en ett annat fält som är fem "grid" smalare. */
input.MFfullwidth, textarea.MFfullwidth                                              { width: 100%; }
div.paddingright10px																	 { padding-right:10px; box-sizing:border-box;}
textarea.MF85prcheight                                                               { height: 2.7rem; }
textarea.MF150prcheight                                                              { height: 4.8rem; }
div.MF150prcheight                                                                   { } /* height: 4.8rem; */
textarea.MF233prcheight                                                              { height: 7.5rem; }
div.MF233prcheight                                                                   { } /* height: 7.5rem; */
textarea.MF300prcheight                                                              { height: 9.6rem; }
div.MF300prcheight                                                                   { } /* height: 9.6rem; */
textarea.MF500prcheight                                                              { height: 16rem; }
div.MF500prcheight                                                                   { } /* height: 16rem; */
textarea.MF1000prcheight                                                             { height: 32rem; }
textarea.MF1500prcheight                                                             { height: 48rem; }
textarea.MFfullheight                                                                { height: 100%; }
div.MFfullheight                                                                     { height: 100%; }
div.MFdatediv                                                                        { }
div.MFmeandiv                                                                        { }
div.MFfilediv                                                                        { position: absolute; }
div.MFobjlistdiv                                                                     { right: 0; height: 10rem; width: 15rem; }
div.MFobjlistdiv_20                                                                  { width: 20rem; }
div.MFobjlistdiv_30                                                                  { width: 30rem; }
div.MFobjlistdiv_40                                                                  { width: 40rem; }
div.MFobjlistdiv_50                                                                  { width: 50rem; }
div.MFsearchobjlistdiv, div.MFsearchobjareadiv                                       { position: absolute; height: 40rem; } /* width = input.MFsearchobj% * 1.5 */
span.MFsuffix                                                                        { position: absolute; right: -1.7rem; }
span.MFsuffix_noinput                                                                { right: 0; }
span.MFattachsuffix                                                                  { position: relative; right: 0; margin-right: 0;}
/* Jocke: Fattar inte varför vi lagt till MFnormal span.MFsuffix?? Kommenterar bort!
div.MFcheckbox span.MFsuffix,
div.MFnormal span.MFsuffix                                                           { position: relative; float: left; margin: 0; }*/
div.MFcheckbox span.MFsuffix                                                         { position: relative; float: left; margin: 0; }
div.MFsuffix_dbl span.MFsuffix                                                       { right: -4rem; } /* När man på t.ex emailadresser behöver båda add och sub-symboler. */
div.MFsuffix_dbl span.MFsuffix img                                                   { margin-left: 0.5rem; }
div.MF_expand_div_class                                                              { position: absolute; overflow: auto; margin-top: 0.2rem; right: -15rem; width: 30rem; z-index: 45; }

/* mainField searchobjlist*
   ---------------------------------------------------------------------------------  */

div.searchobjlistwrap                                                                { left: 0; width: 49.3rem; height: 38.4rem; overflow: auto; overflow-X: hidden; }
div#searchobjlisttool                                                                { position: relative; top: 0.4rem; left: 2rem; width: 45rem; height: 3.2rem; }
div#searchobjlisttool div.browse                                                     { position: absolute; top: 0; right: 5rem; height: 1.9rem; width: 20rem; }
div#searchobjlisttool div.browse img.back                                            { width: 1.5rem; height: 1.2rem; margin: 0 0 -.3rem .3rem; }
div#searchobjlisttool div.browse img.next                                            { width: 1.5rem; height: 1.2rem; margin: 0 0 -.3rem .3rem; }
div#searchobjlisttool div.browse span                                                { height: 1.2rem; font-weight: bold; }
div#searchobjlist                                                                    { position: relative; top: 0.5rem; width: inherit; overflow: auto; overflow-X: hidden; }
div#searchobjlist.header                                                             { height: 2.2rem; border-bottom: 0.1rem dashed white; }
div#searchobjlist.data                                                               { height: 33.6rem; }
div#searchobjlist ul                                                                 { width: inherit; list-style-type: none; }
div#searchobjlist ul li.row                                                          { color: #fff; padding: .4rem 0; height: 1.4rem; }
div#MFsearchdiv div#searchobjlist ul li.row,
div#MFsearchdiv span.o3text                                                          { color: #ccc !important; font-weight: bold; }
div#MFsearchdiv div#searchobjlist.data ul li.row:hover,
div#MFsearchdiv span.o3text:hover                                                    { color: #000 !important; }
div#searchobjlist.data ul li.row                                                     { cursor: pointer; }
div#searchobjlist ul li ul.row                                                       { width: inherit; list-style-type: none; clear: left; }
div#searchobjlist li.element                                                         { float: left; padding: 0 .2rem; }
div#searchobjlist.header li.element                                                  { font-weight: bold; }
div#searchobjlist.data ul li.row:hover                                               { background-color: #f90; color: #000; font-weight: bold; }

/* mainFeedback - regler
   ---------------------------------------------------------------------------------  */
div.o3feedback_outer                                                                 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 101; }
div.o3feedback_inner                                                                 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 102; }
span.o3feedbackmain                                                                  { display: block; font-size: 1.3rem; color: #eee; position: absolute; width: 100%; height: 70%; text-align: center; top: 30%; font-weight: bold; }
span.o3feedbackmain strong                                                           { border: 0.3rem solid #eee; padding: 1rem; }
span.o3feedbacksub                                                                   { display: block; font-size: 1.1rem; color: #eee; position: absolute; width: 100%; height: 50%; text-align: center; top: 50%; }
div.o3feedbackclose                                                                  { display: block; position: absolute; top: 60%; left: 45%; }
div.o3feedbackclose input.fbutton                                                    { width: 6rem; }

/* o3sysIGSeq.tmpl
   ---------------------------------------------------------------------------------  */
input.width_2rem                                                                      { width: 2rem; }
input.width_30rem                                                                     { width: 30rem; }

/* o3smpGraph - regler
   ---------------------------------------------------------------------------------  */
div.graphframe                                                                       { position: relative; width: 80rem; height: 35rem; margin: 2rem; }
span#grapherror_1st                                                                  { position: absolute; left: 5rem; top: 10rem; }
span#grapherror_2nd                                                                  { position: absolute; left: 16rem; top: 15rem; }

/* o3wsh* - regler
    ---------------------------------------------------------------------------------  */
div#wshRegIGWrap                                                                     { overflow: auto; overflow-x: hidden; height: 55.8rem; }
div#wshPrintDiv                                                                      { position: absolute; top: 1rem; right: 1rem; opacity: 0.9; z-index: 50; }
div#wshViewExtra                                                                     { position: absolute; left: 3rem; top: 15rem; z-index: 51; } /* width: 70rem; height: 23rem;  */
div#wshViewFileUpload                                                                { position: absolute; top: 5rem; left: 10rem; z-index: 10; }
div#wshRowResult                                                                     { position: static; top: -0.4rem; height: 2rem; width: 13rem; }
div#wshRowResult em.anaRes                                                           { position: static; float: left; display: block; margin: 0.5rem 0 0 0.4rem; }
span.wshView                                                                         { display: block; float: left; margin-top: 0.3rem; width: 1.6rem; height: 1.6rem; background: url(/bilder/blank.gif) no-repeat; }
span.wshViewDONE                                                                     { display: block; float: left; margin-top: 0.3rem; width: 1.6rem; height: 1.6rem; background: url(/bilder/tick.png) no-repeat; }
span.wshViewVER                                                                      { display: block; float: left; margin-top: 0.3rem; width: 1.6rem; height: 1.6rem; background: url(/bilder/lock.png) no-repeat; cursor: pointer; }
/*div#wshRegTotalCount                                                               { position: absolute; left: 25rem; top: 1rem; width: 25rem; height: 1.5rem; }*/
/*div#wshViewWrap                                                                    { overflow: auto; height: 51.9rem; border-bottom: 0.2rem solid #aaa; border-top: 0.2rem solid #aaa; }*/
div#wshViewWrap                                                                      { position: relative; }
div#wshViewExtraDiv                                                                  { position: absolute; z-index: 49; }
div#wshViewMtrDiv                                                                  { position: absolute; z-index: 51; }
div#wshViewGenerateSamplesDiv                                                        { position: absolute; z-index: 51; }
div#wshViewWrap li input.fifile,
div#wshViewWrap li input.V_resTNL,
div#wshViewWrap li input.V_resUpp                                                    { width: 10rem; }
div#wshViewWrap textarea.V_resTNL                                                    { height: 6rem; }
div#wshViewWrap li input.V_resC                                                      { width: 7.4rem; }
div#wshViewWrap li input                                                             { margin: 0.1rem; }
div#wshViewWrap li input:focus                                                       { margin: 0; border: 0.2rem solid black; }

textarea.wshViewTextarea                                                             { width: 18rem; height: 6.5rem; }
li.hdcs_res input.wshUppslag                                                         { width: 10rem; margin: 0; padding: 0; float: left; }
li.hdcs_res img.wshUppAdd                                                            { position: relative; float: left; width: 1.4rem; height: 1.4rem; padding: 0; margin: 0; }
li.hdcs_res div.wshUppDiv                                                            { position: relative; left: 0.1rem; top: 0.3rem; width: 24rem; height: 10rem; z-index: 50; }
li.hdcs_res textarea.wshTextarea                                                     { width: 12.8rem; height: 4.8rem; }
span#wshMultiPrefixWrap                                                              { display: block; margin-left: 0.2rem; }
span#wshMultiPrefixWrap p#firstp                                                     { margin-left: 5.2rem; margin-top: 0.5rem; }
span#wshMultiPrefixWrap p#firstp input                                               { width: 1rem; } /* prefix */
span#wshMultiPrefixWrap p#secondp                                                    { margin-left: 3.5rem; margin-top: 0.2rem; }
span#wshMultiPrefixWrap p#secondp input[type=text]                                   { text-align: right; width: 6rem; }
span#wshMultiPrefixWrap p#secondp input[type=text].Multivalue_type_z                 { text-align: left; width: 12rem; }
p#wshMultiVal_nmbrofmes                                                              { position: absolute; top: 0.5rem; right: 0.5rem; }
p#wshMultiVal_nmbrofmes label input                                                  { width: 2rem; }
div#o3extradiv div#wshViewExtraInfo_comment img.addanacomment                        { position: absolute; left: 30.3rem; top: 1.8rem; }
div#o3extradiv table#wshViewExtraInfo_AnaHistory                                     { position: relative; float: left; }
div#o3extradiv table#wshViewExtraInfo_AnaHistory th                                  { width: 10rem; border-bottom: 0.1rem solid black; }
div#o3extradiv table#wshViewExtraInfo_AnaHistory th.smp                              { width: 11rem;}
div#o3extradiv table#wshViewExtraInfo_AnaHistory th.pt                               { width: 30rem;}
div#o3extradiv table#wshViewExtraInfo_AnaHistory th.res                              { width: 6rem; }
div#o3extradiv table#wshViewExtraInfo_AnaHistory th.pd                               { width: 8rem;}
div#o3extradiv table#wshViewExtraInfo_AnaHistory th.wshank                           { width: 25rem;}
div#o3extradiv table#wshViewExtraInfo_AnaHistory th.comment                          { width: 50rem;}
div#o3extradiv table#wshViewExtraInfo_AnaHistory td                                  { text-align: left; vertical-align: top; }
div#o3extradiv table#wshViewExtraInfo_AnaHistory td.res                              { text-align: right; }

#wshMultivalueAlter_div,
#smpMultivalueAlter_div                                                              { position: relative; overflow-x: scroll; height: 10rem; min-height: 10rem; max-height: 10rem; }


/* Tillbaka till top knapp - o3wshView */
.backtotop_wshviewwrap                                                               { position: fixed!important; right: 40px; bottom: 30px; }

/* o3boss* - regler
    ---------------------------------------------------------------------------------  */
div#bossProjPerIGIEWrap                                                              { position: relative; overflow: visible; }
div#bossProjPerIGWrap                                                                { height: 59rem; position: relative; left: 1rem; overflow: auto; }
div.o3fullscreen div#bossProjPerIGWrap                                               { margin-left: 1rem; width: 98%; height: 98%; }
div.o3fullscreen div#bossProjPerIGIEWrap                                             { height: 98%; }

.hdcs_bossProjPerIG_projectident,
.hdcs_bossProjPerIG_beskrivning,
.hdcs_bossProjPerIG_kund,
.hdcs_bossProjPerIG_kontakt,
.hdcs_bossProjPerIG_beraknadklar,
.hdcs_bossProjPerIG_number,
.hdcs_bossProjPerIG_of1,
.hdcs_bossProjPerIG_of2                                                              { padding-left:5px; padding-right:5px; float: left; }

.bossProjPerIG_tablecell                                                             { padding-left:5px; padding-right:5px; float: left; }
.bossProjPerIG_projectident                                                          { width: 8rem; }
.bossProjPerIG_beskrivning                                                           { width: 8rem; }
.bossProjPerIG_kund                                                                  { width: 8rem; }
.bossProjPerIG_beraknadklar                                                          { width: 8rem; }
.bossProjPerIG_number                                                                { width: 8rem; }
div#bossProjPerIG_IGWrap                                                             { position: relative; float: left; width: auto; }
div#bossProjPerIG_IGWrap span.fhp                                                    { width: 8.5rem; display: block; }
div#bossProjPerIG_SMPWrap                                                            { position: relative; width: auto; }
div#bossProjPerIG_SMPInner                                                           { position: relative; float: left; }
div#bossProjPerIG_SMPInner span.bossProjPerIG_head                                   { display: block; text-align: center; font-weight: bold; height: 1.5rem; cursor: pointer; }
div#bossProjPerIG_SMPRight                                                           { position: relative; float: left; width: 1rem; }
div#bossProjPerIG_SMPRight span.bossProjPerIG_smp                                    { display: block; width: 1rem; height: 1.5rem; cursor: pointer; }
div#bossProjPerIG_SMPRight span.got_notering                                         { background: url('/bilder/bullet_red.png') -0.1rem 0; }
img#bossProjPerIG_closeimg                                                           { position: absolute; left: 0.2rem; top: 0.2rem; z-index: 45; }
div#bossProjPerIG_extra                                                              { position: absolute; z-index: 50; }

div#bossSmpPerIGWrap                                                                 { height: 59rem; position: relative; left: 1rem; overflow: auto; }
div.o3fullscreen div#bossSmpPerIGWrap                                                { margin-left: 1rem; width: 98%; height: 98%; }
div.o3fullscreen div#bossSmpPerIGIEWrap                                              { height: 98%; }
div#bossSmpPerIG_IGWrap                                                              { position: relative; float: left; width: auto; }
div#bossSmpPerIG_IGWrap span.fhp                                                     { width: 8.5rem; display: block; }
div#bossSmpPerIG_SMPWrap                                                             { position: relative; width: auto; }
div#bossSmpPerIG_SMPInner                                                            { position: relative; float: left; width: 7rem; }
div#bossSmpPerIG_SMPInner span.bossSmpPerIG_head                                     { display: block; text-align: center; font-weight: bold; height: 1.5rem; cursor: pointer; }
div#bossSmpPerIG_SMPRight                                                            { position: relative; float: left; width: 1rem; }
div#bossSmpPerIG_SMPRight span.bossSmpPerIG_smp                                      { display: block; width: 1rem; height: 1.5rem; cursor: pointer; }
div#bossSmpPerIG_SMPRight span.got_notering                                          { background: url('/bilder/bullet_red.png') -0.1rem 0; }
img#bossSmpPerIG_closeimg                                                            { position: absolute; left: 0.2rem; top: 0.2rem; z-index: 45; }
div#bossSmpPerIG_extra                                                               { position: absolute; z-index: 50; }

/* med table istället för div's och spans */
.bossSmpPerIG_Wrap                                                                   { white-space: nowrap; position: relative; left: 1rem; }
.bossSmpPerIG_table                                                                  { display: inline-block; margin: 0.2rem; vertical-align: top; }
.bossSmpPerIG_tbody                                                                  { border: 0.1rem solid #555; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; }
.bossSmpPerIG_row                                                                    { height: 1.8rem; text-align: center; cursor: pointer; font-weight: 400; }
.bossSmpPerIG_row:hover                                                              { background: #f90; }
.bossSmpPerIG_wsh td:first-child,
.bossSmpPerIG_cell:first-child                                                       { padding-left : 0.5rem; }
.bossSmpPerIG_cell:last-child                                                        { padding-right: 0.1rem; }
.bossSmpPerIG_wshTitle:hover                                                         { background: #ddd; }
.bossSmpPerIG_wsh                                                                    { background: #ddd; }
.bossSmpPerIG_caption                                                                { padding-bottom: 0.5rem; }
.finishSoon{
	font-weight:bold;
}

/* o3proj* - regler
  ------------------------------------------------------------------------------------ */

div#projLabelChoose                                                                  { left: 12rem; top: 50rem; }
div#projApprStatusChoose_types                                                       { position: absolute; padding: 0.5rem; z-index: 10; }
div#projApprStatusChoose_div span.fh                                                 { display: block; float: left; height: inherit; padding-top: 0.5rem; }
div#projView_beraknad_klar_acknowledge_div                                           { position: absolute; left: 22rem; top: 12rem; height: 9rem; z-index: 50; }
div#projViewApprChange                                                               { position: absolute; top: 5rem; z-index: 100; }
img#projViewApprChangeIcon                                                           { position: absolute; left: 15rem; top: 1rem; }
img#projViewApprHistoryBell                                                          { position: absolute; left: 13rem; top: 1rem; z-index: 5; }
div#projHistory                                                                      { position: absolute; z-index: 100; }
div#projViewCopyChooseDiv                                                            { position: absolute; z-index: 50; }
div#projExtraDiv                                                                     { position: absolute; top: 10rem; z-index: 50; }
div#projView_small_div                                                               { position: absolute; z-index: 50; }
table.o3simpletable tr.projNewSmpMulti_metod,
table.o3simpletable tr.smpNewMulti_metod
                                                                                     { background-color: #eee; }
img.projobjnew                                                                       { margin-left: 0.5rem; }

/* o3projView* - regler
  ------------------------------------------------------------------------------------ */
div#projViewMakulerat                                                                { position: relative; }
div#projViewIndicators span                                                          { display: block; height: 1.6rem; }
div#projViewIndicators span.true                                                     { background: url(/bilder/bullet_green.png) no-repeat; background-position:center; }
div#projViewIndicators span.false                                                    { background: url(/bilder/bullet_red.png) no-repeat; background-position:center; }
div#projViewIndicators span.active                                                   { background: url(/bilder/bullet_orange.png) no-repeat; background-position:center; }
div#projViewIndicators li                                                            { text-align: center; }
div#projViewControl ul                                                               { float: left; }
div#projViewControl input                                                            { width: 10rem; }
div#projViewMakuFill                                                                 { position: absolute; left: 0; top: 0; z-index: 51; height: 100%; opacity: 0.25; filter:alpha(opacity=25); }
div#projViewEvalPageWrap                                                             { overflow: auto; overflow-x: hidden; }
/* div#projViewEvalBlockWrap ul                                                         { list-style-type: none; padding-left: .5rem; margin: 0; width: 100%; height: 2rem; }
div#projViewEvalBlockWrap ul li                                                      { display: block; float: left; width: 2rem; }
div#projViewEvalBlockWrap ul li.bck                                                  { width: 20rem; }
div#projViewEvalBlockWrap ul li.txt                                                  { width: 40rem; }
div#projViewEvalBlockWrap ul li.con                                                  { width: 10rem; }
div#projViewEvalBlockWrap ul li.ana                                                  { width: 9rem; }
div#projViewEvalBlockWrap ul li.tmp                                                  { width: 9rem; }
div#projViewEvalBlockWrap ul li.nyt                                                  { width: 9rem; }
div#projViewEvalBlockWrap ul li.his                                                  { width: 9rem; } */
/* div#projViewEvalBlockDataWrap ul                                                     { list-style-type: none; padding: 0.3rem; margin-top: 0.3rem; width: 97%; height: 10rem; border-bottom: 0.1rem dotted #555;} */
/* div#projViewEvalBlockDataWrap ul li.con ul                                           { border: none; } */
div.projViewEvalBlockStatusChoose                                                    { position: absolute; background-color: #fff; height: 3.5rem; border: 0.1rem dotted black; z-index: 20; }
div.projViewEvalBlockStatusChoose img                                                { width: 1.1rem; height: 3.2rem; float: left; margin: 0 .1rem 0 .1rem; border: 0.1rem solid white; }
div.projViewEvalBlockStatusChoose img:hover                                          { border: 0.1rem dotted grey; }
div#projViewEvalRevert_div                                                           { position: absolute; z-index: 52; }
div#projViewEvalTool                                                                 { position: absolute !important; overflow: hidden; height: 28rem; left: 0; top: 0; z-index: 51; }
div#projViewSmpChooseDiv                                                             { position: absolute !important; top: 26rem; height: 10rem; }
#projViewEvalNoteChangesWrap                                                         { height: 100%; }
div#projViewEvalNoteChangesWrap ul                                                   { list-style-type: none; padding: .9rem 1.8rem; margin: 0; box-sizing: border-box; width: 100%; }
div#projViewEvalNoteChangesWrap ul li                                                { display: block; float: left; width: 2rem; }
div#projViewEvalNoteChangesWrap li.changes_user                                      { width: 15rem; }
div#projViewEvalNoteChangesWrap li.changes_chgd                                      { width: 10rem; }
div#projViewEvalNoteChangesWrap li.changes_stat                                      { width: 6rem; }
div#projViewEvalNoteChangesWrap li.changes_text                                      { width: 32rem; }
#projViewEvalNoteChangesDataWrap                                                     { overflow: auto; height: 100%; width: 100%; height: 21.7rem; padding: .9rem 1.8rem; box-sizing: border-box; }
div#projViewEvalNoteChangesDataWrap ul                                               { float: left; padding-left: 0; padding-right: 0; }
div.projViewEvalBlockStatusChoose img                                                { width: 1.1rem; height: 3.2rem; float: left; margin: 0 .1rem 0 .1rem; border: 0.1rem solid white; }
div.projViewEvalBlockStatusChoose img:hover                                          { border: 0.1rem dotted grey; }
div#projViewExtra                                                                    { position: absolute; left: 3rem; top: 15rem; z-index: 51; }
div#projViewFileUpload                                                               { position: absolute; top: 5rem; left: 10rem; z-index: 10; }

/* o3projViewRep*
   ---------------------------------------------------------------------------------  */
div#projViewRepWrap img, div#projViewRepWrap span
                                                                                     { float: left; }
div#projViewRepWrap img.repaction                                                    { width: 2.1rem; }
div#projViewRepWrap div.grid_9 div.row                                               { height: 3rem; }
div#projViewRepWrap span.fhblack                                                     { height: 3rem; padding: 0.5rem;}
div#projViewRepFinal                                                                 { height: 30rem; overflow: auto; }
div#projHistory                                                                      { position: absolute; top: 5rem; z-index: 100; }
img#projViewRepHistoryBell                                                           { position: absolute; right: 0.4rem; top: 0.4rem; }
div#projRepFinalDialog                                                               { position: absolute; width: 15rem; height: 4rem; top: 3.5rem; left: 0; }

/* o3repgen
   ---------------------------------------------------------------------------------  */
div#p_rep_name span.MFsuffix                                                         { margin-top: 1.3rem; }
div#sysReportViewExtraDiv, div#sysReportListExtraDiv                                 { position: absolute; top: 2rem; z-index: 50; }
div#sysReportView_reportpagelist_div                                                 { overflow: auto; width: 100%; border: 1px solid #f90; background: #EEEEEE; border-radius: 0.3rem; margin-top: .2rem; }
div#sysReportView_reportpagelist_div div span.reportpageblock                        { display: block; background-color: rgba(0,0,0,0) !important; }
div#sysReportView_reportpagelist_div div img                                         {  }
.sysReportPageListImg                                                                { width: 1.6rem; height: 1.6rem; padding: .9rem; padding: .5rem .9rem; }
.sysReportPageListRow:hover                                                          { background: rgba(0,0,0,.1); cursor: pointer; }
.sysReportPageListLink                                                               { white-space: nowrap; position: relative; top: -4px; color: #1D1F26; font-family: montserrat; font-weight: 400; }
.sysReportPageListLinkImg                                                            { position: relative; top: 5px; }
.sysReportPageListText                                                               { padding: .5rem .9rem; width: auto; }
.sysReportPageListRow_active,
.sysReportPageListRow_active:hover                                                   { background: #bbb; }
div#sysReportView_PageChoose                                                         { position: absolute; }
input#sysReportPageEditButton                                                        { position: absolute; left: 45rem; top: 1.5rem; width: 30rem; }
input#sysReportPageEditButton.collapsed                                              { background-color: #f90; color: #000; }
input#sysReportPageEditButton.expanded                                               { background-color: #f00; color: #000; font-weight: bold; }
#sysReportView_reportedit_div                                                        { margin-bottom: 50rem; }
div#sysReportView_reportedit_div div.portrait                                        { width: 72rem; height: 102rem; }
div#sysReportView_reportedit_div div.landscape                                       { width: 102rem; height: 72rem; }
div#sysReportView_reportedit_div div.expanded                                        { height: auto; }
/* Left-text */
div.sysReportPageView_leftTextWrap                                                   { position: relative; float: left; left: 0.1rem; width: 3rem; height: 10rem; margin-top: 3rem; border: 0.1rem solid black; -moz-border-radius-topleft: 0.5rem; -webkit-border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; -moz-border-radius-bottomleft: 0.5rem; -webkit-border-bottom-left-radius: 0.5rem; }
div.sysReportPageView_leftTextWrap span                                              { font-size: 1.5rem; color: #fff; font-weight: bold; display: block; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
div.sysReportPageView_leftTextWrap div.addbtn                                        { margin-left: 0.5rem; width: 1.8rem; height: 1.8rem; background-color: #fff; border-radius: 0.9rem; -moz-border-radius: 0.9rem; -webkit-border-radius: 0.9rem; }
div.sysReportPageView_leftTextWrap div.addbtn:hover                                  { background-color: #f90; }
div.sysReportPageView_leftTextWrap div.addbtn img                                    { margin: 0.2rem 0 0 0.2rem; }
div.collapsed div.sysReportPageView_leftTextWrap                                     { visibility: hidden; }
/* Header */
div#sysReportPageView_HeadWrap                                                       { }
/* Body */
div#sysReportPageView_BodyWrap                                                       { }
/* Footer */
div#sysReportPageView_FooterWrap                                                     { }
div.sysReportPageView_part                                                           { font-family: Normal; position: relative; float: left; width: 93%; padding-left: 0.5rem; margin-top: 3rem; }

div#sysReportPageView_WholePage table                                                { border-collapse: separate; }
div.collapsed .o3repgen_element_table_info                                           { display: none; }
div.expanded .o3repgen_element_table_info                                            { width: 100%; padding-right: 0; cursor: pointer; color: #fff;  }
.o3repgen_element_table_info_td                                                      { float: left; font-size: 1.4rem; display: block; padding: 0 .9rem; cursor: pointer; height: 2.7rem; line-height: 2.7rem; }
.o3repgen_element_table_info_link                                                    { border-radius: .4rem; height: 2.7rem; }
.o3repgen_element_table_info_text                                                    { width: 100%; height: 2.7rem;  background-color: #f90; border-radius: .4rem; -webkit-box-shadow: inset 0 0 0 1px black; -moz-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }
.o3repgen_element_table_linked                                                       { margin-left: .9rem; border-radius: .4rem; white-space: nowrap; background: #eee; padding-left: 1.4rem; padding-right: .9rem; color: #1D1F26; font-family: montserrat; font-weight: 400; font-size: 1.3rem; -webkit-box-shadow: inset 0 0 0 1px black; -moz-box-shadow: inset 0 0 0 1px black; box-shadow: inset 0 0 0 1px black; }
.o3repgen_element_table_info_text:hover,
.o3repgen_element_table_linked:hover                                                 { -webkit-box-shadow: inset 0 0 0 3px black; -moz-box-shadow: inset 0 0 0 3px black; box-shadow: inset 0 0 0 3px black; }
/* .o3repgen_element_table_info_text:hover > .o3repgen_element_table_info_text          {  } */
div.expanded .o3repgen_element_table_start                                           { border: 0.2rem solid white; padding: 0.3rem; border-radius: 0 0.5rem 0.5rem 0.5rem; -moz-border-radius: 0 0.5rem 0.5rem 0.5rem; -webkit-border-radius: 0 0.5rem 0.5rem 0.5rem; }
div.expanded .o3repgen_element_table_start:hover                                     { border: 0.2rem solid navy; cursor: pointer; }
div.expanded .o3repgen_element_cell_start                                            { border: 0.1rem solid white; padding: 0.3rem; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem;}
div.expanded .o3repgen_element_cell_start:hover,
div.expanded .o3repgen_element_cell_start.over                                       { border: 0.1rem solid red; cursor: pointer; }
div.expanded .o3repgen_element_image                                                 { border: 0.1rem solid white; padding: 0.3rem; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem;}
div.expanded .o3repgen_element_image:hover                                           { border: 0.1rem solid #ccc; cursor: pointer; }
div.expanded .o3repgen_element_text                                                  { border: 0.1rem solid white; padding: 0.3rem; border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; }
div.expanded .o3repgen_element_text:hover                                            { border: 0.1rem solid #ccc; cursor: pointer; }
div.collapsed span.o3repgen_element_text[title="empty"]                              { display: none; } /* För att gömma "Tom cell" när man inte är i redigeringsläge */
div.expanded table.o3repgen_element_table_start.expanded span.o3repgen_element_text[title="empty"]
                                                                                     { display: none; } /* För att gömma "Tom cell" när man inte är i redigeringsläge */
div.expanded table.o3repgen_element_table_start.expanded td.o3repgen_element_cell_start
                                                                                     { padding: 0rem; border: 0.1rem solid red; height: 1.1rem; width: 4rem; }
div.expanded table.o3repgen_element_table_start.expanded > tbody > tr > .o3repgen_element_ghostrow
                                                                                     { border: 0.1rem dotted black; height: 1.1rem; width: 2rem; float: left; margin-bottom: 0.3rem;}
div.expanded table.o3repgen_element_table_start.expanded > tbody > tr > .o3repgen_element_ghostcell
                                                                                     { border: 0.1rem dotted black; height: 1.1rem; width: 2rem; float: left; }
div.expanded table.o3repgen_element_table_start.expanded > tbody > tr > .o3repgen_element_ghost_hover
                                                                                     { border: 0.1rem solid red; }
div.collapsed .o3repgen_element_ghost                                                { display: none; }
.o3repgen_reportpageblock_table_start                                                { width: inherit; }
.o3repgen_reportpageblock_tr                                                         { }
.o3repgen_reportpageblock_tr_zebra:nth-of-type(even)                                 { background-color: #ddd; }
div.collapsed .o3repgen_reportpageblock_table_start,
div.collapsed .o3repgen_reportpageblock_text,
div.collapsed .o3repgen_reportpageblock_table_start                                  { border: 0.1rem solid rgba(0, 0, 0, 0) !important; margin-bottom: 1rem; }

div.expanded .o3repgen_reportpageblock_table_start                                   { border: 0.1rem solid white; margin-bottom: 1rem; }
div.expanded .o3repgen_reportpageblock_table_start:hover                             { border: 0.1rem solid black; cursor: pointer; }
div.expanded .o3repgen_reportpageblock_text                                          { border: 0.1rem solid #ccc; width: inherit; display: block; }
div.expanded .o3repgen_reportpageblock_text:hover                                    { border: 0.1rem solid black; cursor: pointer; }

div#sysReportPageViewContextMenu_div                                                 { position: absolute; }
div#sysReportPageViewContextMenu_div span.sysReportContextSpan                       { display: block; padding: 0.3rem 0; margin: 0; }
div#sysReportPageViewContextMenu_div span.reportPage_ECM_item                        { display: block; height: 1.8rem; }
div#sysReportPageViewContextMenu_div span.reportPage_ECM_item_disabled               { font-style: italic; color: #666; text-decoration: none; }
div#sysReportView_PageChoose                                                         { z-index: 51; }
div#sysReportPageViewEdit_div                                                        { position: absolute; left: 0; top: 0; } /* width: 20rem; height: 15rem;  */

/* Simple table */
table.o3simpletable > thead > tr                                                     { background: #333; color: #eee; font-weight: bold;}
table.o3simpletable > tbody > tr td                                                  { background: #ccc; color: #333; font-weight: normal; min-height: 1.6rem; }
table.o3simpletable > tbody.hoverable > tr:hover td                                  { background: #eee; }
table.o3simpletable tr td, table.o3simpletable tr th
                                                                                     { padding: 3px; }
table.o3simpletable tr.nopadd td, table.o3simpletable tr.nopadd th
                                                                                     { padding: 0px; }
table.o3simpletable tr.twopadd td, table.o3simpletable tr.twopadd th
                                                                                     { padding: 3px 0; }
table.o3simpletable tr.withborder                                                    { border-bottom:1px solid #e0e0e0; }
table.o3simpletable tr.fullborder td                                                 { border: 1px solid #e0e0e0; }
table.o3simpletable tr td.right                                                      { text-align: right; }
div#sysAnaViewExtra table.o3simpletable tr td                                        { padding: 1px; }


/* smpNewMultiSamples
   ---------------------------------------------------------------------------------  */
/*div.smpNewMulti_fixleftheader                                                      { margin-left: 20rem; overflow-x: scroll; overflow-y: visible; padding-bottom: 2rem; margin-bottom: 2rem; }*/
div.smpNewMulti_fixleftheader                                                        { overflow-x: auto; overflow-y: visible; padding-bottom: 2rem; margin-bottom: 2rem; }
table.smpNewMultiSamples                                                             { border-collapse: separate; padding-left: 1rem; padding-bottom: 25px;}
table.smpNewMultiSamples tr td,
table.smpNewMultiSamples tr th                                                       { display: inline-table; padding: 3px; margin: 0; white-space: nowrap; height: 2rem; margin-right: 1rem;}
table.smpNewMultiSamples tr td.tdheight4,
table.smpNewMultiSamples tr th.tdheight4                                             { height: 4rem; }
table.smpNewMultiSamples tr.nopadd td,
table.smpNewMultiSamples tr.nopadd th                                                { padding: 0px; }
table.smpNewMultiSamples tr.nopadd div.MFsearchobjarea span.MFsuffix                 { right: -1.5rem; position: absolute; }
table.smpNewMultiSamples tr.nopadd div.MFsearchobjarea span.MFsuffix img:first-child { display: block; margin-bottom: 0.5rem; }
table.smpNewMultiSamples tr.twopadd td,
table.smpNewMultiSamples tr.twopadd th                                               { padding: 2px 0; }
table.smpNewMultiSamples tr td.frozenleft
                                                                                     { position: absolute; left: 0; top: auto; padding: 0px 0.2rem 0px 1rem;}
table.smpNewMultiSamples tr td.tdwidth__5                                            { width: 1rem; }
table.smpNewMultiSamples tr td.tdwidth_1                                             { width: 2rem; }
table.smpNewMultiSamples tr td.tdwidth_1_5                                           { width: 4rem; }
table.smpNewMultiSamples tr td.tdwidth_1_75                                          { width: 5rem; }
table.smpNewMultiSamples tr td.tdwidth_2                                             { width: 6rem; }
table.smpNewMultiSamples tr td.tdwidth_2_5                                           { width: 8rem; }
table.smpNewMultiSamples tr td.tdwidth_3                                             { width: 10rem; }
table.smpNewMultiSamples tr td.tdwidth_4                                             { width: 15rem; }
table.smpNewMultiSamples tr td.tdwidth_5                                             { width: 18rem; }
table.smpNewMultiSamples tr td.tdwidth_6                                             { width: 22rem; }
table.smpNewMultiSamples tr td.tdwidth_7                                             { width: 26rem; }
table.smpNewMultiSamples tr td.tdwidth_8                                             { width: 30rem; }
table.smpNewMultiSamples tr td.tdwidth_9                                             { width: 34rem; }
table.smpNewMultiSamples tr td.tdwidth_10                                            { width: 38rem; }
table.smpNewMultiSamples tr td.tdwidth_11                                            { width: 42rem; }
table.smpNewMultiSamples tr td.tdwidth_12                                            { width: 46rem; }
table.smpNewMultiSamples tr td.tdwidth_13                                            { width: 50rem; }


/* PROVSVAR_GRAPH-table
   ---------------------------------------------------------------------------------  */
table.psg_table                                                                      { border-collapse: collapse; }
table.psg_table td                                                                   { font-size: 1.1rem; padding: 0 0.5rem; border: 1px solid black; }
table.psg_table td.psg_head                                                          { padding-right: 0.5rem; border: none; border-bottom:2px solid black; font-weight: bold; }

/* O3ImageMap regler
   ---------------------------------------------------------------------------------  */
.droptarget                                                                          { float: left; cursor:pointer; width: 220px; height: 118px; margin: 15px; border: 2px dashed rgba(0,0,0,0); -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2), 0 0 0 4px #eee; -moz-box-shadow:0 0 0 1px rgba(0,0,0,.2), 0 0 0 4px #eee; box-shadow:0 0 0 1px rgba(0,0,0,.2), 0 0 0 4px #eee; background:#bbb; position:relative; z-index:0; overflow:auto; overflow-x:hidden; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear 0s; -moz-transition: opacity 0.5s linear 0s; -o-transition: opacity 0.5s linear 0s; transition: opacity 0.5s linear 0s; }
.o3UploadContainer                                                                   { position:relative; }
input[class=hide]                                                                    { display:none; }
.o3ImgForm label                                                                     { display:block; background:red; height:100%; width:100%; z-index:10; }
.droptitle                                                                           { margin:0; color:#666; text-align:center; }
.pointerEventsNone                                                                   { pointer-events: none; }
#progress_bar                                                                        { -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear; -webkit-transition: opacity 0.5s linear 0s; -moz-transition: opacity 0.5s linear 0s; -o-transition: opacity 0.5s linear 0s; transition: opacity 0.5s linear 0s; top: 2px; -webkit-box-shadow: 0 0 0 3px #eeeeee; -moz-box-shadow: 0 0 0 3px #eeeeee; box-shadow: 0 0 0 3px #eeeeee; clear: both; font-size: 6px; left: 14px; opacity: 0; position: absolute; width: 226px; }
#progress_bar.loading                                                                { opacity: 1.0; }
#progress_bar .percent                                                               { background-color: rgb(255,182,0); height: auto; width: 0; }
.thumbRow                                                                            { height:34px; }
.thumbContainer                                                                      { display: inline-block; padding: 0 !important; margin-top: 5px; overflow: hidden; position: relative; width:24px; height:24px; }
.thumbContainer img                                                                  { max-height:100%; display:block; max-width:100%; left: 50%; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.thumbContainer img.tall                                                             { min-width: 100%; max-height: none; }
.thumbContainer img.wide                                                             { min-height: 100%; max-width: none; }
.thumb                                                                               { height: 20px; line-height:48px; float:left; margin: 2px; position: relative; top: -2px; }
.thumbText                                                                           { padding:0 6px 0 6px; white-space: pre; font-weight:bold; }
.thumbName                                                                           { overflow: hidden; white-space: nowrap; padding-right:5px; width:155px; max-width:155px; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.thumbClose                                                                          { padding-left:3px; }
.thumbCloseImg                                                                       { position: relative; top:1px; }

/* O3ImageMap point
   ---------------------------------------------------------------------------------  */
.o3ImgMapParent                                                                      { position: relative; float:left; border:2px solid rgba(0,0,0,0); }
.o3ImgRect, .o3ImgSavedRect                                                          { position: absolute; z-index: 50; pointer-events: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: dashed 1px #000; }
.selectDisable                                                                       { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
.o3ImgMap                                                                            { z-index:0; }
.o3ImgSavedRect                                                                      { border: 1px solid rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); cursor: pointer; pointer-events: all; }
.o3ImgSavedRect:hover                                                                { background: rgba(255,255,255,.2); }
.o3ImgOptions                                                                        { position: absolute; cursor:auto; -webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.1); box-shadow:0 0 3px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.1); top: -1px; background: #fff; padding:10px; pointer-events:all; z-index:1500; margin:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px }
.o3ImgSelectFilter                                                                   { border-top: 1px solid #ddd; margin: 0; padding: 5px 0; width: 100%; }
.fillWidth                                                                           { margin-left: 0; margin-right: 0; min-width: 100%; padding: 0 0 5px; }
.fitImg                                                                              { -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border:1px solid #444; }
.margin10                                                                            { margin:10px; }
.smallinfo                                                                           { position: absolute; -webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.1); -moz-box-shadow:0 0 3px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.1); box-shadow:0 0 3px 1px rgba(0,0,0,.3), 0 0 0 1px rgba(0,0,0,.1); background: #ffffb0; display:none; padding:2px 8px; z-index:1500; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px }

/* Specialregler som bör vara sist, eftersom de inte ska påverkas av annat!
   ---------------------------------------------------------------------------------  */
.hide                                                                                { display: none !important; }
.softhide                                                                            { display: none; }


/* O3 New Cust specials
---------------------------------------------------------------------------------  */
.new-cust-show { display: none; }

/* ---------------------------------------------------------------------------------  */
/* GENERAL CSS */

.wshCellMarked                                              { box-shadow: inset 0 0 0 2px #3583D0; border-radius: 0; }
.wshCellHidden                                              { height: 0; width: 0; left: 0; border: none!important; box-shadow: none!important; position: absolute; margin-left: 6rem !important; }

.select-disabled                                            { background: #dcdcdc; border-radius: .4rem; border: none; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; color: #000; }
.evaldiv                                                    { position: absolute; z-index: 51; }
.o3textswrap                                                { position: absolute; z-index: 51; }
.reportcc_marked                                            { background-color: rgba(255,153,0,.7)!important; background: rgba(255,153,0,.7)!important; }
.getalllimited_search_clear                                 { position: absolute; right: .9rem; top: 1.6rem; width: 1.4rem; height: 1.4rem; cursor: pointer; }
.progress-cancel                                            { position: absolute; left: 0; right: 0; line-height: 3.6rem; text-align: center; display: block; top: 0; z-index: 501; width: 10rem; margin: 0 auto!important; }
.overflow-hidden                                            { overflow-x: hidden!important; overflow-y: hidden!important; }
.cust_message_text                                          { color: #f5406a; text-transform: uppercase; font-size: 1.2rem; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; white-space: normal; word-wrap: break-word; }
.disabled                                                   { }
.bold                                                       { font-weight: bold; }
.suffiximg_align                                            { top: 14px; right: 11px; position: relative; }

/* border-radius css */
.br0                                                        { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.br0-2                                                      { -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem }
.br4-6                                                      { -webkit-border-radius: 4.6rem; -moz-border-radius: 4.6rem; border-radius: 4.6rem }

.o3popup                                                    { max-height: 72rem; height: 72rem; }
.o3popup #searchobjlist.data                                { top: 0; height: 67.4rem; }

.o3popup-parent,
.o3dialog-parent,
.o3progresstint                                             { position: relative; background: red; width: 100%; height: 100%; z-index: 9999!important; background: rgba(0,0,0,.5); display: none; top: 0; }
.o3popup,
.o3dialog,
.o3progress                                                 { display: none; max-width: 72rem; position: relative !important; z-index: 10000!important; left: 0!important; right: 0!important; float: initial !important; margin: auto; top: 0!important; bottom: 0!important; margin-bottom: auto !important; -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); overflow: visible; }

.o3dialog-parent                                            { top: 0; background: rgba(0,0,0,.5); }

.o3progress                                                 { height: 3.6rem; }
.progressBorder                                             { height: 100%; width: 100%; border: none; -webkit-border-radius: .4rem!important; -moz-border-radius: .4rem!important; border-radius: .4rem!important; background: #1D1F26; border-left: .4rem solid #1D1F26!important; border-right: .4rem solid #1D1F26!important; }
.progressBar                                                { background: #ff9900; -webkit-border-radius: .4rem!important; -moz-border-radius: .4rem!important; border-radius: .4rem!important; height: 2.8rem; margin-left: 0.4rem; margin-top: 0.4rem; }
.o3progress                                                 { -webkit-border-radius: .4rem!important; -moz-border-radius: .4rem!important; border-radius: .4rem!important; }
.o3progress span                                            { line-height: 3.6rem; color: #fff; text-decoration: none; letter-spacing: .1rem; }

.o3popup-parent,
.o3dialog-parent,
.o3progresstint,
.o3popup,
.o3dialog,
.o3dialogcontainer,
.o3progress                                                 { position: fixed!important; }

.o3dialog-title-container                                   { background: #000; height: 4.6rem; }
.o3dialog-title                                             { text-align: center; color: #fff; letter-spacing: .1rem; font-size: 1.3rem; font-family: 'Montserrat'; text-transform: uppercase; }

.o3dialog-message-container,
.o3dialog-submessage-container,
.o3dialog-repeat-container,
.o3dialog-buttons                                           { text-align: center; list-style: none; white-space: normal; }
.o3dialog-buttons                                           { margin: .5rem 0; }
.o3dialog-message,
.o3dialog-repeat,
.o3dialog-submessage                                        { padding: 1.8rem; -webkit-box-shadow: inset 0 -1px 0 0 #b9bbbe; -moz-box-shadow: inset 0 -1px 0 0 #b9bbbe; box-shadow: inset 0 -1px 0 0 #b9bbbe; color: #353535; letter-spacing: .05rem; line-height: 1.8rem; font-size: 1.2rem; font-family: 'Montserrat'; white-space: normal; text-align: center; }
.o3dialog-button-element                                    { white-space: normal; margin: .5rem; position: relative; text-align: center; display: inline-block; }

.o3dialog-button                                            { min-width: 3.6rem; height: 3.6rem; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); }
/* .o3dialog-button:after                                      { height: 2.3rem; display: block; width: 1px; background: #c9cbce; content: ''; right: 0px; position: absolute; top: 1.15rem; }
.o3dialog-button:before                                     { height: 2.3rem; display: block; width: 1px; background: #c9cbce; content: ''; left: -1px; position: absolute; top: 1.15rem; } */

.o3dialog-button-text                                       { width: auto; padding-right: 0.9rem; padding-left: 0.9rem; text-align: left; font-size: 1.2rem; font-family: montserrat; font-weight: 500; color: #000; letter-spacing: 0.05rem; }

.o3dialog-buttons:last-child .o3dialog-button::after        { content: none; }

.o3dialog-repeat                                            { box-shadow: none; padding-bottom: .9rem; }
.o3dialog-repeat-input                                      { margin-right: .5rem; margin-top: 0; position: relative; top: 0.1rem; }

.o3dialog-buttons-container                                 { background: #ccc; position: absolute; bottom: 0; -webkit-box-shadow: inset 0 1px 0 0 #b9bbbe; -moz-box-shadow: inset 0 1px 0 0 #b9bbbe; box-shadow: inset 0 1px 0 0 #b9bbbe; }
.o3dialog-messages-container                                { max-height: 32rem; overflow-y: auto; overflow-x: hidden; word-wrap: break-word; white-space: normal; }

.o3proc-active                                              { border: none!important; font-weight: initial; color: #696969; cursor: not-allowed!important; }
.o3proc-active.button                                       { background-color: #dcdcdc!important; background: #dcdcdc!important; -webkit-box-shadow: inset 0 0 0 1px #b9bbbe!important; -moz-box-shadow: inset 0 0 0 1px #b9bbbe!important; box-shadow: inset 0 0 0 1px #b9bbbe!important; }
.o3proc-active:hover,
.o3proc-active:active,
.o3proc-active:focus                                        { border: none!important; }
.o3proc-active.top-center-main-button,
.o3proc-active.menu-toggle-element,
.o3proc-active.o3mainToolImg { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; background-color: none!important; background: none!important; }
.o3proc-active span,
.o3proc-active input,
.o3proc-active textarea,
.o3proc-active button,
.o3proc-active div,
.o3proc-active img,
.o3proc-active p,
.o3proc-active table,
.o3proc-active tr,
.o3proc-active td,
.o3proc-active::after,
.o3proc-active .top-center-menu-icon,
.o3proc-active .top-center-menu-text  { display: none; }
.o3proc-active-spinner-container { display: table!important; }
.o3proc-active-spinner-container .o3proc-active-spinner { display: block!important; }
.o3proc-active-spinner-container .d-cell { display: table-cell!important; }

.tablefixed                                                 { table-layout: fixed; }

.ul-horizontal li                                           { float: left; }

.small-hide                                                 { display: none; }

/* responsive css */
.columns                                                    { width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; }
.twelve > .columns                                          { margin-left: 0; }
.twelve > .columns:first-of-type                            { margin-left: 0; }
.d-table                                                    { display: table; vertical-align: middle; width: 100%; float: left; height: 100%; }
.d-row                                                      { display: table-row; }
.d-cell                                                     { display: table-cell; vertical-align: middle; }
.acontainer                                                 { float: left; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 1.8rem; margin-bottom: 3rem; overflow-x: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.o3table-padding td,
.o3table-padding th                                         { padding: .2rem .6rem; }

.o3dialog                                                   { max-width: 52rem; overflow: hidden; background: #CCCCCC; min-height: 9.2rem; max-height: 72rem; position: relative!important; -webkit-box-shadow: 0 1px 30px 0 rgba(0,0,0,0.3), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); -moz-box-shadow: 0 1px 30px 0 rgba(0,0,0,0.3), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); box-shadow: 0 1px 30px 0 rgba(0,0,0,0.3), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); }
/* .toolbartarget                                              { height: 4.6rem; float: initial; position: absolute; left: 0; top: 0; display: initial; z-index: 1; margin-top: 0; margin-right: 0; width: 100%; background: #f5f5f5; -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12); -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12); } */

.scroll-horizontal-4                                        { display: table; table-layout: fixed; width: 100%; }
.scroll-horizontal-3                                        { overflow-x: auto; display: inline-block; max-width: 100%; width: 100%; }
.scroll-horizontal-2                                        { display: table; width: 100%; float: left; }
.scroll-horizontal-1                                        { display: table-row; width: 100%; float: left; white-space: nowrap; }
.scroll-horizontal-element,
.o3dialog-scroll-horizontal-element                         { display: inline-block; float: none; }


/* Datepicker */
#MFdateimg                                                  { position: absolute; right: 0; top: 0; height: 1.6rem; }
#MFdatediv                                                  { opacity: 1!important; -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); border: none!important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 32.4rem!important; height: auto!important; }
div.o3datediv                                               { height: auto; }
div.o3datediv ul                                            { width: 100%; margin: 0; padding: 0; }
div.o3datediv ul li                                         { height: 3.6rem; width: 12.5%; border-right: none; border-bottom: none; -webkit-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16; -moz-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16; box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16; padding-top: 0; text-indent: 0; text-align: center; line-height: 3.6rem; }
div.o3datediv ul li span                                    { min-width: 1rem; }
div.o3datediv ul li.first                                   { border-left: none; -webkit-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 1px 0 0 0 #0D0F16; -moz-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 1px 0 0 0 #0D0F16; box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 1px 0 0 0 #0D0F16; }
div.o3datediv ul li.week                                    { border-left: none; background: #20BA44; margin: 0; }
div.o3datediv ul li.empty                                   { cursor: default; }
div.o3datediv ul li.weekheader                              { border-top: none; border-left: none; margin: 0; background: #2D2F36; -webkit-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16; -moz-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16; box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16; text-indent: 0; font-size: 1.3rem; text-align: center; line-height: 3.6rem; }
div.o3datediv ul li.header                                  { border-top: none; background: #2D2F36; -webkit-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16; -moz-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16; box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16; text-indent: 0; font-size: 1.3rem; text-align: center; line-height: 3.6rem; }
div.o3datediv table                                         { margin: 0; }
div.o3datediv table td.date_col3                            { text-align: right; }
div.o3datediv span.today                                    { padding: 0; margin: 0; }
div.o3datediv li.header:first-child                         { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16, inset 1px 0 0 0 #0d0f16; -moz-box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16, inset 1px 0 0 0 #0d0f16; box-shadow: inset -1px 0 0 0 #0D0F16, inset 0 -1px 0 0 #0D0F16, inset 0 1px 0 0 #0D0F16, inset 1px 0 0 0 #0d0f16; }
div.o3datediv li.weekheader                                 { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; }
/* Datepicker */

/* background css */
.bg-none                                                    { background: none; }
.bg-white                                                   { background: #ffffff; }
.bg-lightgray                                               { background: #f5f5f5; }
.bg-gray                                                    { background: #F3F6F8; }
.bg-dark                                                    { background: #1D1F26; }
.bg-dark-highlight                                          { background: #2B2D34; }
.bg-orange                                                  { background: #F57F20; }
.bg-red                                                     { background: #e64040!important; }

/* overwrite backgrounds and colors */
.o3text_alert                                               { color: #e64040!important; }
.bg333                                                      { background: #3D3F46; }

/* buttons */
.flatbutton                                                 { -webkit-background-size: 1.6rem 1.6rem; -moz-background-size: 1.6rem; -o-background-size: 1.6rem; background-size: 1.6rem; background-position: center center; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; background-color: transparent; border: none; min-width: 3.6rem; height: 3.2rem!important; margin: 0.7rem; margin-right: 0; border-radius: .4rem; }
.flatbutton:disabled                                        { opacity: 0.3!important; cursor: not-allowed; }

/* bezier transition */
.trio-center-container,
.top-center-container,
.trio-left,
.trio-right,
.opacityhover,
.flatbutton,
.menu-toggle-element,
.hoverTitleElement,
.progressBar,
.trio-left2                                                 { -webkit-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -o-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -moz-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; }
.notransition                                               { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; }
.nowrap                                                     { white-space: nowrap; }
.textwrap                                                   { word-wrap: break-word; white-space: normal; }

/*.opacityhover*/
.opacityhover                                               { cursor: pointer; }
.opacityhover:hover p,
.opacityhover:hover span                                    { cursor: pointer; pointer-events: none; }
.opacityhover:hover                                         { opacity: 1; cursor: pointer; background-color: rgba(255,255,255, 0.10); }
.opacityhover-dark:hover,
.o3tabletool > div > div > div.button:hover                 { background-color: rgba(0,0,0,.1); }
.opacityhover-dark:disabled                                 { background-color: rgba(0,0,0,0); cursor: not-allowed; }
.opacityhover:active,
.o3tabletool > div > div > div.button:active                { background-color: rgba(0,0,0,.2); }
.opacityhover:disabled                                      { background-color: rgba(0,0,0,0); cursor: not-allowed; }
.opacityhover img,
.opacityhover span,
.opacityhover p,
.opacityhover div                                           { pointer-events: none; }

/* login */
.o3login                                                    { position: relative; width: 100%; height: 100%; margin: 0!important; }
.login-background                                           { position: absolute; height: 100%; width: 100%; background: #fff; top: 0; }
.login-container                                            { width: 100%; max-width: 100%; height: 100%; max-height: 100%; z-index: 10000; float: initial !important; margin: auto; margin-left: auto!important; position: relative; }
.login-form-row                                             { padding-left: 3.6rem; padding-right: 3.6rem; }
.login-info-container                                       { width: 50%; height: 100%; background: #2B2D34; float: left; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; background-position: center bottom; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.login-form-container                                       { width: 100%; height: 100%; background: #fff; float: left; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.login-button                                               { max-width: 25rem!important; }
.login-logo                                                 { max-width: 20rem; display: block; margin: 0 auto; }
.login-form-input-title                                     { float: left; font-size: 1.3rem; font-weight: 500; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; letter-spacing: .05rem; }
.login-form-input                                           { max-width: 100%!important; height: 3.6rem !important; font-size: 1.2rem !important; padding: 0 1.8rem !important; width: 100%; }
.login-title                                                { color: #f2f3f5; font-size: 2.4rem; padding-bottom: 3.6rem; font-weight: 300; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; word-wrap: break-word; white-space: normal; line-height: 3rem; }
.login-text                                                 { color: #d2d3d5; font-size: 1.3rem; white-space: normal; word-wrap: break-word; line-height: 2rem; font-weight: 300; }

/* box-shadow css */
.bs0   /* all sides */                                      { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; }
.bs    /* all sides */                                      { -webkit-box-shadow: inset 0 0 0 1px #d9dbde; -moz-box-shadow: inset 0 0 0 1px #d9dbde; box-shadow: inset 0 0 0 1px #d9dbde; }
.bs-o   /* all sides (outer) */                             { -webkit-box-shadow: 0 0 0 1px #d9dbde; -moz-box-shadow: 0 0 0 1px #d9dbde; box-shadow: 0 0 0 1px #d9dbde; }
.bs-l  /* left */                                           { -webkit-box-shadow: inset 1px 0 0 0 #d9dbde; -moz-box-shadow: inset 1px 0 0 0 #d9dbde; box-shadow: inset 1px 0 0 0 #d9dbde; }
.bs-t  /* top */                                            { -webkit-box-shadow: inset 0 1px 0 0 #d9dbde; -moz-box-shadow: inset 0 1px 0 0 #d9dbde; box-shadow: inset 0 1px 0 0 #d9dbde; }
.bs-tb /* top + bottom*/                                    { -webkit-box-shadow: inset 0 -1px 0 0 #d9dbde, inset 0 1px 0 0 #d9dbde; -moz-box-shadow: inset 0 -1px 0 0 #d9dbde, inset 0 1px 0 0 #d9dbde; box-shadow: inset 0 -1px 0 0 #d9dbde, inset 0 1px 0 0 #d9dbde; }
.bs-r  /* right */                                          { -webkit-box-shadow: inset -1px 0 0 0 #d9dbde; -moz-box-shadow: inset -1px 0 0 0 #d9dbde; box-shadow: inset -1px 0 0 0 #d9dbde; }
.bs-b  /* bottom */                                         { -webkit-box-shadow: inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 0 -1px 0 0 #d9dbde; box-shadow: inset 0 -1px 0 0 #d9dbde; }
.bs-lb /* left + bottom */                                  { -webkit-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde }
.bs-ltb/* left + top + bottom */                            { -webkit-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 1px 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 1px 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; box-shadow: inset 1px 0 0 0 #d9dbde, inset 0 1px 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde }
.bs-rlb/* right + left + bottom */                          { -webkit-box-shadow: inset 1px 0 0 0 #d9dbde, inset -1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset 1px 0 0 0 #d9dbde, inset -1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; box-shadow: inset 1px 0 0 0 #d9dbde, inset -1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; }
.bs-rb /* right + bottom */                                 { -webkit-box-shadow: inset -1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; -moz-box-shadow: inset -1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde; box-shadow: inset -1px 0 0 0 #d9dbde, inset 0 -1px 0 0 #d9dbde }
.bs-dark    /* all sides */                                 { -webkit-box-shadow: inset 0 0 0 1px #3D3F46; -moz-box-shadow: inset 0 0 0 1px #3D3F46; box-shadow: inset 0 0 0 1px #3D3F46; }
.bs-dark-l  /* left */                                      { -webkit-box-shadow: inset 1px 0 0 0 #3D3F46; -moz-box-shadow: inset 1px 0 0 0 #3D3F46; box-shadow: inset 1px 0 0 0 #3D3F46; }
.bs-dark-t  /* top */                                       { -webkit-box-shadow: inset 0 1px 0 0 #3D3F46; -moz-box-shadow: inset 0 1px 0 0 #3D3F46; box-shadow: inset 0 1px 0 0 #3D3F46; }
.bs-dark-tb /* top + bottom*/                               { -webkit-box-shadow: inset 0 -1px 0 0 #3D3F46, inset 0 1px 0 0 #3D3F46; -moz-box-shadow: inset 0 -1px 0 0 #3D3F46, inset 0 1px 0 0 #3D3F46; box-shadow: inset 0 -1px 0 0 #3D3F46, inset 0 1px 0 0 #3D3F46; }
.bs-dark-r  /* right */                                     { -webkit-box-shadow: inset -1px 0 0 0 #3D3F46; -moz-box-shadow: inset -1px 0 0 0 #3D3F46; box-shadow: inset -1px 0 0 0 #3D3F46; }
.bs-dark-b  /* bottom */                                    { -webkit-box-shadow: inset 0 -1px 0 0 #3D3F46; -moz-box-shadow: inset 0 -1px 0 0 #3D3F46; box-shadow: inset 0 -1px 0 0 #3D3F46; }
.bs-dark-lb /* left + bottom */                             { -webkit-box-shadow: inset 1px 0 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46; -moz-box-shadow: inset 1px 0 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46; box-shadow: inset 1px 0 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46 }
.bs-dark-ltb/* left + top + bottom */                       { -webkit-box-shadow: inset 1px 0 0 0 #3D3F46, inset 0 1px 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46; -moz-box-shadow: inset 1px 0 0 0 #3D3F46, inset 0 1px 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46; box-shadow: inset 1px 0 0 0 #3D3F46, inset 0 1px 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46 }
.bs-dark-rb /* right + bottom */                            { -webkit-box-shadow: inset -1px 0 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46; -moz-box-shadow: inset -1px 0 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46; box-shadow: inset -1px 0 0 0 #3D3F46, inset 0 -1px 0 0 #3D3F46 }

.noresize                                                   { resize: none; }

.vertalign-top                                              { vertical-align: top; }
.vertalign-bottom                                           { vertical-align: bottom; }

/* ajax progress */
.o3AjaxProgressContainer                                                             { background: rgba(0,0,0,.2); position: fixed; z-index: 1000000000; }
.o3AjaxProgress                                                                      { margin: 0 auto; max-width: 400px; padding: 16px; background: #fff; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); }
.o3AjaxProgressBar                                                                   { width: 0%; background: #C22; height: 4px; margin-bottom: 13px; }

.border-box                                                 { -webkit-border-box: border-box; -moz-border-box: border-box; box-sizing: border-box; }

.o3popup #searchobjlisttool                                 { position: relative; top: 0; left: 0; width: 100%; }
.o3popup thead                                              { top: 0; height: 4.6rem!important; border-bottom: none; }
.o3popup thead td                                           { font-weight: 500; height: 4.6rem; line-height: 4.6rem; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; font-size: 1.1rem; letter-spacing: 0.05rem; }
.o3popup #searchobjlist.data                                { top: 0; height: initial; }
.o3popup #searchobjlist span                                { padding: 0; height: 3.6rem; line-height: 3.6rem; }
.o3popup                                                    { overflow-y: auto; position: relative!important; }

.searchheader-search                                        {  height: 2.7rem; padding: 0 0.9rem; padding-right: 3rem; width: 100%!important; max-width: 100%!important; background: #f5f5f5; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; border-radius: .2rem; border: none; -webkit-appearance: none; -webkit-box-shadow: inset 0 0 0 1px #c9cbce; -moz-box-shadow: inset 0 0 0 1px #c9cbce; box-shadow: inset 0 0 0 1px #c9cbce; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; }
.searchheader-container                                     { position: relative; width: 10rem; max-width: 10rem; min-width: 10rem; }
.searchheader-container                                     { position: relative; width: 10rem; max-width: 10rem; min-width: 10rem; }

.getalllimited-search-table                                 { width: 100%; }
.getalllimited-search-table td:first-child                  { padding-left: 1.8rem; padding-right: 0rem; }
.getalllimited-search-table td                              { padding: 0 0.9rem; padding-right: 0; height: 2.7rem; }

.clean-tableheader,
.clean-tablefooter                                          { height: 3.6rem; color: #333; font-size: 1.1rem; border-top-left-radius: .4rem; border-top-right-radius: .4rem; font-family: "montserrat", "Helvetica Neue", verdana, Helvetica, "Segoe UI"; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12) !important; background: #f5f5f5; }
.clean-tablefooter                                          { box-shadow: inset 0 1px 0 0 rgba(0,0,0,.12) !important; border-radius: 0rem; background: none; }
.clean-table                                                { overflow: scroll; width: 100%; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); background: #fff; border-radius: .4rem; }
.clean-table tr.horz                                        {  }
.clean-table tr.horz:hover                                  { background: #f5f5f5!important; }
.clean-table tr.horz > td,
.clean-tableheader tr > td,
.clean-tablefooter tr > td                                  { font-size: 1.1rem; height: 2rem!important; padding-left: 1.8rem; padding-right: 1.8rem; text-transform: uppercase; }

.wsh-hover-row                                              { background: #ccc; }

input[type="checkbox"]:disabled                             { cursor: not-allowed; }

.wsh-other-div                                              { cursor: pointer; background: #9c9c9c; border-radius: .2rem; margin: .2rem; margin-right: 0.2rem; margin-left: 0.2rem; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); margin-left: 3.3rem; margin-right: 1.9rem; }

.expand-class                                               { overflow: hidden; margin: 0; max-height: 0; }

/* GENERAL CSS */
/* ------------------------------------------------------- */
/* WIDTH CSS, HEIGHT CSS, PADDING CSS, MARGIN CSS*/

.tgl-onclick-choose-label                                   { display: block; }
.tgl-onclick-choose-label:after                             { content: "▾"; position: absolute; color: #555; width: 1.4rem; height: 1.8rem; background: #ccc; text-align: center; pointer-events: none; left: 0; font-size: 1.4rem; top: -.2rem; }
.tgl-onclick-choose                                         { border: none; display: block; overflow: hidden; background-color: transparent; width: 1.4rem; height: 1.4rem; float: left; height: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.input-dark                                                 { background: #2D2F36!important; color: #fff!important; border: 1px solid #0E1017!important; height: 3.6rem!important; padding: 0 .9rem!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; }

.h100p                                                      { height: 100%; min-height: 100%; max-height: 100%; }
.w50p                                                       { width: 50%; min-width: 50%; max-width: 50%; }
.w100p                                                      { width: 100%!important; min-width: 100%!important; max-width: 100%!important; }

/* line-height css */
.lh1-7                                                      { line-height: 1.7rem!important; }
.lh1-8                                                      { line-height: 1.8rem!important; }
.lh2-7                                                      { line-height: 2.7rem!important; }
.lh3-6                                                      { line-height: 3.6rem!important; }
.lh4-6                                                      { line-height: 4.6rem!important; }

/* positioning css */
.left0                                                      { left: 0!important; }
.left3-4                                                    { left: 3.4rem; }
.right0                                                     { right: 0!important; }
.top1                                                       { top: 1rem!important; }

/* border css */
.bt0                                                        { border-top: 0; }
.bb0                                                        { border-bottom: 0; }

/* width css */
.winitial                                                   { width: auto; }
.w2-7                                                       { width: 2.7rem; max-width: 2.7rem; min-width: 2.7rem;}
.w3-6                                                       { width: 3.6rem!important; max-width: 3.6rem!important; min-width: 3.6rem!important;}
.w4-6                                                       { width: 4.6rem; max-width: 4.6rem; min-width: 4.6rem;}
.w6                                                         { width: 6rem; max-width: 6rem; min-width: 6rem;}
.w7                                                         { width: 7rem; max-width: 7rem; min-width: 7rem;}
.w10                                                        { width: 10rem; max-width: 10rem; min-width: 10rem;}
.w14                                                        { width: 14rem!important; max-width: 14rem!important; min-width: 14rem!important;}
.w15                                                        { width: 15rem!important; max-width: 15rem!important; min-width: 15rem!important;}
.w20                                                        { width: 20rem; max-width: 20rem; min-width: 20rem;}
.w21                                                        { width: 21rem; max-width: 21rem; min-width: 21rem;}
.w24                                                        { width: 24rem; max-width: 24rem; min-width: 24rem;}
.w25-6                                                      { width: 25.6rem; max-width: 25.6rem; min-width: 25.6rem;}
.w26                                                        { width: 26rem; max-width: 26rem; min-width: 26rem;}
.w27-4                                                      { width: 27.4rem; max-width: 27.4rem; min-width: 27.4rem;}

/* height css */
.h-8                                                        { height: .8rem!important; max-height: .8rem!important; min-height: .8rem!important;}
.h1-2                                                       { height: 1.2rem; max-height: 1.2rem; min-height: 1.2rem;}
.h1-4                                                       { height: 1.4rem; max-height: 1.4rem; min-height: 1.4rem;}
.h1-8                                                       { height: 1.8rem!important; max-height: 1.8rem!important; min-height: 1.8rem!important;}
.h2                                                         { height: 2rem; max-height: 2rem; min-height: 2rem;}
.h2-7                                                       { height: 2.7rem!important; max-height: 2.7rem!important; min-height: 2.7rem!important;}
.h3                                                         { height: 3rem; max-height: 3rem; min-height: 3rem;}
.h3-6                                                       { height: 3.6rem; max-height: 3.6rem; min-height: 3.6rem;}
.h4                                                         { height: 4rem; max-height: 4rem; min-height: 4rem;}
.h4-6                                                       { height: 4.6rem!important; max-height: 4.6rem!important; min-height: 4.6rem!important;}
.h6                                                         { height: 6rem; max-height: 6rem; min-height: 6rem;}
.h7                                                         { height: 7rem; max-height: 7rem; min-height: 7rem;}
.h9                                                         { height: 9rem; max-height: 9rem; min-height: 9rem;}
.h12                                                        { height: 12rem!important; max-height: 12rem!important; min-height: 12rem!important;}
.h30                                                        { height: 30rem; max-height: 30rem; min-height: 30rem;}

/* Padding 0.5, 1, 2, 3, 6, 0 rem */
.p-1                                                        { padding: .1rem; }
.p-5                                                        { padding: .5rem; }
.p-9                                                        { padding: .9rem; }
.p1                                                         { padding: 1.0rem; }
.p1-8                                                       { padding: 1.8rem; }
.p2                                                         { padding: 2.0rem; }
.p3                                                         { padding: 3.0rem; }
.p3-6                                                       { padding: 3.6rem; }
.p6                                                         { padding: 6.0rem; }
.p8                                                         { padding: 8.0rem; }
.p0                                                         { padding: 0!important; }
/* left */
.pl-1                                                       { padding-left: .1rem; }
.pl-5                                                       { padding-left: .5rem; }
.pl-9                                                       { padding-left: .9rem; }
.pl1                                                        { padding-left: 1.0rem; }
.pl1-8                                                      { padding-left: 1.8rem; }
.pl2                                                        { padding-left: 2.0rem; }
.pl3                                                        { padding-left: 3.0rem; }
.pl3-6                                                      { padding-left: 3.6rem; }
.pl4-6                                                      { padding-left: 4.6rem; }
.pl6                                                        { padding-left: 6.0rem; }
.pl0                                                        { padding-left: 0!important; }
/* top */
.pt-1                                                       { padding-top: .1rem; }
.pt-5                                                       { padding-top: .5rem; }
.pt-9                                                       { padding-top: .9rem!important; }
.pt1                                                        { padding-top: 1.0rem; }
.pt1-8                                                      { padding-top: 1.8rem; }
.pt2                                                        { padding-top: 2.0rem; }
.pt2-8                                                      { padding-top: 2.8rem; }
.pt3                                                        { padding-top: 3.0rem; }
.pt3-6                                                      { padding-top: 3.6rem; }
.pt4-6                                                      { padding-top: 4.6rem; }
.pt6                                                        { padding-top: 6.0rem; }
.pt6-4                                                      { padding-top: 6.4rem; }
.pt0                                                        { padding-top: 0!important; }
/* right */
.pr-1                                                       { padding-right: .1rem; }
.pr-5                                                       { padding-right: .5rem; }
.pr-9                                                       { padding-right: .9rem!important; }
.pr1                                                        { padding-right: 1.0rem; }
.pr1-8                                                      { padding-right: 1.8rem; }
.pr2                                                        { padding-right: 2.0rem; }
.pr3                                                        { padding-right: 3.0rem; }
.pr6                                                        { padding-right: 6.0rem; }
.pr0                                                        { padding-right: 0!important; }
/* bottom */
.pb-1                                                       { padding-bottom: .1rem; }
.pb-4                                                       { padding-bottom: .4rem; }
.pb-5                                                       { padding-bottom: .5rem; }
.pb-9                                                       { padding-bottom: .9rem!important; }
.pb1                                                        { padding-bottom: 1.0rem; }
.pb1-8                                                      { padding-bottom: 1.8rem; }
.pb2                                                        { padding-bottom: 2.0rem; }
.pb3                                                        { padding-bottom: 3.0rem; }
.pb3-6                                                      { padding-bottom: 3.6rem; }
.pb4-6                                                      { padding-bottom: 4.6rem; }
.pb6                                                        { padding-bottom: 6.0rem; }
.pb0                                                        { padding-bottom: 0!important; }
/* left + right */
.plr-9                                                      { padding-left: .9rem; padding-right: .9rem; }
.plr-1                                                      { padding-left: .1rem; padding-right: .1rem; }
.plr-5                                                      { padding-left: .5rem; padding-right: .5rem; }
.plr1                                                       { padding-left: 1.0rem; padding-right: 1.0rem; }
.plr1-8                                                     { padding-left: 1.8rem; padding-right: 1.8rem; }
.plr2                                                       { padding-left: 2.0rem; padding-right: 2.0rem; }
.plr3                                                       { padding-left: 3.0rem; padding-right: 3.0rem; }
.plr6                                                       { padding-left: 6.0rem; padding-right: 6.0rem; }
.plr8                                                       { padding-left: 8.0rem; padding-right: 8.0rem; }
.plr0                                                       { padding-left: 0; padding-right: 0; }
/* top + bottom */
.ptb-1                                                      { padding-top: .1rem; padding-bottom: .1rem; }
.ptb-2-5                                                    { padding-top: .25rem; padding-bottom: .25rem; }
.ptb-5                                                      { padding-top: .5rem; padding-bottom: .5rem; }
.ptb-9                                                      { padding-top: .9rem; padding-bottom: .9rem; }
.ptb1                                                       { padding-top: 1.0rem; padding-bottom: 1.0rem; }
.ptb1-8                                                     { padding-top: 1.8rem; padding-bottom: 1.8rem; }
.ptb2                                                       { padding-top: 2.0rem; padding-bottom: 2.0rem; }
.ptb3                                                       { padding-top: 3.0rem; padding-bottom: 3.0rem; }
.ptb3-6                                                     { padding-top: 3.6rem; padding-bottom: 3.6rem; }
.ptb6                                                       { padding-top: 6.0rem; padding-bottom: 6.0rem; }
.ptb0                                                       { padding-top: 0; padding-bottom: 0; }

/* Margin 0.5, 1, 2, 3, 6, 0 rem */
.m-1                                                        { margin: .1rem; }
.m-5                                                        { margin: .5rem; }
.m-9                                                        { margin: .9rem; }
.m1                                                         { margin: 1.0rem; }
.m1-8                                                       { margin: 1.8rem; }
.m2                                                         { margin: 2.0rem; }
.m3                                                         { margin: 3.0rem; }
.m3-6                                                       { margin: 3.6rem; }
.m4-6                                                       { margin: 4.6rem; }
.m6                                                         { margin: 6.0rem; }
.m0auto                                                     { margin: 0 auto!important; }
.m0                                                         { margin: 0!important; }
/* left */
.ml-1                                                       { margin-left: .1rem; }
.ml-5                                                       { margin-left: .5rem; }
.ml-9                                                       { margin-left: .9rem; }
.ml1                                                        { margin-left: 1.0rem; }
.ml1-8                                                      { margin-left: 1.8rem; }
.ml2                                                        { margin-left: 2.0rem; }
.ml3                                                        { margin-left: 3.0rem; }
.ml6                                                        { margin-left: 6.0rem; }
.ml0                                                        { margin-left: 0!important; }
/* top */
.mt-1                                                       { margin-top: .1rem; }
.mt-5                                                       { margin-top: .5rem; }
.mt-9                                                       { margin-top: .9rem; }
.mt1                                                        { margin-top: 1.0rem; }
.mt1-8                                                      { margin-top: 1.8rem; }
.mt2                                                        { margin-top: 2.0rem; }
.mt3                                                        { margin-top: 3.0rem; }
.mt3-6                                                      { margin-top: 3.6rem; }
.mt4-6                                                      { margin-top: 4.6rem; }
.mt6                                                        { margin-top: 6.0rem; }
.mt0                                                        { margin-top: 0!important; }
/* right */
.mr-1                                                       { margin-right: .1rem; }
.mr-4                                                       { margin-right: .4rem; }
.mr-5                                                       { margin-right: .5rem; }
.mr-9                                                       { margin-right: .9rem; }
.mr1                                                        { margin-right: 1.0rem; }
.mr1-8                                                      { margin-right: 1.8rem; }
.mr2                                                        { margin-right: 2.0rem; }
.mr3                                                        { margin-right: 3.0rem; }
.mr3-6                                                      { margin-right: 3.6rem; }
.mr4-6                                                      { margin-right: 4.6rem; }
.mr6                                                        { margin-right: 6.0rem; }
.mr18-8                                                     { margin-right: 18.8rem!important; }
.mr0                                                        { margin-right: 0!important; }
/* bottom */
.mb-1                                                       { margin-bottom: .1rem; }
.mb-5                                                       { margin-bottom: .5rem; }
.mb-9                                                       { margin-bottom: .9rem; }
.mb1                                                        { margin-bottom: 1.0rem; }
.mb1-8                                                      { margin-bottom: 1.8rem; }
.mb2                                                        { margin-bottom: 2.0rem; }
.mb3                                                        { margin-bottom: 3.0rem; }
.mb3-6                                                      { margin-bottom: 3.6rem; }
.mb4-6                                                      { margin-bottom: 4.6rem; }
.mb6                                                        { margin-bottom: 6.0rem; }
.mb0                                                        { margin-bottom: 0!important; }
/* left + right */
.mlr-auto                                                   { margin: 0 auto; }
.mlr-1                                                      { margin-left: .1rem; margin-right: .1rem; }
.mlr-5                                                      { margin-left: .5rem; margin-right: .5rem; }
.mlr-9                                                      { margin-left: .9rem; margin-right: .9rem; }
.mlr1                                                       { margin-left: 1.0rem; margin-right: 1.0rem; }
.mlr1-8                                                     { margin-left: 1.8rem; margin-right: 1.8rem; }
.mlr2                                                       { margin-left: 2.0rem; margin-right: 2.0rem; }
.mlr3                                                       { margin-left: 3.0rem; margin-right: 3.0rem; }
.mlr3-6                                                     { margin-left: 3.6rem; margin-right: 3.6rem; }
.mlr4-6                                                     { margin-left: 4.6rem; margin-right: 4.6rem; }
.mlr6                                                       { margin-left: 6.0rem; margin-right: 6.0rem; }
.mlr0                                                       { margin-left: 0!important; margin-right: 0!important; }
/* top + bottom */
.mtb-1                                                      { margin-top: .1rem; margin-bottom: .1rem; }
.mtb-5                                                      { margin-top: .5rem; margin-bottom: .5rem; }
.mtb-9                                                      { margin-top: .9rem; margin-bottom: .9rem; }
.mtb1                                                       { margin-top: 1.0rem; margin-bottom: 1.0rem; }
.mtb1-8                                                     { margin-top: 1.8rem; margin-bottom: 1.8rem; }
.mtb2                                                       { margin-top: 2.0rem; margin-bottom: 2.0rem; }
.mtb3                                                       { margin-top: 3.0rem; margin-bottom: 3.0rem; }
.mtb3-6                                                     { margin-top: 3.6rem; margin-bottom: 3.6rem; }
.mtb4-6                                                     { margin-top: 4.6rem; margin-bottom: 4.6rem; }
.mtb6                                                       { margin-top: 6.0rem; margin-bottom: 6.0rem; }
.mtb0                                                       { margin-top: 0!important; margin-bottom: 0!important; }

/* WIDTH CSS, HEIGHT CSS, PADDING CSS, MARGIN CSS*/
/* ------------------------------------------------------- */
/* OVERRIDE CSS */

.hauto                                                      { height: auto!important; }
.wauto                                                      { width: auto!important; }
.t-0                                                        { top: 0; }
.b-trr0                                                     { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; }
.b-tlr0                                                     { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; }

/* OVERRIDE CSS */
/* ------------------------------------------------------- */
/* RESPONSIVE CSS */

@media (max-width: 960px)                                   {
.searchobjlist                                              { height: auto!important; }
.o3popup                                                    { height: 100%; position: fixed!important; }
}

/* For devices larger than 960px */
@media (min-width: 960px)                                   {

.twelve > .columns                                          { margin-left: 4%; }

/* responsive css */
.one.columns                                                { width: 4.66666666667%; }
.two.columns                                                { width: 13.3333333333%; }
.three.columns                                              { width: 22%;            }
.four.columns                                               { width: 30.6666666667%; }
.five.columns                                               { width: 39.3333333333%; }
.six.columns                                                { width: 48%;            }
.seven.columns                                              { width: 56.6666666667%; }
.eight.columns                                              { width: 65.3333333333%; }
.nine.columns                                               { width: 74.0%;          }
.ten.columns                                                { width: 82.6666666667%; }
.eleven.columns                                             { width: 91.3333333333%; }
.twelve.columns                                             { width: 100%; margin-left: 0; }
.one-third.column                                           { width: 30.6666666667%; }
.two-thirds.column                                          { width: 65.3333333333%; }
.one-half.column                                            { width: 48%; }

.login-background                                           { position: fixed; background: #1D1F26; }
.login-container                                            { width: 96rem; max-width: 96rem; height: 72rem; max-height: 72rem; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.login-form-row                                             { padding-left: 8rem; padding-right: 8rem; }
.login-form-container                                       { width: 50%; }

.small-hide                                                 { display: block; }

.searchheader-container                                     { width: 20rem; max-width: 20rem; min-width: 20rem; }

}

/* RESPONSIVE CSS */
/* ------------------------------------------------------- */

.greenInput                                                                          { background-color: #18db02 !important; }
.redInput                                                                            { box-shadow: 0 0 0 2px #e64040 !important; }
.orangeInput                                                                         { background-color: #f90 !important; }
.of_marked {
	background-color:rgba(255,153,0,.7) !important;
}