﻿/* layouts
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* set the overall width of the outermost container */
.container-fluid {
	margin:0 auto;
	max-width:940px;
	padding-left:20px;
	padding-right:20px;
}

/* remove the min-height from wrappers around web part zones in case the zones are empty */
.row-fluid [class*="span"],
[class*="span"] {
	min-height:0;
}



/* border-box causes many issues with SP 
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

*,
*:before,
*:after {
	/* BEGIN box-sizing */
	box-sizing:content-box; /* excludes the padding and border in the width */
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing:content-box; /* Android, Blackberry, iOS, Safari */
	/* END box-sizing */
}



/* re-enable border-box for framework spans
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

*[class^="span"],
*[class^="span"]:before,
*[class^="span"]:after {
	/* BEGIN box-sizing */
	box-sizing:border-box; /* includes the padding and border in the width */
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Android, Blackberry, iOS, Safari */
	/* END box-sizing */
}



/* fix for images
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

img {
	max-width:none;
	width:auto;
}

*[class^="span"] img {
	max-width:100%; /* for images inside span grid */
}

#scriptWPQ2 img,
img.ms-webpart-menuArrowImg,
#applist img,
img.ms-srch-sbLarge-searchImg,
img.ms-srch-pagingNext,
img.ms-srch-pagingPrev,
img#searchImg,
span.ms-status-iconSpan img.ms-status-iconImg {
	/* within a span may still need to have width of image not 100% for SP2013 OOTB features/images */
	max-width:none;
	width:auto;
}



/* fix for site actions
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

.ms-siteactions-imgspan {
	float:none;
	margin:0;
}



/* fix ribbon spans and input
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#s4-ribbonrow [class*="span"] {
	float:none;
	line-height:1.2em;
	margin-left:0;
}

input.ms-cui-cb-input {
	height:14px;
	padding:3px 7px 2px;
}