
/* Changes Log Header/Column label from gunmetal to another color */
tr #postHeaders {
background-color: #e7efc4;
}

/*Modify Log header*/

#post_table tr td {
	padding-left: 2px;
	padding-right: 2px;
}

/*Change Log view Header Column (Regular Log Views*/
/*#post_table tr td:first-child {
	background-color: transparent;
}*/

div.nonBar {
	background-color: #e7efc4 !important; 

}

a.nonBtn {
	background-color: transparent !important;
		color: #000000 !important;

}
/*Select All Checkbox Option Text*/
#cb_header {
	color: #000000 !important;
}



/* Remove Default Body Margin */
BODY 
{
	margin: 0;
}



/* Remove Default Log/Form table borders and background color */
table, td, th
{
	border: none;
}


/* Make Project List Header and Log View headers text larger & bold */
a.b {
color:#36424a;
font-family:Arial;
font-size: 12px;
font-weight:bold;
vertical-align:top;
}

/* Modify Project List Font Size */
tr.b {
color:black;
font-family:Arial;
font-size:12px;
vertical-align:top;
}


/* Folder Search Adv. Filter links background color ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header2 {
	background-color: transparent;
}

/* Make links on the top of forms transparent SHOULD BE IN FORMSTYLE??*/
.header td, #form_header table, #form tbody tr th, table #form_header, table #form_header, .header2 table
{
	background:transparent ! important;
}

/* Center Top Form links alignment SHOULD BE IN FORMSTYLE??*/
#form tbody tr th, #form > tbody > tr:first-child
{
		text-align:center ! important;
}

/*Form Name Link SHOULD BE IN FORMSTYLE??*/
a.headerPrint, font.headerPrint 
{
	color:navy ! important;
	font-family:Arial ! important;
	font-size:9pt ! important;
	font-weight:bold ! important;
}

/* Color "Forms/Project Name/State" Link (In a Post) (((EFFECTS ENTIRE LOG VIEW HEADER)))*/
a.header
{
	color:navy ! important;
	font-family:Arial ! important;
	font-size:9pt ! important;
	font-weight:bold ! important;
}

/* Color "LOG" Link(In A Post) (((EFFECTS ENTIRE LOG VIEW HEADER)))*/
font.header
{
	color:navy ! important;
	font-family:Arial ! important;
	font-size:9pt ! important;
	font-weight:bold ! important;
	text-decoration:none ! important;
}


/* Change Site Navigation Row Background Color */
.nav_header_links
{
	background-color: white ! important;
}

/* Modify the row directly below the header...Usually contains the project search link*/
.header_small {
	height: 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	background-color: #36424a;
}

.download_options {
	background-image: url(/images/milestones.jpg);
	background-repeat: no-repeat;
	height: 100px;
	background-position: center; 
}

*/

/*Modify the links bar above the log view ((JQUERY ADD THE CLASS))*/
.headercontainer
{
	background-color: white;
}

.header .headercontainer
{
	background-color: transparent;
}

.header2container
{
	background-color: transparent;
}


/* Modify Log Menu */
#formMenu div.mBar {
	background-image: url(/images/3grad_blue.gif);
	border: solid 1px !important;
}

#formMenu div.mBar a.mBtn {
	background-color: transparent! important;
	color: white! important;
border:0px solid black;
font-size: 12px;
font-weight: normal;
font-family: Arial, San-Serif;
margin: 0px;
border-right: dotted 1px #99BBE8;
}

#formMenu div.mBar a.mBtn:hover 
{
	border:1px outset black !important;
}

#formMenu div.mBar a.mBtnA
{
	border:1px solid black !important;
}


#formMenu div.mnu {
	/*background-color: #f3ecd9;*/
	background-color: white;
	border:1px outset #B8B8B8 ! important;
	color: navy ! important;
	
}

/* Form Menu Text No Hover*/
div.mnu a.mItem {
	background-color:white;
	color:navy;
	cursor:default;
	display:block;
	padding:3px 1em;
	text-decoration:none;
	white-space:nowrap;
}


/* Form SUBMenu Text Hover*/
div.mnu a.mItem:hover {
background-color:#A9A9A9;
color:white;
}

/* Color of a parent menu link when you go into its child menu (((FORM AND MAIN MENU))) */
div.mnu a.mItemH {
	background-color: #A9A9A9;
	/*background-color: #bed600;*/
	color: black;
}



/* modify Multi-Delete menu item */
#mnuLog2 a:first-child + div + a {
	color: red;
	font-weight: bold;
	
}

/*============================================== modify MainMenu ================================================================= */

#MainMenu div.mBar {

/*background-image: url(/images/3grad_blue.gif);*/
	border:1px solid black /*! important*/;

}


#MainMenu div.mBar a.mBtn {
	background-color: transparent! important;
	border: 0px solid black! important;
	/*border-left:1px dotted #99BBE8! important;
	border-right:1px dotted #99BBE8! important;
	color: white! important;*/
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, San-Serif;
	margin: 1px;
}


#MainMenu div.mBar a.mBtn:hover 
{
	border: 0px solid black !important;
	/*background-image: url(/images/3grad_blue_b.gif);*/
	color: white !important;
	background-color: #36424a !important;
}

#MainMenu div.mBar a.mBtnA
{
	/*border:1px solid black !important;*/
	background-color: #36424a !important;
	color: white ! important;
}
/* Main Menu Button Depressed*/
#MainMenu div.mBar a.mBtnA
{
	/*border:1px solid black !important;*/
}


/* Main Menu Text No Hover*/
#MainMenu div.mnu a.mItem {
	background-color:white;
	color:navy;
	cursor:default;
	display:block;
	padding:3px 1em;
	text-decoration:none;
	white-space:nowrap;
}

/* Main Menu Sub menu Text Hover*/
#MainMenu div.mnu a.mItem:hover
{
	background-color:#36424a;
	/*color:#bfea00;*/
	color: white;
}

#MainMenu div.mnu a.mItemH {
	background-color: #36424a;
	color: white ! important;
}

/*================================================================================================================================ */

/*===================================================modify GlobalMenu============================================================================= */

#GlobalMenu div.mBar a.mBtn:hover,
#GlobalMenu div.mBar a.mBtnA, #GlobalMenu div.mBar a.mBtnA:hover {
  border: 1px solid #FFFFFF !important;
  color: #000000;
}

#GlobalMenu div.mBar a.mBtn {
  cursor: pointer;
}

/*================================================================================================================================ */
input[type="button"][value="Archive"] {
	display: none;
}

/*Edit Form Name Display in Project info Line*/
tr.project_info td.name {
	padding-left: 4px;
	color: black !important;
}


/* Edit Form Logview Table */
/*html body#ext-gen2 div#site_content form table tbody tr {
	background-color: transparent;
}*/

/* Project Menu Border (Dropdowns)*/
div.mnu {
border:1px outset #B8B8B8 !important;
}

 /*Edit Menu Spacers (Corp and Project level Dropdowns)*/
div.mnu div.mItemS {
border:1px inset #B8B8B8;
margin:0;
}


/* Bold the first column in the project list */

tr.b td:first-child {
font-weight: bold;
}

#site_footer
{
background-image:url("/images/footTop.jpg");
background-position:right center;
background-repeat:no-repeat;

}


/*Add footer Image*/
/*#footertable {
	background-image: url(/images/footTop.jpg);
	height: 100px;
	background-position:right center;
	background-repeat:no-repeat;
	
}*/

 /*Edit area below footer image*/
#footerbottom {
	vertical-align: top;
	background: transparent;
}

/* CSS for Zebra Logs*/
#post_table.flipoff tr.zebra {
background-color: #ffffff;
}
tr.zebra{
	background-color: #ffffff;
}


/* Modify color of Selected Rows in a Form Log */
.select_row {
	background-color: #D3D3D3 !important;
	font-weight: bold !important;
}

/* Edit row below header ****This is a duplicate**** */
/*.header_small {
	font-family: Arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
*/


/* Edit Date (Today.js) row WORKS ON JS DATE TEXT */
.headerdate {
	height: 15px;
	font-family: Arial;
	font-size: 9px;
	color: #506c93;
	padding:0 0 0 10px;
}

/*Edit Search Function*/

.searcher {
font-family:Arial;
font-size:10px;
}

/*Report Download Options*/
#download_div{
margin-left:275px;
}

/* Bold First Field in Project List*/
#proj_list tbody tr td:first-child

{
font-weight: bold;
}

/*project List Hover - Lightblue*/

#proj_list tbody tr:nth-child(1n+2):hover
{
background-color:#bed600;
}

#proj_list
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	text-align: left;
	border-collapse: collapse;
}

#proj_list tr:first-child td {
    font-size: 16px;
    font-weight: normal;
    padding: 4px;
}
#proj_list td
{
	padding: 4px; item
	border-bottom: 1px solid #fff;
	color: black;
	border-top: 1px solid #fff;
	/*background: #e8edff url('table-images/gradback.png') repeat-x;*/
}
#proj_list tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}

#proj_list .item td {
	background-color: white;
	border: none;
}

.item:hover td {
	background-color: lightgray !important;
}

#proj_list .group {
    background-color: #DCDCDC;
    border: none;
    color: #000;
    font-size: .9em;
    font-family: sans-serif;
    font-weight: bold;
}
	
#proj_list .group:hover {
	cursor:auto;
}

#proj_list .placeholder {
	display: none;
}

#proj_list TBODY TR {
	font-size: .9em !important;
}

#proj_list tbody tr#postHeaders:nth-child(n) td {
  background-color: #e7efc4;
  position: sticky;
  top: 0%;
}
#proj_list #postHeaders td {
  padding: 10px;
}

.filter_container {
  color: #000 !important;
}

.filters_container .filter {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.filter_btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff;
  background-color: #0d6efd !important;
  border-color: #0d6efd;
}

.filter_btn:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}