/*** Start: set default background color of pages ***/
#aspnetForm {
	background-color: #191919;
}
/*** End: set default background color of pages ***/
	
/*** Start: Set images for the page banner ***/

#s4-titlerow {
	height: 210px;
	min-width: 1275px;
	padding-top: 0px;
}

#sddcTblPageBanner {
	min-width: 993px;
	background-color: #191919;
}

table#sddcTblPageBanner td {
	height: 165px;
}
#sddcPageBannerLeft {
	background-color: #191919;
	
}

#sddcPageBannerRight {
	width: 203px;
}

#suiteBarLeft {
	background-color: #1e1d1b;
}

/*** End: Set images for the page banner ***/

/*** Start:Add styling to the SDDC Top Menu bar ***/

/* hide default sharepoint links */
.ms-core-deltaSuiteLinks {
	display: none;
}

/* hide edit links in the top nav bar */
#DeltaTopNavigation .ms-core-listMenu-root .ms-listMenu-editLink {
	display: none;
}

/* Set background color of the top menu bar */
#sddcMenu {
	min-height: 30px;
	min-width: 993px;
	border: none;
	background-color: #1e1d1b;
}

#navAreaMenu {
	background-color: #ffca10;
}

#navAreaSearch {
	background: url("/_catalogs/masterpage/Custom/images/yellowBlackGradientEnd.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #1e1d1b;
}

#navMenuEnd {
	background: url("/_catalogs/masterpage/Custom/images/yellowBlackGradientStart.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #1e1d1b;
	min-width: 90px;
	max-width: 90px;
}

/* set default font size for menu items */
.ms-core-listMenu-verticalBox, 
.ms-core-listMenu-horizontalBox {
	font-size:0.9em;
}

/* set the default style for a menu item */
#sddcMenu .ms-core-listMenu-item, 
#sddcMenu .ms-core-listMenu-item:link, 
#sddcMenu .ms-core-listMenu-item:visited {
	color: #000000;
	font-weight: bold;
}

/* set the default style for a flyout menu item */
#sddcMenu ul.dynamic .ms-core-listMenu-item, 
#sddcMenu ul.dynamic .ms-core-listMenu-item:link, 
#sddcMenu ul.dynamic .ms-core-listMenu-item:visited {
	color: white;
	font-weight: bold;
	line-height: 1.75em;
}

/* set properties so flyout menu items don't wrap */
ul.dynamic {
	width: auto !important;
	min-width: 150px;
	white-space: nowrap;
	word-wrap: normal;
}


/* set the style when menu item has the mouse hover */
#sddcMenu .ms-core-listMenu-item:hover, 
#sddcMenu .ms-core-listMenu-selected:hover,
#sddcMenu ul.dynamic .ms-core-listMenu-item:hover {
	background-color: rgba(76, 74, 66, 0.80);
}

/* set the style when menu item is selected */
#sddcMenu .ms-core-listMenu-selected:link, 
#sddcMenu .ms-core-listMenu-selected:visited, 
#sddcMenu .ms-core-listMenu-selected {
	color: #000000;
}

/* set style for dropdown menu box */
ul.dynamic {
	background-color: #191919;
	border: 2px solid #ffca10;
	width: 100%;
	
}

/* set width of Navigation Area Menu to be 100%, so it takes the remaining space */
#navAreaMenu {
	width: 100%;
	padding-left: 5px;
}

/* set style for the search box */
.ms-srch-sb {
	background-color: white;
	border-radius: 8px;

	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 8px; 

	/* Firefox 1-3.6 */
	-moz-border-radius: 8px; 

	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;
}

.ms-srch-sb input {
	color: #000000;
}

/* set right margin/padding for menu items */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	margin-right: 10px;
}
.ms-core-listMenu-horizontalBox .additional-background.dynamic-children {
	padding-right: 10px;
}

/*** End: Add styling to the SDDC Top Menu bar ***/

/*** Start: Hide the left nav bar section, which isn't being used ***/
/*** Note: It is needed for the "Add an app" function             ***/

#DeltaPlaceHolderLeftNavBar {
	display: none;
}

/*** End: Hide the left nav bar section.                          ***/


/*** Start: Add styling for web parts ***/

/* set the background color and image of the web part title. */
/* round the corners of the web part title.                  */
.ms-webpart-chrome-title {
	padding-left: 10px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: #ffca10;

	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-top-left-radius: 15px; 
	-webkit-border-top-right-radius: 15px; 

	/* Firefox 1-3.6 */
	-moz-border-radius-topleft: 15px; 
	-moz-border-radius-topright: 15px; 

	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;
}

/* set color and size of the web part title */
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
}

.ms-webpart-titleText > a:hover {
	color: rgba(76, 74, 66, 0.80);
}

/* set style for the web part content space */

/* set bottom margin of web part title to 0px to remove space between it and the content space */
.ms-webpart-chrome-title {
	margin-bottom: 0px;
}

.ms-wpContentDivSpace {
	/* set the padding and background color of the web part content space */
	padding: 0px 10px 5px 10px;
	background-color: transparent;
	border: 1px solid #ffca10;

	/* round the corners of the web part content space */
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;

	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-bottom-left-radius: 15px; 
	-webkit-border-bottom-right-radius: 15px; 

	/* Firefox 1-3.6 */
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 

	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;
}

/* Set link-item class color (for example Content Query items)  */
.link-item, .link-item a, .link-item a:link, .link-item a:visited {
	color: #ffffff;
}

/* Set color of text for group label titles */
.ms-gb, .ms-gb2, .ms-gbload, .ms-vb-tall, .ms-vb-user, .ms-pb, .ms-pb-selected td {
	color: #ffca10;
}

/*** End: Add styling for web parts ***/

/*** Start: add style for breadcrumb menu ***/

/* hide separator before root node */
.sddc-breadcrumbRootNode > .s4-breadcrumb-arrowcont {
	display: none;
}


/* set color of breadcrumb items */
.sddc-breadcrumbNode a.sddc-breadcrumbNode, a.sddc-breadcrumbRootNode {
	color: white;
}

/* set color of current page in the breadcrumb */
.sddc-breadcrumbCurrentNode {
	color: #ffca10;
}

ul.sddc-breadcrumb ul,
ul.sddc-breadcrumb li {
	display: inline;
	margin-left: -1.5em;
}

/* spacing around separator arrow */
.s4-breadcrumb-arrowcont {
	margin: 0 10px;
}

/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb {
	display: inline !important; 
	overflow: auto !important;
	position: static !important;
}

/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb img {
	position: static !important;
}

/*** End: add style for breadcrumb menu ***/

/*** Start: main content layout styles ***/

#sddcMain {
	margin: 0px 30px 0px 20px;
}

.sddcMainContentPadding {
	padding: 0 20px 0 0;
}

.sddcTableCell {
	display: table-cell;
}

.sddcTableCell-MainContent {
	display: table-cell;
	width: 79.9%;
	vertical-align: top;
}

.sddcTableCell-RightSidebar {
	display: table-cell;
	width: 20.9%;
	vertical-align: top;
}

.sddcTableCell-50 {
	display: table-cell;
	width: 49.9%;
	vertical-align: top;
}

/*** Start: main content layout styles ***/

/*** Start: add style for static right side bar tables ***/

.sddcTable-StaticSidebar {
	display: table;
	width: 90%;
        padding: 5px;
	margin: auto;
	margin-top: 5px;
}

.sddcTableCell-SocialMedia {
	display: table-cell;
	width: 24.9%;
	text-align: center;
	vertical-align: middle;
}

.sddcTableCell-ArmyInitiatives {
	display: table-cell;
	width: 100%;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

/*** End: add style for static right side bar tables ***/

/*** Add style for footer section of page ***/
#s4-bodyContainer {
	padding-left: 10px;
	padding-bottom: 10px;
}

#tblFooter {
	height: 30px;
	min-width: 1275px;
	background-color: #ffca10;
	color: #000000;
	clear: both;
}

#tblFooterLeft {
	width: 330px;
	background-color: #ffca10;
}

#tblFooterCenter {
	background-color: #ffca10;
}

#tblFooterCenterEnd {
	background: url("/_catalogs/masterpage/Custom/images/yellowBlackGradient.jpg");
	background-color: #1e1d1b;
	width: 112px;
}

#tblFooterRight {
	background-color: #1e1d1b;
	color: #ffffff;
	width: 232px;
}

#tblFooterRight a {
	color: #ffca10;
}

ul.footerMenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.footerMenu li {
	display: inline;
	padding-left: 5px;
}

ul.footerMenu>li:first-child {
	padding-left: 0px;
}

.footerMenu A {
	color: #000000;
	text-decoration: none;
}

.footerMenu A:hover {
	text-decoration: underline;
}


.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* The bottom margin is the negative value of the footer's height */
  margin: 0 auto -30px;
  overflow: visible !important;
}
.footer, .push {
  /* .push must be the same height as .footer */
  height: 30px;
  /* Multicolumn Layout With Sticky Footer */
  clear: both;
}
.footer {
   background: #1e1d1b;
   color: #fff;
   line-height: 30px;
   text-align: center;
}
body #s4-workspace {
  margin-top: 15px;
  margin-bottom: -30px;
}

/*** End: Add style for footer section of page ***/

/* Add style for link section title */
.ms-linksection-title {
	color: #fac42c;
}

/*** Start: branding text to say "Signed In" instead of "SharePoint" ***/

/* set original text to have a transparent color so it is not displayed */
.ms-core-brandingText {
	color: transparent;
}

/* add new text after the original text, make it white, and move it to the left where the original text was */
.ms-core-brandingText:after {
	content: 'Signed In';
	color: white;
	display: block;
}

/*** End: branding text to say "Signed In" instead of "SharePoint" ***/

/* Hide border line seperating groups for a list/library that is using grouping */
.ms-gb {
	border-bottom: 0 none #ababab;
}

/* Set bottom padding for Item Style list items */
.dfwp-list {
	padding-bottom: 10px;
}

/*** Start: add  User Section Title styling ***/

.UserSectionTitle a {
	color: #000000;
}

/*** End: add  User Section Title styling ***/

/*** Start: add styling for description class for News RSS feed ***/

.description {
	color: white;
}

/*** End: add styling for description class for News RSS feed ***/

/*** Start: Change font color for terms of use popup page  ***/
#touSection {
	color: white;
}
/*** End: Change font color for terms of use popup page    ***/

/*** Start: Set font style of Picture Slide Show title text  ***/
.ms-slideshow-title {
	color: #ffca10;
        font-weight: bold;
        font-size: 1.2em;
}
/*** End: Set font style of Picture Slide Show title text    ***/

/*** Change color a visited link for document on the Task screen for 402E approval ***/ 
.ms-informationbar a:visited {
	color: #0072bc
}