﻿.Validationmsg {
	font-family: Verdana;
	font-size: 11px;
	color: red !important;
}

.backdisabled {
	display: none;
	position: fixed;
	top: 0%;
	width: 100%;
	height: 100%;
	padding: 16px;
	background-color: transparent;
	z-index: 99999;
	overflow: auto;
}

.modal-content-Popup {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	z-index: 101 !important;
	border: none !important;
	top: 0px !important;
	background-clip: padding-box;
	background-color: #ffffff;
	border-radius: 6px;
	outline: medium none;
	position: absolute;
}

.modal_header_text {
	font-size: 16px;
	margin-right: 30px;
	font-weight: 600;
	color: #3F3F3F;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 96%;
	display: block;
	float: left;
}

.modal-header .fa-times {
	font-size: 16px;
	cursor: pointer;
	float: right;
	color: #3F3F3F;
}

.modal-body .fa {
	float: left;
	margin-top: 1px;
	margin-right: 5px;
}

.fa.primary {
	color: #007AFF;
	font-size: 16px;
	margin-right: 10px;
}



.navbar-notifications {
	min-height: 50px;
}

	.navbar-notifications a {
		line-height: 50px;
		width: 50px;
		height: 50px;
		display: inline-block;
		text-align: center;
		color: #3F3F3F;
	}

		.navbar-notifications a:hover {
			background-color: #eee;
		}

		.navbar-notifications a:focus {
			background-color: #eee;
			outline: none;
		}

	.navbar-notifications #notificationsIcon {
		font-size: 16px;
		position: relative;
	}

		.navbar-notifications #notificationsIcon .badge.badge-primary {
			position: absolute;
			top: 10px;
			right: 2px;
			font-family: Lato, Verdana, sans-serif;
			font-size: 12px;
		}

			.navbar-notifications #notificationsIcon .badge.badge-primary.badge-hidden {
				visibility: hidden;
			}

.one-navbar-search {
	width: 240px;
}

	.one-navbar-search .form-group.has-feedback {
		margin: 8px 10px 8px 0;
	}

		.one-navbar-search .form-group.has-feedback .form-control {
			padding: 6px 12px 6px 30px;
		}

	.one-navbar-search .form-control-feedback {
		right: auto;
		left: 0;
		color: #3f3f3f;
	}

		.one-navbar-search .form-control-feedback .fa.fa-search {
			display: inline-block;
			line-height: 34px;
		}

.mxcOneLayout {
	background-color: #f5f5f5;
}

	.mxcOneLayout main {
		padding-top: 25px;
	}

.list-group.notifications-list .list-group-item {
	overflow: hidden;
	padding: 10px 15px 10px 10px;
	color: #3f3f3f;
	font-family: "Open Sans", Arial, sans-serif;
}

	.list-group.notifications-list .list-group-item .fa {
		font-size: 16px;
		display: block;
		float: left;
		width: 40px;
		height: 30px;
		margin-top: 10px;
		text-align: center;
		margin-right: 10px;
	}

	.list-group.notifications-list .list-group-item.item-unopened div .notification-title {
		font-weight: bold;
		display: block;
	}

	.list-group.notifications-list .list-group-item.item-unopened .fa:before {
		content: "\f0e0";
	}

	.list-group.notifications-list .list-group-item.item-opened div {
		font-style: oblique;
	}

		.list-group.notifications-list .list-group-item.item-opened div .notification-title {
			font-style: normal;
			font-weight: normal;
			display: block;
		}

	.list-group.notifications-list .list-group-item.item-opened .fa:before {
		content: "\f2b7";
	}

	.list-group.notifications-list .list-group-item.item-more {
		padding: 0;
	}

		.list-group.notifications-list .list-group-item.item-more a {
			width: 100%;
			color: #1474DA;
			height: 40px;
			line-height: 40px;
		}

	.list-group.notifications-list .list-group-item .timestamp {
		font-style: normal;
		display: block;
		float: right;
	}

#notificationSummaryWrapper .popover {
	position: fixed;
	min-width: 475px;
	margin-top: -5px;
}

	#notificationSummaryWrapper .popover .popover-content {
		padding: 3px 14px 3px;
		background-color: transparent;
	}

		#notificationSummaryWrapper .popover .popover-content .popover-body .popover-title {
			display: none;
		}

		#notificationSummaryWrapper .popover .popover-content .popover-body .profile-info {
			border-bottom-width: 0;
			text-align: center;
		}

		#notificationSummaryWrapper .popover .popover-content .popover-body .notifications-list {
			margin: 0 -15px;
			max-height: 400px;
			overflow-y: scroll;
			border-top: 0px solid #ddd;
		}

			#notificationSummaryWrapper .popover .popover-content .popover-body .notifications-list li {
				border-radius: 0;
				border-left-width: 0;
				border-right-width: 0;
			}

				#notificationSummaryWrapper .popover .popover-content .popover-body .notifications-list li:last-child {
					border-bottom-width: 0;
				}

				#notificationSummaryWrapper .popover .popover-content .popover-body .notifications-list li:first-child {
					border-top-width: 0;
				}

.data-grid {
	margin-top: 20px;
}

	.data-grid .datafilter-container {
		margin-right: 15px;
	}

		.data-grid .datafilter-container label {
			margin-right: 5px;
		}

		.data-grid .datafilter-container select {
			width: 150px;
		}

	.data-grid .pagination {
		margin-top: 0;
	}

	.data-grid .nav-back-control {
		padding-left: 0;
	}

	.data-grid #messagesGrid thead th:first-child {
		width: 30px;
		max-width: 30px;
		text-align: center;
	}

	.data-grid #messagesGrid thead th:last-child {
		width: 170px;
		max-width: 170px;
	}

	.data-grid #messagesGrid .messageStatus {
		width: 65px;
		max-width: 65px;
	}

	.data-grid #messagesGrid tbody tr.unread {
		font-weight: bold;
	}

	.data-grid #messagesGrid tbody tr td:first-child, .data-grid #messagesGrid tbody tr td:nth-child(2) {
		text-align: center;
	}

	.data-grid #messagesGrid tbody tr td:last-child {
		text-align: right;
	}

.panel.dashboard-panel {
	padding: 0 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	overflow: hidden;
}

	.panel.dashboard-panel .dashboard-panel-content {
		overflow: scroll;
		max-height: 150px;
		margin-bottom: 10px;
	}

	.panel.dashboard-panel h4 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		.panel.dashboard-panel h4 .fa {
			margin-top: 5px;
			float: right;
			cursor: pointer;
		}

.appMenuWrapper .navbar-toggler {
	margin-top: 5px !important;
	padding: 0.25rem 0.35rem;
	border-color: transparent;
}

	.appMenuWrapper .navbar-toggler:focus {
		outline: none;
	}

.mxc-login .hero {
	background-color: gray;
	background-image: url(../img/hero-1.30.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 35% 25%;
	width: calc(100% - 439px);
	height: 100vh;
	min-height: 692px;
	float: left;
}

.mxc-login .login-container {
	width: 439px;
	float: right;
}

	.mxc-login .login-container main {
		border: 1px solid transparent;
		width: 100%;
		padding: 0 50px;
		height: calc(100vh - 60px);
		min-height: 632px;
	}

		.mxc-login .login-container main .mxc-logo {
			position: relative;
		}

			.mxc-login .login-container main .mxc-logo img {
				display: block;
				margin: 0 auto 0;
				padding: 12vh 0 5px 0;
				width: 177px;
				-ms-interpolation-mode: bicubic;
			}

			.mxc-login .login-container main .mxc-logo hr {
				width: 90%;
			}

		.mxc-login .login-container main .login-form .form-submit {
			padding-top: 10px;
		}

		.mxc-login .login-container main .login-form .mxc-login-ctrl {
			font-family: FontAwesome, "Open Sans",Arial,sans-serif;
		}

		.mxc-login .login-container main .login-form .password-toggle {
			font-size: 11px;
			padding: 0.375em 0.50em;
		}

		.mxc-login .login-container main .login-form #capslockwarning > span,
		.mxc-login .login-container main .login-form #capslockwarning_sso > span {
			visibility: hidden;
		}

			.mxc-login .login-container main .login-form #capslockwarning > span > .fa,
			.mxc-login .login-container main .login-form #capslockwarning_sso > span > .fa {
				color: rgba(252, 204, 70, 0.98);
			}

		.mxc-login .login-container main .login-form.sso-form {
			display: none;
		}

		.mxc-login .login-container main .login-form #alert-login-fail,
		.mxc-login .login-container main .login-form #alert-login-empty,
		.mxc-login .login-container main .login-form #alert-login-fail-sso,
		.mxc-login .login-container main .login-form #alert-login-empty-sso, #alert-username-empty {
			display: none;
		}

	.mxc-login .login-container footer {
		height: 60px;
		width: 100%;
		text-align: center;
		font-size: 12px;
	}

		.mxc-login .login-container footer .container {
			padding-top: 10px;
		}

@media (max-width: 576px) {
	body {
		background-color: #fff;
	}

	.mxc-login .hero {
		display: none;
		background-image: none;
	}

	.mxc-login .login-container {
		width: 100%;
	}

		.mxc-login .login-container main {
			background: #fff;
			width: 90%;
			padding: 0;
			margin: 15px auto 0;
			min-height: 570px;
		}

			.mxc-login .login-container main .mxc-logo img {
				padding: 3vh 0 5px 0;
			}

		.mxc-login .login-container footer {
			background: #fff;
			width: 90%;
			margin: 0 auto;
			height: 30px;
		}
}

@media (max-width: 359px) {
	.mxc-login .login-container main {
		height: auto;
		min-height: auto;
	}
}
/*# sourceMappingURL=styles.css.map */


#okta-sign-in {
	margin: 0px;
}