/* reset.css */

html { 
background: #2C3E50;   }

/* custom */    
body
{
margin: 0px;
padding: 0px;
/*scroll left top;*/
}

a { 
text-decoration:underline; 
font-weight: bold;
color:  #005597;
background-color: transparent; 
}

a:active,
a:hover {
outline: 0; 
color: #06C; text-decoration: none;
}


.large-12.columns {
 background: #fff;
 }


.top-bar {  /* nav bar */
padding: 0px;
/* margin-bottom:  15px !important; */
}

.top-bar  {  /* nav bar */
background: #ccc;
}

.title-bar a {
text-decoration: none !important;

}

.title-bar h1 {
font-family: 'Montserrat', 'sans-serif' !important;
}

.banner_top {  /* SHOWS FOR MEDIUM DOWN */
background-color: #2980B9;
}

.banner_top h1 {
padding: 3px;
	color: #FFF;  
/*	font-size:	1.1em; */
	 font-size: 1rem;
	margin: 0;
	line-height: 1.1em;
/*	font-family:  verdana, helvetica, san serif; */
	font-family: 'Montserrat', 'sans-serif' !important;
	text-transform:uppercase;
/*	margin-left: 30px; */
}

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
 /* padding: 0.5rem; */
  }
  .title-bar::before, .title-bar::after {
    content: ' ';
    display: table; }
  .title-bar::after {
    clear: both; }
    
.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }

.top-bar-title {
  float: left;
  /*margin-right: 1rem; */
  }

.top-bar-left {
  float: left; }

.top-bar-right {
  float: right; }


.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }


header .title-bar { /* TOP BANNER - DARK BLUE */
  background: #2c3e50;
  padding: 0.25rem;
/*  text-align: center; */
  position: relative; 
  }
  
header .title-bar .title-bar-left,
  header .title-bar .title-bar-right {
    padding: 0.5rem 0; }
  header .title-bar .title-bar-right {
    position: relative;
    }
    
       

@media screen and (min-width: 64em) {
  header .title-bar {
    text-align: left; }
    header .title-bar .title-bar-left,
    header .title-bar .title-bar-right {
      padding: 0; }
    header .title-bar .title-bar-left {
      display: none; }
 /*   header .title-bar .title-bar-right .button {
      margin: 0 1rem 0 0; } */
    header .title-bar h1 {
      position: relative;
      left: auto;
      font-size: 1rem;
      margin: 0;
      padding: 0.25rem 0 0.25rem 3rem;
     background: transparent url("/apps/facilities/naming_reports/assets/images/bor_logo.png") no-repeat 0.75rem 0.15rem;
      color: #d7dadb;
      text-transform: uppercase;
      line-height: 1.7rem;
      background-size: 30px 30px;
      float: left;
      -ms-transform: none;
          transform: none; } }

header .banner_color { /* BLUE BANNER WITH MAIN TITLE */
background-color: #2980B9;
border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd; 
   width: 100%;
}

header .top-bar-one .top-bar-title {  /* BLUE BANNER TITLE */
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  background-color: #2980B9;
  }
   


footer { 
background: #2C3E50;
    color: #FFF;
    padding-bottom: 1em;
  padding-top:  3em; 
 font-size:  90%;
 text-align: left;
}

.sitefooter { 
 padding-top:  3em; 
 
}

footer p {
background: #2C3E50;
}

footer a, footer a:hover  {
color: #fff;
}


.callout.warning
{
  background-color: #fff3d9;
}

.show-for-medium-down {
/*background:  #0038A8;  BOR blue */
color: #fff;
}

.show-for-medium-down h1 {
color: #fff;
}

/*
@media only screen and (max-width: 768px) {
	
	.banner_bottom #tagline {
		font-size: 1.3em;
	}
		
}
*/

.top-bar { /* MENU BAR */
background: #717271 !important;
margin-bottom: 1.2em;
}

.top-bar ul.menu {
background: #717271 !important;
}

.top-bar ul.menu li a {
font-weight: bold;
font-size:  1em;
text-decoration: none;
color: #fff;
background: #717271 !important;
}

 .top-bar ul.menu li a:hover {
background:  #005597 !important;
color: #fff;
}

 .top-bar ul.menu li.active a {
 background:  #00477d !important;
 color: #fff !important;
 }

/* typography.css */

/*body { font-size:78%; color:#000; background:#fff; font-family: Verdana,  Helvetica, Arial, sans-serif;} */

h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#111;}

h1 {font-size: 2.5em;  margin-top: .6em;  }

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

h2 { margin-top: .6em; margin-bottom:  1em; font-size:  2em;  }

p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/*a:focus, a:hover {color: #00F; text-decoration: none;}*/


a.cleanLink { text-decoration: none; font-weight: bold;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
/* table.display {margin-bottom:1.3em;}
th {font-weight:bold;} */

table#uploadData { 
border-top: 5px solid #ccc;
border-bottom: 5px solid #ccc;
 }


/* tr.gray { background-color: #eeeeee; } */

/* thead th {background:#c3d9ff;} 
th, td, caption {padding:4px 10px 4px 5px;}*/

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

fieldset  { 
padding:  1em;
background: #fff;
border: 1px solid #ccc; 
margin-bottom:  1em;
}


#loginForm { width: 600px; margin-left: auto; margin-right: auto;  }

.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}

div.fileError {
font-size: 1.2em;
font-weight: bold;
	background: #FFF6BF;
	border: 1px solid #C00;
	color: #C00;
	margin-bottom: 1em;
	padding: 5px;

}

div.fileError p {
font-size: 1em;
font-weight: bold;
	color: #C00;
	}

 .button {
font-weight: bold;
background-color: #005597;
} 

a.small {
margin: 3px;
text-decoration: none;
}

.button:hover {
background:  #093;
}

a.Ltblue {
background: #258dad;
text-decoration: none;
}


a.profileBtn {
background-color: #309;
}


a.addSmall, a.editSmall {
margin: 0;
text-decoration: none;
}

a.addSmall {
color: #360 !important;
}

a.addSmall:hover {
background: #CF9 !important;
}

a.editSmall {
color: #30C !important;
}

a.editSmall:hover {
background: #CCF !important;
}

#deleteBtn {
background: #C60;
}

#deleteBtn:hover {
background: #900;
}

.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.indent2 { margin-left: 40px !important;  }

/* forms.css */

legend {font-weight:bold;font-size:1.2em; padding: 0 3px 0 3px; }
fieldset label {font-weight:bold; font-size: 1.1em; display:block; margin-bottom: 1px;  padding-bottom: 0px;}

fieldset div {
padding-bottom: 10px;
}

fieldset table {
border: none;
}

#frm_edit textarea {font-family: verdana, helvetica; padding:5px; font-size: 1em; }


#frm_acct #btnReset  { font-size: 14px;  width: 100px;  font-weight: bold; background: #eee; border: 2px solid #666; padding: 3px 0 3px 0;}


#frm_add input[type=text], #frm_acct input[type=text], #frm_acct_mod input[type=text], select { 
font-size:  1.05em; 
color: #333;
 }

table input[type=text] {
font-size:  1em !important; 
padding: 3px;
}

#frm_login fieldset {
padding:  20px;
margin-bottom:  15px;
}

#frm_login input[type=text], #frm_login input[type=password]  
{ 
min-width:  75%;
font-size: 1.3em !important;  color: #00C; 
}


#frm_acct #btnReset:hover {  background: #FFF; }

/* #frm_acct_mod #btnDelete:hover , #frm_edit #btnDelete:hover {  background: #C00; color: #FFF; } */


#frm_edit .rdoBtn {
padding: 0px;
margin-right: 6px;
margin-left:  15px;
border: 1px solid #333;
}


#frm_login span {
display: block;
margin-top:  15px;
}

#frm_srch .chkBox {
vertical-align:text-top;
}

input[type=radio], input[type=checkbox] {
width:  20px;
height: 20px;
}


div.colborder_left {
	padding-left:24px;
	border-left:1px solid #eee;
}


form label.error {
font-size: 1em !important;
	color: #FFF;
	display:block;
	margin-top:  0;
	width: 90%;
	background: #C00;
padding: 2px 4px 2px 8px;
border: 1px solid #F90;
}

form label.error, label.error {
font-size: 1em !important;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
}

form input.error {
	border: 1px dashed red !important;
	background: #FFF !important;
}

form textarea.error {
	border: 1px dashed red !important;
	background: #FFF !important;
}

form select.error {
	border: 1px dashed red !important;
	background: #FFF !important;
}

.right {
float:right;
}

.bigText {
font-size: 1.2em;
}

.redtext {
color: #C00;
}

.bluetext {
color: #60F;
font-style: italic;
}

.plainText {
font-weight:normal;
font-size: .9em;
}

.button.warning {
    background-color: #FFAE00;
    color: #fff; }

.button.secondary {
    background-color: #8a8a8a;
    color: #fff; }

#description { width: 100%; margin-bottom: 5px; font-size: 1em; font-family: verdana, helvetica; 
resize:vertical;
 }

.safe, .over {padding: 2px 5px; color:white; font-weight:bold; }
		.safe {background:green;}
		.over {background:red;}

.dataError  /* batch upload */
{
color: #C00;
font-weight: bold;
font-style:italic;
}

/* DYNAMIC "TOP" LINK */
	.back-to-top { 
	font-weight: normal !important;
			position: fixed;
			bottom: 2em;
			right: 0px;
			text-decoration: none;
			color: #00C;
			background-color: rgba(235, 235, 235, 0.80);
			font-size:  1.5em;
			padding: 1em;
			display: none;
		}

		.back-to-top:hover {	
		color:  #00C;
			background-color: #cccccc;
			/*rgba(135, 135, 135, 0.50);*/
		}	



a[href$='.PDF'],a[href$='.pdf']{padding-right:20px;padding-bottom:2px;line-height:18px;background:url(/apache-read-only/global/icons/pdf.png) 100% 0 no-repeat}a[href$='.DOC'],a[href$='.doc'],a[href$='.docx'],a[href$='.dotx']{padding-right:20px;padding-bottom:2px;line-height:18px;background:url(/apache-read-only/global/icons/doc.png) 100% 0 no-repeat}a[href$='.xls'],a[href$='.xlsm'],a[href$='.xlsx']{padding-right:20px;padding-bottom:2px;line-height:18px;background:url(/apache-read-only/global/icons/xls.png) 100% 0 no-repeat}a[href$='.PPT'],a[href$='.ppt'],a[href$='.pptx']{padding-right:20px;padding-bottom:2px;line-height:18px;background:url(/apache-read-only/global/icons/ppt.png) 100% 0 no-repeat}a[href$='.zip']{background:url(/apache-read-only/global/icons/zip.png) 100% 0 no-repeat}a[href$='.ics'],a[href$='.zip']{padding-right:20px;padding-bottom:2px;line-height:18px}a[href$='.ics']{background:url(/apache-read-only/global/icons/ics.png) 100% 0 no-repeat}