body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: url({{ asset('observium/images/subtle_grunge.png')}});
    background-image: url({{ asset('observium/images/lightbg2.png')}});
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
  body {
	//   background:url('/images/subtle_grunge_x2.png') repeat;
	//   background-size: 310px 310px;
  }
}

.navbar-inner { 
  padding: 0;
}

.navbar .brand {
  margin-left: 0;
}

.navbar .nav > .icon > a > span {
  display: none !important;
}
.navbar .nav > .icon > a:hover > span,
.navbar .nav > .icon > a:focus > span {
	display: inline !important;
}

@media (min-width: 980px) {

        .subnav-fixed {
                position: fixed;
                top: 40px;
                left: 0;
                right: 0;
                z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
                border-color: #d5d5d5;
                border-width: 0 0 1px; /* drop the border on the fixed edges */
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
                -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
                box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
                filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
        }

        .subnav-fixed .navbar-inner {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;

	}

        .subnav-fixed .nav {
                /*width: 938px;*/
                margin: 0 auto;
                padding: 0 1px;
        }

        .subnav .nav > li:first-child > a,
        .subnav .nav > li:first-child > a:hover {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
        }
}

@media (min-width: 1210px) {

        .subnav-fixed .nav {
                /*width: 1168px;*/ /* 2px less to account for left/right borders being removed when in fixed mode */
        }
}

.navbar-inner .btn-group
{
  margin-bottom: -5px;
}

.navbar-narrow form
{
  margin-bottom: 0px;
}

.navbar-narrow .bootstrap-select .btn
{
  /*margin-top: 4px;*/
  /*margin-bottom: -5px;*/
  border: none;
  height: 100%;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

h1, h2, h3, h4, h5, legend {
  /*color: #0a5f7f;
  margin-left: 0;
  margin-bottom: 15px;
  margin-top: 0; */
}

legend, h1, h2, h3 {
 /*color: #0a5f7f;*/
 /*color: #033d53;*/
 /*color: #3b9bbf;*/
}

/*h1, h2 {
  margin-bottom: 15px;
}*/

h2 {
  font-size: 21px;
  line-height: 40px;
  //border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

legend {
  margin-bottom: 10px;
}

select[disabled]{cursor:default;}

/* http://stackoverflow.com/questions/19695371/failing-to-align-badges-to-right-in-drop-down-bootstrap3-navbar
   fix for label/badges in dropdown menus*/
.dropdown-menu a[role="menuitem"] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.dropdown-menu a[role="menuitem"] span:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-basis: auto;  /* Fix for IE 10-11 */
    margin-right: 2em;
}
.dropdown-menu a[role="menuitem"]:first-child:nth-last-child(2) .label,
.dropdown-menu a[role="menuitem"]:first-child:nth-last-child(2) .badge {
    margin-right: 5px;
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-Regular.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Regular.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular.otf') format('opentype'),
         url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: url('../fonts/SourceSansPro-Semibold.eot') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Semibold.otf.woff') format('woff'),
         url('../fonts/SourceSansPro-Semibold.otf') format('opentype'),
         url('../fonts/SourceSansPro-Semibold.ttf') format('truetype');
}


i.menu-icon {
    margin-right: 5px;
    margin-top: 1px;
}

.navbar-fixed-top .nav>li>a>i
{
    margin-top: 2px;
    margin-right: 5px;
}

.box-header [class*=" oicon-"], 
.box-header [class^="oicon-"] {
  margin-right: 5px;
}

.navbar-narrow [class^="oicon-"] {
  margin-right: 2px;
  margin-top: 1px;
}

.login-box {
  padding: 50px;
  padding: 50px;
  /* background-image: url('../images/observium-mini-logo.png'); */
  background-image: url('../images/nexdecade-logo.png');
  background-position: right 10px bottom 10px;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .login-box {
    background: url('../images/brand-observium-x2.png');
    background-size: 162px 30px;
    background-position: right 10px bottom 10px;
    background-repeat: no-repeat;

  }
}

.box-header,
.box-header.with-border {
  background-color: #f5f5f5;
  background-color: #fafafa;
}

.box-header.with-border {
  border-bottom: 1px solid #e5e5e5;
}

.table .box,
.box-content .table,
.box-body .table,
.box .table
{
  margin-bottom: 0;
}

.box-content > .box-solid
{
  box-shadow: none;
}

.box.box-solid > .box-header > .box-tools .btn {
    margin-top: -1px;
    background-color: #eee;
}

.btn-box-tool
{
  color: hsla(221,16%,45%,1);
}

.dropdown-menu > li > a > span > img,
.dropdown-menu > li > a > img,
.nav > li > a > img {
    max-width: none;
    margin-right: 5px;
    margin-top: -4px;
}

/* Remove hover line under links */
a [class^="icon-"],
a [class*=" icon-"] {
  text-decoration: none;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vertical-align {
  display: inline-block;
  vertical-align: middle;
  float: none;
/*  display: flex;
  flex-direction: row;*/
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;     /* Align the flex-items vertically */
  justify-content: center; /* Optional, to align inner flex-items horizontally within the column  */
}