/******
*******	 Styles to undo site styles.css
*******
*******
*******/
a.no-underline {
	text-decoration: none!important;
}
a.not-strong {
	font-weight: 500;
}
h1#page-title {
	display: block;
}
BODY {
	background-image: none;
	color: #000;
	font-family: acumin-pro,"Franklin Gothic",sans-serif;
	font-size: 16px;
}
UL {
	line-height: 1em;
	list-style: square;
}
A.edit_header:hover {
	font-size: 14px;
}
a.countyjump {
	color: #f3eac0;
	text-decoration: none;
}
a.countyjump:hover {
	color: #fbf590;
	text-decoration: underline;
}
.white {
	color: #ffffff;
}
.white12 {
	color: #ffffff;
	font-size: 1.2em;
}
.white14 {
	color: #ffffff;
	font-size: 1.4em;
}
.gray12 {
	color: #aaaaaa;
	font-size: 1.2em;
}
.gray10 {
	color: #aaaaaa;
	font-size: 1em;
}
.gray9 {
	color: #aaaaaa;
	font-size: .9em;
}
.gray8 {
	color: #aaaaaa;
	font-size: .8em;
}
#loading h1 {
	color: #CFB991;
}
.full-width-logo img {
	padding: 10px 0 10px 10px;
}
.breadcrumb-container {
	background-color: #f5f5f5;
}
.breadcrumbs {
	width: 100%;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #000;
	font-size: .75em;
	position: relative;
	float: left;
}
.breadcrumbs a, .breadcrumbs a:link {
	text-decoration: none;
	color: #444;
	font-weight: 700;
	text-decoration: none;
}
.left_sub a {
	font-family: inherit!important;
	font-size: inherit!important;
}
.left_sub a:hover {
	font-family: inherit!important;
	font-size: inherit!important;
	padding: 3px 0px 3px 20px;
	font-weight: 800;
}
.tagline {
	font-style: normal;
}

.btn {
	text-transform:uppercase;
	white-space: break-spaces;
}
.input-group-btn .btn {
	white-space: nowrap;
	padding-top: 9px;
	padding-bottom: 9px;
}
.data-info .btn {
	white-space: nowrap;
}
.btn.btn-default,.btn.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger {
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform:uppercase;
}
.btn.btn-default {
	border-color: #8E6F3E;
	background-color: #fff;
	color: #000;
}
.btn.btn-primary {
	outline-color: #8e6f3e;
	background-color: #8e6f3e;
	border-color: transparent;
    color: #fff;
}

.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus {
    outline-color: #cfb991;
    background-color: #cfb991;
    color: #000;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
	outline-color: #8e6f3e;
	border-color: #8E6F3E;
    background-color: transparent;
    color: #000;
}
.navbar-btn.btn-default.filter-btn {
	font-weight: 400;
	outline-color: #6f727b;
	border-color: #6f727b;
    background-color: transparent;
    color: #000;
}
.navbar-btn.btn-default.filter-btn:hover {
    outline-color: #6f727b;
    background-color: #6f727b;
    color: #fff;
}
.navbar-btn.btn-default.filter-btn.active {
	font-weight: 600;
    background-color: #000;
	color: #cfb991;
	outline-color: transparent;
	border-color: transparent;
	border-width: 0;
	box-shadow: 0 3px 3px rgba(85, 89, 96, .5);
}
.navbar-btn.btn-default.filter-btn.active:hover {
	border-color: #8E6F3E;
	border-width: 1px;
	font-weight: 700;
    background-color: transparent;
	color: #8e6f3e;
}
.btn.btn-default.logout {	
	font-weight: 500;
}

.toggle.btn-default,.toggle .btn-default,.toggle .btn-primary {
	margin-top: 0;
    margin-bottom: 0;
    font-stretch: 100%;
	letter-spacing:normal;
	border-radius: 0;
	border-width: 1px;    
}
.toggle-on.btn {
	padding-left: 15px;
}
.toggle-handle.btn-default {
	border-width: 0 1px;
	background-color: #fff;
}
.off .toggle-handle.btn-default  {
	background-color: #8E6F3E;
}

/******
*******
*******  Styles to Override Bootstrap
*******
*******/
.panel-primary {
	border-color: #8e6f3e;
}
.panel-primary > .panel-heading {
	border-color: #000;
    background-color: #8e6f3e;
    color: #fff;
}

.county-menu-dropdown {
	padding: 3px 5px;
	background-color: #e5e5e5;
	width: 100%!important;
	color: #000!important;
}
.modal .attentionItems {
	padding-top: 10px;
	padding-left: 15px;
}
tr.aw-level-due {
	color: #3c763d!important;
	background-color: #dff0d8!important;
	border-color: #d6e9c6!important;
}
tr.aw-level-current {
	color: #31708f!important;
	background-color: #d9edf7!important;
	border-color: #bce8f1!important;
}
.top .department a.department-cobrand {
	display: table;
}
@media (max-width: 767px) {
	.top .logo {
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.top .department a.department-cobrand {
		padding-top: 10px;
		line-height: 1;
		display:inline;
	}
	.top .department a.tagline {
		padding-top: 10px;
	}
}
.top .department a:link {
	font-weight: 200;
	font-family: acumin-pro-condensed,"Franklin Gothic",sans-serif;
}
.top .department .tagline {
    font-size: 0.6em;
}

.navbar-header {
    font-size: 16px;
}
.navbar-nav li a {
	text-decoration: none;
}
.mainbar .navbar-header>.navbar-brand {
	width: auto;
}
@media (min-width: 768px) {
	.navbar .navbar-nav li a,.navbar .navbar-nav li {
		font-size: 14px;
	}
}
@media (min-width: 992px) {
	#mainnav>div>ul>li.active>a:after {
		content: "";
		height: 2px;
		width: calc(100% - 30.4px);
		position: absolute;
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		bottom: 12px;
		left: 1.7rem;
		background: #8e6f3e;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.top .logo {
		padding-top: 20px;
	}
}
@media (min-width: 992px) {
	.top .logo {
		padding-top: 35px;
	}
}


.navbar-header .navbar-brand {
	text-decoration: none;
}
.goldbar a:link,.goldbar a:visited {
	font-weight: 500;
}
.goldbar .navbar-toggle {
	margin-top: 2px;
	margin-bottom: 2px;
	border-color: #EBD99F;
	border-width: 1px;
	border-radius: 0;
}
.goldbar .navbar-toggle .icon-bar {
    width: 13px;
	height: 1px;
	background-color: #000;
}
.goldbar .navbar-header .navbar-brand {
	color: #000;
	font-size: 13px;
	padding: 10px 15px;
	height: 40px;
}
.navbar .in .navbar-nav li a,.navbar .in .navbar-nav li {
	font-size: 15px;
}
.in .navbar-nav li .dropdown-menu {
    padding-left: 20px;
}
ul.navbar-nav > li > ul > li {
	padding-top: 5px;
	padding-bottom: 5px;
}

nav.graybar li a {
	font-size: 14px!important;
	/* color: #000!important; */
} 
nav.graybar .navbar-nav > .dropdown > a {
	font-weight: 500;
	font-size: 13px;
	padding: 10px;
}
nav.graybar.navbar {min-height:40px !important}
nav.goldbar,nav.backbar,nav.graybar {
	margin-bottom: 0!important;
	font-size: 13px;
}
@media (min-width: 768px) {
	nav.goldbar .navbar-nav li a {
		font-size: 14px;
		font-family: acumin-pro, "Franklin Gothic", sans-serif;
		font-weight: 400;
		padding-left: 12px;
		padding-right: 12px;
	}
}

nav.goldbar.navbar {min-height:32px !important}
/******
*******
*******  Styles to Override Purdue Styles
*******
*******/
.btn.btn-warning.disabled {
	color: #000;
}
a.btn:visited, a.btn:link, a.btn {
	text-decoration: none;
}
@media (max-width: 768px) {
	.mobile-site-header-text {
		color: #fff;
		padding: 10px 0 20px 0;
		text-align: center;
		font-size: 1.3em;
	}
}
.breadcrumb-container a {
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 14px;
}
#photo-requirements li {
	line-height: 1.3em;
	font-size: 1.1em;
}
.help-block ul {
	padding-top: 0;
}
/*********************************************************************************************
*******
*******  New MG-Volunteer Site Styles
*******
**********************************************************************************************/

/******
*******  Back to top button
*******
*******/
#backtotopbutton {
	display: inline-block;
	background-color: #DAAA00;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}
#backtotopbutton::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #000;
}
#backtotopbutton:hover::after {
	color: #fff;
}
#backtotopbutton:hover {
	cursor: pointer;
	background-color: #333;
}
#backtotopbutton:active {
	background-color: #555;
	color: #fff;
}
#backtotopbutton.show {
	opacity: 1;
	visibility: visible;
}
/******
*******  2nd mainbar Navigation
*******
*******/
#blacknav2 a {
	color: #000;
}
#blacknav2 li {
	color: #000;
}
#blacknav2 li.text-muted a {
	color: #585858!important;
}
#blacknav2 .dropdown-menu {
	background-color: #C8C8C8;
}
/******
*******
*******  Alert Bars
*******
*******/
.alias-alert-bar {
	margin-bottom: 0;
	text-align: center;
}
.alias-alert-bar form {
	display: inline-block;
	margin-left: 10px;
}
.alert-info.change-site-mode {
	margin-top: 20px;
}
.alert-info .alert {
	margin-bottom: 0;
	padding: 5px;
}
/******
*******
*******  Registration Form
*******
*******/
.registration input[type=text], .registration input[type=email], .registration select, .login-form input[type=text], .mg-hours textarea {
	float: initial;
	width: 100%;
}
.registration span.help-block {
	margin-top: 0;
	margin-bottom: 0;
}
.help-block.with-errors .list-unstyled li {
	color: #a94442;
}
/******
*******
*******  Breadcrumb
*******
*******/
.breadcrumb li:before {
	content: "";
}
.breadcrumb>li+li:before {
	content: "\003e";
}
@media (max-width: 480px) {
	ul.breadcrumb li {
		padding-bottom: 7px;
		line-height: 1em;
	}
}
/******
*******
*******  Hours Pages
*******
*******/



#hours-table .bg-info {
	min-height: 30px;
}
.nav-tabs a, .nav-tabs a:visited, .nav-tabs a:link {
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}
.hours-nav a, .hours-nav a:visited, .hours-nav a:link {
	font-size: 16px;
}
.nav-tabs .active a {
	background-color: #eee;
	font-weight: 700;
}
.hours-totals .list-group-item-danger a {
	text-decoration: none;
}
@media (min-width: 992px) {
	#hours-table .event-title {
		text-align: left;
	}
	#hours-table .hours-footer .total {
		text-align: right;
	}
	#hours-table .hours-footer {
		text-align: center;
	}
	.list-group.timeslot-list li {
		padding: 2px 15px;
	}
	#hours-table .more-info-btn, #hours-table .delete-btn, #hours-table .edit-btn {
		margin-right: 5px;
		color: #000;
		font-weight: 700;
	}
}
@media (max-width: 991px) {
	#hours-table .hours-footer {
		text-align: center;
	}
	#hours-table .hours-footer .total {
		text-align: center;
	}
	#hours-table .more-info-btn, #hours-table .delete-btn, #hours-table .edit-btn {
		display: inline-block;
		margin-right: 5px;
		min-width: 100px;
	}
}
@media (max-width: 767px) {
	ul.nav-tabs li a {
		border: 1px solid #ddd;
		border-radius: 4px;
	}
	
}
#hours-table .row {
	border: 1px solid #000;
}
#hours-report-submit {
	color: #000;
	line-height: 1em;
	font-weight: 800;
}
ul.hours-totals li {
	font-family: inherit;
	font-size: 16px;
	line-height: 1em;
}

ul.hours-nav li {
	background-color: #6F727B;	
	vertical-align: middle;
}
.nav-tabs.nav-justified>.active>a:after {
	content: "";
	height: 2px;
	width: calc(100% - 30.4px);
	position: absolute;
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	bottom: .8rem;
	left: 1.4rem;
	background: #8e6f3e;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
	display: inline-block;
	border: none;
}
@media (min-width: 768px) {
	ul.hours-nav>li>a {
		border-bottom: none!important;
		border-radius: 0!important;
		display: block;
	}
	.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
		border-bottom-color: transparent; 
		border: none;
		display: inline-block;
	}

	ul.hours-nav>li:hover {
		border-color: #eee #eee #ddd;
		background-color: #eee;		
	}
}
ul.hours-nav li a{
	color: #fff;
	text-transform:uppercase;
	font-stretch:100%;
	letter-spacing:1.8px;
	font-weight: 700;
	font-size: 16px;
}
ul.hours-nav li:hover a{
	color: #000;
}

/* ul.hours-nav li:not(:first-child) {
    border-left: solid 2px #fff
} */
ul.hours-nav li {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}
ul.hours-nav li.active {
	background-color: #fff;
	/* border-color: #555960; */
	border-color: #000;
	border-top-width: 1px;
	border-bottom-width: 0;
	border-left-width: 2px!important;
	border-right-width: 2px!important;
	border-style: solid;
	text-align: center;
}
ul.hours-nav li.active:hover,ul.hours-nav li.active:hover a {
	background-color: #EBD99F;
	color: #000;
}
ul.hours-nav li.active a{
	color: #000;
	background-color: transparent;
}
/******
*******
*******  My Info Pages
*******
*******/
.panel-container {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.myinfo-panel h5, .myinfo-panel h6 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.myinfo-panel .dl-horizontal dd {
	padding-left: 12px;
	border: 1px #E8E8E8 solid;
	background-color: #E8E8E8;
	margin-bottom: 5px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/******
*******
*******  Directory Pages
*******
*******/
.directory-entry {
	border: 1px solid #C8C8C8;
}
.directory-panel .panel-body {
	padding-top: 0;
	padding-bottom: 0;
}
.directory-entry h5 {
	padding-top: .5em;
}
.directory-entry .col-sm-4.directory-photo {
	padding-left: 0;
	padding-right: 0;
	text-align: right;
}
.directory-entry .col-sm-4.directory-photo img {
	max-height: 160px;
	margin-left: auto;
}
.dir-detail-photo img {
	margin-left: auto;
	margin-right: auto;	
}
.directory-entry a {
	text-decoration: none;
	color: #000;
}
.directory-entry a:hover {
	text-decoration: underline;
	color: #000;
	font-size: .9em;
}
.directory-entry .committee-info {
	font-size: .9em;
	margin-top: 5px;
	margin-bottom: 1px;
	margin-bottom: 5px;
	border: 1px solid #CFB991;
	font-weight: 500;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;	
	padding-bottom: 5px;
	position: relative;
}

/******
*******
*******  Agreements Form Page
*******
*******/
p.agreement-effective {
	font-size: .8em;
	text-align: right;
}
.agreement-body h1, .agreement-body h2, .agreement-body h3, .agreement-body h4, .agreement-body h5, .agreement-body h6 {
	display: block;
}
/******
*******
*******  Hours Report Page
*******
*******/
.hreport-search input[type=text] {
	float: initial;
}
@media (max-width: 768px) {
	.hreport-search input[type=text] {
		width: 100%;
	}
	.hreport-details-btn {
		float: right;
	}
}
#hours-buttons {
	text-align: right;
}
#hours-buttons .btn, #hours-report-buttons .btn {
	white-space: normal;
	margin: 5px 0 5px 5px;
}
.hours-year-dropdown {
	font-family: "United Sans",Impact,"Arial Black","sans serif";
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform:uppercase;
	font-stretch:100%;
	letter-spacing:1.8px;
	font-weight: 700;
	font-size: 16px;
	border-radius: 0;
	border-width: 2px;
	color: #000;
}

.hours-year-dropdown .input-group-addon {
	border-radius: 0;
	color: #fff;
	border-color: #8E6F3E;
	background-color: #8E6F3E;
}
.hours-year-dropdown .form-control {
	border-radius: 0;
	width: auto!important;
	color: #000;
	border-color: #8E6F3E;
	background-color: transparent;
}
@media (min-width: 768px) {
	#hours-year-dropdown, .hours-year-dropdown {
		text-align: right;
	}
}
@media (max-width: 767px) {
	#hours-year-dropdown, .hours-year-dropdown {
		text-align: center;
	}
}
#hours-approval-legend {
	float: right;
}
@media (max-width: 500px) {
	#hours-approval-legend {
		float: none;
	}
}
.badge.hours-pending {
	background-color: #f0ad4e;
}
.badge.hours-approved {
	background-color: #5cb85c;
}
.badge.hours-rejected {
	background-color: #d9534f;
}
/******
*******
*******  Top Page Decoration
*******
*******/
.photo-collage img {
	height: 145px;
	margin: 0 5px;
}
.page-top-images {
	margin-bottom: 15px;
}
.pu-mg-logo {
	margin-top: 5px;
}
.county-name {
	margin: 5px 0 0 10px;
}
#page-title-container {
	float: right;
}
@media (max-width: 767px) {
	#page-title-container {
		float: initial;
		text-align: center;
	}
	#event-search {
		padding-top: 10px;
		text-align: center;
	}
}
/******
*******
*******  Left Accordian Menu (Option)
*******
*******/
#accordian {
	background: #724e2e;
	margin: 10px auto 0 auto;
	/*Some cool shadow and glow effect*/
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);
	word-wrap: break-word;
}
#accordian ul {
	padding: 0;
}
/*heading styles*/
#accordian h3 {
	font-size: 14px;
	line-height: 2em;
	padding: 0 5px;
	display: block;
	margin: 5px 0;
	color: #f5f0a5;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	background: #003040;
	background: linear-gradient(#003040, #002535);
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/
#accordian ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
	display: block;
	padding: 0 15px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
	background: #003545;
	border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}
/******
*******
*******  Modal for Hours/Education
*******
*******/
#moreinfoModal .modal-title span.label {
	margin-left: 10px;
	display: inline-block;
}
/******
*******
*******  Form Modal
*******
*******/
#formModal .modal-title span.label {
	margin-left: 10px;
	display: inline-block;
}
/******
*******
*******  Related Pages
*******
*******/
#related_container {
	float: right;
	min-width: 150px;
	max-width: 260px;
	margin: 0px 0px 20px 10px;
	border: 1px solid #ccc;
	padding: 10px;
}
@media (max-width: 480px) {
	#related_container {
		margin: 10px 0;
		float: none;
		width: 100%;
		max-width: 100%;
	}
}
/******
*******
*******  Volunteer Pages
*******
*******/
#volunteer-event-list a {
	text-decoration: none;
}
#volunteer-event-list .event-title {
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	#volunteer-event-list .event-date span {
		font-size: .8em;
	}
	#volunteer-event-list .badge {
		float: right;
	}
}
#volunteer-event-list .event-description {
	font-size: .9em;
	font-style: italic;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.timeslot-list div {
	line-height: 1.5em;
}
.timeslot-list .list-group-item.active {
	font-size: initial;
	font-weight: initial;
}
@media screen and (max-width: 768px) {
	#volunteer-event-list {
		text-align: center;
	}
	#volunteer-event-list .mobile-label {
		padding: 2px;
		margin: .75rem;
	}
}
.volSlots.in, .volSlots.collapsing {
	display: block!important;
}
.eventDescBtn span, .volSlotsBtn span {
	display: inline
}
.volSlotsBtn:not(.collapsed) b {
	display: none
}
.eventDescBtn.collapsed span, .volSlotsBtn.collapsed span {
	display: none
}
#event-detail-container .event-description {
	padding-bottom: 5px;
}
#event-detail-container a {
	text-decoration: none;
}
#event-detail-container .ts-header {
	border-color: #000;
	background-color: #505050;
	border-bottom-width: 2px;
	padding: 0 0 0 12px;
	font-size: .9em;
	font-style: italic;
	color: #E8E8E8;
}
#event-detail-container .event-detail .panel-heading h3, #event-detail-container .event-detail .panel-heading h3 small {
	color: #fff;
}
#event-detail-container .event-detail.past-event > .panel > .panel-heading {
	font-size: 12px;
	background-color: #707070;
	padding: 5px;
}

#event-detail-container .eventDescBtn {
	margin-bottom: 5px;
}
#confirmModal dd {
	font-weight: 600;
}
#confirmModal dt {
	font-style: italic;
}

form#event-search>div>button {
	font-weight: 600;
	background-color: #000;
	color: #cfb991;
	outline-color: transparent;
	border-color: transparent;
	border-width: 1px;
}
form#event-search>div>button:hover {
	border-color: #8E6F3E;
    border-width: 1px;
    font-weight: 700;
    background-color: transparent;
	color: #8e6f3e;
}
@media (min-width: 768px) {
	form#event-search .form-control {	
		border-color: #000;
		border-width: 2px;		
	}
}
.badge-multiday {
	background-color: #337ab7;
}
.badge-your-event {
	background-color: #5cb85c;
	color: #fff;
}
.eventDescBtn span {
	display: inline
}
.eventDescBtn:not(.collapsed) b {
	display: none
}
.eventDescBtn.collapsed span {
	display: none
}
@media screen and (max-width: 768px) {
	form#event-search>div {
		background-color: initial;
		padding: 5px;
		display: block;
	}
	form#event-search div .form-group {
		margin: 0;
		display: inline-block;
	}
	.btn-wrap-text {
		white-space: normal !important;
		word-wrap: break-word !important;
	}
}
#events-legend {
	font-size: .9em;
	border: 1px lightgray solid;
	display: inline-block;
	padding: 5px;
}
/******
*******
*******  Dirty Forms
*******
*******/
#dirty-dialog h3.modal-title {
	color: #b94a48;
}