﻿
/* add the following CSS to reposition the SharePoint ribbon bar and the site's wrapper.*/
/*html.has-ribbon .mdgov-entNav,
html.has-ribbon .mdgov-navBar__nav,
html.has-ribbon .mdgov-notifications*/
/*html.has-ribbon .mdgov-bodynotifications */ /*Commented to position Agency Alerts correctly in authoring env. */
/*{
    top: 45px;
}*/

/* Global Styles */
html[data-useragent*='Trident/7.0'] *:focus {
	outline: 1px dotted #FFF;
}

.mdgov-entNav__btn {
	min-width: 0px;
}

@media screen and (max-width: 359.98px) {
	.mdgov-entNav__logo {
		max-width: 140px;
	}

	.mdgov-entNav__logo img {
		max-width: 100%;
		height: auto;
	}
}

/*custom styles for top nav*/ 
.global-nav {
	width: 100%;
	/* height: 67px; */
	padding: 7px 0px;
	background: #E9ECEF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1; 
	z-index: 1;
} 

/*custom styles for list webpart search bar*/
div[id*="inplaceSearchDiv_"] { 
	width: 100% !important;
} 

input[id*="inplaceSearchDiv_"] { 
	width: 97% !important;
}

/* hide first element */
.global-nav a[accesskey="1"] {
	display: none;
}

.global-nav #DeltaTopNavigation {
	display: inline-block;
	width: 100%; 
	height: 100%;
}

.global-nav .TopNavigationMenu {
	width: 100%;
	height: 100%;
}

.ms-rtestate-field img {
	max-width: 100%;
}

.mdgov-outerWrap {
	margin-top: 0px;
}

/* SharePoint Overrides */
html.has-ribbon #suiteBarDelta {
	position: relative;
	z-index: 10001;
}

html.has-ribbon #mdgov-accessMenu {
    top: 150px;
}

html.has-ribbon .mdgov-entNav {
    top: 85px;
}

html.has-ribbon .mdgov-outerWrap {
    /*margin-top: 60px;*/
}

@media screen and (max-width: 768px) {
	html.has-ribbon .mdgov-outerWrap {
		/*margin-top: 50px;*/
	}
}

/* Link colors are showing blue in authoring due to corev4.css file. Change them to white.*/
.mdgov-masthead a:link {
    color: #fff;
}

.mdgov-masthead a:visited {
    color: #fff;
}

#mdgovFooter a:link {
    color: rgba(255,255,255,0.65);
}

#mdgovFooter a:visited {
    color: rgba(255,255,255,0.65);
}

/*
Make headers black instead of blue
Make links blue, add in on hover and visited states
*/

h1, h2, h3, h4, h5, h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6 {
	color: #000000;
}

em strong,
strong em {
	font-weight: 600;
	font-style: italic;
}

	.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
		color: #000000 !important;
	}

#mdgovMain a:link {
	color: #c8122c;
}

#mdgovMain a:visited {
	color: #c8122c;
}

#mdgovMain a:hover {
	color: #820c1d;
	cursor: pointer;
}

#mdgovMain .ms-rtestate-field a:link {
	color: #c8122c !important;
}

#mdgovMain .ms-rtestate-field a:visited {
	color: #c8122c !important;
}

#mdgovMain .ms-rtestate-field a:hover {
	color: #820c1d !important;
	cursor: pointer;
}


/* Since left navbar is inside #mdgovMain for 3 col page layouts, its link color needs to revert to black. */
#pageSectionNav a:link {
	color: #000;
}

#pageSectionNav a:visited {
    color: #000;
}

html.has-ribbon #MSO_tblPageBody {
	table-layout: auto;
}

.mdgov-navBar__search {
	display: flex;
	margin: 0;
	max-width: 100%;
	padding: 1rem;
}

	.mdgov-navBar__search .mdgov-search {
		max-height: 51px;
		margin: auto 0;
		width: 100%;
	}

	.mdgov-navBar__search .ms-srch-sb-navLink {
		display: none;
	}

#mdgovMain a.mdgov-sectionNav__toggle {
	color: #ffffff !important;
}

body #s4-ribbonrow {
	position: relative;
	z-index: 1001;
	overflow: visible !important;
	height: 35px;
	line-height: normal;
	background-color: rgba( 239,239,239,0.78 );
}

    body #s4-ribbonrow *,
    body #s4-ribbonrow *:before,
    body #s4-ribbonrow *:after {
        -webkit-box-sizing: content-box;
        /*  box-sizing: border-box;*/
    }

/* To align the top Enterprise header & to disable the Site Settings menu */
html.has-ribbon #header_container {
    height: 0px;
}

/* To allow scrolling in anonymous and mobile view */
body #s4-workspace {
    height: calc(100vh - 60px);
	margin-top: 60px;
}

@media screen and (max-width: 768px) {
	body #s4-workspace {
		height: calc(100vh - 50px);
		margin-top: 50px;
	}
}

/*body #s4-workspace {
    overflow-y: auto !important;
    overflow-x: auto !important;
}*
/*To enable responsive design in authoring sites where corev4.css is loaded*/
body #s4-bodyContainer {
    min-width: 0px;
	padding-bottom: 0px;
}

/*Fix for the Edit webpart menu on the right not displaying.*/
.ms-ToolPaneOuter {
    position: relative;
    z-index: 1003;
    top: 11px;
}

.ms-ToolPaneOuter *,
.ms-webpart-chrome-title *,
[xmlns\:sharepoint] * {box-sizing: content-box;}{
	box-sizing: content-box;
}

#spPropertyPaneContainerNoFlexbox {
    z-index: 1001 !important;
}

#spPropertyPaneContainerNoFlexbox div[class^=propertyPaneTitleBar] {
    height: auto !important;
}

div.ms-webpart-zone,
div.ms-webpart-cell-vertical-inline-table {
    table-layout: fixed;
}

/*Styles for Nav Heading */
.mdgov-navBar {
    background-color: rgba(0,0,0,0.8);
}

#nav-container {
	flex: 1 1 auto;
}

#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul {
	display: flex;
	justify-content: flex-start;
}

#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li.active > a,
#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li > a:hover,
#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li > a:active,
#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li > a:focus {
	background-color: rgba(255,255,255,0.25) !important;
}

.mdgov-hero--shaded {
    background-color: rgba(0,0,0,0.35);
}

.mdgov-agency__name {
    max-width: 100%;
}

.bg-highlight a {
	color: #a4062e !important;
}

.bg-highlight .ms-rtestate-field h4, 
.bg-highlight h4.ms-rteElement-H4 {
	color: #000000 !important;
}

/*Styles for Site logo and site name. Replacement for .mdgov-hero__brand style due to page not working in SharePoint designer*/
@media screen and (min-width: 992px) {
	/* global nav styles */
	
	.global-nav .TopNavigationMenu .root {
		width: 100%;
		padding: 0;
		display: flex !important;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.global-nav a.static.selected {
		margin: 0;
		color: #FFFFFF;
		padding: 16px 32px;
		background-color: rgba(0,0,0,0.8);
		border: none;
	}

		.global-nav a.static.selected:hover {
			margin: 0;
			color: #FFFFFF;
			padding: 16px 32px;
			background-color: rgba(0,0,0,0.8);
			border: none;
		}


		.global-nav a.static.selected.menu-item {
			margin-right: 32px;
		}

		.global-nav a.static.selected .menu-item-text {
			font-style: normal;
			font-variant: normal;
			font-weight: 500;
			font-size: 17px;
			letter-spacing: 0px;
			color: #FFFFFF;
		}

	.global-nav a.static.menu-item {
		text-align: left;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		font-size: 17px;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1; 
		padding: 16px 32px; 
		margin: 0; 
		font-family: "Montserrat", sans-serif;
	}

	.global-nav a.static.menu-item:hover {
		background-color:rgba(0, 0, 0, 0.25); 
		color: #FFFFFF;
	}

	.global-nav ul.static {
		padding: 0;
	}
	/* Second level menu css issue fix */
	.dynamic-children span {
		text-align: left;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		font-size: 17px;
		letter-spacing: 0px;
		color: #000000;
		opacity: 1;
		/* padding: 16px 32px;*/
		padding-left: 8px;
		margin: 0;
		font-family: "Montserrat", sans-serif;
	}

	.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
		padding-right: 16px !important;
	}

	ul.dynamic li:hover {
		background-color: rgba(0, 0, 0, 0.25);
	}
	/* Second level menu css issue fix */ 

	#globalNavBars {
		display: none;
	}

	#globalNavClose {
		display: none;
	}

	#mobileNav-container {
		display: none;
	}

	.mdgov-agency {
		max-width: 600px;
	}

	#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li {
		max-width: 100%;
	}

	.hero_brand {
		width: auto;
		min-height: 167px;
	}
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
	.mdgov-navBar__search {
		width: 100%;
	}

	html[data-useragent*='Trident/7.0'] #nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li {
		flex: 0 1 100%;
	}
}

@media screen and (min-width: 1200px) {
	.mdgov-agency {
		font-size: 1.2rem;
		max-width: 800px;
	}

	.mdgov-navBar__search {
		flex: 1 1 auto;
	}

	#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li {
		max-width: 194px;
	}
}

@media screen and (min-width: 1530px) {
	.mdgov-agency {
		max-width: 950px;
	}

	#nav-container #mdgovLeftNav.mdgov-navBar__nav > ul > li {
		max-width: 100%;
	}
}

.hero_brand {
    flex: 0 1 auto;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
    text-decoration: none !important;
    color: #fff;
    position: relative;
}

.o365cs-nav-leftAlign {
    visibility: hidden;
}

#searchInputBox {
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px;
}

@media (max-width: 991.98px) { 
	/* top nav styles */ 
	.global-nav #globalNavBars {
		padding-top: 24px; 
		padding-left: 36px;
		font-size: 24px; 
		color: #C8122C;
	} 

	.global-nav #globalNavClose {
		padding-top: 24px; 
		padding-left: 36px;
		font-size: 24px; 
		color: #C8122C;
	}

	.global-nav .TopNavigationMenu .root {
		background: #E9ECEF 0% 0% no-repeat padding-box;
		width: 100%; 
		margin-top: 17px;
		box-shadow: 0px 3px 6px #00000048; 
		padding-left: 0px;
	}
	
	.global-nav .menu-item {
		width: 90%; 
		margin-left: 34px;
		padding-top: 22px; 
		padding-bottom: 22px;
		border-bottom: 2px solid #cdcdcd !important;
	}
		
	.global-nav .menu-item-text {
		color: #000000;
		font-style: normal; 
		font-variant: normal; 
		font-weight: normal; 
		font-size: 17px;
		letter-spacing: 0px; 
		font-family: "Montserrat", sans-serif;
	}
	
	.global-nav li.static {
		width: 100%;
	} 
	
	.global-nav ul.static {
		padding-left: 0px;
		width: 100%;
	}

    #nav-container {
        display: none;
    }

	/*
	#mobileNav-container {
		display: none;

	}
	.js-nav #mobileNav-container {
		display: block;
	}
	*/

	.js-nav #mobileNav-container #mdgovLeftNav {
		height: 100% !important;
		transition: transform 500ms ease, height 1ms linear;
	}

	#mobileNav-container #mdgovLeftNav {
		height: 1px !important;
		transition: transform 500ms ease, height 1ms linear 500ms;
	}

	.mdgov-hero--shaded {
		background-color: #C8122C;
	}

    .mdgov-hero__heading {
        margin: 1rem;
		flex: 1 1 0%;
    }

	#socialLinks-container {
		flex: 0 0 100%;
	}

	html.has-ribbon #mdgovLeftNav {
		top: 85px !important;
	}
}

/* Left/Right Column Responsive Fonts */
.left-col, .right-col {
	font-size: 1vw;
}

	.left-col *, .right-col * {
		font-size: 1em;
	}

	.left-col h1, .right-col h1 {
		font-size: 2.5em;
	}

	.left-col h2, .right-col h2 {
		font-size: 1.8em;
	}

	.left-col h3, .right-col h3 {
		font-size: 1.5em;
	}

	.left-col h4, .right-col h4 {
		font-size: 1.25em;
	}

@media (min-width: 1600px) {
	.left-col, .right-col {
		font-size: 16px;
	}
}

@media (max-width: 1099.98px) {
	.left-col, .right-col {
		font-size: 11px;
	}
}


	/* Added styles for site navigation in inner page layouts */
	#pageSectionNav .ms-core-sideNavBox-removeLeftMargin {
		margin-left: 0px;
	}

	#pageSectionNav ul {
		list-style: none;
		padding: 0px;
	}

		#pageSectionNav ul li .menu-item {
			position: relative;
			border-bottom: 1px solid #cdcdcd;
			font-size: 1.25em;
			font-family: "Montserrat", sans-serif;
			padding: 1em 1.1em;
			word-wrap: break-word;
			overflow: hidden;
			text-overflow: ellipsis;
		}

			#pageSectionNav ul li .menu-item .menu-item-text {
				color: #C8122C !important;
				font-weight: 600;
				word-wrap: normal;
				word-break: break-word;
			}

			#pageSectionNav ul li .menu-item:hover {
				background: transparent;
			}

			#pageSectionNav ul ul li .menu-item .menu-item-text {
				color: #000000 !important;
				font-weight: normal;
			}

			#pageSectionNav ul ul li .menu-item:hover .menu-item-text {
				background-color: transparent;
				font-weight: 600;
			}

	#pageSectionNav .ms-core-listMenu-selected {
		background: transparent;
	}

	#pageSectionNav ul ul li .ms-core-listMenu-item {
		padding-left: 25px;
	}

		#pageSectionNav ul ul ul li .ms-core-listMenu-item {
			padding-left: 50px;
		}

@media (min-width: 1400px) {
	#pageSectionNav {
		font-size: 14px;
	}
}

@media (max-width: 767.98px) {
	#pageSectionNav {
		font-size: 14px;
	}
}

		/* 
Changes to the homepage: 

change colors for alerts
add on hover effect to the footer links
swap positions of the two boxes in the footer
replace search bar with Share Point bar
change color of buttons and text on buttons in footer
add in hover effect for footer buttons and More Information link
header text styling
add tab color for search icon
make page name text smaller (1.8em)
correct color for hover on footer buttons
add tab control to footer buttons
change font size so that webpart headers will size to mobile
change hover state for footer links
change font-size for webpart headers at certain mobile screen sizes
text for webpart headers will wrap starting from 360px to 575.98px
webpart header text on any screen under 359.98px will wrap
set webpart header color when the webpart is a link
*/

	.mdgov-agency {
		color: #ffffff !important;
	}

	.mdgov-agency__name {
		font-size: 1em;
	}

	.mdgov-agency a {
		font-size: 1.2rem;
		font-weight: 400;
		color: #ffffff !important;
	}

	.mdgov-agency__name a {
		color: #fff;
		font-size: 1.8em;
		font-weight: 600;
		text-transform: none;
		text-decoration: none !important;
		color: #ffffff !important;
	} 
		.mdgov-agency__name a:hover {
			text-decoration: underline;
		}

	/* moved down to prevent 1.8em overriding */
	@media (max-width: 767.98px) {
		html.has-ribbon #mdgovLeftNav {
			top: 75px !important;
		}

		.mdgov-hero__logo img, .mdgov-hero__logo__brand__logo {
			max-height: 57px;
		}

		.mdgov-agency__name {
			margin-top: 0px;
		}

		.mdgov-agency__name a {
			font-size: 28px;
			line-height: 36px;
		}
	}

	@media (max-width: 576px) {
		.mdgov-hero__logo img, .mdgov-hero__logo__brand__logo {
			max-height: 46px;
		}

		.mdgov-agency__name {
			margin-top: 0px;
		}

		.mdgov-agency__name a {
			font-size: 23px;
			line-height: 27px;
		}

		.mdgov-hero { 
			align-items: flex-start;
		}
	}

		.mdgov-agency__name a:hover {
			text-decoration: none !important;
		}

	.mdgov-footer__middle, .mdgov-footer__bottom {
		background-color: #C8122C;
	}

	body {
		background-color: #FFFFFF;
	}

	a.btn-block.btn-primary {
		color: #fff !important;
		background-color: #C8122C !important;
		border-color: #C8122C !important;
	}

	a.btn.btn-block.btn-link.text-center {
		color: #C8122C !important;
	}

	.btn-block.btn-primary:focus {
		outline: 2px solid black;
		outline-style: auto;
	}

	a.btn.btn-block.btn-link.text-center:focus {
		outline: 2px solid black;
		outline-style: auto;
	}

	.alert {
		padding-top: 18px;
	}

	.alert-warning {
		color: #ffffff;
		background-color: #C24400 !important;
	}

	.alert-success {
		color: #ffffff;
		background-color: #008000;
	}

	.alert-info {
		color: #ffffff;
		background-color: #0371BA;
	}

	.alert-danger {
		color: #ffffff;
		background-color: #E00000;
	}

	.alert-icon {
		color: #ffffff !important;
	}

	.alert a {
		color: #ffffff !important;
	}

	.alert-dismissible .close {
		color: #ffffff !important;
		font-weight: bold !important;
		opacity: 1;
	}


	.ms-helperText, input.ms-helperText {
		color: #545454;
		font-size: 20px;
	}

	.mdgov-search {
		background-color: #ffffff !important;
		display: flex;
		flex-flow: row nowrap;
		height: 100%;
	}

		.mdgov-search .ms-webpart-chrome {
			display: flex;
			width: 100%;
		}

			.mdgov-search .ms-webpart-chrome .ms-WPBody {
				display: flex;
				width: 100%;
			}

	mdgov-search .ms-webpart-chrome .ms-WPBody > div {
		display: none;
	}

	.mdgov-search .ms-webpart-chrome .ms-WPBody > div:first-child {
		display: flex;
		width: 100%;
	}

	.ms-srch-sb > input {
		flex-basis: 100%;
		width: 100%;
		line-height: 1;
		margin: 0;
		padding: 1rem 0 1rem 1rem;
		background-color: transparent;
	}

	.mdgov-search #SearchBox .ms-srch-sb > input {
		height: 100%;
		width: 100%;
		font-size: 20px;
	}

	.ms-srch-sb > .ms-srch-sb-searchLink {
		margin: 0;
		height: 100%;
		width: 100%;
	}

	.ms-srch-sb-border {
		border: none !important;
	}

	.ms-srch-sb-borderFocused {
		border: none !important;
	}

	.mdgov-search #SearchBox {
		width: 100%;
	}

		.mdgov-search #SearchBox .ms-srch-sb {
			width: 100%;
			height: 51px;
			display: flex;
			flex-flow: row nowrap;
		}

	.ms-srch-sb-searchImg {
		display: none;
	}

	.ms-srch-sb-searchLink:hover {
		background: #E3E3E3;
	}

	.ms-srch-sb > .ms-srch-sb-searchLink:focus {
		background-color: #E3E3E3
	}

	.ms-srch-sb > .ms-srch-sb-searchLink {
		border: none !important;
		padding: 1rem 1.5rem;
		display: inline-block;
		margin: 0;
		height: 100%;
		vertical-align: middle;
		text-align: center;
		line-height: 1.5;
		width: auto;
	}

	.ms-srch-sb-searchLink:before {
		color: #545454;
		background-color: #ffffff;
		content: "\f002";
		font-family: "Font Awesome 5 Pro";
		display: inline-block;
		font-weight: 800;
		white-space: nowrap;
		vertical-align: middle;
		line-height: 1;
		background: transparent;
	}

	.mdgov-footer__middle a {
		color: #ffffff !important;
	}

	.mdgov-footer__bottom a:hover {
		color: rgba(255,255,255,0.65) !important;
	}

	.btn-block.btn-primary:hover {
		transition: all .15s ease-in;
		background-color: #a50f24 !important;
		border-color: #990e22 !important;
	}

	.btn.btn-block.btn-link.text-center:hover {
		color: #820c1d !important;
		transition: all .15s ease-in;
	}

	.ms-webpart-chrome-title h2 {
		font-family: Montserrat !important;
		font-size: 2.8em !important;
		font: normal normal medium !important;
		text-align: center !important;
		opacity: 1;
		color: #000000 !important;
	}

	#mdgovMain .ms-webpart-chrome-title h2 a:link,
	#mdgovMain .ms-webpart-chrome-title h2 a:visited{
		color: #000000 !important;
	}

		.ms-webpart-chrome-title h2:before,
		.ms-webpart-chrome-title h2:after {
			background-color: #C8122C;
			content: "";
			display: inline-block !important;
			height: 2px !important;
			position: relative !important;
			vertical-align: middle !important;
			width: 5%;
		}

		.ms-webpart-chrome-title h2:before {
			right: 0.3em !important;
			margin-left: 10px !important;
		}

		.ms-webpart-chrome-title h2:after {
			left: 0.3em !important;
			margin-right: 10px !important;
		}

	@media only screen and (max-width: 359.98px) {
		.ms-webpart-chrome-title h2 {
			font-size: 1.8em !important;
		}

		.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
			white-space: normal !important;
		}

		nobr {
			white-space: normal;
		}

		.ms-webpart-chrome-title h2:before,
		.ms-webpart-chrome-title h2:after {
			display: none !important;
		}
	}

	@media only screen and (max-width: 575.98px) {
		.ms-webpart-chrome-title h2 {
			font-size: 1.8em !important;
		}

		.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
			white-space: normal !important;
		}

		nobr {
			white-space: normal;
		}

		.ms-webpart-chrome-title h2:before,
		.ms-webpart-chrome-title h2:after {
			display: none !important;
		}

		.mdgov-agency span {
			display: none;
		}
	}

	@media only screen and (min-width: 576px) and (max-width: 767.98px) {
		.ms-webpart-chrome-title h2 {
			font-size: 1.8em !important;
		}
	}

	@media only screen and (min-width: 768px) and (max-width: 991.98px) {
		.ms-webpart-chrome-title h2 {
			font-size: 1.8em !important;
		}
	}

	.container-fluid {
		max-width: 100%;
	}

	@media screen and (min-width: 1366px) {
		.container-fluid {
			max-width: 90%;
		}
	}

/*
Changes to the Social Links:
Make all social link icons in the module black
On hover of the social link icons in the module, make #C8122C
Once visited, social links on homepage remain white when the user comes back to Homepage
Once visited, social links in module remain black after user comes back to module
Add header style from primary to system-custom
*/

	.list-group-item-action {
		color: #000 !important;
	}

	.mdgov-social__icon:visited {
		color: #ffffff;
	}

	.mdgov-iconList a:hover {
		color: #C8122C !important;
	}

	.mdgov-iconList a:visited {
		color: #000;
	}

	header.mdgov-masthead {
		z-index: 1000 !important;
	}

/* SharePoint List View Style Overrides */
.ms-listviewtable {
	display: table;
	position: relative;
	left: 0px !important;
	border-spacing: 0 30px;
	width: 100%;
	font-family: "Montserrat",sans-serif;
	position: relative;
	box-shadow: 0 3px 10px rgba(0,0,0,0.12);
	padding: 18px 14px;
	z-index: 0;
}

	.ms-listviewtable a:link,
	.ms-listviewtable a:visited {
		color: #C8122C !important;
	}

	/* Hide Select Row Column */
	.ms-listviewtable th.ms-vh-selectAllIcon,
	.ms-listviewtable td.ms-vb-itmcbx {
		display: none;
	}

	/* Hide Edit Item Column */
	.ms-listviewtable th[aria-label='Open Menu'],
	.ms-listviewtable td.ms-list-itemLink-td {
		display: none;
	}

	/* Heading Styles */
	.ms-listviewtable thead {
	}

		.ms-listviewtable thead tr {
			padding: 11px 14px;
		}

			.ms-listviewtable thead tr th {
				font-size: 16px;
				font-weight: 600;
				color: #000000 !important;
				border-bottom: 3px solid #C8CACC;
				transform: translateY(-30px);
				position: relative;
				z-index: 100;
			}

	.ms-listviewtable th div.ms-vh-div {
		padding: 14px 35px 14px 18px !important;
		margin-bottom: 10px;
	}

th.ms-vh .s4-ctx,
th.ms-vh2 .s4-ctx,
td.ms-vb-title .s4-ctx {
	display: none;
}

.ms-listviewtable th.ms-headerCellStyleHover,
.ms-listviewtable th.ms-headerCellStylePressed,
.ms-listviewtable th.ms-headerCellStyleMenuOpen {
	background: transparent;
}

.ms-listviewtable th.ms-vh:hover > div.ms-positionRelative,
.ms-listviewtable th.ms-vh2:hover > div.ms-positionRelative {
	display: none;
}

.ms-listviewtable th.ms-vh div.ms-vh-div:hover,
.ms-listviewtable th.ms-vh2 div.ms-vh-div:hover {
	position: relative;
	background: rgba(200,18,44,.13);
	border-radius: 2px;
	cursor: pointer;
}

	.ms-listviewtable th.ms-vh div.ms-vh-div:hover:after,
	.ms-listviewtable th.ms-vh2 div.ms-vh-div:hover:after {
		position: absolute;
		top: 15px;
		right: 15px;
		content: '\f078';
		font-family: 'Font Awesome 5 Pro';
	}

.ms-listviewtable th.ms-vh a.ms-headerSortTitleLink,
.ms-listviewtable th.ms-vh2 a.ms-headerSortTitleLink {
	font-size: 16px;
	font-weight: 600;
	color: #000000 !important;
}

.ms-listviewtable .ms-core-menu-box {
	z-index: 1000;
}

/* Row Styles */
.ms-listviewtable tbody {
	transform: translateY(-45px);
}

.ms-listviewtable > tbody > tr {
	padding: 11px 14px;
	box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);
	border-radius: 4px;
	position: relative;
}

.ms-listviewtable tbody tr + tr:after {
	content: '';
	height: 1px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0px;
	background-color: #C8CACC;
	margin: -15px 0 0;
}

.ms-listviewtable td {
	padding: 14px 18px;
}

	.ms-listviewtable td a {
		content: 'link';
	}

	.ms-listviewtable td .ms-vg {
		padding: 0px !important;
	}

	.ms-listviewtable td div.ms-vb.ms-tableCell {
		display: flex;
	}

	.ms-listviewtable td div.ms-list-itemLink {
		display: none;
	}

.ms-listviewtable .ms-itmHoverEnabled * {
	background: transparent !important;
	border: none !important;
}

/* List Pagination Styles */
.ms-bottompaging {
	display: inline-block;
	float: right;
	margin: 0 14px;
	transform: translateY(-65px);
	border: 1px solid #ADACAC;
	border-radius: 4px;
	font-family: "Montserrat",sans-serif;
	font-size: 16px;
	line-height: 27px;
	color: #575757;
	max-width: Calc(100% - 28px);
}

	.ms-bottompaging * {
		box-sizing: initial;
	}

	.ms-bottompaging .ms-bottompagingline {
		padding: 0px !important;
	}

	.ms-bottompaging .ms-bottompagingline1 {
		display: none;
	}

	.ms-bottompaging .ms-bottompagingline td.ms-paging {
		padding: 0px 7px;
	}

	.ms-bottompaging a.ms-promlink-button {
		border: none;
		padding: 0px;
		height: auto;
		width: 20px;
		display: flex;
	}

		.ms-bottompaging a.ms-promlink-button:hover {
			text-decoration: none;
			background: transparent;
		}

	.ms-bottompaging .ms-promlink-button-image {
		display: none;
	}

	.ms-bottompaging a:before,
	.ms-bottompaging a:after {
		display: flex;
		width: 100%;
		height: 100%;
		font-family: 'Font Awesome 5 Pro';
		font-weight: 600;
		color: #575757;
		justify-content: center;
	}

	.ms-bottompaging .ms-promlink-button[title="Previous"] {
		margin-left: 2px;
	}

	.ms-bottompaging a.ms-promlink-button[title="Previous"]:before {
		content: '\f053';
	}

	.ms-bottompaging .ms-promlink-button[title="Next"] {
		margin-right: 2px;
	}

	.ms-bottompaging a.ms-promlink-button[title="Next"]:before {
		content: '\f054';
	}

/* List Inline Search */
.ms-InlineSearch-DivBaseline {
	margin: 0px;
}

	.ms-InlineSearch-DivBaseline .ms-InlineSearch-Outline-Baseline {
		height: 24px;
	}

	.ms-InlineSearch-DivBaseline .ms-helperText {
		font-size: 0.9em;
	}

.ms-InlineSearch-SearchStatus {
	display: none;
}

/* Other List Styles */
.ms-dragDropAttract {
	display: none;
}

table.ms-listviewtable table > tbody {
	transform: none;
}

table.ms-listviewtable tbody tr.ms-viewheadertr ~ tr:nth-of-type(2n) {
	display: none;
}

table.ms-listviewtable tbody tr.ms-viewheadertr ~ tr.ms-newsletteralt {
	display: table-row !important;
}

table.ms-listviewtable tbody tr[style='font-size: 6px'] {
	display: none;
}

td.ms-stylebox {
	padding: 0px;
	border: none !important;
}

	td.ms-stylebox table {
		width: Calc(100% - 40px);
		border: 1px solid #C8CACC;
		margin: 20px;
	}

		td.ms-stylebox table tr {
			padding: 0px;
			box-shadow: none;
			border-radius: none;
		}

			td.ms-stylebox table tr + tr:after {
				display: none;
			}

.ms-listviewtable table[id^='previewpanetable'] tr:after {
	display: none;
}

.ms-listviewtable tbody[id^='GroupByCol'] {
	display: none;
}

/* IE 11 List Style Overrides */
html[data-useragent*='Trident/7.0'] .ms-bottompaging {
	transform: translateY(-40px);
	max-width: 100%;
	margin: 0 -14px;
}

html[data-useragent*='Trident/7.0'] .ms-listviewtable > tbody > tr {
	box-shadow: none;
}

