/***********************************************************************/
/* HELPERS                                                             */
/***********************************************************************/
*:focus         { outline: none; }
.fl             { float: left; }
.fr             { float: right; }
.clr            { clear: both; }

.wa             { width: 100%; }

.al             { text-align: left; }
.ar             { text-align: right; }
.ac             { text-align: center; }
.ac-bl          { margin-left: auto; margin-right: auto; }

.bl             { display: block; }
.bl-inl         { display: inline-block; }
.bl-center      { display: block; margin-left: auto; margin-right: auto; }

.hide           { display: none; visibility: hidden; }
.show-bl        { display: block; visibility: visible; }
.show-bl-inl    { display: inline-block; visibility: visible; }
.show-inl       { display: inline; visibility: visible; }

.ext-xs         { margin: 5px; }
.ext-s          { margin: 10px; }
.ext-m          { margin: 15px; }
.ext-l          { margin: 20px; }
.ext-xl         { margin: 25px; }

.ext-left-xs    { margin-left: 5px; }
.ext-left-s     { margin-left: 10px; }
.ext-left-m     { margin-left: 15px; }
.ext-left-l     { margin-left: 20px; }
.ext-left-xl    { margin-left: 25px; }

.ext-right-xs   { margin-right: 5px; }
.ext-right-s    { margin-right: 10px; }
.ext-right-m    { margin-right: 15px; }
.ext-right-l    { margin-right: 20px; }
.ext-right-xl   { margin-right: 25px; }

.ext-top-xs     { margin-top: 5px; }
.ext-top-s      { margin-top: 10px; white-space: nowrap; }
.ext-top-m      { margin-top: 15px; }
.ext-top-l      { margin-top: 20px; }
.ext-top-xl     { margin-top: 25px; }

.ext-bot-xs     { margin-bottom: 5px; }
.ext-bot-s      { margin-bottom: 10px; }
.ext-bot-m      { margin-bottom: 15px; }
.ext-bot-l      { margin-bottom: 20px; }
.ext-bot-xl     { margin-bottom: 25px; }

.pad-xs         { padding: 5px; }
.pad-s          { padding: 10px; }
.pad-m          { padding: 15px; }
.pad-l          { padding: 20px; }
.pad-xl         { padding: 25px; }

.pad-left-xs    { padding-left: 5px; }
.pad-left-s     { padding-left: 10px; }
.pad-left-m     { padding-left: 15px; }
.pad-left-l     { padding-left: 20px; }
.pad-left-xl    { padding-left: 25px; }

.pad-right-xs   { padding-right: 5px; }
.pad-right-s    { padding-right: 10px; }
.pad-right-m    { padding-right: 15px; }
.pad-right-l    { padding-right: 20px; }
.pad-right-xl   { padding-right: 25px; }

.pad-top-xs     { padding-top: 5px; }
.pad-top-s      { padding-top: 10px; }
.pad-top-m      { padding-top: 15px; }
.pad-top-l      { padding-top: 20px; }
.pad-top-xl     { padding-top: 25px; }

.pad-bot-xs     { padding-bottom: 5px; }
.pad-bot-s      { padding-bottom: 10px; }
.pad-bot-m      { padding-bottom: 15px; }
.pad-bot-l      { padding-bottom: 20px; }
.pad-bot-xl     { padding-bottom: 25px; }

.color-red        {color: red;}
.color-green      {color: green;}
.color-gray        {color: gray;}

.th-check {width: 20px;}

.bordered
{
    border: 1px solid #ddd;
    padding: 10px;
    margin: 10px 0;
}

.noborder {
    width: auto; 
    height: auto; 
    border: none; 
}

.mw-fieldset
{
    width: 810px;
    padding-bottom: 20px;
}

.placeholder
{
    color: #aaa;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #aaa;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #aaa;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aaa;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #aaa;
}

.error-link
{
    color: #f00;
    font-weight: bold;
    text-decoration: none;
}

.error
{
    color: #f00;
    font-weight: bold;
}

.important-note
{
    color: #d00;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}

/***********************************************************************/
/* PAGE SECTIONS
/***********************************************************************/

html, body 
{ 
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    height: 100%;
    min-width: 100%;
    position: absolute;
}

.content 
{ 
    min-height: 100%;
    position: relative;
}

/***********************************************************************/
/* HEADER
/***********************************************************************/
.header
{ 
    border-bottom: 1px solid #CFD6FC;
    height: 60px;
    overflow: hidden;    

    background-color: white;
}

.header-bipom 
{
    background-image: url('/Images/logo-bg.jpg');
    background-position: left top;
    background-repeat: repeat-x;
    height: 60px;
}

.hdr-logo
{
    float: left;
}

.hdr-title
{
    font-size: 32px;
    font-family: Arial, Verdana, 'Times New Roman', sans-serif;
    font-weight: bold;
    color: white;
    text-shadow:  2px 2px 2px #444;
    margin-top: 8px;
}


/***********************************************************************/
/* MAIN
/***********************************************************************/
.main 
{ 
    margin: 0px 20px;
    padding-bottom: 100px;
    padding-top: 10px;    
    width: auto;   
    font-size: 14px; 
}

h1
{
    font-size: 24px;
}

.unit-lable
{
    display: inline;
    font-size: 14px;
    font-style: normal;
    vertical-align: middle;
    padding-bottom: 2px;
}
.unit-select
{
    display: inline;
    width: auto;
    font-size: 14px;
    font-style: normal;
    padding-bottom: 0px;
}
/***********************************************************************/
/* FOOTER
/***********************************************************************/
.footer 
{ 
    border-top: 1px solid #EBEBEB;
    bottom: 0px;
    height: -70px;
    overflow: hidden;
    position: relative;
    width: 100%;    
    
    font-size: 12px;
    line-height: 0;
    white-space: nowrap;    
    background-color: #EBEBEB;
}

.footer ul 
{ 
    padding: 15px 10px;
    color: #444;
    float: left;
    max-width: 80%;
}

.footer ul li 
{ 
    display: inline;
    padding: 0px 1.5em 0px 0px;
}

/************************************************************************************
/*  WIDGETS
/***********************************************************************************/

.auth-box
{
    width: 250px;
    background-color: #eee;
    border: 1px solid #bbb;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.dt-filter
{
    border: 1px solid #bbb;
    padding: 7px;
    display: inline-block;
}

.dt-filter input
{
    font-size: 14px;
}

/************************************************************************************
/*  FORMS
/***********************************************************************************/
form
{
    font-size: 14px;
}

legend
{
    color: #005BFF;
    font-size: 16px;
    padding: 0 5px;
}

.form-line
{
    display: block;
    width:  100%;
    margin:  15px 0;
}

label
{
    display:  block;
    width:  100%;
    color: #003366;
    text-shadow: 1px 1px #DDD;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}

label.large
{
    display:  block;
    width:  100%;
    color: #003366;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    margin: 10px 5px 20px 0;
}

input,
textarea
{
    display: block;
    width: 96%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    color: #333;
    border: 1px solid #aaa;
    padding: 3px;    
}

select
{
    display: block;
    width: 96%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 3px;    
}

input[type="checkbox"],
input[type="radio"]
{
    display: inline;
    margin: 10px 0 0 0;
    padding: 0;
    max-width: 20px;
}

.checkbox
{
    vertical-align: middle;
    display: inline-block;
    width:  auto;
    margin: 10px 0 0 0;
}

.checkbox-label
{
    width:  auto;
    display: inline-block;
    padding-right: 5px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 10px 5px 0 0;
}

.validation-summary-valid
{
    display: none;
    visibility:hidden;
}

.validation-summary-errors
{
    display:  block;
    padding:  10px 5px;
    color: #f00;
    border:  1px solid #f00;
    background-color: #fff2f2;
    margin: 10px auto;
}

.validation-summary-errors ul
{
   margin-top: 5px;
}

.input-validation-error
{
    border-color: #f00;
}

.validation-summary-errors li
{
    list-style-type: disc;
    list-style-position: inside; 
    color: #f00;
}

.btn-subscription 
{
    display: inline-block;
	color: #333;
	padding: 5px 25px;
    text-decoration: none;    
    width: auto;
    background-color: #e7e7e7;
    color: #333;
    font-size: 14px;
    text-align: center;
    min-width: 60px;
    border: 1px solid #aaa;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.btn-subscription .price {
    font-size: 16px;
}

.btn-subscription .text {
    font-size: 12px;
}

.btn, .btn_cancel, .do-btn 
{
    display: inline-block;
    color: #333;
    padding: 5px 25px;
    text-decoration: none;
    width: auto;
    background-color: #003366;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.btn_cancel
{
    background-color: #7c1313;
}

.btn:disabled {
    background-color: darkgray;
}
.btn:active, 
.cg-btn:active 
{
    position: relative;
    top: 2px;
}

.tool-btn {
    display: inline-block;
    background-color: #4CAF50;
    color: #fff;
    padding: 4px 10px;
    text-align: center;
    margin: 5px 2px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid green;
    cursor: pointer;
}

.ta-desc {
    width: 95%;
    height: 50px;
}

.error-message
{
    border:  1px solid #f00;
    background-color: #fff2f2;
    color: #f00;
    padding: 10px;
}

.error-message li
{
    color: #f00;
}

.success-message
{
    border: 1px solid #64AD70;
    background-color: #D3FFC8;
    color: #0C46C2;
    padding: 10px;
}

.success-message li
{
    color: #0C46C2;
}

.btn-close-message:hover
{
    cursor: pointer;
}

/************************************************************************************
/*  LISTS
/***********************************************************************************/
ul
{
    list-style-type:square;
    list-style-position: inside;
}

ul li
{
    padding-bottom: 5px;
    color: #333;
}

/************************************************************************************
/*  TABLE
/***********************************************************************************/
table.thin td {
    padding: 0 0 !important;
}

.tbl-zebra,
.tbl-data-1
{
    border-collapse:separate;
    border-spacing: 2px;    
    border: 1px solid #ddd;
    background-color: #fff;
}

.tbl-zebra th,
.tbl-data-1 th
{
    background-color: #FFC219;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 5px 5px;
}

.tbl-data-1 td
{
    padding: 2px 5px;
    vertical-align: middle;
    text-align: center;
}

.tbl-zebra td
{
    padding: 2px 5px;
    vertical-align: middle;
}

.tbl-zebra .alt
{
    background-color: #EDF5FC;
}

.tbl-summary
{
    border-collapse:separate;
    border-spacing: 3px;    
    padding: 2px;
    border: none;
    background-color: #fff;
}

.tbl-summary td
{
    padding-bottom: 10px;
}
    
.tbl-summary tr td:first-child
{
    font-weight: bold;
}

.tbl-summary tr td:last-child
{
    padding-left: 20px;
}

.tbl-input-tags td
{
    height: 35px;
}

.tbl-input-tags th:nth-child(1),
.tbl-input-tags td:nth-child(1),
.tbl-output-tags th:nth-child(1),
.tbl-output-tags td:nth-child(1)
{
    width: 20px;
    text-align: center;
}

.tbl-input-tags th:nth-child(2),
.tbl-input-tags td:nth-child(2),
.tbl-output-tags th:nth-child(2),
.tbl-output-tags td:nth-child(2)
{
    width: 240px;
    text-align: left;
}


.tbl-input-tags th:nth-child(4),
.tbl-input-tags td:nth-child(4)
{
    min-width: 60px;
    text-align: center;
}

.tbl-input-tags th:nth-child(5),
.tbl-input-tags td:nth-child(5)
{
    min-width: 85px;
    text-align: center;
}

.tbl-input-tags th:nth-child(6),
.tbl-input-tags td:nth-child(6)
{
    width: 85px;
    text-align: center;
}

.tbl-input-tags th:nth-child(7),
.tbl-input-tags td:nth-child(7),
.tbl-output-tags th:nth-child(4),
.tbl-output-tags td:nth-child(4)
{
    width: 85px;
    text-align: center;
}

.tbl-input-tags th:nth-child(8),
.tbl-input-tags td:nth-child(8),
.tbl-output-tags th:nth-child(5),
.tbl-output-tags td:nth-child(5)
{
    width: 85px;
    text-align: center;
}

.tbl-input-tags th:nth-child(9),
.tbl-input-tags td:nth-child(9),
.tbl-output-tags th:nth-child(6),
.tbl-output-tags td:nth-child(6)
{
    width: 85px;
    text-align: center;
}

/* HISTORY TAGS TABLE */
.tbl-history-tags th:nth-child(1),
.tbl-history-tags td:nth-child(1),
.tbl-history-tags th:nth-child(2),
.tbl-history-tags td:nth-child(2)
{
    width: 20px;
}

.tbl-history-tags th:nth-child(3),
.tbl-history-tags td:nth-child(3)
{
    width: 200px;
}

.tbl-history-tags th:nth-child(4),
.tbl-history-tags td:nth-child(4)
{
    width: 120px;
}

.tbl-history-tags th:nth-child(5),
.tbl-history-tags th:nth-child(6),
.tbl-history-tags td:nth-child(5),
.tbl-history-tags td:nth-child(6),
.tbl-history-tags td:nth-child(7)
{
    width: 80px;
}

.tbl-history-tags th:nth-child(17),
.tbl-history-tags td:nth-child(17)
{
    width: 360px;
    text-align: center;
}

.tbl-history-tags td
{
    height: 27px;
}

.tbl-assigned-tags th:nth-child(1),
.tbl-assigned-tags td:nth-child(1)
{
    width: 20px;
    text-align: center;
}

.tbl-assigned-tags th:nth-child(2),
.tbl-assigned-tags td:nth-child(2)
{
    width: 90px;
    text-align: left;
}

.tbl-assigned-tags th:nth-child(4),
.tbl-assigned-tags td:nth-child(4),
.tbl-assigned-tags th:nth-child(5),
.tbl-assigned-tags td:nth-child(5)
{
    width: 100px;
    text-align: right;
    padding-right: 15px;
}

.tbl-assigned-tags th:nth-child(6),
.tbl-assigned-tags td:nth-child(6)
{
    width: 75px;
    text-align: center;
}

#tbl-tagdata td:nth-child(1),
#tbl-tagdata td:nth-child(2)
{
    width: 20px;
}
#tbl-tagdata td:nth-child(3)
{
    width: 138px;
}

#tbl-tagdata td:nth-child(n+4) {
    text-align:center;
}

#tbl-notis th:nth-child(1)
{
    width: 20px;
}
#tbl-notis th:nth-child(2)
{
    width: 50px;
}
#tbl-notis th:nth-child(3)
{
    width: 250px;
}
#tbl-notis th:nth-child(4),
#tbl-notis th:nth-child(5)
{
    width: 120px;
}

/************************************************************************************
/*  ICONS
/***********************************************************************************/
.icon
{
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;

}
.icon-add2 {
    background-image: url('/Images/add2.png');
    display: inline-block;
    height: 32px;
    width: 32px;
}
.icon-remove2 {
    background-image: url('/Images/remove2.png');
    display: inline-block;
    height: 32px;
    width: 32px;
}

.icon-add {
    background-image: url('/Images/add.png');
}

.icon-del
{
    background-image: url('/Images/delete.png');
}

.icon-edit
{
    background-image: url('/Images/edit.png');
}

.icon-history-data
{
    background-image: url('/Images/history-chart.png');
}

.icon-rt-data
{
    background-image: url('/Images/real-time-chart.png');
}

.toggle-icon {
    background-image: url('/Images/toggle.png');
}

/************************************************************************************
/*  ADMIN SECTION TABLES
/***********************************************************************************/
.alarm-row-acknowledged {
    color: lightgray;
    font-weight: bold;
    height: 30px;
}

.alarm-row-lowlow {
    color: blue;
    font-weight: bold;
    height: 30px;
}
.alarm-row-low {
    color: lightblue;
    font-weight: bold;
    height: 30px;
}
.alarm-row-normal {
    color: black;
    font-weight: bold;
    height: 30px;
}
.alarm-row-high {
    color: darkorange;
    font-weight: bold;
    height: 30px;
}
.alarm-row-highhigh {
    color: red;
    font-weight: bold;
    height: 30px;
}

/************************************************************************************
/*  CONTROL PANEL
/***********************************************************************************/
.acc-name
{
    color: #0094ff;
}

.dev-name
{
    color: #ff6a00;
}

.cp-menu
{
    float: left;
    width: 175px;
    overflow: hidden;
    border: 1px solid #CFD6FC;
    background-color: #eee;
    margin: 5px 5px 5px 0;
    padding: 5px 5px 50px 5px;
}

.cp-menu ul
{
    list-style-type:none;
}

.cp-menu li
{
    padding-bottom: 5px;
}

.inline-menu 
{
    text-align: left;
	white-space: nowrap;
}

.inline-menu li
{
    margin: 5px 6px 0 0;
    display: inline;
}
 
.actions-menu 
{
    text-align: left;
	white-space: nowrap;
}

.actions-menu li
{
    margin: 0 1px 0 0;
    display: inline;
}

.actions-menu:last-child
{
    margin: 0;
}

.top-item
{
}

.sub-menu
{
    margin: 5px 0 0 15px;
}

.cp-main
{
    float: left;
    margin: 5px 0;
}

.cp-main2
{
    float: left;
    margin: 5px 0;
    width: 100%;
}

.chart {
    width: auto;
    height: auto;
    border: 1px solid #808080;
}

.loader-chart
{
    display: block;
    margin: auto;
    margin-top: 136px;
}

/************************************************************************************
/*  PAGER
/***********************************************************************************/
.pager
{
    width: 100%;
    border: none;
    background-color: transparent;
    margin: 0;
    padding: 10px 0px;
    font-size: 13px;
    font-weight: bold;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: right;
}

ul.pager-links
{
    display: inline;
    list-style-type: none;
}

ul.pager-links li
{
    display: inline;
    padding-right: 5px;
}

ul.pager-links li select
{
    display: inline;
    padding-right: 5px;
    width: 65px;
}

ul.pager-links li a:active,
ul.pager-links li a:hover
{
    color: #d00;
}

ul.pager-links li.pager-current-link
{
    font-weight: bold;
}

.well 
{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well legend 
{
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.well td,
.well th
{
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.btn-on 
{
    background-color: #088C14;
}

.btn-off 
{
    background-color: #B6B6B6;
}

.edit-table3 td:nth-child(1) {
    width: 280px;
    font-weight: bold;
    padding: 5px 5px;
}

.edit-table3 td:nth-child(2) {
    width: auto;
    padding: 5px 5px;
}

.edit-table td:nth-child(1)
{
    width: 120px;
}

.edit-table td:nth-child(2)
{
    width: 320px;
}

.edit-table4 td:nth-child(1) {
    width: 90px;
}
.edit-table4 td:nth-child(2) {
    width: 240px;
}
.edit-table4 td:nth-child(3) {
    width: 240px;
}

.edit-table2 td:nth-child(1)
{
    width: 90px;
}

.edit-table2 td:nth-child(2)
{
    width: 480px;
}

.usr-edit-table .alt
{
    background-color: #EDF5FC;
}

.usr-edit-table td:nth-child(1),
.usr-edit-table td:nth-child(3)
{
    width: 125px;
}

.usr-edit-table td:nth-child(2),
.usr-edit-table td:nth-child(4)
{
    width: 250px;
}

.device-lable,
.device-lable label,
.device-lable select {
    display: inline;
    width: auto;
    font-size: 14px;
    font-style: normal;
    margin: 5px 0;
}

#tag-chart {
    border: none; 
}

#tag-chart .dygraph-title {
    text-align: left;
    margin-left: 20px;
    font-size: 16px;
}

.filter-options span {
    display: inline-block;
    white-space: nowrap;
    margin-right: 10px;
}

.filter-options,
#chart-period {
    margin: 10px 0 8px 0;
}

#chart-period .chart-date
{
    display: inline;
    width: 140px;
    z-index: 90;
    position: relative;
}

#chart-period .chart-time
{
    display: inline;
    width: 60px;
}

#chart-period .chart-date-btn
{
    display: inline;
    width: 20px;
}

#chart-period #Redraw
{
    display: inline;
    width: 60px;
}

#chart-period #DeleteData
{
    display: inline;
    width: 100px;
}

#UnzoomChart {
    /*display: inline;*/
    display: none;
    width: 100px;
    margin-left: 10px;
}
#SaveChart {
    display: inline-block;
	color: #333;
	padding: 5px 25px;
    text-decoration: none;    
    width: auto;
    background-color: #003366;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
#ChartMode {
    display: inline-block;
    width: auto;
    margin: 2px 10px;
    font-size: 14px;
}

#FftTimewaveSwitch {
    display: inline;
    width: 130px;
    margin-left: 10px;
}

.subacc-view-setting {
    float: left;
    padding: 0 10px 5px 10px;
    margin-right: 10px;
    border: 1px solid #e3e3e3;
    min-height: 20px;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


/* ----------------------------------------- */
#reset-sel,
input.sel-user,
input.sel-acc
{
    margin-top: 5px;
}

.user-name
{
    color: green;
}

.addShare-btn {
    background-image: url('/Images/add-share.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 44px !important;
    height: 34px;
}
.addShare-bat-btn {
    background-image: url('/Images/add-share-bat.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 44px !important;
    height: 34px;
}
.removeShare-btn {
    background-image: url('/Images/remove-share.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 44px !important;
    height: 34px;
}
.removeShare-bat-btn {
    background-image: url('/Images/remove-share-bat.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 44px !important;
    height: 34px;
}

#reset-pw-box table {
    margin-top: 20px;
    margin-bottom: 20px;
}
#reset-pw-box td {
    padding-right: 10px;
}

a.user-name {
    color: blue;
}

table.grid-tbl
{
    border-collapse:collapse;
}

table.grid-tbl td
{
    border:1px #ddd solid;
    padding: 5px 10px;
}

a.edit-icon-thin {
    background-image: url('/Images/icons/edit.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 24px;
    height: 24px;
}

a.edit-icon
{
    background-image: url('/Images/icons/edit.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.img-icon {
    background-image: url('/Images/icons/img.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.del-icon
{
    background-image: url('/Images/icons/delete.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.copy-icon
{
    background-image: url('/Images/icons/copy.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.clone-icon
{
    background-image: url('/Images/icons/clone.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.realtime-icon
{
    background-image: url('/Images/icons/realtime.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}
a.alarmbinding-icon
{
    background-image: url('/Images/icons/alarm-binding.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.dio-icon
{
    background-image: url('/Images/icons/dio.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.cfg-icon
{
    background-image: url('/Images/icons/config.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.config-icon {
    background-image: url('/Images/icons/config2.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 24px;
    height: 24px;
}

a.refresh-icon
{
    background-image: url('/Images/icons/refresh.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 24px;
    height: 24px;
}

a.data-icon
{
    background-image: url('/Images/icons/data.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.alarm-icon {
    background-image: url('/Images/icons/alarm.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
    filter: saturate(50%);
}

/* ----------------------------------------- */
a.alarm-icon-new {
    background-image: url('/Images/icons/alarm.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
    filter: brightness(150%);
}
a.alarm-icon-acked {
    background-image: url('/Images/icons/alarm_green.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}
a.alarm-icon-none {
    background-image: url('/Images/icons/alarm.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;

    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
}

a.events-icon {
    background-image: url('/Images/icons/events.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.dashboard-icon {
    background-image: url('/Images/icons/dashboard.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.list-icon
{
    background-image: url('/Images/icons/list.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.chart-icon
{
    background-image: url('/Images/icons/chart.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}
a.multi-chart-icon {
    background-image: url('/Images/icons/chart_plus.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.list-icon-s {
    background-image: url('/Images/icons/list-s.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 22px;
    height: 18px;
}

a.chart-icon-s {
    background-image: url('/Images/icons/chart-s.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 22px;
    height: 18px;
}

a.chart-icon-ms {
    background-image: url('/Images/sin.png');
    background-repeat: no-repeat;
    background-position: top;
    display: inline-block;
    width: 18px;
    height: 2ex;
}

a.download-icon
{
    background-image: url('/Images/icons/download.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.clear-icon
{
    background-image: url('/Images/icons/clear.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.dummy-icon {
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.move-icon {
    background-image: url('/Images/icons/move-data.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.import-icon
{
    background-image: url('/Images/icons/import.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.bin-icon
{
    background-image: url('/Images/icons/bin.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.notify-icon
{
    background-image: url('/Images/icons/notify.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.mark-icon
{
    background-image: url('/Images/icons/accept.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.lock-icon
{
    background-image: url('/Images/icons/lock.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.unlock-icon
{
    background-image: url('/Images/icons/unlock.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.on-enable-icon {
    background-image: url('/Images/icons/on_enabled.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 38px;
    height: 24px;
}

a.on-disable-icon {
    background-image: url('/Images/icons/on_disabled.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 38px;
    height: 24px;
}

a.off-enable-icon {
    background-image: url('/Images/icons/off_enabled.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 38px;
    height: 24px;
}

a.off-disable-icon {
    background-image: url('/Images/icons/off_disabled.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 38px;
    height: 24px;
}

a.disable-icon {
    background-image: url('/Images/icons/led-grey.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.enable-icon {
    background-image: url('/Images/icons/led-green.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.running-icon
{
    background-image: url('/Images/icons/running.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.stopped-icon
{
    background-image: url('/Images/icons/stopped.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.gps-icon
{
    background-image: url('/Images/icons/gps.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.gps-stopped-icon
{
    background-image: url('/Images/icons/gps_stopped.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.play-icon
{
    background-image: url('/Images/icons/play.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.share-icon {
    background-image: url('/Images/icons/share.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.snapshot-icon
{
    background-image: url('/Images/icons/snapshot.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.firmware-upgrade-icon
{
    background-image: url('/Images/icons/upgrade-firmware.png');
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width: 30px;
    height: 24px;
}

a.slave-icon {
    background-image: url('/Images/icons/slave.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 24px;
}

a.help-icon {
    background-image: url('/Images/icons/help.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
}

a.debug-icon {
    background-image: url('/Images/icons/ladybug.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
}

a.eye-icon {
    background-image: url('/Images/icons/eye.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: bottom;
}

a.edit-contacts {
    display:inline-block;
    width: 80px;
}

a.offline-icon {
    background-image: url('/Images/offline3.png');
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 2ex;
    vertical-align: top;
}

.gray {
    visibility: hidden;
}

.gray-icon {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
}

.weaken-icon {
    -webkit-filter: saturate(60%);
    filter: green; 
    filter: saturate(60%); 
}

.tree-view {
    float: left;
    margin-right: 20px;
    min-width: 200px;
}
.tree-view h2,
.tree-view li
{
    font-size: 12px;
    font-family: Arial, Verdana, 'Times New Roman', sans-serif;
}

.tree-view ul {
    list-style: none;
    padding: 2px 0 2px 0;
}

.tree-view li {
  padding-left: 20px;
}

.tree-view h2 {
    padding-bottom:4px; 
    font-weight: bold;
    vertical-align: middle;
}

.tree-view h2.map-header0:before {
    content: url('/Images/arrow-blank.png');
} 

.tree-view h2.map-header:before {
    content: url('/Images/arrow-white.gif');
} 

.tree-view h2.map-header2:before {

    content: url('/Images/arrow-black.gif');
} 

.tree-view li.atom:before {
    content: url('/Images/atom.png');
}

span.account {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Images/account.png');
    background-repeat:no-repeat;
    margin-bottom: -4px;
}

span.user {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Images/user.png');
    background-repeat:no-repeat;
    margin-bottom: -4px;
}

span.device {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Images/device.png');
    background-repeat:no-repeat;
    margin-bottom: -4px;
}

span.device-shared {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Images/device_shared.png');
    background-repeat:no-repeat;
    margin-bottom: -4px;
}

span.dashboard {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Images/dashboard2.png');
    background-repeat: no-repeat;
    margin-bottom: -4px;
}

span.asset {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/Images/asset.png');
    background-repeat: no-repeat;
    margin-bottom: -4px;
}

#templates-ul
{
    list-style-type: none;
}

.high-light a{
    background-color: blue;
    color: white;
}

.contact-balloon {
    background-color: white;
}
.contact-balloon table {
    width: 100%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    color: black;
}
.contact-balloon td {
    vertical-align: top;
    padding: 5px 10px;
}

.dev-balloon {
    min-width: 320px;
    min-height:208px;
    background-color: white;
}

.contact-balloon h2,
.dev-balloon h2 {
    text-align: center;
    color: #163774; 
    margin: 5px;
}

.dev-balloon table {
    width: 100%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: black;
}

.dev-balloon table td:nth-child(1){
    width: 100px;
}

.dev-balloon img {
    margin-top: 10px; 
    margin-bottom: 10px;
}

fieldset.mw-list 
{ 
    width: 352px;
    margin: 5px 0px;
}

fieldset.mw-group {
    width: 794px;
    padding-bottom: 20px;
    margin: 5px 10px;
}

.noti-edit-table td:nth-child(1),
.noti-edit-table td:nth-child(3)
{
    width: 130px;
}
.noti-edit-table td {
    padding-left: 5px;
}

.noti-edit-table td input {
    width: initial;
    display: inline;
}

#import-animation {
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 151px;
}

#import-div {
    margin: 2px 10px; 
    height: 151px;
}

.lookup-list {
    display: none;
    position: absolute;
    z-index: 999;
}

.btn-del {
    background-color: red;
}

.btn-del:disabled {
    background-color: gray;
    color: white;
}

#previous-period {
    background-image: url('/Images/prev.gif');
    display: inline;
    width: 24px;
    border: none;
    background-position: 0 0px;
    vertical-align: text-top;
    margin-top: -4px;
}

#next-period {
    background-image: url('/Images/next.gif');
    display: inline;
    width: 24px;
    border: none;
    background-position: 0 0px;
    vertical-align: text-top;
    margin-top: -4px;
}

#previous-period:disabled,
#next-period:disabled{
    -webkit-filter: grayscale(1);
    filter:gray;
    filter: grayscale(1);
}

.long-op-progress
{
    margin: 0px 0px 0px 0px;
    position: fixed;
    height: 100%;
    z-index: 9999;
    text-align: center;
    vertical-align: middle;
    padding-top: 200px;
    width: 100%;
    clear: none;
    background: url(/Images/transbg.png);
}

* html .long-op-progress
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.long-op-cancel-box{
	position:absolute;
	width:24px;
	height:24px;
	float:right;
	z-index:9999;
	right:0;
	top:0;
    background-image: url('/Images/delete-gray.png');
}

.long-op-cancel-box:hover {
    background-image: url('/Images/delete.png');
}

/* WRTU Web Portal Messages Classes */
.wrtu-message{
    z-index: 999;
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    width: 100%;
    border: 1px solid;
    color: #fff;
    padding: 5px;
    position: fixed;
    _position: absolute;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

.wrtu-info-message{
    background-color: #2C80A7;
    border-color: #184D66;
}

.wrtu-error-message{
     background-color: #de4343;
     border-color: #c43d3d;
}
     
.wrtu-warning-message{
    background-color: #AB792F;
    border-color: #FCCE5F;
}

.wrtu-success-message{
    background-color: #3F811B;
    border-color: #55A12C;
}

.wrtu-message h3{
     margin: 0 0 5px 0;                                                  
}

.wrtu-message div{
     margin: 0;                                                  
}

.wrtu-release-note-mask {
    background-color: #666;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    _position: fixed;
    z-index: 9;
    opacity: .3;
    filter: alpha(opacity=30)\0;
    _top: 0;
    _left: 0;
    vertical-align: middle;
}

.wrtu-release-note-parent {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.wrtu-release-note {
    width: 80%;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: red;
    opacity: 1;
    z-index: 10;
    background-color: #f9f9f9;
    border: 1px solid #b8d3ad;
    -moz-box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
}

.wrtu-release-note a.close-icon
{
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url('/Images/delete.png');
    margin: 4px;
}

.wrtu-release-note .wrtu-note-title {
    margin: 4px;
    background-color:aliceblue;
    height: 24px;
}

.wrtu-release-note .wrtu-note-text {
    width: auto;
    overflow: auto;
    padding: 10px;
}

.wrtu-release-note .wrtu-note-note {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin: 2px 10px;
}

.wrtu-release-note .wrtu-note-bar {
    text-align: right;
    margin: 10px;
    height: 60px;
}
.wrtu-release-note .wrtu-note-bar input {
    width: 160px;
    display: inline-block;
	color: #333;
    text-decoration: none;    
    background-color: #003366;
    color: #fff;
    font-size: 14px;
    text-align: center;
}


.msg-body {
    margin: 10px 10px 10px 10px;
    display: block;
    word-wrap: break-word;
}

.realtime-btn {
    background-image: url('/Images/icons/realtime.png');
    background-repeat: no-repeat;
    background-position: right;
}

.title-btn {
    display: inline;
    width: auto;
    vertical-align: middle;
    margin-bottom: 2px;
    font-weight: bold;
}

.title-btn:disabled {
    background-color: lightgray;
    color: white;
}

.alphabet {
    margin: 0px 0px 6px 6px;
    display: inline-block;
    width: 15px;
    text-align: center;
}

.selected {
    background-color: blue;
    color: white;
}

.vtb-live-data-params #vtb-data-time 
{
    width: 50px;
    text-align: right;
}

.vtb-live-data-params select 
{
    width: auto;
}

.files-upload-wrapper 
{
	position: relative;
	height: 30px;
}

.files-upload-wrapper input[type=file] 
{
	z-index: 2;
	-moz-opacity: 0;
	filter: alpha(opacity:0);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.files-upload-btn-size 
{
	width: 150px;
	height: 30px;
}

/* ----------------------------------------- */
.files-upload-file-name
{
	left: 160px;
	top: 10px;
	position: absolute;
    color: #FF0303;
    font-size: 16px;
	font-weight: bold;
}

.tab-style span{
    display: inline-block;
    width: 100px;
    text-align: right;
}

#map-style span {
    display: inline-block;
	font-weight: bold;
}

#map-style select {
    display: inline-block;
    width: 120px;
}

#subscription-form2 select:disabled {
    background-color: #EBEBE4;
}

span.deprecated::before{
  content:url(/Images/warning-icon.png);
  vertical-align:middle;
  display:inline-block;
}

a[disabled] { opacity:0.5; cursor:default; pointer-events:none}

input.invisual
{
    color: rgb(235, 235, 228);
    background-color: rgb(235, 235, 228);
}

.contacts-duty-row { 
    background-color: #ddd;
}

select.duty-hour {
    display: inline-block;
    width: 50px;
}

#state-info
{
    color: black;
    margin: 20px auto;
    width: 600px;
    display: block;
    background-color: #b2d2fc;
    padding: 20px;
    font-size: 16px;
    border: 2px solid darkslateblue;
    position: relative;
}

#state-info table {width: 100%;}
#state-info table #msg-text
{
    overflow-x: hidden;
    overflow-y: auto;
    height: 200px;
    width: 100%;
}

.state-idle {
    color: black; font-weight: bold;
}
.state-inprogress {
    color: black; font-weight: bold;
}
.state-completed {
    color: green; font-weight: bold;
}
.state-failed {
    color: red; font-weight: bold;
}
.state-canceled {
    color: red; font-weight: bold;
}

.w20 { width: 20px !important; }

td.disabled-address {  
    text-decoration: line-through;
}

tr.disabled-contact td:nth-child(1), 
tr.disabled-contact td:nth-child(2), 
tr.disabled-contact td:nth-child(3),
tr.disabled-contact td:nth-child(4)
{
    color: lightgray;
}

.remote-cfg-sensors-table th:nth-child(1) { width: 30px; } 
.remote-cfg-sensors-table th:nth-child(2) { width: 80px; } 
.remote-cfg-sensors-table th:nth-child(4) { width: 30px; }
.remote-cfg-sensors-table th:nth-child(5) { min-width: 160px; }
.remote-cfg-sensors-table th:nth-child(9) { width: 80px; }
.remote-cfg-sensors-table th:nth-child(10) { width: 80px; }
.remote-cfg-sensors-table th:nth-child(11) { width: 80px; }
.remote-cfg-sensors-table th:nth-child(12) { width: 120px; }
.remote-cfg-sensors-table th:nth-child(13) { width: 160px; }
.remote-cfg-sensors-table th:nth-child(14) { min-width: 120px; }
.remote-cfg-sensors-table th:nth-child(15) { min-width: 100px; }
.remote-cfg-sensors-table th:nth-child(16) { min-width: 140px; }
.remote-cfg-sensors-table th:nth-child(17) { width: 60px; }

.remote-cfg-sensors-table td:nth-child(1),
.remote-cfg-sensors-table td:nth-child(2),
.remote-cfg-sensors-table td:nth-child(4)
{ 
    text-align: right;    
}

.remote-cfg-sensors-table td:nth-child(9),
.remote-cfg-sensors-table td:nth-child(10),
.remote-cfg-sensors-table td:nth-child(11),
.remote-cfg-sensors-table td:nth-child(12),
.remote-cfg-sensors-table td:nth-child(13),
.remote-cfg-sensors-table td:nth-child(14),
.remote-cfg-sensors-table td:nth-child(15),
.remote-cfg-sensors-table td:nth-child(16)
{
    text-align: center;
} 


tr.sensor-general-alarm-line td {
    min-width: 130px;
}
tr.sensor-general-alarm-line td input[type="text"] {
    display: inline;
    width: 90px;
    margin-right: 5px;
    text-align: right;
}

input.sensor-config {
    width: 90px;
    text-align: right;
}

.floating-legend {
    position: absolute;
    z-index: 99;
    right: 20px;
}

.large-value {
    text-overflow: ellipsis;
    overflow: hidden;
}

.circleBase {
    border-radius: 50%;
}

.bit-state-0 {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: darkgrey;
    color: white;
}

.bit-state-1 {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: green;
    color: white;
}


.context-menu {
    background-color: White;
    border: 1px solid #cccccc;
    position: fixed;
    -webkit-box-shadow: 2px 2px 2px;
    -moz-box-shadow: 2px 2px 2px;
    box-shadow: 2px 2px 2px;
}
.context-menu li {
	padding:4px 25px 4px 25px; 
	list-style-type:none;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
}
.context-menu li:hover {
	background-color: #eee;
}
.context-menu li.disable {
    color: #ccc;
}
.context-menu li.disable:hover {
	background-color: initial;
}
li.marked {
    list-style-type: disc;
    margin-left: -20px;
}
li.grayed {
    color: lightgray;
}

.ctxMenu-wrapper2,
.ctxMenu-wrapper {
    display: inline-block;
    position: relative;
}
.button-context-menu {
    position: absolute;
    top: 27px;
    left: 0px;
    width: 200px;
    background-color: ButtonFace;
    z-index: 2;
    display: none;
}

.button-context-menu2 {
    position: absolute;
    top: 14px;
    left: 4px;
    width: 200px;
    background-color: ButtonFace;
    z-index: 2;
    display: none;
}

.button-context-menu li:hover {
    color: red;
    background-color: transparent;
}

.button-context-menu2 li {
    display: block;
    text-align: left;
}
.button-context-menu2 li:hover {
    color: red;
    background-color: #CFD6FC;
}

.snapshot {
    position: relative;
    width: 560px;
    height: 240px;
}

.snapshot .snapshotcheck {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 12px;
    height: 12px;
    z-index: 10;
}

.snapshot img {
    position: absolute;
    border: none;
    top: 0px;
    left: 20px;
    max-height: 200px;
}

.snapshot .description {
    position: absolute;
    top: 200px;
    left: 10px;
    width: 540px !important;
    height: 24px;
    margin-top: 0 !important;
}

#no-snapshot-message {
    position: fixed;
    left: 560px;
    top: 120px;
    z-index: 19;
    background-color: lightblue;
    padding: 2px 5px;
    font-weight: bold;
    color: red;
    display: none;
}

.snapshot-day {
    border: 1px solid green !important;
}

span.action-description {
    display: inline-block;
    height: 24px;
    vertical-align: super;
}

/* ----------------------------------------- */
table.alarm-option-table {
    margin: 8px;
}
table.alarm-option-table td {
    padding-left: 10px;
}
table.alarm-option-table td:nth-child(1) {
    width: 125px;
}
table.alarm-option-table td:nth-child(2) {
    width: 13px;
}

#tbl-map-tags td:nth-child(2) {
    max-width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tbl-map-tags td:nth-child(3) {
    max-width: 200px;
}

#tbl-map-tags td:nth-child(6) {
    max-width: 215px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tbl-map-tags td:nth-child(7) {
    max-width: 200px;
}

#tbl-map-tags td:nth-child(10) {
    max-width: 215px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ----------------------------------------- */
#tbl-map-tags td:nth-child(11) {
    max-width: 200px;
}
.hdr-chk {width:20px;}
.hdr-no {
    min-width: 20px;
}
.hdr-time {
    min-width: 140px;
}
.hdr-ds {
    min-width: 120px;
}
.hdr-temp {
    min-width: 120px;
}
.hdr-iw {
    min-width: 120px;
}
.hdr-detonation {
    min-width: 120px;
}
.hdr-ext-cell {
    min-width: 60px;
}
.hdr-impact {
    min-width: 120px;
}
.hdr-vibration {
    min-width: 120px;
}

/* ----------------------------------------- */
span.action-text {
    font-weight: bold;
    font-size: 16px;
    color: Highlight;
}
span.action-text:hover {
    color: dodgerblue;
}

#mb-params select:disabled {
    background-color: rgb(235, 235, 228);
}

.tbl-scroll-head th {
    padding: 2px 2px !important;
}

.tbl-scroll-body td {
    padding: 1px 2px !important;
}

span.automatic-snapshot a {
    color: black !important;
}
span.manual-snapshot a {
    color: blue !important;
}
span.alarm-snapshot a {
    color: red !important;
}
div.color-box {
    width: 80px;
    height: 20px;
    border: 1px solid #000;
}
input.level-static {
    background-color: lightgray;
    width: 60px !important;
}
input.level-editable {
    width: 60px !important;
}

label.disabled-label {
    color: #bbb;
}

span.stt-sensor-number {
    padding: 0 5px;
    vertical-align: text-top;
}

/* ----------------------------------------- */
.legend-check {
    max-width: 18px !important;
    max-height: 18px !important;
}
.legend-check input {
    max-height: 13px !important;
    margin: 2px !important;
}

#orbit-options label,
#orbit-options select {
    display: inline-block;
    width: auto;
    margin: 2px 10px;
    font-size: 14px;
}

a.icon-pg-left {
    background-image: url('/Images/pg-left.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 25px;
    height: 48px;
    position: fixed;
    opacity: 0.2;
}
a.icon-pg-right {
    background-image: url('/Images/pg-right.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 25px;
    height: 48px;
    position: fixed;
    opacity: 0.2;
}

#UnzoomChart,
button.droplist-btn {
    font-size: 14px;
    border: 1px solid #aaa;
    padding: 5px 10px;
    width: auto !important;
}

button.droplist-btn:after {
    content: url(/Images/dropdown.png);
}

.share-in:after {
    content: url('/Images/share-in.png');
}

.share-out:after {
    content: url('/Images/share-out.png');
}

a.long-err-message {
    display:inline-block;
    max-width: 300px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.public-ip,
.vpn-ip {
    cursor: pointer;
    color: darkmagenta;
}

.default-body {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

li.sa-menu-item:hover {
    text-decoration: underline;
    border-color: #06F;
    text-decoration-color: #06F;
}

fieldset.solid-box {
    border-width: 1px;
    border-style: solid;
    border-color: lightblue;
    border-image: initial;
    padding: 4px;
}

fieldset:disabled label {
    color: gray;
}

input:disabled ~ label {
    color: gray;
}

img[src=""],img:not([src]){
	opacity:0;
}

a.eye-hide {
    background-image: url('/Images/hide-pw.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 35px;
    height: 24px;
}

a.eye-show {
    background-image: url('/Images/show-pw.png');
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 35px;
    height: 24px;
}
.filters-lable {
    margin-bottom: 5px;
    display: inline-block;
}

.filter-label {
    width: auto;
    display: inline-block;
    padding-right: 5px;
    white-space: nowrap;
    vertical-align: middle;
    margin: -5px 5px 0 0;
}

.filters-panel input {
    display: inline-block;
    width: auto;
}
.filters-panel .filters-panel-main {
    background-color: ivory;
    float: left;
}
.filters-panel .filters-panel-btn {
    width: 20%;
    float: left;
}

.sensor-selected {
    border: solid 1px #666;
    background-color: #eee;
}

.icon-close-div {
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/Images/delete-small.png);
    width: 14px;
    height: 14px;
}

input.inconsistent {
    background-color: papayawhip;
}

ul.plain li {
    list-style-type: none;
    margin-left: 5px;
}

#previous-sensor {
    background-image: url('/Images/prev2.png');
    display: inline;
    width: 24px;
    border: none;
    background-position: 0 0px;
    vertical-align: text-top;
}

#next-sensor {
    background-image: url('/Images/next2.png');
    display: inline;
    width: 24px;
    border: none;
    background-position: 0 0px;
    vertical-align: text-top;
}

#previous-sensor:disabled,
#next-sensor:disabled {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
}