@charset "UTF-8";

/* Outlines för debug */
/* ================== */
/* outline: blue solid thin; */
/* style="outline:red solid thin" */
/* style = "outline:green dotted thick" */

/* OBS Överridning av ICEfaces css-filer funkar inte så länge som denna filen laddas före standard-filen! */
/* Däremot fungerar tillägg utmärkt !! */

/* General tag formatting */
/* ====================== */





/* Class formatting */
/* ================ */

.flex-container {
	display: flex;
}

.flex-verticalContainer {
	display: flex;
	flex-direction: column;
}

.flex-buttonRow {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	height: 4em;
	align-items: flex-end;
/*   background-color: silver; */
}

.flex-item {
  flex: auto;
}

.one_line_menu .scrollcontainer
{
	width: max-content;
}

.no_space_hidden_dialog.ace-dialog-hidden{
	display:none;
}

/* Presentera dialoger utan begränsning av clip eller hide i omgivande div */
/* används tillsammans med egenskapen relativePosition i acedialog */
/* Varför matchar .unclippedDialog > div > div inte #counterDialog > div > div ? */
.treeViewDialog > div > div,
#systemMessageDialog > div,
#counterDialog > div > div,
#loginMessageDialog > div{
	position:fixed;
}

/* Presentera trädets context-meny utan begränsning av clip eller hide i omgivande div */
#treeform .ice-ace-menu-context > div{
	position:fixed !important;
}


.hmdNgLogCmdBtn button{
	width: 100%;
}

.hmdNgLogCmdBtn {
	white-space: nowrap;
	width: 100%;
}


/* Administratörspanelen */
#systemNavTab {
	max-width: 350px;
}


 /* General centered panel */
.centeredPanelGrid {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


 /* Scroll enabled panel */
.scrollingPanelGrid {
	overflow:auto;
/* 	overflow-x: auto; */
/* 	overflow-y: auto; */
	max-height: 800px
}


/* Tar bort den "onödiga" horisontella scroll-listen när det krävs en vertikal,
   men där det inte finns ledigt utrymme, genom att reservera lite extra plats. */
.annoyingScrollbar,
#settingsTbSetcnt,
#accessTabSetcnt
{
	scrollbar-gutter: stable;
}


/* Dynamisk höjd på utvalda tabeller */
/* ================ */
/* .vhSizedTable .ui-datatable-data { */
/* 	height: calc(100vh - 300px);	 */
/* } */

.vhSizedListView table {
	max-height: calc(100vh - 250px);
	min-height: 100px;
	overflow-y: auto;
	min-width: 384px;
	overflow-x: auto;
	display: inline-block;
}

.vhSizedAccessLog table {
	max-height: calc(100vh - 372px);
	min-height: 100px;
	overflow-y: auto;
	display: inline-block;
}

 /* Highlight components visible for Beta testers */
.betaTest {
	outline: red solid thin; 
	background-color:pink;
} 


 /* Highlight components visible for DEVELOPER */
.developer {
	outline: gold solid thin; 
	background-color:yellow;
} 


/* Create new user panel & request new password panel*/
/* --------------------- */
.middlePanel {
	padding-top: 40px;	/* Space from logo */
}

/* Trying to override ICEfaces themes */
/* ---------------------------------- */
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.95em;
}

.fr_inline{
	display: inline;
}

.rightAligned{
	float: right;
}

/*  Old settings, some to remove? /FRei 2014-12-12 */
/* ----------------------------------------------- */
.ui-panel{
	background:none;
	background-color: #FAFAFA;
}

.ui-paginator-current{
    font-size: 0.8em;
    font-weight: normal;
}

.rowHeader{
	font-weight: bold;
}

.iceTree{
	min-height: 244px;  /* Med ett tomt träd linjerar nederkanten med centerpanelen. */ 
	min-width: 158px;	/* Med ett tomt träd så linjerar centerpanelen med HEM-knappen. */
	max-width: 268px;	/* Förhindrar att centerpanelen blir för smal (och att device-bilden trillar ner). */
	max-height:617px; 	/* Empirisk maxhöjd 617 px på trädet för att appen skall passa på 850 px hög yta (på en 1080 skärm) */
	overflow:auto;		/* locka fram scrollbars när texterna blir för långa / trädet för högt */
	/* padding: 20px; - Lek med denna samtidigt som 5/20 px padding på .icePnlTbSetCnt i fredrik.css/rime.css måste överridas.*/
	/* Eventuellt måste det göras lokalt i /ODI/WebContent/WEB-INF/includes/units/tree.xhtml */
}

/* General formatting */
/* ==================== */
.ui-panel .ui-panel-content {
  background: white;
  padding: 0; 
}

/* Component formatting */
/* ==================== */
#loginPage{
	background-color:#f8f8f8;
}
#loginForm {
	width: 600px; 
	margin: auto; 
	margin-top: 80px; 
}
.loginLogo {
  margin-left: 90px;
  width: 150px;
}
/* #serverBox { */
/* 	outline: red dotted thin; */
/* } */
	
/* #loginForm\:serverName { */
/* 	outline: blue solid thick; */
/* } */
	
.loginLinks, #serverBox {
	color: #999;
	text-decoration: none;
}
#loginPanel{
/* 	outline: red solid thin; */
	background: #fff;
	border-width: 1px ;
	border-style: solid;
	border-color: #ddd;
    border-radius: 5px;
	box-shadow: 0 2px 2px #eee;
    padding: 45px;
}
.loginLinks:hover{
	text-decoration: underline;
}
#accountLinkBox{
	margin: auto; 
	margin-top:15px; 
	width: 370px; 
	background-color:#f8f8f8;
} 
	
.ui-widget .legalButton {
	background-color: white;
	border: 0;
	cursor: pointer;
    font-size: 0.8em;
}
	
.ui-widget input.legalButton:hover {
	text-decoration: underline;
}

	

/* In the header */
/* --------------*/
/* varför biter inte id-specade regler? */
/* Därför att h:form prependar 'formId:', och eftersom ':' är reserverat i css */
/* så måste det escapas här! */
/* Nu funkar det! */
/* (Ett alternativ är annars att lägga till en ren html-komponent med id (utan prefix)) */
/* #headerForm\:headerGrid{ */
/* 	margin: 50px auto; */
/* 	outline: green solid thin; */
/* } */
.headerGrid{
	margin: 10px auto;
}
.headerGrid tbody tr td{
	vertical-align: top;
}
.headerCenterPanel{
	max-width:650px
}


#generalSubmitMonitor {
  float: right;
  margin-top: -5px
}

.ice-ace-menu-bar .ui-widget-content{
  border: none;
}

.principal {
	float: right;
    font-size: 0.8em;
    color: #484848; 
}

/* Begränsa listan med legal messages (tilldelningar) */
#headerForm\:legalList {
    max-height: 4em;
    overflow-y: auto;
}


/* Eliminera många ramar */
/* även ramarna runt dropdown för bl.a prio. */
.ui-widget-content 
{
    border: 1px none #aaaaaa;
}

/* Bra för test */
/* .ui-widget-content { */
/*   border: 1px dashed #aaaaaa; */
/* } */

/* Återställ ram runt dialog. */
.ui-dialog 
{
	border: 1px solid #aaaaaa;
}

/* Återställ ram runt autocomplete dropdown. */
.ui-autocompleteentry .ui-widget-content
{
	border: 1px solid #aaaaaa;
}

/* Återställ ram för datepicker och dess underkomponenter. */
.ui-datepicker.ui-widget-content, .ui-datepicker .ui-widget-content
{
	border: 1px solid #aaaaaa;
}


/*               */
/* TAB & TAB-SET */
/*               */
/*Men lyft fram andra ramar*/
/* Stödjer alla läsare shadow? Behövs linjen också? */
.yui-navset .yui-content {
    padding: 5px 2px;
    border: 1px solid #dddddd;
    display: block;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #dddddd;
}
.ui-tabs-nav{
	display: block;
}


/* 	border: 1px solid #aaaaaa; */

/* Dölj (måla vitt) det oanväda utrymmet till höger om flikarna */
/* OOps - detta släckte bakgrunden och ramen runt tabellhuvudena också :-(  */
/* .ui-widget-header  */
/* denna funkar bättre ... */
.yui-navset-top .yui-nav
{
    background: none;
    border: 1px none #aaaaaa;
}
/* Ta bort död-utrymmet mellan tabbarna */
.ui-tabset .ui-tabs-nav li, 
.ui-tabset .ui-tabset .ui-tabs-nav li 
{
	margin: 0;
}
/* Aktiv flik (header) (Även vald post i dropdown, menyer mm) */
/* aktiverad knapp, vald kolumn samt vald träd-rad
 (för att undvika att påverka formatering av selekterade tabellrader) */
.yui-nav .ui-state-active em, .ui-paginator-pages .ui-state-active, 
.ice-pushbutton .ui-state-active, 
.ui-datatable th.ui-state-active, 
.if-tree .if-node .ui-state-active{
	background: white;
    color: #484848;
    font-weight: bold;
}


/* Ta bort onödigt utrymme mellan tab-panelerna och tabset*/
/* Det blir dock gaska trångt vid kanten på flera ställen, t.ex vänster om/under knapparna i editAccount */
.ui-tabset .ui-tabs-panel {
	/* padding: 1em 1.4em; */ /* Orginal */
	padding: 0 2px 0em;
}

/*          */
/* TABELLER */
/*          */
/* Gör plats för svenska tecken som ÅÄÖ och underslängar i gj_ */
/* samt line decoration underline */
.ui-datatable {
  line-height: 1.2; /*   Överrider därmed line-height: 1; som sätts i combined.css rad 439 */
/*   line-height: 1; */
}
/* Alla utom listvyn i trädet skall vara varannan-randig*/
.ui-datatable-odd:not(.deviceListTableRow) 
{
/* 	background-color:lightgray */
    background-color: #f7f7f7;
}
/* Vänsterställ data */
/* Kompensera ökade linjehöjden med minskad padding*/
.ui-datatable tbody.ui-datatable-data > tr > td, 
.ui-datatable tbody.ui-datatable-data-empty > tr > td 
{
	padding: 3px 4px; 
	text-align: left;
	border-color: lightgray;
}
/* Men inte checkboxar som är specifikt centrerade!
 Center in surrounding table cell, i.e. override "text-align: left" in previous rule. */
.ui-datatable tbody.ui-datatable-data>tr>td.centeredCB  { 
	text-align: center; 
} 

.centeredContents  { 
	text-align: center; 
} 

.leftContents  { 
	text-align: left; 
} 

/* Vänsterställ rubriker */
.ui-datatable th{
    text-align: left;
}
/* Minska alla (ej valda) rubrikers svärta, ej fetstil, blekare ram */
.ui-widget-header, .ui-widget-header .ui-state-default{
    color: #484848;
/*     font-weight: bold; */
    border: 1px solid lightgray;
}

/* Sätt schyst padding för linjering med data och bra utseende */
.ui-datatable .ui-header-column, .ui-datatable .ui-footer-column 
{
    padding: 4px 7px;
}

/* Släck sorterings-informationen */
.ui-datatable .ui-header-right 
{
    display: none;
}

/* #groupForm:devInGroupTbl funkar inte */
/* #odiTemplate .ui-icon-gear funkar */
/* #odicenter .ui-icon-gear funkar */
/* #groupForm .ui-icon-gear funkar */
/* #j_idt260 .ui-icon-gear funkar inte */
/* #groupForm:j_idt260 .ui-icon-gear funkar inte (pseudo class selector!)*/
/* #groupForm\:j_idt260 .ui-icon-gear YEZZ funkar! */
/* #groupForm\:j_idt260cnt .ui-icon-gear funkar  */
/* #groupForm\:devInGroupTbl .ui-icon-gear funkar !!! */
.replace-gear-icon .ui-icon-gear 
{
	/* byt till verktygs-icon */
	background-position: -176px -112px;
}

/* Ta bort? */ 
/* Placera rubrikerna i tabellen i grupp-vyn högst upp (på översta raden) i huvudet */
#groupDeviceForm\:devInGroupTbl th {
    vertical-align: top;
}

/* Ta bort? */
/* Placera rubrikerna i tabellen i list-vyn högst upp (på översta raden) i huvudet */
/* #listform .ui-datatable th { */
.ui-datatable th {
    vertical-align: top;
}

/* Placera rubrikerna i en tabel högst upp (på översta raden, även utan filter) i huvudet */
.flyingHeaders .ui-datatable th
{
    vertical-align: top;
}

/* Förhindra radbrytning */
.no-wrap 
{
	white-space: nowrap;
}

.programPanel th.ui-panel-titlebar > span:first-child{
/* 	color: green; */
	display: table-cell;	
	text-align: left;
}

.programPanel th.ui-panel-titlebar > span:last-child{
/* 	color: red; */
	display: table-cell;	
	text-align: right;
}

/* .panelHeaderFacet { */
/* 	display: table-cell; */
/* 	text-align: left; */
/* } */


/* .ui-icon-gear */
/* { */
/* 	background-position: -176px -112px; */
/* } */

/* Släck sorterings-ikonerna - funkar inte */
/* ui-sortable-column-icon */
/* { */
/*     display: none; */
/* } */

/* Släck sorterings-ordningen - funkar!*/
/* .ui-sortable-column-order  */
/* { */
/* 	display: none; */
/* } */

/* Listvyns länkar */
.ui-datatable .ui-button 
{
    text-align: left;
}


/*      */
/* TREE */
/*      */
/* Försök bli av med inre ramen runt trädet!
/* #treeform:deviceTree { */
/* #deviceTree { */
.if-tree {
  border: none;
}
/* Detta klipper ramen runt trädet, men kanske annat också?
/* Ja, den tar bort ram runt dropdow också - inte bra! */
/* span span .ui-widget-content{ */
/*   border: none; */
/* } */

/* Detta tar bort (nästan alla) många ramar */
/* .ui-widget-content { */
/*   border: none;	 */
/* } */

/* Miska luften i trädet */
.if-node-wrp {
  padding: 0px 0px;
}
.if-node-cnt {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* Men ge lite luft mellan prio-icon och text. */
.selectableNode{
	margin-left: 2px;
}

.deviceMap {
	width: 100%;
	height: 400px;
}

.unpositioned {
	color: #c0c0c0;
}

.connectedDevice {
	color: green;
	font-weight: bold;		
}

.unConnectedDevice {
	color: black;	
}

#adminBody #adminPage .loggedInUser, #adminBody #adminPage .connectedDevice {
	color: white;
	background-color: green;
}

.loggedOutUser {
	color: black;
	background-color: lightpink;
}




/* Vald nod i träd-vy resp. enhet i list-vy */
.selectedNode, .selectedNode a{ 
	color: darkblue;
	text-decoration: underline;
	font-weight: bold;		
}

/* Icke vald nod i träd-vy resp. enhet i list-vy */
.unSelectedNode, .unSelectedNode > span > span > a {
	font-weight: normal;
	text-decoration: none !important;
}

.highlightedNode {
/* 	color: red; */
	background-color: Gold;
	font-weight: bold;		
}


/* .selectableNode, .selectableNode .ui-button { */
.selectableNode .ui-button, .if-node-wrp {
	cursor:pointer;
}


/* .if-node-sw { */
/* 	cursor:e-resize; */
/* } */


.unselectableNode, 
.unselectableNode a, 
.unselectableNode .ui-button, 
.unselectableNode .ui-button span {
	cursor:not-allowed
}

.horisontalTable {
	float:left; 
	text-align: center;	
}


.horisontalTable::after {
	clear: both; 
}


.afterHorisontalTable {
	clear: both; 
}

.topMarginPanel {
	margin-top: 30px
}


/*             */
/* Device list */
/*             */
/* Justera rubriken i tree-tabbarna så att list-tabellen linjerar med tabellen under gruppfliken */
.tabHeader
{
    padding-top: 5px;
    padding-bottom: 10px;
/*     outline: green solid thin; */
/* Syntax */
/* outline: outline-color outline-style outline-width|initial|inherit; */
}
/* Centrera prio-ikonen i device-list och gruppvy*/
.ui-datatable tbody.ui-datatable-data > tr.deviceListTableRow > td:first-child
{
	text-align: center;
}

/* Justera innehållet i access-tabben så att det linjerar med innehållet i tree-tabbarna gruppfliken */
.tabHeader + .ui-panel {
    padding: 0;
}

/* Test för smsw4 */
/* Flytta ut från smsw4.xhtml - Verkar funka bra!!*/
/* MMV4 då?  */
td .modIndPos {
  float: right;
  position: relative;
  right: 7px;
  top: -28px;
  z-index: 2;
}

.devicePanel {
	position:relative
}

/* cuw5 modInd, senare generell */
.deviceModInd {
  position: absolute;
  right: 7px;
  top: 49px;
  z-index: 2;
}

/* Blank bakgrund i textinmatnings-fält */
.ui-widget-content .ui-inputfield
{
	background: white;
}


/*  Padding för 2:a & 3:e panelen i inputs-fliken*/
.inputMsgsPanel + .inputMsgsPanel {
	padding-top: 20px;
}


/*  Padding för 2:a & 3:e panelen i translate-fliken*/
.translationPanel + .translationPanel {
	padding-top: 20px;
}


/* Translator tab text outputs and text inputs  */
.translateTextInput {
/* 	Padding sätta inte av så många, bara .ui-inputfield, och den kan jag överrida! */
	padding: 1px; /* Was 4px from .ui-inputfield */
}

.prioStyleA, .sharedRightsStyleA {
	color:red;
	background-color: white;
    font-weight: bold;
}

.translateTextInput.prioStyleA, .translatePrioMnu .ui-selectmenu-list > div > div:nth-child(1) .ui-selectmenu-item-label, 
.sharedRightsMnu .ui-selectmenu-list > div > div:nth-child(1) .ui-selectmenu-item-label 
{
	color:red;
	background: white;
}


.prioStyleB, .sharedRightsStyleB {
	color:orange;
	background-color: white;
    font-weight: bold;
}

.translateTextInput.prioStyleB, .translatePrioMnu .ui-selectmenu-list > div > div:nth-child(2) .ui-selectmenu-item-label, 
.sharedRightsMnu .ui-selectmenu-list > div > div:nth-child(2) .ui-selectmenu-item-label 
{
 	color:orange;
	background: white;
/* 	outline: yellow solid thin; */
}


.prioStyleC, .sharedRightsStyleC, .sharedRightsStyleD {
	color:green;
	background-color: white;
/*     font-weight: bold; */
}

.translateTextInput.prioStyleC, .translatePrioMnu .ui-selectmenu-list > div > div:nth-child(3) .ui-selectmenu-item-label, 
.sharedRightsMnu .ui-selectmenu-list > div > div:nth-child(3) .ui-selectmenu-item-label 
{
 	color:green;
	background: white;
/* 	outline: green solid thin;  */
}


.prioStyleD {
	color:black;
	background-color: lavender;
/*     font-weight: bold; */
}

.translateTextInput.prioStyleD {
 	color:black;
	outline: black solid thin; 
}

.translatePrioMnu .ui-selectmenu-list > div > div:nth-child(4) .ui-selectmenu-item-label {
 	color:black;
	background-color: lavender;
}

.diffLogData {
    font-weight: bold;
}

.diffFilteredLogData {
	text-decoration: underline;
}

.filteredLogDataStartup {
	background-color: orange;	/* #ffa500 */
}

.filteredLogDataHb {
	background-color: #bbffbb;
}

.filteredLogDataSms {
	background-color: #ffbbbb;
}

.filteredLogDataNwReg {
	background-color: #ff5555;
}

.filteredLogDataOpSel {
	background-color: #ff5599;
}

.filteredLogDataService {
	background-color: #bbbbff;
}

.filteredLogDataFotaStart {
	background-color: yellow;	/* #ffff00 */
}

.filteredLogFirmwareUpdate {
	background-color: #ffcc00;
}

.filteredLogDataFotaFail {
	background-color: #ff8000;
}

.filteredLogDataPosHb {
	background-color: #00ffff;
}

.filteredLogDataPosSms {
	background-color: #00afff;
}

.filteredLogDataNwRequest {
	background-color: #ffa9fa;
}

.filteredLogDataNwChange {
	background-color: #ff89f8;
}

/* Återställ ramar runt dropdown-menyer ()försvann högre upp under "Eliminera många ramar" */
.ui-selectmenu-list .ui-widget-content, .ui-selectmenu-value{
    border: 1px solid #d3d3d3;
}


/* Horisontell rad med knappar*/ 
.buttonRow {
	margin: 10px 0;
	width: 100%
}

/*Size of Input fields*/
.phoneNumberInput {
	width: 19ch
}

.counterValueInput {
	width: 9ch
}


 
/* Unit Command Panel */
#commandPanel {
	width:100%;
}


/* Unit Command Buttons */
.unitCmdBtn {
	margin-top: 15px
}
/* .buttonRow > .unitCmdBtn:first-child { */
.buttonRow > .unitCmdBtn:first-child {
	margin-top: 5px;
/* 	background: red; */ /* Indicator for Debug purpose */
}


/* Long Command Buttons */
.longButton span .ui-button{
	margin-left: 3px;
	min-width:252px;
	width:100%;
}
/* Short Command Buttons */
.shortButton span .ui-button{
	min-width:125px;
	width:100%;
	
}

/* Dialogs and input forms */
/* ======================= */
.edituserCol1 {
/* 	text-align: right; */
	width:100px;
}

.edituserCol2 {
/* 	text-align: left; */
	width:140px;
/* 	outline: yellow solid thin; */
}

.edituserCol3 {
	width:200px;
/* 	outline: green solid thin; */
}

.edituserCol4 {
	color: red;
}


/* New account Dialog Buttons */
/* Bunta ihop denna med .dialogButtonRow, men håll koll på 2:a ++ knapparna i dialogButtonRow! */
.accountButtonRow {
/* 	margin: 10px 0; */
	margin-top: 30px;
	width: 100%
}
/* .accountBbuttonRow > .unitCmdBtn:first-child { */
/* .accountButtonRow .ice-pushbutton:first-child { */
.accountButtonRow .ice-pushbutton:not(:first-child) {
	margin-left:20px;
}

/* Statuspanelen */
.activeProgram {
	font-weight: bold;
	letter-spacing:10px;
}

.inactiveProgram {
	font-size: 85%;
	letter-spacing:10px;
}

/* Dialog Buttons */
.dialogButtonRow {
	margin-top: 30px;
}

tbody.separatorAfter tr:last-child td {
    padding-bottom: 1em;
}

/* Rubrikerna i config-tabellerna */
/* Horisontellt */
table .ioConfigTable thead th {
	background-color: whitesmoke;
	text-align: left;
}

/* Data i config-tabellerna */
table .ioConfigTable tr td {
	text-align: left;
}

/* Ta bort 'onödig' radbrytning efter vertikala radiobuttons */
.ice-ace-radiobuttons-vertical.cutLastLine  br{
	display: none;
}

.ellipsesOnOverflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
} 

.intNumberColumn {
	max-width: 105px;
	width: 100px;
}

.edgeColumn {
	max-width: 100px;
	width: 100px;
}

.emailTextEditColumn {
	max-width: 600px;
	width: 60%;
}

.emailSubjectColumn {
	max-width: 105px;
	width: 100px;
}

.emailSubjectEditColumn {
	max-width: 400px;
	width: 30%;
}



/* table#outputConfigTable tr th { */
/*     border: 1px solid black; */
/* } */


/* För schemeConfigTable */
/* table #schemeConfigTable tbody tr th { */
/* 	background-color: white; */
/* 	text-align: center; */
/* 	vertical-align:top;  */
/* } */

table#schemeConfigTable thead tr th.dayOfWeek {
	text-align: center;
}

table#schemeConfigTable thead th:nth-child(2) {
	text-align: left;
}

table#schemeConfigTable thead th:nth-child(3) {
	background-color: lightgreen;
}

table#schemeConfigTable thead th:nth-child(4) {
	background-color: salmon;
}

table#schemeConfigTable thead th:nth-child(10) {
	background-color: lightblue;
}

table#schemeConfigTable thead th:nth-child(11) {
	background-color: lightblue;
}

table#schemeConfigTable thead th:nth-child(12) {
	background-color: salmon;
}

tbody.topAlign tr td {
    vertical-align: top;
}

table#schemeConfigTable .ui-widget.nonEditable {
  border: medium none;
  padding: 0px;
}


.fullWidthTable {
	width:100%; 
}

/* Experimet under holidays */
.deletableItem {
	cursor:help; 
}

td.currentSession {
	background-color: lightgreen;
}
td.otherSession {
	background-color: tomato;
}

.flag-swedish {
	background-image: url("/ODI/javax.faces.resource/images/flag-swedish.JPG")
}
.flag-english {
	background-image: url("/ODI/javax.faces.resource/images/flag-english.JPG")
}
.flag-german {
	background-image: url("/ODI/javax.faces.resource/images/flag-german.JPG")
}

/* Återställ ramar runt progressbar som försvann högre upp under "Eliminera många ramar" */
.ui-progressbar
{
	border: 1px solid #aaaaaa;
}

.bubbla {
	margin-left: 20px;
}

/* Ändringsmarkeringar */
.flashText {
	background-color: white;
	animation-name: flashAnim; 
	animation-duration: 2s;
}
@keyframes flashAnim {
    0%  {background-color: orange;}
    10%  {background-color: yellow;}
    100% {background-color: white;}
}

/* userAdmin */
#userSelForms {
	padding-bottom:200px; 
	overflow-x:clip;
	overflow-y:auto;
}

#nameORidTxt {
	padding-top: 100px;
}

/* Undvik att några element i den långa role-listan hamnar utanför synligt */
/* område och blir omöjliga att välja (följer istället med vid scroll) */
#rolesFrm\:roleSelectMnu {
	position: relative;
}

/* NICLAS */
/* ====== */
:root {
    --top-bg: #fff;
}

/* HEADER */
.ui-widget-header {
    background: transparent;
}

.headerGrid {
    margin: 0;
}

.headerGrid tbody tr td {
    vertical-align: middle;
}

.headerGrid td:first-child img {
    width: 200px
}

.headerGrid td:first-child span {
    display: block;
}

/* MENU */
.wijmo-wijmenu-text,
.ice-ace-menu-bar .wijmo-wijmenu .wijmo-wijmenu-link,
.ice-ace-menu-bar .wijmo-wijmenu .wijmo-wijmenu-link > .wijmo-wijmenu-text {
    display: flex;
    gap: 0.2em
}

.wijmo-wijmenu-link.ui-state-active,
.wijmo-wijmenu .ui-state-default a.ui-state-active {
    background: transparent;
    color: #484848;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active em {
    background: transparent;
    background-color: #bfdaff;
    border: 0;
    color: #484848;
    font-weight: bold
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #484848;
}
.ui-datatable-state-active-hover {
    background: #bfdaff url("/ODI/javax.faces.resource/themes/sam/images/ui-hover.png.jsf?ln=icefaces.ace&v=4_3_0_231204") repeat-x scroll left top;
}

.ice-ace-menu-bar .wijmo-wijmenu .wijmo-wijmenu-link:hover {
    background: transparent;
}

.wijmo-wijmenu-parent ul {
    background: #fff;
}

/* TABS */
/* .ui-widget-content { */
/*     background: transparent; */
/* } */

.yui-navset-top {
    background: transparent;
}

.yui-navset .ui-tabs-nav {
    margin-bottom: 1rem;
}

.ui-tabset .ui-tabs-nav .ui-state-default {
    border: 0;
    background: transparent;
    margin-right: 1.5rem;
    color:#888
}

.ui-tabset .ui-tabs-nav .ui-state-default:hover {
    color: #484848;
}

.ui-tabset .ui-tabs-nav li, .ui-tabset .ui-tabset .ui-tabs-nav li {
    margin-right: 1.5rem;
}

.ui-tabset .ui-tabs-nav div em {
    padding-left: 0;
    padding-right: 0;
}

.yui-navset .ui-tabs-nav .ui-state-active {
    background: transparent;
    border-bottom: #ec691f solid 2px;
    /*border-bottom: solid 2px #484848;*/
}

.ui-tabset .ui-tabs-nav .ui-state-active .yui-navdiv,
.ui-tabset .ui-tabs-nav .ui-state-active em {
    background: transparent;
    padding: 0.2rem 0;
}

.yui-navset .yui-content {
    background-color: #fff;
    box-shadow: none;
    padding: 1rem;
    border: solid 1px #ddd;
}

.yui-content .yui-content {
    padding: 0;
}


/* TABLES */
th.ui-widget-header {
    background: #eee;
}

th.ui-widget-header.ui-state-hover {
    background: #e8e8e8;
}

th.ui-widget-header.ui-state-active {
    background-color: #ddd;
    border: solid 1px lightgray;
}

.ioConfigTable {
    border-collapse: collapse;
}

.ioConfigTable td {
    border: solid 1px lightgray;
    padding: 3px 4px;
}
.ioConfigTable th {
    color: #484848;
    border: solid 1px lightgray;
    padding: 4px 7px;
}

/* BUTTONS */
.ui-button,
.ui-button.ui-state-default {
/* 	För test av domänspecifik css via  */
/* 	betacloud.comlink.se (limegrön) och test.comlink.se (orange) */
/* Blå knappar via extra/custom.css i distrubutionen (localhost, inget domänspecifikt) */
/* Röda knappar härifrån om niclas .css inte läses in alls. */
    /* background: #ff0d0d; */
    /* grafitgrå */
    background: #666;    
    border: 0;
    color: #fff;
}

.ui-button:hover,
.ui-button.ui-state-default:hover {
    background: #333;
}

.ice-linkbutton .ui-button,
.ice-linkbutton.ui-state-hover {
    background: transparent;
    border: solid 1px transparent;
}

/* Ändringsmarkeringar */
.changeIndicator .ui-button {
    background-color: #ec691f;
}

.changeIndicator .ui-button:hover {
    background-color: #ec691f;
}

.changeIndicator .ui-button.ui-state-default
{
    background-color: #ec691f; 
}

.changeIndicator .ui-button.ui-state-hover {
    background: #333;
}


/* TREE */
#treeform .ui-state-active {
    border: 0;
}

.if-node-wrp:hover,
.if-node-wrp.ui-state-hover {
    background: transparent;
    border: solid 1px transparent;
}

/* PRIO */
.prioStyleA, .sharedRightsStyleA,
.prioStyleB, .sharedRightsStyleB,
.prioStyleC, .sharedRightsStyleC, .sharedRightsStyleD {
    background-color: transparent;
}

/* CONTEXT MENU */
.ice-ace-menu-context .ui-widget-content {
    background: #fff;
}


/* Dölj stödlinjer i trädvyn */
/* .if-node-ln img { */
/*     display: none; */
/* } */

/* Dölj stödlinjer i trädvyn vid mouseButtonDown eller hover */
/* Funkar inte */
/* Gör senare tvärtom och visa dem under Drag-and-Drop */
/* .if-node-ln img { */
/* .treeContainer:active .if-node-ln img { */
/* .treeContainer:hover .if-node-ln img { */
/* .if-node-ln img:hover { */
/* 	display: none; */
/* } */

/* DIALOG */
.ace-dialog-hidden {
    display: none;
}

.ui-dialog.ui-widget-content {
    background-color: #fff;
}

/*#editAllMessagesDlg {
    position: fixed;
    inset: 0;
    z-index: 2000;
}*/

/* SELECT */
.ui-selectmenu-list {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.ui-selectmenu-list .ui-state-active {
    border: solid 1px;
}

.ui-selectmenu-list .ui-selectmenu-item-label {
    background-color: transparent;
}

.not_in_early_hmdng .ui-button span{
	text-decoration: dotted underline;
}

.verticalButton{
	margin-bottom: .1em;
}

.fullCellButton,
.fullCellButton span,
.fullCellButton a {
    display: block;
}

.fullCellButton span,
.fullCellButton span.ui-button {
    cursor:default;
}

.fullCellButton a {
    cursor:pointer;
}

.fullCellButton a:hover {
    background-color: #f7f7f7;
}

.fullCellButton.unselectableNode,
.fullCellButton.unselectableNode span,
.fullCellButton.unselectableNode a {
	cursor:not-allowed
}