/*
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 : Mar 8, 2017, 10:46:37 PM
    Author     : dave
*/
@media (max-width:1200px) {
  .h1 {
    font-size: 1.2em;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}

@media (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}

@media (max-width: 425px)
{
  .ag-paging-row-summary-panel {
    display: none!important;
  }
  .ag-paging-panel {
    align-self: center;
    margin-left: -20px!important;
  }
}

body, html {
    background: url('/img/spark-bg.jpg');
    height: 100%;
    margin: 0;
}

.navbar-inverse {
    background-color: #999999;
    border-color: black;
}

.navbar-icon .icon {
    color: #333333
}

.navbar-icon .icon:hover {
    color: white;
}

.navbar-inverse .navbar-nav > li > a {
    color: black;
}

.navbar-inverse .navbar-nav > li > a:hover{
    color:white;
}

.fa-bell{
    color: black;
}

.fa-bell:hover{
    color: white;
}

.caret{
    color: black;
}

.caret:hover{
    color: white;
}

.spark-nav-profile-photo {
    border: 2px solid black;
}

.spark-nav-profile-photo:hover {
    border: 2px solid white;
}

.btn-primary {
    background-color:black;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 125px;
    margin: 0;
    padding: 80px 5px 0px 5px;
    list-style: none;
    background-color:black;
    color: white;
}

.sidebar-nav li {
    text-indent: 5px;
    line-height: 30px;
}

.sidebar-nav li.active a{
    color: yellow;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: white;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: yellow;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.nav-container{
    padding: 0px 25px 0px 5px;
}

.container{
    padding-left: 125px;
}

.nav-title{
    color: black;
    padding-left: 20px;
}

.with-navbar{
    padding-top: 80px;
}

#work_row.row{
    width:100%;
    padding-left: 145px;
}

#show_side{
    color:black;
    display:none;
}

#show_map_menu{
    display:none;
}

.map_text{
    color: black;
}

.rezstep_pointer{
    cursor: pointer;
}

.rezdb_highlight{
    border: 5px solid #ff9999 !important;
}

.rezdb_label{
    padding-left:30px;
}

#flash_message{
    position: absolute;
    top: 5px;
    right: 200px;
    z-index: 10000;
}

.testgrid tbody tr td{
    color: black;
}

#sortable{
    list-style-type: none;
    padding: 0px 15px 0px 15px;
    height: 500px;
    overflow:hidden;
    overflow-y:scroll;
}

#my_scrollable{
    height: 600px;
    overflow: scroll;
}

.panel{
    border-color:#808080;
    border-width: 1px;
}

.panel > .panel-heading.rez_job_profile {
    background-image: none;
    background-color:#fffff0;
    color: black;
    border-color: #808080;
}

.panel-title{
    font-weight: bold;
}

.button_left_margin{
    margin: 0px 0px 0px 3px;
}

#sortable li {
    cursor: pointer; cursor: hand;
}

#work_row_static{
    width:100%;
    padding-left: 145px;
}

hr.dark {
  border: 0;
  clear:both;
  display:block;
  width: 96%;
  background-color:#a9a9a9;
  height: 1px;
}

.ag-paging-panel {
  align-self: center;
  margin-left: -100px;
}

.ag-theme-fresh .ag-row-odd {
  background-color: #c5c5c5 !important;
}

.ag-theme-fresh .ag-row-selected {
    background-color: #b0e0e6 !important;
}