/* ========== bootstrap 3 resets for SharePoint*/
/*border-box causes many issues with SP*/





*, *:before, *:after {
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box;
	/*box-sizing: content-box;*/
}
/*reset elements that B3 is expecting to be border-box*/
* [class^="col-"], * [class^="col-"]:before, * [class^="col-"]:after,
.container, .container:before, .container:after,
.row, .row:before, .row:after,
.nav *, .navbar-toggle, .table, .table-responsive, .form-control, .btn-block, .caret, .dropdown-menu, .navbar-toggle, .page-navigation *, .icon-bar, .breadcrumb, .progress-bar, .modal-dialog,
legend, fieldset, code, pre
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: none;
	width: auto;
}
* [class^="col-"] img {
	max-width: 100%; /*for images inside span grid*/
}
#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img, .ms-core-menu-icon > img {
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}
.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}
input.ms-cui-cb-input {
	height: 14px;
    padding: 3px 7px 2px;
}
select, input[type="file"] {
    height: auto;
    line-height: 20px;
}
label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
}
.navbar-toggle {
	min-width: 0px;
}
/*end bootstrap resets*/

/*SharePoint overrides some B3 classes, reset back*/
.container {
	background-color: transparent;
	border: 1px transparent none;
	color: inherit;
	margin: 0px auto;
	width: auto;
}
/*end SP resets*/

/*template styles*/
/*Main SP containers*/
/*end Main SP containers*/
#s4-bodyContainer {
	width: auto !important;
}
/* ========== ribbon*/ 
#suiteBar {
	display: block;
	height: 60px;
}
#suiteBarLeft, #suiteBarRight {
    display: inline-block;
    width: 100%;
}
#suiteBarRight .ms-core-deltaSuiteBarRight {
	float: right;
}
#s4-ribbonrow [class*="col-"] {
    float: none;
    margin-left: 0px;
}
#pageStatusBar[class], .ms-status-msg {
	margin-bottom: 0px;
}
#suiteBarLeft {
    background-color: #333;
}
.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;
    height: 14px;
    padding: 3px 7px 2px;
    white-space: nowrap;
    font-size: inherit;
}
/* ========== header*/
#pageHeaderContent.container {
    padding:0;
    }
.header {
	/*margin-top: 10px;*/
}
.headtitle {
	margin-left: 0;
}
#pageTitle {
	margin: 0px 0px 5px;
	font-size: 2em;
}
/* ---------- breadcrumb*/
ul.s4-breadcrumb, 
ul.s4-breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none inside none;
    display: inline-block;
}
ul.s4-breadcrumb {
    font-size:0.929em;
    text-transform:uppercase;
    padding:34px 0 24px;
    line-height:1;
}
/*
ul.s4-breadcrumb .s4-breadcrumb-arrowcont {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url('../img/glyphicons-halflings.png') no-repeat -262px -92px;
}
ul.s4-breadcrumb .s4-breadcrumb-arrowcont img {
    display: none !important;
}
ul.s4-breadcrumb > li:first-child > span.s4-breadcrumb-arrowcont {
	display: none;
}
*/
#titleArea .s4-breadcrumb-arrowcont {
    display:none;
    }
ul.s4-breadcrumb a.s4-breadcrumbCurrentNode {
    color: #000;
    }

ul.s4-breadcrumb li {
    display:inline-block;
    }
ul.s4-breadcrumb a {
    padding:8px;
    color:#000;
    }
ul.s4-breadcrumb a.s4-breadcrumbCurrentNode {
    font-style: italic;
    font-weight: bold;
    text-transform: none;
}    
ul.s4-breadcrumb a.s4-breadcrumbRootNode {
    padding-left:0;
    }
    
/* end breadcrumb*/

/* ---------- search box*/
.masthead .searchbox {
	display: block;
	float: none;
	clear: both;
}
.ms-srch-sb > .ms-srch-sb-navLink {
  position:relative;
  z-index:1;
}
/*end search box*/
/*end header*/

/* ========== top nav */
.navbar .nav ul {
	margin: 0px;
}
.navbar .nav li {
	list-style: none inside none;
	position: relative;
}
.navbar .nav.ms-core-listMenu-horizontalBox li.static > a {
    color: #eee;
    float: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: none;
}
.navbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    margin: 0px;
}
.navbar .nav li.static > .ms-core-listMenu-item {
	margin: 0px 15px 9px 0px;
}

/*
.navbar .navbar-inverse .nav li.static > a.selected,
.navbar .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-default{
    background-color:#fff;
    border:0 none;
    border-color:transparent;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border:0 none;
    border-color:transparent;
    width:auto;
}

/*
#topnavbar > .navbar-inner > .container {
	background: transparent;
	border: none;
	margin: 0px;
}
*/

/*edit nav nodes inline*/
.navbar .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink {
    margin-left: 0px;
}
.navbar .ms-navedit-editLinksText {
	display: block;
}
.navbar .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText > span > .ms-metadata {
    color: #eee;
}
.navbar .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText .ms-verticalAlignMiddle {
    vertical-align: inherit;
}
.navbar .ms-navedit-editLinksIconWrapper {
    margin-bottom: -3px;
}
.navbar .nav.ms-core-listMenu-horizontalBox li.static > span .ms-core-listMenuEdit .ms-navedit-linkCell,
.navbar .nav.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenuEdit .ms-navedit-linkCell {
	padding: 0px;
}
.navbar .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenuEdit .ms-navedit-deletelinkCell {
    padding-right: 0px;
}
.navbar .nav.ms-core-listMenu-horizontalBox .ms-navedit-editLinksText,
.navbar .nav.ms-core-listMenu-horizontalBox a.static.ms-navedit-dropNode,
.navbar .nav.ms-core-listMenu-horizontalBox div.ms-navedit-hiddenAppendArea {
    color: #eee;
    float: none;
    padding: 10px 15px;
    text-decoration: none;
    margin: 0px;
    border: none;
    width: auto;
}
.navbar .ms-navedit-hidespan {
	margin: 0px;
}
.navbar .nav.ms-core-listMenu-horizontalBox .ms-navedit-addNewLink {
	padding: 10px;
	margin-top: 0px;
}
.navbar .nav.ms-core-listMenu-horizontalBox .ms-navedit-editButton {
	margin-top: 10px;
	margin-bottom: 10px;
}

#topnav {
    margin-top:10px;
    }
.masthead .navbar {
    position:relative;
    margin:0;
    visibility:hidden;    /* will be unhidden by script after some work */
    }
.masthead .nav ul.root > li.static.ms-listMenu-editLink {
    display:none;         /* hide edit link; use term store manager instead */
    padding:0;
    }
.masthead .navbar .nav {
    margin:0;
    position:relative;
    }
.masthead .nav ul.root {
    display:block;
    padding:0;
    }
.masthead .nav ul.root > li.static > a {
    display:block;
    position:relative;
    margin:0;
    color:#333;
    font:bold 1.142857142857143em/56px arial;    /* 16px / 14 */
    text-transform:uppercase;
    }    
.masthead .nav ul.root > li.static > a .menu-item-text {
    display:block;
    padding:0 20px;
    position:relative;
    }
.masthead .nav ul.root > li.static > a .menu-item-text em,
#sideNavBox ul.root > li.static > a .menu-item-text em {  /* highlighted Popular Links */
    color:#95d600;
    font-style:normal;
    }
.masthead .nav ul.root > li.static > a span.menu-item-text:after {
    content: '|';
    position: absolute;
    right:-2px;
    top:-2px;
    color:#dddada;
    }
    
.masthead .nav ul.root > li.static > a.selected, 
.masthead .nav ul.root > li.static > a:hover,
.masthead .nav ul.root > li.shown > a,
.masthead .nav ul.root > li.shown > a .menu-item-text em {  
    color:#8A8A8A;
    text-decoration:none;
    }
.masthead .nav ul.root > li.static > a:focus,
.masthead .nav ul.root > li.static > a:focus span {
    outline:none;
    }

    
.masthead .nav ul.root > li.static {
    position:static;
    display:block;
    float:left;
    }
.masthead .nav ul.root > li.static:first-child {
    margin-left:0;
    }

    
/* globalnav dropdowns */
/* 1st-level dynamic */
.masthead .nav ul.root li .dynamic-children.additional-background {
    background:none;
    margin:0;
    padding:0; 
    }
.masthead .nav ul.root > li.static > ul.dynamic {    
    display:none;
    background:#fafafa;
    border:1px solid #AEAEAD;
    top:56px!important;   /* don't disconnect from toplevel; otherwise dropdown loses focus and closes */
    margin:0;
    padding:20px 0 20px 5%;
    width:100%!important;
    left:auto!important;
    right:0;
    overflow:hidden;
    box-shadow:none;
    }
/* comment this out:  fadein or slidedown will take care of showing the submenu
.masthead .nav ul.root > li.shown > ul.dynamic {
    display: block;  
    }
*/
.csscolumns .masthead .nav ul.root > li.static > ul.dynamic {
    -moz-columns: 3; 
    -webkit-columns: 3; 
    columns:3;
    padding-right:5%;
    }
.csscolumns .masthead .nav ul.root > li.static > ul.dynamic > li {
    display:block;  /* see http://stackoverflow.com/a/10516788; except setting inline-block messes up the columns with short text */
    margin:0 0 1.5em;
    overflow:hidden;
    }
.no-csscolumns .masthead .nav ul.root > li.static > ul.dynamic > li {
    display:block;
    float:left;
    margin:0 4% 1.5em 0;
    width:29%;
    }
.no-csscolumns .masthead .nav ul.root > li.static > ul.dynamic > li:first-child {
    margin-left:0;
    }
    
    
.masthead .nav ul.root > li.static > ul.dynamic a {
    color: #666666;
    }
.masthead .nav ul.root > li.static > ul.dynamic > li > a {
    font-weight:bold;
    text-transform: uppercase;
    line-height:1.1;
    margin-bottom:0.4em;
    /*white-space:nowrap;*/
    }
.masthead .nav ul.root > li.static > ul.dynamic a:hover {
    text-decoration:underline;
    }

/* 2nd-level dynamic */
.masthead .nav ul.root > li.static > ul.dynamic ul.dynamic {
    display: block;
    position: static;
    background:none;
    border: 0;
    margin:0;
    padding:0;
    box-shadow: 0 0 0;
    }

    
/*end edit nav nodes inline*/
/*end top nav */



/* main content areas */
div.table { 
	margin: 0px; /*added by design manager admin page, ruins rd layout*/
}
.col-md-9 .ms-table {
    display: inherit;
}
.col-md-9 .tableCol-75 {
    display: inherit;
}
#ms-core-tableNoSpace {
	display: block;
}

/* leftnav */
#sideNavBox .ms-core-navigation {
    padding:19px 0;
    border:0;
    border-bottom:5px solid #7D7D7D;
    border-radius:0;
    }
#sideNavBox ul.root > li.static > a {
    font-size:1.142857142857143em;    /* 16px / 14 */
    font-weight:bold;
    text-transform:uppercase;
    color:#333;
    }
#sideNavBox .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    padding-left:20px;
    }
#sideNavBox li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
#sideNavBox li > a.ms-core-listMenu-item:hover,
#sideNavBox li > a.ms-core-listMenu-item:hover em,
#sideNavBox li > a.ms-core-listMenu-item:active {
    background:#95D600;
    color:#fff!important;
    }
#sideNavBox .ms-core-listMenu-verticalBox .ms-listMenu-editLink {
    margin-left:0;
    }
    
/*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^="col-"] .ms-webpart-zone, * [class^="col-"] .ms-webpart-cell-vertical, * [class^="col-"] .ms-webpart-chrome-vertical {
    display: block; /*forces zone to stay within confines of responsive zone*/
}
* [class^="col-"] .ms-WPBody > table, * [class^="col-"] .ms-WPBody > table > tbody, * [class^="col-"] .ms-WPBody > table > tbody > tr, * [class^="col-"] .ms-WPBody > table > tbody > tr > td {
	display: block;
	width: 100%;
}
* [class^="col-"] .ms-WPBody > table img {
	width: 100%; /*reset back to bootstrap for web part images*/
}
.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 {
	margin-bottom: 0px;
	width: auto;
	height: auto;
	line-height: 20px;
}
.ms-ToolPaneBody label {
	display: inline-block;
	margin-bottom: 0px;
}
/*end web part properties*/

/*Gallery Grid in Banner/Homepage2*/
ul.three-up {
	display: block;
	overflow: hidden;
	margin: 0 -8px;
	padding: 0;
}
ul.three-up > li {
	display: block;
	float: left;
	height: auto;
	margin: 0 8px 8px;
	width: 27%;
	list-style: none;
}
ul.three-up > li:nth-child(3n+1) {
	clear: none;
}

/*end web part zones*/
/* end main content areas */
/*Fullscreen*/
.ms-fullscreenmode #mainbody, .b3-fullscreenmode #mainbody {
	margin-left: 0px;
	width: 100%;
}
.ms-fullscreenmode #sideNavBox, .b3-fullscreenmode #sideNavBox {
	display: none;
}
/*end template styles */


/* ========== responsive */

/* --------------------------------------- */
@media (min-width: 768px) {
	/*fix ribbon back to normal*/
    .row1 {
        margin-left:-15px;
        margin-right:-15px;
    }

	#suiteBar {
		display: table-row;
		height: 30px;
	}
	#suiteBarLeft, #suiteBarRight {
		display: table-cell;
		width: 100%;
	}
	#suiteBarRight {
		width: auto;
	}
	#suiteBarRight .ms-core-deltaSuiteBarRight {
		float: none;
	}
	/*end ribbon*/
	
	/*search box*/
	.masthead .searchbox {
		display: block;
		float: right;
		clear: none;
	}
	/*end search box*/
  
  /*topnav*/
  .masthead .nav ul.root > li.static > ul.dynamic ul.dynamic {
    display:block!important;
  }
  /*end topnav*/
	
  /* main body*/
  #mainbody.col-md-9 {
      float:right;
      width:75%;
      margin-top: 14px;
  }
  /*end main body*/
  
  /*left nav */
  #sideNavBox.col-md-3 {
      float: left;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      margin: 14px 0 0 0;
	    width: 25%;
  }
  

  /*end left nav */
}


/* --------------------------------------- */
@media (max-width: 767px) {

  .masthead .navbar .navbar-inner {
      position:absolute;
      top:0;
      right:16px;
      }
  .masthead .navbar-toggle {
      margin-bottom:15px;
      margin-right:0;
      }
  .masthead .navbar-toggle:hover {
      border:1px solid transparent;  /* so there's no jump */
      }
  .masthead .navbar-default .navbar-collapse {
      padding:0;
      overflow:visible;
      }
  .masthead .navbar .nav {
      background:#ddd;
      border:1px solid #aaa;
      box-shadow:0 2px 4px rgba(0,0,0,0.5);
      }
  .masthead .navbar .nav li {
      border-top:1px solid #fff;
      border-bottom:1px solid #aaa;
      }
  .masthead .nav ul.root > li.static > a span.menu-item-text:after  {
      content:'';
      display:none;
      }
  .masthead .nav ul.root a.menu-item {
      line-height:1.2!important;
      padding:12px 0!important;
      margin:0!important;
      }
  .masthead .nav ul.root a.menu-item:focus {
      outline:none;
      }
  .masthead .nav .menu-item-text {
      display:block;
      padding:0 20px;
      }
      
  .masthead .nav ul.root li .dynamic-children .additional-background { 
      padding-right:26px;
      display:block;
      position:relative;
      }
  .masthead .nav ul.root li a.dynamic-children .additional-background:after {
      content:" ";
      display:block;
      height:5px;
      width:7px;
      background:url("/_layouts/15/images/menu-down.gif?rev=23") no-repeat 0 0;
      position:absolute;
      right:10px;
      top:45%;
      }

  .masthead .nav ul.root > li.static > a:hover:after,
  .masthead .nav ul.root > li.static > a.selected:after {
      border:0;
      }
  .masthead .nav ul.root li a:hover,
  .masthead .nav ul.root > li.static > a:hover,
  .masthead .nav ul.root > li.static > a:hover .menu-item-text em,
  .masthead .nav ul.root > li.static > ul.dynamic a:hover {  
      color:#fafafa;
      background-color:#ff5b35;
      text-decoration:none;
      }
      
  .masthead .nav ul.root > li.static {
      float:none;
      white-space:nowrap;
      }
      
  .csscolumns .masthead .nav ul.root > li.static > ul.dynamic,
  .masthead .nav ul.root > li.static > ul.dynamic {
      -moz-column-count: 1; 
      -webkit-column-count: 1; 
      column-count:1;
      padding:0;
      border:0;
      position:static;
      }
  .csscolumns .masthead .nav ul.root > li.static > ul.dynamic > li,
  .no-csscolumns .masthead .nav ul.root > li.static > ul.dynamic > li {
      display:block;
      margin:0;
      float:none;
      margin:0;
      width:auto;
      }
  .masthead .nav ul.root > li.static > ul.dynamic li {
      border-bottom:0;
      border-top:1px dotted #aaa;
      font-size:12px;  /* not using em here so it doesn't keep shrinking */
      }
      
  .masthead .nav ul.root > li.static > ul.dynamic ul.dynamic {
      display:none;
      width:auto!important;
      }
  /* comment this out:  fadein or slidedown will take care of showing the submenu
  .masthead .nav ul.root > li.static > ul.dynamic li.shown ul.dynamic {
      display:block;
      }
  */
  
	/*left nav */
	#sideNavBox.col-md-3 {
	    float: none;
      margin: 0px;
	    width: auto;
	}
  /*end left nav*/
  
}


.table > tbody > tr:hover {
    background: #ffffcc;
}


/*end responsive*/