/*****************************************************************************************************
  eRabbit  - css

*/

.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #15bbe7;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  /* bottom: 125%;*/
  top: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 9999;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  /* top: 100%; */
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #15bbe7 transparent;
  z-index: 9999;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}

/* ---------------------------------------- */

.scrollbar::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.scrollbar::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.4);
/* xxxxxxx border-radius: 10px;*/
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: #dfdfdf;
/* xxxxxxx border-radius: 10px; */
}

.scrollbar_spacer {
background-color: transparent;
width: 8px;
/*min-width: 8px;*/
/*max-width: 8px;*/
}

div#eRabbit-message-id {
  overflow-y: hidden;
}

div#eRabbit-message-id:hover {
  overflow-y: scroll;
}

#eRabbit-message-id #eRabbit-scroll-spacer-id {
    width: 16px;
}

#eRabbit-message-id:hover #eRabbit-scroll-spacer-id {
    width: 8px;
}

tbody#liveTracksTable-tbody-id {
  overflow-y: hidden;
}

tbody#liveTracksTable-tbody-id:hover {
  overflow-y: scroll;
}

#liveTracksTable-tbody-id .scrollbar_spacer {
    width: 16px;
}

#liveTracksTable-tbody-id:hover .scrollbar_spacer {
    width: 8px;
}


/* ---------------------------------------- */

.dvmgt_table {
    padding-left: 20px;
    padding-top: 20px;
}

textarea:focus, input:focus{
    outline: none;
}

*:focus {
    outline: none;
}

.eRabbit-search-bar input:-webkit-autofill {
    /* -webkit-box-shadow:0 0 0 50px white inset; */
    /* -webkit-text-fill-color: #999; */
}
.eRabbit-search-bar input:-webkit-autofill:focus {
    /*-webkit-box-shadow: 0 0 0 50px white inset;*/
    /*-webkit-text-fill-color: #999;*/
}

.eRabbit-search-bar {
    /* ... omsStyle.jsp */
}
.eRabbit-search-bar:hover {
    /* ... omsStyle.jsp */
}
.eRabbit-search-bar:focus {
    background-color: white;
}

.eRabbit-message-container {
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 30px;
    position: relative;
    flex: 0 1 auto;
}

.eRabbit-header-text {
	display:       inline-block;
	color:         #4d4d4d;
	font-size:	   10px;
	font-weight:   bold;
	padding-left:  5px;
	/*padding-right: 5px;*/
}

.eRabbit-header-text-right{
	display:    inline-block;
	color:      #4d4d4d;
	font-size:	10px;
	font-weight:bold;
	float:		right;
}

body{
    user-select: none;
    margin:		 0;
    padding:	 0;
    border:      none;
    font-family: arial;
    font-size:	 12px;
    font-weight: normal;
}

.flex-row {
  display: flex ;
  flex-direction: row;
  height: 100%;
}

.flex-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.flex-simple-col {
  display: flex;
  flex-direction: column;
}

.flex-simple-row {
  display: flex;
  flex-direction: row;
}

/* >>>>>>>>>>> remove - used in mobile */
#eRabbitMTX
{
    width:				100%;
    height:				100%;
	background-color:	#FFFFFF;
    border:				none;
}

/* --- airo original --- */
/* >>>>>>>>>>> remove */
fieldset{
	color:black; font-size:12px;
}
/* >>>>>>>>>>> remove */
caption{
	font-weight:bold; font-size:13px; color:blue;
}
/* >>>>>>>>>>> remove */
legend{
	color: blue; font-weight:bold;
}

/* >>>>>>>>>>> unable to get it work in chrome
input[type=”text”] {
    color: green;
    background-color: rgb(0, 240, 0) !important;
}
*/

.inputStyle {
    color: black;
    background-color: rgb(232, 240, 254);
    background-image: none;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

/* --- form --- */

.eRabbit-form-container {
    position: relative;
    padding-left:   32px;
    padding-top:    32px;
    padding-bottom: 32px;
    padding-right:  32px;
    background-color: #ffffff;
}
.eRabbit-form-popup {
    overflow: hidden;
    position: absolute;
    left:     300px;
    top:      200px;
    border-style: solid;
    border-width: 5px;
    border-color: #2083B1;
    background-color: #ffffff;
}
.eRabbit-form-popup-container {
    padding-top:    20px;
    padding-left:   30px;
    padding-right:  30px;
    padding-bottom: 20px;
}

/*
--- general table - contianer (div) ---
*/

#eRabbit-table-div {
  overflow-x:hidden;
  overflow-y:hidden;
}

/*
--- track table ---
*/

table#tracktable {
  table-layout: fixed;
  vertical-align: top;
}
table#tracktable thead {
  display:    block;
  overflow:   hidden;
  color:      white;
  margin-bottom: 8px;
  border-radius: 6px;
}
table#tracktable tbody {
  display:    block;
  overflow-x: hidden;
  overflow-y: auto;
  color:      black;
  background: #ffffff;
}

/*
--- status table ---
*/

table#statustable-id {
  table-layout: fixed;
  vertical-align: top;
}
table#statustable-id thead {
  display:    block;
  overflow:   hidden;
  color:      white;
  margin-bottom: 8px;
  border-radius: 6px;
}
table#statustable-id tbody {
  display:    block;
  overflow-x: hidden;
  overflow-y: auto;
  color:      black;
  background: #ffffff;
}

/*
--- live table ---
*/

table#liveTracksTable-id thead {
  display:    block;
  overflow:   hidden;
  color:      white;
  margin-bottom: 8px;
  border-radius: 6px;
}
table#liveTracksTable-id tbody {
  display:    block;
  overflow-x: hidden;
  color:      black;
  background: #ffffff;
}

/*
--- group - situation table ---
*/

table#tracktable-trackingCurrent {
  display:        block;
  table-layout:   fixed;
  vertical-align: top;
}
table#tracktable-trackingCurrent thead {
  display:    block;
  overflow:   hidden;
  color:      white;
  margin-bottom: 8px;
  border-radius: 6px;
}
table#tracktable-trackingCurrent tbody {
  display:    block;
  overflow-x: hidden;
  overflow-y: scroll;
  color:      black;
  background: #ffffff;
}

/*
--- group - situation table ---
*/

table#tracktable-minimal {
  table-layout: fixed;
  vertical-align: top;
}
table#tracktable-minimal thead {
  display:    block;
  overflow:   hidden;
  color:      white;
  margin-bottom: 8px;
  border-radius: 6px;
}
table#tracktable-minimal tbody {
  display:    block;
  overflow-x: hidden;
  overflow-y: auto;
  color:      black;
  background: #ffffff;
}

/*
--- navMenu table ---
*/

.eRabbit-table-tbody-navmenu {
  display:    block;
  overflow-x: hidden;
  overflow-y: auto;
  color:      black;
}

/*
--- general table ---
*/

.eRabbit-table {
  display:      block;
  table-layout: fixed;
  overflow:     hidden;
  color:        black;
  background:   #ffffff;
}
.eRabbit-table-thead {
  display:    block;
  overflow:   hidden;
  color:      white;
  margin-bottom: 8px;
  border-radius: 6px;
}
.eRabbit-table-tbody {
  display:    block;
  overflow-x: hidden;
  overflow-y: auto;
  color:      black;
  background: #ffffff;
}
.eRabbit-table-thead-tr {
  overflow:   hidden;
  color:      white;
}

/* ================================================================================
   track table
   ================================================================================ */

.eRabbit-table-tbody-tr-navMenu {
  overflow:   hidden;
  color:      black;
}
/*
.eRabbit-table-tbody-tr:nth-child(odd) {
  overflow:   hidden;
  color:      black;
  background: #ffffff;
}
.eRabbit-table-tbody-tr:nth-child(even) {
  overflow:   hidden;
  color:      black;
  background: #f0f5f7;
}
*/
.eRabbit-table-tbody-tr:hover {
  overflow:   hidden;
  color:      black;
  background: #e0e0e0;
}
.eRabbit-table-tbody-tr:active {
  overflow:   hidden;
  color:      white;
  background: #39A6BF;
}

/* --- track table - thead rows --- */
/* ... next styles bellow will overide <tbody> tr style ... */
/* ... */
/* place styles first so tr in <thead> is specified first
/* force tr in <thead> to be defined by 'eRabbit-table-thead-id' style not default tr for <Tbody> */
tr#eRabbit-table-thead-tr-id {
  overflow:hidden;
  color: white;
  background: #39A6BF !important;
}
/* null op a tr in <thead> to prevent activation on hover */
tr#eRabbit-table-thead-tr-id:hover {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-id:active {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-trackingCurrent-id {
  overflow:hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-trackingCurrent-id:hover {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-trackingCurrent-id:active {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-minimal-id {
  overflow:hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-minimal-id:hover {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-minimal-id:active {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-navMenu-id {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-navMenu-id:hover {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}
tr#eRabbit-table-thead-tr-navMenu-id:active {
  overflow: hidden;
  color: white;
  background: #39A6BF !important;
}

/*
--- ######## mods: ---
*/

.status_device_nav {padding-left: 8px; padding-bottom: 3px; padding-top: 3px; width:20px;  min-width:20px; max-width:20px;}
.checkbox_device_nav {width:20px;  min-width:20px; max-width:20px; padding-top: 1px;}
.arrow_device_nav {padding-left: 3px; padding-top: 4px; width:14px;  min-width:14px; max-width:14px;}
.niceTime_device_nav {text-align: right; padding-right: 12px; padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:155px; min-width:155px; max-width:155px; font: bold 12px arial,helvetica; }
.status_iconbar_device_nav { padding-bottom: 3px; padding-top: 1px; width: 34px; font: bold 12px arial,helvetica;padding-left: 4px;}

/*
--- ######## ---
*/

/*
--- table - styles ---
*/

.checkbox_spacer     {width:calc(7px*0.83);  min-width:calc( 7px*0.83); max-width:calc(7px*0.83);}
.checkbox            {padding-top: 2px; padding-left: 2px; padding-right: 2px;
                      vertical-align: top;
                      width:calc(24px*0.83);  min-width:calc(24px*0.83); max-width:calc(24px*0.83);
                      text-align:right;}
.icon                {padding-top: 4px; padding-left: 8px; padding-right: 4px;
                      vertical-align: top;
                      width:calc(16px*0.83); min-width:calc(16px*0.83); max-width:calc(16px*0.83);}
.time                {padding-left: 3px;  padding-bottom: 5px; padding-top: 2px;
                      vertical-align: bottom;
                      width:calc(150px*0.83); min-width:calc(150px*0.83);
                      font: bold 10px arial,helvetica;text-align:left;}
.textSmall           {padding-bottom: 3px; padding-top: 3px;
                      vertical-align: bottom;
                      width:calc(150px*0.83); min-width:calc(150px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align:left;}
.niceTime            {padding-right: 12px; padding-bottom: 3px; padding-top: 3px;
                      vertical-align: top;
                      width:calc(155px*0.83); min-width:calc(155px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align: right;}
.niceTime_bottom     {padding-right: 12px; padding-bottom: 3px; padding-top: 3px;
                      vertical-align: bottom;
                      width:calc(155px*0.83); min-width:calc(155px*0.83); max-width:calc(155px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align: right;}
.group               {padding-left: 2px; padding-bottom: 3px; padding-top: 1px;
                      vertical-align: top;
                      width:calc(120px*0.83); min-width:calc(120px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align:left;}
.name                {padding-bottom: 3px; padding-top: 2px;
                      vertical-align: bottom;
                      width:calc(80px*0.83); min-width:calc(120px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align:left;}
.phonenumber         {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(120px*0.83); min-width:calc(120px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.tCell               {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(85px*0.83);  min-width:calc(85px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.latCell             {padding-bottom: 5px; padding-top: 2px;
                      vertical-align: bottom;
                      width:calc(75px*0.83);  min-width:calc(75px*0.83); max-width:calc(75px*0.83);
                      font: bold 10px arial,helvetica;text-align:left; }
.lngCell             {padding-bottom: 5px; padding-top: 2px;
                      vertical-align: bottom;
                      width:calc(80px*0.83);  min-width:calc(80px*0.83); max-width:calc(80px*0.83);
                      font: bold 10px arial,helvetica;text-align:left; }
.altCell             {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(80px*0.83);  min-width:calc(80px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.heading             {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(70px*0.83);  min-width:calc(70px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.imei                {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(120px*0.83); min-width:calc(120px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.deviceId            {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(120px*0.83); min-width:calc(120px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.status              {padding-bottom: 3px; padding-top: 3px;
                      vertical-align: bottom;
                      width:calc(50px*0.83); min-width:calc(50px*0.83);
                      height:20px*0.83); max-height:20px*0.83);min-height:20px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align:left; }
.status_heading      {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(60px*0.83);  min-width:calc(60px*0.83); font: bold 10px arial,helvetica; text-align:left; }
.status_live         {padding-bottom: 3px; padding-bottom: 3px; padding-top: 2px;
                      vertical-align: bottom;
                      width:calc(40px*0.83);  min-width:calc(40px*0.83);
                      font: bold 10px arial,helvetica; text-align:left; }
.status_grouptracks  {padding-bottom: 3px; padding-top: 3px; vertical-align: top;    width:calc(40px*0.83);  min-width:calc(40px*0.83); font: bold 10px arial,helvetica; text-align:left; }
.status_grouptracks_bottom {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(40px*0.83); min-width:calc(40px*0.83); font: bold 10px arial,helvetica; text-align:left; }
.statusSmall         {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(40px*0.83);  min-width:calc(40px*0.83); font: bol  d 12px arial,helvetica;text-align:left; }
.statusBolt          {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(12px*0.83);  min-width:calc(40px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.identifier          {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(80px*0.83);  min-width:calc(80px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.icon_type           {padding-left:   3px; padding-right: 6px;  padding-bottom: 3px; vertical-align: bottom; width:calc(17px*0.83);}
.description         {padding-bottom: 3px; padding-top: 3px;    vertical-align: bottom; width:calc(290px*0.83); min-width:calc(120px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.description_navmenu {padding-left:   4px; padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:calc(325px*0.83); min-width:calc(325px*0.83); font: bold 10px arial,helvetica;text-align:left; }
.description_fixed   {padding-bottom: 3px; padding-top: 3px; vertical-align: top;     width:calc(170px*0.83); min-width:calc(170px*0.83); max-width:calc(170px*0.83); font: bold 10px arial,helvetica; text-align:left; }
.description_fixed_thead {padding-bottom: 3px; padding-top: 3px; vertical-align: top; width:calc(170px*0.83); min-width:calc(170px*0.83); max-width:calc(170px*0.83); font: bold 10px arial,helvetica; text-align:left; }
.description_crop    {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
                      padding-bottom: 3px; padding-top: 3px; padding-right: 4px;
                      vertical-align: bottom;
                      width:calc(210px*0.83); max-width:calc(200px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align:left;}
.description_crop_width_140px {white-space:nowrap; overflow:hidden;
                      text-overflow:ellipsis;
                      padding-bottom: 5px; padding-right: 4px;  padding-top: 2px;
                      vertical-align: bottom;
                      width:calc(140px*0.83); min-width:calc(140px*0.83); max-width:calc(140px*0.83);
                      font: bold 10px arial,helvetica;
                      text-align:left;}

/* Font 12px
.checkbox            {padding-top: 2px; padding-left: 2px; padding-right: 2px; vertical-align: top; width:24px;  min-width:24px; max-width:24px; text-align:right;}
.checkbox_spacer     {width: 7px;  min-width: 7px; max-width: 7px;}
.icon                {padding-top: 4px;    padding-left: 8px;   padding-right: 4px; vertical-align: top; width:16px;  min-width:16px; max-width:16px;}
.time                {padding-left: 3px;   padding-bottom: 5px; vertical-align: bottom; width:150px; min-width:150px; font: bold 12px arial,helvetica;text-align:left; }
.textSmall           {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:150px; min-width:150px; font: bold 12px arial,helvetica;text-align:left; }
.niceTime            {text-align: right;   padding-right: 12px; padding-bottom: 3px; padding-top: 3px; vertical-align: top; width:155px; min-width:155px; font: bold 12px arial,helvetica; }
.niceTime_bottom     {text-align: right;   padding-right: 12px; padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:155px; min-width:155px; max-width:155px; font: bold 12px arial,helvetica; }
.group               {padding-bottom: 3px; padding-top: 4px; padding-left: 2px; vertical-align: top; width:120px; min-width:120px; font: bold 12px arial,helvetica;text-align:left; }
.name                {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:80px;  min-width:120px; font: bold 12px arial,helvetica;text-align:left; }
.phonenumber         {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:120px; min-width:120px; font: bold 12px arial,helvetica;text-align:left; }
.tCell               {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:85px;  min-width:85px; font: bold 12px arial,helvetica;text-align:left; }
.latCell             {padding-bottom: 5px; vertical-align: bottom; width:85px; min-width:85px; max-width:85px; font: bold 12px arial,helvetica;text-align:left; }
.lngCell             {padding-bottom: 5px; vertical-align: bottom; width:90px; min-width:90px; max-width:90px; font: bold 12px arial,helvetica;text-align:left; }
.altCell             {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:80px;  min-width:80px; font: bold 12px arial,helvetica;text-align:left; }
.heading             {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:70px;  min-width:70px; font: bold 12px arial,helvetica;text-align:left; }
.imei                {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:120px; min-width:120px; font: bold 12px arial,helvetica;text-align:left; }
.deviceId            {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:120px; min-width:120px; font: bold 12px arial,helvetica;text-align:left; }
.status              {padding-bottom: 2px; padding-top: 0px; vertical-align: bottom; width:50px;  height:20px; max-height:20px; min-height:20px; min-width:50px; font: bold 12px arial,helvetica; text-align:left; }
.status_heading      {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:60px;  min-width:60px; font: bold 12px arial,helvetica; text-align:left; }
.status_live         {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:40px;  min-width:40px; font: bold 12px arial,helvetica; text-align:left; }
.status_grouptracks  {padding-bottom: 3px; padding-top: 3px; vertical-align: top; width:40px;  min-width:40px; font: bold 12px arial,helvetica; text-align:left; }
.status_grouptracks_bottom {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:40px;  min-width:40px; font: bold 12px arial,helvetica; text-align:left; }
.statusSmall         {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:40px;  min-width:40px; font: bol  d 12px arial,helvetica;text-align:left; }
.statusBolt          {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:12px;  min-width:40px; font: bold 12px arial,helvetica;text-align:left; }
.identifier          {padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:80px;  min-width:80px; font: bold 12px arial,helvetica;text-align:left; }
.icon_type           {padding-left: 3px;   padding-right: 6px;  padding-bottom: 3px; vertical-align: bottom; width: 17px;}
.description         {padding-bottom: 3px; padding-top: 3px;    vertical-align: bottom; width:290px; min-width:120px; font: bold 12px arial,helvetica;text-align:left; }
.description_navmenu {padding-left: 4px;   padding-bottom: 3px; padding-top: 3px; vertical-align: bottom; width:325px; min-width:325px; font: bold 12px arial,helvetica;text-align:left; }
.description_fixed   {padding-bottom: 3px; padding-top: 3px; vertical-align: top; width:170px; min-width:170px; max-width: 170px; font: bold 12px arial,helvetica; text-align:left; }
.description_fixed_thead {padding-bottom: 3px; padding-top: 3px; vertical-align: top; width:170px; min-width:170px; max-width: 170px; font: bold 12px arial,helvetica; text-align:left; }
.description_crop    {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom: 3px; padding-top: 3px; padding-right: 4px; vertical-align: bottom; width: 253px; max-width: 253px; font: bold 12px arial,helvetica; text-align:left; }
.description_crop_width_140px {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom: 5px; padding-right: 4px; vertical-align: bottom; width:164px; max-width:164px;  min-width:164px; font: bold 12px arial,helvetica; text-align:left; }
*/

.label_12  {font: bold 12px arial,helvetica;text-align:left;}
.label_14  {font: bold 14px arial,helvetica;text-align:left;}
.label_16  {font: bold 16px arial,helvetica;text-align:left;}

/* ---------------------------------------- */
/* --- anchor --- */

a {
	text-decoration: none;
	cursor:pointer;
    font-weight: bold;
}

a:link{
}

a:visited{
}

a:active{
	color: #0000ff;
}

a:hover{
	color: #0000ff;
}

a:disabled {
    color: #86bace;
}

/* ---------------------------------------- */

.a_selected_devices {

	text-decoration: none;
	cursor:pointer;
    font-weight: bold;
}
.a_selected_devices:link{
}
.a_selected_devices:visited{
}
.a_selected_devices:active{
}
.a_selected_devices:disabled {
    color: #808080;
}
.a_selected_devices:hover{
    color: #0000FF;
}

/* ---------------------------------------- */

.a_nav_menu_disabled {

	text-decoration: none;
	color:#86bace;
	cursor:pointer;
    font: 14px arial;
    font-weight: bold;
    flex: 0 0 auto;
}

.a_nav_menu_disabled:hover {
}

/* ---------------------------------------- */

.a_nav_menu {
	text-decoration: none;
	color:#19869E;
	cursor:pointer;
    font: 14px arial;
    font-weight: bold;
    flex: 0 0 auto;
}

.a_nav_menu:link{
	color:#19869E;
}

.a_nav_menu:visited{
	color:#19869E;
}

.a_nav_menu:active{
	color:#19869E;
}

.a_nav_menu:hover{
	color:#e0e060;
}

/*****************************************************************************************************
  eRabbit - main window and viewport styles
*/

.eRabbit-UI-noselection{
	user-select:none;
}

.eRabbit-UI-image{
	user-select:none;
}

.eRabbit-container
{
    position:  absolute;
    left:      0px;
    top:       0px;
	right:	   0px;
	bottom:	   0px;
}

.eRabbit-container-v2
{
    position:  absolute;
    left:      0px;
    top:       0px;
	right:	   0px;
	bottom:	   0px;
}

.eRabbit-main-login
{
    position: absolute;
    left:     0px;
	right:	  0px;
	bottom:	  0px;
    border:	  none;
}

.eRabbit-window
{
    overflow: hidden;
 	position: absolute;
 	left:     0px;
 	top:      0px;
 	right:    0px;
 	bottom:   0px;
}

/* ---------------------------------------- */

.eRabbit-pannel-left
{
    flex: 0 0 auto;
    position: relative;
}

.eRabbit-pannel-center
{
    flex: 0 0 auto;
    position: relative;
}

.eRabbit-pannel-right
{
    flex: 1 0 auto;
    position: relative;
}

/* ---------------------------------------- */

/* @@@@@@@@ - rename - shouldnt be used any more /* @@@@@@@@ - rename - overidden in omsStype.jsp */
.eRabbit-header
{
	width:		 100%;
	top:         0px;
	left:        0px;
	z-index:     9999;
	position:    fixed;
	color:       #FFFFFF;
	user-select: none;
}

/* --- login --- */
.eRabbit-main-login-lable{
    user-select:  none;
	display:             block;
	color:            	 #000000;
    font-size:	      	 18px;
    font-weight:      	 bold;
    background-color: 	 #FFFFFF;
    text-align:       	 right;
    padding-top:      	 4px;
    padding-bottom:   	 2px;
}

.eRabbit-main-login-error
{
	font-size:	 		 13px;
	font-weight: 		 bold;
	text-align:	 		 left;
	color: 		 		 red;
}

.eRabbit-loginLink{
    user-select:  none;
	display:          	 block;
	color:            	 #000000;
	cursor:           	 pointer;
    font-size:	      	 18px;
    font-weight:      	 bold;
	text-decoration:  	 none !important;
    background-color: 	 #FFFFFF;
    text-align:       	 right;
    padding-bottom:	  	 6px;
    z-index:			 9999px;
}

.eRabbit-loginLink:link{
    user-select:  none;
	display:          	 inline;
	color:            	 #000000;
	cursor:           	 pointer;
    font-size:	      	 18px;
    font-weight:      	 bold;
	text-decoration:  	 none !important;
    background-color: 	 #FFFFFF;
    text-align:       	 right;
    padding-bottom:	  	 6px;
}

.eRabbit-loginLink:visited{
    user-select:  none;
	display:          	 inline;
	color:            	 #000000;
	cursor:           	 pointer;
    font-size:	      	 18px;
    font-weight:      	 bold;
	text-decoration:  	 none !important;
    background-color: 	 #FFFFFF;
    text-align:       	 right;
    padding-bottom:	  	 6px;
}

.eRabbit-loginLink:active{
    user-select:  none;
	display:          	 inline;
	color:            	 #000000;
	cursor:           	 pointer;
    font-size:	      	 18px;
    font-weight:      	 bold;
	text-decoration:  	 none !important;
    background-color: 	 #FFFFFF;
    text-align:       	 right;
    padding-bottom:	  	 6px;
}

.eRabbit-loginLink:hover{
    user-select:  none;
	display:          inline;
	color:            #000000;
	cursor:           pointer;
    font-size:	      18px;
    font-weight:      bold;
	text-decoration:  none !important;
    background-color: #FFFFFF;
    text-align:       right;
    padding-bottom:	  6px;
}

/* --- nav pannel --- */
.navPannel{
	cursor:          pointer;
	color:           #d0d0d0;
    font-size:	     16px;
    font-weight:     bold;
	text-decoration: none;
    flex:            0 1 auto;
    display:         flex;
    flex-direction:  column;
}

.navPannel:link {
	color: #d0d0d0;
}

.navPannel:visited {
	color: #d0d0d0;
}

.navPannel:active {
	color: #d0d0d0;
}

.navPannel:hover {
	color: #e0e060;
}

.navPannel_heading {
	cursor:          pointer;
	color:           #d0d0d0;
    font-size:	     18px;
    font-weight:     bold;
	text-decoration: none;
    flex:            0 0 auto;
    padding-top:     28px;
}


/* ================================================================================
   eRabbit sub-page
   ================================================================================ */

.eRabbit-sub-page-popup-title{
	width:       100%;
	color:       #000000;
	font-weight: bold;
	font-size:   20px;
	text-align:  left;
	white-space: nowrap;
}

.eRabbit-sub-page-popup-label{
	width:       100%;
	color:       #000000;
	font-weight: bold;
	font-size:   14px;
	text-align:  left;
	white-space: nowrap;
}

.eRabbit-sub-page-popup-text{
	width:       100%;
	color:       #000000;
	font-weight: normal;
	font-size:   14px;
	text-align:  left;
	white-space: nowrap;
}

/* ================================================================================
   eRabbit submenu
   ================================================================================ */

/* ... properties set dynamically in omsStyle.jsp */
.eRabbit-submenu-nav-bar{
}

.eRabbit-nav-submenu-selector{
    overflow-x:     hidden;
    overflow-y:     auto;
    position:       absolute;
    top:            4px;
    left:           7px;
    right:          7px;
    height:         52px;
}

.eRabbit-nav-submenu-lable{
    overflow:       hidden;
    position:       relative;
    top:            4px;
    left:           7px;
    right:          7px;
    flex:           0 0 auto;
}

.eRabbit-nav-submenu-selected-devices{
	color:          #1A0DAB; /* @@@@@@@@ move color to omsStyle.jsp */
	font-weight:    bold;
	font-size:      14px;
	text-align:     left;
    display:        flex;
    flex-wrap:      wrap;
    align-content:  flex-start;
}

.eRabbit-nav-submenu-selector-label{
	color:       #000000;
	font-weight: bold;
	font-size:   16px;
	text-align:  left;
}

.eRabbit-submenu-lastupdate {
	color:       black;
	font-weight: bold;
	font-size:   12px;
	position:    absolute;
    top:         3px;
    right:       0px;
    display:     inline;
	clear:       both;
}

.eRabbit-submenu-center{
	display:    inline-block;
	cursor:     pointer;
	color:      #4d4d4d;
	font-size:	14px;
	font-weight:bold;
	text-align: center;
	left: 	    50%;
	margin:     0px auto;
    position:   fixed;
}

.eRabbit-submenu-right{
    position:   absolute;
    top:        43px;
    right:      6px;
	display:    inline-block;
	cursor:     pointer;
	color:      #4d4d4d;
	font-size:	14px;
	font-weight:bold;
	text-align: right;
	margin:     0px auto;
	float:		right;
}

/* ================================================================================
    eRabbit - navigation bar
   ================================================================================ */

.eRabbit-nav-bar-div {
    border-radius:    10px;
	cursor:           pointer;
	color:            #4d4d4d;
    font-size:	      12px;
    font-weight:      bold;
    background-color: #e0e5e0;
    padding-left:     8px;
    padding-top:      2px;
    padding-right:    8px;
    padding-bottom:   3px;
    margin-right:     4px;
}

.eRabbit-nav-bar{
	cursor:     pointer;
	color:      #4d4d4d;
    font-weight:bold;
}

.eRabbit-nav-bar:link{
	cursor:     pointer;
	color:      #4d4d4d;
    font-weight:bold;
}

.eRabbit-nav-bar:visited{
	cursor:     pointer;
	color:      #4d4d4d;
    font-weight:bold;
}

.eRabbit-nav-bar:active{
	cursor:     pointer;
	color:      #0000ff;
    font-weight:bold;
}

.eRabbit-nav-bar:hover{
	cursor:     pointer;
	color:      #0000ff;
    background-color: #e0e0e0;
    font-weight:bold;
}

.eRabbit-nav-bar-disabled{
	color:      #a1a0a0;
    font-weight:bold;
}

.eRabbit-nav-bar-disabled:link{
	color:      #a1a0a0;
    font-weight:bold;
}

.eRabbit-nav-bar-disabled:visited{
	color:      #a1a0a0;
    font-weight:bold;
}

.eRabbit-nav-bar-disabled:active{
	cursor:     pointer;
	color:      #a1a0a0;
    font-weight:bold;
}

.eRabbit-nav-bar-disabled:hover{
	cursor:     pointer;
	color:      #a1a0a0;
    font-weight:bold;
}

/* >>>>>>>>>>>>
   alert - pobably unessary to have seperate style
*/

.eRabbit-nav-bar-alert{
	color:      #FF0000;
    font-weight:bold;
}

.eRabbit-nav-bar-alert:visited{
	color:      #FF0000;
    font-weight:bold;
}

.eRabbit-nav-bar-alert:hover{
	color:      #0000FF;
    font-weight:bold;
}


/* ================================================================================
   Live
   ================================================================================ */

.eRabbit-live-bar{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar:link{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar:visited{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar:active{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar:hover{
	display:    inline;
	color:      yellow;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar-disabled{
	display:    inline;
	color:      #a1a0a0;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar-disabled:link{
	display:    inline;
	color:      #a1a0a0;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar-disabled:visited{
	display:    inline;
	color:      #a1a0a0;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar-disabled:active{
	display:    inline;
	cursor:     pointer;
	color:      #a1a0a0;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-live-bar-disabled:hover{
	display:    inline;
	cursor:     pointer;
	color:      #a1a0a0;
    font-weight:bold;
	text-decoration: none;
}


/* ... position updated in omsHeader=style.jsp */
.eRabbit-search{
    display: flex;
    flex-direction: row;
}

/* ... position updated in omsHeader=style.jsp */
.eRabbit-live{
    flex: 1 0 auto;
}

/* --- eRabbit - primary header  --- */
.eRabbit-headerPrimary{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	22px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerPrimary:link{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	22px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerPrimary:visited{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	22px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerPrimary:active{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	22px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerPrimary:hover{
	display:    inline;
	color:      blue;
	cursor:     pointer;
    font-size:	22px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerPrimary-logo{
	display:     inline;
    font-size:   34px;
    font-weight: bold
}

.eRabbit-headerSecondary{
	display:    inline;
	color:      #19869E;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerSecondary:link{
	display:    inline;
	color:      #19869E;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerSecondary:visited{
	display:    inline;
	color:      #19869E;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerSecondary:active{
	display:    inline;
	color:      #19869E;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerSecondary:hover{
	display:    inline;
	color:      blue;
	cursor:     pointer;
    font-size:	12px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-headerBasic{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	11px;
	text-decoration: none;
}

.eRabbit-headerBasic:link{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	11px;
	text-decoration: none;
}

.eRabbit-headerBasic:visited{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	11px;
	text-decoration: none;
}

.eRabbit-headerBasic:active{
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	11px;
	text-decoration: none;
}

.eRabbit-headerBasic:hover{
	display:    inline;
	color:      yellow;
	cursor:     pointer;
    font-size:	11px;
	text-decoration: none;
}

.eRabbit-nav-item
{
    text-decoration:    none;
    color:              #FFFFFF;
	font-family:        arial,helvetica;
    font-size:			16px;
    font-weight:		bold;
    position:           inherit;
    left:               0px;
}

.eRabbit-nav-item:link
{
    text-decoration:    none;
    color:              #FFFFFF;
	font-family:        arial,helvetica;
    font-size:			16px;
    font-weight:		bold;
    position:           inherit;
    left:               0px;
}

.eRabbit-nav-item:visited
{
    text-decoration:    none;
    color:              #FFFFFF;
	font-family:        arial,helvetica;
    font-size:			16px;
    font-weight:		bold;
    position:           inherit;
    left:               0px;
}

.eRabbit-nav-item:active
{
    text-decoration:    none;
    color:              #FFFFFF;
	font-family:        arial,helvetica;
    font-size:			16px;
    font-weight:		bold;
    position:           inherit;
    left:               0px;
}

.eRabbit-nav-item:hover
{
    text-decoration:    none;
    color:              #FF0000;
	font-family:        arial,helvetica;
    font-size:			16px;
    font-weight:		bold;
    position:           inherit;
    left:               0px;
}

.eRabbit-nav-menu
{
    overflow-y:         hidden;
    overflow-x:         hidden;
    color:              #000000;
}

.eRabbit-navmenu-table
{
	font-size: 12px;
	font-family:
	arial,helvetica;
	border: none;
}

.eRabbit-navmenu-table-item
{
    display:inline;
    font: bold 18px arial;
    text-align:left;
    color: black;
    position: relative;
    left: 5px;
}

.erabbit-device-name
{
    display:inline;
    font: bold 18px arial,helvetica;
    text-align:left;
    color: black;
    position: relative;
    top: 5px;
    left: 5px;
}

.eRabbit-navmenu-nav
{
    user-select: none;
	display:     inline;
	cursor:      pointer;
	color:       #1A0DAB; /* @@@@@@@@ move color to omsStyle.jsp */
    font-size:	 15px;
    font-weight: bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav:link
{
    user-select: none;
	display:     inline;
	cursor:      pointer;
	color:       #1A0DAB; /* @@@@@@@@ move color to omsStyle.jsp */
    font-size: 	 15px;
    font-weight: bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav:visited{
    user-select: none;
	position:    absolute;
	cursor:      pointer;
	color:       #1A0DAB; /* @@@@@@@@ move color to omsStyle.jsp */
    font-size:	 15px;
    font-weight: bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav:hover{
    user-select: none;
	display:     inline;
	cursor:      pointer;
	color:       blue;
    font-size:	 15px;
    font-weight: bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav:active{
    user-select: none;
	display:     inline;
	cursor:      pointer;
	color:       #1A0DAB; /* @@@@@@@@ move color to omsStyle.jsp */
    font-size:	 15px;
    font-weight: bold;
	text-decoration: none;
}

.eRabbit-navmenu_alerted {
    cursor: pointer;
    display: block;
    color:#ffffff;
    border-left: 7px solid red;
    border-bottom: 3px solid #005361;
}

/*****************************************************************************************************
 Mobile styles
 */

.eRabbit-window-m
{
    overflow:           hidden;
    width:              100%;
	height: 			100%;
 	background-color:	#FFFFFF;
}

.eRabbit-window-m-grouptracks
{
    overflow:           hidden;
    width:              100%;
	height: 			100%;
 	background-color:	#3B7A26;
}

.eRabbit-header-m
{
	display:            block;
	position:           fixed;
	top:                0px;
	left:               0px;
	width:				100%;
	height:				50px;
	z-index:            9999;
	color:              #FFFFFF;
	background-color:	#3B7A26;
    border:             none;
}

.eRabbit-main-m
{
	position:           absolute;
	top:                50px;
	left:               0px;
	right:				0px;
	bottom:				0px;
	background-color:	#FFFFFF;
    border:				none;
	z-index:            0;
}

.eRabbit-main-login-m
{
	position:           absolute;
	top:                50px;
	left:               0px;
	right:				0px;
	bottom:				0px;
	background-color:	#FFFFFF;
    border:				none;
	z-index:            0;
}

.eRabbit-main-login-lable-m{
    user-select:  none;
	display:          block;
	color:            #000000;
    font-size:	      30px;
    font-weight:      bold;
    background-color: #FFFFFF;
    text-align:       bottom;
    padding-top:      4px;
    padding-bottom:   2px;
}

.eRabbit-main-login-error-m
{
	font-size:	 		 18px;
	font-weight: 		 bold;
	text-align:	 		 left;
	color: 		 		 Red;
    text-align:       	 left;
    padding-top:		 5px;
}

.eRabbit-loginLink-m{
    user-select:  none;
	display:          inline;
	color:            #000000;
	cursor:           pointer;
    font-size:	      32px;
    font-weight:      bold;
	text-decoration:  none !important;
    background-color: #FFFFFF;
    text-align:       right;
    vertical-align:   middle;
    padding-top:	  4px;
    padding-bottom:   2px;
}

.eRabbit-loginLink-m:link{
    user-select:  none;
	display:          inline;
	color:            #000000;
	cursor:           pointer;
    font-size:	      32px;
    font-weight:      bold;
	text-decoration:  none !important;
    background-color: #FFFFFF;
    text-align:       right;
    vertical-align:   middle;
    padding-top:	  4px;
    padding-bottom:   2px;
}

.eRabbit-loginLink-m:visited{
    user-select:  none;
	display:          inline;
	color:            #000000;
	cursor:           pointer;
    font-size:	      32px;
    font-weight:      bold;
	text-decoration:  none !important;
    background-color: #FFFFFF;
    text-align:       right;
    vertical-align:   middle;
    padding-top:	  4px;
    padding-bottom:   2px;
}

.eRabbit-loginLink-m:active{
    user-select:  none;
	display:          inline;
	color:            #000000;
	cursor:           pointer;
    font-size:	      32px;
    font-weight:      bold;
	text-decoration:  none !important;
    background-color: #FFFFFF;
    text-align:       right;
    vertical-align:   middle;
    padding-top:	  4px;
    padding-bottom:   2px;
}

.eRabbit-loginLink-m:hover{
    user-select:  none;
	display:          inline;
	color:            #000000;
	cursor:           pointer;
    font-size:	      32px;
    font-weight:      bold;
	text-decoration:  none !important;
    background-color: #FFFFFF;
    text-align:       right;
    vertical-align:   middle;
    padding-top:	  4px;
    padding-bottom:   2px;
}

.eRabbit-navmenu-title-m{
    user-select:  none;
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	32px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-title-m:link{
    user-select:  none;
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	32px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-title-m:visited{
    user-select:  none;
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	32px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-title-m:hover{
    user-select:  none;
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	32px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-title-m:active{
    user-select:  none;
	display:    inline;
	color:      #ffffff;
	cursor:     pointer;
    font-size:	32px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav-m{
	user-select:none;
	display:    inline;
	cursor:     pointer;
    color:		white;
    font-size:	20px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav-m:link{
	user-select:none;
	display:    inline;
	cursor:     pointer;
    color:		white;
    font-size:	25px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav-m:visited{
	user-select:none;
	position:   absolute;
	cursor:     pointer;
    color:		white;
    font-size:	25px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav-m:hover{
	user-select:none;
	display:    inline;
	cursor:     pointer;
	color:      yellow;
    font-size:	25px;
    font-weight:bold;
	text-decoration: none;
}

.eRabbit-navmenu-nav-m:active{
	user-select:none;
	display:    inline;
	cursor:     pointer;
    color:		white;
    font-size:	25px;
    font-weight:bold;
	text-decoration: none;
}

/*****************************************************************************************************
 *****************************************************************************************************
 *****************************************************************************************************
 *****************************************************************************************************
 depreciated styles to be removed .....

 */

.title{
	width:100%;
	color: #000000;
	font-weight:bold;
	font-size: 20px;
	text-align:left;
	clear:both;
}

.mainBody{
    display:            block;
    position:           absolute;
    left:               0px;
    top:                0px;
    right:              0px;
    bottom:             0px;
    width:              100%;
	height: 		    100%;
    color:              #000000;
    background-color:   #ffffff;
    font-family:        arial,helvetica;
    font-size:          12px;
    font-weight:        normal;
}
.uiBox
{
	background-color:#ffffff;
	height: auto;
	clear:both;
	font: normal 12px arial;
}
.bodyContent {
	DISPLAY: block;
	height: auto;
	width: 952px;
	color: #000000;
	background-color: #fff;
	padding: 0px 0 20px 0;
    font-family: arial,helvetica;
    font-size: 12px;
    font-weight: normal;
}
.loff a:hover{
    color:#C0C0C0;
    text-decoration: none;
}
.offCell{
	width: 12px;
	height: 12px;
	background-color: #F0F0F0;
}
.onCell{
	width: 12px;
	height: 12px;
	background-color: #FF0000;
}
.selectedCell{
	width: 12px;
	height: 12px;
	background-color: #FF00FF;
}
.titleCell{
	background-color: #0000FF;
	width: 64px;
	font: bold 12px arial,helvetica,bold;
	color: red;
	text-align:center;
}
.labelCell{
	width: 10px;
	height: 10px;
	max-height: 10px ;
	color: magenta;
	font:bold 10px arial,helvetica;
}
.sensorCell{
	width: 1px;
	height: 1px;
}
.selectlist1{
	width:912px;
	text-align:center;
	border:1px solid #000;
	border-width:1px 1px 1px 1px;
}
table.selectlist1 th {
	font-family: arial;
	font-size: 12px;
	height: 22px;
	background-Color: #a0a0a0;
	font-weight: Bold;
	Color: White;
}
.selectlist{
	width:100%;
	border:none;
	border:1px solid #000;
	border-width:1px 1px 1px 1px;
}
table.selectlist th {
	font-family: arial;
	font-size: 12px;
	height: 22px;
	background-Color: #a0a0a0;
	font-weight: Bold;
	Color: White;
}
.lblvalue
{
	font-family: Arial;	font-size: 12px; font-weight: normal; color: Black;
	text-align:left;/* background-color: #dce3ee;*/
}
.flabel
{
	font-family: Arial;	font-size: 12px; font-weight: normal; color: White;
	text-align:right; background-color: #738096;
}
.fvalue
{
	font-family: Arial;	font-size: 12px; font-weight: normal; color: Black;
	text-align:left; background-color: #c5cdda;
}