* {
	margin: 0;
	padding: 0;
}

html {
	background: #fff;
}

body {
	font: 20px/1.375em museo-sans, Arial,sans-serif;
	background: #fff;
	color: #454545;
	font-weight: 500;
	/*   background: url(bkgdHdg.png) top center;
   background-repeat: no-repeat; */
	/* background-size: contain; */
}

.headerBorderGradient {
	clear: both;
	height: 3px;
	background: #fed75f;
	border-left: 20px solid #fed75f;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fed75f+0,f6895b+100 */
	background: #fed75f; /* Old browsers */
	background: -moz-linear-gradient(left, #fed75f 0%, #f6895b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fed75f 0%,#f6895b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fed75f 0%,#f6895b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed75f', endColorstr='#f6895b',GradientType=1 ); /* IE6-9 */
}

.headerBorder {
	/*	background: url(bkgdBottom.png) top  right;
	background-repeat: no-repeat;
	height: 100px;
	background-size: contain;   */
	margin: -15px 0;
}

/* ====== BOOTSTRAP OVERRIDES    =========*/
@media (min-width: 1200px) {
	.container {
		width: 1170px;
		width: 85%;
	}
}

a {
	color: #446dbc;
}

	a:hover,
	a:focus {
		color: #6792e5;
		outline: 0;
	}

.navbar-toggle {
	background: #f6895b;
	border-radius: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: #f6895b;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	position: relative;
}

.navbar-nav {
	float: right;
	margin: 0;
}

.nav li {
	padding: 0 5px;
}

.navigation .nav li {
	text-align: left;
	margin: 0 0px 0 15px;
	width: auto;
	text-align: center
}

	.navigation .nav li:nth-of-type(1),
	.navigation .nav li:nth-of-type(2) {
		width: auto
	}

@media only screen and (max-width: 47.9375em) {
	.navigation .nav li {
		width: 100%;
		text-align: left;
		margin-left: 15px;
	}
}

@media only screen and (min-width: 1025px) {
	.nav li {
		padding: 0 15px;
		text-align: left;
	}
}

@media only screen and (min-width: 1025px) {
	.navbar-nav {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 47.9375em) {
	.navbar {
		min-height: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.navbar-nav {
		float: none;
	}

	.nav li {
		margin: 0;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: transparent;
	}
}

.navbar-default {
	/* background: #fff; */
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 15px;
}

@media only screen and (max-width: 47.9375em) {
	.navbar-default {
		padding-top: 0;
	}
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	overflow: hidden;
	padding: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: transparent;
	color: #555;
	filter: none; /* ie9 */
}
/*   .navbar-default .navbar-nav > .active > a:before {
	content: url('iconNavActive.png');
	   position: absolute;
	   top:5px;
	   left: -25px;
	   opacity: .7;
}   */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-defadult .navbar-nav > .open > a:hover,
.navbar-defadult .navbar-nav > .active > a:hover,
.navbar-defadult .navbar-nav > .active > a:focus {
	background: #fff;
	background: transparent;
	box-shadow: none;
}

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
		background: #fff;
		border: 0;
		color: #f89b5b;
	}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background: transparent;
	color: #446dbc;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 0 10px;
	padding: 0px 0 5px 0;
	line-height: 1.25em;
}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #002060;
	}

.navbar-brand {
	padding: 0;
}

.dropdown-menu > li {
	margin-left: 0;
	margin-right: 5px;
	margin-left: 5px;
}

	.dropdown-menu > li > a {
		padding: 3px 10px;
	}

		.dropdown-menu > li > a:hover,
		.dropdown-menu > li > a:focus {
			background: #f9f9f9;
			color: #15bef0;
			color: #000;
		}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background: #f9f5fd;
	background: #f5f5f5;
	color: #000;
	/* color: #15bef0;  */
}

.page-header {
	border-bottom: 0;
	margin: 0;
	padding-top: 0;
}
/* =====   NAV TABS    =====  */
div[data-ubc-form-name="InternalUser"] .nav-tabs,
[data-ubc-form-name="LocalUser"] .nav-tabs {
	background-color: #f6f3f9;
	border: 1px solid #cfced0;
	padding-left: 5px;
	padding-top: 5px;
}
/*div[data-ubc-form-name="InternalUser"] .nav-tabs > li {
	margin-right: 3px;
	margin-top: 3px;
}*/
.nav-tabs > li {
	margin-left: 0;
}

	.nav-tabs > li > a,
	.nav-tabs > li > a:focus {
		background: #39c7bd;
		border: 1px solid #2eada4;
		color: #fff;
		font-size: 16px;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:active,
	.nav-tabs > li.active > a:focus {
		background-color: #fff;
		border-color: #cfced0 #cfced0 transparent;
		box-shadow: none;
		color: #4c718a;
		font-weight: normal;
		outline: 0;
	}

	.nav-tabs > li > a:hover {
		background-color: #2eada4;
		border: 1px solid #44b9b1;
		color: #fff;
		opacity: .85;
	}

.tab-content {
	border: 1px solid #cfced0;
	padding: 5px;
	border-top: 0;
}

.input-sm,
.form-group-sm .form-control,
.ubc-dat-input-date.hasDatepicker {
	font-size: 16px;
	font-weight: normal;
	height: 36px;
	border-radius: 0;
	border: 1px solid #ccc;
}

	.form-control:focus,
	.ubc-dat-input-date.hasDatepicker:focus {
		border: 0;
		border-bottom: 2px solid #ffa482;
		background: #faf4ef;
		box-shadow: none;
		outline: none;
	}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	color: #aaa;
}

select.input-sm,
select.form-group-sm .form-control {
	height: 36px;
}

.btn,
button {
	border-ra3dius: 3px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25em;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 10px 30px 10px 30px;
	font-size: 20px;
	white-space: normal;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	-webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

	.btn:focus,
	.btn:active:focus,
	.btn.active:focus,
	.btn.focus,
	.btn:active.focus,
	.btn.active.focus {
		outline: 0 /* for IE */
	}



.bxtn:after,
buxtton:after {
	content: '';
	width: calc(100% - 11px);
	height: 100%;
	width: 30px;
	height: 30px;
	position: absolute;
	background: #007a40;
	left: 0px;
	top: 0;
	display: block;
	-webkit-transform: skew(-17deg);
	transform: skew(-17deg);
	z-index: 0;
}

.btn-success {
	background: #446dbc;
	border-color: #446dbc;
}

	.btn-success:hover, .btn-success:focus {
		background: #334b7d;
		border-color: #334b7d;
	}

.btn-default,
.modal button.btn-primary {
	background: #446dbc;
	border-color: #446dbc;
	color: #fff;
	text-shadow: none;
}

	.btn-default:hover,
	.btn-default:focus,
	.btn-default:active,
	.modal button.btn-primary:hover,
	.modal button.btn-primary:focus .modal button.btn-primary:active {
		background: #334b7d;
		border-color: #334b7d;
		color: #fff;
	}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
	background: #990E0E;
	color: #fff;
}

.btn-default-invert {
	background: #fff;
	color: #446dbc;
	border-color: #446dbc;
	font-weight: bold;
}

	.btn-default-invert:hover,
	.btn-default-invert:active,
	.btn-default-invert:focus {
		background: #446dbc;
		color: #fff border-color: #446dbc;
		font-weight: bold;
	}

.btn-default.btn-invert:hover,
.btn-default.btn-invert:focus,
.btn-default.btn-invert:active {
	background: #eff3f9;
	color: #729cd2;
	border-color: #729cd2;
}

.btn-danger-invert {
	background: #fff;
	color: #d43f3a;
}

.btn-sm {
	font-size: 90%;
	font-weight: bold;
	padding: 5px 10px 3px 10px;
}

.btn-danger-invert:hover,
.btn-danger-invert:focus,
.btn-danger-invert:active {
	background: #d43f3a;
	color: #fff;
}

.btn-default:disabled,
.btn-default[disabled],
.btn-success:disabled,
.btn-success[disabled] {
	background-color: #dadbdf;
	color: #828294;
	text-shadow: 1px 1px 1px #fff;
	border: 1px solid #aaa;
}

.btn-add:before,
.btn-edit:before,
#Add:before {
	font-family: "Glyphicons Halflings";
	background: #007db4;
	border-right: 1px solid #fff;
	color: #f9f9f9;
	font-size: 11px;
	left: -12px;
	margin-right: -7px;
	padding: 4px;
	padding-top: 9px;
	padding-bottom: 10px;
	position: relative;
}

.btn-angled {
	position: relative;
	-webkit-transform: skewX(-17deg);
	transform: skewX(-17deg);
}

.btn.btn-angled > span,
button .btn-angled > span {
	-webkit-transform: skewX(-17deg);
	transform: skewX(17deg);
	display: inline-block;
}

.btn-add:before,
#Add:before {
	content: "\002b";
}

.btn-edit:before {
	content: "\270f";
}

.btnMarginTop {
	margin-top: 23px;
}

.btnMarginLeft20 {
	margin-left: -20px;
}

.btnContainer {
	padding-top: 20px;
	text-align: right;
}

.btn + .btn {
	margin-left: 15px;
}

@media only screen and (max-width: 47.9375em) {
	.btn + .btn {
		margin-left: 5px;
	}
}

button i.fa-caret-right {
	position: absolute;
	padding-top: 3px;
	padding-right: 5px;
}

.modal-footer .btn + .btn {
	margin-bottom: 10px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	margin-left: 0;
	outline: 0; /*  for IE */
}

.radio,
.checkbox {
	margin-left: 15px;
	margin-top: 0;
}

	.radio label,
	.checkbox label {
		xpadding-left: 20px !important;
		padding-right: 45px;
	}

	.radio div,
	.checkbox div {
		display: inline-block;
		wdidth: 75px;
		vertical-align: top
	}

input[type="radio"]:159 + label {
	font-weight: bold;
}

.form-group {
	position: relative;
}

	.form-group label {
		margin-bottom: 5px;
	}

.alert {
	border-radius: 0;
	font-weight: 700;
	font-size: 18px;
	border: 0;
	border-left: 5px solid #aaa;
	background: #fff;
	color: #333;
}

	.alert.alert-success {
		background: #e9f5f4;
		color: #2c9992;
		border-color: #2c9992;
	}

	.alert.alert-info {
		background: #e8f4f9;
		color: #2291c3;
		border-color: #2291c3;
	}

.alert-danger {
	background: #fae5e5;
	color: #cc0000;
	border-left: 5px solid #cc0000;
}

.alert.alert-warning {
	background: #fff0e8;
	border-color: #ff681d;
	color: #ff681d;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 800px;
	}
}


@media only screen and (max-width: 47.9375em) {
	.well {
		margin: 0;
		padding: 10px 5px;
	}
}

.has-error .form-control {
	border-color: #ff0000;
}

	.has-error .form-control:focus {
		box-shadow: none;
		border-color: #ff0000;
	}

.has-error .control-label:after {
	content: "!";
	border: 1px solid red;
	padding: 3px;
	border-radius: 100%;
	height: 20px;
	width: 20px;
	display: inline-block;
	padding-left: 6px;
	padding-top: 0px;
	background: #cc0000;
	color: #fff;
	font-weight: bold;
	line-height: 1em;
	margin-left: 3px;
}
/* ======   E N D   BOOTSTRAP OVERRIDES    =========*/

/*  ==========    KENDO  OVERRIDES    ==============      */
.k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker {
	display: block;
	width: 100%;
}

input.k-textbox {
	height: 36px;
}
/* ======   E N D   KENDO OVERRIDES    =========*/
.popupWindow {
	/*xxbackground-image: url('/Resources/_Images/bg.jpg');*/
	z-index: 99;
}

/* General */

a image {
	border: none;
}

p {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

	p.blockText {
		font-size: 16px;
		line-height: 22px;
		padding-right: 15px;
	}

		p.blockText + ul {
			margin-top: -10px;
		}

h1,
h2 {
	color: #575257;
	font-weight: 600;
	margin: 15px 0;
}

h1 {
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase
}

@media only screen and (max-width: 47.9375em) {
	h1 {
		width: 100%;
	}
}

h2, .title {
	font-size: 22px;
	font-weight: 700;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 1.25em;
	background: #f3f3f3;
	padding: 10px 15px;
}

	h2.frmTitle {
		font-weight: bold;
		margin-bottom: 10px;
		padding: .2em 0 .5em 0;
		text-transform: uppercase;
	}

.frmContainerBanner h2 {
	color: #000;
	margin-bottom: 10px;
	padding-top: 0;
}

h3 {
	color: #545454;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

li {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}

.background {
	background: #ffffff;
}

.page-content {
	padding: 15px;
	clear: both;
	background: #f3f3f3;
	margin: 0;
	position: relative;
	padding-bottom: 50px;
}

.page-wrap {
	margin: 0 auto;
	padding: 0 0 60px 0;
	padding: 0 15px 60px 15px;
}

.page-header h1 small {
	display: block;
	margin-top: 5px;
}

.logo {
	margin: 0;
	padding: 10px 0 0 0;
	position: relative;
	display: inline-block;
}

	.logo img {
		width: 350px;
		margin-bottom: -10px;
	}

@media only screen and (max-width: 47.9375em) {
	.logo img {
		width: 260px;
		float: none;
		margin: -20px 0;
	}
}

.header {
	margin: 15px 0 0;
}

@media only screen and (max-width: 47.9375em) {
	.header {
		margin: 30px 0 15px;
	}
}

.header .disclaimer {
	background: #827565;
	color: #fff;
	padding: 5px 15px;
	font-weight: 600;
	font-family: "Barlow SemiCondensed", Barlow, Arial, sans-serif;
}

.well {
	box-shadow: none;
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
	padding: 0;
	background: transparent;
}

.hdgUnderline {
	border-bottom: 2px solid;
}

.secondary-nav {
	margin: 0 30px 0 0;
	padding: 0 0 0 0;
	clear: both;
}

	.secondary-nav li {
		margin: 0 20px;
		padding: 0 0 0 0;
		font-size: 12px;
		display: block;
		float: right;
		list-style: none;
	}

.docLink,
.docLinkBI {
	font-style: italic;
	font-weight: bold;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}
/* UTILITY NAV */
.well.wellUtil {
	/* background: #002060; */
	background: rgb(0 122 64 / 20%);
}

@media only screen and (max-width: 47.9375em) {
	.utility {
		margin: 0px -15px 0;
	}

		.utility button {
			display: block;
			width: 100%;
		}
}

.well.utilNav {
	background: #002060;
	border-radius: 0;
	font-size: 12px;
	padding: 10px 0;
	color: #fff;
	margin-bottom: 0;
}

@media only screen and (max-width: 47.9375em) {
	.well.utilNav {
		margin: 0;
		padding: 0;
	}
}

.utilNav .disclaimer {
	display: table;
	float: right;
}

@media only screen and (max-width: 47.9375em) {
	.utilNav .disclaimer {
		display: table;
		float: none;
		width: 100%;
		text-align: center;
	}
}

.utilNav .disclaimer img {
	display: table-cell;
	margin-top: 2px;
	padding-right: 5px;
}

.utilNav .disclaimer p {
	color: #565a5c;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	vertical-align: top;
}

ul.utilLinks,
ul.utilBtns {
	list-style-type: none;
	text-align: right;
	padding: 10px 0;
	margin: 0;
}

	ul.utilLinks li,
	ul.utilBtns li {
		display: inline-block;
	}

ul.utilBtns {
	margin: 0;
}

@media only screen and (max-width: 47.9375em) {
	ul.utilLinks {
		padding: 0;
		margin: 0;
		background: transparent;
		width: 100%;
		text-align: center;
		display: table;
		padding: 15px;
	}

		ul.utilLinks li {
			padding: 5px;
			text-align: center;
			font-size: 12px;
			display: table-cell;
		}
}

ul.utilLinks li a {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.utility .btnContainer {
	padding-top: 0;
}

ul.utilLinks li a.utilHomeLink {
	color: #ae8012;
	font-weight: 700;
	border: 2px solid padding: 0 20px;
	text-transform: uppercase;
}

ul.utilBtns li.utilBtn a,
ul.nav li a.utilBtn {
	background: #002060;
	color: #fff;
	padding: 10px 45px;
	border: 3px solid #002060;
	border-radius: 8px;
	margin: 0 5px 0 15px;
	text-decoration: none;
}

ul.utilBtns li a.utilBtnInvert,
ul.nav li a.utilBtnInvert {
	background: #fff;
	color: #446dbc;
	padding: 10px 45px;
	border: 3px solid #446dbc;
	border-radius: 8px;
	margin: 0 5px 0 15px;
	text-decoration: none;
}

ul.utilBtns li a.utilBtn:hover,
ul.nav li a.utilBtn:hover,
ul.utilBtns li a.utilBtn:focus,
ul.nav li a.utilBtn:focus {
	background: #002060;
	text-decoration: none;
	color: #ee586e;
	padding: 10px 45px;
}

ul.utilBtns li a.utilBtnInvert:hover,
ul.nav li a.utilBtnInvert:hover,
ul.utilBtns li a.utilBtnInvert:focus,
ul.nav li a.utilBtnInvert:focus {
	background: #002060;
	border-color: #002060;
	text-decoration: none;
	color: #c3ddd0;
	padding: 10px 45px;
}

.wellHeader {
	border-bottom: 0px solid #44439b;
	margin-bottom: 0px;
	background: #ffffff;
	box-shadow: 0 8px 8px -6px #8b8c8d;
	position: sticky;
	top: 0px;
	z-index: 9999;
	/* background: url(bkgdHdg.png) top center;
   background-repeat: no-repeat;
 background-size: cover;	   */
}


/* ===   BOTTOM CONTENT  DISCLAIMER    === */
.well.bottomContent {
	background: #c3c5c6;
	background: #002c5f;
	border-radius: 0;
	font-size: 12px;
	padding: 10px 0;
	color: #fff;
	margin-bottom: 0;
	margin-top: 80px;
}

@media only screen and (max-width: 47.9375em) {
	.well.bottomContent {
		margin: 0;
		padding: 10px 0;
	}
}

.well.bottomContent .disclaimer {
	display: table;
	/* float: right;*/
}

@media only screen and (max-width: 47.9375em) {
	.well.bottomContent {
		display: table;
		float: none;
		width: 100%;
		text-align: center;
	}
}

.well.bottomContent img {
	display: table-cell;
	margin-top: 2px;
	padding-right: 5px;
}

.well.bottomContent p {
	color: #565a5c;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	vertical-align: top;
}

.content {
	margin: 15px 20px;
	padding: 0 0px 30px;
	clear: both;
	/* for grey backgruond */
	background: transparent;
	margin: 0;
	position: relative;
	min-height: 400px;
	/* box-shadow: 0 -2px 7px 1px #eee; */
}

@media only screen and (max-width: 47.9375em) {
	.content {
		padding: 0px;
	}
}

#logoContainer {
	border: 2px solid #009966;
	height: 300px;
	text-align: center;
	background-color: #009966;
	color: white;
	font-size: 30px;
}

.right-border {
	padding-right: 30px;
	/* border-right: 1px solid #ccc; */
	box-shadow: 10px 0 5px -5px #ddd;
}

@media only screen and (max-width: 991px) {
	.right-border {
		box-shadow: none;
	}
}

.minor-title {
	color: #545454;
	font-weight: bold;
	margin-bottom: 10px;
}

.sub-heading {
	color: #2926a9;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
}

/*  ====    HOME PAGE ====== */
.well.navigation,
.well.welcome {
	background: #565a5c;
	margin-bottom: 0;
}

.well.navigation {
	background: #002c5f;
	border-bottom: 3px solid #fff;
}

.well.welcome {
	box-shadow: 0 6px 2px -2px #abadae;
}

homeSection {
	padding-bottom: 30px;
}

.banner1 .heading {
	color: #fff;
	font-size: 32px;
	padding: 15px 0;
	text-align: center;
}

@media only screen and (max-width: 47.9375em) {
	.banner1 .heading {
		margin-bottom: 15px;
	}
}

.banner1 .text {
	color: #2926a9;
	font-size: 18px;
	font-weight: bold;
}

.banner2 p {
	margin-bottom: 5px;
}

.pgmTitle {
	color: #44439b;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1em;
	background: #44439b;
	color: #fff;
	padding: 30px;
	text-align: center;
}

.pageHeader {
	color: #334b7d;
	font-size: 38px;
	font-weight: 700;
	margin: 30px 0 45px 0;
	line-height: 1em;
	font-family: Raleway, sans-serif;
}

.pageSubHeader {
	color: rgb(0 32 96 / 80%);
	font-weight: 700;
	font-size: 24px;
	margin: 60px 0 5px;
	line-height: 1.125em;
	font-family: Raleway, sans-serif;
}

.pgmTitle sup,
sup {
	top: -.25em;
}

.letterEmphasis {
	font-weight: 700;
	font-size: 120%;
	text-decoration: underline;
}

ul.listItemBullet {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
}

	ul.listItemBullet li {
		list-style: none;
		margin: 0;
		margin-left: 20px;
		padding: 3px 0;
		xxtext-indent: -15px;
	}

		ul.listItemBullet li:before {
			content: " ";
			width: 7px;
			height: 7px;
			background: #78d9f2;
			border-radius: 100%;
			display: inline-block;
			position: relative;
			top: -3px;
			margin-right: 10px;
			margin-left: -17px;
		}

		ul.listItemBullet li ul {
			padding-top: 0px;
			padding-left: 5px;
			margin-top: 0px;
		}

			ul.listItemBullet li ul li {
				margin-left: 15px;
				padding-bottom: 0px;
				width: 90%;
			}

				ul.listItemBullet li ul li:before {
					content: " ";
					width: 9px;
					height: 9px;
					background: #fff;
					border: 2px solid #78d9f2;
					border-radius: 100%;
					display: inline-block;
					position: relative;
					top: -1px;
					margin-right: 10px;
					xxxmargin-left: 15px;
				}

ul.listItemIcon {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 30px;
}

	ul.listItemIcon li {
		display: inline-block;
		text-align: center;
		width: 48%;
		padding: 20px;
		background: #cce4d9;
		margin: 10px 0;
	}

		ul.listItemIcon li a img {
			display: inline-block;
			width: 20%;
		}

@media only screen and (max-width: 47.9375em) {
	ul.listItemIcon li a img {
		width: auto;
	}
}
/* LIST ITEM - TABLE   */
ul.listItemTbl {
	list-style: none;
	margin-left: 0px;
	margin: 15px 0 30px;
	display: table;
	background: #fff;
	width: 100%;
}

	ul.listItemTbl li {
		display: table-cell;
		text-align: center;
		padding: 20px;
		margin: 10px 0;
		border-right: 5px solid #ebfafd;
		width: 32%;
	}

		ul.listItemTbl li a img {
			display: inline-block;
			width: 20%;
		}

@media only screen and (max-width: 47.9375em) {
	ul.listItemTbl li a img {
		width: auto;
	}

	ul.listItemTbl li {
		display: block;
		text-align: center;
		padding: 20px;
		margin-bottom: 0;
		border-right: 0px solid #f3f3f3;
		border-bottom: 2px solid #f3f3f3;
		width: 100%;
	}
}

.dividerBottom {
	border-bottom: 1px solid #ffc72c;
	margin: 20px 0;
}

.containerEmphasis {
	background: #ededf2;
	/* box-shadow: 0 6px 2px -2px #bbb;	 */
	margin: 15px 0;
	padding: 15px;
}

	.containerEmphasis p {
		font-weight: 400;
		margin: 0;
		line-height: 1.5em;
	}

@media only screen and (max-width: 47.9375em) {
	.containerEmphasis {
		padding: 30px;
	}
}

.widgetContainer {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 30px;
	/* box-shadow: 0 8px 8px -6px #8b8c8d; */
}

.hdgRightSide {
	font-size: 22px;
	font-weight: bold;
	color: #002c5f;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.well.iconButtons {
	background: #565a5c;
	padding: 50px;
}

.btnLogsinRegister {
	text-align: center;
	background: #db0b5b;
	padding: 20px 30px;
	color: #fff;
	margin: 30px 0;
	border-radius: 5px;
}

.btnLoginRegister .btnLink {
	background: #446dbc;
	border-radius: 8px;
	color: #fff;
	font-size: 24px;
	display: inline-block;
	padding: 30px;
	margin: 30px 0;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	-webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;
}

	.btnLoginRegister .btnLink:hover {
		text-decoration: none;
		background: #002060;
	}

.steps-container {
	padding: 0;
	font-size: normal;
}

	.steps-container .step {
		display: table;
		padding-bottom: 40px;
		width: 100%;
		/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05); */
		padding: 15px 0 15px 15px;
		border-radius: 0px;
	}
	/* .steps-container .stepNum {
	font-size: 30px;
	color: #3091ab;
	vertical-align: top;
	border-radius:  100%;
	height: 48px;
	width: 48px;
	padding: 3px 0 0 16px;
	font-weight: 600;
	background: rgb(77 169 193 / 21%);
	margin-top: -30px;
	margin-left: -15px;
	margin-top: -10px;
} */
	.steps-container .stepNum {
		font-size: 30px;
		color: #002600;
		vertical-align: top;
		border-radius: 100%;
		height: 48px;
		width: 48px;
		padding: 10px 0 0 16px;
		font-weight: 700;
		background: #78d9f2;
		margin-top: -10px;
		margin-left: -56px;
		box-shadow: 0 8px 6px -6px #bebdbd;
	}


	.steps-container .stepText {
		display: table-cell;
		padding: 0 45px 0 0px;
		vertical-align: top;
		width: 100%;
	}

		.steps-container .stepText a {
			font-size: 20px;
		}

			.steps-container .stepText a:hover {
				text-decoration: none;
			}

		.steps-container .stepText .stepTextEmphasis {
			color: #3fabc7;
			font-size: 22px;
			font-weight: 700;
			margin-right: 5px;
		}

	.steps-container .stepSub {
		display: table;
		margin-left: 15px;
		padding: 2px 0;
		vertical-align: top;
	}

	.steps-container .stepSubLetter {
		display: table-cell;
		padding-right: 5px;
		vertical-align: top;
		color: #db0b5b;
		font-weight: bold;
		font-size: 20px;
	}

	.steps-container .stepSubText {
		display: table-cell;
		padding: 0 15px;
	}

	.steps-container .stepIcons {
		display: block;
		font-size: 28px;
	}

		.steps-container .stepIcons i {
			margin-right: 10px;
			border-radius: 100%;
			height: 50px;
			width: 50px;
			margin-bottom: 15px;
			font-size: 22px;
			padding: 13px;
			background: #446dbc;
			color: #fff;
			box-shadow: 0 8px 6px -6px #bebdbd;
		}

@media only screen and (max-width: 47.9375em) {
	.steps-container {
		border-right: 0;
		padding: 0;
	}

		.steps-container .step {
			display: block;
			margin-bottom: 0;
		}

		.steps-container .stepNum {
			display: block;
			margin: 0 auto;
		}

		.steps-container .stepText {
			padding-left: 0;
			padding-right: 0;
			display: block;
			text-align: center;
		}
}



.containerRightSide {
	margin-bottom: 30px;
	margin-top: 10px;
	padding-bottom: 30px;
}

.resources {
	background: #f7f7f7;
	padding: 30px 15px 15px;
	margin-top: 5px;
}

	.resources h2 {
		margin-top: 30px;
	}

	.resources .pageSubHeader {
		font-size: 20px;
	}

	.resources p {
		font-size: 16px;
		line-height: 1.375em;
	}

.resourceSubHdg {
	color: #565a5c;
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid;
	padding-bottom: 5px;
}

	.resourceSubHdg:first-child {
		xxpadding-top: 10px;
	}

.resourceIcon {
	display: table-cell;
	width: 30px;
}

.resourceName {
	display: table-cell;
	vertical-align: bottom;
	line-height: 1em;
}

	.resourceName a {
		font-weight: 700;
		font-size: 16px;
	}

		.resourceName a:hover {
			text-decoration: none;
		}

.resource-option {
	display: table;
	padding: 10px 0;
	width: 100%;
	background: #c3ddd0;
	background: #fff;
	margin-bottom: 10px;
	padding: 10px;
}

	.resource-option:nth-child(odd) {
		/*background: #fde7de; */
	}

	.resource-option i {
		color: #446dbc;
		font-size: 20px;
		vertical-align: middle;
		padding-top: 10px;
	}

.resources .btnLink {
	text-align: center;
	font-size: 16px;
	background: #446dbc;
	padding: 15px;
	color: #fff;
	margin-top: 15px;
	border-radius: 5px;
}

.resources a.btnLink:hover {
	text-decoration: none;
	background: #002060;
}

@media only screen and (max-width: 47.9375em) {
	.resource-option {
		margin: 10px 0;
	}
}

/* ol.listItemNumAlpha {
    list-style-type: decimal;
}

ol.listItemNumAlpha > li > ol {
    list-style-type: lower-alpha;
}

ol.listItemNumAlpha > li > ol > li > ol {
    list-style-type: upper-roman;
}    */


ol.listItemNumAlpha2 {
	margin-left: 15px;
	padding: 5px 0;
	counter-reset: itemAlpha;
}

	ol.listItemNumAlpha2 > li {
		list-style: none;
		position: relative;
		margin-bottom: 5px;
	}

		ol.listItemNumAlpha2 > li:before {
			counter-increment: itemAlpha;
			content: counter(itemAlpha, lower-alpha) ".";
			position: absolute;
			left: -1.4em;
			color: #77ccca;
			font-weight: 700;
		}

	ol.listItemNumAlpha2 li ol {
		margin: 0 0 1.5em;
		padding: 0;
		counter-reset: itemSub;
		list-style-type: lower-alpha;
	}

	ol.listItemNumAlpha2 > li ol li {
		margin: 0;
		padding: 0 0 0 2em;
		text-indent: -2em;
		counter-increment: itemSub;
	}

		ol.listItemNumAlpha2 > li ol li:before {
			display: inline-block;
			width: 1.5em;
			padding-right: 0.5em;
			font-weight: bold;
			color: red;
			text-align: right;
			content: counter(itemSub) ".";
		}

/* == 	NUMBERED PERIOD LIST    === */
ol.numItemPeriod {
	margin: 10px 0 1.5em;
	padding: 0;
	counter-reset: item;
}

	ol.numItemPeriod > li {
		margin: 0;
		padding: 0 0 15px 2em;
		text-indent: -37px;
		list-style-type: none;
		counter-increment: item;
		padding-left: 45px;
	}

		ol.numItemPeriod > li:before {
			display: inline-block;
			width: 1.5em;
			padding-right: 0.5em;
			font-size: 24px;
			font-weight: bold;
			text-align: right;
			content: counter(item) ".";
			color: #446dbc;
			line-height: 0;
		}

		ol.numItemPeriod > li ul.listItemDisc > li {
			text-indent: 0px;
			margin-left: 0;
		}

/* == 	NUMBERED PARENTHESIS LIST    === */
ul.listItemForm ol.numItemParenthesis,
ol.numItemParenthesis {
	margin: 5px 0 0px -5px;
	padding: 0;
	counter-reset: item;
}

	ul.listItemForm ol.numItemParenthesis > li,
	ol.numItemParenthesis > li {
		margin: 0;
		padding: 0 0 5px 2em;
		text-indent: -26px;
		list-style-type: none;
		counter-increment: item;
	}

		ul.listItemForm ol.numItemParenthesis > li:before,
		ol.numItemParenthesis > li:before {
			display: inline-block;
			width: 1.5em;
			padding-right: 0.5em;
			font-weight: bold;
			text-align: right;
			content: counter(item) ")";
			color: #cca2d7;
		}
/* ====     PHARMACIES   ======= */
.stepsPharmacy {
	padding-top: 20px;
}

	.stepsPharmacy .step {
		position: relative;
	}

.stepNumPharm {
	background: transparent;
	position: absolute;
	z-index: 99;
	top: -10px;
	left: -8px;
}

.stepHdgPharm {
	background: #0976e3;
	color: #fff;
	position: relative;
	text-transform: uppercase;
	padding: 3px 3px 3px 45px;
	font-weight: bold;
	font-size: 18px;
}

.listItemContainer {
	padding: 15px 40px;
}
/* PRESCRIBER ENROLLMENT    */

.PrescriberEnrollment ul.listItemGreen li {
	margin-left: 15px;
}

.PrescriberEnrollment .radio div {
	display: inline-block;
	padding-right: 20px;
}

@media only screen and (max-width: 47.9375em) {
	.PrescriberEnrollment .radio div {
		display: block;
		padding-bottom: 10px;
	}
}

.agreement p {
	margin-bottom: 0;
	color: #000;
	padding-right: 30px;
}

.agreement ol {
	margin-left: 15px;
}

	.agreement ol li {
		padding: 5px 35px 5px 5px;
	}

/* INPATIENT PHARMACY ENROLLMENT    */
.form-group.PharmType .radio div {
	display: inline-block;
	width: 300px;
}

/*  RESOURCE PAGE  */
.resource h2 {
	margin-bottom: 0;
}

.resource .resources {
	padding: 10px 0;
}

.resource .resourceName {
	margin-top: 10px;
}

@media only screen and (max-width: 47.9375em) {
	.resource .resourceName {
		margin-top: 0px;
	}
}

/* PRODUCT LISTING */
@media only screen and (min-width: 48em) {
	.table-bordered > thead > tr > th,
	.table-bordered > tbody > tr > th,
	.table-bordered > tfoot > tr > th,
	.table-bordered > thead > tr > td,
	.table-bordered > tbody > tr > td,
	.table-bordered > tfoot > tr > td {
		border: 1px solid #0976e3;
	}
}

.product-table-container .table thead tr th {
	vertical-align: middle;
	padding: 10px;
	background: #0976e3;
	color: #fff;
	font-weight: normal;
}

.product-table-container .table-striped > tbody > tr:nth-child(odd) {
	background: #f3f8fd;
}

.product-table-container > table.table-bordered tr td {
	border: 1px solid #4784b1;
}

.product-table-container td {
	font-size: 14px;
	vertical-align: top;
}

.product-table-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.product-table-container ul li {
		margin: 0;
		padding-bottom: 5px;
	}

.product-table-container td a {
	color: #2926a9;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

	.product-table-container td a:hover,
	.product-table-container td a:focus,
	.product-table-container td a:active {
		color: #5f5ddc;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
	}

.products-header th {
	background: #4784b1;
	color: #fff;
	padding-bottom: 15px;
	padding-top: 0;
	border-right: 2px solid #fff !important;
}

	.products-header th:last-child {
		border-right: 0px solid #fff !important;
	}

.products-header td {
	width: 16%;
}

@media screen and (max-width: 47.9375em) {
	.product-table-container .table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 0;
	}

		.product-table-container .table-responsive table {
			padding: 0;
		}
}

/* Login */

.frmContainer.shadowContainer {
	xxxbackground: transparent;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	box-shadow: 8px 0 18px -3px #979a9c;
	padding-bottom: 30px;
}

@media screen and (max-width: 47.9375em) {
	.frmContainer.shadowContainer {
		box-shadow: none;
		padding: 5px 10px;
	}
}

.frmContainer.loginContainer h2 {
	text-align: center;
}

.frmContainer.loginContainer button {
	width: 100%;
	background: linear-gradient(to right, #ee586e 50%, #ed455b 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}

	.frmContainer.loginContainer button:hover {
		border-color: #ee586e;
		color: #fff;
		background-position: left bottom;
	}

.Login .panel-default {
	border-color: #2926a9;
	border-radius: 0;
	margin-top: 60px;
	position: relative;
}

	.Login .panel-default > .panel-heading {
		background-color: #2926a9;
		background-image: none;
		border-color: #dddddd;
		color: #fff;
		font-size: 32px;
		font-weight: normal;
		height: 100px;
		padding-top: 45px;
		text-align: center;
		text-transform: uppercase;
	}

.Login .panel-body {
	background: #ececfe;
	padding-top: 30px;
	padding-bottom: 40px;
}

.Login form button {
	background: #2926a9;
	border-radius: 0;
	border: 1px solid #2926a9;
	font-size: 16px;
	font-weight: normal;
	padding: 10px 50px;
	margin-left: 30px;
	margin-top: 0;
	text-transform: uppercase;
}

	.Login form button:hover,
	.Login form button:active,
	.Login form button:focus {
		background: #5a57bf;
		border-color: #5a57bf;
	}

.Login form input {
	height: 40px;
}

.Login i {
	position: absolute;
	top: -45px;
	left: 45%;
	background: #2926a9;
	border-radius: 100%;
	border: 3px solid #fff;
	color: #fff;
	font-size: 60px;
	height: 85px;
	margin: 0 15px 0 -15px;
	padding: 5px 15px;
	text-align: center;
	width: 85px;
}

@media only screen and (max-width: 47.9375em) {
	.Login form button {
		margin: 30px 0;
		padding: 15px;
		width: 100%;
	}

	.Login i {
		left: 42%;
	}
}

.loginDivider {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	border-top: 3px solid #78d9f2;
	width: 100%;
	margin-top: 55px;
	font-size: 30px;
	line-height: 10px;
	margin-bottom: 40px;
}

.loginDividerContent {
	position: relative;
	top: -29px;
	display: table;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #78d9f2;
	border-radius: 100%;
	height: 60px;
	width: 60px;
	padding-top: 23px;
	text-transform: uppercase;
	font-size: 24px;
	background: #78d9f2;
	color: #002060;
}

/* Footer */
.wellContentBottom {
	text-align: center;
	border-top: 3px solid #446dbc;
	background: rgb(240 90 34 / 20%);
}

.contentBottom {
	padding: 30px 40px 30px;
}

	.contentBottom p {
		font-size: 16px;
	}

@media only screen and (max-width: 47.9375em) {
	.wellContentBottom {
		padding: 0px;
	}

	.contentBottom {
		margin: 15px 0 15px;
		padding: 15px;
	}
}

.wellFooter {
	background: #f5f5f5;
	border-top: 0px solid #565a5c;
	margin: 0;
	padding-bottom: 30px;
	/* background: url("footer_lowerLeft.png"), url("footer_lowerRight.png") #fff;
    background-position: bottom left, bottom right;
    background-repeat: no-repeat;	
    background-size: contain;   */
}

.footer {
	border-top: 0px solid #575257;
	padding: 15px 0px 30px;
	/*	    background: #fff url(bkgdBottom.png) top right;
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-position: 100% 10px;   */
}

	.footer p {
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		margin: 0 auto;
	}

@media only screen and (max-width: 47.9375em) {
	.footer p.copyright {
		text-align: left;
		margin-top: 15px;
	}
}

.footer img {
	width: 150px;
	/* margin: 20px 0 50px; */
}

.footer ul {
	margin: 0 auto;
	padding: 0 0 0 0;
}

.footer a {
	font-size: 16px;
	font-weight: bold;
}

	.footer a:active,
	.footer a:focus {
		text-decoration: none;
	}

.footer ul li {
	display: inline;
	margin: 0;
	vertical-align: top;
}

.footer ul.legalLinks {
	text-align: right;
}

	.footer ul.legalLinks li {
		padding-left: 15px;
	}

.footer ul.docLinks li {
	padding-left: 15px;
}

.footer ul.docLinks {
	margin: 0;
	padding-top: 5px;
	text-align: right;
}

	.footer ul.docLinks li a {
		color: #009fdf;
		font-size: 14px;
		font-weight: bold;
	}

		.footer ul.docLinks li a:hover {
			color: #33b9ee;
			text-decoration: none;
		}

@media only screen and (max-width: 47.9375em) {
	.footer {
		background-image: none;
	}

		.footer ul.legalLinks {
			margin-top: 15px;
		}

			.footer ul.legalLinks li {
				text-align: left;
				padding: 5px 0;
				margin-left: 0;
				display: block;
			}

		.footer ul li {
			display: inline-block;
			padding-bottom: 15px;
		}
}

.footerParent {
	border-top: 1px solid #002c5f;
	padding-top: 15px;
}

	.footerParent p {
		font-size: 14px;
	}



.popupWindow {
	-moz-box-shadow: 17px 17px 17px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 17px 17px 17px rgba(0, 0, 0, .3);
	box-shadow: 5px 10px 50px rgba(0, 0, 0, .3);
	border: 3px solid #dedede;
}

	.popupWindow.focus .header {
		background-color: #009966;
		color: white;
		border-bottom: 5px solid #bbe8cc;
	}

	.popupWindow > .header {
		font-family: Calibri, san-serif;
		font-size: 15px;
		height: 20px;
		padding: 0;
		padding: 5px 3px 5px 10px;
	}

		.popupWindow > .header > .closeIcon {
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: center center;
			border: 1px solid #fff;
			border-radius: 3px;
			cursor: pointer;
			display: inline-block;
			float: right;
			height: 16px;
			padding: 1px;
			width: 16px;
		}
	/* specific just for Prescriber/Associate Facility Search Grid popup as grid is wider than popupwindow  */
	.popupWindow div[data-ubc-form-name="FacilitySearch"] div#searchResults {
		width: 700px;
	}

/*  P O R T A L      M E N U       S T Y L E S    */
ul.navbar-nav li.action,
ul.navbar-nav li.TaskManager {
	text-decoration: none !important;
	font-size: 18px;
	margin-left: 0;
}

	ul.navbar-nav li.action:hover,
	ul.navbar-nav li.TaskManager:hover {
		background: #efe3e9;
		/*background: #e4e8e8;*/
	}

	ul.navbar-nav li.action a:focus,
	ul.navbar-nav li.action a:active {
		outline: 0;
	}

ul[data-ubc-menu-name$="MainMenu"] {
	background: #fff;
	position: relative;
	overflow: visible;
}

li.MenuItem span.Action {
	color: #fff;
}

li.MenuItem.Root {
	background: rgb(12,163,96); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(12,163,96,1) 0%, rgba(6,157,90,1) 11%, rgba(9,160,93,1) 21%, rgba(7,158,91,1) 32%, rgba(7,157,93,1) 58%, rgba(4,127,73,1) 84%, rgba(7,124,72,1) 89%, rgba(7,117,68,1) 95%, rgba(19,122,75,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,163,96,1)), color-stop(11%,rgba(6,157,90,1)), color-stop(21%,rgba(9,160,93,1)), color-stop(32%,rgba(7,158,91,1)), color-stop(58%,rgba(7,157,93,1)), color-stop(84%,rgba(4,127,73,1)), color-stop(89%,rgba(7,124,72,1)), color-stop(95%,rgba(7,117,68,1)), color-stop(100%,rgba(19,122,75,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(12,163,96,1) 0%,rgba(6,157,90,1) 11%,rgba(9,160,93,1) 21%,rgba(7,158,91,1) 32%,rgba(7,157,93,1) 58%,rgba(4,127,73,1) 84%,rgba(7,124,72,1) 89%,rgba(7,117,68,1) 95%,rgba(19,122,75,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ca360', endColorstr='#137a4b',GradientType=0 ); /* IE6-9 */
	border: 3px solid #55ba8e;
	color: #edfaf3;
	margin-left: 1px;
	padding: 6px 25px 8px 25px;
	font-size: 14px;
	font-weight: bold;
}

li.MenuItem.Nested {
	background-color: transparent;
	border-left: 3px solid transparent;
	display: block;
	font-size: 14px;
	margin-right: 4px;
}

li.MenuItem span.MenuText {
	text-decoration: none;
	margin-right: 0px;
	width: auto;
}

li.MenuItem.Root span.MenuText {
	line-height: 2.8em;
}

li.MenuItem.Nested span.MenuText {
	line-height: 2.0em;
	cursor: pointer;
}

li.MenuItem.Selected {
	background: #009966;
	color: white !important;
}

li.MenuItem.Root:hover {
	background-color: #009966;
	background: #009966;
	border: 3px solid #009966;
	color: white;
	text-decoration: none;
}

li.MenuItem.Disabled /*> span.MenuText*/ {
	display: none;
}

li.MenuItem.Enabled > span.MenuText {
	cursor: pointer;
}

li.MenuItem span.MenuOpen {
	display: none;
	width: 8px;
	height: 11px;
	background-image: url('/Resources/CSS/Menu/rightArrow.jpg');
	margin-left: 5px;
}

/*  SUB MENUS */
ul[data-ubc-menu-name$="MainMenu"] ul.dropdown-menu {
	background: #efe3e9;
	border: 0;
	border-left: 1px solid #dedede;
	color: #000;
	padding: .5em 0;
	position: absolute;
	min-width: 200px;
	box-shadow: none;
}

.dropdown-menu > li > a {
	font-size: 16px;
}

.dropdown .dropdown > .dropdown-menu > li > a {
	/*padding-top: 0; 
    padding-bottom: 0*/
}

.dropdown:hover > .dropdown-menu {
	display: block;
}

.dropdown .dropdown > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -8px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	/*height: 200px;
    overflow: auto;
    z-index: 9999;*/
}

.dropdown .dropdown > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #170000;
	margin-top: 5px;
	margin-right: 0px;
}

.dropdown .dropdown b.caret {
	border-color: transparent;
}
/* TABS */
ul[data-ubc-menu-name$="Tabs"] {
	border-top: 3px solid #007db4;
	border-bottom: 1px solid #007db4;
	margin-bottom: 20px;
	width: 100%;
}

	ul[data-ubc-menu-name$="Tabs"].nav li {
		margin: 0;
		margin-right: 1px;
	}

	ul[data-ubc-menu-name$="Tabs"] li a {
		color: #15806d;
		color: #333;
		font-size: 16px;
	}

	ul[data-ubc-menu-name$="Tabs"].nav > li.active > a,
	ul[data-ubc-menu-name$="Tabs"].nav > li.active > a:hover,
	ul[data-ubc-menu-name$="Tabs"].nav > li.active > a:focus {
		background-color: #d6eef9;
		color: #000;
		text-decoration: none;
	}
	/*ul[data-ubc-menu-name$="Tabs"].nav > li.active > a,*/
	ul[data-ubc-menu-name$="Tabs"].nav > li > a:hover,
	ul[data-ubc-menu-name$="Tabs"].nav > li > a:focus {
		background-color: #bde6df;
		text-decoration: none;
	}

	ul[data-ubc-menu-name$="Tabs"].nav > li > a:hover {
		background: #b2d6e6;
	}

	ul[data-ubc-menu-name$="Tabs"] li.MenuItem {
		background: #bde6df;
		border: 0;
		box-shadow: inset 2px 2px 2px .5px #036c49;
		font-size: 12px;
		margin: 5px 2px;
		padding: 7px 15px;
	}

		ul[data-ubc-menu-name$="Tabs"] li.MenuItem:hover {
			background: #bbe8cc;
			background-color: #bbe8cc;
			background: #fff;
			border: 0;
		}

		ul[data-ubc-menu-name$="Tabs"] li.MenuItem.Selected {
			background-color: #fff;
			/* border: 1px solid #009966;   */
			border-bottom: 0;
			margin-right: 1px;
			/* box-shadow: none;*/
		}

			ul[data-ubc-menu-name$="Tabs"] li.MenuItem.Selected:hover {
				/* margin: 1px; */
			}

		ul[data-ubc-menu-name$="Tabs"] li.MenuItem span.Action {
			text-decoration: none;
			cursor: pointer;
			/* text-shadow: 1px 1px 1px  #333;*/
			color: #666;
		}

			ul[data-ubc-menu-name$="Tabs"] li.MenuItem span.Action:hover {
				color: #000;
			}

		ul[data-ubc-menu-name$="Tabs"] li.MenuItem.Selected span.Action {
			color: #009966;
			cursor: pointer;
			text-decoration: none;
			text-shadow: none;
		}

span.Action:hover {
	color: #000;
	text-decoration: underline;
}

/*  DROP DOWN MENU ITEMS */
ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems {
	background-color: #009966;
	border: 0;
	border-left: 1px solid #009966;
	color: #000;
	display: block;
	margin: -0.8em 0 0 0;
	padding: .5em 0;
	position: absolute;
	min-width: 200px;
}

	ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems li.MenuItem.Nested:hover,
	ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems li.MenuItem.Nested:active {
		background-color: #036c49;
		border-left: 3px solid #bbe8cc;
		color: #000;
	}

	ul[data-ubc-menu-name$="MainMenu"] ul.MenuItems li.MenuItem.Selected {
		background-color: #036c49;
		border: 1px solid #bbe8cc;
		border-left: 3px solid #bbe8cc;
		border-right: 0;
	}

li#BlankForms ul.MenuItems {
	left: 170px !important;
}

	li#BlankForms ul.MenuItems li span,
	li#Reports ul.MenuItems li span {
		line-height: 1em;
		display: inline-block;
		padding-bottom: 5px;
		padding-top: 5px;
	}


/* Context menu   */
.ubc-context-menu .dropdown-menu .action:hover {
	text-decoration: none;
}

.ubc-context-menu .dropdown-menu > li > a:hover,
.ubc-context-menu .dropdown-menu > li > a:focus {
	background: #ecf9f6;
	background: transparent;
	color: #5b89c3;
}

.ubc-context-menu .dropdown-menu > li.disabled > a:hover,
.ubc-context-menu .dropdown-menu > li.disabled > a:focus {
	color: #777;
}
/*     L O G I N    P O P U P   S T Y L E S    */
div.popupWindow div.WebPartContainer div[data-ubc-form-name].Login-Form.Login-Query-Password {
	background: transparent;
	padding: 5px;
	height: 400px;
}

div[data-ubc-form-name].Login-Form.Login-Query-Password div.Login-Body {
	height: 40%;
}

div.popupWindow div.WebPartContainer div.Login-Form.Login-Update-Profile {
	background-color: #fff;
	max-height: 550px;
	overflow-y: auto;
	overflow-x: auto;
	padding: 5px;
	width: 590px;
}

div.Login-Form {
	height: 100%;
}

table[data-ubc-form-array-name="Questions"] td {
	width: 200px;
	vertical-align: top;
}
/* =======================================   */


/* =======================================   */
#ValidationSummary li {
	color: red;
	cursor: pointer;
	list-style: none;
	text-align: left;
}

a.navLink {
	color: ##019cdc;
	text-decoration: none;
	cursor: pointer;
}

	a.navLink:hover {
		text-decoration: underline;
	}

	a.navLink label span {
		color: #ff6b00;
		cursor: pointer;
		text-decoration: none;
	}

		a.navLink label span:hover {
			text-decoration: underline;
		}

span[data-torch-change-reason-message] {
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
}

textarea[data-torch-change-reason-input] {
	width: 380px;
	height: 120px;
	margin: 10px;
	padding: 5px;
}

/*  UI Slider  */
table.ubc-grid-navigation-bar {
	padding: 3px;
	border-color: #CACBD3;
	background: #fff;
}

.ui-slider .ui-slider-handle:after,
.ui-slider .ui-slider-handle:before {
	border: 0;
}

.ubc-grid-navigation-slider .ui-slider .ui-slider-handle {
	background: #fff;
	border-color: #5b89c3;
	border-radius: 100%;
	border-width: 3px;
	cursor: pointer;
	height: 2em;
	top: -12px;
	width: 2em;
}

	.ubc-grid-navigation-slider .ui-slider .ui-slider-handle:hover,
	.ubc-grid-navigation-slider .ui-slider .ui-slider-handle:active,
	.ubc-grid-navigation-slider .ui-slider .ui-slider-handle:focus {
		text-decoration: none;
		outline: 0;
	}

.ui-slider .ui-slider-handle:before {
	border: 0;
	color: #888;
	content: "\e091";
	font-family: "Glyphicons Halflings";
	font-size: .6em;
	left: 2px;
	margin-left: 2px;
	margin-top: 2px;
	top: 2px;
	position: relative;
}

.ui-slider .ui-slider-handle:after {
	border: 0;
	color: #888;
	content: "\e092";
	font-family: "Glyphicons Halflings";
	font-size: .65em;
	margin-left: 2px;
	margin-top: 2px;
	left: -2px;
	top: 2px;
	position: relative;
}

.ubc-navigation-button.first,
.ubc-navigation-button.previous,
.ubc-navigation-button.next,
.ubc-navigation-button.last {
	background: #fff;
	background-image: url('');
	background: transparent;
	border: 1px solid #5b89c3;
	border-radius: 100%;
	color: #666;
	height: 22px;
	margin-top: 0px;
	vertical-align: top;
	width: 22px;
}

	.ubc-navigation-button.first:before {
		content: "\e079";
		font-family: "Glyphicons Halflings";
		font-size: 9px;
		left: 2.5px;
		position: relative;
		top: 0px;
	}

	.ubc-navigation-button.first:after {
		content: "\e079";
		font-family: "Glyphicons Halflings";
		font-size: 9px;
		left: -1px;
		position: relative;
		top: 0px;
	}

	.ubc-navigation-button.previous:before {
		content: "\e079";
		font-family: "Glyphicons Halflings";
		font-size: 10px;
		left: 5px;
		position: relative;
		top: 0px;
	}

	.ubc-navigation-button.next:before {
		content: "\e080";
		font-family: "Glyphicons Halflings";
		font-size: 10px;
		left: 5px;
		position: relative;
		top: 0px;
	}

	.ubc-navigation-button.last:before {
		content: "\e080";
		font-family: "Glyphicons Halflings";
		font-size: 9px;
		top: -1px;
		left: 3px;
		position: relative;
	}

	.ubc-navigation-button.last:after {
		content: "\e080";
		font-family: "Glyphicons Halflings";
		font-size: 9px;
		top: -1px;
		left: -1px;
		position: relative;
	}

.ubc-grid-navigation-slider .ui-slider.ui-slider-horizontal {
	margin-right: 10px;
}

/* F O R M   F I E L D S   */
.frmMainContainer {
	background: #565a5c;
	padding: 40px;
	box-shadow: 0 6px 2px -2px #666;
}

@media only screen and (max-width: 47.9375em) {
	.frmMainContainer {
		padding: 15px;
	}
}

.frmContainer {
	background: #fff;
	border: 1px solid #78d9f2;
	border-radius: 0px;
	padding: 15px;
	margin: 15px 0;
	box-shadow: 0 8px 6px -6px #bebdbd;
}

.frmContainerSecondary {
	border-top: 40px solid #78d9f2;
}

.frmContainerMultiple {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}

.frmContainerBanner {
	background: #e1e1e1;
	background: #e5eae8;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	padding: 15px;
}

.frmContainerDisplay {
	padding: 15px;
	background: #fff;
	background: #f9f9f9;
	border: 1px solid #ddd;
}

.frmContainerGrey {
	background: #f9f9f9;
	border-radius: 3px;
	padding: 15px;
	border: 15px solid #ddd;
	padding-top: 0;
}

.frmContainer h3,
.frmContainerDisplay h3 {
	border-bottom: 2px solid #005a9c;
	color: #005a9c;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.frmContainerEmphasis {
	background: #fef5f2;
	padding: 15px;
	word-break:break-all;
}

.frmGroupDisplay {
	margin-bottom: 10px;
}

.frmSectionContainer {
	border: 1px solid #0976e3;
	background: #fff;
	margin-bottom: 30px;
}

.frmSectionHeader {
	background: #0976e3;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 1px;
	padding: 10px;
	text-transform: uppercase;
}

.frmSectionFields {
	padding: 15px;
}

.frmGroupContainer {
	background: rgb(122 219 242 / 10%);
	margin-bottom: 20px;
	padding: 10px;
}

.frmInfoContainer {
	background: rgb(122 219 242 / 10%);
	margin: -15px -15px 0;
	padding: 15px;
}

.frmTitle {
	color: #fff;
	background: #002060;
	font-size: 32px;
	font-weight: bold;
	padding: 15px;
	margin: -15px -15px 15px;
	line-height: 1.5em;
	margin: -15px -15px 15px;
	line-height: 1.5em;
	font-family: Raleway, sans-serif;
}

.frmHeader {
	background: #78d9f2;
	color: #002060;
	position: relative;
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 30px;
	padding: 5px 10px;
}

.frmHeaderInvert {
	margin: 15px -15px 15px;
	padding: 15px;
	background: #78d9f2;
	color: #002060;
	position: relative;
	font-size: 26px;
	font-weight: 700;
	font-family: Raleway, sans-serif;
}

	.frmHeaderInvert:first-of-type {
		margin-top: -15px;
		border-top: 1px solid #fff;
	}

.frmSubHeader {
	color: #446dbc;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
	position: relative;
}

.fxxrmSubHeader:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border-top: 16px solid transparent;
	border-right: 16px solid #002c5f;
	border-left: 16px solid transparent;
	border-bottom: 16px solid transparent;
	left: -1px;
	position: absolute;
	top: -15px;
	left: -16px;
}

.frmSubHeader i {
	margin-right: 10px;
}

.frmSubHeaderInvert {
	color: #446dbc;
	background: #fef3ef;
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 10px;
	padding: 10px;
}

.frmInstructions {
	font-weight: 400;
	padding-bottom: 15px;
}

.txtInstructions {
	color: #565a5c;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0;
}

.frmDividerGradient {
	margin: 15px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fed75f+0,f6895b+100 */
	background: #fed75f; /* Old browsers */
	background: -moz-linear-gradient(left, #fed75f 0%, #f6895b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fed75f 0%,#f6895b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fed75f 0%,#f6895b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed75f', endColorstr='#f6895b',GradientType=1 ); /* IE6-9 */
	height: 5px;
	margin: 20px 0;
}

.frmDividerSolid {
	border-bottom: 1px solid #ffa482;
	margin: 15px 0;
}

.frmDividerDotted {
	border-bottom: 2px dotted #ffa482;
	margin-bottom: 10px;
	margin-top: 10px;
}

/*  fieldset containers  */
fieldset {
	border: 0;
	margin: 0;
	padding-top: 0;
}

	fieldset fieldset {
		background-color: #ffffff;
		margin-top: 0;
	}
/*  required asterisk - use glyphicon instead of image */
.required > .control-label {
	background: url('');
	background: transparent;
	padding-left: 0;
}

.ubc-dat-input-date.hasDatepicker + img.ui-datepicker-trigger {
	position: absolute;
	margin-left: -30px;
	margin-top: 3px;
}

.required > .control-label span:before,
.DataElementLabel span:before {
	color: red;
	content: "\2a";
	font-weight: 600;
	margin-right: 2px;
}

.ubc-data-input.important > .control-label:before,
.ubc-data-input.Important > .control-label:before {
	color: #3b95f3;
	content: "\2a";
	font-weight: 600;
	margin-right: 2px;
}

.DataElement.Important:before {
	color: #395bf1;
	content: "\2a";
	font-size: 18px;
	font-weight: bold;
	font-weight: normal;
	margin-right: -2px;
	position: relative;
}

.DataElement.Important.required:before {
	content: "";
}

.NotApplicable {
	display: none;
}

.frmContainerBanner .form-group.required > .control-label:before,
.frmContainerDisplay .form-group.required > .control-label:before,
.frmGroupDisplay .form-group.required > .control-label:before {
	content: "";
	margin-left: -2px;
}

label.control-label {
	font-size: 18px;
	font-weight: 20px;
}

span.DataElement label {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	width: auto;
	padding: 0px 0 0 0;
	vertical-align: top;
	margin-bottom: 0;
}

span.DataDisplay label {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	width: auto;
	padding: 0 0 0 0;
	vertical-align: top;
}

.frmContainerDisplay label.control-label + span {
	font-size: 16px;
	color: #888;
}

.frmContainerDisplay label.control-label,
.frmContainerBanner label.control-label {
	color: #000;
}

.frmContainerDisplay .form-group,
.frmContainerBanner .form-group,
.frmGroupDisplay .form-group {
	margin-bottom: 0px;
}

.frmGroupDisplay .ubc-data-display-text,
.frmGroupDisplay label.control-label {
	font-size: 18px;
}

.ubc-data-display-text,
.ubc-data-display-integer,
.ubc-data-display-drop-down {
	font-size: 16px;
}

.ubc-data-input-integer,
.ubc-dat-input-date {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	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;
}

	.ubc-data-input-integer:focus,
	.ubc-dat-input-date:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}

	.ubc-dat-input-date.hasDatepicker {
		display: inline;
	}

.has-error .hasDatepicker {
	border-color: #a94442;
	-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);
}

	.has-error .hasDatepicker:focus {
		border-color: #843534;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
	}

.buttonContainer,
div[data-torch-dialog-button-container] {
	text-align: right;
	margin-top: 20px;
	z-index: 4;
}

ul.ubc-data-display-checkbox-list,
ul.ubc-data-display-checkbox-list li.ubc-data-display-checkbox.selected {
	display: inline;
	margin-left: 5px;
	padding-left: 0;
}


/*  =======================================       */

.RadioListBlock {
	display: block;
}

.noReset {
	margin-top: -20px;
}

.RadioListElementBlock {
	padding-left: 150px;
	text-indent: -16px;
}

.RadioListBlock .RadioListElementBlock label {
	font-size: 12px;
	margin-left: -10px;
	vertical-align: top;
	display: inline;
	width: auto;
}

.CheckListBlock {
	display: block;
	margin-top: -20px;
}

.CheckListElementBlock {
	padding-left: 100px;
	margin: 0;
	list-style: none;
}

.CheckListBlock .CheckListElementBlock label {
	font-size: 12px;
	margin-left: -10px;
	vertical-align: top;
	display: inline;
	width: auto;
}

/*  I N L I N E    E R R O R   M E S S A G E   P L A C E M E N T  */
li.ErrorMessage {
	color: #ff0000;
	margin-top: -10px;
	margin-bottom: 10px;
}

div[data-ubc-form-name="Login"] li.ErrorMessage,
.Login-Forgot-Password li.ErrorMessage,
.Login-Query-Password li.ErrorMessage {
	color: #ff0000;
	margin-top: 5px;
}



/*  G E N E R A L   S T Y L E   C L A S S E S     */
.noMargin {
	margin: 0 !important;
}

.noMarginTop {
	margin-top: 0 !important;
}

.noMarginBottom {
	margin-bottom: 0 !important;
}

.noBorder {
	border: 0 !important;
}

.noBorderBottom {
	border-bottom: 0 !important;
}

.noPadding {
	padding: 0 !important;
}

.paddingLeft {
	padding-left: 30px;
}

.noBackground {
	background: transparent !important;
}

.action:hover {
	text-decoration: none;
}

.hyperlink {
	text-decoration: underline;
	color: #6698C2;
}

	.hyperlink:hover {
		color: #316784;
		cursor: pointer;
	}
/* ===== SPECIFIC FORM FIELDS   ===== */
.formLabel {
	color: #58585a;
	font-size: 18px;
}

.displayLabel {
	color: #000;
	font-size: 18px;
}

	.displayLabel + span > a > div {
		display: inline;
	}
/* =====  PANEL CONTAINER  ===== */
.ubc-panel-container {
	clear: both;
}

/* =====  JQUERY UI-DIALOG POPUP OVERRIDES  ===== */
.ui-dialog {
	border: 1px solid #aaa;
	border-radius: 5px;
}

	.ui-dialog .ui-widget-header {
		background: #06B9AC;
		border: 1px solid #00958a;
		color: #fff;
		padding: 5px;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		padding-top: 0;
	}

		.ui-dialog .ui-dialog-titlebar-close:before {
			content: "x";
			color: #333;
		}

#DeleteDialog {
	padding: 20px 10px 10px;
}

.ui-dialog .ui-dialog-buttonpane {
	padding: 5px 0;
}

.ui-dialog-buttonset button {
	font-weight: bold;
	text-shadow: none;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 12px;
}

	.ui-dialog-buttonset button:first-child {
		background: #729cd2;
		color: #fff;
		border: 1px solid #3872bd;
		margin-right: 10px;
	}

		.ui-dialog-buttonset button:first-child:hover,
		.ui-dialog-buttonset button:first-child:focus {
			background: #5B89c3;
			border-color: #3872bd;
		}

	.ui-dialog-buttonset button:last-child {
		background: #990E0E;
		background: #c12e2a;
		border: 1px solid #990E0E;
		color: #fff;
	}

		.ui-dialog-buttonset button:last-child:hover,
		.ui-dialog-buttonset button:last-child:focus,
		.ui-dialog-buttonset button:last-child:active {
			background: #990E0E;
			color: #fff;
		}


.radio label,
.checkbox label {
	padding-right: 20px;
	padding-right: 45px;
}

@media only screen and (max-width: 47.9375em) {
	ul[data-ubc-menu-name$="Tabs"] {
		margin: 7.5px 0;
	}
}

.text-red {
	color: red;
}

.bold {
	font-weight: bold;
}

.info-block {
	border: 1px solid black;
	padding: 15px;
	background-color: #fff;
	margin-bottom: 30px;
}

.txtEmphasis {
	font-weight: 600;
}

.txtEmphasisLarge {
	color: #33b9ee;
	font-size: 28px;
	font-weight: bold;
}

.txtWarning {
	color: #f6895b !important;
	font-weight: 600;
}

.txtRed {
	color: #ff0000;
}

.txtGreen {
	color: #007a40;
}

.txtStandOut {
	font-weight: bold;
	font-size: 110%
}

.txtSpaced {
	line-height: 36px;
	font-size: 20px;
}

.txtNoWrap {
	white-space: nowrap;
}

.txtIndented {
	margin-left: 30px;
}

.txtSmall {
	font-size: 90%;
}

.docEmphasis {
	font-weight: bold;
}

span.docEmphasis {
	color: #000;
}

.enrollment-container {
	border: 1px solid #DDDDDD;
	background-color: #FCFCFC;
	padding: 20px;
}

	/*.enrollment-container h3 {
   color: #005a9c;
   font-size: 18px;
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 0;
   text-transform: uppercase;
}*/

	.enrollment-container hr {
		margin-top: 10px;
		border: 1px solid #005a9c;
	}

.info-block ul {
	margin-top: 5px;
	padding-left: 0;
}

	.info-block ul li {
		padding-bottom: 10px
	}

		.info-block ul li ul li {
			padding-bottom: 10px
		}

.RepCommunicationMethod .radio div {
	display: inline;
}

.PharmacyType .radio div {
	display: inline;
}

.inline-block {
	font-size: 18px;
	display: inline-block;
}

.data-alert {
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	z-index: 1000;
}

.form-header {
	border-bottom: 2px solid #005a9c;
	color: #005a9c;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

#pharmacy-info {
	border: 2px solid black;
	font-weight: Bolder;
	padding: 10px;
}

/*  REMS VERIFICATION  */

#pharmacy-info {
	background: #fff;
	border: 1px solid black;
	font-size: 20px;
	font-weight: bold;
	padding: 15px;
	margin-bottom: 20px;
}

.verif_results {
	display: table;
	padding-bottom: 5px;
}

.verif_iconCell,
.verif_msgCell {
	display: table-cell;
	padding-right: 20px;
	vertical-align: top;
}

.verif_results .verif_icon {
	font-size: 36px;
	border: 3px solid;
	border-radius: 100%;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	width: 60px;
}

.verif_success .verif_msg,
.verif_results.verif_success .verif_icon {
	border-color: #02b9b9;
	color: #02b9b9;
}

.verif_unsuccess .verif_msg,
.verif_results.verif_unsuccess .verif_icon {
	border-color: #e22727;
	color: #e22727;
}

.verif_msg {
	color: #000;
	font-size: 30px;
	padding-bottom: 5px;
}

.btn-authCode,
.btn-authCode:hover,
.btn-authCode:focus {
	background: #02b9b9;
	color: #fff;
}

.verif_code {
	background: #f1f1f1;
	border: 1px solid #ddd;
	padding: 10px 25px;
	text-align: center;
}

.verif_num {
	font-weight: bold;
	font-size: 20px;
}

.verif_details h3 {
	font-weight: bold;
	text-transform: uppercase;
}

.certified .verif_status {
	color: #02b9b9;
	display: inline-block;
}

.verif_details .certified i {
	color: #02b9b9;
	font-size: 20px;
}

.notCertified .verif_status {
	color: #e22727;
	display: inline-block;
}

.verif_details .notCertified i {
	color: #e22727;
	font-size: 20px;
}
/* =====    MODAL   WINDOWS   ===== */
.modal-content {
	border: 5px solid #827576;
	padding: 15px;
}

.modal-header {
	color: #827576;
	background: #fff;
	border-bottom: 3px solid;
	padding: 0;
	padding-bottom: 5px;
}

	.modal-header .close {
		color: #333;
		filter: Alpha(Opacity=50);
		opacity: .5;
		font-size: 30px;
	}

		.modal-header .close:active {
			border: 0;
		}

		.modal-header .close:hover {
			color: #000;
			filter: Alpha(Opacity=90);
			opacity: .9;
		}

.modal-title {
	font-size: 32px;
}

.modal-body {
	padding: 15px 0;
	line-height: 1em;
}

.modal-footer {
	padding: 15px 0;
	border: 0;
}

.modal button.btn-default {
	background: #db0b5b;
	border-color: #db0b5b;
	color: #fff;
	font-weight: bold;
	padding: 10px 30px;
	text-shadow: none;
}

.modal .btn-danger {
	background: #fff;
	color: #e1523d;
	border: 1px solid #e1523d;
}

	.modal .btn-danger:hover {
		background: #e1523d;
		color: #fff;
	}
/*  CONTACT US    */
.contactUs {
}

.contactBlock {
	background: #565a5c;
	box-shadow: 0 6px 2px -2px #666;
	height: 270px;
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
}

.contactBlock_hdg {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 50px;
	padding-bottom: 40px;
}

.contactBlock_content {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}

.contactBlock_icon {
	position: absolute;
	top: 25%;
	top: 20%;
	left: 35%;
	color: #fff;
	opacity: .3;
	font-size: 120px;
}

/*  ===========   LMS OVerrides   ======== */
.playerContent {
	position: relative;
	top: 0;
}
/*  =======    Knowledge Assessment  (LMS OVERRIDES)    =============  */
.playerActions {
	/*	position: relative;
	overflow: hidden;   */
	left: 0;
}

.title {
	font-size: 32px;
	font-weight: normal;
}

.question {
	font-size: 26px;
	line-height: 30px;
	margin-top: 15px;
	color: #234e95;
}

.playerContent .radio label {
	font-weight: normal;
	font-size: 20px;
	color: #333;
	padding-left: 5px !important;
}

.questionContainer .radio div {
	display: block;
	width: auto;
}

.letter {
	color: transparent;
}

.lmsQuestion .radio label::after {
	left: 3px;
	height: 11px;
	width: 11px;
	top: 6px;
}

.lmsQuestion.lmsQuestionError .radio label::after,
.lmsQuestion.lmsQuestionCorrect .radio label::after {
	background: #232d69;
}

.lmsQuestion.lmsQuestionError input[type="radio"]:checked + label {
	/*color: #333;*/
}

[data-ubc-note="*"] {
	position: relative;
	background: transparent;
	top: 0;
	left: 0;
	border: 1px solid;
	margin-bottom: 15px;
	height: auto;
	width: auto;
	text-align: left;
}

.noteAnswer {
	font-size: 22px;
	font-weight: bold;
}

.noteDescription {
	font-size: 20px;
	font-weight: normal
}

.note.correct {
	border-color: #00937a;
	color: #00937a;
}

.note.error {
	border-color: #e90f0f;
	color: #e90f0f;
}

.playerActions .btn.disabled,
.playerActions .previousButtonContainer.btnDisabled {
	cursor: not-allowed;
}

.radio input[type="radio"]:disabled + label {
	cursor: not-allowed;
}

@media only screen and (max-width: 47.9375em) {
	[data-ubc-player-mode="assessment"] .formContainer,
	.completion {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.button_content .steps-container .stepText ul li {
	font-size: 14px;
}

.button_content .steps-container h3 {
	font-weight: bold;
}
/* ===== PROGRESS   TRACKER     ======= */

.frmProgressTracker {
	text-align: center;
	color: #b3b7c1;
	position: absolute;
	top: 5px;
	right: 10px;
}

	.frmProgressTracker .step {
		display: inline-block;
		padding: 0 20px;
		position: relative;
		margin-right: 5px;
		width: 120px;
		vertical-align: top;
	}

		.frmProgressTracker .step:after {
			content: "...";
			font-size: 60px;
			line-height: 1px;
			position: absolute;
			top: -2px;
			right: -23px;
			color: #ccc;
		}

.step.completed:after {
	color: #232d69;
}

.step:last-child:after {
	display: none;
}

.frmProgressTracker .step .stepNum {
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0 0 0;
	height: 30px;
	width: 30px;
	text-align: center;
}

.frmProgressTracker .step.active .stepNum {
	background-color: #019cdc;
	border: 2px solid #019cdc;
}

.frmProgressTracker .step.todo .stepNum {
	background-color: #ccc;
	border: 2px solid #ccc;
}

.frmProgressTracker .step.completed .stepNum {
	background-color: #232d69;
	color: transparent;
	border: 2px solid #232d69;
}

.frmProgressTracker .step .stepTxt {
	text-align: center;
	margin: 0px auto;
	padding-left: 5px;
	font-size: 12px;
	color: #bbb;
	font-weight: bold;
	padding-bottom: 13px;
}

.frmProgressTracker .step.completed .stepTxt {
	color: #232d69;
}

.frmProgressTracker .step.active .stepTxt {
	color: #019cdc;
}

.frmProgressTracker .step.completed .stepNum:before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #3fbc74;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	font-size: 18px;
	line-height: 0;
	margin-left: 4px
}

@media only screen and (max-width: 1023px) {
	.frmProgressTracker {
		position: relative;
		margin-bottom: 30px;
		right: 0;
		text-align: right;
	}

		.frmProgressTracker .step {
			width: auto;
		}

		.frmProgressTracker .stepTxt {
			display: none;
		}
}

.form-group.SecurityCaption .secInstructions {
	font-weight: normal;
	font-size: 14px;
}

.containerTbl {
	background: #fde7de;
	padding: 15px;
	margin-bottom: 45px;
}

.tblTitle {
	/* background: #446dbc; */
	color: #44439b;
	/* padding: 15px; */
	font-size: 24px;
	font-weight: 700;
	margin-top: 40px;
	text-transform: uppercase;
	padding-bottom: 10px;
	text-align: center;
}

.callout {
	margin: 30px 0 30px 0;
	xxborder-spacing: 10px;
	width: 100%;
	background: #fafafa;
	background: rgb(122 219 242 / 10%);
	border: 3px solid #78d9f2;
	border-radius: 5px;
	/*border: 1px solid #eee;
	border-bottom: 2px solid rgb(0 122 51 / 0%); */
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05);
	padding: 15px;
}

.calloutContent {
	background: transparent;
	padding: 15px 0;
	position: relative;
	margin-top: 5px;
	/* box-shadow: 0 8px 6px -6px #bebdbd; */
	/* border-top: 5px solid #06a7e0; */
}

.calloutTitle {
	margin-bottom: 0px;
	font-weight: 700;
	background: #78d9f2;
	color: #002060;
	vertical-align: middle;
	font-size: 24px;
	text-align: center;
	padding: 30px 15px;
}

	.calloutTitle.hdgUnderline {
		border-bottom: 3px solid;
		margin-bottom: 30px;
		padding-bottom;
		10px;
	}

.bkgdPrescriber .calloutTitle {
	border-color: #415465;
}

.callout.bkgdCallout h3 {
	font-size: 16px;
	padding-top: 0;
	color: #06a7e0;
	/* text-transform:  uppercase; */
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 0;
	padding: 0;
}

.bkgdPrescriber .calloutTitle .stakeholder {
}

.bkgdPharmacy .calloutTitle {
	border-color: #eb7924;
	color: #eb7924;
}

	.bkgdPharmacy .calloutTitle .stakeholder {
		color: #eb7924;
		font-size: 28px;
	}

.bkgdPatient .calloutTitle {
	border-color: #06a7e0;
	color: #06a7e0;
}

.calloutContent.bkgdPrescriber,
.calloutContent.bkgdPharmacy,
.calloutContent.bkgdPatient {
	text-align: center;
}

.patient .calloutTitle {
	border-color: #868f97;
}

.bkgdPatient .calloutTitle .stakeholder {
	color: #06a7e0;
	font-weight: 500;
	font-size: 28px;
	;
}

.callout ul {
	/* margin-left: 0; */
}

.calloutText {
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 30px;
}

@media only screen and (min-width: 1025px) {
	.calloutText {
		min-height: 100px;
	}
}

.calloutIcon i,
.calloutTitle i {
	border: 3px solid #526576;
	color: #526576;
	padding: 8px;
	border-radius: 100%;
	font-size: 20px;
	background: #fff;
}

.calloutIcon.calloutIconPrescriber i {
	color: #415465;
	border-color: #415465;
}

.calloutIcon.calloutIconPharmacy i {
	color: #eb7924;
	border-color: #eb7924;
}

.calloutIcon.calloutIconPatient i {
	color: #06a7e0;
	border-color: #06a7e0;
}

@media only screen and (max-width: 47.9375em) {
	.callout {
		display: block;
	}

	.calloutContent {
		display: block;
		width: 100%;
	}

	.calloutTitle {
		min-height: auto;
		margin-bottom: 15px;
	}

	.calloutIcon i {
		font-size: 18px;
		top: 30px;
		padding: 10px;
		right: 5px;
	}
}

/*   UTILITY LOGIN    */
.utility .btnLinkRegister a {
	background: #fff;
	border: 2px solid;
	color: #446dbc;
	padding: 10px 30px;
	font-size: 16px;
	text-transform: uppercase;
	/* for ipad vertical */
	display: inline-block;
}

	.utility .btnLinkRegister a:hover,
	.utility .btnLinkRegister a:active,
	.utility .btnLinkRegister a:focus {
		text-decoration: none;
		background: #37b5e5;
		color: #fff;
	}

.utilLinks #WP-Header_WP-PublicUserProfile_Forms-Login_ContextActions-IdentityConnectorLogin-1_action-element {
	border-radius: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 10px 50px 10px 50px;
	margin: 0;
	border: 2px solid #ffa482;
	text-transform: uppercase;
	background: linear-gradient(to right, #002060 50%, #ffa482 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
	text-decoration: none;
}

	.utilLinks #WP-Header_WP-PublicUserProfile_Forms-Login_ContextActions-IdentityConnectorLogin-1_action-element:hover,
	.utilLinks #WP-Header_WP-PublicUserProfile_Forms-Login_ContextActions-IdentityConnectorLogin-1_action-element:focus {
		border: 2px solid #002060;
		color: #fff;
		background-position: left bottom;
	}

.utilLinks .form-group {
	margin-bottom: 0;
}

.utilLinks #WP-Header_WP-PublicUserProfile_Forms-Login_ContextActions-IdentityConnectorLogin-1_action-element:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 10px;
}
/* JQUERY SIGNATURE   */
.sigWrapper {
	width: 500px;
	height: 200px !important;
	border: 1px solid #aaa !important;
	background: #fff;
}

	.sigWrapper + button {
		white-space: nowrap;
	}

.sigPad {
	width: auto !important;
}

.pad {
	height: 80px;
	width: 100%;
}

.sigNav {
	width: 100%;
}

.sigNav {
	width: 500px;
	margin-bottom: 30px !important;
}

	.sigNav a.current,
	.sigNav a.current:link,
	.sigNav a.current:visited {
		border-radius: 0 !important;
		background: #856694 !important;
		font-weight: normal !important;
		padding: 0 30px !important;
	}

	.sigNav .drawIt {
		display: none;
	}

	.sigNav a,
	.sigNav a:link,
	.sigNav a:visited {
		color: #003b71 !important;
		font-size: 14px;
		/* border: 1px solid #003b71 !important;  */
		text-decoration: none !important;
		px;
	}

	.sigNav .clearButton {
		float: right;
		position: relative;
		line-height: .9em !important;
	}

		.sigNav .clearButton a {
			background: #06408b;
			color: #fff !important;
			text-transform: none !important;
		}

@media only screen and (max-width: 47.9375em) {
	.sigWrapper,
	.sigNav {
		width: 325px;
	}
}
/*  LOCATOR   */
#LocatorEntry,
#LocatorResults {
	background: #fff;
	margin-top: 30px;
}

.locator .nav .nav-tabs {
	padding: 0;
	background: #f9f9f9;
}
/*
.locator .nav-tabs > li {
	display: none;
}*/

.locator-searchFields {
	border-top: 40px solid #7cdbf2;
	padding: 15px;
	margin-bottom: 15px;
	xbackground: #b7cbf0;
}

	.locator-searchFields button {
		margin-top: 23px;
	}

.locator .tab-content {
	background: #fff;
	border: 8px solid #7cdbf2;
}

.locationList {
	height: 625px;
	overflow-y: auto;
}

.locator .nav-tabs > li {
	padding: 0 5px 0 0;
}

	.locator .nav-tabs > li > a {
		background: #fff;
		border: 1px solid #89b6d3;
		color: #89b6d3;
		font-size: 18px;
		padding: 15px;
		font-weight: 700;
	}

	.locator .nav-tabs > li.active > a,
	.locator .nav-tabs > li.active > a:hover,
	.locator .nav-tabs > li.active > a:active,
	.locator .nav-tabs > li.active > a:focus {
		background-color: #fff;
		border-color: #182853 #182853 transparent;
		box-shadow: none;
		color: #182853;
		outline: 0;
		text-decoration: none;
		font-weight: 700;
	}

	.locator .nav-tabs > li > a:hover,
	.locator .nav-tabs > li > a:focus {
		background-color: #89b6d3;
		border: 1px solid #89b6d3;
		color: #fff;
		opacity: .85;
		text-decoration: none;
	}

.locationItem {
	display: table;
	width: 100%;
	background: #f5f5f5;
	padding: 10px 5px;
	border: 1px solid #eee;
	margin-bottom: 5px;
}

	.locationItem.active {
		background: #fcf2f8;
	}

.locPin {
	display: table-cell;
	vertical-align: top;
	width: 30px;
}

	.locPin img {
		width: 20px;
	}

.locDtls {
	width: 95%;
	font-size: 14px;
}

.locName {
	font-weight: 700;
	text-transform: uppercase;
	color: #182853;
	/* margin-bottom: 10px; */
}

.locAddr {
	line-height: 1.5em;
}

.locMiles {
	display: table-cell;
	vertical-align: top;
	width: 15%;
	font-size: 12px;
	font-weight: 500;
}

a.locDirections {
	color: #446dbc;
	background: #fff;
	border: 2px solid #446dbc;
	font-weight: bold;
	padding: 5px 10px;
	display: block;
	border-radius: 3px;
	margin-top: 10px;
	font-size: 14px;
}

	a.locDirections:hover {
		background: #01385e;
		color: #fff;
		text-decoration: none;
	}

.locDirections a {
	background: #fff;
	color: #446dbc;
	padding: 5px 20px;
	border-radius: 20px;
}


.form-group.ShipToFacilityAddress {
	display: flex;
	align-items: center
}

input[type="checkbox"] {
	order: -1;
	margin-right: .6rem;
	margin-left: 1.2rem;
	transform: scale(1.5);
	align-self: flex-start;
	margin-top: .3rem
}

.FacilityTypeSCID.radio {
	display: flex;
	flex-wrap: wrap
}

.FacilityTypeSCID.radio div {
	flex-basis: 50%;
	box-sizing: border-box;
	padding: 5px
}

@media (max-width:600px) {
	.radio-container label {
		flex-basis: 100%
	}
}

/*.Type-SignaturePad .signatoryNameBox {
	display: none
}*/

/*.Type-SignaturePad span[data-ubc-label-content="*"] {
	display: none;
}*/

.Type-SignaturePad a[data-input-clearsignature="*"] {
	color: #173d82 !important;
}

/*.Type-SignaturePad p[data-input-signaturepad-sign-note="*"] {
	display: none;
}*/

.signaturePad .clearSignature {
	text-decoration: none !important;
}

.btnLink {
	border: 1px solid #446dbc !important;
}

.pageSubHeader + .noMargin {
	margin: 0px 0px -1rem 0px !important;
}

#WP-Main_Forms-FacilityEnrollment_ContextActions-Continue-1_action-element:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 10px;
}

#WP-Main_WP-MapLocatorContainer_Forms-Form_ContextActions-Search-1_action-element:after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 10px;
}

@media only screen and (max-width: 47.9375em) {
	.playerContent {
		top: 0px !important;
	}
}

.FacilityRepSignature .signaturePadTab .nav-tabs{
	border-bottom: none;
}

.locatorfrmInfoContainer {
	background: rgb(122 219 242 / 10%);
	margin: 12px -15px 0;
	padding: 15px;
}