/* ================================
	BRAND DESIGN TOKENS
================================ */
:root {
	/* Official EF CLIF Palette */
	--color-deep-space-blue: #1D3964;
	--color-sky-blue: #38B0D0;
	--color-sunflower: #F0B323;
	--color-sunflower-soft: #FEF3C7;
	--color-gold: #F0B323;
	--color-gold-soft: #FEF3C7;
	--color-gold-dark: #D99A00;
	--color-green: #28A745;
	--color-green-soft: #C6F6D5;
	--color-red: #EF4444;
	--color-red-soft: #FECACA;
	--color-dark-grey: #333333;
	--color-mid-grey: #666666;
	--color-light-grey: #CCCDCC;
	--color-white: #FFFFFF;

	/* RGB Values */
	--rgb-deep-space-blue: 29, 57, 100;
	--rgb-sky-blue: 56, 176, 208;
	--rgb-sunflower: 240, 179, 35;
	--rgb-gold: 240, 179, 35;
	--rgb-gold-dark: 217, 154, 0;
	--rgb-green: 40, 167, 69;

	/* Effects */
	--blur-glass: 12px;
	--shadow-premium: 0 10px 30px -10px rgba(29, 57, 100, 0.2);
	--text-shadow-sunflower: 1px 1px 4px var(--color-sunflower);
	--text-shadow-gold: 1px 1px 4px var(--color-gold);
	--section-padding: 2rem;
	--glass-bg: rgba(255, 255, 255, 0.85);
	--glass-border: rgba(255, 255, 255, 0.5);
	--premium-gradient: linear-gradient(135deg, var(--color-deep-space-blue) 0%, var(--color-sky-blue) 100%);

	/* Fonts */
	--font-base: 'Poppins', Calibri, Arial, sans-serif;

	/* Texts */
	--text-bold: 700;
	--text-normal: 400;
	--text-thin: 300;
}

.DPSchedule_MainPanel {
	display: none;
}

/* ================================
	GENERAL
================================ */

.table-striped {
	position: relative;
}

.table-striped th {
	background-color: var(--color-white);
	position: sticky;
	top: 0;
	/* Don't forget this, required for the stickiness */
	border-bottom: 1px solid var(--color-light-grey);
}

.table-info th {
	position: sticky;
	left: 0;
	/* Don't forget this, required for the stickiness */
	border-right: 1px solid var(--color-light-grey);
}

.underline {
	text-decoration: underline;
}

.closeInfoButton {
	position: relative;
	border: 1px solid var(--color-deep-space-blue);
	width: 20px;
	text-align: center;
	top: -170px;
	left: 780px;
	cursor: pointer;
	background-color: #d9edf7;
	color: var(--color-deep-space-blue);
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px;
}

.closeInfoButton:hover {
	color: var(--color-white);
	background-color: var(--color-deep-space-blue);
}

.openInfoButton {
	cursor: pointer;
}

.EgH1 {
	font-weight: normal;
	margin: 0 0 15px 5px;
	font-size: 3rem;
}

.EgH2 {
	font-weight: normal;
	font-size: 2.25rem;
}

.EgP {
	text-align: justify;
	font-size: 1.45rem;
	line-height: 1.5;
	text-indent: 15px;
	margin: 0 0 15px 10px;
}

.EgUl {
	line-height: 1.5;
	text-indent: 15px;
	margin: 0 0 15px 10px;
}

.EgLi {
	line-height: 1;
	margin-bottom: 10px;
	list-style: inside;
	font-size: 1.45rem;
	margin: 0 0 15px 10px;
}

.EgHome {
	font-family: var(--font-base);
	position: relative;
	z-index: 1;
	width: 60%;
	padding-right: 40px;
	padding-left: 40px;
	font-size: 3rem !important;
	line-height: 3.5rem;
	font-weight: 700;
	text-shadow: 1px 1px 20px #000;
	color: var(--color-white);
	box-sizing: border-box;
	--wp--preset--font-size--normal: 16px;
	--wp--preset--font-size--huge: 42px;
}

.EgHomeBlue {
	color: var(--color-sky-blue);
}


.StudyTable {
	margin-top: 20px;
	border: 1px solid var(--color-deep-space-blue);
	border-radius: 10px;
	padding: 10px;
	display: table;
	box-shadow: 0 0 5px var(--color-sky-blue);
}

.StudyTable td {
	text-align: center;
}

.prsnlbtn:hover {
	background-color: #4b4b4b !important;
}

.prsnlbtn a:visited {
	color: var(--color-white) !important;
}

.prsnlbtn a:hover,
.prsnlbtn a:active,
.prsnlbtn a:link {
	color: var(--color-white) !important;
	text-decoration: none !important;
}

.prsnlbtn {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-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);
	color: var(--color-white) !important;
	background-color: var(--color-deep-space-blue) !important;
	margin: .375rem;
	text-transform: uppercase;
	word-wrap: break-word;
	white-space: normal;
	border: 0;
	-webkit-border-radius: .125rem;
	-moz-border-radius: .125rem;
	border-radius: .125rem;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 14px;
	display: inline-block;
	font-weight: 400;
}

.meter {
	height: 20px;
	/* Can be anything */
	position: relative;
	margin: 20px 0 20px 0;
	/* Just for demo spacing */
	background: #4b4b4b;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter>span {
	display: block;
	height: 100%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: var(--color-deep-space-blue);
	background-image: -webkit-gradient(linear,
			left bottom,
			left top,
			color-stop(0, var(--color-deep-space-blue)),
			color-stop(1, #01abec));
	background-image: -moz-linear-gradient(center bottom,
			var(--color-deep-space-blue) 37%,
			#01abec 69%);
	-webkit-box-shadow:
		inset 0 2px 9px rgba(255, 255, 255, 0.3),
		inset 0 -2px 6px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:
		inset 0 2px 9px rgba(255, 255, 255, 0.3),
		inset 0 -2px 6px rgba(0, 0, 0, 0.4);
	box-shadow:
		inset 0 2px 9px rgba(255, 255, 255, 0.3),
		inset 0 -2px 6px rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
}

.meter>span:after,
.animate>span>span {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image:
		-webkit-gradient(linear, 0 0, 100% 100%,
			color-stop(.25, rgba(255, 255, 255, .2)),
			color-stop(.25, transparent), color-stop(.5, transparent),
			color-stop(.5, rgba(255, 255, 255, .2)),
			color-stop(.75, rgba(255, 255, 255, .2)),
			color-stop(.75, transparent), to(transparent));
	background-image:
		-moz-linear-gradient(-45deg,
			rgba(255, 255, 255, .2) 25%,
			transparent 25%,
			transparent 50%,
			rgba(255, 255, 255, .2) 50%,
			rgba(255, 255, 255, .2) 75%,
			transparent 75%,
			transparent);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	animation: move 2s linear infinite;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate>span:after {
	display: none;
}

@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 50px;
	}
}

@-moz-keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 50px;
	}
}

@keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 50px;
	}
}

.nostripes>span>span,
.nostripes>span:after {
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
	background-image: none;
}

/* ================================
	CALENDAR
================================ */

.omCenterPanel {
	margin: 10px;
	padding: 5px;
	position: relative;
	overflow: hidden;
	font: normal 18px var(--font-base);
}

.omLeftPanel {
	position: relative;
	float: left;
	width: 79%;
}

.omRightPanel {
	position: relative;
	float: right;
	width: 21%;
}

.omCalendarLeftFieldset {
	background: #01a9ec14;
	margin-bottom: 25px;
}

.omCalendarRightFieldset {
	background-color: #4b4b4b14;
	margin-left: 25px;
	margin-bottom: 25px;
}

.omCalendarRow {
	position: relative;
	width: 100%;
	clear: both;
}

.omCalendarCell {
	position: relative;
	width: 117px;
	margin: 5px auto;
	padding: 5px;
	min-height: 84px;
	max-height: 124px;
	text-align: center;
}

.omCalendarCellLeft {
	float: left;
}

.omCalendarCell:hover {
	background-color: #01a9ec67;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
}

.omCalendarCell img {
	position: relative;
	display: block;
	cursor: pointer;
	border: 0;
	width: 50px;
	-webkit-filter: drop-shadow(2px 2px 5px #bbb);
	-moz-filter: drop-shadow(2px 2px 5px #bbb);
	filter: drop-shadow(2px 2px 5px #bbb);
	margin: 5px auto;
}

.omCalendarCell span {
	text-shadow: 2px 2px 5px #bbb;
	cursor: pointer;
	font-size: 12px;
}

.omCalendaFieldsetUncompleted {
	border-color: #f8b808;
}

.omCalendaFieldsetCompleted {
	border-color: #31ac48;
}

.omCompleted {
	color: #31ac48;
}

.omUncompleted {
	color: #f8b808;
}

.omEmpty {
	color: #c95242;
}

/* ================================
	EQ-5D-5L & CDQL Questionaires
================================ */

.eq5d5lMain,
.cldqMain {
	margin: 10px;
	padding: 5px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid var(--color-deep-space-blue);
	background: #01a9ec14;
	overflow: hidden;
	font: normal 18px var(--font-base);
}

.eq5d5lContent {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 600px;
}

.eq5d5lWindow1,
.eq5d5lWindow2,
.eq5d5lWindow3,
.eq5d5lWindow4,
.eq5d5lWindow5,
.eq5d5lWindow6,
.eq5d5lStart,
.eq5d5lFinal,
.cldqWindow1,
.cldqWindow2,
.cldqWindow3,
.cldqWindow4,
.cldqWindow5,
.cldqWindow6,
.cldqWindow7,
.cldqWindow8,
.cldqStart {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

.eq5d5lStart img,
.cldqStart img {
	display: block;
	margin: 40px auto;
}

.eq5d5lStart span,
.cldqStart span {
	position: relative;
	clear: both;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 30px;
}

.eq5d5lTitle,
.cldqTitle {
	font-size: 24px;
	padding-left: 25px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: bold;
}

.eq5d5lTitle span,
.cldqTitle span {
	font-size: 18px;
	text-transform: none;
	font-weight: normal;
}

.eq5d5lRow,
.cldqRow {
	padding-left: 25px;
	margin-bottom: 15px;
	position: relative;
	float: left;
}

.eq5d5lText {
	width: 840px;
	position: relative;
	height: 30px;
	display: block;
	float: left;
}

.eq5d5lRadioButton,
.cldqRadioButton {
	background-image: url('/Portals/32/Images/radiobutton_unchecked.png');
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center;
	position: relative;
	float: right;
	cursor: pointer;
}

.eq5d5lRadioButtonChecked,
.cldqRadioButtonChecked {
	background-image: url('/Portals/32/Images/radiobutton_checked.png');
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center;
	position: relative;
	float: right;
	cursor: pointer;
}

.eq5d5lDisclaimer {
	clear: both;
	position: relative;
	text-align: center;
	font-style: italic;
	font-size: 12px;
	color: #4b4b4b;
	padding: 20px;
	width: 100%;
}

.eq5d5lButtons,
.cldqButtons {
	clear: both;
	position: relative;
	border-top: 1px solid var(--color-deep-space-blue);
	width: 100%;
}

.eq5d5lLeftButton,
.eq5d5lRightButton,
.cldqLeftButton,
.cldqRightButton {
	position: relative;
	margin: 5px 20px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-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);
	color: var(--color-white) !important;
	background-color: var(--color-deep-space-blue) !important;
	text-transform: uppercase;
	word-wrap: break-word;
	white-space: normal;
	border: 0;
	-webkit-border-radius: .125rem;
	-moz-border-radius: .125rem;
	border-radius: .125rem;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 14px;
	display: inline-block;
	font-weight: 400;
}

.eq5d5lLeftButton:hover,
.eq5d5lRightButton:hover,
.cldqLeftButton:hover,
.cldqRightButton:hover {
	cursor: pointer;
}

.eq5d5lLeftButton,
.cldqLeftButton {
	float: left;
	background-image: url("/Portals/32/Images/eq5d5l_arrow_left.png");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 15px 15px;
	padding-left: 30px;
}

.eq5d5lRightButton,
.cldqRightButton {
	float: right;
	background-image: url("/Portals/32/Images/eq5d5l_arrow_right.png");
	background-repeat: no-repeat;
	background-position: 50px center;
	background-size: 15px 15px;
	padding-right: 30px;
	text-align: right;
}

.cldqContent {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	height: 875px;
}

.cldqTitle {
	font-size: 15px;
	padding-left: 25px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: bold;
}

.cldqSquare {
	width: 50%;
	position: relative;
	float: left;
	margin-bottom: 20px;
}

.cldqText {
	width: 370px;
	position: relative;
	height: 30px;
	display: block;
	float: left;
	font-size: 16px;
}

.cldqRadioButton {
	background-image: url('/Portals/32/Images/radiobutton_unchecked.png');
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center;
	position: relative;
	float: right;
	cursor: pointer;
}

.cldqRadioButtonChecked {
	background-image: url('/Portals/32/Images/radiobutton_checked.png');
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center;
	position: relative;
	float: right;
	cursor: pointer;
}

.col-xs-12 {
	position: relative;
	min-height: 1px;
	width: 100%;
}

.col-sm-7 {
	float: left;
	width: 58.33333%;
}

.vas-information {
	margin-bottom: 16px;
	list-style: none;
}

.vas-information li {
	margin-left: 2.4rem;
	line-height: 2.2rem;
	margin-bottom: 16px;
	list-style: none;
}

.vas-score__tablet {
	display: block;
	margin: 0 auto;
}

.vas-score {
	width: 160px;
	background-color: var(--color-deep-space-blue);
	text-align: center;
	padding: 10px 30px;
	text-transform: uppercase;
	color: var(--color-white);
	line-height: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vas-score>span {
	display: block;
	font-weight: 700;
	font-size: 25px;
}

.col-sm-5 {
	float: right;
	width: 41.66667%;
}

.vas-tick.is-active::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	height: 16px;
	background-color: #b10404;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	z-index: 2;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	pointer-events: none;
}

.vas *,
.vas ::after,
.vas ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vas {
	position: relative;
	height: 600px;
	width: 200px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	text-align: center;
}

.vas__footer,
.vas__header {
	-ms-flex-positive: 0;
	-webkit-box-flex: 0;
	flex-grow: 0;
	font-weight: 700;
	max-width: 150px;
	margin: 0 auto;
}

.vas__body {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-ms-flex-align: stretch;
	-webkit-box-align: stretch;
	align-items: stretch;
	-ms-flex-positive: 1;
	-webkit-box-flex: 1;
	flex-grow: 1;
	padding: 10px;
	margin: 0 auto;
}

.vas-tick {
	position: relative;
	text-align: center;
	-ms-flex: 1;
	-webkit-box-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
}

.vas-tick--left .vas-tick__value {
	-webkit-transform: translateY(-50%) translateX(-40px);
	-moz-transform: translateY(-50%) translateX(-40px);
	transform: translateY(-50%) translateX(-40px);
}

.vas-tick--step .vas-tick__value {
	opacity: 1;
	visibility: visible;
}

.vas-tick__value {
	position: absolute;
	top: 50%;
	opacity: 0;
	-webkit-transform: translateY(-50%) translateX(-40px);
	-moz-transform: translateY(-50%) translateX(-40px);
	transform: translateY(-50%) translateX(-40px);
	visibility: hidden;
}

.vas-tick--step .vas-tick__line {
	width: 28px;
	height: 2px;
}

.vas-tick__line {
	width: 12px;
	height: 1px;
	display: block;
	background: #000;
}

.vas-arrow {
	position: absolute;
	width: auto;
	right: 0;
	z-index: 99;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none;
	pointer-events: none;
	text-align: left;
	padding-left: 20px;
}

.vas-arrow>div {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-top: 5px;
	background-color: var(--color-deep-space-blue);
}

.vas-arrow>div:before {
	content: '';
	display: block;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-right: 18px solid var(--color-deep-space-blue);
	position: absolute;
	left: -18px;
	top: -7px;
}

.vas-arrow>span {
	display: inline-block;
	padding-left: 5px;
	font-weight: 700;
	font-size: 16px;
}

/* ================================
	TIME LINE
================================ */

.omTimeLine {
	margin: 15px auto;
	padding: 0px;
	width: 750px;
	height: 175px;
	background: url('/_eg/images/horizontal-timeline.png') no-repeat scroll right center transparent;
	font: 16px bold Tahoma, Verdana, sans-serif;
	color: var(--color-white);
	text-align: center;
	text-shadow: 0.1em 0.1em 0.3em black;
}

.omTimeLineMinorRange {
	left: 185px;
	top: -33px;
	width: 108px;
	height: 41px;
	padding: 11px 0px;
	position: relative;
}

.omTimeLineMinorRangeDate {
	left: 30px;
	top: 8px;
	width: 108px;
	height: 41px;
	padding: 11px 0px;
	position: relative;
}

.omTimeLineExpectedDate {
	left: 329px;
	top: -74px;
	width: 108px;
	height: 41px;
	padding: 11px 0px;
	position: relative;
}

.omTimeLineRealDate {
	left: 329px;
	top: 2px;
	width: 108px;
	height: 41px;
	padding: 11px 0px;
	position: relative;
}

.omTimeLineMayorRange {
	left: 465px;
	top: -156px;
	width: 108px;
	height: 41px;
	padding: 11px 0px;
	position: relative;
}

.omTimeLineMayorRangeDate {
	left: 620px;
	top: -197px;
	width: 108px;
	height: 41px;
	padding: 11px 0px;
	position: relative;
}

/* ================================
	RESUMENES
================================ */

.rgRow {
	background-color: #c4e5ee;
	color: #000;
}

.rgAltRow {
	background-color: #9dd3e3;
	color: #000;
}

.rgRow:hover,
.rgAltRow:hover {
	background-color: #01abec;
	color: #000;
}

.rowMarcada td {
	background-color: #01abec;
	color: var(--color-white);
}

.dvResumeContent {
	position: relative;
	margin: 5px;
	width: auto;
}

.Row {
	width: auto;
	list-style: none;
	clear: both;
}

.TitleColor {
	background-color: var(--color-deep-space-blue);
	color: var(--color-white) !important;
	font-size: 14px !important;
}

.model_ETIQUETAR {
	padding: 5px;
	list-style: none;
	font-size: 12px !important;
}

.Bold {
	font-weight: bold;
}

.BorderTop {
	border-top: 1px solid var(--color-deep-space-blue);
}

.BorderLeft {
	border-left: 1px solid var(--color-deep-space-blue);
}

.BorderBottom {
	border-bottom: 1px solid var(--color-deep-space-blue);
}

.BorderRight {
	border-right: 1px solid var(--color-deep-space-blue);
}

.BorderTopB {
	border-top: 1px solid var(--color-deep-space-blue);
}

.BorderLeftB {
	border-left: 1px solid var(--color-deep-space-blue);
}

.BorderBottomB {
	border-bottom: 1px solid var(--color-deep-space-blue);
}

.BorderRightB {
	border-right: 1px solid var(--color-deep-space-blue);
}

.RowText {
	text-align: left;
}

.RowTextC {
	text-align: center;
}

.AlternativeColor {
	background-color: #fafafa;
}

.VpAlternativeColor {
	background-color: #f1f1f1 !important;
}

#dvAllAlertsSummary {
	max-width: 1400px;
	margin: 0px auto;
}

.HideRow {
	display: none;
}

ul {
	padding: 0px;
}

.modelTABLA2table {
	border: 1px solid var(--color-deep-space-blue);
}

.alert-info {
	color: var(--color-deep-space-blue);
	background-color: #01abec14;
	border: 1px solid var(--color-deep-space-blue);
}

.alert {
	padding: 15px;
	margin: 15px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

/* ================================
	START PATIENT STATUS STYLE
================================ */

.fancybox-inner {
	width: 100% !important;
}

.omTooltip {
	display: none;
	position: absolute;
	width: 400px;
	height: auto;
	padding: 10px;
	margin: 0 0 12px 0;
	z-index: 100;
	bottom: 100%;
	background: #f1f1f1 !important;
	color: #333;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.Tooltip {
	cursor: help;
	position: relative;
	display: inline-block;
}

.Tooltip .TooltipText {
	visibility: hidden;
	width: 500px;
	text-align: center;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	margin-left: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	color: #4b4b4b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #0099ba;
	background-color: #01a9ec14;

	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 0;
	-webkit-transition: opacity 1.5s;
	-moz-transition: opacity 1.5s;
	transition: opacity 1.5s;
}

.Tooltip:hover .TooltipText {
	visibility: visible;
	opacity: 1;
}

.altText,
.altToolbarText {
	position: absolute;
	display: none;
	cursor: help;
	width: auto !important;
	z-index: 3;
	padding: 10px;
	margin-top: 25px !important;
	margin-left: 15px !important;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	color: var(--color-white);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
	background-color: #000;
	-webkit-opacity: 0.90;
	-moz-opacity: 0.90;
	opacity: .90;
	-webkit-filter: alpha(opacity=90);
	-moz-filter: alpha(opacity=90);
	filter: alpha(opacity=90);
}

.altText:hover,
.altToolbarText:hover {
	opacity: 1;
}

.omPatientStatusContent {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: auto;
	background-color: var(--color-white);
}

.omPatientStatusContent th {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: left;
}

.TitlePanelTopLeft {
	padding: 0px;
	margin: 0px;
	background: url('/Portals/32/Containers/Flexible-Red/images/Red04_r1_c1.jpg') no-repeat scroll left top transparent;
	height: 36px;
}

.TitlePanelTopRight {
	padding: 0px;
	margin: 0px;
	background: url('/Portals/32/Containers/Flexible-Red/images/Red04_r1_c7.jpg') no-repeat scroll right top transparent;
	height: 36px;
}

.TitlePanelTopBg {
	padding: 0px;
	margin: 0px 10px 0px 20px;
	background: url('/Portals/32/Containers/Flexible-Red/images/Red04_r1_c5.jpg') repeat-x scroll center top transparent;
	height: 36px;
}

.TitlePanelTopTitle {
	margin: 0px;
	padding: 10px 0px 0px 35px;
	height: 36px;
	line-height: 36px;
	font: bold 13px var(--font-base);
	color: #000;
	background: url('/DesktopModules/omDataToolBar/Images/Query_List_Gray.png') no-repeat scroll left 8px transparent;
}

.omPatientStatusContent td {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.RowPanelLeft {
	padding: 0px;
	margin: 0px;
	z-index: 80;
}

.RowPanelRight {
	margin: 0px;
	padding: 0px;
	z-index: 80;
}

.omAlertText {
	margin: 0px 1px;
	padding: 5px 5px 5px 15px !important;
	font: normal 12px var(--font-base);
	z-index: 90;
}

.omRow {
	background-color: #c4e5ee;
	color: #000;
}

.omRow:hover {
	background-color: #01abec;
	color: #000;
}

.omAlternativeRow {
	background-color: #9dd3e3;
	color: #000;
}

.omAlternativeRow:hover {
	background-color: #01abec;
	color: #000;
}

.omBorderLeft {
	border-left: 1px dashed #01abec;
}

.omBlackBold {
	color: #000;
	font-weight: bold;
}

.RowPanelBottomLeft {
	padding: 0px;
	margin: 0px;
	background: url('/Portals/32/Containers/Flexible-Red/images/Red04_r9_c1.jpg') no-repeat scroll left bottom transparent;
	min-height: 10px;
}

.RowPanelBottomRight {
	padding: 0px;
	margin: 0px;
	background: url('/Portals/32/Containers/Flexible-Red/images/Red04_r9_c7.jpg') no-repeat scroll right bottom transparent;
	min-height: 10px;
}

.RowPanelBottomBg {
	padding: 0px;
	margin: 0px 10px;
	background: url('/Portals/32/Containers/Flexible-Red/images/Red04_r9_c3.jpg') repeat-x scroll center bottom transparent;
	min-height: 10px;
}

.omCellTab {
	background: url("/images/sortdescending.gif") no-repeat scroll right top transparent;
}

.DnnModule-1008 {
	top: 135px;
}

/* ================================
	END PATIENT STATUS STYLE
================================ */

.loadmask {
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0px;
	left: 0px;
	display: none;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: .50;
	-webkit-filter: alpha(opacity=50);
	-moz-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
	background-color: var(--color-light-grey);
	zoom: 1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 2px #4b4b4b;
	-moz-box-shadow: 4px 4px 2px #4b4b4b;
	box-shadow: 4px 4px 2px #4b4b4b;
	z-index: 5;
}

.branding-top {
	background: url(dnn_large_banner.png) no-repeat top left;
	width: 890px;
	height: 427px;
	clear: both;
	overflow: hidden;
}

.branding-top p {
	padding: 0px 60px 0 60px;
	font-size: 1.4em;
	color: #333;
}

.branding-bottom {
	clear: both;
	margin-top: 1em;
	overflow: hidden;
}

.branding-bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}

.branding-bottom li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
	width: 170px;
	float: left;
}

.branding-bottom li.feeds {
	margin: 0;
}

.branding-bottom dl {
	background: url(itembg.gif) repeat-y;
	margin: 33px 0 0 0;
	padding: 0 10px;
}

.branding-bottom dd {
	margin-left: 10px;
	height: 66px;
}

.branding-bottom dt {
	font-size: 90%;
	text-align: center;
	padding-top: 65px;
	margin-bottom: 1.75em;
	font-weight: bold;
}

.branding-bottom .commmunity {
	background: url(community_title.gif) no-repeat top left;
}

.commmunity dt {
	background: url(community_icon.gif) no-repeat;
	background-position: 50% 10px;
}

.branding-bottom .marketplace {
	background: url(marketplace_title.gif) no-repeat top left;
}

.marketplace dt {
	background: url(marketplace_icon.gif) no-repeat;
	background-position: 50% 10px;
}

.branding-bottom .conferences {
	background: url(conferences_title.gif) no-repeat top left;
}

.conferences dt {
	background: url(conferences_icon.gif) no-repeat;
	background-position: 50% 10px;
}

.branding-bottom .training {
	background: url(training_title.gif) no-repeat top left;
}

.training dt {
	background: url(training_icon.gif) no-repeat;
	background-position: 50% 10px;
}

.branding-bottom .feeds {
	background: url(feeds_title.gif) no-repeat top left;
}

.feeds dt {
	background: url(feeds_icon.gif) no-repeat;
	background-position: 50% 10px;
}

dl.bt {
	margin: 0;
	padding: 0;
	background: url(item_bt_bg.gif) no-repeat bottom;
	height: 32px;
	width: 170px;
}

div.link_adminguide {
	float: left;
	background: url(dnn_adminguide.png) no-repeat top left;
	width: 316px;
	height: 137px;
	cursor: pointer;
}

div.link_proedition {
	float: right;
	background: url(dnn_proedition.png) no-repeat top left;
	width: 514px;
	height: 137px;
	cursor: pointer;
}

div.link_main {
	margin: 260px 30px 0px 30px;
}

#LoginInfo {
	width: 545px;
	float: left;
}

#LoginInfo h3 {
	background-color: #f7f7f7;
	color: #8f0000;
	padding: 2px 0px;
}

#LoginInfo dd,
#LoginInfo dt {
	display: inline;
}

#LoginInfo dt {
	font-weight: bold;
	color: #333;
}

#LoginInfo p.LoginNotes {
	font-size: .8em;
}

#LoginInfo div.LoginBlock {
	float: left;
	width: 255px;
	padding: 5px 5px;
	margin: 0px 2px;
	border: 1px #f0f0f0 solid;
}

.SponsorIcon {
	margin: 5px 50px;
	float: left;
}

#QuickLinks {
	background-color: #f0f0f0;
	border: 1px #cccccc solid;
	padding: 2px 5px;
	position: relative;
	width: 330px;
}

#QuickLinks h2,
#QuickLinks p {
	margin: 5px 5px;
}

div.hr {
	height: 2px;
	background-color: #8f0000;
	margin: 5px 0 15px 0;
	clear: both;
}

div.hr hr {
	display: none;
}

#TelerikInside {
	background: white url('telerikInside.jpg');
	border: 1px #cccccc solid;
	padding: 20px 5px 10px 130px;
	margin-bottom: 5px;
	width: 205px;
	height: 140px;
	border-style: none;
}

#TelerikInside h2 {
	font-weight: bold;
}

#RightColumnInfo {
	float: right;
	width: 340px;
	margin-left: 10px;
	margin-bottom: 15px;
}

#qlCol1,
#qlCol2 {
	margin: 5px 5px 15px;
	padding-left: 12pt;
	float: left;
	position: relative;
}

/*================================
	Skin styles for omData Modules
================================*/

.skin_width {
	max-width: 100%;
}

.skin_content {
	padding: 0;
	min-height: auto;
}

.DnnModule-onmedicDataToolBar {
	height: auto;
}

/*================================
	omDataChooser Module
================================*/

.ModonmedicDataChooserC {
	padding-bottom: 15px;
}

.DPChooser_MainTable {
	margin: 0px auto;
	padding: 5px;
	box-sizing: border-box;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	border: 1px solid var(--color-deep-space-blue) !important;
	border-collapse: separate !important;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	width: 1024px;
	position: relative;
}

.DPChooser_MainTable td {
	padding: 5px;
}

.DPChooser_MainTable IMG {
	display: none;
}

img[title*="Filter"] {
	display: inline;
}

.DPChooser_MainTitle {
	font: bold 24px var(--font-base);
	text-align: center;
	color: var(--color-deep-space-blue);
}

.DPChooser_NewForm {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #444;
	font-size: 18px;
	margin: 0.67em 0;
	text-align: center;
	text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.DPChooser_NewForm a:link,
.DPChooser_NewForm a:visited,
.DPChooser_NewForm a:active {
	font: bold 2em var(--font-base);
	color: #ff0000;
}

#dnn_ctr379_DPChooser_hlkNewTxt {
	font: bold 14px var(--font-base);
}

.GridHeader_Default {
	font: normal 14px var(--font-base) !important;
	text-align: center !important;
	color: var(--color-white) !important;
	vertical-align: middle;
}

.GridHeader_Default a:link,
.GridHeader_Default a:hover,
.GridHeader_Default a:visited,
.GridHeader_Default a:active {
	font: normal 14px var(--font-base) !important;
	text-align: center !important;
	color: var(--color-white) !important;
	vertical-align: middle;
}

/*================================
	omDataSchedule Module
================================*/

.ModonmedicDataScheduleC {
	background-color: var(--color-white);
}

.DPSchedule_MainPanel {
	border: 5px;
	padding: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

.DPSchedule_MainTable {
	border: solid 1px #c5c5c5;
	color: #000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.DPSchedule_MainTable TD {
	margin: 0px;
	padding: 5px;
}

.DPSchedule_ColumnHeaderCell {
	background: var(--color-deep-space-blue);
	font: bold 14px/1.5 var(--font-base);
	height: 22px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: solid 1px var(--color-deep-space-blue);
	margin: 0px;
	padding: 5px;
	color: var(--color-white);
}

.DPSchedule_RowHeaderCell {
	background: #F3F3F3;
	border: solid 1px var(--color-deep-space-blue);
	font: normal 14px/1.5 var(--font-base);
	height: 22px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	margin: 0px;
	padding: 5px;
	color: #333;
}

.DPSchedule_Cell {
	text-align: center;
	vertical-align: middle;
	background: transparent;
	height: 22px;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
	border: solid 1px var(--color-deep-space-blue);
	font: 14px/1.5 var(--font-base);
	color: #507485;
}

/*================================
	omDataForm Module
================================*/

.DnnModule-onmedicDataForm,
.DnnModule-onmedicDataQueryForm {
	margin-top: -8px;
}

.DPForm_MainTable {
	margin-top: 20px auto;
	width: 95%;
}

.titulo {
	font-family: var(--font-base);
	color: #4b4b4b;
	font-size: 18px;
	font-weight: bold;
}

.cabezacolumna {
	color: var(--color-white) !important;
	font-family: var(--font-base);
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background-color: var(--color-deep-space-blue);
}

.cabezacolumna td {
	color: var(--color-white) !important;
	text-align: center !important;
}

.cabezacolumnaFirst {
	-webkit-border-radius: 5px 0px 0 0;
	-moz-border-radius: 5px 0px 0 0;
	border-radius: 5px 0px 0 0;
}

.cabezacolumnaLast {
	-webkit-border-radius: 0px 5px 0 0;
	-moz-border-radius: 0px 5px 0 0;
	border-radius: 0px 5px 0 0;
}

.cabezafila {
	color: var(--color-white) !important;
	font-family: var(--font-base);
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-color: var(--color-deep-space-blue);
	border-top: 1px solid var(--color-white);
	text-align: right !important;
}

.cabezafila div {
	color: var(--color-white);
}

.cabezafilaData {
	color: var(--color-white);
	font-family: var(--font-base);
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-color: var(--color-white);
	border-top: 1px solid var(--color-white);
	text-align: left;
}

.cabezafilaScores {
	color: #4b4b4b;
	font-family: var(--font-base);
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-color: #01a9ec14;
	border-top: 1px solid var(--color-white);
	text-align: right;
}

.cabezafilaFull {
	color: var(--color-white) !important;
	font-family: var(--font-base);
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	background-color: var(--color-deep-space-blue);
	border-top: 1px solid var(--color-white);
	text-align: left;
}

.boton {
	width: 250px;
	height: 30px;
}

.tablaInfo {
	-webkit-box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.33);
	box-shadow: 8px 8px 5px 0px rgba(0, 0, 0, 0.33);
	color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #0099ba;
	background: #fbf6f8;
}

.tableACLF {
	margin: 20px auto;
	padding: 0.2em;
	box-sizing: border-box;
	background-color: #01a9ec14;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid var(--color-deep-space-blue);
	border-collapse: separate;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	min-width: 800px;
	max-width: 1024px;
	width: 100%;
}

.DPForm_PreviousButton2 {
	background-color: #9c0e40;
	background-image: url("fons_boto_gris.gif");
	border: 1px outset #ccc;
	color: var(--color-white);
	cursor: pointer;
	font: bold 12px var(--font-base);
	height: 28px;
	margin-right: 20px;
	padding: 1px 2px;
	width: 100px;
}

/*================================
	Template 2
================================*/

.model_TABLA2-table,
.model_TABLA1-table {
	margin: 20px auto;
	padding: 0.2em;
	box-sizing: border-box;
	background-color: var(--color-white);
	/* #01a9ec14 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid var(--color-deep-space-blue);
	border-collapse: separate;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	min-width: 800px;
	max-width: 1024px;
	width: 100%;
}

.model_TITULO2-td {
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: var(--font-base);
	font-size: 16px !important;
	font-weight: bold !important;
	color: var(--color-white) !important;
	background-color: var(--color-deep-space-blue);
	text-align: left !important;
	overflow: hidden;
}

.model-Warning2-td {
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: var(--font-base);
	font-size: 18px !important;
	font-weight: normal !important;
	color: #4b4b4b !important;
	background-color: #01a9ec14;
	text-align: center !important;
	overflow: hidden;
}

.model_TABLA2-table td {
	font-family: var(--font-base);
	font-size: 14px;
	color: #242424;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.model_TABLA2-table th {
	font-family: var(--font-base);
	font-size: 14px;
	color: var(--color-white);
	text-align: center;
}

legend {
	overflow: hidden;
	font-family: var(--font-base) !important;
	font-size: 15px !important;
	font-weight: bold !important;
	color: var(--color-deep-space-blue);
	text-align: left;
}

fieldset {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid var(--color-deep-space-blue);
	background: #01a9ec14;
	overflow: hidden;
}

.fieldset-nested {
	background-color: #f4f4f4;
}

.model-Fieldset2 {
	margin: 10px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	background: transparent none repeat scroll 0 0;
	overflow: hidden;
}

.model-Fieldset2 legend {
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	background: #999 none repeat scroll 0 0;
	overflow: hidden;
	font-family: var(--font-base);
	font-size: 14px;
	color: var(--color-white);
}

fieldset>table {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-collapse: separate;
}

fieldset>table>tr>td:first-child,
fieldset>table>tbody>tr>td:first-child {
	margin: 0;
	padding: 0;
	width: 5px;
	box-sizing: border-box;
	text-align: left;
}

fieldset>table>tr>td,
fieldset>table>tbody>tr>td {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: var(--font-base);
	font-size: 14px;
	color: #242424;
	text-align: left;
}

fieldset>table>tr>td:nth-child(2n),
fieldset>table>tbody>tr>td:nth-child(2n) {
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	font-family: var(--font-base);
	font-size: 14px;
	color: #242424;
	text-align: left;
}

fieldset>table>tr>td:last-child,
fieldset>table>tbody>tr>td:last-child {
	margin: 0;
	padding: 0;
	width: 5px;
	box-sizing: border-box;
	font-family: var(--font-base);
	font-size: 14px;
	color: #242424;
	text-align: left;
}

.model_ETIQUETA,
.model_ETIQUETA div,
.model_TABLA2-table label,
table label {
	font-family: var(--font-base);
	font-size: 14px;
	color: #242424;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 10px;
	padding-bottom: 5px;
}

.model_ETIQUETA2,
.model_ETIQUETA2 div {
	font-family: var(--font-base);
	font-size: 14px;
	color: var(--color-white);
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 10px;
}

div[id*="field_"] table {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-collapse: separate;
}

div[id*="field_"] table>tr>td,
div[id*="field_"] table>tbody>tr>td {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow-wrap: break-word;
	box-sizing: border-box;
	word-break: break-all;
	text-align: left;
}

table[id*="DPForm_radDC"] {
	margin-left: 5px !important;
	margin-top: 5px !important;
	line-height: 0;
}

.radEnabledCss_Vista,
.radNegativeCss_Vista,
.radEnabledCss_Default,
.radNegativeCss_Default {
	font-family: var(--font-base) !important;
	font-size: 14px !important;
	color: #242424 !important;
	-webkit-transition: all .2s ease-in-out !important;
	-moz-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	border: 1px solid #9dd3e3 !important;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	padding: 0.2em 0 0.2em 1em;
	margin: 5px 0 0 0;
	width: 100% !important;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset;
}

.radInvalidCss_Vista,
.radInvalidCss_Default {
	font-family: var(--font-base);
	font-size: 14px;
	color: #242424;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid red;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	padding: 0.2em 1em;
	margin: 5px 0 0 0;
	width: 100%;
	outline: 0;
	-webkit-box-shadow: 0 0 6px red;
	-moz-box-shadow: 0 0 6px red;
	box-shadow: 0 0 6px red;
}

.radHoverCss_Vista,
.radFocusedCss_Vista,
.radHoverCss_Default,
.radFocusedCss_Default {
	font-family: var(--font-base) !important;
	font-size: 14px !important;
	color: #242424 !important;
	-webkit-transition: all .2s ease-in-out !important;
	-moz-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	border: 1px solid #9dd3e3 !important;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	padding: 0.2em 0 0.2em 1em;
	margin: 5px 0 0 0;
	width: 100% !important;
	outline: 0;
	-webkit-box-shadow: 0 0 6px var(--color-deep-space-blue);
	-moz-box-shadow: 0 0 6px var(--color-deep-space-blue);
	box-shadow: 0 0 6px var(--color-deep-space-blue);
}

input[readonly="readonly"].radEnabledCss_Vista,
input[readonly].radEnabledCss_Vista,
input[readonly="readonly"].radNegativeCss_Vista,
input[readonly].radNegativeCss_Vista,
input[readonly="readonly"].radEnabledCss_Default,
input[readonly].radEnabledCss_Default,
input[readonly="readonly"].radNegativeCss_Default,
input[readonly].radNegativeCss_Default {
	font-family: var(--font-base);
	font-size: 14px;
	color: #888;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid #f3f3f3;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	padding: 0.2em 0 0.2em 1em;
	margin: 5px 0 0 0;
	width: 100%;
	background: #f3f3f3;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset;
}

input[readonly="readonly"].radHoverCss_Vista,
input[readonly].radHoverCss_Vista,
input[readonly="readonly"].radFocusedCss_Vista,
input[readonly].radFocusedCss_Vista,
input[readonly="readonly"].radHoverCss_Default,
input[readonly].radHoverCss_Default,
input[readonly="readonly"].radFocusedCss_Default,
input[readonly].radFocusedCss_Default {
	font-family: var(--font-base);
	font-size: 14px;
	color: #353535;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid #f3f3f3;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	padding: 0.2em 0 0.2em 1em;
	margin: 5px 0 0 0;
	width: 100%;
	outline: 0;
	background: #f3f3f3;
	-webkit-box-shadow: 0 0 6px #f3f3f3;
	-moz-box-shadow: 0 0 6px #f3f3f3;
	box-shadow: 0 0 6px #f3f3f3;
}

.ComboBoxHeader_Vista {
	width: 100% !important;
}

.ComboBoxInput_Vista,
.ComboBoxInputHover_Vista,
.ComboBoxInput_Default,
.ComboBoxInputHover_Default {
	font-family: var(--font-base) !important;
	font-size: 14px !important;
	color: #888 !important;
	-webkit-transition: all .2s ease-in-out !important;
	-moz-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	border: 1px solid #f3f3f3 !important;
	-webkit-border-radius: .2em !important;
	-moz-border-radius: .2em !important;
	border-radius: .2em !important;
	padding: 0.2em 1em !important;
	margin-left: 0px !important;
	height: auto !important;
	background: #f3f3f3 !important;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset !important;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset !important;
}

.omReadOnly {
	width: 90px;
	font-family: var(--font-base) !important;
	font-size: 14px !important;
	color: #888 !important;
	-webkit-transition: all .2s ease-in-out !important;
	-moz-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	border: 1px solid #f3f3f3 !important;
	-webkit-border-radius: .2em !important;
	-moz-border-radius: .2em !important;
	border-radius: .2em !important;
	padding: 0.2em 1em !important;
	margin-top: 3px;
	margin-left: 35px !important;
	height: auto !important;
	background: #f3f3f3 !important;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset !important;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset !important;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.08) inset !important;
}

span[disabled="disabled"]>label {
	padding: 0 5px;
	color: #888;
}

span[disabled="disabled"]>label,
td>label[for*="dnn_"] {
	padding: 0 5px;
}

td>div[id*="_wrapper"] {
	margin-left: 0px;
}

td>input[id*="dnn_"] {
	margin: 3px 0 0 0;
}

td>input[id*="DPForm_chkDC_V"] {
	margin: 8px 0 0 10px;
	display: block;
}

td>div[id*="DPForm_cboDC_V"] {
	margin-left: 30px;
}

input[alt="Demographics"],
input[alt="Shortcut to Visit Schedule"] {
	display: inline;
}

.radPopupImage_Vista {
	margin: -4px 0 0 35px !important;
	position: absolute !important;
}

.radPopupImage_Vista img {
	margin-top: -5px !important;
}

img[id*="quickinfo_"] {
	margin-left: 15px;
	margin-top: 8px;
}

span[id*="val_dpkDC_V"]>img {
	margin-left: 70px !important;
	margin-top: 5px;
}

span[id*="val_numDC_V"]>img {
	margin-left: 40px !important;
	margin-top: 5px;
}

span[id*="val_radDC_V"]>img {
	margin-left: 10px !important;
	margin-top: 5px;
}

span[id*="val_cboDC_V"]>img {
	margin-left: 10px !important;
	margin-top: 0px;
}

img[id*="img_val_"] {
	margin-left: 15px;
	margin-top: 8px;
}

img[id*="img_val_txtDC_V"] {
	margin-left: 40px;
}

.DPForm_SubmitButton {
	background-color: var(--color-deep-space-blue);
	color: white;
	cursor: pointer;
	border: 0;
	outline: 0;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: auto;
	min-width: 100px;
	margin: 5px 25px !important;
	font-family: var(--font-base);
	-webkit-box-shadow: 2px 2px 1px 0px var(--color-deep-space-blue)36;
	-moz-box-shadow: 2px 2px 1px 0px var(--color-deep-space-blue)36;
	box-shadow: 2px 2px 1px 0px var(--color-deep-space-blue)36;
	resize: none;
	font-size: 14px;
}

.DPForm_SubmitButton:hover {
	-webkit-box-shadow: 2px 2px 1px 0px #4b4b4b42;
	-moz-box-shadow: 2px 2px 1px 0px #4b4b4b42;
	box-shadow: 2px 2px 1px 0px #4b4b4b42;
	background-color: #4b4b4b;
}

.DPForm_CancelButton {
	background: #e3e3e3 none repeat scroll 0 0;
	color: #333;
	cursor: pointer;
	border: 0;
	outline: 0;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: auto;
	min-width: 100px;
	margin: 5px 25px !important;
	font-family: var(--font-base);
	-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	resize: none;
	font-size: 14px;
}

.DPForm_CancelButton:hover {
	-webkit-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	-moz-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	background: #ccc none repeat scroll 0 0;
}

.DPForm_PreviousButton {
	background: var(--color-deep-space-blue) none repeat scroll 0 0;
	color: white;
	cursor: pointer;
	border: 0;
	outline: 0;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: auto;
	min-width: 100px;
	margin: 1em;
	font-family: var(--font-base);
	-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	resize: none;
}

.DPForm_PreviousButton:hover {
	-webkit-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	-moz-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
}

.DPForm_NextButton {
	background: var(--color-deep-space-blue) none repeat scroll 0 0;
	color: white;
	cursor: pointer;
	border: 0;
	outline: 0;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: auto;
	min-width: 100px;
	margin: 1em;
	font-family: var(--font-base);
	-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	resize: none;
}

.DPForm_NextButton:hover {
	-webkit-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	-moz-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
}

/* No definir "width" para este estilo */
.DPForm_AjaxComboHeaderCell {
	font-family: var(--font-base);
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
}

/* No definir "width" para este estilo */
.DPForm_AjaxComboItemCell {
	font-family: var(--font-base);
	font-size: 8pt;
	text-align: center;
}

/*================================
	omDataToolBar Module
================================*/

.ModonmedicDataToolBarC,
#dnn_ctr1007_ModuleContent,
#dnn_ctr1045_ModuleContent {
	position: relative;
	padding: 0px;
	height: auto;
	width: auto;
	border-radius: 5px;
	display: table;
	margin: 0 auto;
}

.ModonmedicDataToolBarC>div,
#dnn_ctr1007_ModuleContent>div,
#dnn_ctr1045_ModuleContent>div {
	width: 100%;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border: 1px solid var(--color-deep-space-blue) !important;
	background-color: var(--color-white);
}

.DPToolBar_MainTable,
.DPToolBar_MainTable_eg {
	margin: 5px;
	min-height: 45px !important;
	background-color: var(--color-white);
	border-radius: 5px;
	font-family: var(--font-base);
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	content: " ";
	box-sizing: border-box;
	width: 1024px;
}

.DPToolBar_InfoTable,
.DPToolBar_InfoTable_eg {
	box-sizing: border-box;
	padding-left: 0;
	margin: 0 10px 0 0;
	min-width: 600px;
	background-color: var(--color-deep-space-blue);
	border: 1px solid var(--color-deep-space-blue);
	line-height: 1;
	color: var(--color-white);
	content: " ";
	clear: both;
	border-collapse: initial;
	border-radius: 5px;
	height: 75px;
}

.DPToolBar_HorizontalInfoCell_Text:first-child,
.DPToolBar_HorizontalInfoCell_Text_eg:first-child {
	color: var(--color-white);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: var(--color-deep-space-blue) !important;
}

.DPToolBar_HorizontalInfoCell_Text,
.DPToolBar_HorizontalInfoCell_Text_eg {
	position: relative;
	margin: 0;
	padding: 10px 0;
	height: 35px !important;
	box-sizing: border-box;
	font-size: 12px;
	color: var(--color-white);
	white-space: nowrap;
	content: " ";
	clear: both;
	font-family: var(--font-base);
}

.DPToolBar_HorizontalInfoCell_Text img,
.DPToolBar_HorizontalInfoCell_Text_eg img {
	display: inherit;
}

.DPToolBar_HorizontalInfoCell_Value:first-child,
.DPToolBar_HorizontalInfoCell_Value_eg:first-child {
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	color: #333;
}

.DPToolBar_HorizontalInfoCell_Value,
.DPToolBar_HorizontalInfoCell_Value_eg {
	content: " ";
	position: relative;
	padding: 10px 0;
	background-color: #f8f8f8;
	box-sizing: border-box;
	white-space: nowrap;
	font-size: 12px;
	color: #777;
	overflow: hidden;
	font-family: var(--font-base);
}

.DPToolBar_HorizontalInfoCell_Value:last-child,
.DPToolBar_HorizontalInfoCell_Value_eg:last-child {
	-webkit-border-radius: 0 5px px 0;
	-moz-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	color: #777;
}

.DPToolBar_VerticalInfoCell_Text,
.DPToolBar_VerticalInfoCell_Text_eg {
	background: #efefef;
	border: solid 1px #c5c5c5;
	color: black;
	font: normal 9pt var(--font-base);
	height: 22px;
	padding: 5px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.DPToolBar_VerticalInfoCell_Value,
.DPToolBar_VerticalInfoCell_Value_eg {
	border: solid 1px #c5c5c5;
	color: black;
	font: normal 9px var(--font-base);
	height: 22px;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.DPToolBar_ShortcutTable,
.DPToolBar_ShortcutTable_eg {
	content: " ";
	box-sizing: border-box;
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #01a9ec14;
	border-radius: 5px;
	border-collapse: initial;
	border: 1px solid var(--color-deep-space-blue);
	height: 75px;
}

.DPToolBar_ShortcutCell:first-child,
.DPToolBar_ShortcutCell_eg:first-child {
	content: "";
	box-sizing: border-box;
	clear: both;
	position: relative;
	margin: 0 auto;
	border: 0;
}

.DPToolBar_ShortcutCell,
.DPToolBar_ShortcutCell_eg {
	content: "";
	box-sizing: border-box;
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 5px 10px;
	border: 0;
}

.DPToolBar_ShortcutCell:hover,
.DPToolBar_ShortcutCell_eg:hover {
	background-color: #01a9ec67;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}

.DPToolBar_ShortcutImage,
.DPToolBar_ShortcutImage_eg {
	border: 0px;
	-webkit-filter: drop-shadow(2px 2px 5px #bbb);
	-moz-filter: drop-shadow(2px 2px 5px #bbb);
	filter: drop-shadow(2px 2px 5px #bbb);
	height: 50px;
}

.DPToolBar_PageTitle,
.DPToolBar_PageTitle_eg {
	box-sizing: border-box;
	clear: both;
	color: var(--color-deep-space-blue);
	content: " ";
	display: table;
	font-family: var(--font-base);
	font-size: 24px;
	font-style: normal;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	outline: 0 none;
	padding: 15px;
	position: relative;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	width: 100%;
	z-index: 9;
	background-color: var(--color-white);
	border-bottom: 1px solid var(--color-deep-space-blue);
}

/*================================
	omDataIncompleteForms Module
================================*/

.DPIncompleteForms_MainTable {
	padding: 5px;
	width: 900px;
}

.DPIncompleteForms_MainTitle {
	font: normal 14pt var(--font-base);
	font: normal 15pt;
	font-family: var(--font-base);
	text-align: left;
	color: #000;
}

.DPIncompleteForms_NewForm {
	font: bold 11px var(--font-base);
}

/*================================
	omDataIncompleteForms
================================*/

.DPIncompleteForms_MainTable {
	padding: 5px;
	width: 900px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.DPIncompleteForms_MainTable td {
	padding: 5px;
}

.DPIncompleteForms_MainTitle {
	font: bold 12pt var(--font-base);
	text-align: center;
	margin-top: 35px;
	padding-top: 35px;
	font: normal 15pt;
	font-family: var(--font-base);
	text-align: left;
	color: #000;
}

.DPIncompleteForms_NewForm {
	font: bold 14px var(--font-base);
}

/*================================
	omDataPendingQueries
================================*/

.DPPendingQueries_MainTable {
	padding: 5px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
}

.DPPendingQueries_MainTable td {
	padding: 5px;
}

.DPPendingQueries_MainTitle {
	font: bold 12pt var(--font-base);
	text-align: center;
	font: normal 15pt;
	font-family: var(--font-base);
	text-align: left;
	color: #000;
}

/*================================
	omDataQueryChooser
================================*/

.DPQueryChooser_MainTable {
	margin: 0px auto;
	padding: 5px;
	box-sizing: border-box;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	border: 1px solid var(--color-deep-space-blue) !important;
	border-collapse: separate !important;
	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	width: 1024px;
	position: relative;
}

.DPQueryChooser_MainTable td {
	padding: 5px;
}

.DPQueryChooser_MainTitle {
	font: normal 15pt var(--font-base);
	text-align: left;
	color: #000;
}

.DPQueryChooser_SubTitle {
	font: normal 15pt var(--font-base);
	text-align: left;
	color: #000;
}

.DPQueryChooser_FormChooserLink {
	font: bold 12pt var(--font-base);
}

.DPQueryChooser_NoData {
	font: bold 12pt var(--font-base);
	color: #003300;
}

/*================================
	omDataQueryForm
================================*/

.DPQueryForm_MainTable {
	padding: 5px;
	margin: 10px auto;
	width: 700px;
}

.DPQueryForm_MainTable td {
	padding: 5px;
}

.DPQueryForm_MainTitle {
	font: normal 14pt var(--font-base);
	text-align: center;
	font: normal 15pt;
	text-align: left;
	color: #000;
}

/*================================
	MEMO: Recordar que el alto de HistoricLog_Main se configura
		dinámicamente a través de los parámetros del módulo.
================================*/

.DPQueryForm_HistoricLog_Main {
	font: normal 12px var(--font-base);
	border: solid 1px #aeaeae;
	background: var(--color-white);
}

.DPQueryForm_HistoricLog_DarkLine {
	background: #D5DBE7;
}

.DPQueryForm_HistoricLog_LightLine {
	background: #DFF2FF;
}

.DPQueryForm_HistoricLog_Text {
	background: var(--color-white);
}

.DPQueryForm_ButtonsTable {
	padding: 10px;
}

.DPQueryForm_CancelButton {
	background: #e3e3e3 none repeat scroll 0 0;
	color: #333;
	cursor: pointer;
	border: 0;
	outline: 0;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: auto;
	min-width: 100px;
	margin: 1em;
	font-family: var(--font-base);
	-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	resize: none;
}

.DPQueryForm_CancelButton:hover {
	-webkit-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	-moz-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
}

.DPQueryForm_SubmitButton,
.DPQueryForm_DeleteButton,
.DPQueryForm_CloseButton {
	background: var(--color-deep-space-blue) none repeat scroll 0 0;
	color: white;
	cursor: pointer;
	border: 0;
	outline: 0;
	padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: auto;
	min-width: 100px;
	margin: 1em;
	font-family: var(--font-base);
	-webkit-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	resize: none;
}

.DPQueryForm_SubmitButton:hover,
.DPQueryForm_DeleteButton:hover,
.DPQueryForm_CloseButton:hover {
	-webkit-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	-moz-box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
	box-shadow: 2px 2px 1px 0px rgba(170, 170, 170, 0.8);
}

/*================================
	Skin styles for omData Modules (End)
================================*/

.DPForm_MainTitle {
	color: #000;
	display: block;
	font-family: var(--font-base);
	font-size: 22px;
	padding: 20px;
	margin: 0px;
	text-align: center;
	width: 900px;
	/* IE6-9 */
	z-index: 9999;
}

#capabase {
	position: relative;
	width: 789px;
	height: 603px;
}

#apDiv1 {
	left: 117px;
	position: absolute;
	top: 400px;
	z-index: 2;
	visibility: hidden;
}

#apDiv2 {
	left: 225px;
	position: absolute;
	top: 172px;
	z-index: 3;
	visibility: hidden;
}

#apDiv3 {
	left: 301px;
	position: absolute;
	top: 126px;
	z-index: 4;
	visibility: hidden;
}

#apDiv4 {
	left: 396px;
	position: absolute;
	top: 323px;
	z-index: 5;
	visibility: hidden;
}

#apDiv5 {
	left: 300px;
	position: absolute;
	top: 395px;
	z-index: 6;
	visibility: hidden;
}

#apDiv6 {
	left: 235px;
	position: absolute;
	top: 320px;
	z-index: 7;
	visibility: hidden;
}

#apDiv7 {
	left: 70px;
	position: absolute;
	top: 295px;
	z-index: 8;
	visibility: hidden;
}

#apDiv8 {
	left: 132px;
	position: absolute;
	top: 340px;
	z-index: 9;
	visibility: hidden;
}

#apDiv9 {
	left: 140px;
	position: absolute;
	top: 400px;
	z-index: 10;
	visibility: hidden;
}

#apDiv10 {
	left: 155px;
	position: absolute;
	top: 345px;
	z-index: 11;
	visibility: hidden;
}

img {
	max-width: none !important;
	border: 0;
}

.msgcs {
	font-size: 16px !important;
}

#WzTtShDwR,
#WzTtShDwB {
	display: none !important;
}

#WzBoDy {
	color: var(--color-white) !important;
	text-align: left;
	text-decoration: none;
	background-color: #000 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #000 !important;
}

#WzBoDyI {
	color: var(--color-white) !important;
	padding: 5px !important;
	font-size: 12px !important;
}

.lnkWHC {
	color: var(--color-deep-space-blue) !important;
	text-decoration: underline !important;
}

#skin_footer {
	margin-top: 0px;
}

/*================================
	TELERIK
================================*/

.ONYAKDV_DISPLAYSECTION {
	width: 1024px !important;
	margin: 0px auto !important;
	background-color: var(--color-white);
	padding: 10px;
	box-sizing: border-box;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	border: 1px solid var(--color-deep-space-blue) !important;
	border-collapse: separate !important;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	position: relative;
}

.rgMasterTable thead th {
	position: sticky;
	top: 0;
}

.rgMasterTable colgroup {
	display: none;
}

.RadGrid_Office2007,
.RadGrid_Office2007 .rgMasterTable,
.RadGrid_Office2007 .rgDetailTable,
.RadGrid_Office2007 .rgGroupPanel table,
.RadGrid_Office2007 .rgCommandRow table,
.RadGrid_Office2007 .rgEditForm table,
.RadGrid_Office2007 .rgPager table,
.GridToolTip_Office2007 {
	font-family: var(--font-base) !important;
	font-size: 14px !important;
	border-radius: 5px !important;
	position: relative !important;
	border-collapse: collapse !important;
}

.RadGrid_Office2007 {
	border: 1px solid var(--color-deep-space-blue) !important;
	background: var(--color-white) !important;
	color: #242424 !important;
	border-radius: 5px !important;
}

.RadGrid_Office2007 .rgHeader,
.RadGrid_Office2007 th.rgResizeCol,
.RadGrid_Office2007 .rgFilterRow td {
	border: 1px solid var(--color-deep-space-blue) !important;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 0 1px 1px;
	border-left-width: 1px;
	background: none !important;
	background-color: var(--color-deep-space-blue) !important;
	font-size: 14px;
	text-align: center !important;
}

.RadGrid_Office2007 .rgHeader,
.RadGrid_Office2007 .rgHeader a {
	color: var(--color-white) !important;
}

.RadGrid_Office2007 .rgFilterRow {
	background: var(--color-deep-space-blue) !important;
}

.rgRow,
.GridRow_Default {
	background-color: #f4f4f4 !important;
	color: #242424 !important;
	text-align: center;
}

.rgAltRow,
.GridAltRow_Default {
	background-color: #fafafa !important;
	color: #242424 !important;
	text-align: center;
}

.RadGrid_Office2007 .rgFooterDiv,
.RadGrid_Office2007 .rgFooter,
.RadGrid_Office2007 .rgPager {
	background: none !important;
	background-color: var(--color-deep-space-blue) !important;
	font-size: 14px;
}

div.RadGrid_Default {
	background: var(--color-deep-space-blue) !important;
	border: 1px solid var(--color-deep-space-blue) !important;
	border-top: 0px !important;
	font: normal 14px var(--font-base) !important;
	scrollbar-face-color: #4b4b4b14;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #4b4b4b14;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #4b4b4b;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
	border-radius: 5px !important;
}

.GridHeaderDiv_Default {
	margin-right: 0px !important;
	border-radius: 5px !important;
}

.MasterTable_Default {
	border: 0px !important;
	border-collapse: separate !important;
	font: 14px var(--font-base) !important;
	color: var(--color-white) !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	padding: 0px !important;
	text-align: center;
	border-radius: 5px !important;
}

.MasterTable_Default a {
	color: var(--color-white) !important;
}

th.GridHeader_Default,
th.ResizeHeader_Default {
	font: 14px var(--font-base) !important;
	background: none !important;
	border: solid 1px var(--color-deep-space-blue) !important;
	padding-left: 4px;
	height: 22px;
	text-align: center !important;
}

.GridRow_Default td,
.GridAltRow_Default td {
	border: 0px !important;
	border-right: 1px solid var(--color-deep-space-blue) !important;
	border-bottom: 1px solid var(--color-deep-space-blue) !important;
}

.GridFooter_Default {
	background: var(--color-deep-space-blue) !important;
	height: 21px;
	color: var(--color-white) !important;
	display: none;
}

/*================================
	FAQS
================================*/

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.row {
	max-width: 1140px;
	margin: 0 auto;
	background-color: var(--color-white);
	color: #7C7C7B;
	font-family: var(--font-base);
	font-size: 14pt;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

/*================================
	COLORS
================================*/
.blue {
	color: var(--color-deep-space-blue);
}

.dark-blue {
	color: #18425A;
}

.medium-blue {
	background-color: #01abec14;
}

.light-blue {
	color: #01abec14;
}

.white {
	color: var(--color-white);
}

.green {
	color: #B8E986;
}

.gray {
	color: #7C7C7B;
}

.red {
	color: #F00;
}

.bg-blue {
	background-color: #48A9C5;
}

.bg-dark-blue {
	background-color: #18425A;
}

.bg-medium-blue {
	background-color: #6DBAD1;
}

.bg-light-blue {
	background-color: #E9F5F8;
}

/*================================
	BORDERS
================================*/
.underline {
	border-bottom: 1px solid #6DBAD1;
}

.left-border {
	border-left: 2px solid #48A9C5;
}

.noborder {
	border: none !important;
}

/*================================
	MARGINS
================================*/
.reduce-top {
	margin-top: -15px;
	margin-bottom: 10px;
}

.reduce-top-10 {
	margin-top: -10px !important;
	margin-bottom: 10px;
}

.top-margin-20 {
	margin-top: 20px !important;
}

.top-margin-40 {
	margin-top: 40px;
}

.top-margin-50 {
	margin-top: 50px;
}

.top-margin-150 {
	margin-top: 150px;
}

.left-margin-10 {
	margin-left: 10px;
}

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

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

.right-margin-20 {
	margin-right: 20px;
}

.visit-table {
	margin: 0.5% 0.1% !important;
}

/*================================
	PADDINGS
================================*/
section {
	padding: 10px 0;
}

.box {
	padding: 0 10px;
}

.visit-table-header {
	padding: 20px 10px;
}

.visit-table-cell {
	padding: 10px 15px;
}

/*================================
	TEXTS
================================*/
.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.medium-bold {
	font-weight: 500;
}

.upper {
	text-transform: uppercase;
}

.font-120 {
	font-size: 120%;
}

.font-160 {
	font-size: 160%;
}

.font-180 {
	font-size: 180%;
}

h2 {
	font-size: 24px;
	word-spacing: 2px;
	text-align: center;
	letter-spacing: 1px;
	font-size: bold;
}

h5 {
	font-size: 110%;
	word-spacing: 2px;
	text-align: left;
	margin-bottom: 10px;
	letter-spacing: 1px;
	font-weight: 500;
	margin-top: 0px;
}

blockquote p {
	font-size: 120% !important;
	line-height: 140%;
	font-family: var(--font-base);
	font-weight: normal;
	margin: 0 0 8px 0;
}

.box p {
	font-size: 100%;
	line-height: 140%;
	font-family: var(--font-base);
	font-weight: normal;
	margin: 0 0 8px 0;
}

.box li {
	font-size: 120%;
	line-height: 140%;
	font-family: var(--font-base);
	font-weight: normal;
	margin: 0 0 8px 0;
}

.box ul {
	margin-top: 10px;
	margin-left: 15px;
}

.list-style {
	margin-right: 5px;
	font-size: 100%;
	font-weight: 700;
	font-family: var(--font-base);
}

/*================================
	PATIENT's DAIRY
================================*/
.calendar {
	display: flex;
}

.calendar-column {
	border-collapse: collapse;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

.month {
	margin: 10px;
}

.calendar-column th {
	border: 1px solid #ccc;
	padding: 8px;
	text-align: center;
	background-color: var(--color-deep-space-blue);
}

.calendar-column td {
	border: 1px solid #ccc;
	padding: 8px;
	cursor: pointer;
	text-align: center;
}

.calendar-column td.red {
	background-color: red;
}

.calendar-column td.yellow {
	background-color: yellow;
}

.calendar-column td.green {
	background-color: green;
}

.calendar-column td.white {
	background-color: white;
}

.calendar-column td.blue {
	background-color: var(--color-deep-space-blue);
}

.calendar-column td.gray {
	background-color: #f1f1f1;
	cursor: not-allowed;
	height: 18px;
}

.calendar-column td.gray-light {
	background-color: #f0f0f0;
	cursor: not-allowed;
	color: #ccc;
}

.loader {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	margin-top: 20px;
	display: none;
}

/* ============================================================
   EG Landing - Emergency Granulopoiesis ACLF Study
   Portal 31
   ============================================================ */

:root {
	--maps-sky: var(--color-sky-blue);
	--maps-blue: var(--color-deep-space-blue);
	--maps-gold: var(--color-gold);
	--maps-sunflower: var(--color-sunflower);
	--maps-grey: #CCCDCC;
	--maps-dark: #0B1726;
	--maps-white: var(--color-white);
	--maps-font: var(--font-base);
}

.eg-landing {
	font-family: var(--font-base);
	color: var(--color-deep-space-blue);
	background: var(--color-white);
}

.eg-container {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 32px;
	box-sizing: border-box;
}

.eg-hero {
	position: relative;
	min-height: 560px;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(11, 23, 38, 0.96) 0%, rgba(11, 23, 38, 0.86) 42%, rgba(29, 57, 100, 0.72) 100%),
		url('/Portals/32/Images/Branding/EmergencyGranulopoiesis/eg-hero-bg.png') center center / cover no-repeat;
}

.eg-hero::after {
	content: "";
	position: absolute;
	right: -120px;
	top: 80px;
	width: 560px;
	height: 560px;
	/*background: url('/Portals/32/Images/Branding/EmergencyGranulopoiesis/logo-eg-isotype-square.svg') center center / contain no-repeat;*/
	opacity: 0.12;
	pointer-events: none;
}

.eg-hero__overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 70% 35%, rgba(56, 176, 208, 0.22), transparent 36%),
		radial-gradient(circle at 22% 80%, rgba(var(--rgb-gold), 0.12), transparent 30%);
	pointer-events: none;
}

.eg-hero__content {
	position: relative;
	z-index: 2;
	max-width: 760px;
	padding: 80px 40px 76px 40px;
	box-sizing: border-box;
}

.eg-hero__brand img {
	display: block;
	width: 168px;
	height: auto;
	margin-bottom: 30px;
	background: rgba(255, 255, 255, 0.96);
	padding: 12px 16px;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}

.eg-hero__visual {
	width: 260px;
	margin-bottom: 22px;
}

.eg-hero__visual svg {
	display: block;
	width: 100%;
	height: auto;
}

.eg-study-pill {
	display: inline-block;
	margin-bottom: 20px;
	padding: 8px 14px;
	border: 1px solid rgba(56, 176, 208, 0.52);
	border-radius: 999px;
	color: var(--color-white);
	background: rgba(56, 176, 208, 0.16);
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.eg-hero h1 {
	margin: 0 0 24px 0;
	color: var(--color-white);
	font-size: 54px;
	line-height: 1.05;
	font-weight: 700;
	letter-spacing: -0.03em;
	text-shadow: 0 6px 28px rgba(0, 0, 0, 0.42);
}

.eg-hero__lead {
	max-width: 680px;
	margin: 0 0 34px 0;
	color: rgba(255, 255, 255, 0.92);
	font-size: 1.55rem;
	line-height: 1.55;
	font-weight: 400;
}

.eg-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.eg-btn {
	display: inline-block;
	padding: 14px 22px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: all 0.18s ease-in-out;
}

.eg-btn--primary {
	background: var(--color-sky-blue);
	color: var(--color-white) !important;
	box-shadow: 0 12px 26px rgba(56, 176, 208, 0.25);
}

.eg-btn--primary:hover {
	background: var(--color-sunflower);
	color: var(--color-deep-space-blue) !important;
	transform: translateY(-1px);
}

.eg-btn--secondary {
	border: 1px solid rgba(255, 255, 255, 0.54);
	color: var(--color-white) !important;
	background: rgba(255, 255, 255, 0.08);
}

.eg-btn--secondary:hover {
	background: rgba(255, 255, 255, 0.16);
}

.eg-section {
	padding: 76px 0;
}

.eg-section--white {
	background: var(--color-white);
}

.eg-section--blue {
	background:
		linear-gradient(135deg, var(--color-deep-space-blue) 0%, #0B1726 100%);
	color: var(--color-white);
}

.eg-section__intro {
	max-width: 820px;
	margin-bottom: 42px;
}

.eg-kicker {
	display: block;
	margin-bottom: 12px;
	color: var(--color-sky-blue);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.eg-kicker--light {
	color: var(--color-sky-blue);
}

.eg-section h2 {
	margin: 0 0 18px 0;
	color: var(--color-deep-space-blue);
	font-size: 34px;
	line-height: 1.22;
	font-weight: 700;
	text-align: left;
	letter-spacing: -0.02em;
}

.eg-section--blue h2 {
	color: var(--color-white);
}

.eg-section__intro p {
	margin: 0;
	color: var(--color-dark-grey);
	font-size: 18px;
	line-height: 1.65;
}

.eg-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.eg-card {
	min-height: 230px;
	padding: 30px;
	border: 1px solid rgba(29, 57, 100, 0.10);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(56, 176, 208, 0.06) 0%, rgba(255, 255, 255, 1) 72%);
	box-shadow: 0 18px 45px rgba(29, 57, 100, 0.08);
	box-sizing: border-box;
}

.eg-card__icon {
	width: 46px;
	height: 46px;
	margin-bottom: 20px;
	border-radius: 16px;
	background: var(--color-deep-space-blue);
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
}

.eg-card h3 {
	margin: 0 0 14px 0;
	color: var(--color-deep-space-blue);
	font-size: 21px;
	line-height: 1.25;
}

.eg-card p {
	margin: 0;
	color: var(--color-dark-grey);
	font-size: 15px;
	line-height: 1.6;
}

.eg-workflow {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	gap: 42px;
	align-items: center;
}

.eg-steps {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.eg-step {
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.08);
	box-sizing: border-box;
}

.eg-step span {
	display: inline-flex;
	width: 34px;
	height: 34px;
	margin-bottom: 14px;
	border-radius: 999px;
	align-items: center;
	justify-content: center;
	background: var(--color-sky-blue);
	color: var(--color-white);
	font-weight: 700;
}

.eg-step strong {
	display: block;
	color: var(--color-white);
	font-size: 16px;
	line-height: 1.35;
}

/* DNN / legacy cleanup for the EG home */
.eg-landing img {
	max-width: 100% !important;
}

.eg-landing h1,
.eg-landing h2,
.eg-landing h3,
.eg-landing p {
	font-family: var(--font-base);
}

.eg-section--cta {
	background: #F7FAFC;
	padding: 48px 0 52px 0;
}

.eg-final-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	border: 1px solid rgba(29, 57, 100, 0.10);
	border-radius: 24px;
	padding: 34px 38px;
	background: var(--color-white);
	box-shadow: 0 18px 45px rgba(29, 57, 100, 0.08);
}

.eg-final-cta h2 {
	margin: 0 0 10px 0;
	color: var(--color-deep-space-blue);
	font-size: 30px;
	text-align: left;
}

.eg-final-cta p {
	margin: 0;
	color: var(--color-dark-grey);
	font-size: 16px;
	line-height: 1.6;
}

/* Responsive */
@media only screen and (max-width: 980px) {
	.eg-hero {
		min-height: auto;
	}

	.eg-hero__content {
		padding: 70px 28px;
	}

	.eg-hero h1 {
		font-size: 42px;
	}

	.eg-hero__lead {
		font-size: 1.35rem;
	}

	.eg-card-grid,
	.eg-workflow,
	.eg-steps {
		grid-template-columns: 1fr;
	}
}


@media only screen and (max-width: 640px) {
	.eg-container {
		padding: 0 20px;
	}

	.eg-hero__brand img {
		width: 138px;
	}

	.eg-hero__visual {
		width: 180px;
		margin-bottom: 18px;
	}

	.eg-hero h1 {
		font-size: 34px;
	}

	.eg-section {
		padding: 54px 0;
	}

	.eg-section h2 {
		font-size: 28px;
	}
}

@media only screen and (max-width: 760px) {
	.eg-final-cta {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ============================================================
   EG Skin semantic layout refinements
   ============================================================ */

.eg-site {
	background: var(--color-white);
	min-height: 100vh;
}

.eg-skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.eg-skip-link:focus {
	left: 16px;
	top: 16px;
	width: auto;
	height: auto;
	z-index: 99999;
	padding: 10px 14px;
	background: var(--color-deep-space-blue);
	color: var(--color-white) !important;
	border-radius: 8px;
	text-decoration: none;
}

.eg-topbar {
	background: var(--color-sunflower);
}

.eg-site-header {
	background: var(--color-white);
	border-bottom: 1px solid rgba(29, 57, 100, 0.08);
}

.eg-header-inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	min-height: 80px;
}

.eg-header-logo {
	display: flex;
	align-items: center;
	min-height: 80px;
}

.eg-header-logo img {
	max-height: 75px;
	width: auto;
}

.eg-header-logo span {
	font-size: 2.05rem;
}

.eg-header-logo .text-bold {
	padding-left: 25px;
}

.eg-main-nav {
	margin-left: auto;
}

.eg-banner-pane {
	margin: 0;
	padding: 0;
}

.eg-banner-pane .DnnModule,
.eg-banner-pane .Normal,
.eg-banner-pane p {
	margin: 0;
	padding: 0;
}

.eg-site-main {
	background: var(--color-white);
}

.eg-top-content,
.eg-secondary-content,
.eg-content-panes {
	margin: 0;
	padding: 0;
}

.eg-content-panes .skin_width,
.eg-top-content .skin_width,
.eg-secondary-content .skin_width {
	max-width: 100%;
}

.eg-content-panes .skin_content {
	padding: 0;
}

/* Avoid huge empty blocks when panes are unused */
.eg-top-content:empty,
.eg-secondary-content:empty,
.eg-content-panes:empty {
	display: none;
}

/* Footer */
.eg-site-footer {
	background: #3F3F3F;
	color: var(--color-white);
	margin-top: 0;
}

.eg-site-footer a {
	color: var(--color-white) !important;
	text-decoration: none;
}

.eg-site-footer a:hover {
	text-decoration: underline;
}

.eg-site-footer .footer_bottom {
	min-height: 72px;
	display: flex;
	align-items: center;
	gap: 24px;
}

.eg-site-footer .copyright_style,
.eg-site-footer .powered_style,
.eg-site-footer .privacy_style {
	float: none;
}

.eg-site-footer .powered_style {
	margin-left: auto;
}

/* Reduce old DNN module spacing on the landing */
.eg-landing+.DnnModule,
.eg-landing .DnnModule {
	margin: 0;
}

/* Prevent legacy global img rule from breaking EG landing */
.eg-landing img,
.eg-site-header img {
	max-width: 100% !important;
}

/* ============================================================
   EG Hero Visual Accent - Molecular Network
   ============================================================ */

.eg-hero__visual--network {
	position: relative;
	width: 260px;
	height: 130px;
	margin-bottom: 26px;
	border-radius: 28px;
	overflow: hidden;
	background:
		radial-gradient(circle at 35% 40%, rgba(56, 176, 208, 0.20), transparent 34%),
		radial-gradient(circle at 72% 48%, rgba(var(--rgb-gold), 0.12), transparent 28%),
		rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(142, 216, 234, 0.20);
	box-shadow:
		inset 0 0 42px rgba(56, 176, 208, 0.08),
		0 20px 55px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(2px);
}

.eg-network-svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.eg-network-svg path {
	fill: none;
	stroke: rgba(142, 216, 234, 0.58);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 320;
	stroke-dashoffset: 320;
	animation: eg-network-draw 5.8s ease-in-out infinite;
}

.eg-network-svg path:nth-child(2) {
	animation-delay: .55s;
	stroke: rgba(56, 176, 208, 0.48);
}

.eg-network-svg path:nth-child(3) {
	animation-delay: 1s;
	stroke: rgba(var(--rgb-gold), 0.34);
}

.eg-node {
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 999px;
	background: var(--color-sky-blue);
	box-shadow:
		0 0 0 5px rgba(56, 176, 208, 0.12),
		0 0 20px rgba(56, 176, 208, 0.55);
	animation: eg-node-pulse 3.2s ease-in-out infinite;
	z-index: 2;
}

.eg-node--one {
	left: 31px;
	top: 77px;
}

.eg-node--two {
	left: 77px;
	top: 37px;
	animation-delay: .3s;
}

.eg-node--three {
	left: 125px;
	top: 63px;
	width: 14px;
	height: 14px;
	animation-delay: .7s;
}

.eg-node--four {
	left: 173px;
	top: 29px;
	background: var(--color-gold);
	box-shadow:
		0 0 0 5px rgba(var(--rgb-gold), 0.12),
		0 0 20px rgba(var(--rgb-gold), 0.42);
	animation-delay: 1.1s;
}

.eg-node--five {
	left: 219px;
	top: 67px;
	animation-delay: 1.45s;
}

@keyframes eg-network-draw {
	0% {
		stroke-dashoffset: 320;
		opacity: 0.15;
	}

	35% {
		stroke-dashoffset: 0;
		opacity: 0.85;
	}

	72% {
		stroke-dashoffset: 0;
		opacity: 0.65;
	}

	100% {
		stroke-dashoffset: -320;
		opacity: 0.15;
	}
}

@keyframes eg-node-pulse {

	0%,
	100% {
		transform: scale(1);
		opacity: 0.78;
	}

	50% {
		transform: scale(1.18);
		opacity: 1;
	}
}

@media only screen and (max-width: 640px) {
	.eg-hero__visual--network {
		width: 210px;
		height: 105px;
		margin-bottom: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {

	.eg-network-svg path,
	.eg-node {
		animation: none !important;
	}
}

/* ================================
	DNN Style
================================ */
.dnnFormPopup {
	border: 2px var(--color-sky-blue) solid;
}

.dnnFormPopup .ui-dialog-titlebar {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--color-deep-space-blue)), color-stop(100%, var(--color-sky-blue)));
}

.dnnFormPopup .ui-dialog-title {
	font-size: 1.45rem;
	color: white;
}

.dnnForm .ui-widget-header,
.dnnFormPopup .ui-widget-header {
	border-bottom: var(--color-deep-space-blue);
}

a.dnnPrimaryAction,
a.dnnPrimaryAction:link,
a.dnnPrimaryAction:visited,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	display: inline-block;
	padding: 0.5rem 4.5em;
	border-radius: 10px;
	font-size: 1.05rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: all 0.18s ease-in-out;
	background: var(--color-sky-blue);
	color: var(--color-white) !important;
	box-shadow: 0 12px 26px rgba(56, 176, 208, 0.25);
	line-height: 1.5;
}

a.dnnPrimaryAction:hover {
	background: var(--color-sunflower) !important;
	color: var(--color-deep-space-blue) !important;
	transform: translateY(-1px);
}

.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction,
a.dnnPrimaryAction:link {
	color: var(--color-white);
	text-decoration: none;
}

ul.dnnActions a.dnnSecondaryAction,
ul.dnnActions a.dnnSecondaryAction:link,
ul.dnnActions a.dnnSecondaryAction:visited {
	display: inline-block;
	padding: 0 1em;
	border-radius: 10px;
	font-size: 0.90rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none !important;
	cursor: pointer;
	transition: all 0.18s ease-in-out;
	border: 1px solid rgba(255, 255, 255, 0.54);
	color: var(--color-deep-space-blue);
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--color-sky-blue);
	margin-left: 23px;
	line-height: 2.5;
}

ul.dnnActions a.dnnSecondaryAction:hover {
	background: rgba(255, 255, 255, 0.16);
	border-color: var(--color-sunflower);
	color: var(--color-gold);
}

.dnnActionMenu span {
	color: #000000 !important;
}

.DnnModule {
	z-index: inherit;
}

ul.dnnActionMenuBody {
	z-index: 950;
}

.dnnActionMenu {
	z-index: 800;
}

.dnnFormItem label,
.dnnFormItem .dnnFormLabel,
.dnnFormItem .dnnTooltip {
	font-size: 1.15rem;
}

.dnnFormItem input,
.dnnFormItem .dnnFormInput,
.dnnFormItem textarea {
	font-size: 1.15rem;
	font-family: var(--maps-font);
}