/* DEFAULTS
----------------------------------------------------------*/
.square { width: 10px; height: 10px; background: red; }
.circle-red {
     width: 14px;
     height: 14px; 
     background: red; 
     -moz-border-radius: 7px; 
     -webkit-border-radius: 7px; 
     border-radius: 7px;
     display: inline-block;
     vertical-align:middle;
}


body   
{
    /*background: #b6b7bc;*/
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    color: #4b4b4b;
    height:100%;
}

a, a:link, a:visited
{
    color: #034af3;
    text-decoration: none;
}

a:hover
{
    color: #1d60ff;
    text-decoration: underline;
    cursor:pointer; 
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.grey-bright {
    background-color: #f0f0f0;
    color: #8d8e89;
}

.grey-medium {
    background-color: #b1bac4;
    color: #fff;
}

.grey-dark {
    background-color: #8d8e89;
    color: #fff;
}


.navBar
{
    color: White;
    background: -webkit-linear-gradient(#507CD1, #305Cb1);
    background: -moz-linear-gradient(#507CD1, #305Cb1);
    background: -o-linear-gradient(#507CD1, #305Cb1);
    background: linear-gradient(#507CD1, #305Cb1);
}

.navBar2
{
    color: White;
    background-color: #8d8e89;
    /*background: -webkit-linear-gradient(#515457, #313437);
    background: -moz-linear-gradient(#515457, #313437);
    background: -o-linear-gradient(#515457, #313437);
    background: linear-gradient(#515457, #313437);*/
}
.navBar3
{
    color: black;
    background: linear-gradient(#ffffff, #c3c3c3);
}

.tree{
    /*color: White;*/
    background-color: #f0f0f0;
    border: 1px solid #b1bac4;
}

.navigation_selected
{
    /*background: linear-gradient(#83888e, #515457);
    color: #fff;*/
   background-color: #8d8e89;
   color: #fff;
}

.navigation2_selected
{
    background-color: #b1bac4;
    color: #fff;
}

.navigation
{
    padding-top: 6px;
    padding-bottom: 6px;
    text-align:center;
    cursor: pointer;
    width: 150px;
}

.navigation:hover
{
    /*background: linear-gradient(#83888e, #515457);
    color: #fff;*/
   background-color: #8d8e89;
   color: #fff;
}

.extras-navigation
{
    cursor: pointer;
    width: 150px;
}

.extras-navigation:hover
{
    /*background: linear-gradient(#83888e, #515457);
    color: #fff;*/
   background-color: #8d8e89;
   color: #fff;
}

.navigation2
{
    padding-top: 6px;
    padding-bottom: 6px;
    text-align:center;
    width: 180px;
    cursor: pointer;
}

.navigation2:hover {
    background-color: #b1bac4;
    color: #fff;
}


.dropdown-list
{
    color: White;
    background-color: #8d8e89;
    margin-top:4px;
    padding:4px;
    width:180px
}

.dropdown-list>tbody>tr>td {
    padding: 6px 10px;
    cursor: pointer;
}

.dropdown-list>tbody>tr:hover
{
    background-color: #b1bac4;
    cursor:pointer;
}

.dropdown-selected {
    background-image: url(ok.png);
    background-repeat: no-repeat;
    background-position: 2px center;
}


.extras-menu
{
    color: White;
    background-color: #b1bac4;
    margin-top:4px;
    padding:4px;
    width:180px
}

.extras-menu>tbody>tr>td {
    padding: 6px 20px;
    cursor: pointer;
}

.extras-menu>tbody>tr:hover
{
    background-color: #A5B6C5;
    cursor:pointer;
}



/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #4b4b4b;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    background-color: #fff;
    margin: 2px auto 2px auto;
    height:85vh;
    /*border: 1px solid #496077;*/
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    /*background: #bfcbd6;*/
    width: 100%;
}

.page h1
{
    font-weight: 700;
    margin: 0;
    padding: 0 0 0 0;
    /*color: #f9f9f9;*/
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    /*width: 1280px;*/
    padding: 0 4px;
    margin: 0 auto;
    /*background-color: #f8f8f8;*/
    /*min-height:100%;*/
    padding-top:8px;
    
}

.leftCol
{
    padding: 6px 0;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4b4b4b;
    /*padding: 4px 0 0 0;*/
    /*margin: 0 auto;*/
    /*text-align: center;*/
    /*line-height: normal;*/
}

.loginDisplay {
    padding-top: 8px;
    margin-right: 16px;
    color: black;
    text-align:right;
} 


/* TAB MENU   
----------------------------------------------------------*/


.mainmenu
{
    background-color:#bfcbd6;
    width:100%;
}

div.menu
{
    padding: 4px 0 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #bfcbd6;
    /*border: 1px #4e667d solid;*/
    color: #4b6c9e;
    display: block;
    line-height: 1.35em;
    padding: 4px 36px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #A5B6C5;
    /*color: #4b6c9e;*/
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #4b6c9e;
    color: #cfdbe6;
    text-decoration: none;
}

.ChartButton
{
    background-color: #d7dce1;
    width: 70px;
    /*display: block;*/
    /*float:right;*/
    height:20px;
    margin-left:4px;
    text-align:center;
    font-size:0.8em;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.titleBar {
    background-color: #fff;
    /*background-color: #507CD1;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#709cf1), to(#507CD1));
    background: -moz-linear-gradient(0 6% 270deg,#709cf1, #507CD1);
    background: linear-gradient(#709cf1, #507CD1);*/
}

.title
{
    text-align:left;
    width: auto;
}

.title h1 {
    color:#4b4b4b;
}

.setupIcon
{
    margin-top: 2px;
    margin-right: 12px;
    float: right;
}



.footerLine
{
    background-color: #507CD1;
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 8px;
    color: White;
}


.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.defaultTableTitle
{
    border: 2px solid #d7dce1;
    background-color: #d7dce1;
    padding-left: 4px;
}

.defaultTable
{
    padding: 2px 10px;
    /*border: 2px solid #d7dce1;
    background-color: #f0f0f0;
    padding: 0px;*/
}

.main-table
{
    width:100%;
    height:calc(100vh - 164px);
    border-collapse: collapse;
}

.data-view-table {
    width:100%;
    /*height:calc(100vh - 210px);*/
}

.data-view-content {
    height:calc(100vh - 202px);
    margin-right:0;
}

.data-view-datatable {
    height:calc(100vh - 202px);
    overflow-y:scroll;
}

.main-div {
    height:calc(100vh - 198px);
    overflow-y:scroll;
}

.setup-height {
    height:calc(100vh - 206px);
}

.validation-height {
    height:calc(100vh - 198px);
}

.selection-table-height {
    height:calc(100vh - 226px);
}

.documents-table-height {
    height:calc(100vh - 222px);
}
.alarmtable-height {
    height:calc(100vh - 248px);
}
.alarmtable-height-filter {
    height:calc(100vh - 274px);
}

.setupdevice-table-height {
    height:calc(100vh - 222px);
}
.setupdevice-details-height {
    height:calc(100vh - 200px);
}
.setupgroup-content-height {
    height:calc(100vh - 200px);
}
.setuplayout-content-height {
    height:calc(100vh - 200px);
}
.setupcompany-details-height {
    height:calc(100vh - 200px);
}

.measurePlateTitle {
    background-color:#d7dce1;
    margin-top:6px;
    padding:4px 8px;
}

.measurePlateValue {
    background-color: #f0f0f0;
    border: 1px solid #b1bac4;
    margin-top:2px;
    padding-left:8px;
    width:250px;
}

.measurePlateValue:hover {
    /*background-color: #A5B6C5;*/
    border: 1px solid #8d8e89;
}

input, select
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Alarm Table */
.tableHeader {
    color: white;
    height: 28px;
    line-height: 28px;
    background-color: #8d8e89;
    padding-left: 4px;
    padding-right: 4px;
}

.tableHeaderSmall {
    color: White;
    height:20px;
    line-height: 20px;
    background-color:#8d8e89;
    border: 2px solid #8d8e89;
}

.tableHeaderMenu {
    float:left;
    padding:0;
}

.tableHeaderMenu>tbody>tr>td {
    line-height:20px;
    cursor:pointer;
    padding:2px 8px;
}
.tableHeaderMenu>tbody>tr>td:hover {
    background-color: #b1bac4;
}

.event-selected {
    background-color: #b1bac4;
    color: #fff;
}

.tableBorder {
    /*border: 2px solid #515457;*/
    vertical-align:top;
}

.tableSpacing {
    border-spacing: 2px 0;
    border-collapse: separate;
}

.highlightRow {
    background-color:#8d8e89 !important;
}

.selectRow {
    background-color:#8d8e89 !important;
}

.alarmTable>tbody>tr:nth-child(odd) {
    background-color: #f0f0f0; 
}

.alarmTable>tbody>tr:first-child {
    border-bottom:solid 1pt #b1bac4;
}


.alarmTable  {
    border-collapse:collapse;
    table-layout: fixed;
    width:100%;
    vertical-align:top;
}

.alarmTable>tbody>tr:not(:first-child):hover {
    background-color:#b1bac4;
    cursor: pointer;
}


.selection-table  {
    border-collapse:collapse;
    table-layout:fixed;
    width:100%;
    vertical-align:top;
}

.selection-table>thead {
    display:block;
}

.selection-table>thead>tr {
    background-color: #f0f0f0; 
    border-bottom:solid 1pt #8d8e89;
}

.selection-table>tbody {
    display:block;
    overflow-y:auto;
    overflow-x:hidden;
}
.selection-table>tbody>tr>td {
    line-height:18px;
}

.selection-table>tbody>tr:nth-child(even) {
    background-color: #f0f0f0; 
}

.selection-table>tbody>tr:hover {
    background-color:#b1bac4;
    cursor: pointer;
}


.selection-col {
    width:240px;
    vertical-align:top;
}

.selection-col > div {
    height:calc(100vh - 198px);
    overflow-y:scroll;
}

.selection-list {
    border-collapse:collapse;
    table-layout: fixed;
    width:100%;
    vertical-align:top;
}

.selection-list>tbody>tr:nth-child(even) {
    background-color: #f0f0f0; 
}
.selection-list>tbody>tr>td:first-child {
    width:20px;
}

.selection-list>tbody>tr:hover {
    background-color:#b1bac4;
    cursor: pointer;
}


.detailsView {
    border:1px solid;
    padding:8px;
    background-color:#fff;
    cursor:default;
}

.spacer
{
    height:2px;
}



.activeLabel:hover {
    cursor:pointer;
    color:blue;
}

.swButton
{
    margin: 2px 2px;
    padding: 0;
    width: 50px;
    height: 20px;
    font-size:0.8em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border: 0;
    text-align: center;
    cursor: pointer;
    background: #b1bac4;
    color: #696969;
}
.swButton:hover {
    border: 1px solid #8d8e89
}
.swButton:active{
    font-size:0.9em;
}



.bar-button
{
    float:right;
    margin: 2px 1px;
    padding: 0 2px;
    height: 20px;
    border: 1px solid #ffffff;
    text-align: center;
    cursor: pointer;
    background: #b1bac4;
    color: #696969;
}
.bar-button:hover {
    text-decoration:underline;
}
.bar-button:active {
    border: 1px solid #8d8e89;
}


.alarmLink {
    text-decoration:none;
    cursor:pointer;
}
.alarmLink:link {
    color: black;
}
.alarmLink:visited {
    color: black;
}
.alarmLink:hover {
    text-decoration:underline;
}


.contentLink {
    text-decoration:none;
    cursor:pointer;
}
.contentLink:link {
    color: currentColor;
}
.contentLink:visited {
    color: currentColor;
}
.contentLink:hover {
    text-decoration:underline;
}

.SelectedCategory {
    background-color: #b1bac4;
}

.details-table
{
    margin-left: 2px;
    margin-top: 2px;
    width: 100%;
    border-spacing: 0 0;
    border-collapse: separate;
    vertical-align:top;
   
}

.details-table > tbody > tr > td {
    height:20px;
    padding:1px 4px;
}

.details-table > tbody > tr > td:first-child {
    background-color: #f0f0f0;
    text-align:right;
}

.is-dirty {
    background-image:url('data:image/png;base64,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') /*../Styles/save.png*/;
    background-repeat:no-repeat;
    background-position: 4px 4px;
}
.is-dirty:hover {
    /*background-color:#d7dce1;*/
    cursor:pointer;
}

.dirty {
    background-color:red !important;
}

.is-saved {
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABh0lEQVR42mNkoBAw0t0AL3d3NpC+bTt3/iTZAHdnZyEWNrbtjIwMfH9//3HZvnv3U6INcLa3F2FhYdnOyMRoDBb4z3Dl379/1kQZYG9lJc3CyrIH6GB1RrgOxsdAwoDRwsiQkZmZOZqRicn8z+9fFSfOXfiKrNna1ESWmYVlFyMjozpEHyPI33eB6r33Hz5yC2iAQRATE/NKoBTT////L/z98yf41MVLD0BqzQz01IDOBtksA9LFCAmym0zMzC6HT5x8CjbPTF/vHZDmB3qK8T/Eb2///fsbBzTsPtBlu4A2yjBCbQaCK0Axz+Nnzz+Fe8RYR8vp/79/S4FscYgBUGMYGP4CMQvUySBwFmiz+5nLV99hpAMDDTXpv3//ggyxBRqAGrAQm08Cbfa+cOMWimaUdKCjosj298/fZqDTi4BcZiQFB4A2+1699+ArAxaAYpuGvCzjv79//YBhMA/IFQDiA8zMLH43Hz/FqhnDABhQlhRTAIZLANDmaXeevfyFL43QPzOhAwCm7oC9AD336wAAAABJRU5ErkJggg==') /*../Styles/ok.png*/;
    background-repeat:no-repeat;
    background-position: 4px 3px;
}


.is-enabled {
    background-image:url(../Styles/level_green.png);
    background-repeat:no-repeat;
    background-position: 4px 3px;
}

.is-disabled {
    background-image:url(../Styles/level_grey.png);
    background-repeat:no-repeat;
    background-position: 4px 3px;
}

.zoom-button
{
    float:right;
    margin: 2px 2px;
    padding: 0 4px;
    /*width: 50px;*/
    height: 20px;
    font-size:0.8em;
    border: 1px solid #ffffff;
    text-align: center;
    cursor: pointer;
    background: #d7dce1;
    color: #696969;
}
.zoom-button:hover {
    text-decoration:underline;
}
.zoom-button:active {
    border: 1px solid #696969;
}

.reminder
{
    margin: 2px;
    background-color: palegoldenrod;
    line-height: 20px;  
    padding: 2px;
}

.reminder span
{
    margin-left: 10px;
}

.help-tooltip {
    position: fixed;
    display: none;
    border: 1px solid #cbcac9;
    padding: 10px;
    background-color: palegoldenrod;
    opacity: 0.95;
    z-index: 10000000;   
}

.sortUp {
    background-image: url(icon_up_sort_arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

.sortDown {
    background-image: url(icon_down_sort_arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

.selectItemElement {
    display: inline-block;
    background-color: #F0F0F0;
    padding: 1px;
    margin: 1px 0;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

#confirmExpire {
    font-weight: 700;
    border-radius: .25rem;
    background-color: #fff;
    border: .0625rem solid #4dbfbf;
    color: #4dbfbf;
    float: right;
    margin-right: 5px;
    padding: 0px 5px;
}

#confirmExpire:hover {
    border-radius: .25rem;
    background-color: #fff;
    border: .0625rem solid #4dbfbf;
    color: #338282;
    -webkit-box-shadow: inset 0 0 0 .0625rem #4dbfbf;
    box-shadow: inset 0 0 0 .0625rem #4dbfbf;
    cursor: pointer;
}