:root {
	
	--btn: #0065A4;
	--btn-hover: #2e6698;
	--btn-focus: #2e6698;
	--btn-disabled: #006BAC;
	--btn-active: #204d74;
	--link: #0065A4;
	--link-hover: #002663;
	--nav-bg: #006BAC;
	--nav-bg-active: url('/ducdmr/assets/images/fold.png') no-repeat top right #003B68;

}

/* IE specific rule to force scrollbars */
@-ms-viewport {
	width: auto !important;
}
/* Global minimum width */
html {
	font-size: 14px;
}
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	min-width: 310px;
}
body.touch input,
body.touch select,
body.touch textarea {
	font-size: 16px;
}
/* Removes outline around clicked links in IE */
a, a:active, a:focus {
	/* This reduces usability by not highlighting focused links when tabbing through the page.*/
	/*outline: none;*/
}
p {
	margin-bottom: 10px; /** revert to default in bootstrap 3 **/
}
/* Add no-print to any element that should be hidden when printing */
@media print {    
	.no-print, .no-print * {
		display: none !important;
	}
}
/* Helper classes */
.centered {
	text-align: center;
}
.left-align {
	text-align: left;
}
.right-align {
	text-align: right;
}
.top {
	vertical-align: top;
}
.flex-col-bottom {
	display: flex;
    flex-direction: column;
    justify-content: end;
}
.flex-center {
    justify-content: center;
    align-items: center;
    display: flex;
}
.flex-center-nonSelected {    
    align-items: center;
    display: flex;
    color: #686868;
}
.clickable {
	cursor: pointer;
}
.icon--left {
	margin-right: 10px;
}
.icon--right {
	margin-left: 10px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.plus-minus {
	display: inline-block;
	line-height: 0;
}
a.plus-minus:focus,
a.plus-minus:hover {
	/* text-decoration: none; */
}
a.plus-minus > .btn-link {
	font-size: 15px;
	font-weight: bold;
}
.plus-minus > .fa {
	margin-right: 10px;
	font-size: 18px;
	color: #000;
}
.plus-minus > .fa-plus {
	display: none;
}
.plus-minus > .fa-minus {
	display: inline-block;
}
.plus-minus.collapsed > .fa-plus {
	display: inline-block;
}
.plus-minus.collapsed > .fa-minus {
	display: none;
}
.btn-link .pdf-img {
	margin-left: 8px;
}
.btn-link.btn-link--small {
	font-size: 12px;
}
.collapse--no-animate {
	-webkit-transition: none;
	transition: none;
}
.top-right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.text--fine-print {
	font-size: 11px;
	font-style: italic;
}
.uppercase {
	text-transform: uppercase;
}
b,
strong,
.font-weight-bold,
.strong {
	font-weight: 700 !important;
}
.font-weight-normal {
	font-weight: normal !important;
}
.font-size-body {
	font-size: 14px !important;
}
.divider {
	margin: 0px 10px;
	width: 1px;
	border-left: 1px solid #000;
}
.divider--white {
	margin: 0px 10px;
	width: 1px;
	border-left: 1px solid #fff;
}
.modal-body hr.divide-modal {
	margin-left: -15px;
	margin-right: -15px;
	border-color: #cccccc;
}
.footer--bottom .divider {
	border-color: #fff;
}
.footer--top .divider {
	border-color: #666;
}
.background-white {
	background: #fff;
}
.hang-right--no-margin,
.hang-right {
	position: absolute;
	top: 0;
	right: 0;
}
.col-12 > .hang-right {
	margin-right: 15px;
}
.col-12 > .hang-right--no-margin {
	margin-right: 0px;
}
.text-muted {
	color: #666;
}
/* similar to bootstrap text-muted but for links */
a.link-muted {
	color: #666;
	text-decoration: underline;
}
a.link-muted:hover {
	color: #000;
}
/* Adds a shadow transition to the top of the box to look like it folds under */
.folded,
.inlaid {
	-webkit-box-shadow: inset 0 8px 8px -8px #ccc;
	-moz-box-shadow: inset 0 8px 8px -8px #ccc;
	box-shadow: inset 0 8px 8px -8px #ccc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
/* Adds a negative margin of 1px to swallow the borders of inside elements at max-width */
div.border-eater {
	margin: -1px;
}
.no-margin {
	margin: 0px !important;
}
.margin-bottom-group > div {
	margin-bottom: 10px;
}
.indent-group > div:nth-child(1) {
	width: 8%; 
	float: left;
}
.indent-group > div:nth-child(2) {
	width: 92%; 
	float: left;
}
@media screen and (min-width : 768px) {
	.indent-group > div:nth-child(1) {
		width: 3%; 
	}
	.indent-group > div:nth-child(2) {
		width: 97%; 
	}
}
/*==============================================================*/
/*============== Global Bootstrap Overrides ====================*/
/*==============================================================*/
/* Button */
.btn-default--flat {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default--flat:disabled {
	background-color: #f5f5f5;
}
.btn-default--flat:hover {
	background-color: #f2f2f2;
}
.btn-default--flat.active {
	background-color: #e0e0e0;
}
.btn-default--positive:hover,
.btn-default--positive {
	color: #0055B1;
}
.btn-default--neutral {
	color: #337ab7;
}
.btn-default--negative:hover,
.btn-default--negative {
	color: #A94442;
}
/** bootstrap 3 class **/
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn .fa,
.btn-link .fa,
a .fa {
	margin-right: 5px;
}
.input-group-addon > .fa {
	margin: 0px;
	padding: 0px 5px;
}
.fa--push-right {
	margin-left: 5px;
}
.btn > .fa-print {
	color: #fff;
}
.btn-link,
select,
a {
	cursor: pointer;
}
.text-primary {
	color: #0065A4 !important;
}
.btn-primary {
	background-color: var(--btn);
	border-color: var(--btn);
	/* legacy - #006BAC */
}
.btn-primary:hover {
	background-color: var(--btn-hover);
	border-color: var(--btn-hover);
}
.btn-primary:focus {
	background-color: var(--btn-focus);
	border-color: var(--btn-focus);
	text-decoration:underline;
	outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: 0 0 13px 0 #0076ba;
}
.btn-primary.disabled,
.btn-primary:disabled {
	background-color: var(--btn-disabled);
	border-color: var(--btn-disabled);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--btn-active);
    border-color: #122b40;
}
.btn-outline-primary {
	color: var(--btn);
	border-color: var(--btn);
	background-color: #fff;
	padding: 5px 15px;
}
.btn-outline-primary:hover,
.btn-outline-primary:hover {
	color: #fff;
	background-color: var(--btn);
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: var(--btn-active);
}
.btn-group .btn-primary[aria-selected="true"] {
	pointer-events: none;
	cursor: default;
}
a,
.btn-link {
	color: var(--link);
}
a:hover,
.btn-link:hover {
	color: var(--link-hover);
}
.btn-link--no-underline,
.btn-link--no-underline:hover,
.btn-link--no-underline:focus {
	text-decoration: none;
}
.card h3 {
	margin-bottom: 0px;
}
.card {
	margin-bottom: 20px;
}
.alert {
	color: #333;
}
.alert.alert--no-margin {
	margin: 0px;
}
.alert > p {
	margin-bottom: 0px;
}
.alert > p:not(:first-child).alert--message {
	margin-top: 10px;
}
.alert-info a,
.alert-success a,
.card-footer a,
.card-header a {
	/* Darker blue color for 508 compliance */
	color: #0055b1;
}
.alert-info a:hover,
.alert-success a:hover,
.card-footer a:hover,
.card-header a:hover {
	/* Hover color for links overriding the default color */
	color: #23527c;
}
.card-footer a.btn-primary,
.card-footer a.btn-primary:hover {
	color: #fff;
}
.flex-padded {
	display: flex;
	flex-wrap: wrap;
	margin-left: -1rem;
	margin-bottom: -1rem;
}
.flex-padded > div {
	padding: 1rem;
	margin-right: -1rem;
	margin-top: -1rem;
	display: flex;
	flex-direction: column;
}
.flex-padded > div > :first-child {
	margin-top: auto;
}
.card-body .list-group.no-margin,
.modal-body .list-group.no-margin {
	margin: calc(-1.25rem - 1px) !important;
	border-radius: 0px;
}
.card-body .list-group.no-margin .list-group-item,
.modal-body .list-group.no-margin .list-group-item {
	border-radius: 0px;
	border-bottom: 1px solid #ddd;
}
.card-body hr {
	margin: 1.25rem -1.25rem;
	border-color: #ddd;
}
.card-body.card-body--bottom-border {
	border-bottom: 1px solid #ccc;
}
.card-body.card-body--top-border {
	border-top: 1px solid #ccc;
}
.card-body .heading {
	font-weight: bold;
}
.card-body .heading .fa {
	margin-left: 5px;
}
/* Align tables inside cards left/right padding with default card-body padding (1.25rem) */
.card .table td,
.card .table th {
	padding: .75rem 1.25rem;
}
.card .table {
	margin-bottom: 0px;
}
.forms h2 {
	font-size: 14px;
	font-weight: bold;
}
/* If the list-group is the last element in the card/modal we want to keep the last child rounded */
.card-body .list-group.no-margin.rounded-bottom .list-group-item:last-child,
.modal-body .list-group.no-margin.rounded-bottom .list-group-item:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.list-group .collapse .list-group-item,
.list-group .collapsing .list-group-item {
	-webkit-box-shadow: inset 0 8px 8px -8px #ccc;
	-moz-box-shadow: inset 0 8px 8px -8px #ccc;
	box-shadow: inset 0 8px 8px -8px #ccc;
	border-bottom-width: 0px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.list-group .collapsing form,
.list-group .collapse form {
	padding-top: 5px;
}
.card-default>.card-header h2,
.card-default>.card-header h3 {
	margin-top: 0px;
	color: #002663;
}
.card-primary {
	border-color: #337ab7;
}
.card-primary>.card-header {
	color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
	background-image: -webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));
    background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
}
.card-body .list-group input[type='text'],
.card-body .list-group input[type='password'],
.card-body .list-group input[type='tel'],
.card-body .list-group select {
	max-width: 320px;
}
.card-body-alternate {
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.form-group .btn-primary {
	margin-right: 10px;
}
div.form-group > div {
	padding-bottom: 5px;
}
div.form-group > div.forgot-section {
	padding-top: 5px;
}
.form-group--toggle {
	max-width: 320px;
	min-height: 30px;
}
.form-group--toggle .can-toggle {
	float: right;
}

.progress {
	clear: both;
	border: 1px solid #cdcdcd;
	margin-bottom: 0px;
	height: 20px;
}

.progress-bar {
	font-weight: bold;
    background-image: -webkit-linear-gradient(top,#337ab7 0,#286090 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#286090 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));
    background-image: linear-gradient(to bottom,#337ab7 0,#286090 100%);
}
.progress-bar--danger {
	background: #A94442;
}
.ui-datepicker {
	z-index: 1050 !important;/*Needs to be greater than modal index*/
}

.close {
	opacity: .7 !important;
}

/*==============================================*/
/*================ Main Content  ===============*/
/*==============================================*/
.ucd-content {
	max-width: 1170px;
}

.ucd-content.main-content {
	margin-top: 20px;
}

.navbar-standalone {
	background-color: var(--nav-bg);
	padding: 10px 15px;
	color: white;
}

.navbar-standalone a {
	color: #fff;
}

.chat-engagement {
	/* Added by JavaScript to the body tag when in a chat engagement with rep */
}
.chat-engagement .chat-disabled-btn {
	/* Targeted by JavaScript to remove click events and add disabled attribute */
	pointer-events: none !important;
	cursor: not-allowed !important;
}
/** Recommended for hiding anchor links **/
.chat-engagement .chat-engagement-hidden {
	display: none !important;
}
/** Recommended for replacing anchor links with static text **/
.chat-engagement-only {
	display: none;
}
.chat-engagement .chat-engagement-only {
	display: inline;
}

/*===============================================================*/
/*=========== MDB Table Styles and Footable Overrides ===========*/
/*===============================================================*/
.footable-detail-row {
	background: linear-gradient(to top, #f5f5f5 96%, #DDD) no-repeat;
	background-repeat: repeat-x;
}
.fooicon-sort:before {
	content: url('/ducdmr/assets/images/sort-arrows-blk.png');
}
.fooicon-sort-asc:before {
	content: url('/ducdmr/assets/images/sort-arrow-desc-blk.png');
}
.fooicon-sort-desc:before {
	content: url('/ducdmr/assets/images/sort-arrow-asc-blk.png');
}
/* overrides footable icon right positioning and fade-in */
td.footable-sortable>span.fooicon,
th.footable-sortable>span.fooicon {
	padding-left: 10px;
	opacity: 1;
	transition: auto;
	right: inherit;
}
/* TODO: rewrite to avoid use of descendant selector */
.mdb-table td,
.mdb-table th {
	border-right: none;
	border-left: none;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
}
.mdb-table .footable-details,
.mdb-table .footable-details th,
.mdb-table .footable-details td {
	border: 0px !important;
	padding: 5px !important;
}
.mdb-table .footable-details th {
	text-align: left;
}
.mdb-table thead th.header:first-child {
	text-align: left;
}
.mdb-table .footable-details th {
	color: rgb(102, 102, 102);
	font-weight: normal;
	padding: 0px !important;
}
.mdb-table .footable-details td {
	color: rgb(0, 0, 0);
	font-weight: bold;
	padding: 10px 0px 10px 0px !important;
}
.mdb-table {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.mdb-table .fa {
	font-size: 14px;
	margin-left: 3px;
}
.mdb-table td,
.mdb-table th {
	padding: 10px;
	vertical-align: middle;
}
/* Vertical align top on print friendly table to ensure values are in the first row */
.mdb-table.mdb-table--print-friendly td,
.mdb-table.mdb-table--print-friendly th {
	vertical-align: top;
}
.mdb-table .footable-details,
.mdb-table .footable-details th,
.mdb-table .footable-details td {
	border: 0px !important;
	padding: 5px !important;
}
.mdb-table .footable-details th {
	color: rgb(102, 102, 102);
	font-weight: normal;
	padding: 0px !important;
}
.mdb-table .footable-details td {
	color: rgb(0, 0, 0);
	font-weight: bold;
	padding: 10px 0px 10px 0px !important;
}
/* Style for putting the modal font back to normal when in a table */
.mdb-table .modal {
	font-size: 14px;
	font-weight: normal;
}
.mdb-table--internal {
	
}
.mdb-table--internal th {
	text-align: left;
}
.mdb-table.mdb-table--alternate-shaded-bodies > tbody:nth-child(even) {
	background: #f5f5f5;
}
.mdb-table .mdb-table--gray,
.mdb-table .mdb-table--grey,
.gray-background {
	background: #f5f5f5;
}
/* Cursor to indicate expand close behavior */
table.footable.breakpoint-xs>tbody>tr>td[style="display: table-cell;"],
table.footable.breakpoint-sm>tbody>tr>td[style="display: table-cell;"] {
	cursor: pointer;
}

.table.table-2col {
	font-size: 12px;
	color: #000;
	margin-bottom: 0px;
}
.table.table-2col th:last-child,
.table.table-2col td:last-child {
	text-align: right;
}

/* Responsive Table */
.responsive-table .cell {
	padding: 5px;
	border: 1px solid;
}
.responsive-table .cell--header {
	padding: 5px;
	border: 1px solid;
}

/* ucd nav tabs to hide and collapse comment using bootstrap js */
/* As seen on the ortho and forms page */
.ucd-nav ul {
	list-style: none;
	background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
	background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));
	background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
	background-repeat: repeat-x;
	padding-left: 15px;
	margin-bottom: 0px;
	font-size: 0;/*removes space between list items*/
}

.collapsible-tabs {
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
}
.collapsible-tabs--alt {
	background: none;
	border-bottom: none;
}
.collapsible-tabs .dropdown {
	padding: 10px 15px;
}
.collapsible-tabs--alt .dropdown {
	max-width: none;
	padding: 0px;
}
.collapsible-tabs .dropdown > * {
	font-size: 13px;
}
.collapsible-tabs .dropdown > .dropdown-toggle:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
}
.collapsible-tabs .dropdown > .dropdown-toggle::after {
	margin-left: 1rem;
}
.collapsible-tabs .dropdown-menu .fa {
	min-width: 20px;
}
.collapsible-tabs .dropdown-menu .fa .fa-check {
	display: none;
}
.collapsible-tabs .dropdown-menu > .active .fa .fa-check {
	display: inline;
}
.collapsible-tabs .dropdown-menu>li>a {
	text-decoration: none;
	padding: 5px 10px;
	color: #000;
	width: 100%;
	display: block;
}
.collapsible-tabs .dropdown-menu > li.active > a,
.collapsible-tabs .dropdown-menu > li.active > a:focus {
	background: #fff;
	background-image: none;
	filter: none;
	background-color: #fff;
	color: #000;
}
/* Add back outline and focus for active menu item (removed by bootstrap when active) */
.collapsible-tabs .dropdown-menu > li a.active,
.collapsible-tabs .dropdown-menu > li > a:hover {
	background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
}
.collapsible-tabs .dropdown-menu > li > a:focus,
.collapsible-tabs .dropdown-menu > li.active > a:focus {
	outline: 5px auto -webkit-focus-ring-color;
}
.collapsible-tabs .dropdown--button-text {
	float: left;
	color: #000;
}
.collapsible-tabs .ucd-nav {
	display: none;
}
/* Landscape tablets, medium desktops and larger  */
@media (min-width: 992px) {
	.collapsible-tabs .dropdown {
		display: none;
	}
	.collapsible-tabs .ucd-nav {
		display: block;
	}
}
.collapsible-tabs--alt .ucd-nav ul {
	border-radius: 5px;
}
.collapsible-tabs .ucd-nav.tabs--only {
	display: block;
}
.collapsible-tabs .dropdown.dropdown--only {
	display: block;
}

.ucd-nav li,
.ucd-nav li a {
    font-size: 14px;
	display:inline-block;
}

.ucd-nav li a {
	text-decoration: none;
	color: #333;
	padding: 10px 15px;
	min-width: 100px;
	text-align: center
}

.ucd-nav li::before,
.ucd-nav ul::after {
	content: "";
	position: absolute;
	height: 40px;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
}

.ucd-nav li a.active {
	cursor: text;
}

.ucd-nav li a:focus {
	color: #000;
	text-decoration: underline;
}

.ucd-nav li a.active {
	background-color: #D7D7D7 !important;
}
/*=================================================*/
/*=================== MDB Logo ====================*/
/*=================================================*/
.mdb-logo {
	width: 190px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	font-family: 'Lato', 'Arial';
}
/*=================================================*/
/*=========== MDB Other General Styles ============*/
/*=================================================*/
.mdb-label {
	font-weight: bold;
	margin-bottom: 5px;
}

/*==============================================*/
/*========== MDB General Modal Style ===========*/
/*==============================================*/
.modal {
	border-color: #cccccc;
}
.modal-body {
	word-break: break-word;
}
.modal .modal-title {
	font-size: 18px;
	color: #002663;
	font-weight: normal;
}
@media screen and (min-width : 768px) {
	.modal .modal-title {
		font-size: 24.5px;
	}
}
.modal .modal--overflow-text {
	max-height: 300px;
	overflow-y: auto;
}
.modal p {
	line-height: normal;
	margin-top: 5px;
}
.modal .alert > p {
	margin: 0px;
}
.modal-footer button,
.modal-footer input {
	margin: 0px 10px 0px 0px;
}
.modal-section {
	border-bottom: 1px solid #cccccc;
}
.modal-section > div,
.modal-section > a {
	padding: 10px 15px;
}
.modal-section > a {
	display: block;
}
.modal-section-list .modal-section:last-child {
	border-bottom: none;
}
.modal-header {
	border-bottom: 1px solid #cccccc;
}
.modal-footer {
	border-top: 1px solid #cccccc;
	justify-content: flex-start;
}
.modal .spinner {
	margin-right: 10px;
}
.mdb-modal--scrollable {
	height: 300px;
	overflow: auto;
}
/* Portrait tablets, small desktops and larger */
@media ( min-width : 768px) {
	.mdb-modal--scrollable {
		height: 400px;
	}
	
}

/*==================================================*/
/*========== UCD Terms Conditions Modal ============*/
/*==================================================*/
.ucd-tc-modal__terms-conditions {
	border-top: 1px solid #cccccc;
	background: #ffffd9;
}
.ucd-tc-modal__input-checkbox {
	margin-top: 5px !important;
	margin-left: 0px !important;
}
.ucd-tc-modal__terms-conditions label {
	padding: 10px;
	width: 100%;
	margin-bottom: -5px;
	font-weight: normal;
	cursor: pointer;
}
div.ucd-tc-modal__terms-checkbox {
    max-width: 10%;
    float: left;
}
div.ucd-tc-modal__terms-checkbox-label {
    width: 90%;
    float: left;
}
.ucd-tc-modal__terms-conditions input[type="checkbox"] {
	margin-right: 10px;
	cursor: pointer;
}
.ucd-tc-modal__terms-conditions-text,
.ucd-tc-modal__terms-conditions-text:hover,
.ucd-tc-modal__terms-conditions-text:focus {
	text-decoration: none;
	color: black;
}
.ucd-tc-modal__btn {
	float: left;
}


.login-form {
	padding: 15px;
}
/*==============================================*/
/*========== Printer Friendly Layout  ==========*/
/*==============================================*/
@media print {
	.hidden-xs.show-print {
		display: block !important;
	}
}
.printer-friendly-header {
	background: #eee;
	background: -webkit-linear-gradient(bottom, #eee 0%, #fff) no-repeat;
	background: -moz-linear-gradient(bottom, #eee 0%, #fff) no-repeat;
	background: -o-linear-gradient(bottom, #eee 0%, #fff) no-repeat;
	background: linear-gradient(to top, #eee 0%, #fff) no-repeat;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.printer-friendly-header__button-card {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.printer-friendly-header__button {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.printer-friendly-logo,
.printer-friendly-content,
.printer-friendly-footer {
	max-width: 1100px;
	margin-left: inherit;
	margin-right: inherit;
	margin-bottom: 10px;
}
.printer-friendly-footer {
	text-align: center;
}
.printer-friendly-content h1 {
	font-size: 16px;
	font-weight: bold;
}
.printer-friendly-content .terms-conditions center h3 {
	font-size: 16px;
	font-weight: bold;
}
.printer-friendly-content .terms-conditions h3 {
	font-size: 14px;
	font-weight: bold;
}
.printer-friendly-content .mdb-table,
.printer-friendly-content .mdb-table td,
.printer-friendly-content .mdb-table th {
	border: 1px solid #ccc;
}
/* MESSAGING */
.mdb-messages .mdb-message {
	padding: 10px 0px;
}
.mdb-messages .mdb-message .alert {
	margin-bottom: 0px;
}

/* STATUS LABEL */
.mdb-status.badge {
	font-size: 12px;
	padding: 2px 5px;
	display: inline-block;
}
.mdb-status.badge.badge-success {
	background-color: #006643;
}
.mdb-status.badge.badge-danger {
	background-color: #B94A48;
}
.mdb-status.badge.badge-info {
	background-color: #2a5d7e;
}
.mdb-status--success {
	color: #006643;
}
.mdb-status--danger {
	color: #B94A48;
}

/* TODO: should this be global or login only? */
.heading-bar {
	background: #fff;
	background: -webkit-linear-gradient(bottom, #fff 0%, #eee) no-repeat;
	background: -moz-linear-gradient(bottom, #fff 0%, #eee) no-repeat;
	background: -o-linear-gradient(bottom, #fff 0%, #eee) no-repeat;
	background: linear-gradient(to top, #fff 0%, #eee) no-repeat;
}
.heading-bar.heading-undershadow {
	border-bottom: 1px solid #ccc;
	box-shadow: 0 2px 8px 0 #ccc;
	-moz-box-shadow: 0 2px 8px 0 #ccc;
	-webkit-box-shadow: 0 2px 8px 0 #ccc;
}
.heading-bar > h1 {
	color: #4B306A;
	font-family: 'Lato', 'Arial';
	margin-top: 10px;
	font-size: 28px;
}
.notices-disclaimers > h1 {
	font-size: 28px;
	margin-top: 0px;
}
/******* end todo ******/

.mdb-datepicker-group > .input-group-append > .mdb-datepicker--button--hide {
	display: none;
}
.mdb-datepicker-group > .input-group-addon:not(:first-child) {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.mdb-datepicker-group.mdb-datepicker-group--visible > .input-group-append > .mdb-datepicker--button--hide {
	display: table-cell;
}
.mdb-datepicker-group.mdb-datepicker-group--visible > .input-group-append > .mdb-datepicker--button--show {
	display: none;
}
.ui-datepicker-header {
	background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
	background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #245580;
}
.ui-datepicker-title {
	color: #333;
}
.dental-glossary {
	display: block;
	padding: 5px;
}
@media (max-width: 991px) {
	.dental-glossary {
		text-align: center;
	}
}
.dental-glossary__text {
	line-height: normal;
	display: inline-block;
	margin-left: 15px;
	margin-top: 10px;
	vertical-align: top;
}
.dental-glossary__title {
	display: inline-block;
	font-size: 22px;
	color: #333333;
}
.dental-glossary__sub-text {
	display: inline-block;
	font-size: 12px;
	color: #666666;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*******************/
/* Utility Classes */
/******************/
.mdb-border-radius-b-l {
	border-bottom-left-radius: 5px;
}

.mdb-border-radius-b-r {
	border-bottom-right-radius: 5px;
}

.mdb-border-radius-t-l {
	border-top-left-radius: 5px;
}

.mdb-border-radius-t-r {
	border-top-right-radius: 5px;
}

.desktop-only {
	display: block;
}
.mobile-only {
	display: none;
}
@media (max-width: 991px) {
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
}

/* Hidden checkbox within the button group */
.btn-group .btn input[type=checkbox] {
	position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.dropdown-menu {
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

/* Visible replacements - from bootstrap 4 upgrade */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
	display: none !important;
}
@media (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}
}
@media (min-width: 768px) {
	.visible-sm {
		display: block !important;
	}
}
@media (min-width: 992px) {
	.visible-md {
		display: block !important;
	}
}
@media (min-width: 1200px) {
	.visible-lg {
		display: block !important;
	}
}

/* Hidden replacements - from bootstrap 4 upgrade */
@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}

.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}

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

/*===================================================================*/
/*====== GRADIENT HEADING UNDER NAV BAR - USED ON SOME PAGES ========*/
/*===================================================================*/
.heading-bar-gradient.container-fluid {
	margin: 0;
	padding: 0;
}

.heading-bar-gradient {
	background: #fff ! important;
	background: -webkit-linear-gradient(bottom, #fff 0%, #eee) no-repeat
		!important;
	background: -moz-linear-gradient(bottom, #fff 0%, #eee) no-repeat
		!important;
	background: -o-linear-gradient(bottom, #fff 0%, #eee) no-repeat
		!important;
	background: linear-gradient(to top, #fff 0%, #eee) no-repeat !important;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 2px 8px 0 #ccc;
	-moz-box-shadow: 0 2px 8px 0 #ccc;
	-webkit-box-shadow: 0 2px 8px 0 #ccc;
}

.heading-bar-gradient h1,
.heading-bar-gradient__h1 {
	color: #4B306A;
	font-family: 'Lato', 'Arial';
	font-size: 24px;
	line-height: 48px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.heading-bar-gradient__h1 h1 {
	display: inline;
	margin-right: 10px;
}

.heading-bar-gradient__h1 .modal-body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
}

.signOut .btn-link:focus, .signOut .btn-link:hover {
	color: #000000;
}

.mdb-content-area {
	background-color: white;
	min-height: 300px;
}


.text-muted {
	color:#686868 !important;
}


#skipToContent a {
    padding: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    color: #fff;
    border-bottom-right-radius: 8px;
    background: #fff;
    -webkit-transition: top 1s ease-out,background 1s linear;
    transition: top 1s ease-out,background 1s linear;
    font-weight: bold;
    font-size: 12px;
    clip: rect(0 0 0 0);
}

#skipToContent a:focus {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #005293;
    outline: 0;
    -webkit-transition: top .1s ease-in,background .5s linear;
    transition: top .1s ease-in,background .5s linear;
    clip: unset;
}

.card .card-header h1 {
	 color: #002663;
	 font-size: 24px;
	 margin:0px;
	 display: inline;
}
.card .card-header h2 {
	font-size: 14px;
    line-height: 1.42857143;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Special styling for show/hide password links */
.login-form-show-hide {
	padding-left: 0;
	padding-right: 2px;
}

.login-form-show-hide .btn,
.show-hide-password-label .btn {
	padding: 0;
}

@media (min-width: 768px) {
	.login-form-show-hide {
		padding-right: 23px;
	}
}

.show-hide-password-label {
	max-width: 320px;
}

/** 508 changes **/

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
    border-color: rgba(17, 88, 144) !important;
}

input[type='text'], .form-control {
    border-color: #595959;
}

select.form-control[size],
select.form-control[multiple],
.form-control {
	height: 2.4rem;
}

.form-control:focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
}

/* Landscape tablets, medium desktops and larger  */
@media ( min-width : 992px) {
	.clip {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
}

@media ( max-width : 991px) {
	.clip {
		clip: auto;
	}
}

/*=================== Global Media Queries for copy/paste ====================*/
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Landscape tablets, medium desktops and larger  */
@media (min-width: 992px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Portrait tablets, small desktops and larger */
@media (min-width: 768px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}