/*
	NIH CSR theme styles
*/

/* -------------- Element formatting -------------- */


body {
	font-family:"Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1.42857143;
	color:#333;
	background-color:#fff;
	border-bottom:8px solid #8ba84c;
  margin:0;
}

@media print {
	body {
		border-bottom:none;
	}
	a[href]:after {
		content:"";
	}
}


/* Links */
a {
	color:#004fba;
}
a:visited {
	color:#105fca;
}
a:hover, a:focus {
	color:#333;
	text-decoration:none;
}

/* Buttons */
.btn.btn-default {
	border-color:#dbdad3;
	box-shadow:0 3px 4px rgba(0,0,0,.16);
	background-color:#fff;
	font-family:"Droid Serif", "Times New Roman", serif;
	font-size:16px;
	color:#414141;
	border-radius:5px;
}
.btn.btn-default:visited {
	color:#616161;
}
.btn.btn-default:hover, .btn.btn-default:focus {
	background-color:#fff;
	color:#7d9b38;
}

.action .btn { /* Action links for tables */
	padding:12px 36px;
	font-size:16px;
}


/* Paragraphs */
p {
	margin:0 0 1.2em;
	line-height:1.75;
}
.big {
	font-size:18px;
	line-height:1.67;
}
.bigger {
	font-size:20px;
}

@media screen and (max-width:767px) {
	/* Enlarge only on mobile sizes */
	.big-xs {
		font-size:18px;
		line-height:1.67;
	}
	.bigger-xs {
		font-size:20px;
	}
}

.light, .light {
	color:#757575;
}

.lead {
	margin-bottom:20px;
	font-size:18px;
	line-height:1.67;
	/*font-weight:400;
	line-height:1.55;
	color:#6162658*/
}
@media screen and (min-width:768px) {
	.lead {
		font-size:18px;
	}
}


/* Images */
figure.full-width {
	margin-bottom:50px;
}
figure figcaption {
	display:block;
	background-color:#f2f2ed;
	padding:8px 16px;
	font:normal 14px/1.85 "Droid Serif", "Times New Roman", serif;
	color:#757575;
}
@media screen and (max-width:767px) {
	figure.full-width {
		margin-bottom:35px;
	}
	figure figcaption {
		padding:7px 12px;
		font-size:12px;
	}
}

img.thumbnail {
	display:block;
	margin:0;
	padding:0;
	border:none;
	border-top:7px solid #8ba84c;
	border-radius:0;
}
img.thumbnail.pull-left {
	margin:7px 30px 10px 0;
}
img.thumbnail.pull-right {
	margin:7px 0 10px 30px;
}
@media screen and (max-width:767px) {
	img.thumbnail.pull-left,
	img.thumbnail.pull-right {
		float:none !important;
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 0 32px;
	}
}




/* Lists */
ul {
	margin-left:0;
	margin-bottom:1.4em;
	padding-left:0;
	list-style:none;
}
ul > li {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:1.4em;
	padding-left:1em;
	line-height:1.66;
}
	ul > li:last-child {
		padding-bottom:0;
	}
	ul > li:before { /* Custom bullets */
		content:"";
		background-color:#8ba84c;
		display:block;
		position:relative;
		top:.95em;
		left:-1em;
		width:6px;
		height:6px;
		border-radius:6px;
	}

ul > li ul {
	margin-top:1em;
	margin-left:1em;
}
ul > li ul > li:before {
	background-color:#fff;
	width:7px;
	height:7px;
	border:2px solid #8ba84c;
	border-radius:7px;
}

/* Remove bullets */
ul.list-unstyled > li,
ul.list-inline > li {
	padding-bottom:0;
	padding-left:0;
	line-height:1.42857143;
}
ul.list-inline > li {
	padding-left:5px;
}
ul.row.list-unstyled > li { /* Restore grid */
	padding-left:15px;
}

ul.list-unstyled > li:before,
ul.list-inline > li:before {
	content:none;
	display:none;
}


/* List with separators */
ul.list-separate {
	position:relative;
	margin:0;
	padding-bottom:0;
	padding-left:0;
}
	ul.list-separate:before { /* Mask top border of columns */
		content:"";
		display:block;
		position:absolute;
		width:100%;
		height:0;
		left:0;
		top:0;
		border-top:2px solid #fff;
	}

ul.list-separate > li { /* Prevent break within list item */
	margin:0;
	padding:16px 0;
	border-top:1px solid #dbdad3;
	overflow:hidden;
	line-height:1.42857143;
}
	ul.list-separate > li:before { /* Remove default bullets */
		content:none;
		display:none;
	}
	ul.list-separate.two-columns > li:last-child { /* Improve splitting so left column is always taller */
		margin-bottom:10px;
	}

ul.list-separate > li .pull-left {
	width:75%;
}
ul.list-separate > li .pull-right {
	margin-left:10px;
}

@media screen and (max-width:767px) {
	ul.list-separate > li .pull-left {
		float:none !important;
	}
	ul.list-separate > li .pull-right {
		float:none !important;
		margin-left:0;
	}
	ul.list-separate > li .pull-right:before {
		content:" – ";
		color:#333;
		font-weight:normal;
	}
}



/* Linked list */
ul.links {
	margin-bottom:1.3em;
}
ul.links > li {
	padding-bottom:0;
	line-height:1.42857143;
}
ul.links > li:before { /* Carrot */
	content:"\e080";
	background-color:transparent;
	top:1.3em;
	left:-1.7em;
	width:1.3em;
	height:auto;
	border-radius:0;
	color:#757575;
	font-family:'Glyphicons Halflings';
	font-size:10px;
	font-style:normal;
	font-weight:400;
	line-height:.5;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


/* Icon list (use Glyphicons at the start of each list item) */
ul.icons > li {
	padding-bottom:1em;
}
ul.icons > li a { /* Wrap text */
	-ms-word-break:break-all; word-break:break-all; word-break:break-word;
}

@media screen and (max-width:767px) {
	ul.icons {
		text-align:center;
		font-size:18px;
	}
	ul.icons > li {
		padding-bottom:1.2em;
	}
}

ul.icons .glyphicon {
	display:inline-block;
	width:30px;
	margin-top:-6px;
	margin-right:6px;
	text-align:center;
	vertical-align:middle;
	color:#8ba84c;
	font-size:22px;
	line-height:16px;
}

@media screen and (max-width:767px) {
	ul.icons .btn.btn-default.btn-lg { /* Biography email button */
		display:inline-block;
		margin:0 -25px .6em;
		padding:16px 36px;
		width:100%;
		max-width:290px;
		font-size:20px;
	}
}
@media screen and (max-width:350px) { /* Don't break small devices */
	ul.icons .btn.btn-default.btn-lg {
		padding:10px 20px;
		font-size:18px;
	}
}

/* Ordered list */
ol {
	counter-reset:list;
	margin-left:0;
	margin-bottom:1.4em;
	padding-left:0;
	list-style:none;
}
ol > li {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:1.9em;
	padding-left:2em;
	line-height:1.66;
}
	ol > li:last-child {
		padding-bottom:0;
	}
	ol > li:before { /* Stylize list bullet */
		content:counter(list, decimal) ".";
		counter-increment:list;
		display:block;
		position:relative;
		float:left;
		margin-left:-2em;
		width:1.5em;
		text-align:right;
		color:#7d9b38;
		font-weight:bold;
	}
ol > li ol {
	margin-top:1em;
	margin-left:1em;
}

/* Two column lists */
ul.two-columns,
ol.two-columns {
	clear:both;
	-webkit-column-width:auto; -moz-column-width:auto; column-width:auto;
	-webkit-column-count:2; -moz-column-count:2; column-count:2;
	-webkit-column-gap:35px; -moz-column-gap:35px; column-gap:35px;
}
ul.two-columns:after,
ol.two-columns:after { /* Add clearfix for better wrapping */
	display:table;
	content:" ";
}

ul.two-columns > li,
ol.two-columns > li { /* Prevent break within list item */
	-webkit-column-break-inside:avoid; -moz-break-inside:avoid-column; page-break-inside:avoid; break-inside:avoid; break-inside:avoid-column;
}
ul.two-columns > li:last-child,
ol.two-columns > li:last-child { /* Improve splitting so left column is always taller */
	margin-bottom:30px;
}

/* Mobile collapse */
@media screen and (max-width:767px) {
	ul.two-columns,
	ol.two-columns {
		-webkit-column-count:1; -moz-column-count:1; column-count:1;
	}
	ul.two-columns > li:last-child,
	ol.two-columns > li:last-child { /* Undo column split improvement */
		margin-bottom:0;
	}
}

/* Definition lists */
.dl-horizontal dt {
	margin-bottom:0;
	font:normal 17px/1.42857143 "Droid Serif", "Times New Roman", serif;
	color:#757575;
}
.dl-horizontal dd {
	margin-bottom:8px;
	font-size:16px;
	line-height:1.75;
}

@media screen and (min-width:768px) {
	.dl-horizontal dt {
		width:150px;
		margin-bottom:3px;
		line-height:1.75;
		text-align:left;
	}
	.dl-horizontal dd {
		margin-left:160px;
		margin-bottom:3px;
	}
}


/* Separator */
hr {
	margin-top:30px;
	margin-bottom:30px;
	border-top-color:#dbdad3;
}

hr.invisible { /* Force hidden gap between sections */
	margin-top:20px;
	margin-bottom:20px;
}
@media screen and (max-width:767px) {
	hr.invisible {
		margin-top:10px;
		margin-bottom:10px;
	}
}

hr.small { /* Tighten spacing */
	margin-top:10px;
	margin-bottom:10px;
}


/* Highlight color */
.highlight {
	color:#7d9b38;
}
abbr.highlight { /* Department acronyms */
	font-weight:bold;
}


/* Headings */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin-top:0;
	font-family:"Droid Serif", "Times New Roman", serif;
	font-weight:400;
	line-height:1.2;
	color:#414141;
}
h2, .h2,
h3, .h3 {
	margin-bottom:22px;
}
h1.tight, .h1.tight,
h2.tight, .h2.tight,
h3.tight, .h3.tight { /* Tighten spacing */
	margin-bottom:4px;
}

/* Override default sizes */
h1, .h1 {
	font-size:32px;
}
h2, .h2 {
	font-size:26px;
}
h3, .h3 {
	font-size:20px;
}

/* Small tag headings */
h2.tag, .h2.tag,
h3.tag, .h3.tag,
h4.tag, .h4.tag,
h5.tag, .h5.tag,
h6.tag, .h6.tag {
	display:block;
	margin:0 0 4px !important;
	padding:0;
	color:#757575;
	font:bold 16px/1.42857143 "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}


/* Heading icons */
h2.icon:before {
	content:"";
	display:inline-block;
	width:45px;
	height:45px;
	margin:15px 15px 15px 0;
	background:#8ba84c none no-repeat 50% 50%;
	border-radius:5px;
	vertical-align:middle;
}
@media screen and (max-width:767px) {
	h2.icon:before {
		margin-top:0;
		margin-bottom:0;
	}
}

h2.icon-sections:before {
	background-image:url("/sites/default/files/images/icons/folder@2x.png");
	background-position:60% 50%;
	background-size:30px 23px;
}
h2.icon-topics:before {
	background-image:url("/sites/default/files/images/icons/clipboard@2x.png");
	background-position:55% 45%;
	background-size:23px 30px;
}
h2.icon-review:before {
	background-image:url("/sites/default/files/images/icons/check@2x.png");
	background-position:55% 50%;
	background-size:21px 17px;
}
h2.icon-apply:before {
	background-image:url("/sites/default/files/images/icons/pen@2x.png");
	background-size:28px 28px;
}


/* Alerts */
.alert-success {
	color:#fff;
	padding:25px 27px;
	border:none;
	border-radius:0;
	background-color:#7d9b38;
	line-height:1.5;
}
.alert-success .close {
	opacity:1;
	top:-22px;
	right:-15px;
	text-shadow:none;
	font-weight:200;
	font-size:36px;
}
.alert-success.close:hover, .alert-success.close:focus {
	color:#333;
}
.alert-success p {
	line-height:1.5;
}

@media screen and (max-width:767px) {
	.alert-success {
		padding:32px 27px;
	}
	.alert-success .close {
		top:-29px;
		right:-17px;
	}
}


/* Tags */
.section-tag { /* Tag label */
	display:inline-block;
	background:#7d9b38 url("/sites/default/files/images/csrsite/tag-pointer@2x.png") no-repeat 100% 50%;
	background-size:auto 100%;
	padding:10px 19px 10px 19px;
	color:#fff;
	font-size:16px;
	line-height:1.42857143;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
}
.section-tag:after { /* Arrow */
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:-14px;
	width:14px;
	height:100%;
	background:url("/sites/default/files/images/csrsite/tag-pointer@2x.png") no-repeat 0 50%;
	background-size:14px 100%;
}


/* Forms */
.required {
	color:#7d9b38;
	font-size:22px;
}
label {
	font-size:20px;
}

.form-group.form-group-lg {
	margin-bottom:30px;
}
.form-control {
	color:#414141;
}
.form-group.form-group-lg .form-control,
.form-control.input-lg {
	font-size:20px;
}

.form-control:focus {
	border-color:rgba(139, 168, 76, .6);
	border-width:1px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(163, 201, 81, .7);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(163, 201, 81, .7);
}

.has-feedback label~.form-control-feedback {
	font-style:italic;
	top:36px;
	right:38px;
}
	.has-feedback .glyphicon.form-control-feedback {
		right:0;
		font-style:normal;
	}

.radio label,
.checkbox label {
	font-weight:bold;
}
input[type="radio"],
input[type="checkbox"] {
	margin:7px 0 0;
	margin-top:3px \9;
	line-height:normal;
}
.radio + .radio,
.checkbox + .checkbox {
	margin-top:22px;
}

.disabled label {
	color:#95989a;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label,
.has-error .form-control-feedback {
	color: #db0606;
}
.has-error .form-control {
	border-color: #db0606;
}
.has-error .input-group-addon {
	color: #db0606;
	border-color: #db0606;
}


/* Mobile rows */
@media screen and (min-width:768px) {
	/* Space out sets of rows */
	.row + .row {
		margin-top:30px;
	}

	/* Equal-height rows (uses flexbox) */
	.row-eq-height {
		display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;
		-webkit-box-lines:multiple; /* Old Android < 4.2 fix */
		-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	}
	.row-eq-height:before { /* Safari wrap bug fix */
		display:block;
	}
	.row-eq-height > [class*="col-"] {
		display:block; display:-webkit-box; display:-webkit-flex; display:flex;
	}
	.row-eq-height > [class*="col-"] .card,
	.row-eq-height > [class*="col-"] .box { /* IE10 height support */
		min-height:100%;
	}
}


/* Tablet containers */
@media screen and (max-width:991px) {
	.container-sm-collapse { /* Switch to full width bleed (used for news carousel) */
		width:auto;
		padding-left:0;
		padding-right:0;
	}
}


/* Reduce carousel slide speed (match custom speed from scripts) */
.carousel-inner > .item {
  -webkit-transition:.8s ease-in-out left;
	   -o-transition:.8s ease-in-out left;
		  transition:.8s ease-in-out left;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
	-webkit-transition:-webkit-transform .8s ease-in-out;
		 -o-transition:-o-transform .8s ease-in-out;
			transition:transform .8s ease-in-out;
  }
}

@media print {
	/* Hide all carousels on print output */
	.carousel {
		display:none;
	}
}



/* -------------- Responsive helpers -------------- */

/* Toggle extra-small mobile viewport elements ( < 481px ) */
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
	display:none;
}

@media screen and (max-width:480px) {
	.visible-xxs-block {
		display:block;
	}
	.visible-xxs-inline {
		display:inline;
	}
	.visible-xxs-inline-block {
		display:inline-block;
	}
	.hidden-xxs {
		display:none !important;
	}

	/* Hide element; convert into line break on extra-small mobile viewport */
	.hidden-xxs-break {
		display:block;
		position:relative;
		text-indent:-9999px;
		width:0;
		height:0;
		overflow:hidden;
		clip:rect(0, 0, 0, 0);
	}
	.hidden-xxs-break:after {
		display:table;
		content:" ";
	}
}


/* -------------- Layout -------------- */

/* -------- Header -------- */

/* Global banner */
#globals {
	background-color:#dbdad3;
	color:#333;
	margin-top: 0;
}
#globals a, #globals a:visited {
	color:#333;
}
#globals a:hover, #globals a:focus {
	color:#7d9b38;
}

/* HHS link */
#header-hhs {
	min-height:28px;
	padding-left:26px;
	font-size:13px;
	line-height:28px;
	background:url("/sites/default/files/images/csrsite/header-hhs-mark@2x.png") no-repeat left center;
	background-size:20px auto;
}
#header-hhs:after { /* Wedge */
	content:" ";
	float:right;
	background:url("/sites/default/files/images/csrsite/header-wedge@2x.png") no-repeat right center;
	width:24px;
	height:28px;
	background-size:auto 28px;
}

/* Link list */
#globals ul.list-inline {
	margin:0;
	font-size:12px;
	line-height:28px;
}


/* Header navbar */
#header {
	position:relative;
	z-index:10;
	padding:2px 0;
	background-color:#fff;
	box-shadow:0 4px 5px 0 rgba(0,0,0,.12);
	font-size:17px;
}
@media print {
	#header {
		padding:0;
	}
}

#header a,
#header button {
	color:#616265;
}
#header a:hover, #header a:focus,
#header button:hover, #header button:focus {
	color:#333;
}

#header .navbar {
	min-height:59px;
	border-radius:0;
	margin-bottom:0;
	border:none;
}
@media print {
	#header .navbar {
		display:block;
	}
	#header .container {
		padding-left:0;
		padding-right:0;
	}
}

/* Logo */
#header .navbar-brand {
	height:auto;
	padding: 0;
}

/* Search toggle */
#header #header-search {
	margin-left:12px;
	margin-right:0;
	padding-left:10px;
	border-left:1px solid #c9cbcc;
}
#header #header-search a {
	padding:10px;
}

#header .navbar-nav {
	padding: 12px 5px 7px 5px;
}

@media print {
	#header .navbar-collapse {
		display:none !important;
	}
}

#header .navbar-collapse.collapse {
	padding-left:0;
	padding-right:0;
}

#header .nav > li  {
	display: inline;
	padding:0;
	margin:0;
	border-right: 1px solid gray;
}

#header .nav > li:last-child  {
	border-right:none;
}

#header .nav > li > a {
	padding:4px 12px;
	margin:0 1px;
}
#header .nav > li.active a:after { /* Active menu marker; use :after object so it does not get pushed down when menu link is stretched upon hover */
	content:"";
	display:block;
	position:absolute;
	top:32px;
	left:0;
	width:100%;
	border-bottom: 4px solid #8ba84c;
}

#header .nav > li > a:hover, #header .nav > li > a:focus { /* Stretch link so it's connected to submenu (to prevent submenu slide-up) */
	background-color:inherit;
	padding-bottom: 28px;
	margin-bottom:-28px;
	border-bottom:none;
	padding-right: 12px;
	padding-left: 12px;
	/*color:#414141;*/
	background-color:#414141;
	color:#dbdad3;
}

#header .nav > li > a .glyphicon-triangle-bottom { /* Submenu arrow marker */
	display:none;
	position:absolute;
	z-index:11;
	top:auto;
	bottom:-31px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
	color:#fff;
}
#header .nav > li > a:hover .glyphicon-triangle-bottom, #header .nav > li > a:focus .glyphicon-triangle-bottom {
	bottom:-7px;
}



/* ----- Submenus ----- */
#submenus,
#submenus .submenu {
	display:none;
	width: 100%;
	min-height: 356px;
}

#submenus {
	position: absolute;
	background-color:#414141;
	color:#dbdad3;
	font-size:18px;
	z-index: 9;
}
#submenus > .submenu {
	padding-top:40px;
	padding-bottom:50px;
}

#submenus .col-description { /* Description */
	padding-right:30px;
	border-right:1px solid #616265;
}
#submenus h2,
#submenus h3,
#submenus h4,
#submenus h5,
#submenus h6,
#submenus a {
	color:#fff;
}
#submenus h2 {
	margin-top:0;
	padding-top: 0;
}
#submenus p {
	line-height:1.7;
}



#submenus .col-subnav { /* Submenu */
	margin-left:-1px; /* Overlap vertical line so it matches longest column */
	border-left:1px solid #616265;
}
#submenus .col-subnav .list-unstyled {
	margin-bottom:0;
	margin-left:20px;
	font-size:17px;
}
#submenus .col-subnav .list-unstyled > li {
	margin-bottom:.9em;
}
	#submenus .col-subnav .list-unstyled > li:last-child { /* Tighten bottom margin */
		margin-bottom:0;
	}

#submenus .col-subnav .list-unstyled > li a {
	color:#fff;
}
	#submenus .col-subnav .list-unstyled > li a:hover, #submenus .col-subnav .list-unstyled > li a:focus {
		color:#8ba84c;
	}




/* -------- Footer -------- */

#footer {
	background-color:#dbdad3;
	font-size:14px;
	color:#333;
}
#footer a, #footer a:visited {
	color:#333;
}
#footer a:hover, #footer a:focus {
	color:#7d9b38;
}

#footer hr {
	border-top-color:#f2f2ed;
}

/* Contact info */
#footer-contact {
	width:658px;
	margin-top:56px;
	margin-bottom:2em;
}
@media print {
	#footer-contact {
		margin-top:40px;
		margin-bottom:0;
	}
}

#footer-contact address {
	margin-bottom:.5em;
	line-height:1.7;
}

@media screen and (max-width:688px) {
	#footer-contact {
		width:auto;
	}
	#footer-contact #footer-logo {
		float:none !important;
		margin:0 0 12px;
		text-align:center;
	}

	#footer-contact #footer-logo img.visible-xxs-inline-block { /* Switch to mobile logo */
		display:inline-block;
	}
	#footer-contact #footer-logo img.hidden-xxs {
		display:none;
	}

	#footer-contact address {
		float:none !important;
		text-align:center;
		white-space:normal;
	}
}


/* Sitemap links */
#footer-sitemap {
	margin-top:3em;
}
#footer-sitemap h3 {
	margin:0 0 1.3em;
	font-size:14px;
	font-weight:400;
	font-family:"Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer-sitemap h3 .glyphicon {
	padding-left:.4em;
	font-size:12px;
	margin-right:-1.3em; /* Prevent glyphicon from wrapping */
}

#footer-sitemap ul {
	margin-bottom:3em;
}
#footer-sitemap ul > li {
	margin-bottom:1em;
}

@media screen and (max-width:1199px) {
	/* Remove subnav; flatten columns */
	#footer-sitemap {
		margin:0;
	}

	/* Reduce vertical white-space */
	hr + #footer-sitemap {
		margin-top:-30px;
	}
	#footer-sitemap + hr {
		margin-top:0;
	}

	#footer-sitemap div[class*="col-"],
	#footer-sitemap div.col {
		float:none;
		display:block;
		width:auto;
		padding:.9em 30px .9em 24px;
		border-bottom:1px solid #f2f2ed;
	}
	#footer-sitemap div[class*="col-"]:last-child,
	#footer-sitemap div.col:last-child {
		border-bottom:none;
	}

	#footer-sitemap h3 {
		display:block;
		margin:0;
	}
	#footer-sitemap h3 a {
		display:block;
	}
	#footer-sitemap h3 .glyphicon {
		float:right;
		margin-right:0;
	}
	#footer-sitemap ul {
		display:none;
	}
}


/* Social links */
#footer-external {
	width:530px;
	margin-top:25px;
	margin-bottom:25px;
}
#footer-external h2 {
	display:inline-block;
	font-size:20px;
	margin:0;
	padding-right:24px;
}
#footer-external ul.list-inline {
	margin-bottom:0;
	display:inline-block;
	font-size:20px;
}
#footer-external ul.list-inline > li {
	padding-right:27px;
}
	#footer-external ul.list-inline > li:last-child {
		padding-right:5px;
	}

@media screen and (max-width:560px) {
	/* Wrap heading */
	#footer-external {
		width:auto;
		margin-top:32px;
	}
	#footer-external h2 {
		display:block;
		margin-bottom:28px;
		padding-right:0;
		text-align:center;
	}
	#footer-external ul.list-inline {
		width:100%;
		text-align:center;
	}
}

@media screen and (max-width:480px) {
	/* Flatten columns */
	#footer-external {
		margin-bottom:0;
	}
	#footer-partners ul.list-inline {
		display:block;
		width:auto;
		margin-bottom:0;
	}
	#footer-partners ul.list-inline > li {
		display:block;
		margin:0 auto 26px;
	}
	#footer-partners ul.list-inline > li:last-child {
		margin-bottom: 0;
	}

	#content a.section-search-button {
		width: 99%;
	}

}

/* Use when social icons are available */
/*
#footer-social {
	float:left;
	padding-right:40px;
	border-right:1px solid #f2f2ed;
	min-height:72px;
}
#footer-external {
	width:880px;
}

#footer-partners {
	float:right;
}
*/




/* Bottom links */
#footer-support {
	margin-top:2.2em;
	margin-bottom:3.3em;
}
#footer-support ul.list-inline > li {
	padding-left:7px;
	padding-right:11px;
	border-right:1px solid #f2f2ed;
	line-height:1;
}
#footer-support ul.list-inline > li:last-child {
	border-right:none;
}

@media screen and (max-width:480px) {
	/* Flatten columns */
	#footer-support ul.list-inline {
		display:block;
		width:auto;
	}
	#footer-support ul.list-inline > li {
		display:block;
		padding-left:0;
		padding-right:0;
		border-right:none;
		margin:0 auto 1em;
	}
}



/* -------- Content area -------- */

/* Title area:Similar to .container with extra padding */
.page-header {
	width:900px;
	margin:0 auto;
	padding:26px 15px 50px;
	border-bottom:none;
	color:#757575;
	font-size:24px;
	text-align: center;
}
.page-header h1 {
	margin-bottom:15px;
}
	.page-header h1:only-child { /* No bottom margin if no other text */
		margin-bottom:0;
	}

.page-header p {
	text-align: left;
}

@media screen and (max-width:767px) {
	.page-header {
		width:auto;
		padding:15px 30px 29px;
	}
	.page-header h1:only-child { /* No bottom margin if no other text */
		margin-bottom:18px;
	}
}

@media screen and (min-width:992px) {
	.page-header {
		width:800px;
	}
}
@media print {
	.page-header {
		padding:40px 0 20px;
		width:auto !important;
	}
}

.page-header p {
	line-height:1.5;
}
.page-header p:last-child,
.page-header ul:last-child { /* Tighten bottom margin */
	margin-bottom:0;
}

/* Page title */
.page-header h1 {
	margin-top:0;
	line-height:1.2;
}
.page-header h1 .highlight { /* Highlighted text */
	font-family:"Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
@media screen and (max-width:767px) {
	.page-header h1 abbr { /* Shrink acronym */
		font-size:25px;
	}
}

.page-header .section-tag { /* Tag label */
	margin-bottom:24px;
}
@media screen and (max-width:767px) {
	.page-header .section-tag {
		margin-top:25px;
	}
}

.page-header ul.list-inline { /* Links */
	margin-top:24px;
	margin-left:0;
	padding-top:16px;
	border-top:1px solid #dbdad3;
	font-size:18px;
	font-family:"Droid Serif", "Times New Roman", serif;
}
	.page-header ul.list-inline.metadata { /* Metadata */
		border-top:0;
		padding-top:0;
	}

.page-header ul.list-inline > li+li { /* Separator */
	border-left:1px solid #dbdad3;
	margin-left:10px;
	padding-left:18px;
}
.page-header ul.list-inline a { /* Links revert back to sans */
	font-family:"Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-header ul.list-inline .glyphicon {
	margin-right:6px;
	color:#7d9b38;
}

@media screen and (max-width:767px) {
	/* Wrap lines on story pages only */
	.page-header ul.list-inline.metadata > li+li {
		display:block;
		border:none;
		margin-top:11px;
		margin-left:0;
		padding-left:5px;
	}
}
@media screen and (max-width:320px) {
	/* Wrap lines on regular pages too */
	.page-header ul.list-inline > li+li {
		display:block;
		border:none;
		margin-top:11px;
		margin-left:0;
		padding-left:5px;
	}
}


/* -------- Page body -------- */

main {
	padding-top:26px;
}
@media screen and (max-width:767px) {
	main {
		padding-top:23px;
	}
}
@media print {
	main {
		padding-top:0;
	}
}


/* ----- Breadcrumbs ----- */
.breadcrumb {
	padding:0;
	margin-top:0;
	margin-bottom:10px;
	background-color:inherit;
	border-radius:0;
}
	main.no-heading .breadcrumb { /* Space out breadcrumbs if no page-header area (biographies) */
		margin-bottom:32px;
	}

.breadcrumb a {
	color:#757575;
}
.breadcrumb a:hover, .breadcrumb a:focus {
	color:#333;
}

.breadcrumb > li {
	display:inline-block;
	margin-bottom:0;
	padding-left:0;
	padding-bottom:0;
	line-height:1.42857143;
}
.breadcrumb > li:before {
	content:none;
	display:none;
}
.breadcrumb > li + li:before { /* Change separator icon; undo default <ol> */
	content:"\e080";
	display:inline-block;
	float:none;
	position:static;
	top:0;
	left:0;
	width:auto;
	margin:0;
	padding:0 7px 0 2px;
	color:#95989a;
	font-family:'Glyphicons Halflings';
	font-size:10px;
	font-style:normal;
	font-weight:400;
	line-height:1;
	text-align:left;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@media screen and (max-width:767px) {
	/* Show only last breadcrumb */
	.breadcrumb {
		padding-left:12px;
		padding-right:15px;
		margin-bottom:0;
	}
		main.no-heading .breadcrumb { /* Space out breadcrumbs if no page-header area */
			margin-bottom:14px;
		}

	.breadcrumb li {
		display:none;
	}
	.breadcrumb li:last-child {
		display:block;
	}

	.breadcrumb > li + li:before,
	.breadcrumb > li:before { /* Reverse carrot */
		content:"\e079";
		display:inline-block;
		float:none;
		position:static;
		top:0;
		left:0;
		width:auto;
		margin:0;
		padding:0 5px 0 0;
		color:#95989a;
		font-family:'Glyphicons Halflings';
		font-size:10px;
		font-style:normal;
		font-weight:400;
		line-height:1;
		text-align:left;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}
}


/* ----- Section search ----- */
.section-search {
	padding:42px 0;
	background:#215d96;
	background:-moz-linear-gradient(top, #215d96 0%, #1b4d7f 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #215d96 0%, #1b4d7f 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom, #215d96 0%, #1b4d7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.section-search .form-group {
	margin-bottom:0;
}
.section-search h2 {
	display:inline;
	margin:0;
}
.section-search label {
	position:relative;
	top:2px;
	margin-right:30px;
	font-size:20px;
	font-weight:normal;
	color:#fff;
}

/* Text field (make room for overlapping submit icon) */
.section-search form input.form-control {
	max-width:380px;
	padding-right:36px;
}

.section-search form button.btn { /* Submit button icon */
	margin-left:-52px;
	color:#616265;
}
.section-search form button.btn:hover, .section-search form button.btn:focus {
	color:#333;
}

.section-search-text{
                color: #FFFFFF;
                font-size: 20px;
                font-family: "Droid Serif", "Times New Roman", serif;
                font-style: italic;
                text-align: center;
                padding-right: 10px;
}


/* Mobile changes */
@media screen and (max-width:767px) {
	.section-search {
		padding:20px 15px 24px;
	}
	.section-search .form-group {
		display:inline-block;
		width:100%;
		margin:0;
	}
	.section-search form.text-center {
		text-align:left;
	}
	.section-search label {
		display:block;
		margin-bottom:.6em;
		margin-right:0;
	}
	.section-search form input.form-control {
		float:left;
		width:100%;
		max-width:none;
	}
	.section-search form button.btn {
		float:right;
		margin-right:-4px;
	}
}


/* ----- Button subnavigation ----- */
#bottom-subnav {
	padding:18px 15px;
	background:#1b4c7d;
	background:-moz-linear-gradient(top, #1b4c7d 0%, #1b4c7d 75%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #1b4c7d 0%, #1b4c7d 75%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to top, #1b4c7d 0%, #225e97 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	font-size:17px;
	color:#fff;
}
#bottom-subnav h2 {
	margin:0 -30px 10px;
	padding:0 30px 18px;
	font-size:20px;
	border-bottom:1px solid rgba(255,255,255,.16);
}

#bottom-subnav a {
	display:block;
	color:#fff;
}
#bottom-subnav a.active, #bottom-subnav li.active > a,
#bottom-subnav a:hover, #bottom-subnav a:focus {
	color:#b5e5ff;
}

#bottom-subnav ul {
	margin-bottom:6px;
}
#bottom-subnav ul a {
	padding:8px 0;
}

#bottom-subnav ul a .glyphicon {
	top:0;
	font-size:11px;
	margin-right:8px;
}



/* ----- Return to top link ----- */
#return {
	margin-top:35px;
	margin-bottom:85px;
	background-color:#fff;
}
#return .btn {
	padding:10px 20px;
	font-size:16px;
}



/* -------- Content layout -------- */

/* Background color area */
.backgrounded {
	padding:40px 0 48px;
	background-color:#f2f2ed;
}
@media screen and (max-width:767px) {
	.backgrounded {
		padding-bottom:20px;
	}
}


/* ----- Cards and boxes (requires nested ".content" for padding; responsive images can then live outside padding) ----- */

.card {
	position:relative;
	border-top:7px solid #8ba84c;
	box-shadow:6px 6px 0 #dbdad3;
	background-color:#fff;
}

.row .card {
	min-width:100%;
}

/* Separate multiple cards */
.card + .card { margin-top:40px; }


@media screen and (max-width:767px) {
	.card {
		margin-bottom:40px;
	}
}

.card:after { /* Gradient box shadow */
	content:"";
	position:absolute;
	top:-1px;
	right:-6px;
	display:block;
	width:6px;
	height:100%;
	background:#dbdad3;
	background:-moz-linear-gradient(top, #f2f2ed 0%, #dbdad3 100%);
	background:-webkit-linear-gradient(top, #f2f2ed 0%, #dbdad3 100%);
	background:linear-gradient(to bottom, #f2f2ed 0%, #dbdad3 100%);
}

.card > .content {
	padding:30px;
}
@media print {
	.card > .content {
		padding:20px 10px;
	}
}
.card > .content > *:last-child { /* Tighten bottom margin */
	margin-bottom:0;
}

@media screen and (min-width:768px) {
	.card .row > .clearfix { /* Separate wrapping columns */
		margin-bottom:30px;
	}
}

/* Force breaks in long links */
@media screen and (max-width:991px) and (min-width:768px) {
	.col-sm-4 .content h1, .col-sm-4 .content .h1,
	.col-sm-4 .content h2, .col-sm-4 .content .h2,
	.col-sm-4 .content h3, .col-sm-4 .content .h3 {
		-ms-word-break:break-all; word-break:break-all; word-break:break-word;
	}
}


/* Thinner box */
.box {
	border:1px solid #dbdad3;
	background-color:#fff;
}
.box > .content {
	padding:35px;
}

@media screen and (max-width:767px) {
	.box {
		margin-bottom:40px;
	}
	.box > .content {
		padding-left:25px;
		padding-right:25px;
	}
}


.box > .content > *:last-child { /* Tighten bottom margin */
	margin-bottom:0;
}

/* Tighten hr between content */
.box > .content + hr,
.card > .content + hr {
	margin-top:0;
}
.box > hr + .content,
.card > hr + .content {
	padding-top:10px;
}



/* ----- Grid boxes ----- */

.grid .row {
	line-height:1.6;
}
.grid .row > [class*="col-"]  { /* Space between rows */
	margin-bottom:48px;
}

/* Mobile spacing */
@media screen and (max-width:767px) {
	.grid {
		padding-bottom:26px;
	}
}

.grid .row h2,
.grid .row h3,
.grid .row h4,
.grid .row h5,
.grid .row h6 {
	margin-top:0;
	margin-bottom:.8em;
}
.grid .row h2.tight,
.grid .row h3.tight,
.grid .row h4.tight,
.grid .row h5.tight,
.grid .row h6.tight {
	margin-bottom:4px;
}


/* ----- List.js filerting ----- */
.filter-form {
	margin-bottom:32px;
}
	.data .filter-form { /* Within table */
		margin-right:50px;
		margin-left:50px;
	}

.filter-form label {
	min-width:9.5em;
	font-weight:normal;
}
@media screen and (max-width:767px) {
	/* Larger on mobile */
	.filter-form label {
		font-size:18px;
	}
}

.filter-form input.form-control {
	font-size:16px;
	width:290px;
}
.filter-form .glyphicon {
	color:#dbdad3;
	font-size:19px;
}

/* Collapse table on mobile */
@media screen and (max-width:767px) {
	.card > .content { /* Redo box padding */
		padding-left:30px;
		padding-right:30px;
	}

	.card > .content .btn {
		font-size:20px;
	}

	/* Filter box */
	.filter-form {
		margin-left:0;
		margin-right:0;
		margin-top:47px;
	}
		.card .filter-form {
			margin-top:0;
		}

	.filter-form input.form-control {
		width:100%;
		font-size:18px;
	}
	.filter-form .has-feedback .form-control-feedback {
		top:28px;
	}
}


/* ----- Pagination (utilizing list.js) ----- */

.pagination-wrapper {
	margin:48px auto;
	text-align:center;
	font-family:"Droid Serif", "Times New Roman", serif;
	color:#616265;
}

.pagination-wrapper.pagination-top {
	margin-top:-12px;
	margin-bottom:22px;
}
@media screen and (max-width:767px) {
	.pagination-wrapper.pagination-top {
		margin-bottom:22px;
	}
}

.row + .pagination-wrapper {
	margin-top:10px;
}

.pagination-wrapper.hide { /* Hidden when only one link needed */
	display:none !important;
}

.pagination-wrapper .pagination-counts {
	margin:0 0 .9em;
}
.pagination-wrapper .pagination-links {
	display:inline-block;
	min-width:350px;
	border-top:1px solid #dbdad3;
	padding-top:.9em;
}

.pagination-wrapper .pagination-prev {
	float:left;
	margin-right:45px;
	margin-bottom:8px;
	padding:3px 8px;
	font-size:12px;
	color:#616265;
}
.pagination-wrapper .pagination-next {
	float:right;
	margin-left:45px;
	margin-bottom:8px;
	padding:3px 8px;
	font-size:12px;
	color:#616265;
}
	.pagination-wrapper .pagination-next:hover,
	.pagination-wrapper .pagination-prev:hover {
		color:#8ba84c;
	}
	.pagination-wrapper .pagination-next.disabled,
	.pagination-wrapper .pagination-prev.disabled {
		color:#d1d2d5;
		cursor:default;
	}

@media screen and (max-width:480px) {
	.pagination-wrapper .pagination-links {
		min-width:50px;
	}
	.pagination-wrapper .pagination-prev {
		margin-right:20px;
	}
	.pagination-wrapper .pagination-next {
		margin-left:20px
	}
}
@media screen and (max-width:374px) {
	.pagination-wrapper .pagination-prev {
		margin-right:5px;
	}
	.pagination-wrapper .pagination-next {
		margin-left:5px
	}
}

.pagination-wrapper ul.pagination {
	margin:0;
	border-radius:0;
}
.pagination-wrapper ul.pagination > li {
	margin:0;
	padding:0;
}

.pagination-wrapper ul.pagination > li > a {
	margin:0 6px;
	border-radius:5px;
	border:none;
	background-color:transparent;
	padding:1px 8px;
	color:#616265;
}
	.pagination-wrapper ul.pagination > li > a:hover {
		color:#8ba84c;
	}

.pagination-wrapper ul.pagination > li.active > a {
	background-color:#757575;
	color:#fff;
}

.pagination-wrapper ul.pagination > li.disabled > a:hover {
	background-color:transparent;
	border:none;
}


/* ----- Tabular data ----- */

.data .card > .content { /* Undo box padding so table stretches */
	padding-left:0;
	padding-right:0;
}

/* Table header */
.data table thead {
	background-color:#616265;
}
.data table thead th {
	padding:20px 25px;
	border-bottom:none;
	color:#fff;
	font-weight:bold;
}
	.data table thead th:first-child {
		padding-left:50px;
	}
	.data table thead th:last-child {
		padding-right:50px;
	}

/* Sort buttons */
.data table thead th button {
	padding:0;
	color:#fff;
	font-weight:bold;
	line-height:16px;
	text-align:left;
}
.data table thead th button:hover, .data table thead th button:focus {
	color:#8ba84c;
	text-decoration:none;
}

/* Sort arrows */
.data table thead th button.sort:after {
	content:"";
	margin-right:10px;
}
	.data table thead th button.sort.asc:after {
		content:"";
		width:0;
		height:0;
		margin-right:0;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		border-top:5px solid #fff;
		position:relative;
		top:13px;
		right:-8px;
	}
	.data table thead th button.sort.desc:after {
		content:"";
		width:0;
		height:0;
		margin-right:0;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		border-bottom:5px solid #fff;
		position:relative;
		top:-11px;
		right:-8px;
	}

/* Table body */
.data table tbody td {
	padding:30px 25px;
	border-top-color:#dbdad3;
}
	.data table tbody td:first-child {
		padding-left:50px;
	}
	.data table tbody td:last-child {
		padding-right:50px;
	}
.data .table tbody tr:first-child td {
	border-top:none;
}

.data table tbody td.highlight {
	font-weight:bold;
}
.data table tbody td.action {
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:middle;
}
.data table tbody td.action a.btn {
	padding:12px 36px;
	font-size:16px;
}

/* Collapse table on mobile */
@media screen and (max-width:991px) {
	.data .card > .content { /* Redo box padding */
		padding-left:30px;
		padding-right:30px;
		font-size:18px;
	}

	.data .filter-form {
		margin-left:0;
		margin-right:0;
	}

	/* Data table */
	.data table tbody {
		display:block;
	}
	.data table tbody tr {
		display:block;
		border-top:1px solid #dbdad3;
		padding:21px 0 17px;
	}
	.data table tbody tr td {
		display:block;
		border:none;
		padding:10px 0;
	}
	.data table tbody tr td:first-child {
		padding-left:0;
	}
	.data table tbody tr td:last-child {
		padding-right:0;
	}
	.data table tbody tr td.action {
		padding-top:20px;
		text-align:center;
		font-size:16px;
	}
	.data table tbody tr td.section {
		padding-bottom:5px;
	}

	/* Add column headers */
	.data table tbody tr td.description:before {
		content:"Description";
		display:block;
		margin-bottom:.3em;
		font-weight:bold;
	}
	.data table tbody tr td.officer:before {
		content:"Scientific Review Officer";
		display:block;
		margin-bottom:.3em;
		font-weight:bold;
	}

	.data .pagination {
		margin:0 auto;
	}

}


/* ----- Did You Know carousel ----- */

#did-you-know {
	margin-top:75px;
	margin-bottom:50px;
	background-color:#fff;
}
#did-you-know h2 {
	margin-bottom:42px;
}
#did-you-know h3 {
	line-height:1.3;
}

/* Carousel controls */
#did-you-know .carousel-footer {
	padding:10px 5px;
	background-color:#f2f2ed;
	font-family:"Droid Serif", "Times New Roman", serif;
	font-size:14px;
	text-align:center;
}
#did-you-know .carousel-footer a {
	margin-top:-7px;
	padding:10px;
	font-size:12px;
	color:#616265;
}
	#did-you-know .carousel-footer a:hover, #did-you-know .carousel-footer a:focus {
		color:#333;
	}


/* Override carousel styles */
@media screen and (min-width:768px) {
	#did-you-know .carousel-inner {
		width:auto;
		overflow:visible;
	}
	#did-you-know .carousel-inner > .item img.img-responsive {
		width:100%;
	}
}

/* Collapse columns for carousel */
@media screen and (max-width:767px) {
	#did-you-know {
		margin-top:48px;
		margin-bottom:35px;
	}
	#did-you-know h2 {
		margin-bottom:21px;
		font-size:20px;
	}

	/* Replace border */
	#did-you-know .carousel {
		border:1px solid #dbdad3;
	}

	/* Remove columns */
	#did-you-know .carousel-inner {
		margin:0;
	}
	#did-you-know .row div[class*="col-"] {
		min-height:500px;
		float:none;
		width:100% !important;
		padding:0;
	}

	#did-you-know .box {
		margin-bottom:0;
		border:none;
	}
	#did-you-know .box .content {
		padding:30px 25px;
	}
}


/* -------- Story pages -------- */

@media screen and (min-width:992px) {
	.page-story .page-header,
	.page-story .story-content {
		width:830px;
	}
}

/* Header */
.page-story .page-header h1 {
	font-size:40px;
	line-height:1.3;
}
@media screen and (max-width:767px) {
	.page-story .page-header {
		padding-bottom:19px;
	}
	.page-story .page-header h1 {
		font-size:30px;
		line-height:1.2;
	}
}

/* Body content */
.page-story .story-content {
	font-size:20px;
	line-height:1.8;
	color:#414141;
}
@media screen and (max-width:767px) {
	.page-story .story-content {
		width:auto;
		padding:15px 30px 38px;
	}
}

.page-story .story-content p {
	margin-bottom:1.8em;
}
.page-story .story-content p,
.page-story .story-content li,
.page-story .story-content dd {
	line-height:1.8;
}

.page-story .story-content .lead {
	margin-bottom:1.5em;
	font-size:18px;
	line-height:1.5;
	color:#757575;
}

.page-story .story-content h2, .page-story .story-content .h2 {
	margin-bottom:16px;
	font-size:24px;
	color:#757575;
}
.page-story .story-content h3, .page-story .story-content .h3 {
	margin-bottom:12px;
	font-family:"Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
}



/* -------- Search results -------- */

/* Search results top form */
body.page-search main {
	padding-top:0;
}

body.page-search .search-results-form {
	background-color:#f2f2ed;
	margin-bottom:55px;
	padding-top:55px;
	padding-bottom:60px;
}
@media screen and (max-width:767px) { /* Breadcrumb is also visible */
	body.page-search .search-results-form {
		margin-bottom:20px;
		padding-top:6px;
		padding-bottom:3px;
	}
	body.page-search #breadcrumbs {
		padding-left:0;
		margin-bottom:15px;
	}
	body.page-search .breadcrumb {
		padding-left:0;
	}
}


/* Form fields */
body.page-search .search-results-form label {
	margin-bottom:15px;
	font:normal 32px/1.2 "Droid Serif", "Times New Roman", serif;
	color:#414141;
}
body.page-search .search-results-form .form-control {
	height:60px;
	border-radius:5px;
}
body.page-search .search-results-form .btn {
	height:60px;
	margin-left:15px;
	padding:0 41px;
	border-radius:5px;
	font-size:20px;
}
@media screen and (max-width:767px) {
	body.page-search .search-results-form .form-control {
		height:42px;
		font-size:18px;
	}

	body.page-search .search-results-form .input-group {
		width:100%;
	}
	body.page-search .search-results-form .input-group-btn {
		width:auto;
	}
	body.page-search .search-results-form .form-control {
		padding-right:42px;
	}
	body.page-search .search-results-form .btn {
		top:1px;
		z-index:10;
		height:42px;
		margin-left:-32px;
		padding:0;
		border-radius:0;
		border:none;
		box-shadow:none;
		background-color:transparent;
		color:#616265;
	}
	body.page-search .search-results-form .btn:hover, body.page-search .search-results-form .btn:focus {
		color:#333;
	}
}


/* Body layout */
@media screen and (min-width:992px) {
	body.page-search .search-results-form > .container,
	body.page-search .results-content {
		width:830px;
	}
}
@media screen and (max-width:767px) {
	body.page-search .search-results-form > .container,
	body.page-search .results-content {
		width:auto;
		padding:15px 30px;
	}
}

body.page-search ol.search-results {
	margin-top:45px;
	margin-bottom:0;
}
body.page-search ol.search-results > li {
	margin:0 0 45px;
	padding:45px 0 0;
	border-top:1px solid #dbdad3;
	font-size:20px;
	color:#414141;
	line-height:1.8;
}
body.page-search ol.search-results > li:before {
	content:none;
	display:none;
}

body.page-search ol.search-results h3.title {
	margin:0;
	font:bold 20px/1.8 "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.page-search .pagination-wrapper {
	margin-top:60px;
	margin-bottom:35px;
}


/* -------- Membership Directory -------- */

@media screen and (max-width:767px) {
	#filter-directory .row .card .content h3 {
		font-size:26px;
	}
}


/* -------- Homepage -------- */

main#content.csrMain {
  padding-top:0;
}


body.page-front main {
	padding-top:0;
}


/* Carousel (uses Bootstrap Carousel with modifications) */

/* Switch to background image to cover screen */
#carousel-home .carousel-inner .item {
	width:100%;
	height:400px;
	background:transparent none no-repeat 35% 25%;
	background-size:cover;
}

/* Caption area */
#carousel-home .carousel-caption {
	left:40px;
	top:10%;
	bottom:auto;
	width:500px;
	min-height:320px;
	max-height:80%;
	padding:30px 30px 30px 30px; /* Leave room for indicators */
	background-color:rgba(51, 51, 51, .9);
	text-shadow:none;
	font-size:18px;
	color:#fff;
}
#carousel-home .carousel-caption h3 {
	margin-bottom:26px;
	font-size:26px;
	color:#fff;
}
#carousel-home .carousel-caption a {
	color:#fff;
}
	#carousel-home .carousel-caption a:hover, #carousel-home .carousel-caption a:focus {
		color:#8ba84c;
	}

#carousel-home .carousel-caption p {
	margin-bottom:26px;
	font-size:18px;
	line-height:1.6;
	color:#fff;
}
#carousel-home .carousel-caption .btn {
	margin-bottom:26px;
	padding:10px 25px 10px 25px;
	font-size:16px;
	color:#414141;

}
	#carousel-home .carousel-caption .btn:hover, #carousel-home .carousel-caption .btn:focus {
		color:#7d9b38;
	}

/* Indicators (cloned to each slide for better positioning) */
#carousel-home ol.carousel-dots {
	position:absolute;
	width:100%;
	left:0;
	margin:0 auto;
	padding:0;
	bottom:30px;
	text-align:center;
	list-style:none;
	line-height:18px;
}
#carousel-home ol.carousel-dots > li {
	display:inline-block;
	width:18px;
	height:18px;
	margin:0 7px;
	padding:0;
	border-radius:18px;
	border-width:0;
	background-color:#fff;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
	#carousel-home ol.carousel-dots > li.active {
		background-color:#8ba84c;
	}
	#carousel-home ol.carousel-dots > li:before {
		content:"";
		display:none;
	}

/* Responsive sizes */
@media screen and (max-width:1599px) {
	#carousel-home .carousel-caption {
		/*top:10%;
		left:40px;*/
		max-height:90%;
	}
}

@media screen and (max-width:1366px) {
	#carousel-home .carousel-caption {
		/*top:10%;
		left:40px;*/
		max-height:85%;
	}
}


@media screen and (max-width:1199px) {
	#carousel-home .carousel-caption {
		/*top:10%;
		left:40px;*/
		max-height:80%;
	}
}


/* Switch to mobile view */
@media screen and (max-width:991px) {
	#carousel-home .carousel-inner .item { /* Recenter image */
		height:454px;
		background-position:50% 20%
	}

	#carousel-home .carousel-caption {
		top:auto;
		left:0;
		bottom:0;
		width:100%;
		height:auto;
		min-height:auto;
		max-height:70%;
		padding:31px 20px 32px;
	}

	#carousel-home .carousel-caption h3 {
		margin-bottom:7px;
		font-size:22px;
	}
	#carousel-home .carousel-caption p {
		margin-bottom:20px;
		font-size:16px;
		line-height:1.5;
	}

	#carousel-home ol.carousel-dots {
		bottom:15px;
		line-height:15px;
	}
	#carousel-home ol.carousel-dots > li {
		width:15px;
		height:15px;
		margin:0 8px;
		border-radius:15px;
	}
}


/* Cards */
.page-front .row + .row {
	margin-top:0;
}


/* Action cards */
.home-actions .card > .content {
	padding-bottom:60px;
}
.home-actions h2 {
	margin-bottom:0;
}
.home-actions h2.icon:before {
	margin-top:10px;
	margin-bottom:14px;
}
.home-actions p {
	font:normal 18px/1.5 "Droid Serif", "Times New Roman", serif;
}


/* News box */
.news-box {
	font-size:18px;
	line-height:1.66;
}
.news-box p {
	margin-bottom:1.9em;
}
.news-box .bottom-row p { /* Bottom link rows */
	margin-bottom:0;
}


/* Signup form */
.signup-form {
	background-color:#8ba84c;
	border:1px solid #95989A;
}
.signup-form form { /* Overlap background chevron */
	margin:-1px 0 -1px -1px;
	padding:56px 54px 34px 54px;
	background:url("/sites/default/files/images/csrsite/signup-back@2x.png") no-repeat;
	background-size:50% 100%;
}

.signup-form .form-group { /* Inline form fields */
	display:table-row;
}
.signup-form .input-group,
.signup-form .input-group-btn {
	display:table-cell;
	vertical-align:middle;
}

.signup-form label {
	font:normal 26px/1.4 "Droid Serif", "Times New Roman", serif;
	color:#fff;
}
.signup-form label small {
	display:block;
	font-size:24px;
}

.signup-form .input-group-field {
	max-width:300px;
}
.signup-form .input-group .form-control {
	width:100%;
	height:45px;
	border-radius:5px;
	font-size:18px;
}
.signup-form .input-group-btn .btn {
	height:45px;
	margin-left:16px;
	padding:0 33px;
	border-radius:5px;
	font-size:16px;
}

@media screen and (max-width:1199px) {
	.signup-form form {
		padding:46px 40px;
	}
	.signup-form label {
		font-size:24px;
	}
	.signup-form label small {
		font-size:20px;
	}
	.signup-form .input-group-field {
		max-width:235px;
	}
	.signup-form .input-group-btn .btn {
		padding:0 28px;
	}
}

@media screen and (max-width:991px) {
	.signup-form form {
		padding:26px 22px;
	}
	.signup-form label {
		font-size:20px;
	}
	.signup-form label small {
		font-size:16px;
	}
	.signup-form .input-group-field {
		max-width:185px;
	}
	.signup-form .input-group .form-control {
		height:40px;
		font-size:16px;
	}
	.signup-form .input-group-btn .btn {
		height:40px;
		margin-left:12px;
		padding:0 16px;
	}

}

/* Collapse columns */
@media screen and (max-width:767px) {
	.signup-form form {
		margin:-1px -1px 0 -1px;
		padding:20px 25px 40px;
		background-image:url("/sites/default/files/images/csrsite/signup-back-mobile@2x.png");
		background-size:100% 75%;
	}

	.signup-form .form-group,
	.signup-form .input-group,
	.signup-form .input-group-btn {
		display:block;
		width:auto;
		clear:both;
		margin:0 auto;
		text-align:center;
		white-space:normal;
	}
	.signup-form .input-group-field {
		max-width:none;
	}

	.signup-form label {
		display:block;
		margin-bottom:26px;
		text-align:center;
		font-size:26px;
	}
	.signup-form label small {
		font-size:20px;
	}

	.signup-form .input-group .form-control {
		width:100%;
		height:45px;
		margin:0 auto 24px;
		font-size:18px;
	}
	.signup-form .input-group-btn .btn {
		display:inline-block;
		width:auto;
		height:45px;
		margin-left:0;
		padding:0 24px;
		font-size:16px;
	}
}


/* -------- News -------- */

/* Carousel (uses Bootstrap Carousel) */
.carousel-subpage .carousel-inner .item {
	width:100%;
	height:640px;
	background:transparent none no-repeat 35% 25%;
	background-size:cover;
}

.carousel-subpage .carousel-inner .item .section-tag {
	position:absolute;
	top:29px;
	left:0;
}

/* More link */
.carousel-subpage .carousel-inner .item a.bottom-link {
	display:inline-block;
	position:absolute;
	z-index:40;
	bottom:18px;
	right:33px;
}

/* Caption area */
.carousel-subpage .carousel-caption {
	left:0;
	right:0;
	bottom:0;
	padding:48px 55px 43px;
	background-color:rgba(51, 51, 51, .9);
	text-shadow:none;
	text-align:left;
	font-size:18px;
	color:#fff;
}
.carousel-subpage .carousel-caption h3 {
	max-width:710px;
	margin-bottom:18px;
	font-size:28px;
	line-height:1.42857143;
	color:#fff;
}
.carousel-subpage .carousel-caption a {
	color:#fff;
}
	.carousel-subpage .carousel-caption a:hover, .carousel-subpage .carousel-caption a:focus {
		color:#8ba84c;
	}

.carousel-subpage .carousel-caption p {
	margin-bottom:18px;
	font-size:18px;
	line-height:1.6;
	color:#fff;
}

/* Indicators */
.carousel-subpage ol.carousel-indicators {
	bottom:17px;
	margin-bottom:0;
	line-height:18px;
	width:30%;
	margin-left:15%;
	left:20%;
	line-height:18px;
}
.carousel-subpage ol.carousel-indicators > li {
	width:18px;
	height:18px;
	margin:0 7px;
	padding:0;
	border-radius:18px;
	border-width:0;
	background-color:#fff;
}
	.carousel-subpage ol.carousel-indicators > li.active {
		background-color:#8ba84c;
	}
	.carousel-subpage ol.carousel-indicators > li:before {
		content:"";
		display:none;
	}


/* Switch to mobile view */
@media screen and (max-width:991px) {

	.carousel-subpage .carousel-inner .item { /* Recenter image */
		height:454px;
		background-position:50% 20%
	}
	.carousel-subpage .carousel-caption {
		padding:36px 30px 102px;
		font-size:16px;
		text-align:center;
	}

	.carousel-subpage .carousel-inner .item a.bottom-link {
		bottom:35px;
		right:0;
		width:100%;
		text-align:center;
		font-size:18px;
	}

	.carousel-subpage .carousel-caption h3 {
		max-width:none;
		margin-bottom:10px;
		text-align:center;
		font-size:22px;
		line-height:1.28;
	}
	.carousel-subpage .carousel-caption p {
		margin-bottom:10px;
		font-size:16px;
		line-height:1.5;
		text-align:center;
	}

	.carousel-subpage ol.carousel-indicators {
		bottom:76px;
		width:80%;
		margin-left:40%;
		left:-30%;
		line-height:15px;
	}
	.carousel-subpage ol.carousel-indicators > li {
		width:15px;
		height:15px;
		margin:0 8px;
		border-radius:15px;
	}
}

@media screen and (max-width:375px) {
	.carousel-subpage .carousel-inner .item a.bottom-link {
		font-size:16px;
	}


	#content a.section-search-button {
		font-size: 12px;
	}

}


/* -------- Style Guide -------- */

h2.styleguide {
	margin:81px 0 36px;
	padding:0 0 17px;
	border-bottom:1px solid #dbdad3;
	font:bold 20px/1.25 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#95989a;
	text-transform:uppercase;
}

h3.styleguide {
	margin:0 0 20px;
	padding:0;
	font:bold 18px/1.25 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#95989a;
	text-transform:uppercase;
}

/* ----- code ----- */



.views-row .col-1 p {
	margin-right: 20px;
}


img.csr-image {
	border-top: 0px;
}


@media screen and (max-width:767px) {

	#edit-actions {
		text-align: center;
		color: white;
	}

}



/* Lists */
ul.csr-ul-list {
	list-style-position: inside;
	margin-left: 2px;
	margin-top: 2px;
  margin-bottom: 20px;
}
ul.csr-ul-list li {
	 line-height: 28px;
	 margin-left: 6px;
	 padding-bottom: 12px;

}
ul.csr-ul-list-nested {
	list-style-position: inside;
    margin-top: 16px;
	margin-left: -2px;
	margin-bottom: 1px;
}
ul.csr-ul-list-nested li{
	line-height: 28px;
  padding-bottom: 12px;
}

ol.csr-ol-list {
	list-style-position: inside;
	margin-left: -6px;
	margin-top: 2px;
	margin-bottom: 20px;
}
ol.csr-ol-list li {
	line-height: 28px;
	padding-bottom: 12px;
}

ol.csr-ol-list-nested {
	list-style-position: inside;
	margin-left: -10px;
	margin-top: 16px;
	margin-bottom: 1px;

}
ol.csr-ol-list-nested li {
	line-height: 28px;
    padding-bottom: 13px;

}


.csr-ul, .csr-item-list ul {
	margin-top:0.1em;
	margin-left:0.2em;
	margin-bottom:1.4em;
	padding-left:0;
	list-style:none;
}
.csr-ul > li, .csr-item-list ul li {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:1em;
	padding-left:1em;
	line-height:1.75em;  /*03/25/2021*/
}

.csr-ul-in-page {
	margin-top:0.1em;
	margin-left:0.5em;
	margin-bottom:1.4em;
	padding-left:0;
	list-style:none;
}
.csr-ul-in-page > li {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0.1em;
	padding-left:2em;
	line-height:1.2;
}


.csr-pdf-table
{
	width: 100%;
	border: 2px solid black;
	margin: 1px;

}

.csr-pdf-table tr, .csr-pdf-table td {
	border: 1px solid black;
	border-collapse: collapse;
}

.csr-pdf-table th
{
	border: 1px solid black;
	/*border-collapse: collapse;*/
	background-color: lightgray;
	height: 30px;
	padding: 2px 5px;
}

.csr-pdf-table td
{
	line-height: 24px;
	padding: 2px 5px;
}

.half-width{
	width: 48%;
}

.csr-ss-list
{
	font-size: medium;
}

/*
.view-acquia-search .pagination{display: inline-flex;}
.view-acquia-search .pagination .ul{list-style: none; list-style-image: none;}
*/
#views-exposed-form-acquia-search-page{
	margin: 10px;
	padding-bottom: 20px;
	text-align: center;
}



/* biro code for the views */
#views-exposed-form-ss-standing-block-1,
#views-exposed-form-ss-sbtt-block-1,
#views-exposed-form-view-ss-fellowship-block-1,
#views-exposed-form-view-ss-sep-block-1,
#views-exposed-form-view-csr-staff-block-1 ,
#views-exposed-form-staff-grid-view-block-1 {
	text-align: center;
	margin-bottom: 40px;
}


.csr-view-list {
	margin-bottom: 40px;
}

.csr-view-list table {
	border: 1px solid lightgray;
}

.csr-view-list table thead tr,
.csr-view-list-staff table thead tr {
	background-color:#286090;
	font-size: 18px;
	color: white;
}

.csr-view-list table thead a,
.csr-view-list-staff table thead a {
	color: white;
}

.csr-view-list table thead th:nth-child(1) {
	width:220px;
	white-space: nowrap;
}

.csr-view-list table thead th:nth-child(3) {
	width:260px;
	white-space: nowrap;
}

.csr-recurring-sep
{
	background-color: yellow;
}
/* end biro code for the views */

/* biro code for Staff view */
.csr-grid-view, .csr-view-list-staff
{
    margin-bottom: 40px;
}

.csr-grid-row {
    margin-bottom: 20px;
}

.csr-grid-view-item {
    display: block;
    border: 1px solid #dbdad3;
    background-color:#fff;
    width: 90%;
    height: 420px;
    vertical-align: top;
    margin-bottom: 10px;
	  box-shadow:6px 6px 0 #dbdad3;
}

.csr-grid-view-item img {
	border-top:7px solid #8ba84c;
	width:100%;
    margin: 0 0 5px 0;
}

.csr-grid-view-item h3 {
	margin: 5px;
	padding: 0;
}

.csr-grid-view-item p {
    margin: 5px;
	padding: 0;
}


#OD,
#EMG,
#DRR,
#DPPS,
#DBIB,
#DTCS,
#DABP,
#DNDA,
#DMS,
#IMB,
#DPAIM {
	width:100%;
}

#OD caption,
#EMG caption,
#DRR caption,
#DPPS caption,
#DBIB caption,
#DTCS caption,
#DABP caption,
#DNDA caption,
#DMS caption,
#IMB caption,
#DPAIM caption {
	font-size:24px; font-weight:bold; text-align:left;
}

.csr-width-10 {
	width:10px;
}
.csr-width-20 {
	width:20px;
}
.csr-width-30 {
	width:30px;
}
.csr-width-700 {
	min-width: 700px;
}


table tr td a.csrIRGName { text-decoration:underline; font-size:110%; font-weight:bold; }
table tr td a.csrChief { font-size:115%; font-weight:bold; }
table tr td a.csrDir { font-size:130%; font-weight:bold; }



div.csr-news-row div {
	margin-bottom: 20px;
}

div.csr-news-row div.col-1 {
	padding-right: 30px;
}


#submenus .submenu .subMenuLeft {
	border-right:1px solid #616265 !important;
	border-left: none !important;
}


#submenus .submenu .subMenuRight {
	border-right: none !important;
	padding-left: 30px;
}



#csrHeaderLeft {
	display: block;
	float: left;
	width: 240px;
	padding: 0;
	margin: 15px 0 0 0;
}


#search-site {
	display: block;
	float: right;
	width: 500px;
	height: 40px;
	padding: 0;
	margin: 6px 0 0 0;
	outline: none;
}
#search-site .csr-search-wrapper
{
	width: 480px;
	padding: 0;
	margin: 0;
	border: 2px solid lightgray;
	border-radius: 5px;
}

#search-site .csr-search-wrapper #edit-keywords
{
	width: 434px;
	margin-right: 0;
	border-width: 0;
	height: 36px;
}

#search-site .csr-search-wrapper #edit-submit-search
{
	margin: 0;
	padding: 0;
	height: 36px;
	width:36px;
}

#search-site .csr-search-wrapper #edit-submit-search a.hover
{
	text-decoration: none;
}

#csrHeaderRight{
	display: block;
	float: right;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
}

#csr-sighup {
	margin-top: -15px;
}

#csr-sighup > label:hover {
	cursor: hand;
}


/* Reduce size before switch to Bootstrap mobile menu */
@media screen and (max-width:1199px) {
	#header .nav {
		margin: 0;
		padding: 5px 0 7px 0;
	}

	#csrHeaderLeft {
		margin: 10px 0 0 0;
	}

	#csrHeaderLeft img {
		height: 50px;
	}

	#search-site {
		width: 400px;
	}
	#search-site .csr-search-wrapper
	{
		width: 380px;
	}

	#search-site .csr-search-wrapper #edit-keywords
	{
		width: 334px;
	}
}


@media screen and (max-width:991px) {

	#header .nav {
		margin-bottom: 0px;
		padding: 5px 0 5px 0;
	}

	#header .nav > li > a {
		padding:2px 6px;
		margin:0 1px;
		font-size: 15px;
	}

	#header .nav > li.active a:after { /* Active menu marker; use :after object so it does not get pushed down when menu link is stretched upon hover */
		top:26px;

	}

	#header .nav > li > a:hover, #header .nav > li > a:focus { /* Stretch link so it's connected to submenu (to prevent submenu slide-up) */
		background-color:inherit;
		padding-bottom: 22px;
		margin-bottom:-22px;
		border-bottom:none;
		padding-right: 6px;
		padding-left: 6px;
		/*color:#414141;*/
		background-color:#414141;
		color:#dbdad3;
	}


	#header .nav > li > a .glyphicon-triangle-bottom { /* Submenu arrow marker */
		bottom:-26px;
		font-size:18px;


	}

	#header .nav > li > a:hover .glyphicon-triangle-bottom, #header .nav > li > a:focus .glyphicon-triangle-bottom {
		bottom: -7px;
	}


	#submenus,
	#submenus .submenu {
		min-height: 348px;
	}

}


/* Mobile button (push Glyphicon over form) */
@media screen and (max-width:767px) {

	body {
		font-size:14px;
	}

	#webform-submission-search-ss-add-form #edit-actions-submit--2,
	#webform-submission-search-ss-node-846-add-form #edit-actions-submit
	{
		top: -44px;
	}

	.view-content .table-responsive .table {
		width:auto;
	}

	.view-content .table-responsive .table th {
		width:auto;
		white-space: normal;
		vertical-align: top;
	}

	.view-content .table-responsive .table tr td:nth-child(1),
	.view-content .table-responsive .table tr td:nth-child(2),
	.view-content .table-responsive .table tr td:nth-child(3)
	{
		width:auto;
		vertical-align: top;
		white-space: normal;
	}

	.view-content .csr-grid-row .csr-grid-view-item  {
		height: 300px;
		overflow: hidden;

	}
	.view-content .csr-grid-row .csr-grid-view-item h3 {
		font-size: 12px;
	}


	#header {
		padding: 10px 0 0 0;
		margin: 0;
	}

	#header .container {
		padding: 0;

	}

	#header .navbar {
		min-height: 80px;
		font-size: 14px;
	}

	/* log */
	#header #csrHeaderLeft {
		margin: 0 0 0 10px;
	}

	#header #csrHeaderLeft img {
		width:auto;
		height:50px;
	}

	/* search */
	#header #search-site {
		float: left;
		padding: 10px;
		margin: 0;
		width:100%;
		height: 64px;
	}

	#header #search-site #views-exposed-form-search-page {
		margin: 0;
		padding: 0;
	}

	#header #search-site .csr-search-wrapper {
		height: 40px;
		width: 300px;
		padding: 0;
		margin: 0;
	}

	#header #search-site .csr-search-wrapper #edit-keywords
	{
		padding: 0 0 0 5px;
		margin: 0;
		width: 260px;
		height: 36px;
	}

	#header #search-site .csr-search-wrapper #edit-submit-search
	{
		position: relative;
		left: 261px;
		top: -36px;
		padding: 0;
		margin: 0;
	}

	#header #csrHeaderRight {
		float: left;
		padding: 0;
		margin: 0;
		width: 100%;
		height: auto;
	}


	#csr-navbar .navbar-nav > li  {
		border-right:none;
	}

	#csr-navbar .csr-mobile-menu-globals > li {
		padding-left: 0;
	}



	/* Mobile header and menu (reduce height) */
	#header .navbar-header {
		margin-right: 10px;
		padding-top: 5px;
	}

	#header .navbar-header:before,
	#header .navbar-header:after { /* Remove clearfix */
		display:block;
		content:none;
	}


	#header .navbar-toggle {
		top:2px;
		margin:0;
		padding:0;
		display:block;
		width:29px;
		height:29px;
		border:none;
		background:url("/sites/default/files/images/csrsite/menu-close@2x.png") no-repeat;
		background-size:29px auto;
		border-radius:0;
	}
	#header .navbar-toggle.collapsed {
		background-image:url("/sites/default/files/images/csrsite/menu-hamburger@2x.png");
	}
	#header .navbar-toggle:hover {
		background-position:0 -29px;
	}

	#header .glyphicon {
		font-size:20px;
		line-height:20px;
	}
	#header .glyphicon-search {
		font-size:20px;
		top:2px;
	}

	/* Flyout Menu */
	#header .navbar-nav {
		float:none !important;
		/*margin:0 0 10px 0;*/
	}


	#header .navbar-collapse {
		clear:both;
		position:relative;
		top:1px;
		margin: 0;
		padding: 0 120px 10px 10px;
		background-color:#414141;
		box-shadow:inset 0 4px 5px 0 rgba(0,0,0,.18);
	}
	/*
	#header .navbar-collapse.collapse.in {
		min-height:90vh;
	}
*/

	#header .navbar-collapse.collapse {
		padding-left: 10px;
		padding-right: 10px;
	}

	/*
	#header .navbar-collapse .nav > li {
		border-bottom: 1px solid #616265 !important;
	}*/

	#header .navbar-collapse .nav > li > a {
		display:block;
		margin:0;
		padding:12px 6px;
		line-height:1.42857143;
		color:#dbdad3;
	}
	#header .navbar-collapse .nav > li > a:hover, #header .navbar-collapse .nav > li > a:focus {
		color:#8ba84c;
	}
	#header .navbar-collapse .nav > li > a:after { /* Carrot */
		content:"\e080";
		display:inline-block;
		float:right;
		padding:2px 0 0;
		color:#dbdad3;
		font-family:'Glyphicons Halflings';
		font-style:normal;
		font-size:12px;
		font-weight:400;
		line-height:17px;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
	}
	#header .navbar-collapse .nav > li > a:hover:after, #header .navbar-collapse .nav > li > a:focus:after {
		color:#8ba84c;
	}

	#header .nav > li.active > a:after { /* Remove active marker */
		position:static;
		top:auto;
		width:auto;
		border:none;
	}

	#header .navbar-collapse ul.mobile-menu-globals {
		margin-bottom:20px;
		font-size:15px;
	}
	#header .navbar-collapse ul.mobile-menu-globals > li > a {
		display:inline-block;
		margin:0;
		padding:6px 26px;
		color:#dbdad3;
	}
	#header .navbar-collapse ul.mobile-menu-globals > li > a:hover, #header .navbar-collapse ul.mobile-menu-globals > li > a:focus {
		color:#8ba84c;
	}


	#footer #footer-partners  {
		padding: 5px;
		margin: 0;
	}
}

@media screen and (max-width:360px) {
	/* Prevent icon wrapping on small mobile */
	#header #header-search {
		margin-right:2px;
	}
	#header .glyphicon {
		font-size:20px;
	}

	.view-content .csr-grid-row {
		font-size: 10px;
	}

	.view-content .csr-grid-row .csr-grid-view-item  {
		height: 220px;
		overflow: hidden;

	}
}

@media screen and (max-width:320px) {
	body {
		font-size: 12px;
	}
}

.flex-list {
		position: relative;
		/* margin: 1em; */
		overflow: hidden;
	}
	.flex-list ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: -1px;
	}
	.flex-list li {
		flex-grow: 1;
        flex-basis: auto;
        font-size: 0.7em;
        margin: .25em 0;
        padding: 0 .5em;
        text-align: center;
        border-left: 1px solid #ccc;
        background-color: #fff!;
	}

	.flex-list ul > li:before {
		background-color: #fff!important;
	}

	/* mobile version of flex list */
	@media screen and (max-width: 1000px) {
		.hidden-sm2 {
			display: none !important;
		}
		.show-sm2 {
			display: block !important;
		}
	}
	/* desktop version of flex list */
	@media screen and (min-width: 1000px) {
		.hidden-sm2 {
			display: block !important;
		}
		.show-sm2 {
			display: none !important;
		}
	}

	#mobile-list {
		font-size: .65em;
	}


	/* mobile version of circle graph */
	@media screen and (max-width: 1000px) {
		.hidden-sm {
			display: none !important;
		}
		.show-sm {
			display: block !important;
		}
	}
	/* desktop version of circle graph */
	@media screen and (min-width: 1000px) {
		.hidden-sm {
			display: block !important;
		}
		.show-sm {
			display: none !important;
		}
	}

	hr.new1 {
  		border-top: 1px solid white;
	}

	.box-new {
    	border: none;
    	background-color: #fff;
		width: 90%;
		padding: 20px;
	}

	.box-gray {
		background-color: #efefef;
		padding: 10px;
	}

	.greenbg {
		background-color: #8ba84c;
		color: #fff;
		padding: 5px;
		font-weight: bold;
	}

	.greenbg2 {
		background-color: #8ba84c;
		display:block;
		width: 120px;
		color: #fff;
		padding-left: 7px;
		font-weight: bold;
	}

	.greybg {
		background-color: #777777;
		display:block;
		width: 120px;
		color: #fff;
		padding-left: 7px;
		font-weight: bold;
	}

	.bigblue {
		font-size: 4em;
		font-weight: bold;
		color: #1B5A90;
	}

	.biggreen {
		font-size: 4em;
		font-weight: bold;
		color: #799B3E;
	}

	ul.evalbullet > li:before {
		content:none;
		display:none;
	}

	ul.evalbullet {
    	margin-left:20px;
	}

	.evalbullet li {
		padding-top: 5px;
		margin-bottom: 10px;
    	list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-white.png');
	}

	.evalbullet li:first-child {
		list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-white.png');
	}

	.evalbullet li:first-child + li {
		list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-blue.png');
	}

	.evalbullet li:first-child + li + li {
		list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-green.png');
	}

	.evalbullet li:first-child + li + li + li {
		list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-purple.png');
	}

	.progress {
		height: 26px;
		margin-bottom: 20px;
		overflow: hidden;
		background-color: #f2f2ed!important;
		border-radius: 0px;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
	}

	.progress-bar {
    	float: left;
    	width: 0;
    	height: 100%;
    	font-size: 16px;
    	line-height: 26px;
    	color: #fff;
    	text-align: center;
    	background-color: none;
    	/* -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    	-webkit-transition: width .6s ease;
    	-o-transition: width .6s ease;
    	transition: width .6s ease; */
}

	.accordion .card {
		position:relative;
		border-top:none;
		border-bottom:1px solid #8ba84c;
		box-shadow:none;
		background-color:#fff;
	}

	.accordion .card + .card {
		margin-top:5px;
	}

	.accordion .card:after {
		content:"";
		position:absolute;
		top:-1px;
		right:-6px;
		display:block;
		width:6px;
		height:100%;
		background:none;
	}

	.accordion .card p {
		padding-left:30px;
	}

	.btn-link {
		text-align: left;
		text-decoration: none!important;
        white-space: normal;
		}

.progress-bar-1,
.progress-bar-2,
.progress-bar-3 {width:85%; background-color:#215d96;}
.progress-bar-4 {width:80%; background-color:#215d96;}
.progress-bar-5 {width:5%;background-color:#fff;}

.progress-bar-csr {margin-top:-15px;}

.progress-bar-p {margin-bottom:1px;}

/* end biro code */





/* biro code 4/10/2019 */

#csr-media-container {background-color: white;}
#csr-media {
	display: block;
	margin-left: 20px;
}

#csr-media .icon {
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	left:-10px;
}

#csr-media ul li a {
	top: 0;
	left: 0;
	margin: 1px 30px 1px 1px;
	text-decoration: none;
	color: black;
}


#csr-media ul li a:hover {
	text-decoration: underline;
	background-color: white;
}




.twitter-csr .icon {
	background-image: url(/sites/default/files/images/icons/icons-2x-sa080fff095.png);
	background-size: 189px 208px;
	background-position: -120px -67px;
}

.contactus-csr .icon {
	background-image: url(/sites/default/files/images/icons/icons-2x-sa080fff095.png);
	background-size: 189px 208px;
	background-position: -120px -40px;
}


.facebook-csr .icon {
	background-image: url(/sites/default/files/images/icons/icons-2x-sa080fff095.png);
	background-size: 189px 208px;
	background-position: -20px 0;
}

.youtube-csr .icon {
	background-image: url(/sites/default/files/images/icons/icons-2x-sa080fff095.png);
	background-size: 189px 208px;
	background-position: 0 -20px;
}

.blog-csr .icon {
	background-image: url(/sites/default/files/images/icons/icons-2x-sa080fff095.png);
	background-size: 189px 208px;
	background-position: -120px -20px;
}

.Linkedin-csr .icon {
	background-image: url(/sites/default/files/images/icons/icons-2x-sa080fff095.png);
	background-size: 189px 208px;
	background-position: -60px -67px;
}


/* FAQs page styles */
    .accordion .card {
	        position:relative;
	        border-top:none;
	        border-bottom:1px solid #dbdad3;
	        box-shadow:none;
	        background-color:#fff;
	    }
	    .accordion .card + .card {
	        margin-top:5px;
	    }
	    .accordion .card:after {
	        content:"";
	        position:absolute;
	        top:-1px;
	        right:-6px;
	        display:block;
	        width:6px;
	        height:100%;
	        background:none;
	    }
	    .accordion .card p {
	        padding-left:30px;
	    }
	    /* chat bot override display styles */
	    .wc-chatview-panel {
	        margin: 30px;
	        border: thin #dddddd solid;
	    }
	    .snow .wc-header {
	    display: none;
	    }
	    .snow .wc-message-groups {
	border-left: none;
	border-right: none;
	background-image: none;
	    }
	    .wc-message-groups {
	  bottom: 0px;
	  left: 0;
	  transform: translateY(0);
	  outline: 0;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  padding: 10px;
	  position: absolute;
	  right: 0;
	  top: 0px;
	  transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); }
	    .snow .wc-console {
	    border-color: #dddddd;
	    border: thin solid #dddddd;
	background-color: #ffffff;
	border-radius: 0px;
	    }
	    .snow .wc-message-from-bot .wc-message-content {
	    background-color: #efefef;
	    color: black;
	    border-radius:10px 10px 10px 0px;
	    }
	    .wc-message .wc-message-from-bot::before {
	        display: none;
	    }
	    .wc-message.wc-message-from-bot {
	margin-left: 0px;
	    }
	    .snow .wc-console .wc-textbox {
	bottom: 0;
	left: 10px;
	right: 0px;
	    }
	/* FAQs page styles */
	/* Virtual assistant*/
	.popup-box {
		background-color: #ffffff;
		 border: 1px solid #b0b0b0;
		 bottom: 0;
		 display: none;
		 height: auto;
		 position: fixed;
		 right: 20px;
		 width: 500px;
		 font-family: 'Open Sans', sans-serif;
		 z-index: 1;
 }
	.round.hollow {
	margin: 0 0 20px;
	}
	.round.hollow a {
    border: 2px solid #8ba84c;
    border-radius: 35px;
    color: #8ba84c;
    font-size: 23px;
    padding: 10px 21px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
}
	.round.hollow a:hover {
	border: 2px solid #000;
	border-radius: 35px;
	color: red;
	color: #000;
	font-size: 23px;
	padding: 10px 21px;
	text-decoration: none;
	}
	.popup-box-on {
	display: block !important;
	}
	.popup-box .popup-head {
	background-color: #fff;
	clear: both;
	color: #7b7b7b;
	display: inline-table;
	font-size: 21px;
	padding: 0px;
	width: 100%;
	font-family: Oswald;
	}
	.bg_none i {
	border: 1px solid #ff6701;
	border-radius: 25px;
	color: #ff6701;
	font-size: 17px;
	height: 33px;
	line-height: 30px;
	width: 33px;
	}
	.bg_none:hover i {
	border: 1px solid #000;
	border-radius: 25px;
	color: #000;
	font-size: 17px;
	height: 33px;
	line-height: 30px;
	width: 33px;
	}
	.bg_none {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	}
	.popup-box .popup-head .popup-head-right {
	margin: 11px 7px 0;
	}
	.popup-head-left img {
	border: 1px solid #7b7b7b;
	border-radius: 50%;
	width: 44px;
	}
	.popup-messages-footer > textarea {
	border-bottom: 1px solid #b2b2b2 !important;
	height: 34px !important;
	margin: 7px;
	padding: 5px !important;
	border: medium none;
	width: 95% !important;
	}
	.popup-messages-footer {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	}
	.popup-messages-footer .btn-footer {
	overflow: hidden;
	padding: 2px 5px 10px 6px;
	width: 100%;
	}
	.simple_round {
	background: #d1d1d1 none repeat scroll 0 0;
	border-radius: 50%;
	color: #4b4b4b !important;
	height: 21px;
	padding: 0 0 0 1px;
	width: 21px;
	}
	.popup-box .popup-messages {
	background: #8ba84c none repeat scroll 0 0;
	height: auto;
	overflow: auto;
	}
	.direct-chat-messages {
	overflow: auto;
	padding: 5px;
	transform: translate(0px, 0px);
	}
	.popup-messages .chat-box-single-line {
	border-bottom: 1px solid #a4c6b5;
	height: 12px;
	margin: 7px 0 20px;
	position: relative;
	text-align: center;
	}
	.popup-messages abbr.timestamp {
	background: #3f9684 none repeat scroll 0 0;
	color: #fff;
	padding: 0 11px;
	}
	.popup-head-right .btn-group {
	display: inline-flex;
	margin: 0 8px 0 0;
	vertical-align: top !important;
	}
	.chat-header-button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #636364;
	border-radius: 50%;
	font-size: 14px;
	height: 30px;
	width: 30px;
	float: right;
	}
	.popup-head-right .btn-group .dropdown-menu {
	border: medium none;
	min-width: 122px;
	padding: 0;
	}
	.popup-head-right .btn-group .dropdown-menu li a {
	font-size: 12px;
	padding: 3px 10px;
	color: #303030;
	}
	.popup-messages abbr.timestamp {
	background: #3f9684 none repeat scroll 0 0;
	color: #fff;
	padding: 0 11px;
	}
	.popup-messages .chat-box-single-line {
	border-bottom: 1px solid #a4c6b5;
	height: 12px;
	margin: 7px 0 20px;
	position: relative;
	text-align: center;
	}
	.popup-messages .direct-chat-messages {
	height: auto;
	}
	.popup-messages .direct-chat-text {
	background: #dfece7 none repeat scroll 0 0;
	border: 1px solid #dfece7;
	border-radius: 2px;
	color: #1f2121;
	}
	.popup-messages .direct-chat-timestamp {
	color: #fff;
	opacity: 0.6;
	}
	.popup-messages .direct-chat-name {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 0 49px !important;
	color: #fff;
	opacity: 0.9;
	}
	.popup-messages .direct-chat-info {
	display: block;
	font-size: 12px;
	margin-bottom: 0;
	}
	.popup-messages .big-round {
	margin: -9px 0 0 !important;
	}
	.popup-messages .direct-chat-img {
	border: 1px solid #fff;
	background: #3f9684 none repeat scroll 0 0;
	border-radius: 50%;
	float: left;
	height: 40px;
	margin: -21px 0 0;
	width: 40px;
	}
	.direct-chat-reply-name {
	color: #fff;
	font-size: 15px;
	margin: 0 0 0 10px;
	opacity: 0.9;
	}
	.direct-chat-img-reply-small
	{
	border: 1px solid #fff;
	border-radius: 50%;
	float: left;
	height: 20px;
	margin: 0 8px;
	width: 20px;
	background:#3f9684;
	}
	.popup-messages .direct-chat-msg {
	margin-bottom: 10px;
	position: relative;
	}
	.popup-messages .doted-border::after {
	background: transparent none repeat scroll 0 0 !important;
	border-right: 2px dotted #fff !important;
	bottom: 0;
	content: "";
	left: 17px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 2px;
	display: inline;
	/*z-index: -2;*/
	}
	.popup-messages .direct-chat-msg::after {
	background: #fff none repeat scroll 0 0;
	border-right: medium none;
	bottom: 0;
	content: "";
	left: 17px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 2px;
	display: inline;
	/* z-index: -2;*/
	}
	.direct-chat-text::after, .direct-chat-text::before {
	border-color: transparent #dfece7 transparent transparent;
	}
	.direct-chat-text::after, .direct-chat-text::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #d2d6de transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: medium;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	top: 15px;
	width: 0;
	}
	.direct-chat-text::after {
	border-width: 5px;
	margin-top: -5px;
	}
	.popup-messages .direct-chat-text {
	background: #dfece7 none repeat scroll 0 0;
	border: 1px solid #dfece7;
	border-radius: 2px;
	color: #1f2121;
	}
	.direct-chat-text {
	background: #d2d6de none repeat scroll 0 0;
	border: 1px solid #d2d6de;
	border-radius: 5px;
	color: #444;
	margin: 5px 0 0 50px;
	padding: 5px 10px;
	position: relative;
	}
	/* Virtual assistant*/
	/* Accordion */
	.ckeditor-accordion-container > dl {
	    border: 1px solid #8ba84c;
	}
	.ckeditor-accordion-container > dl dt.active > a,
	.ckeditor-accordion-container > dl dt > a {
	background-color: #FFF;
	color: #000;
	}
	.ckeditor-accordion-container > dl dt > a {
	    border-bottom: 1px solid #8ba84c;
	}
	.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:before,
	.ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle:after {
	    background: #000;
	}
	.ckeditor-accordion-container > dl dt > a:hover {
	    background-color: #FFF;
	}

	.container-main {

		position: fixed;

		bottom: 0px;

		right: 20px;

		}

/*190627*/
.csr-photo-card {
	padding: 0;
	margin: 0;
}

.grid .csr-photo-card > [class*="col-"] {
	margin: 0;
	padding: 0;
}

.csr-photo-div {
	padding: 0;
	margin: 0;
}

	.csr-photo-div .csr-photo-image {
			width: 100%;
	}

.csr-photo-title {
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0 1px 20px;
}

	.csr-photo-title .glyphicon {
		margin-top: 4px;
		color: gray;
	}

	.csr-photo-title .csr-photo-email {
			float: right;
			margin-right: 20px;
	}

.csr-photo-content {
	margin: 0 0 0 20px;
}

	.csr-photo-content p {
			margin-bottom: 1px;
			padding-left: 1px;
			padding-bottom: 0;
			margin-right: 20px;
	}




/* 20190703 */
.signup-div {
	background-color: #8ba84c;
	border: 1px solid #95989A;
}

.signup-div .row { /* Overlap background chevron */
	padding: 40px 30px;
	background: url("/sites/default/files/images/csrsite/signup-back@2x.png") no-repeat;
	background-size: 50% 100%;
	vertical-align: middle !important;
	margin: -1px 0 -1px -1px;
}

.signup-div .signup-label {
	font: normal 25px/1.4 "Droid Serif", "Times New Roman", serif;
	color: #fff;
}

.signup-div .signup-link-div {
	padding-top: 3px;
}

.signup-div .signup-link a {
	font: normal 22px/1.4 "Droid Serif", "Times New Roman", serif;
	background-color: white;
	color: black;
	padding: 10px 25px;
	border-radius: 5px;
	text-decoration: none;
	height:30px;
}


@media screen and (max-width:1199px) {

	.signup-div .signup-link-div {
		padding-top: 20px;
	}
}

@media screen and (max-width:767px) {

	.signup-div .signup-link-div {
		text-align: center !important;
	}
}
/* 20190703 end */

/* 20190910*/
img.csr-img-PriorityScore {
	float: right;
	width: 67%;
	margin-left: 20px;
	margin-bottom: 20px;
}

img.csr-img-Results {
	float: right;
	width: 100%;
	margin-left: 20px;
	margin-bottom: 20px;
}

h2.csr-h2-title1 {border-bottom: 2px solid white; margin-bottom: 20px; padding-bottom: 20px;}

ul.csr-ul-basic {margin: 8px 20px;padding: 0;}
ul.csr-ul-basic li {margin: 0;padding: 0;}

dl.csr-dl-basic {margin-top:11px;}
dl.csr-dl-basic > dd {padding: 2px 5px; }
/* 20190910 end */

/*20191115*/
.csr-list-less-space li{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0.6em;
    padding-left: 1em;
    line-height: 1.2em;
    font-size: 1.1em;
}

.applyToLink a{
    background-color: white;
    color: black;
    padding: 9px 25px;
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid #d4d1d1;
}

.white-hr {
    height: 2px;
    border: 0;
    border-top: 2px solid white;
    padding: 0;
    margin-bottom:30px;
    margin-top:30px;
}

.span-sub_title {
    line-height: 1.2em;
    font-size: 1.1em;
    font-weight: bold;
}
/*20191115 end*/


/*01/06/2020*/
.organizational-chart {
	background:#f1f1eb;
	padding:20px 0px;
}

.organizational-chart-col, .organizational-chart-col-dms, .organizational-chart-col-drr, .organizational-chart-col-oco,
.organizational-chart-col-sm-5, .organizational-chart-col-sm-5-d, .organizational-chart-col-od, .organizational-chart-col-sm-6, .organizational-chart-col-sm-7, .organizational-chart-col-sm-3, .organizational-chart-col-sm-4, .organizational-chart-col-sm-9, .organizational-chart-col-sm-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 15px;
}

.organizational-chart-col-line {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

.organizational-chart-col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
  }

.organizational-chart-col-dms {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding-right: 5%;
	padding-left: 25%;
  }

.organizational-chart-col-drr {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	padding-right: 25%;
	padding-left: 5%;
}

.organizational-chart-col-oco {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 30%;
}

.organizational-chart-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
  }

.card-well{background:#ffffff; border-top:4px solid #89a84a; padding:15px; } /*remove margin-bottom:50px; on 03/28/2021*/
.card-main-list .main-card{margin:0px auto;
margin-top:30px;}

/*03/28/2021*/
/* .card-main-list .main-card:after{position:absolute;height:25px; border-left:3px solid #767676; left: 50%; bottom: 24px; content:"";width:10px;} */
.card-main-list .main-card:after{position:absolute;height:25px; left: 50%; bottom: 24px; content:"";width:10px;}
/*03/28/2021 end*/
.sub-list-1 .chart-line:after{position: absolute;height: 100%;border-left: 3px solid #767676; left: 50%; bottom: 25px; content: "";width: 10px;}
.sub-list-1 .chart-line:before{position: absolute;height: 100%;border-left: 3px solid #767676; left: 50%; top: -50px; content: "";width: 10px;}
.sub-list-1 .organizational-chart-col-line:after{position: absolute;height: 100%;border-left: 3px solid #767676; left: 50%; bottom: 25px; content: "";width: 10px;}
.sub-list-1 .organizational-chart-col-line:before{position: absolute;height: 100%;border-left: 3px solid #767676; left: 50%; top: -50px; content: "";width: 10px;}
.sub-list-1 .organizational-chart-col-dms:after{position:absolute;height:25px; border-left:3px solid #767676; left:70%; top:-25px; content:"";width:10px;}
.sub-list-1 .organizational-chart-col-dms:before{position:absolute;height:5px; border-top:3px solid #767676; left:70%; top:-25px; content:"";width:60%;}
.sub-list-1 div.organizational-chart-col-dms:last-child:before{border:none;}
.sub-list-1 .organizational-chart-col-drr:after{position:absolute;height:25px; border-right:3px solid #767676; right:70%; top:-25px; content:"";width:10px;}
.sub-list-1 .organizational-chart-col-drr:before{position:absolute;height:5px; border-top:3px solid #767676; right:70%; top:-25px; content:"";width:100%;}
.sub-list-1 div.organizational-chart-col-drr:last-child:before{border:none;}

/* .sub-list-2 .organizational-chart-col:after{position:absolute;height:25px; border-left:3px solid #767676; left:50%; top:-25px; content:"";width:10px;}
.sub-list-2 .organizational-chart-col:before{position:absolute;height:5px; border-top:3px solid #767676; left:50%; top:-25px; content:"";width:100%;} */
/*03/28/2021*/
.sub-list-2 .organizational-chart-col:after{position:absolute;height:25px; left:50%; top:-25px; content:"";width:10px;}
.sub-list-2 .organizational-chart-col:before{position:absolute;height:5px; left:50%; top:-25px; content:"";width:100%;}
/*03/28/2021 end*/

.sub-list-2 div.organizational-chart-col:last-child:before{border:none;}

.img-row img{width:100%; height:auto;}
.img-row{margin-bottom:10px;}
.card-well {
	font-size:13px;
}
.card-well  h3{font-size:16px; margin-top:20px;}
.card-well h3:first-child{margin-top:0px;}
.card-well a{display:block; }

@media screen and (max-width: 991px) {
    .main-card, .sub-card{flex-basis: auto; width:100%;max-width: 100%;}
	.sub-list-1 .chart-line:after, .sub-list-1 .chart-line:before{display:none;}
	.sub-list-1 .organizational-chart-col-line:after, .sub-list-1 .organizational-chart-col-line:before{display:none;}
	.sub-list-1 .organizational-chart-col:after, .sub-list-1 .organizational-chart-col:before{display:none;}
	.sub-list-1 .organizational-chart-col-dms:after, .sub-list-1 .organizational-chart-col-dms:before{display:none;}
	.sub-list-1 .organizational-chart-col-drr:after, .sub-list-1 .organizational-chart-col-drr:before{display:none;}
	.sub-list-2 .organizational-chart-col:after, .sub-list-2 .organizational-chart-col:before{display:none;}
	.card-main-list .main-card:after{display:none;}
	.card-well{margin-bottom:20px;}
}

.organizational-chart-container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	background:#f1f1eb;
}

@media (min-width: 576px) {
	.organizational-chart-container {
	  max-width: 540px;
	}
}

@media (min-width: 768px) {
	.organizational-chart-container {
	  max-width: 720px;
	}
}

@media (min-width: 992px) {
	.organizational-chart-container {
	  max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.organizational-chart-container {
	  max-width: 1140px;
	}
}

@media (min-width: 576px) {

	.organizational-chart-col-sm-5 {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 41.666667%;
	  flex: 0 0 41.666667%;
	  max-width: 41.666667%;
	}

	.organizational-chart-col-sm-5-d {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 41.666667%;
	  flex: 0 0 41.666667%;
	  max-width: 41.666667%;
	  padding-left: 0px;
	}

	.organizational-chart-col-od-director {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 24%;
		flex: 0 0 24%;
		max-width: 24%;
	}

	.organizational-chart-col-od {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 19%;
		flex: 0 0 19%;
		max-width: 19%;
	}

	.organizational-chart-col-line {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 0;
		flex: 0 0 0;
		max-width: 0;
	  }

	.organizational-chart-col-sm-6 {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 50%;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	.organizational-chart-col-sm-7 {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 58.333333%;
	  flex: 0 0 58.333333%;
	  max-width: 58.333333%;
	  padding-left: 0px;    /*04/06/2021*/
	}

	.organizational-chart-col-sm-3 {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 25%;
	  flex: 0 0 25%;
	  max-width: 25%;
	  padding-left: 10px;    /*01/25/2022*/
	}

	.organizational-chart-col-sm-4 {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 33.333333%;
	  flex: 0 0 33.333333%;
	  max-width: 33.333333%;
	  padding-left: 0px;    /*01/25/2022*/
	}

	.organizational-chart-col-sm-9 {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 75%;
	  flex: 0 0 75%;
	  max-width: 75%;
	  padding-left: 0px;    /*01/25/2022*/
	}

	.organizational-chart-col-sm-12 {
	  -webkit-box-flex: 0;
	  -ms-flex: 0 0 100%;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
}

.csr-org-black{
	color: #000;
	text-decoration: none
}

.csr-org-indent{
	padding-left: 20px;
}

.csr-org-border{
	border-style: groove;
	border-width:thin;
	border: rgba(255, 255, 255, .5);
	padding: 5px;
	margin: 9px;   /*04/06/2021*/
}
/*01/06/2020 end*/

/*03/17/2020*/
.emergency-message {
    background-color: #be2c2c;
    color: #fff;
    padding: 1em 1em 0.25em 1em;
}

.emergency-message-csr {
    background-color: #666768;
    color: #fff;
    padding: 1em 1em 0.25em 1em;
}

@media (min-width: 800px){
	.emergency-message {
		padding: 1em 1.5em 0.5em 1.5em;
	}

	.emergency-message-csr {
		padding: 1em 1.5em 0.5em 1.5em;
	}
}

.emergency-message h1, .emergency-message h2, .emergency-message h3, .emergency-message h4, .emergency-message a {
    border-color: #fff;
    color: #fff;
}

.emergency-message-csr h2, .emergency-message-csr h3, .emergency-message-csr h4, .emergency-message-csr a {
    border-color: #fff;
    color: #fff;
}
/*03/17/2020 end*/

/*04/23/2020*/

ul.enquirebullet > li:before {
	content:none;
	display:none;
}

ul.enquirebullet {
	text-align: left;
	padding-left: 50px;
}

.enquirebullet li {
	font-size:19px;
	padding-left:5px;
	list-style-image:url('/sites/default/files/images/enquire-images/green-arrow@3x.png');
}

ul.enquire-follow-bullet > li:before {
	content:none;
	display:none;
}

ul.enquire-follow-bullet {
	margin-left:20px;
	margin-bottom: -50px;
}

.enquire-follow-bullet li {
	color: #757575;
	background: url('/sites/default/files/images/enquire-images/change-icon@3x.png') no-repeat left top;
	padding: 12px 0px 22px 80px;
	margin-bottom: 10px;
}

ul.enquire-follow-bullet > li:last-child {
	color: #757575;
	padding: 12px 0px 22px 80px;
    margin-bottom: 40px;
}

.enquire-follow-bullet li:first-child {
	background:url('/sites/default/files/images/enquire-images/change-icon@3x.png') no-repeat left top;
}

.enquire-follow-bullet li:first-child + li {
	background:url('/sites/default/files/images/enquire-images/merge-icon@3x.png') no-repeat left top;
}

.enquire-follow-bullet li:first-child + li + li {
	background:url('/sites/default/files/images/enquire-images/create-icon@3x.png') no-repeat left top;
}

.enquire-follow-bullet li:first-child + li + li + li {
	background:url('/sites/default/files/images/enquire-images/redistribute-icon@3x.png') no-repeat left top;
}

.enquire-follow-bullet li:first-child + li + li + li + li{
	background:url('/sites/default/files/images/enquire-images/add-icon@3x.png') no-repeat left top;
}

.enquire-follow-bullet li:last-child{
	background:url('/sites/default/files/images/enquire-images/eliminate-icon@3x.png') no-repeat left top;
}

.col-enquire {
	float: left;
  	width: 50%;
  	padding: 10px;
}

.col-enquire-left {
	width: 30%;
}

.col-enquire-right {
	width: 70%;
	padding-left: 80px;
}

@media screen and (max-width: 767px) {
	.col-enquire {
	  width: 100%;
	}
}

.enquire-button {
	background-color: rgb(12, 56, 136);
	display: inline-block;
    color: #FFFFFF;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: auto;
    opacity: 0.9;
}

.enquire-button:visited {
	color: #FFFFFF;
}

.enquire-button:hover {
	color: #FFFFFF;
}

.enquire-vertical-center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

ul.enquire-process-bullet > li:before {
	content:none;
	display:none;
}

ul.enquire-process-bullet {
	text-align: left;
}

.enquire-process-bullet li {
	font-size:19px;
	padding-left:5px;
	padding-bottom:5px;
	list-style-image:url('/sites/default/files/images/enquire-images/blue-arrow@3x.png');
}

.enquire-process-block {
	border-width: thin;
	padding-left: 22px;
	padding-bottom: 20px;
    margin-left: -17px;
    margin-bottom: -20px;
    margin-top: -35px;
	border-left-style: solid;
	border-left-color: rgb(12, 56, 136);
}

.enquire-process-block-last {
	border-left-color: white;
	margin-bottom: 5px;
}

.enquire-process-block-inside {
	color: #757575;
	padding-top: 10px;
	padding-bottom: 15px;
}

.enquire-hr {
	border-width: medium;
	border-top-color:white;
}

ul.enquire-li {
	margin-bottom: 0.1em;
}

ul.enquire-li > li {
	padding-bottom: 0.1em;
}

ul.enquire-process-li {
	margin-bottom: 0.1em;
	padding-left: 5px;
}

ul.enquire-process-li > li {
	padding-bottom: 0.1em;
}

.enquire-process-row {
	padding-top: 40px;
}

/*04/23/2020 end*/

/*05/04/2020*/
.rrss-block-inside {
	padding-top: 10px;
	padding-bottom: 15px;
}

div.rrss-block-inside > p {
	margin: 0 0 0.1em;
}

ul.rrss-li {
	margin-bottom: 0.1em;
	padding-left: 15px;
}

ul.rrss-li > li {
	padding-bottom: 0.1em;
}
/*05/04/2020 end*/

/*05/05/2020*/
ul.outreach-li {
	margin-top: -33px;
	margin-bottom: 0.1em;
	margin-left: 15px;
	padding-left: 15px;
}

ul.outreach-li > li {
	padding-bottom: 0.1em;
	padding-left: 5px;
	list-style-type: circle;
}

ul.outreach-li > li:before {
	background-color: white;
}
/*05/05/2020 end*/

/*05/06/2020*/
img.rrss-icon {
	padding-left: 50px;
}

.rrss-color {
	color: rgb(12, 56, 136);;
}

/*05/06/2020 end*/

/*07/20/2020*/
.art-detail {
	color: black;
	font-size:20px;
	text-align: left;
}

.art-button {
	background-color: rgb(12, 56, 136);
	display: inline-block;
    color: #FFFFFF;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: auto;
    opacity: 0.9;
}

.art-button:visited {
	color: #FFFFFF;
}

.art-button:hover {
	color: #FFFFFF;
}

.ss-red-text {
	color: red;
}

.ss-img-responsive {
	max-width: 100%;
    height: auto;
}

.enquire-logo {
	margin-top: -45px;
	margin-bottom: 20px;
	margin-left: auto;
  	margin-right: auto;
	width: 80%;
	font-size: 20px;
	color: #757575;
}

.ss-green-text {
	color: #799B3E;
}

.ss-small-font {
	font-size: 15px;
	color: #757575;
}

/*07/20/2020 end*/

/*09/30/2020*/
.smallblue {
	font-weight: bold;
	color: #1B5A90;
}

.col-new-chair {
	float: left;
  	width: 50%;
  	padding: 10px 10px 50px 10px;
}

/*09/30/2020 end*/

/*11/03/2020*/
.csrac-right-col-background {
	background-color: #fff;
}

.col-csrac {
	float: left;
  	width: 50%;
}

.col-csrac-left {
	width: 70%;
	padding-left: 0px;
	padding-right: 20px;
}

.col-csrac-right {
	width: 30%;
}

.col-csrac-right-inside {
	padding-left: 20px;
	padding-right: 20px;
}

.col-csrac-right-inside-title {
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
}

.col-csrac-right-title {
	color: #757575;
}

ul.csrac-bullet > li:before {
	content:none;
	display:none;
}

ul.csrac-bullet {
	text-align: left;
	padding-left: 20px;
}

.csrac-bullet li {
	padding-bottom: 0;
	padding-left: 0;
	list-style-image:url('/sites/default/files/CSRAC-photos/icon-csrac.png');
}
/*11/03/2020 end*/

/*11/12/2020*/
ul.evalbullet-zoom > li:before {
	content:none;
	display:none;
}

ul.evalbullet-zoom {
	margin-left:25px;
	margin-bottom: 17px;
}

.evalbullet-zoom li {
	padding-bottom: 2px;
	padding-top: 2px;
	margin-top: 10px;
	margin-left: 14px;
	margin-bottom: 10px;
	text-align: left;
	list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-empty.png');
}

.evalbullet-zoom li:first-child {
	list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-empty.png');
}

.evalbullet-zoom li:first-child + li {
	list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-grey.png');
}

.evalbullet-zoom li:first-child + li + li {
	list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-green.png');
}

.evalbullet-zoom li:first-child + li + li + li {
	list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-purple.png');
}

.evalbullet-zoom li:first-child + li + li + li + li {
	list-style-image:url('/sites/default/files/images/Evaluations2018_Images/square-blue.png');
}
/*11/12/2020 end*/

/*11/20/2020*/
.org-char-small-font {
	font-size: 13px;
}
/*11/20/2020 end*/

/*03/02/2021*/
.eva-table-text {
	text-align: center;
}

.eva-table-text-middle {
	vertical-align: middle !important;
}

.eva-table-color {
	background-color:#ddd;
}

.eva-table-width {
	width:100%;
}

.eva-table-col8-width {
	width:12.5%;
}

.eva-table-col7-width {
	width:14.28%;
}

.eva-table-small-font {
	font-size: 15px;
}

.eva-table-page-header {
	width:1150px;
}

.eva-table-page-header {
	width:900px;
	margin:0 auto;
	padding:26px 15px 50px;
	border-bottom:none;
	color:#757575;
	font-size:24px;
	text-align: center;
}

@media screen and (min-width:767px) {
	.eva-table-page-header {
		width:1150px;
	}
}


/*03/02/2021 end*/

/*03/04/2021*/
.ss-interity-link {
	background-color: #8ba84c;
	display: inline-block;
  color: #FFFFFF;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  margin: auto;
  opacity: 0.9;
  float: right;
  margin-top: -30px;
}

.ss-interity-link:visited {
	color: #FFFFFF;
}

.ss-interity-link:hover {
	color: #FFFFFF;
}
/*03/04/2021 end*/

/*03/24/2021*/
/* Home Background color area */
.backgrounded-home {
	padding:18px 0 0;
	background-color:white;
}
@media screen and (max-width:767px) {
	.backgrounded-home {
		padding-bottom:20px;
	}
}

.backgrounded-home-tile-1 {
	background-color:#215d96;
}

.backgrounded-home-tile-1 p {
    margin: 0 0 0.2em;
    line-height: 1.1;
}

.backgrounded-home-tile-2 {
	background-color:#666768;
}

.backgrounded-home-tile-2 p {
    margin: 0 0 0.2em;
    line-height: 1.1;
}

.home-tile-font-color {
	color: white;
}

.home-tile-font-color-small {
	color: white;
  font-size: 20px;
}

ul.csrac-bullet-top > li:before {
	content:none;
	display:none;
}

ul.csrac-bullet-top {
	text-align: left;
	padding-left: 8px;
	padding-top: 8px;
}

.csrac-bullet-top li {
	padding-bottom: 0;
	padding-left: 0;
	list-style-image:url('/sites/default/files/CSRAC-photos/icon-csrac.png');
}

.csrac-subnav {
	width: 600px;
	text-align: center;
	margin: 0 auto;
}

.csrac-subnav ul li:first-child{
	border-left: none;
}

.csr-ul-padding-bottom{
	padding-bottom: 0;
}
/*03/24/2021 end*/

/*03/28/2021*/
.right-line {
	border-right: 3px #767676 solid;
	height:2em
}

  .top-line {
	border-top: 3px #767676 solid;
  }

  .halved {
	width: 50%;
	float:left;
  }

  .col-xs-5ths,
  .col-sm-5ths,
  .col-md-5ths,
  .col-lg-5ths {
	  position: relative;
	  min-height: 1px;
	  /* padding-right: 15px;
	  padding-left: 15px; */
  }

  .col-padding {
	  padding-right: 50px;
	  padding-left: 50px;
  }

  .col-padding-left {
	padding-right: 15px;
	padding-left: 83px;
}

.col-padding-right {
	padding-right: 83px;
	padding-left: 15px;
}

  .col-xs-5ths {
	  width: 20%;
	  float: left;
  }

  @media (min-width: 768px) {
	  .col-sm-5ths {
		  width: 20%;
		  float: left;
	  }
  }

  @media (min-width: 992px) {
	  .col-md-5ths {
		  width: 20%;
		  float: left;
	  }
  }

  @media (min-width: 1200px) {
	  .col-lg-5ths {
		  width: 20%;
		  float: left;
	  }
  }

.org-chart-row {
	margin-top: 0 !important;
}

.org-chart-card {
	font-size: 13px;
	min-width:90%;
}

.org-chart-line-bottom {
	margin-bottom: 10px;
}

/*03/28/2021 end*/

/*04/12/2021*/
.work-group-row-bottom {
	margin-bottom: -24px;
}

.csr-photo-image-wg {
  height: 100px;
  width: auto;
}

.ac-member {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.5;
}

ul.wg-ul-list {
	list-style-position: inside;
	margin-left: 2px;
	margin-top: 2px;
    margin-bottom: 0px;
}
ul.wg-ul-list li {
	 line-height: 23px;
	 margin-left: 6px;
	 padding-bottom: 0px;

}

/*04/12/2021 end*/

/*04/29/2021*/
.webinar-table-border {
	width: 100%;
}

.webinar-table-border > tbody > tr > td {
	padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
	border-bottom: 1px solid #ddd;
}

.webinar-table-col3-width {
	width:33.3%;
}
/*04/29/2021 end*/

/*05/17/2021*/
.ss-banner {
	background-color: #E5EED9;
	display: inline-block;
    padding: 0px 2px;
    text-decoration: none;
    font-size: 16px;
    margin-top: -30px;
    opacity: 0.9;
}

.banner-left-margin {
	margin-left: -45px !important;
}
/*05/17/2021 end*/

/*05/18/2021*/
.pager li:before {
    background-color: white;
}
/*05/18/2021 end*/

/*08/27/2021*/

ul.swooshbullet > li:before {
	content:none;
	display:none;
}

ul.swooshbullet {
	text-align: left;
	padding-left: 50px;
}

.swooshbullet li {
	font-size:19px;
	padding-left:5px;
	list-style-image:url('/sites/default/files/images/request-srg/swooshicon.png');
}

.dion {
    /*background: #68AC93;*/
    width: 100%;
    margin: 0 auto 1px auto;
    /*border: 1px solid #68AC93;*/
    transition: ease .26s;
    position: relative;
    /*max-width: 800px;*/
    /*border-bottom: 1px solid #C5C5C5;*/
}

.dion input{
    display: none;
}

.dion label{
    display: block;
    padding: 8px 22px;
    margin: 0 0 1px 0;
    cursor: pointer;
    background: #fff;
	  font-size: 18px;
	font-weight: 100;
    /*border-radius: 3px;*/
    color: #757575;
    transition: ease .5s;
    position: relative; /* ADDING THIS IS REQUIRED */
}

.dion label:hover{
    background: #fff;
}

.dion label::after{
    content: '+';
	color: #dbdad3;
    font-size: 30px;
    /*font-weight: bold;*/
    position: absolute;
    right: 10px;
    top: 2px;
}

.dion input:checked + label::after{
    content: '-';
	color: #dbdad3;
	font-size: 40px;
    right: 14px;
    top: 0px;
}

.dion .content{
    background: #fff;
    padding: 10px 25px;
    /*border: 1px solid #A7A7A7;*/
    margin: 0 0 1px 0;
    border-radius: 3px;

}

.dion input + label + .content{
    display: none;
}

.dion input:checked + label + .content{
    display: block;
}

.request-srg-header{
	text-align: center !important;
}

/*08/27/2021 end*/

/*09/13/2021*/

.col-enquire-covid-news-img {
	float: left;
  	width: 50%;
  	padding: 10px 10px 0px 10px;
}

@media screen and (max-width: 767px) {
	.col-enquire-covid-news-img {
	  width: 100%;
	}
}

.covid-news-padding{
	padding-bottom: 0px !important;
}

.font-size-10{
	font-size:10px;
}


/*09/13/2021 end*/

/*09/20/2021*/
div.desc {
	padding: 15px;
  	text-align: center;
}

img.step_img {
	max-width: 100%;
}

div.learning-step{
	color: #757575;
    font-size: 24px;
    text-align: center;
}

.login_note {
	background-color: #8ba84c;
    	border: 1px solid #95989A;
	color: #fff;
	border-radius: .125rem;
	margin: auto;
	width: 100%;
	padding: 20px;
	text-align: center;
	clear: left;}

ul.left-margin {
	margin-left: 15px;
}
/*09/20/2021 end*/

/*11/24/2021*/
.ss-ad-banner {
	background-color: #E5EED9;
	display: inline-block;
    padding-right: 15px;
	padding-bottom: 10px;
    text-decoration: none;
    font-size: 16px;
    margin-top: -30px;
    opacity: 0.9;
}

.ss-ad-small-font {
	font-size: 22px;
	/* color: #757575; */
  color: #393535;  	/*Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds */
}
/*11/24/2021 end*/

/*12/09/2021*/
.ad-message-first {
    background-color: #0c9126;
	font-size: 28px;
    color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.ad-message-second {
    background-color: #E5EED9;
	color: black;
	font-size: 22px;
	/*display: inline-block;*/
    padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
    text-decoration: none;
    opacity: 0.9;
}

ul.wg-ul-list-ad {
	list-style-position: inside;
	margin-left: 2px;
	margin-top: 2px;
    margin-bottom: 0px;
}
ul.wg-ul-list-ad li {
	 line-height: 32px;
	 margin-left: 6px;
	 padding-bottom: 0px;

}

/*12/09/2021 end*/

/*01/25/2022*/

.org-col-padding {
	padding-right: 5px;
	padding-left: 5px;
}

.org-col-padding-left {
	padding-right: 10px;
	padding-left: 15px;
}

.org-col-padding-right {
	padding-right: 8px;
	padding-left: 0px;
}

.col-md-middle-line-left,
.col-md-middle-line-right,
.col-md-middle-line {
	position: relative;
	min-height: 1px;
	/* padding-right: 15px;
	padding-left: 15px; */
}

.col-xs-middle-line {
	width: 6%;
	float: left;
}

.col-md-middle-line-left,
.col-md-middle-line-right {
	width: 47%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-middle-line {
		width: 6%;
		float: left;
	}
	.col-md-middle-line-left,
  .col-md-middle-line-right {
	width: 47%;
	float: left;
}
}

@media (min-width: 992px) {
	.col-md-middle-line {
		width: 6%;
		float: left;
	}
	.col-md-middle-line-left,
  .col-md-middle-line-right {
	width: 47%;
	float: left;
}
}

@media (min-width: 1200px) {
	.col-lg-middle-line {
		width: 6%;
		float: left;
	}
	.col-md-middle-line-left,
  .col-md-middle-line-right {
	width: 47%;
	float: left;
}
}

.right-line-last {
	border-right: 3px #767676 solid;
	height:3px;
  }

/*01/25/2022 end*/

/*03/02/2022*/
.emergency-row:after{
  display: inline-block;
  content: "\00d7"; /* This will render the 'X' */
  position: absolute;
}
/*03/02/2022 end*/

/*03/07/2022*/
.dion-ad {
	/*background: #68AC93;*/
	width: 100%;
	margin: 0 auto 1px auto;
	/*border: 1px solid #68AC93;*/
	transition: ease .26s;
	position: relative;
	/*max-width: 800px;*/
	/*border-bottom: 1px solid #C5C5C5;*/
}

.dion-ad input {
	display: none;
}

.dion-ad label {
	display: block;
	padding: 8px 22px;
	margin: 0 0 1px 0;
	cursor: pointer;
	background: #fff;
	font-size: 18px;
	font-weight: 100;
	/*border-radius: 3px;*/
	color: #0b3a92;
	transition: ease .5s;
	position: relative; /* ADDING THIS IS REQUIRED */
}

.dion-ad label:hover {
	background: #fff;
}

.dion-ad label::before {
	content: '+';
	color: #0b3a92;
	font-size: 22px;
	/*font-weight: bold;*/
	position: relative;
	right: 10px;
	top: 2px;
}

.dion-ad input:checked + label::before {
	content: '-';
	color: #0b3a92;
	font-size: 22px;
	right: 10px;
	top: 0px;
}

.dion-ad .content {
	background: #fff;
	padding: 10px 25px;
	margin: 0 0 1px 0;
	border-radius: 3px;
}

.dion-ad input + label + .content{
	display: none;
}

.dion-ad input:checked + label + .content {
	display: block;
}

.border-ad {
	padding: 40px 40px;
	border-style: groove;
	border-color: #dbdad3;
}

.border-ad-2 {
	padding: 40px 60px;
	border-style: none groove groove groove;
	border-color: #dbdad3;
}

.csr-photo-image-ad {
	height: 40px;
	width: auto;
	float: left;
}

h2.ad-header {
	padding-left: 55px;
	padding-top: 8px;
	margin-bottom: 0px;
}
/*03/07/2022 end*/

/*03/29/2022*/
.ss-art-link {
	background-color: #0C3888;
	display: inline-block;
  color: #FFFFFF;
  padding: 12px 88px;
	width: 100%;
  text-align: center;
	text-decoration: none;
  font-size: 16px;
  margin: auto;
  opacity: 0.9;
}

.ss-art-link:visited {
	color: #FFFFFF;
}

.ss-art-link:hover {
	color: #FFFFFF;
}
/*03/29/2022 end*/

/*06/24/2022*/
.org-centered-od-col {
	width: 30%;
	float: left;
}

.org-centered-od-line-col {
	width: 25px;
	float: left;
}

.org-centered-od-line-col-first {
	width: 29px;
	float: left;
}

.org-centered-od-link {
	background-color: #8ba84c;
	display: block;
  color: #FFFFFF;
  padding: 12px 41px;
	height: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  margin: auto;
  opacity: 0.9;
}

.org-centered-od-link:visited {
	color: #FFFFFF;
}

.org-centered-od-link:hover {
	color: #FFFFFF;
}

.org-centered-od-top-right-line {
  background: linear-gradient(to top right, #f2f2ed calc(50% - 2px), #767676, #f2f2ed calc(50% + 2px) )
}

.org-centered-od-left-top-line {
  background: linear-gradient(to left top, #f2f2ed calc(50% - 2px), #767676, #f2f2ed calc(50% + 2px) )
}

.org-centered-od-top-right-line-2 {
	border-bottom: 3px solid #767676;
	transform: rotate(45deg);
	transform-origin: top left;
	width: 39px;
	position: absolute;
	margin-top: -19px;
	margin-left: 16px;
}

.org-centered-od-left-top-line-2 {
	border-bottom: 3px solid #767676;
	transform: rotate(135deg);
	transform-origin: bottom left;
	width: 39px;
	position: absolute;
	margin-top: -29px;
	margin-left: 25px;
}

.org-centered-od-centerlink {
	background-color: white;
	display: block;
  color: black;
  padding: 20px 41px;
	height: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  margin: auto;
  opacity: 0.9;
	border: 3px solid #767676;
}

.org-centered-od-centerlink:visited {
	color: black;
}

.org-centered-od-centerlink:hover {
	color: black;
}

.org-centered-od-right-line {
	border-right: 3px #767676 solid;
}

.org-centered-od-line-bottom{
	margin-bottom: 0 !important;
}

.org-centered-od-wrapper {
  display: grid;
	height: 100%;
}

.org-centered-od-title {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 1px 0;
}

.org-centered-od-content {
	margin: 0 0 0 0;
}

.org-centered-od-content p {
		margin-bottom: 1px;
		padding-left: 1px;
		padding-bottom: 0;
		margin-right: 20px;
		font-size: 15px;
	}
/*06/24/2022 end*/

/*08/01/2022*/
.tick-mark {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 23px;
}

.tick-mark::before {
	position: absolute;
	left: 0;
	top: 50%;
	height: 50%;
	width: 3px;
	background-color: #8ba84c;
	content: "";
	transform: translateX(10px) rotate(-45deg);
	transform-origin: left bottom;
}

.tick-mark::after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	background-color: #8ba84c;
	content: "";
	transform: translateX(10px) rotate(-45deg);
	transform-origin: left bottom;
}

.bias-padding{
	padding-bottom: 0em;
}

.bias-button {
	display: inline-block;
	height: 25px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	border: none;
  background: none;
}

.bias-button-img {
	display: block;
	height: 24px;
}

.bias-card {
	border-top: none;
	color: white;
}

.bias-card-bg {
	background-color: #50AB6F;
}

.bias-color-mobile{
	color: white !important;
}

/* ul.bias {
  list-style: none;
}

ul.bias > li.bias-li {
  padding-bottom: 92px;
  position:relative;
	padding-left: 0em !important;
}

ul.bias > li.bias-li:before {
  height: 0px;
	background-color: white;
}


ul.bias > li.bias-li > span {
  border-radius: 50%;
  border: 1px solid rgb(24, 76, 167);
  padding: 5px 10px;
  margin-right: 10px;
  background:rgb(24, 76, 167);
  color: white;
}
ul.bias > li.bias-li > span:before{
  content:'';
  position:absolute;
  border-left:3px solid ;
  border-color: rgb(24, 76, 167);
  left:14px;
  bottom:0;
  z-index:-1;
  height:100%;
}

ul.bias > li.bias-li:last-child span:before{
 	content:none;
}
ul.bias > li.bias-li:last-child{
  padding-bottom:0
}

.bias-padding-left{
	padding-left: 74px;
} */

.bias-padding-report-link{
	padding: 12px 10px;
}

/*08/01/2022 end*/

/*02/16/2023*/
.csr-learning-link {
	background-color: #1663be;
	display: inline-block;
  color: #FFFFFF;
  padding: 12px 50px;
	width: 100%;
  text-align: center;
	text-decoration: none;
  font-size: 18px;
  margin: auto;
  opacity: 0.9;
}

.csr-learning-link:visited {
	color: #FFFFFF;
}

.csr-learning-link:hover {
	color: #FFFFFF;
}

.csr-learning-link-2 {
	background-color: #FFBB30;
	display: inline-block;
  color: black;
  padding: 12px 50px;
	width: 100%;
  text-align: center;
	text-decoration: none;
  font-size: 18px;
  margin: auto;
  opacity: 0.9;
}

.csr-learning-img {
  text-align: right
}

/*02/16/2023 end*/


/*03/07/2023*/
#emp-right-col {
  height: 500px;
  overflow: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
/*03/07/2023 end*/

/*04/26/2023*/
.emergency-message-learning {
    background-color: #be2c2c;
    /*color: #fff;*/
    padding: 1em 1em 0.25em 1em;
}

.emergency-message-learning-red {
    background-color: #be2c2c;
    /*color: #fff;*/
    padding: 1em 1em 0.25em 1em;
}

.emergency-message-csr-learning {
    background-color: #f1bfbf;
    /*color: #fff;*/
    padding: 1em 1em 0.25em 1em;
}

.emergency-message-csr-learning-red {
    background-color: red;
    /*color: #fff;*/
    padding: 1em 1em 0.25em 1em;
}

@media (min-width: 800px){
	.emergency-message-learning {
		padding: 1em 1.5em 0.5em 1.5em;
	}

	.emergency-message-csr-learning {
		padding: 1em 1.5em 0.5em 1.5em;
	}

  	.emergency-message-learning-red {
		padding: 1em 1.5em 0.5em 1.5em;
	}

	.emergency-message-csr-learning-red {
		padding: 1em 1.5em 0.5em 1.5em;
	}
}

.emergency-message-learning h1, .emergency-message h2, .emergency-message h3, .emergency-message h4, .emergency-message a {
    border-color: #fff;
    /*color: #fff;*/
}

.emergency-message-csr-learning h2, .emergency-message-csr h3, .emergency-message-csr h4, .emergency-message-csr a {
    border-color: #fff;
    /*color: #fff;*/
}



.emergency-row-learning:after{
  display: inline-block;
  content: "\00d7"; /* This will render the 'X' */
  position: absolute;
  font-size: 28px;
  color: #000;
}


/*04/26/2023 end*/
/*09/13/2023*/
.brmedium {
  display: block;
  margin-bottom: 0em;
}
/*09/13/2023 end*/

/*09/19/2023*/
.enquire-menu-width {
  width: 625px;
}

.enquire-process-bullet-p {
  margin-left: -43px;
}

.enquire-process-blobk-title {
    border-width: 3px;
    padding-left: 28px;
    margin-left: -19px;
}

.dion-enquire {
    /*background: #68AC93;*/
    width: 100%;
    margin: 0 auto 1px auto;
    /*border: 1px solid #68AC93;*/
    transition: ease .26s;
    position: relative;
    /*max-width: 800px;*/
    /*border-bottom: 1px solid #C5C5C5;*/
}

.dion-enquire input{
    display: none;
}

.dion-enquire label{
    display: block;
    padding: 8px 0px;
    margin: 0 0 1px 0;
    cursor: pointer;
    background: #fff;
	  font-size: 24px;
	font-weight: 100;
    /*border-radius: 3px;*/
    transition: ease .5s;
    position: relative; /* ADDING THIS IS REQUIRED */
}

.dion-enquire label:hover{
    background: #fff;
}

.dion-enquire label::after{
    content: '+';
	color: #aba78bcf;
    font-size: 30px;
    /*font-weight: bold;*/
    position: absolute;
    right: 10px;
    top: 2px;
}

.dion-enquire input:checked + label::after{
    content: '-';
	color: #aba78bcf;
	font-size: 40px;
    right: 14px;
    top: 0px;
}

.dion-enquire .content{
    background: #fff;
    padding: 10px 25px;
    /*border: 1px solid #A7A7A7;*/
    margin: 0 0 1px 0;
    border-radius: 3px;

}

.dion-enquire input + label + .content{
    display: none;
}

.dion-enquire input:checked + label + .content{
    display: block;
}


.enquire-button-width {
  width: 100%;
}

/*09/19/2023 end*/

/*01/16/2024*/
.chatbot-card {
    border: 7px solid #dbdad3;
    box-shadow: none !important;
}

.chatbot-card:after {
  all: unset !important;
}
/*01/16/2024 end*/

/*01/29/2024*/
.rectangle-green {
  display:inline-block;
  height: 50px;
  width: 30px;
  background-color: #8ba84c;
}

.arrow-right {
  display:inline-block;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #8ba84c;
}

.arrow-left {
  display:inline-block;
  margin-left: -22px;
  width: 0;
  height: 0;
  border-top: 25px solid #215d96;
  border-bottom: 25px solid #215d96;
  border-left:25px solid transparent;
}

.ss-interity-link-banner {
	background-color: #215d96;
	display: inline-block;
  color: #FFFFFF;
  padding: 13px 27px;
  text-align: center;
  text-decoration: none;
  font-size: 17px;
  margin-left: -35px;
  width: 103%;
}

.ss-interity-link-banner:visited {
	color: #FFFFFF;
}

.ss-interity-link-banner:hover {
	color: #FFFFFF;
}

	@media screen and (max-width: 1200px) {
		.rectangle-green {
			display: none !important;
		}
    		.arrow-right {
			display: none !important;
		}
    		.arrow-left {
			display: none !important;
		}
	}

	@media screen and (min-width: 1200px) {
		.rectangle-green {
			display: inline-block !important;
		}
    		.arrow-right {
			display: inline-block !important;
		}
    		.arrow-left {
			display: inline-block !important;
		}
	}

.interity-banner-link {
  color: white;
  text-decoration: underline;
  font-weight: bold;
}

.interity-banner-link:visited {
  color: white !important;
}

.interity-banner-link:hover {
  color: white !important;
}
/*01/29/2024 end*/


/*03/12/2024*/
.ss-review-frame-link {
	background-color: yellow;
	display: inline-block;
  color: black;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  margin: auto;
  margin-top: 10px;
}
/*03/12/2024 end*/

/*07/18/2024*/
.ss-review-frame-link-blue-bg {
	background-color: #bddef5;
	display: inline-block;
  color: black;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  margin: auto;
  margin-top: 10px;
  width: 100%;
}
/*07/18/2024 end*/
