@charset "utf-8";
/* CSS Document */



  /*
   * ============================================================================ base element styles
   *
   * This section defines the basic styles (fonts, colors) for HTML elements. 285e71
   */

  body {
    font-family: 'Quattrocento Sans';
    background-color: #ffffff;
  }
  .row {
    margin-left: 0px;
    margin-right: 0px;
}
 .logo{align:center;text-align:center;margin: 1em 2em 2em 0em; }
  .col-sm-3 {
	  
	  padding-bottom: 1.00rem !important;
	   padding-right: 1.25rem !important;
	   padding-top: 0.25rem !important;
	    padding-left: 2.5rem !important;
		 position: relative;
       min-height: 1px;

  }
  a {
	  text-decoration: none !important;
    color: #ff5f00;
  }

  #header {
	
   
	 font-family: 'Quattrocento Sans';
	
	
  }
  #rulinks{
	  width:auto;float:right;color:#f5a23f; font-weight: bold;}
	  
  #rulinks a {color:#f5a23f; font-weight: bold;}
  
  
  /* !important needed to override an explicit !important in style.css line 9 */
  #header > div.row {

	  padding-left: 0rem;
	
    border: 0px !important;
  }
  .toptitle {
	 
	  font-family:"Montserrat" ;
	   font-size: 2.5em;
	  /* font-weight: bold;  Montserrat*/
	   padding-top: 32px !important;
	
  } 
  
   .toptitle a  {
	   color: #fff;
	
  } 
    .toptitle a:hover  {
	   color: #fff;
	
  } 
  .navbar-default .navbar-nav > li > a {
  
	 font-weight: bold;
}

.navbar-default .navbar-toggle .icon-bar {
     background-color: #fff;
}
  @media all and (min-width: 769px) and (max-width: 992px) {
   .toptitle{
        font-size:2em;
		 padding-top: 40px !important;
    }
	  #header .logo {
 
	padding-left: 1.5rem;
	
  }
     #header > div.row {
	  padding-right: 0rem;
	  
  }
 
  
	
	.navbar-default .navbar-nav > li > a {
    color: #004f6f;
    font-size: 0.7rem !important;
	 font-weight: bold;
}
}
 
@media all and (max-width: 768px)  {
/* and (min-width: 320px) */
    .toptitle{
        font-size: 2em;
		 padding-top: 12px !important;
    }
    .col-sm-3 {
	  
	    padding-left: 0rem !important;
	
  }
   #header {
	
   
	height: 300px;
	
	
  }
   #header > div.row {
	  padding-right: 0rem;
	  
  }
  #header .logo {
    float: left;
	padding-left: 1.5rem;
  }
  
}
  div.h1 {
    /* mdc: removing this!
    margin-top: 10px; ff5f00
    */
    /* adding this for the homepage */
   
    font-weight: 500;
    color: #000;
    /* adding the font-size back */
    font-size: 3em;
  }

  div.h2 > a,
  div.h2 > a:hover {
   
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;  !important;
  }

  
  nav.navbar {
    border: 0px;
  }

  /*
    * !important required to override an applicationxxxxx.css (autogen)
    * There is no !important directive in this file.
    */
  .top-bar {
    background-color: #333 !important;
    border: 0px;
  }

  /*
    * !important required to override color in applicationxxxxx.css (autogen)
    * There is no !important directive in this file for color.
    * The font-size cannot be displayed as there is an !important
    * directive in the applicationxxxxx.css file.
    */
  ul.navbar-nav > li > a,
  ul.navbar-nav > li > a:hover {
    font-family: 'Quattrocento Sans';
    color: #ffffff !important;
    text-decoration: none !important;
  }

  ul.navbar-nav > li > a:hover {
     background-color: #36404e !important;
	  text-decoration: none;  !important;
    transition-duration: 0.3s;
  }

  h1 {
    font-family: 'Quattrocento Sans';
    color: #000;
    font-size: 3em;
    font-weight: bold;
  }

  h2 {
    font-family: 'Quattrocento Sans';
    font-weight: 500;
    font-size: 1.5em;
    color: #36404e;
  }
   h4 {
font-size: 1.125rem;
    font-family: "Quattrocento Sans";
	   font-weight: bold;
 
  }
  h3 {
    font-family: "Quattrocento Sans";
    font-size: 1.05rem;
    font-weight: bold;
    color: #004f6f;
 } 
   h4 {
    font-family: "Quattrocento Sans";
    font-size: 0.95rem;
    font-weight: bold;
  
 }
   h5 {
    font-family: "Quattrocento Sans";
    font-size: 0.85rem;
    font-weight: bold;
  
 }  
   h6 {
    font-family: "Quattrocento Sans";
    font-size: 0.75rem;
    font-weight: bold;
   
 } 
 .identifier .id-label {
    float: left;
    font-family: "Quattrocento Sans";
    font-weight: bold;
}
.record-type-badge {
    padding: 0.25rem;
    font-family: "Quattrocento Sans";
    font-weight: bold;
}
.inline-label {
    font-weight: bold;
    font-family: "Quattrocento Sans";
}

.container-fluid.panel-footer{
	  background-color: #dfd2b3;
	  color:#222;
	  border-bottom 1px solid #222;
	}
	
	.panel-footer a {color: #222;
	font-weight: bold;
	}
	
	.btn-primary:hover {
    color: #fff;
    background-color: #36404e;
   
}
.btn-primary{
    color: #fff;
    background-color: #36404e;
   
}
.myDIV2 {display: none;}
.myDIV {display: none;}