/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 2, 2018, 9:07:08 AM
    Author     : mrr39
*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin: 0;
    color: #333333;
}

p {
    padding: 5px 2em 5px 2em;
    font-size: 100%;
}

h1{
    text-align: center;
    font-size: 300%;
    font-weight: normal;
    color: #333333;
    margin: 15px;
}

h2{
    font-size: 200%;
    font-weight: normal;
    color: #666666;
}

h3{
    font-size: 175%;
    font-weight: normal;
    color: #999999;
    margin: 5px;
}

h4{
    font-size: 125%;
    font-style: italic;
}

h5{
    font-size: 100%;
    font-weight: bold;
}

a {
    color: steelblue;
    text-decoration: none;
}

a:visited{
    color: steelblue;
}

a:hover{
    text-decoration: underline;
}

.navigation{
    position: fixed;
    width: 100%;
    height: 40px;
    z-index: 2001; /* needs to be greater than the confirmation dialog box */
    top:0;
    text-align: left;
    padding: 5px 0 5px 25px;
    margin: 0;
    background-color: #333333;
    font-size: 16px;
}

.navigation ul.nav-list a, .navigation ul.nav-list span {
    padding: 7px 5px 7px 5px;
    color: #83b51e;
}

.navigation a:visited{
    color: #83b51e;
}

.navigation ul.nav-list a:hover, .navigation ul.nav-list span:hover{
    text-decoration: none;
    color: #ece1c1;
    background-color: #c51d1d;
}

.navigation ul.nav-list li.offset a:hover {
    text-decoration: none;
    color: black;
    background-color: #4682b4;
}

.navigation ul.nav-list li.offset a {
    color: #4682b4;
    display: block;
}

.nav-link {
    color: #c51d1d;
    display: block;
}

ul.nav-list {
    margin: 0;
    padding: 0;
    height: 22px;
    position: relative;
}

.nav-list li {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    text-align: center;
}

.nav-list li ul {
    display: none;
    text-align: left;
    width: 150px;
}

ul.nav-list li ul li {
    padding: 0;
    display: block; 
    margin: 0; 
    text-align: left;
    width: 150px;
}

ul.nav-list li ul li a{
    padding: 10px 15px 10px 15px;
    background-color: #5b5b5b;
}

ul.nav-list li ul li:hover {
    background-color: white;
}

.nav-list li:hover ul {
    display: block;
}

.nav-list li:hover, .nav-list li:hover .top-level {
    color: #ece1c1;
    background-color: #c51d1d;
}

.nav-list-login {
    float: right;
    width: 150px;
    margin-top: -22px;
    margin-right: 35px;
}

.sub-nav-list {
    padding: 0;
}

.sub-nav-list li {
    margin-right: 5px;
    display: inline;
    font-size: 135%;
}

.sub-nav-list li:hover {
    background-color: steelblue;
}

li.sub-nav-list-button:hover {
    background-color: white;
}

.search-selector {
    margin: 5px;
}

.rough-pump-body {
    float: left; 
    width: 95%; 
    margin-bottom: 50px; 
    padding:0 30px;
}

div.datatable-wrapper .ui-datatable .ui-datatable-header {
    text-align: right;
}

.content {
    width: 90%;
    margin: 70px auto 0 auto;
}

.full-width-content {
    width: 90%;
    margin: auto;
}

.ui-growl {
    top: 50px;
}

.contact-body {
    width: 600px;
    margin: auto;
}

body .ui-datatable .ui-datatable-data>tr.maintenance-warning{
    background-color: #faf4cf;
}

body .ui-datatable .ui-datatable-data>tr.maintenance-required{
    background-color: #f3d1d1;
}

body .ui-datatable .ui-datatable-data>tr.out-for-maintenance{
    background-color: #ece6ff;
}

body .ui-datatable .ui-datatable-data>tr.maintenance-ok{
}

.data-display {
    margin-top: 20px;
}

.data-display h2, .data-display h3, .data-display h4, .data-display h5 {
    text-align: center;
}

.narrow-form{
    width: 300px;
}

.authentication {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*style for archived filter in datatables*/
.ui-filter-column .ui-column-customfilter .custom-filter {
    width: 100%;
    box-sizing: border-box;
}