﻿/*bootstrap resets for SharePoint*/

* [class^="span"], * [class^="span"]:before, , * [class^="span"]:after { -moz-box-sizing: border-box; }

img {
	max-width: none;
	width: auto;
}

* [class^="span"] img {
	max-width: 100%; /*for images inside span grid*/
}

/*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/

#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img, .ms-rtetoolbarmenu img {
	max-width: none;
	width: auto;
}

img[src*="/_layouts/15/images/spcommon.png"] { max-width: none !important; }

.row-fluid [class*="ms-selectitem-span"] {
	display: inline-block;
	float: none;
	height: 10px;
	min-height: 0;
	width: 10px;
}

.row-fluid [class*="ms-updatelink-span"] {
	display: inline-block;
	float: none;
	height: 16px;
	min-height: 0;
	width: 16px;
}

select, input[type="file"] {
	height: auto;
	line-height: 20px;
}

.ms-dialog select, .ms-dialog textarea, .ms-dialog input[type="text"], .ms-dialog input[type="password"] { height: auto; }

label {
	display: inline-block;
	margin-bottom: 0px;
}

.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}

.navbar-inner { padding: 0px; }

/*site settings toolbar menus*/

.ms-rtetoolbarmenu { line-height: 1em; }

/*end bootstrap resets*/

/*template styles*/

/* ribbon*/

#s4-ribbonrow [class*="span"] {
	float: none;
	line-height: 1em;
	margin-left: 0px;
}

#pageStatusBar[class], .ms-status-msg { margin-bottom: 0px; }

#suiteBarLeft { background-color: #0088CC; }

.ms-cui-dd-text, input.ms-cui-cb-input, input[type="text"].ms-cui-cb-input {
	border-color: #D3D6D9;
	border-image: none;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	cursor: default;
	display: block;
	font-size: inherit;
	height: 14px;
	padding: 3px 7px 2px;
	white-space: nowrap;
}

/*header*/

.header { margin-top: 10px; }

.headtitle { margin-left: 10px; }

#pageTitle {
	font-size: 2em;
	margin: 0px 0px 5px;
}

/* breadcrumb*/

ul.s4-breadcrumb { margin-bottom: 5px; }

ul.s4-breadcrumb, ul.s4-breadcrumb ul {
	display: inline-block;
	list-style: none inside none;
	margin: 0px 0px 2px;
	margin-bottom: 5px;
}

ul.s4-breadcrumb .s4-breadcrumb-arrowcont {
	background: transparent url('../img/glyphicons-halflings.png') no-repeat -262px -92px;
	display: inline-block;
	height: 16px;
	width: 16px;
}

ul.s4-breadcrumb .s4-breadcrumb-arrowcont img { display: none !important; }

ul.s4-breadcrumb > li:first-child > span.s4-breadcrumb-arrowcont { display: none; }

ul.s4-breadcrumb a.s4-breadcrumbCurrentNode { color: #000; }

/* end breadcrumb*/

/*search box*/

.ms-srch-sb-border, .ms-srch-sb-border:hover, .ms-srch-sb-borderFocused { border: none; }

.ms-srch-sb > .ms-srch-sb-searchLink { margin: 3px 0 0 1px; }

.ms-srch-sb > .ms-srch-sb-searchLink:hover { background: transparent none; }

.ms-srch-sb > input { margin: 0px 0px 10px 0px; }

/*end search box*/

/*end header*/

/*top nav */

.nav ul { margin: 0px; }

.nav li {
	list-style: none inside none;
	position: relative;
}

.nav.ms-core-listMenu-horizontalBox li.static > a {
	border: none;
	float: none;
	margin: 0px;
	padding: 10px 15px;
	text-decoration: none;
}

.nav li.static > a.selected,
/*.nav li.static > a:hover {
    background-color: #2284A1;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    color: #FFFFFF;
    text-decoration: none;
}*/
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background { margin: 0px; }

.nav li.static > .ms-core-listMenu-item { margin: 0px 15px 9px 0px; }

.nav .listMenu-display ul.dynamic {
	display: none;
	left: 0px !important;
	margin-top: 5px;
	top: 35px !important;
	width: 145px !important;
}

.nav .listMenu-display ul.dynamic ul.dynamic {
	left: 145px !important;
	margin: 0px;
	top: 0px !important;
}

#topnavbar > .navbar-inner > .container {
	background: transparent;
	border: none;
	margin: 0px;
}

/*edit nav nodes inline*/

.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink { margin-left: 0px; }

.ms-navedit-editLinksText { display: block; }

.nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText .ms-verticalAlignMiddle { vertical-align: inherit; }

.ms-navedit-editLinksIconWrapper { margin-bottom: -3px; }

.nav.ms-core-listMenu-horizontalBox li.static > span .ms-core-listMenuEdit .ms-navedit-linkCell,
.nav.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenuEdit .ms-navedit-linkCell { padding: 0px; }

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenuEdit .ms-navedit-deletelinkCell { padding-right: 0px; }

.nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText,
.nav.ms-core-listMenu-horizontalBox a.static.ms-navedit-dropNode,
.nav.ms-core-listMenu-horizontalBox div.ms-navedit-hiddenAppendArea {
	border: none;
	float: none;
	margin: 0px;
	padding: 10px 15px;
	text-decoration: none;
	width: auto;
}

.ms-navedit-hidespan { margin: 0px; }

.nav.ms-core-listMenu-horizontalBox .ms-navedit-addNewLink {
	margin-top: 0px;
	padding: 10px;
}

.nav.ms-core-listMenu-horizontalBox .ms-navedit-editButton {
	margin-bottom: 10px;
	margin-top: 10px;
}

/*end edit nav nodes inline*/

/*inverse*/

.navbar-inverse .nav.ms-core-listMenu-horizontalBox li.static > a { color: #eee; }

/*.navbar-inverse .nav li.static > a.selected,
.navbar-inverse .nav li.static > a:hover {
    background-color: #2284A1;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    color: #FFFFFF;
    text-decoration: none;
}*/

.navbar-inverse .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText > span > .ms-metadata { color: #eee; }

.navbar-inverse .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText,
.navbar-inverse .nav.ms-core-listMenu-horizontalBox a.static.ms-navedit-dropNode,
.navbar-inverse .nav.ms-core-listMenu-horizontalBox div.ms-navedit-hiddenAppendArea { color: #eee; }

/*end inverse*/

/*end top nav */

/*left nav */

/*#sideNavBox {
    float: none;
	margin: 0px;
    width: auto;
}*/

#sideNavBox.span3 {
	float: left;
	width: 23.4043%;
}

.sidebar-nav { padding: 9px 0; }

#sideNavBox ul { margin: 0px; }

li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active,
.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
	background-color: #0088CC;
	color: #fff;
}

li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover { color: #111; }

/*end left nav */

/* main content areas */

div.table {
	margin: 0px; /*added by design manager admin page, ruins rd layout*/
}

.container-fluid .ms-table { display: inherit; }

.container-fluid .tableCol-75 { display: inherit; }

#ms-core-tableNoSpace { display: block; }

/*site settings*/

/*Settings page - Add app page*/

#idStorefrontManagementLeftNavBar.ms-core-sideNavBox-removeLeftMargin { margin-left: 0; }

a.ms-storefront-selectanchor, a.ms-storefront-selectanchor:link, a.ms-storefront-selectanchor:visited {
	clear: both;
	width: auto;
}

/*end site settings*/

/*web part zones*/

* [class^="span"] .ms-webpart-zone, * [class^="span"] .ms-webpart-cell-vertical, * [class^="span"] .ms-webpart-chrome-vertical {
	display: block; /*forces zone to stay within confines of responsive zone*/
}

* [class^="span"] .ms-WPBody > table, * [class^="span"] .ms-WPBody > table > tbody, * [class^="span"] .ms-WPBody > table > tbody > tr, * [class^="span"] .ms-WPBody > table > tbody > tr > td {
	display: block;
	width: 100%;
}

* [class^="span"] .ms-WPBody > table img {
	width: 100%; /*reset back to bootstrap for web part images*/
}

* [class^="span"] .ms-WPBody > table .ms-addnew img, * [class^="span"] .ms-WPBody > table .ms-vb img {
	width: auto;
}

.ms-SPZone.ms-webpart-zone { padding: 5px; }

.ms-SPZone > .s4-wpcell, .ms-SPZone > .s4-wpcell-plain, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell-plain { padding: 5px 5px 10px; }

/*web part properties*/

.ms-ToolPaneBody select, .ms-ToolPaneBody textarea, .ms-ToolPaneBody input[type="text"], .ms-ToolPaneBody input[type="password"], .ms-ToolPaneBody input[type="datetime"], .ms-ToolPaneBody input[type="datetime-local"], .ms-ToolPaneBody input[type="date"], .ms-ToolPaneBody input[type="month"], .ms-ToolPaneBody input[type="time"], .ms-ToolPaneBody input[type="week"], .ms-ToolPaneBody input[type="number"], .ms-ToolPaneBody input[type="email"], .ms-ToolPaneBody input[type="url"], .ms-ToolPaneBody input[type="search"], .ms-ToolPaneBody input[type="tel"], .ms-ToolPaneBody input[type="color"], .ms-ToolPaneBody .uneditable-input {
	height: auto;
	line-height: 20px;
	margin-bottom: 0px;
	width: auto;
}

.ms-ToolPaneBody label {
	display: inline-block;
	margin-bottom: 0px;
}

/*end web part properties*/

/*Gallery Grid in Banner/Homepage2*/

ul.three-up {
	display: block;
	margin: 0 -8px;
	overflow: hidden;
	padding: 0;
}

ul.three-up > li {
	display: block;
	float: left;
	height: auto;
	list-style: none;
	margin: 0 8px 8px;
	width: 27%;
}

ul.three-up > li:nth-child(3n + 1) { clear: none; }

/*end web part zones*/

/* end main content areas */

/*Fullscreen*/

.ms-fullscreenmode #mainbody {
	margin-left: 0px;
	width: 100%;
}

/*end template styles */

/*responsive*/

@media (min-width: 1200px) {
	.row-fluid [class*="span"] {
		margin-left: 2.12766%; /*the % set in bootstrap is too wide, breaks layouts */
	}
}

@media (max-width: 979px) {
	/*bootstrap issues*/
	.row-fluid [class*="span"] {
		margin-left: 2.12766%; /*the % set in bootstrap is too wide, breaks layouts */
	}

	/*end bootstrap issues*/
	.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table { display: block; }

	.nav.ms-core-listMenu-horizontalBox li.static > a { margin: 0 5px; }

	.nav .listMenu-display ul.dynamic, .nav .listMenu-display ul.dynamic ul.dynamic {
		background: transparent none;
		border: none;
		box-shadow: none;
		left: auto !important;
		margin: 0px 2.5%;
		padding: 0px;
		position: relative;
		top: auto !important;
		width: 95% !important;
	}

	.nav .listMenu-display li.static.selected > ul.dynamic { display: block; }

	.ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background { background-image: url("/_layouts/15/images/menu-down.gif?rev=23"); }

	.nav.ms-core-listMenu-horizontalBox li.dynamic > a {
		border: medium none;
		color: #777777;
		float: none;
		margin: 0;
		padding: 10px 15px;
		text-decoration: none;
	}

	.nav.ms-core-listMenu-horizontalBox li.dynamic > a:hover {
		background-color: #111111;
		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
		color: #FFFFFF;
		text-decoration: none;
	}

	.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
		display: block;
		margin-right: 5%;
		padding-right: 5%;
		width: 90%;
	}
}

@media (max-width: 767px) {
	body {
		padding-left: 0px;
		padding-right: 0px;
	}

	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"], #sideNavBox.span3 {
		-moz-box-sizing: border-box;
		float: none;
		margin-left: 0;
		width: 100%;
	}

	.ms-core-pageTitle {
		font-size: 1.5em;
		white-space: normal;
	}

	#s4-bodyContainer { padding: 0px 5px 0px 5px; }

	.searchbox { float: none; }
}

@media (max-width: 600px) {
	.ms-core-pageTitle {
		font-size: 1.25em;
		white-space: normal;
	}
}

@media (max-width: 479px) {
	#suiteBar {
		display: table-row;
		height: 30px;
	}

	#suiteBarLeft, #suiteBarRight {
		display: table-cell;
		width: 100%;
	}
}

/*end responsive*/

/*bootstrap resets for SharePoint - Ugo Brunet, RioLinx*/

h3.ms-standardheader { line-height: 20px; }