/*
Custom styles. Inherits from base bootstrap styles, except:

@font-family-sans-serif "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-size-base 16px
@navbar-inverse-bg #012a5d
@navbar-inverse-color lighten(@gray-light, 50%)
@navbar-inverse-link-color lighten(@gray-light, 50%)
@text-color @gray-darker
@grid-float-breakpoint @container-desktop

*/

/*--------------------------------------------------------------------------------*/
/* Customize HTML elements*/
/*--------------------------------------------------------------------------------*/
body
{
    font-weight: 400;
}
@media (max-width: 992px) {
    body
    {
        color: #000000;
    }
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700; /*  override bootstrap css style */
    margin-top: 10px; /* override bootstrap css style */
}

header
{
    font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

footer
{
    font-family: 'Raleway', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 80%;
    margin-bottom: 0px !important;
}

/* HTML Form Elements */
input {border-width: 1px; border-color: #202020;}
input[type="text"] {border-width: 1px; border-color: #202020; padding-left: 5px; padding-right: 6px; }
input[type="radio"] {background-color: #ffffff; padding-top: 1px; display: inline !important; }
input[type="checkbox"] {background-color: #ffffff; padding-top: 1px; display: inline !important}
input[type="button"] {border-width: 1px; border-color: #404040; background-color: #e0e0e0;}

textarea {background-color: #ffffff; border-color: #202020; border-width: 1px; padding-left: 5px;}
select {border-color: #202020; border-width: 1px;}

/*--------------------------------------------------------------------------------*/
/* Fix for Windows Phone */
/*--------------------------------------------------------------------------------*/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/*--------------------------------------------------------------------------------*/
/* Custom styles */
/*--------------------------------------------------------------------------------*/
@media only screen and (max-width : 968px) {
  header {
    font-size: 18px;
  }
}

@media only screen and (min-width : 530px) {
  .xs-show {
    display: none;
  }
}

@media only screen and (max-width : 530px) {
  .xs-hide {
    display: none;
  }
  .scrapbookphoto {
    width: 90%;
  }
  header {
    font-size: 20px;
  }
  body
  {
    font-size: 18px;
  }  
}

@media only screen and (max-width : 630px) {
  .sm-hide {
    display: none;
  }
}

@media (min-width: 970px) {
  .topnav-center-medium
  {
      margin-left: auto;
      margin-right: auto;
      float: none;
      text-align: center;
      display: table;
      table-layout: auto;
  }
}

.container-center
{
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    display: table;
    table-layout: auto;
}
.container-center-full
{
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    display: block;
}

.table-unformatted
{
    width: auto;
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
}
.table-unformatted tr
{
    /*text-align:center;*/
}
.table-unformatted td
{
    border-style: none !important;
}
.alternating-background tr:nth-child(odd)
{
   /* background-color: #dddddd; use instead of table-striped, which affects th*/
    background-color: #f7f6f3;
}
.alternating-background-no-header tr:nth-child(even)
{
    /*background-color: #dddddd; use instead of table-striped, which affects th*/
    background-color: #f7f6f3;
}
.table-data
{
   /* border-style: none !important; */
    border: 1px solid gray;
    width: auto;
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
}
.table-data th
{
    background-color: #5d7b9d;
    font-weight: bold;
    color: #ffffff;
    text-align: center !important;
    vertical-align: middle !important;
    border: 1px solid gray;
}
.table-data th > a
{
    color: #ffffff;
}
.table-data tr
{
    text-align:center;
}
.table-data tr:nth-child(even)
{
    background-color: #f7f6f3; /*use instead of table-striped, which affects th*/
    /*color: #333333;*/
}
.table-data tr:nth-child(odd)
{
    background-color: #ffffff; /*use instead of table-striped, which affects th*/
}
.table-data tr:first-child td, .table-data tr:first-child th, .table-data tr:first-child tf
{
    border-top: 1px solid gray !important;
}
.table-data td
{
    font-size: 14px !important;
    /*border-style: none !important;*/
     border: 1px solid gray;
    padding: 5px; 
}
.green
{
    color: #3c763d;
}
.red
{
    color: #c7254e;
}
.blue
{
    color: #2a6496;
}
.orange
{
    color: #d9534f;
}
.white
{
    color: #ffffff;
}
.black
{
    color: #000000;
}
.bg-green
{
    background-color: #3c763d;
}
.bg-red
{
    background-color: #c7254e;
}
.bg-blue
{
    background-color: #2a6496;
}
.bg-orange
{
    background-color: #d9534f;
}
.bg-white
{
    background-color: #ffffff;
}
.bg-black
{
    background-color: #000000;
}

.pad-all
{
	padding: 10px;
}
.pad-top
{
    padding-top: 10px;
}
.pad-bottom
{
	padding-bottom: 10px;
}
.pad-left
{
	padding-left: 10px;
}
.pad-right
{
	padding-right: 10px;
}
.pad-sides
{
    padding-left: 20px;
    padding-right: 20px;
}
@media only screen and (max-width : 530px) {
  .pad-sides
  {
      padding-left: 15px;
      padding-right: 15px;
  }
}

/* Needed to center nav bar. Add to existing navbar classes:  class="nav navbar-nav navbar-nav-center" */
.navbar-center
{
    margin: 0 auto;
    display: table;
    table-layout: auto;
    float: none;
}
.navbar-center > li
{
    display: table-cell;
    float: none;
    text-align: center;
}

/*--------------------------------------------------------------------------------*/
/* Override Bootstrap styles */
/*--------------------------------------------------------------------------------*/
.panel-title
{
    font-family: 'Raleway', 'Open Sans', 'Helvetica Neue' , Helvetica, Arial, sans-serif;
    font-size: 17.5px;
}

.btn-block
{
    font-family: 'Raleway', 'Open Sans', 'Helvetica Neue' , Helvetica, Arial, sans-serif;
    font-size: 17.5px;
    font-variant: small-caps;
    font-weight: 700;
}

.table-hover > tbody > tr:hover > th
{
    background-color: #5d7b9d;
}
.table-hover > tbody > tr:hover > td
{
  background-color: #eeeeee;
}

/* Needed for mobile menu to be left-justified */
.navbar-toggle
{
    float: left;
    margin-left: 15px;
}

/* Needed for bootsnippets menu navigation */
.glyphicon
{
    margin-right: 10px;
}
/*
.panel-body
{
    padding: 0px;
}
.panel-body table tr td
{
    padding-left: 15px;
}
.panel-body .table
{
    margin-bottom: 0px;
}
*/
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #02418f 0%, #012a5d 100%);
  background-image: -o-linear-gradient(top, #02418f 0%, #012a5d 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#02418f), to(#012a5d));
  background-image: linear-gradient(to bottom, #02418f 0%, #012a5d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02418f', endColorstr='#ff012a5d', GradientType=0);
}

@media print
{
    *
    {
        font-size: 100%;
        font-family: Arial, sans serif;
    }
    a, a:visited
    {
        text-decoration: underline;
    }
    a[href]:after
    {
        content: "";
    }
    abbr[title]:after
    {
        content: "";
    }
    a[href^="javascript:"]:after, a[href^="#"]:after
    {
        content: "";
    }
    body
    {
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .print-hide { display: none; }
    .print-maxwidth { width: 100%; }
    .printhide { display: none; }
    .printmaxwidth { width: 100%; }
    tr { page-break-inside: auto; }
}