@import "bootstrap_5.3-utilities.css";

/*A font library with the MS Office suite icons*/
/*@url: http://spo365icons.azurewebsites.net/#/*/
/* Used on myCalendar sync icon */
@font-face {
	font-family: SPO365;
	src:         url('fonts/Office365Icons.eot');
	src:         url('fonts/Office365Icons.ttf');
	src:         url('fonts/Office365Icons.woff');
	font-style:  normal;
	font-weight: 400;
}

.sans-serif {
	font-family: 'Roboto', sans-serif;
}

.font-smaller {
	font-size: smaller;
}

body {
	font-family:      'Roboto', sans-serif;
	font-weight:      300;
	font-size:        0.8em;
	color:            #333333;
	line-height:      1.18em;
	margin:           0;
	padding:          0;
	min-width:        926px;
	background-color: #ffffff;
}

form {
	padding: 0;
	margin:  0;
}

h1, h2, h3, h4, h5 {
	font-family: "Roboto-Slab", "Roboto Slab", serif;
}

h1 {
	font-size:   1.5em;
	margin:      4px 0 28px 0;
	font-weight: normal;
}

h1.bypass-block {
	display: none;
}

h2 {
	font-size: 1.15em;
	/* margin: 16px 0 6px 0; */
}

h3, h4 {
	margin:      0 0 1px 0;
	padding:     4px 4px 2px 4px;
	color:       #333333;
	text-shadow: none;
	font-size:   1.15em;
	font-weight: 400;
	border:      none;
	padding:     15px 0;
	text-align:  left;
	min-width:   100px;
}

a {
	color: #114488;
}

p {
	margin-top: 0;
}

/*a:active,
a:hover {
    color: #02568a;
    outline: 0;
} */

#mhSubHeaderOuter a {
	color: #ffffff;
}

select {
	margin:             3px 1px;
	border:             1px solid #959595;
	border-radius:      4px;
	height:             30px;
	max-width:          100%;
	padding:            0;
	box-shadow:         none;
	-webkit-box-shadow: none;
}

/* for multiple select, allow the inline size attribute to rule */
select[multiple] {
	height: auto;
}

.selectHeaderTitle {
	font-size:   1.1em;
	font-weight: bold;
	display:     inline;
	color:       #333333;
}

.selectHeaderTitle:after {
	content: ":";
}

fieldset legend {
	/*color: #505050;*/
	/*font-size: 0.9em;*/
}

fieldset {
	padding:               1px 5px 3px 5px;
	margin:                0 2px 2px 0;
	border:                none; /*1px solid #acbcc4;*/
	border-radius:         3px;
	-moz-border-radius:    3px;
	-webkit-border-radius: 3px;
}

fieldset.mhform {
	padding: 10px;
}

select.textfield {
	margin:             5px 0;
	border:             1px solid #959595;
	border-radius:      4px;
	height:             26px;
	padding:            0;
	box-shadow:         none;
	-webkit-box-shadow: none;
}

option.institute {
	background-color: #404040 !important;
	color:            white;
	font-weight:      bold;
}

option.department {
	font-weight:      bold;
	background-color: #DFDFDF !important;
}

a img {
	border: none;
}

#mhBackDrop {
	background-color: #dfe7e9;
}

/* Read-Only Should have white background to match #mhContent. */
#mhContent, #readOnlyUsersMyHomeBackground, #auditorUsersMyHomeBackground {
	background-color: #ffffff;
	padding:          18px 32px;
}

#mnContent > h1 {
	margin-bottom: 100px;
}

#mhHomeContent {
	background-color: #f4f4f4;
	padding:          18px 32px;
}

#mhDropFavorites {
	display: none;
	width:   260px;
}

#mhDropUserSwitcher {
	display:   none;
	min-width: 120px;
	max-width: 170px;
}

#mhDropSiteSwitcher {
	display:   none;
	min-width: 80px;
	max-width: 140px;
}

.required {
	/* color: #007679; */
	/*margin-right: 1em; this was killing the BS grid... knocking things down to the next line */
}

.required_label {
	color:      red;
	margin-top: 16px;
}

.endnote {
	font-size: 10px;
	color:     #777777;
}

.hidden {
	display: none;
}

.nopad {
	margin:  0 !important;
	padding: 0 !important;
}

.leftpad {
	padding-left: 5px !important;
}

/********************
 *  Login pages     *
 *******************/
#alternateLogin {
	margin-bottom: 15px;
}

/*********************
* data table layout *
*********************/

.table-container {
	display:   inline-block;
	/*margin-top: 30px;*/
	min-width: 100%;
}

.table-container table {
	width:   100%;
	display: table;
}

table.table-squeeze td {
	-ms-word-break:     break-all;
	word-break:         break-all;

	/* Non standard for webkit */
	-webkit-word-break: break-word;

	-webkit-hyphens:    auto;
	-moz-hyphens:       auto;
	-ms-hyphens:        auto;
	hyphens:            auto;
}

table.header-squeeze th
.datatableContainer {
	/*border: 1px solid #999999;
    border-radius: 2px 2px;
    margin: 0;
    font-size: 0.9em;
    color: #000;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;*/
}

table.datatable {
	border:              none;
	border-radius:       0;
	margin:              0;
	font-size:           1.0em;
	color:               #333333;
	text-shadow:         none;
	-moz-text-shadow:    none;
	-webkit-text-shadow: none;
	min-width:           400px;
	border-bottom:       2px solid #aaaaaa;
}

table.dt {
	min-width:     auto;
	border-bottom: none !important;
}

table.no-bottom-border {
	border-bottom: 0 !important;
}

table.datatable.portal-table {
	min-width: 1px;
}

.permabar-top div div a,
.datatable th a:not(.button):not(.help) {
	color: #FFFFFF;
}

.table-filters-header {
	width:            100%;
	background-color: #f4f4f4;
	border:           3px solid #aaaaaa;
	border-radius:    3px 3px 0 0;
	padding:          6px 8px 4px 8px;
	color:            #000000;
	text-shadow:      none;
	font-weight:      normal;
}

.table-filters-footer {
	width:              100%;
	background-color:   #f4f4f4;
	border-right:       2px solid #aaaaaa;
	border-bottom:      2px solid #aaaaaa;
	border-left:        2px solid #aaaaaa;
	border-radius:      0 0 3px 3px;
	padding:            6px 8px 4px 8px;
	box-shadow:         inset 0 1px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:    inset 0 1px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5);
	color:              #000000;
	text-shadow:        none;
	font-weight:        normal;
}

/* This places a second table footer outside the table, but still looks connected */
.table-container + div.table-filters-footer {
	border-top:  none;
	margin-top:  -2px;
	padding-top: 9px;
}

.selector-row {
	padding-bottom: 30px;
}

.related-tasks-container {

}

.related-tasks-container h3,
.related-tasks-title {
	font-family:   "Roboto-Slab", "Roboto Slab", serif;
	width:         100%;
	padding:       5px 0 10px 0;
	margin-bottom: 5px;
	border-bottom: 5px solid #02568a;
	color:         #333333;
	font-size:     1.15em;
	font-weight:   400;
	background:    none;
}

.related-tasks-section {
	margin-bottom: 15px;
}

.datatableTh {
	background-color: #AAAAAA;
	/*background: -moz-linear-gradient(center top, #EEEEEE, #D4D4D4) repeat scroll 0 0 transparent;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#D4D4D4));*/
	font-size:        1.1em;

	/*background-color: #E3E3E3;
    background: -moz-linear-gradient(center top, #EEEEEE, #D4D4D4) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#D4D4D4));
    font-weight: normal;
    padding: 11px 9px;
	 border-bottom: none;
    /*border-bottom: 1px solid #999;*/
	/*border-right: 1px solid #999;*/
	/*border-left: 1px solid #fff;*/
	/*border-top: 1px solid #FFF;*/
	color:            #FFFFFF;
	display:          table-cell;
	text-shadow:      none;
	/*-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
	/*-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
	text-align:       left;
	vertical-align:   bottom;
	white-space:      nowrap;
}

table.datatable tr th,
.datatableTh,
.permabar-top div div {
	background-color: #595959; /*#909ea8; #b0bec8;*/
	color:            #ffffff;
}

table.datatable tr th,
.permabar-top div div {
	font-weight:   400;
	padding:       11px 9px;
	border-bottom: none;
	text-shadow:   none;
	text-align:    left;
	/*vertical-align: top;*/
	white-space:   nowrap;
}

table.datatable tr.no-stripe td, .no-stripe {
	background-color: transparent !important; /* The zebra striping is more specific, so needed the !important here */
}

table.datatable tr.section-head,
table.datatable tr.subtotal {
	border-top: 2px solid;
}

table.datatable tr.subtotal td {
	background-color: transparent !important; /* The zebra striping is more specific, so needed the !important here */
}

table.datatable tr.grand-total {
	border-top: 5px double;
}

table.datatable tr.grand-total td {
	background-color: transparent !important; /* ... and here */
}

tr.dotted-line {
	border-top: 1px dashed #aaaaaa;
}

tr.top-line {
	border-top: 1px solid #aaaaaa;
}

table.datatable td.blank {
	background-color: #fafafa;
}

table.datatable.compact-table {
	font-size: .8em;
	min-width: 0;
	width:     100%;
}

table.datatable.compact-table i {
	/*color: #5FA800;*/
}

table.datatable.compact-table tr th,
table.datatable.compact-table tr td {
	font-size: .9em;
	padding:   3px;
}

table.datatable.compact-table tr td input.button,
table.datatable.compact-table tr td input.button.affect {
	padding: 2px 4px 1px 4px;
}

table.datatable.compact-table tr td input[type=text],
table.datatable.compact-table tr td input[type=select] {
	padding:       3px;
	height:        18px;
	border-radius: 2px;
}

table.datatable tr th.th-label, .datatableContainer div.label {
	color:       #333333;
	text-shadow: none;
	background:  #ffffff;
	font-size:   1.25em;
	font-weight: 400;
	border:      none;
	padding:     15px 0;
	text-align:  left;
	min-width:   100px;
	font-family: "Roboto Slab", serif;
}

table.datatable tr th.label2, .datatableContainer div.label2 {
	color:       #333333;
	text-shadow: none;
	background:  #ffffff;
	font-size:   1.2em;
	font-weight: 400;
	border:      none;
	padding:     3px 0;
	text-align:  left;
	min-width:   100px;
	font-family: "Roboto Slab", serif;
}

td.nosorthandle {
	width:  11px;
	height: 23px;
}

td.nosorthandle img {
	display: none;
}

.sortnumber {
	text-align: right;
}

.sortable th.nospan {
	cursor:          default;
	min-width:       0;
	text-decoration: none;
}

table.datatable tr th.label a:not(.button) {
	display:     inline;
	font-weight: normal;
}

table.datatable tr th.label a img, table.datatable a:not(.button):not(.btn) {
	float:  none;
	border: none;
}

table.datatable tr th.selected {
	background-color: #F1F1F1;
	/*background: -moz-linear-gradient(center top, #e4e4e4, #F8F8F8) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#F8F8F8));*/
}

/*table.datatable th a {
    display: block;
    color: #404040;
    padding: 4px 5px 2px 5px;
    margin: -4px -5px -2px -5px;
}*/

table.datatable tr th.header-group {
	background-color: #ffffff;
	border-top:       1px solid #aaaaaa;
	border-right:     1px solid #aaaaaa !important;
	border-left:      1px solid #aaaaaa;
	text-align:       center !important;
	color:            #808080;
	font-weight:      bold;
}

table.datatable tr th.header-over-span {
	border-bottom: 1px solid #dddddd;
}

table.datatable tr th a img {
	border: none;
	float:  right;
}

table.datatable tr td, table.datatable tr th[scope='row'], table.calendarTable tr td {
	background-color: #f4f4f4;
	padding:          11px 9px;
	/*vertical-align: top;*/
}

.permabar-side div div {
	padding:          11px 9px;
	background-color: #ffffff;
}

table.datatable tr.inactive td, table.datatable tr td.inactive, .inactive {
	color: #999999;
}

table.datatable tr.datatableOdd td {
	background-color: #FFFFFF;
	border-right:     1px solid #eeeeee;
}

table.datatable tr:nth-child(odd) td, table.datatable tr:nth-child(odd) th[scope='row'], table.datatable tr.row1 td, table.datatable tr.row1 th[scope='row'] {
	background-color: #FAFAFA;
}

table.datatable tr th[scope='row'],
table.datatable tr th[scope='row'] a {
	color: #000000;
}

table.datatable tr.row0 td {
	background-color: #ffffff;
}

table.datatable.no-zebra tr:nth-child(odd) td,
table.datatable.calendarTable tr:nth-child(odd) td {
	background-color: #f4f4f4;
}

table.datatable[class^="datatable"] tr:hover td {
	/*background-color: #eee; */
}

table.datatable tr.divide td {
	border-bottom: 1px solid #999999;
}

table.datatable tr:last-child td {
	border-bottom: none;
}

table.datatable:not(.calendarTable) tr td:last-child,
table.datatable:not(.calendarTable) tr th:last-child {
	border-right: none;
}

table.datatable:not(.calendarTable) tr th:first-child {
	border-left: none;
}

table.datatable tr td dfn {
	font-style: normal;
	color:      #808080;
}

.permabar-top {
	background-color: #e7ebee;
}

.permabar-top div div {
	text-align: center;
}

.permabar-corner {
	border-right: 1px solid #e7ebee;
}

.permabar-corner .datatable thead th.thead-colspan {
	border-top: 0;
}

.permabar-corner .datatable thead th[scope='col'] {
	border-bottom: 0;
}

table.form td {
	padding: 5px !important;
}

table.classic {
	border-collapse: separate !important;
}

table.classic td {
	padding: 2px !important;
}

table.calendarTable {
	clear:         both;
	margin-bottom: 1em;
}

table.calendarTable tr th,
table.calendarTable tr td {
	width: 14%;
}

table.calendarTable tr th {
	text-align: center;
}

table.calendarTable.calendarTableWeek tr th,
table.calendarTable.calendarTableWeek tr td {
	width: 12.5%;
}

table.calendarTable thead tr th:first-child {
	border-left: 0;
}

table.calendarTable thead tr th:last-child {
	border-right: 0;
}

table thead tr th.calendarTitle {
	font-size: 1.4em;
}

table thead tr th.calendarTitle a {
	text-decoration: none;
}

table thead tr th.calendarTitle a:hover {
	text-decoration: none;
}

table thead tr th.calendarTitle div {
	line-height: 2em;
}

table thead tr th.calendarTitle div.calendarTitlePrevious {
	text-align: left;
}

table thead tr th.calendarTitle div.calendarTitleText {
	text-align: center;
}

table thead tr th.calendarTitle div.calendarTitleNext {
	text-align: right;
}

table thead tr th.calendarTitle div.calendarTitleText select,
table thead tr th.calendarTitle div.calendarTitleNext select {
	font-size: .7em;
}

table.calendarTable tbody tr td {
	border:         1px solid #e7ebee;
	vertical-align: top;
}

table.calendarTable tbody tr td ul {
	padding-left: 0;
}

table.calendarTable tbody tr td ul li {
	list-style-type: none;
	text-indent:     -1em;
	margin-left:     2em;
	margin-bottom:   .5em;
}

table.calendarTable tbody tr td ul li span.fa {
	margin-right: .3em;
}

table.calendarTable tbody tr td.oncall,
div.calendarKey ul li span.oncall {
	background-color: #ccddf0 !important;
}

table.calendarTable tbody tr td.loa,
div.calendarKey ul li span.loa {
	background-color: #dfdfdf !important;
}

table.calendarTable tbody tr td.offsite,
div.calendarKey ul li span.offsite {
	background-color: #ffffcc !important;
}

div.calendarKey {
	float: left;
	clear: none;
	width: 200px;
}

div.calendarKey ul {
	padding-left: 0;
}

div.calendarKey ul li {
	list-style: none;
}

div.calendarKey ul li span {
	margin-right: .3em;
}

div.calendarKey ul li span.color {
	display: inline-block;
	border:  1px solid #000000;
	width:   2em;
	height:  1em;
}

body#calendarDay {
	margin:    0;
	width:     420px;
	min-width: 420px;
	max-width: 420px;
}

body#calendarDay ul {
	padding-left: 0;
}

body#calendarDay ul li {
	list-style-type: none;
}

body#calendarDay ul.scheduledItems li {
	width:       100%;
	line-height: 28px;
}

body#calendarDay ul.scheduledItems li span.delete {
	float: right;
}

body#calendarDay ul.reminderActions {
	width: 100%;
}

body#calendarDay ul.reminderActions li {
	float: left;
}

body#calendarDay ul.reminderActions li.deleteReminders {
	float: right;
}

body#calendarDay textarea {
	min-width: 250px;
}

/* jQuery Table Sorter */
.sortable th {
	cursor:          pointer;
	text-decoration: underline;
}

.sortable th.nosort,
.sortable th.nosort a {
	cursor:          default;
	background:      #aaaaaa;
	color:           #ffffff;
	text-decoration: none;
	min-width:       0 !important;
	pointer-events:  none;
}

.sortable th.nosort.header-select-all > div { /* keep nosort but still clickable for the select all checkbox */
	pointer-events: auto;
}

.sortable th.nosort a:hover {
	background-color: #aaaaaa;
}

.sortable th.headerSortUp:after,
a.headerSortUp:after {
	font-family: "FontAwesome";
	content:     " \f077";
}

.sortable th.headerSortDown:after,
table.datatable a.headerSortDown:after {
	font-family: "FontAwesome";
	content:     " \f078";
}

/* end jQuery Table Sorter */

table.datatable tr th input[type=checkbox],
table.datatable tr td input[type=checkbox] {
	padding: 0;
	margin:  0;
}

.rb {
	border-right: 1px solid #808080 !important;
}

.lb {
	border-left: 1px solid #808080 !important;
}

.tb {
	border-top: 1px solid #808080 !important;
}

.bb {
	border-bottom: 1px solid #808080 !important;
}

.ib {
	display: inline-block;
}

.tc {
	display: table-cell;
}

.v-top {
	vertical-align: top;
}

.v-middle {
	vertical-align: middle;
}

.text-primary {
	color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
	color: #286090;
}

.text-success {
	color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
	color: #2b542c;
}

.text-info {
	color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
	color: #245269;
}

.text-warning {
	color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
	color: #66512c;
}

.text-danger {
	color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
	color: #843534;
}

.center {
	text-align: center !important;
}

.na,
.na a:not(.btn):not(.button):not(.no-na),
.guidelines_box {
	color: #595959;
}

.field-info {
	color:         #808080;
	margin-bottom: 15px;
	font-size:     .9em;
}

.unavailable {
	color: #888888;
}

.green {
	color: #5FA800; /* this is the green of the checkboxes */
}

.greenPretestFilter {
	color: #5FA800; /* this is the green of the checkboxes */
	margin-left: 6em;
	margin-top: 12em;
}

.blue {
	color: #08528C;
}

.small {
	font-size: 85%;
}

.slant {
	font-style: italic;
}

.bgwhite {
	background:       none !important;
	background-color: #FFFFFF !important;
	filter:           none;
}

.fullscreen {
	width: 100%;
}

.shadow {
	box-shadow : none !important;
	/* box-shadow: 0px 1px 2px #ccc;
     -moz-box-shadow: 0px 1px 2px #CCC;
     -webkit-box-shadow: 0px 1px 2px #CCC;*/
}

.right {
	float: right;
}

.left {
	float:       left;
	display:     inline-block;
	margin-left: 5px;
}

.textright {
	text-align: right;
}

.noborder {
	border: none !important;
}

tr.textbottom td,
tr.textbottom th,
td.textbottom,
th.textbottom,
div.textbottom {
	vertical-align: bottom !important;
}

.nowrap {
	white-space: nowrap;
}

.container {
	display: inline-block;
}

.overline {
	border-top: 1px solid #808080;
}

.redalert {
	color:       #990000;
	font-weight: bold;
}

.red {
	color: #880000;
}

.orange {
	color: darkorange;
}

.boxit {
	border:           1px solid #bbbbbb;
	background-color: #F8F8F8;
}

.trans33 {
	opacity: 0.33;
	filter:  alpha(opacity=33);
}

.tableOptionPadding,
th.padding,
td.padding {
	padding: 4px !important;
}

.sizeN {
	font-size: 1.10em;
}

.ml10 {
	margin-left: 10px !important;
}

.mb10 {
	margin-bottom: 10px;
}

.m5 {
	margin: 5px !important;
}

th.padding div {
	background-color:    #f4f4f4;
	border-radius:       3px;
	padding:             6px 8px 4px 8px;
	box-shadow:          inset 0 1px 2px #333333;
	-moz-box-shadow:     inset 0 1px 2px #333333;
	-webkit-box-shadow:  inset 0 1px 2px #333333;
	color:               #000000;
	text-shadow:         none;
	-moz-text-shadow:    none;
	-webkit-text-shadow: none;
	font-weight:         normal;
}

/*th.padding div a,
table.tabletable tr th.padding div a {
    display: inline;
    font-weight: normal;
}*/

th.padding div a img {
	float:  none !important;
	border: none;
}

div.padding {
	padding: 8px 0;
}

.clear {
	clear: both;
}

.mh-box1,
.mh-box2 {
	border:  1px solid #aaaaaa;
	padding: 3px;
}

.mh-box1 {
	background-color: #E4E4E4;
}

.mh-box2 {
	background-color: #EEEEEE;
}

sup.mh-box1 {
	font-size: 8px;
	padding:   1px 3px 0 3px;
}

.boxtop {
	border-radius: 2px 2px 0 0;
}

.boxbottom {
	border-top:    none;
	border-radius: 0 0 2px 2px;
	margin:        0 0 8px 0;
}

.roundbox {
	border-radius: 2px;
}

.indent {
	padding-left: 15px;
}

.indent-2 {
	padding-left: 30px;
}

/*************************
 * header and navigation *
 *************************/

#mhTopToolbar {
	border-bottom:    1px solid #c7c8c8;
	background-color: #f6f8f8;
	padding:          5px 0;
	font-size:        0.9em;
	color:            #333333;
}

#mhTopToolbar div.right {
	float: right;
}

#mhTopToolbar div.time {
	padding: 5px 0 3px 8px;
}

#mhTopToolbar div span.block {
	border-right: 1px solid #999999;
	/*padding: 5px 7px 3px 7px;*/
	border-left:  1px solid #FFFFFF;
}

#mhTopToolbar ul {
	list-style: none;
	padding:    0;
	margin:     0;
}

#mhTopToolbar ul li {
	display: inline;
}

#mhTopToolbar ul li a.toolbarlink,
#mhTopToolbar ul li span {
	display:      inline-block;
	padding:      4px 15px;
	border-right: 1px solid #999999;
}

#mhTopToolbar ul li a.toolbarlink img {
	border:      none;
	margin-left: 10px;
}

#mhTopToolbar div span.block img {
	margin:  0;
	padding: 0 0 0 3px;
}

#mhTopToolbar div span:first-child,
#mhTopToolbar ul li:first-child {
	border-left: none;
	font-weight: 400;
}

#mhTopToolbar a.toolbarlink {
	text-shadow:         none;
	-moz-text-shadow:    none;
	-webkit-text-shadow: none;
	white-space:         nowrap;
}

#mhTopToolbar div span:last-child a {
	padding: 5px 7px 3px 7px;
	margin:  -5px -7px -3px -7px;
}

#mhTopToolbar div a.toolbarlink:hover,
#mhTopToolbar li.menuDown a.toolbarlink {
	background: none;
	filter:     none;
}

#mhTopToolbar .dropper {
	border:           1px solid #aaaaaa;
	border-top-color: transparent;
}

#mhHeader {
	background: #ffffff;
	position:   relative;
}

#mhHeaderBannerLeft {
	float: left;
}

#mhHeaderBannerRight {
	height:   65px;

	overflow: hidden;
}

#mhHeaderNavigation,
#mock-mhHeaderNavigation {
	clear:           both;
	padding:         0 3px 4px 3px;
	color:           #FFFFFF;
	height:          32px;
	margin-bottom:   3px;
	display:         flex;
	display:         -ms-flexbox;
	display:         -webkit-flex;
	flex-flow:       row nowrap;
	justify-content: flex-end;
}

.mhHeaderNavigationBkg {
	background-color: #01727c;
}

#mhHeaderProgram {
	padding-left: 29px;
	color:        #808080;
	-ms-flex:     1;
	-webkit-flex: 1;
	flex:         1;
	align-self:   flex-end;
	margin-right: auto;
}

.affix {
	position: sticky !important;
	top:      0;
	z-index:  10;
}
/*
 * @see https://autoprefixer.github.io/
 */
.navTabs {
	list-style: none;
}

#mhHeaderNavigation ul,
#mock-mhHeaderNavigation ul {
	list-style:  none;
	padding:     0;
	margin:      0;
	white-space: nowrap;
}

#mhHeaderNavigation ul li,
#mock-mhHeaderNavigation ul li {
	display: inline;
}

#mhHeaderNavigation ul li a.link,
#mock-mhHeaderNavigation ul li a.link,
#mhHeaderNavigation ul li a.linkbutton {
	display:               inline-block;
	color:                 #333333;
	margin:                0;
	text-decoration:       none;
	padding:               10px 20px;
	background-color:      #e6e6e6; /* #e1e6e9; */
	border-radius:         4px 4px 0 0;
	-moz-border-radius:    4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	box-shadow:            none;
	-moz-box-shadow:       none;
	-webkit-box-shadow:    none;
	text-shadow:           none;
}

#mhHeaderNavigation ul li a.link:hover,
#mock-mhHeaderNavigation ul li a.link:hover {
	background:            none;
	background-color:      #02568a;
	color:                 #ffffff;
	border-radius:         4px 4px 0 0;
	-moz-border-radius:    4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	box-shadow:            none;
	-webkit-box-shadow:    none;
	-moz-box-shadow:       none;
	text-shadow:           none;
	-webkit-text-shadow:   none;
	-moz-text-shadow:      none;
	filter:                none;
}

#mhHeaderNavigation ul li a.active,
#mock-mhHeaderNavigation ul li a.active {
	padding:               10px 20px;
	background:            none;
	background-color:      #5fa800;
	color:                 #ffffff;
	border-radius:         4px 4px 0 0;
	-moz-border-radius:    4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	box-shadow:            none;
	-moz-box-shadow:       none;
	-webkit-box-shadow:    none;
	text-shadow:           none;
	-moz-text-shadow:      none;
	-webkit-text-shadow:   none;
	filter:                none;
}

#mhHeaderNavigation ul li a img {
	margin-left: 5px;
	/*opacity: 0.45;
    filter:alpha(opacity=45);*/
	border:      none;
}

#mhHeaderNavigation ul li a img.iconbutton {
	opacity:       0.95;
	filter:        alpha(opacity=95);
	border-radius: 3px;
}

.menuRight img {
	/* nothing */
}

#mhHeaderNavigation ul li.menuDown a.link {
	background:            none;
	background-color:      #00558c;
	color:                 #FFFFFF;
	/*padding: 4px 6px 6px 6px;*/
	border-radius:         4px 4px 0 0;
	-moz-border-radius:    4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	box-shadow:            none;
	-moz-box-shadow:       none;
	-webkit-box-shadow:    none;
	text-shadow:           none;
	filter:                none;
}

#mhHeaderNavigation ul li.menuDown a.linkbutton {
	background-position:   -25px 0;
	background-color:      #FFFFFF;
	color:                 #01727c;
	padding:               4px 6px 6px 6px;
	border-radius:         2px 2px 0 0;
	-moz-border-radius:    2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	box-shadow:            none;
	-moz-box-shadow:       none;
	-webkit-box-shadow:    none;
	text-shadow:           none;
}

.mhSectionHeader,
div.key_value > fieldset > legend,
div.key_value_long > fieldset > legend {
	font-size:        1.125em;
	font-weight:      400;
	background-color: #e5eef3;
	border-top:       solid 5px #02568a;
	padding:          12px 3px 12px 6px;
	color:            #333333;
}

.sectionHeader-na {
	color: #7eaac6;
}

.welcome {
	font-weight: 400;
	color:       #ffffff;
	margin-left: 25px;
	font-size:   1.25em;
}

#mhProgramSelector {
	position:   absolute;
	height:     30px;
	top:        9px;
	right:      2px;
	z-index:    5;
}

#mhProgramSelector select,
.niceSelector,
.scheduleRotationSelector {
	margin:             0;
	border:             1px solid #959595;
	border-radius:      4px;
	height:             30px;
	padding:            0;
	box-shadow:         none;
	-webkit-box-shadow: none;
	color:              #404040;
}

#mhProgramSelector select option,
.niceSelector option {
	background-color: #FFFFFF;
}

.mhSelectorHeader {
	font-size:        1.125em;
	font-weight:      400;
	background-color: #B0BEC7;
	border-top:       solid 5px #4E92C1;
	padding:          12px 3px 40px 6px;
	color:            #333333;
}

#mhFooter {
	clear:      both;
	margin:     36px 0 0 0;
	padding:    4px 0;
	border-top: 1px solid #808080;
}

#mhFooterRight {

}

#mhFooterRight div {
	text-align: center;
	font-size:  1em;
	padding:    2px 0;
}

.mhFooterLegal {
	color: #707070;
}

.mhFooterLegal a {
	color: #707070;
}

#mhFooter img {
	float:       left;
	padding-top: 6px;
}

/* DROP MENU */

.dropper {
	position:              absolute;
	padding:               5px 0 8px 0;
	top:                   0;
	left:                  0;
	width:                 420px;
	background-color:      #FFFFFF;
	border:                2px solid #5fa800;
	border-radius:         0 0 4px 4px;
	-moz-border-radius:    0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	z-index:               1001;
}

.dropper div {
	filter:   none;
	position: relative;
}

.dropper div.dropperGroup {
	margin-left: 8px;
}

.dropper p.prime,
.dropper a.prime,
.dropper a.second {
	display:   block;
	margin:    0 4px;
	padding:   2px 4px;
	font-size: 0.9em;
	filter:    none;
	position:  relative;
}

.dropper a.prime:hover,
.dropper a.second:hover,
a.prime:hover {
	background-color: #EEEEEE !important;
}

.dropper hr {
	margin:     5px;
	height:     1px;
	border:     1px solid #DDDDDD;
	border-top: none;
	opacity:    0.5;
	clear:      both;
}

.dropper h5, h5 {
	margin:           0 0 4px 0;
	font-size:        0.95em;
	color:            #333333;
	text-align:       left;
	font-weight:      normal;
	border-top:       5px solid #5fa800;
	background-color: #f8fafa;
	padding:          15px 5px;
}

.dropper h5 {
	padding: 7px 5px;
	margin:  4px;
}

.dropper h4 {
	margin: 3px 4px;
}

.dropper div.dropper-label {
	background:          none;
	filter:              none;
	border:              none;
	display:             block;
	margin:              0 4px;
	padding:             2px 4px;
	font-size:           0.9em;
	color:               #000000;
	font-weight:         bold;
	text-shadow:         none;
	-moz-text-shadow:    none;
	-webkit-text-shadow: none;
}

.dropper-info-box {
	border:  1px solid #C0C0C0;
	margin:  2px 4px;
	padding: 6px;
	color:   #000000;
}

.dropper-info-box img {
	height: 45px;
	border: 1px solid black;
}

.dropper-info-box p {
	margin:  10px 0 0 0;
	padding: 0;
}

.dropper-column:first-child {
	padding-right: 2px;
}

.dropper-column:last-child {
	padding-left: 2px;
}

.dropper-column:only-child { /*reset this back to BS defaults if only child*/
	padding-left:  15px;
	padding-right: 15px;
}

/****************************
 * Side Vertical Navigation *
 ***************************/

.VerticalNavOrderedList {
	padding: 0;
	margin:  0;
}

.VerticalNavOrderedList li {
	list-style-type:  none;
	padding:          14px;
	margin:           5px;
	margin-left:      0;
	background-color: #F4F4F4;
	text-decoration:  none;
}

.VerticalNavOrderedList li:hover {
	background-color: #AAAAAA;
	color:            #ffffff;
}

.VerticalNavOrderedList a {
	color:           #000000;
	text-decoration: none;
}

/*  BUTTON STYLES */
/* apply to <input> and <a> tags */

button,
a.button,
input.button,
button.input {
	color:                 #2a2a2a;
	display:               inline-block;
	text-decoration:       none;
	padding:               7px 15px;
	font-size:             0.9em;
	border-radius:         4px;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	background-color:      #dcdcdc;
	white-space:           nowrap;
	cursor:                pointer;
	border:                none;
}

/* match the margin on text inputs so they line up */
a.button.inline,
input.button.inline,
button.input.inline {
	margin: 3px auto;
}

button a {
	text-decoration: none;
}

button.input,
input.button {
	/* font-size: 0.9em;
     font-weight: normal;
     font-family: Arial, Helvetica, sans-serif;
     padding: 2px 2px 1px 2px;*/
}

/*button:hover,
a.button:hover,
button.input:hover,
input.button:hover,
button:hover a {
    background: none;
    background-color: #02568a;
    color: #fff;
    filter: none;
}*/

button:hover,
a.button:hover,
button.input:hover,
input.button:hover,
button:hover a {
	color:            #ffffff;
	background-color: #aaaaaa;
}

a.affect,
button.affect,
input.affect {
	border:                none;
	color:                 #ffffff;
	display:               inline-block;
	text-decoration:       none;
	padding:               7px 15px;
	/*margin-top: -4px;*/
	font-size:             0.9em;
	border-radius:         4px;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	background-color:      #5fa800;
	white-space:           nowrap;
	cursor:                pointer;
}

a.affect:hover,
button.affect:hover,
input.affect:hover {
	background:       none;
	background-color: #02568a;
	color:            #ffffff;
	filter:           none;
}

a.affect2,
button.affect2,
input.affect2 {
	border:                none;
	color:                 #ffffff;
	display:               inline-block;
	text-decoration:       none;
	padding:               7px 15px;
	/*margin-top: -4px;*/
	font-size:             0.9em;
	border-radius:         4px;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	background-color:      #02568a;
	white-space:           nowrap;
	cursor:                pointer;
}

a.affect2:hover,
button.affect2:hover,
input.affect2:hover {
	background:       none;
	background-color: #5fa800;
	color:            #ffffff;
	filter:           none;
}

button.bordered,
a.button.bordered,
input.button.bordered,
button.input.bordered {
	border: #959595 1px solid;
}

button.disabled,
a.button.disabled,
input.button.disabled {
	pointer-events:     none;
	cursor:             not-allowed;
	filter:             alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow:         none;
	opacity:            .65;
}

a.danger,
input.danger,
button.danger {
	display:          inline-block;
	color:            #FFFFFF;
	background-color: #890001;
	border:           none;
}

a.button.button_lg,
input.button.button_lg {
	font-size: 1.2em;
	padding:   10px 20px;


}

a.danger:hover,
input.danger:hover,
button.danger:hover {
	color:            #FFFFFF;
	background-color: #890001;
	text-shadow:      none;
}

a.supportButton {
	/* use to display support-centric buttons */
	border: 1px dashed #555555;
}

a.padded,
input.padded {
	margin: 5px 6px 5px 1px !important;
}

input.filter {
	/* match the height of other elements on a single-line filter form */

	height:      19px;
	font-size:   0.9em;
	padding-top: 0;
}

a.button img {
	display: none;
}

a.disabled:hover img,
a.disabled img,
span.disabled {
	opacity: 0.3;
	filter:  alpha(opacity=30);
}

a.disabled,
a.disabled:hover,
a.disabled:not('btn'),
a.disabled:hover:not('btn'),
input.disabled,
input.disabled:hover {
	border:                none;
	color:                 #ffffff;
	display:               inline-block !important;
	text-decoration:       none;
	padding:               7px 15px;
	margin-top:            -4px;
	font-size:             0.9em;
	border-radius:         4px;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	background-color:      #dddddd;
	white-space:           nowrap;
	cursor:                not-allowed;
}

a.disabled.button.bordered,
a.disabled.button.bordered:hover,
input.disabled.button.bordered,
input.disabled.button.bordered:hover {
	border: #cacaca 1px solid;
}

/* JQ Date Picker */

/* Set parent window of datepicker to be above demographics static bar and below model window. */
.ui-datepicker {
	z-index: 11 !important;
}

.datepicker-disabled.hasDatepicker button i {
	pointer-events: none;
}

.hasDatepicker {
	width: 9.5em !important; /* auto !important */
}

/* This fixes spacing issues for the "to" string */
.to-string-for-datepicker {
	width:       20px;
	margin-left: -10px;
	display:     inline-block;
}

input.datepicker_icon {
	margin-right: 18.578px !important;
}

input.datepicker_icon::placeholder {
	font-family: FontAwesome;
	text-align:  right;
	font-size:   20px;
	background:  transparent;
	color:       #aaaaaa !important;
	transform:   translate3d(5px, 2px, 0);
}

td.hr {
	background:        url('/core/images/hr-2b.gif');
	background-repeat: repeat-x;
	height:            1px;
	line-height:       3px;
}

td.hr2 {
	background:        url('/core/images/hr-2.gif');
	background-repeat: repeat-x;
	height:            1px;
	line-height:       3px;
}

/*************
/ SubTab Navs
/************/

.mhSubTabs {
	border-bottom: none;
	white-space:   nowrap;
	width:         100%;
	/*position: absolute;*/
	/*margin: 130px 0 -5px 33px;*/
	/*padding: 40px 0 0 0;*/

}

.mhSubTabs ul {
	list-style:    none;
	padding:       0;
	margin:        0;
	border-bottom: 5px solid #E5EEF3;
}

.mhSubTabs ul li {
	display:     inline-block;
	position:    relative;
	overflow:    hidden;
	font-weight: 400;
	font-size:   1.125em;
	margin:      0 0 -4px 0;
}

.mhSubTabs ul li a,
.mhSubTabs ul li.pseudo-tab {
	text-decoration:  none;
	color:            #333333;
	min-width:        100px;
	display:          inline-block;
	padding:          10px 6px 10px 6px;
	margin-bottom:    3px;
	text-align:       center;
	background-color: #f4f4f4;
	border-top:       solid 5px #7eaac6;
}

.mhSubTabs ul li.pseudo-tab {
	margin-bottom: -1px;
}

.mhSubTabs ul li a.active {
	background-color: #e5eef3;
	border-top:       solid 5px #02568a;
	margin-bottom:    0;
	padding:          10px 6px 13px 6px;
}

.mhSubTabs ul li a:hover {
	background-color: #e5eef3;
	border-top:       solid 5px #02568a;
}

.mhSubTabs ul li a.no-hover:hover {
	cursor: default;
}

.mhSubTabsContentPanel {
	margin-top: -2px;
	padding:    5px;
}

/*********************************
/ Simply Underlined SubTab Navs
/*********************************/

.MHSimpleUnderlinedSubTab {
	white-space:      nowrap;
	width:            100%;
	background-color: #B0BEC9;
}

.MHSimpleUnderlinedSubTab ul {
	list-style: none;
	padding:    0;
	margin:     0 10px;
}

.MHSimpleUnderlinedSubTab ul li {
	display:  inline-block;
	position: relative;
	overflow: hidden;
	padding:  10px 0 10px 0;
}

.MHSimpleUnderlinedSubTab ul li:after {
	content: " | ";
	margin:  0 10px;
	color:   #FFFFFF;
}

.MHSimpleUnderlinedSubTab ul li:last-child:after {
	content: "";
	margin:  0;
}

.MHSimpleUnderlinedSubTab ul li a {
	text-decoration: none;
	color:           #FFFFFF;
	display:         inline-block;
	text-align:      center;
	border-top:      solid 3px #B0BEC9;
	border-bottom:   solid 3px #B0BEC9;
}

.MHSimpleUnderlinedSubTab ul li a.active {
	border-top:    solid 3px #B0BEC9;
	border-bottom: solid 3px #02568a;
}

.MHSimpleUnderlinedSubTab ul li a:hover {
	border-top:    solid 3px #B0BEC9;
	border-bottom: solid 3px #02568a;
}

/*************
/ Schedule Styling
/************/

.schedule-tab > a:hover {
	color: #333333;
}

.schedule-tab:hover {
	text-decoration: none;
	cursor:          pointer;
	color:           #333333;
}

li.tab-nav.active {
	background-color: #ffffff !important;
	border-top:       solid 5px #00558d !important;
	border-left:      solid 1px #00558d;
	border-right:     solid 1px #00558d;
}

#mhSubHeaderOuter {
	background-color: #125488;
	clear:            both;
	width:            100%;
}

#mhSubHeader {
	background:      url('/core/images/banner_color2.png') repeat;
	background-size: 24px 24px;
	padding:         15px 0 15px 4px;
	border-bottom:   1px solid #bbbbbb;
	font-size:       1em;
	color:           #ffffff;
	position:        relative;
}

.mhSubTabsRight {
	position: absolute;
	bottom:   0;
	right:    0;
}

/* SUBTABS (SMALL) */
.mhSubTabs2 {
	border-bottom: none;
	position:      relative;
	white-space:   nowrap;
	width:         100%;
}

.mhSubTabs2 ul {
	list-style:    none;
	padding:       1px 0 0px 0px;
	margin:        0;
	border-bottom: 1px solid #bbbbbb;
}

.mhSubTabs2 ul li {
	font-size:        11px;
	display:          inline-block;
	background-color: #e6e6e6;
	/*background: -moz-linear-gradient(center top, #F8F8F8, #DDDDDD) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#DDDDDD');
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#DDDDDD));*/
	margin:           0 0 -1px 0;
}

.mhSubTabs2 ul li a {
	display:               inline-block;
	margin:                0;
	border:                1px solid #bbbbbb;
	color:                 #202020;
	text-decoration:       none;
	padding:               4px 5px 2px 5px;
	border-radius:         3px 3px 0 0;
	-moz-border-radius:    3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}

.mhSubTabs2 ul li a.active {
	background-color: #FFFFFF;
	color:            #202020;
	border-bottom:    1px solid #FFFFFF !important;
}

.mhSubTabs2 ul li a:hover {
	background-color: #FFFFFF;
}

/* regular list */

ul.normal {
	list-style: none;
	padding:    0;
	margin:     0 0 10px 0;
}

ul.normal li {
	padding: 3px;
	margin:  0;
}

ul.normal li.hr {
	border-top: 1px solid #cccccc;
	margin:     6px 0 0 0;
	padding:    6px 3px 3px 3px;
}

.rolldownList li ul.zebra li {
	padding-left: 10px;
}

/* Zebra striping of lists */

ul.zebra {
	list-style: none;
	padding:    0;
	margin:     0 0 4px 0;
}

ul.zebra li {
	border-bottom:         none;
	padding:               10px;
	margin:                0;
	border-radius:         0 !important;
	-moz-border-radius:    0;
	-webkit-border-radius: 0;
}

ul.zebra li:nth-child(even) {
	background-color: #F4F4F4;
}

ul.zebra li:last-child {
	border-bottom: none;
}

/* horizontal toggle buttons */

a.toggle,
div.toggle {
	display:          inline-block !important;
	border:           1px solid #808080;
	border-left:      none;
	text-decoration:  none;
	padding:          6px 12px 6px 12px;
	margin:           0 !important;
	color:            #333333;
	background-color: #FFFFFF;
	font-size:        1em;
}

a.toggle:hover,
div.toggle:hover {
	filter:           none;
	background:       none;
	background-color: #FFFFFF;
}

a.toggle:first-child,
div.toggle:first-child {
	border-radius:         4px 0 0 4px;
	-moz-border-radius:    4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-left:           1px solid #808080;
}

a.toggle:last-child,
div.toggle:last-child {
	border-radius:         0 4px 4px 0;
	-moz-border-radius:    0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
}

a.toggleOn, a.toggleOn:hover,
div.toggleOn, div.toggleOn:hover {
	color:            #FFFFFF;
	background-color: #AAAAAA;
}

a.toggleInactive, a.toggleInactive:hover,
div.toggleInactive, div.toggleInactive:hover {
	background:       none !important;
	background-color: #E8E8E8 !important;
	color:            #aaaaaa !important;
	cursor:           default;
}

table.datatable tr th a.toggleOn,
table.datatable tr th a.toggleOn:hover {
	background-color: #AAAAAA;
	color:            #ffffff;
}

/* myHome! */

.mhChannelItem {
	background-color:      #FFFFFF;
	margin-bottom:         10px;
	border:                5px solid #ffffff;
	border-radius:         0 0 3px 3px;
	-moz-border-radius:    0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	line-height:           1.3em;
	overflow:              hidden;
}

.mhChannelItemCustom {
	line-height: 1;
}

.mhChannelItemHeader {
	font-size:        1.125em;
	font-weight:      400;
	background-color: #e5eef3;
	border-top:       solid 5px #02568a;
	padding:          12px 3px 12px 6px;
	color:            #333333;
}

.mhPortalControls {
	float:        right;
	margin-right: 2px;
}

.mhPortalControls a {
	text-decoration: none; /* no underlines for up/down arrow-circles */
}

.mhChannelItemBody {
	padding: 10px 0 10px 0;
}

/*
Commented out due to Support Ticket 75956
You cant remove images form channel because user adds image in portal.
.mhChannelItemBody img {
    display: none;
}*/

.mhChannelItemBody td {
	padding: 5px 0;
}

#mhAlerts,
#mock-mhAlerts {
	background-color: #FFFFFF;
	margin:           0 0 10px 0;
	border:           2px solid #e73c30;
}

#mhAlertBanner,
#mock-mhAlertBanner {
	background-color: #AD1F14;
	height:           40px;
}

#mhAlertBanner h5,
#mock-mhAlertBanner h5 {
	padding:             12px 0 0 0;
	margin:              0 3px 8px 10px;
	background-color:    transparent;
	color:               #ffffff;
	font-size:           1.2em;
	text-shadow:         none;
	-moz-text-shadow:    none;
	-webkit-text-shadow: none;
	font-weight:         400;
	border-top:          none;
}

#mhAlertBody,
#mock-mhAlertBody {
	padding: 4px 0 12px 0;
}

#mhAlerts ul,
#mock-mhAlerts ul,
#mhAlerts li,
#mock-mhAlerts li {
	list-style: none;
	padding:    0;
	margin:     0 0 0 10px;
}

#mhAlerts ul li,
#mock-mhAlerts ul li {
	margin-top: 5px;

}

#mhAlerts ul li a,
#mock-mhAlerts ul li a {
	color:       #AD1F14 !important;
	/* font-size: .9em; */
	font-weight: 300;
}

#mhAlerts ul li em,
#mock-mhAlerts ul li em {
	color:       #e73c30;
	font-weight: 700;
}

#mhPortalA {
	float:        left;
	width:        250px;
	margin-right: 16px;
}

#mhPortalB {
	float:        left;
	width:        250px;
	margin-right: 16px;
}

#mhPortalC {
	margin-left: 532px;
}

.mhAlertPanel {
	padding-top: 113px;
}

.mhAlertPanel h2,
.mhAlertPanel a {
	color: inherit;
}

.mhAlertPanel.error {
	/*background-color: #FCC6C6;
    border-color: #BB0000;
    color: #BB0000 !important;*/
}

.mhAlertPanel.notice {
	background-color: #FFFFCC;
	border-color:     #AA7500;
	color:            #AA7500 !important;
}

ul.rolldownList {
	list-style:       none;
	margin:           0 0 10px 0;
	padding:          5px;
	/*border-top: 5px solid #fff;*/
	background-color: #ffffff;
}

ul.rolldownList li {
	position:         relative;
	background-color: #FFFFFF;
}

ul.rolldownList li:last-child {
	border-radius:         0 0 3px 3px;
	-moz-border-radius:    0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}

ul.rolldownList li a.heading {
	margin:           0;
	position:         relative;
	display:          block;
	text-decoration:  none;
	overflow:         hidden;
	background-color: #e5eef3;
	border-top:       solid 5px #02568a;
	padding:          12px 3px 12px 6px;
	color:            #333333;
	font-weight:      400;
	font-size:        1.125em;
}

ul.rolldownList li a.heading span {
	font-family: FontAwesome;
	/*position: absolute;
    top: 12px;
    right: 5px;*/
	width:       20px;
	height:      26px;
	margin:      0;
	opacity:     0.3;
	filter:      alpha(opacity=30);
}

ul.rolldownList li a.heading i {
	position:           absolute;
	top:                12px;
	right:              5px;
	opacity:            0.5;
	-webkit-transition: 150ms;
	-moz-transition:    150ms;
	-o-transition:      150ms;
	transition:         150ms;
}

ul.rolldownList li a.heading i.up {
	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg);
}

ul.quicktask li {
	margin:  0;
	padding: 5px 10px 3px 10px;
}

.rolldownListDrop {
	border:     5px solid #ffffff;
	border-top: none !important;
	overflow:   hidden;
}

div#menuUserManagement select { /* Sets max width of channelB portal user mgmnt dropdowns */
	width: 205px;
}

.mhPortalEventsDay:last-child {
	border-bottom: none;
}

.mhPortalEventsDay em {
	font-style:       normal;
	border:           1px solid #CCCCCC;
	padding:          3px 3px 1px 3px;
	background-color: #EEEEEE;
	border-radius:    3px;
}

.mhPortalEventsDay h5 {
	margin:        0;
	padding:       4px 3px 3px 3px;
	font-weight:   400;
	font-size:     1em;
	border-radius: 0;
	border-top:    1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	color:         #02568a;
}

.mhPortalEventsDay h5.dayempty {
	color: #808080;
}

.mhPortalEventsDayEvent {
	margin:        0;
	padding:       6px 3px 6px 3px;
	line-height:   1.3em;
	border-bottom: 1px solid #e4e4e4;
	position:      relative;
}

.mhPortalEventsDayEvent:nth-child(odd) {
	background-color: #F4F4F4;
}

.mhPortalEventsDayEvent:last-child {
	border-bottom: none;
}

.mhPortalEventsDayEvent img {
	position: absolute;
	top:      5px;
	left:     5px;
}

.mhPortalEventsDayEvent a {

}

.mhPortalEventsDayEmpty {
	text-align: center;
	color:      #AAAAAA;
	padding:    6px 0 3px 0;
}

TD.day {
	font-family:      Arial, sans serif;
	font-size:        11px;
	background-color: #ffffff;
}

TD.day span.calendarDate {
	display: block;
}

/* New Calendar Styles */

.calendarDay {
	background:       none;
	background-color: #FFFFFF !important;
	font-size:        0.9em !important;
	padding:          2px 4px !important;
	height:           100px;
}

.calendarOffMonth, table.datatable tr:hover td.calendarOffMonth {
	background-color: #EEEEEE !important;
}

.calendarToday, table.datatable tr:hover td.calendarToday {
	background-color: #FFFFE8 !important;
}

.calendarDay hr {
	height:        1px;
	border-top:    1px solid #cccccc;
	border-bottom: none;
	clear:         left;
	margin:        1px 0;
}

.calendarDayNumber {
	padding:       3px 6px;
	float:         left;
	border:        1px solid #dcdcdc;
	border-radius: 2px;
	margin:        2px 0 3px 0;
}

.conf-details {
	padding:          2px;
	background-color: #eeeeee;
	border-radius:    2px;
}

.conf-details:hover {
	background-color: #dcdcdc;
}

.conf-event {
	min-height:  75px;
	padding-top: 10px;
}

div.form-label {
	padding-top: 10px;
}

.mhLabel {
	padding-top: 0.5em;
}

/* a small calendar (duty hours, etc) */
table.mini-calendar {
	background-color: #FFFFFF;
	width:            182px;
}

table.mini-calendar tr th {
	background-color: #aaaaaa;
	border-bottom:    medium none;
	color:            #ffffff;
	font-weight:      400;
	padding:          11px 0px;
	text-align:       center;
	text-shadow:      none;
	white-space:      nowrap;
}

table.mini-calendar tr th select {
	color: #000000;
}

table.mini-calendar tr th.day {
	color:     #333333;
	font-size: 0.7em;
	padding:   5px 0px;
}

table.mini-calendar tr td {
	padding:     5px 0px;
	font-size:   0.7em;
	color:       #808080;
	border-top:  1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width:       26px;
	text-align:  center;
}

table.mini-calendar tr td:first-child {
	border-left: none;
}

table.mini-calendar tr td.out-month, table.mini-calendar tr td.out-month a {
	color: #BBBBBB;
}

table.mini-calendar tr.noncomp td, table.mini-calendar tr.noncomp td a, .dh-noncomp {
	background-color: #E63D31;
	color:            #FFFFFF;
}

table.mini-calendar tr td.noncomp, table.mini-calendar tr td.noncomp a {
	background-color: #E63D31 !important;
	color:            #FFFFFF !important;
}

table.mini-calendar tr.comp td, table.mini-calendar tr.comp td a, .dh-comp {
	background-color: #5FA91E;
	color:            #FFFFFF;
}

table.mini-calendar tr td.daysoff, table.mini-calendar tr td.daysoff a, .dh-daysoff {
	background-color: #9FE95E;
	color:            #000000;
}

table.mini-calendar tr td.fade-days, table.mini-calendar tr td.fade-days a {
	/*box-shadow:inset 0 0 0 99999px rgba(148,148,148,1);*/
	background-color: #949494 !important;
}

table.mini-calendar tr td.fade-days.daysoff, table.mini-calendar tr td.fade-days.daysoff a {
	/*box-shadow:inset 0 0 0 99999px rgba(196,196,196,1);*/
	background-color: #BBBBBB !important;
}

table.mini-calendar tr td.fade-days.noncomp, table.mini-calendar tr td.fade-days.noncomp a {
	/*box-shadow:inset 0 0 0 99999px rgba(196,196,196,1);*/
	background-color: #FF6D61 !important;
}

table.mini-calendar tr td.null {
	color:            #808080;
	background-color: #FFFFFF;
}

/* a simple key=>value chart */
div.key_value, div.key_value_long {
	padding: 0 2px 2px 2px;
}

div.key_value > div > label,
div.key_value > fieldset > div > label {
	display: block;
	float:   left;
	margin:  10px 0 0 -110px;
	width:   110px;
}

div.key_value_long > div > label,
div.key_value_long > fieldset > div > label {
	display: block;
	float:   left;
	margin:  10px 0 0 -160px;
	width:   160px;
}

div.key_value > div,
div.key_value > fieldset > div,
div.key_value_long > div,
div.key_value_long > fieldset > div {
	clear:   left;
	padding: 6px 10px 4px 120px;
	/*border-top: 1px dotted #CCC;*/
}

div.key_value_long > div,
div.key_value_long > fieldset > div {
	padding: 6px 10px 4px 170px;
}

div.key_value > div:last-child,
div.key_value > fieldset > div:last-child,
div.key_value_long > div:last-child,
div.key_value_long > fieldset > div:last-child {
	/*border-top: 1px solid #CCC;

    Top padding screwing up regular key value pairings.
    padding-top: 14px;*/
}

div.key_value > div:first-child,
div.key_value > fieldset > div:first-child,
div.key_value_long > div:first-child,
div.key_value_long > fieldset > div:first-child {
	border-top: none !important;
}

div.key_value > div:last-child,
div.key_value > fieldset > div:last-child,
div.key_value_long > div:last-child,
div.key_value_long > fieldset > div:last-child {
	/* border-top: 1px solid #CCC;*/
}

/* Matching top margin on inputs */
div.key_value > div > span,
div.key_value > fieldset > div > span,
div.key_value_long > div > span,
div.key_value_long > fieldset > div > span {
	margin-top: 10px;
	display:    block;
}

div.key_value > fieldset > legend,
div.key_value_long > fieldset > legend {
	width: 100%;
}

/* report main page */
.reportLinks a {
	line-height: 1.25em;
}

/* report options */

.label-after-checkradios-checkbox {
	margin:         0 0 3px 6px;
	padding-top:    6px;
	display:        inline-block;
	width:          calc(100% - 45px);
	min-height:     25px;
	vertical-align: middle;
}

.label-after-checkbox {
	display:        inline-block;
	margin-left:    6px;
	min-height:     25px;
	padding-top:    3px;
	vertical-align: middle;
}

span.checkbox-label {
	vertical-align: super; /* this will keep the span's text in the middle of the checkbox */
}

.checkbox-label-tight {
	margin:         0.15em 0 0.25em 0.5em;
	width:          84%;
	display:        inline-block;
	vertical-align: middle;
}

div.traineeProgram {
	vertical-align: middle;
}

div.key_value > div:nth-of-type(1), div.key_value_long > div:nth-of-type(1) {
	border-top: none !important;

}

div.key_value div.input label {
	padding-top: 3px;
}

div.key_value div.hr {
	border-top: 1px solid #CCCCCC;
}

div.key_value div.nohr {
	border-top: 0;
}

/* table pages */
div.pager {
	margin:     4px 0 0 0;
	text-align: right;
	display:    block;
	color:      #333333;
	padding:    0 3px;
}

div.pager a.button {
	/*padding: 1px 3px 0 3px;*/
}

div.pager fieldset {
	display:   inline;
	margin:    0 8px;
	padding:   1px 3px 0 3px;
	font-size: 0.8em;
	/*border: 1px solid #808080;*/
}

div.pager fieldset input {
	padding: 0;
	margin:  0;
}

div.pager div {
	float:   left;
	display: inline;
	padding: 5px 0 0 0;
	color:   #000000;
}

/* Demographics Content Panels */

#demoSelectorHeader {
	padding:            12px 8px 18px 6px;
	z-index:            2;
	top:                0;
	transition:         top 1s;
	-webkit-transition: top 1s; /* Safari */
}

.ferpa_hold_background {
	background-color: #f2dede !important;
}

/* Give Border when the nav-bar locks down */

.affix-active {
	/*border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;*/
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow:    0 8px 6px -6px black;
	box-shadow:         0 8px 6px -6px black;
}

#returnSearchResidents {
	margin-bottom: 10px;
	margin-right:  4px;
}

#MHdemoContent {
	background-color: #EEEEEE;
	margin-top:       5px;
	margin-left:      0 !important;
	min-height:       811px;
	width:            74%;
	padding-bottom:   20px;
	padding-right:    0;
}

#MHdemoContent h1 {
	margin-top:    16px;
	margin-bottom: 20px;
}

#demoform div.key_value > div > label {
	font-weight: bold !important;
}

#MHdemoVerticalNavPanel {
	padding-right: 0 !important;
}

#MHdemoVerticalNavPanel .virticalNavClicked li {
	background-color: #EEEEEE;
	position:         relative;
	width:            110%;
}

#MHdemoVerticalNavPanel .virticalNavClicked li:hover {
	color: #000000;
}

#demo_user_photo {
	margin-left: 60px;
	margin-top:  16px;
}

#demoMasterSubmitBtn {
	float:  right;
	margin: 3px;
}

#demo_ssn_canadianFieldO,
#demo_ssn_canadianLabel {
	display: inline;
}

#demo_ssn_canadianFieldO .checkradios-checkbox {
	vertical-align: middle;
}

.demo-custom-field {
	width:        90%;
	margin-right: 10px;
}

.demo-custom-field > input[type=text],
.demo-custom-field > select {
	width: 90% !important;
}

a.demo-button {
	margin-top: 15px;
}

a.demo-button:last-child {
	margin-right: 10px;
}

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

.demo_school_attend_date_format {
	display:      inline;
	margin-right: 20px;
}

.demo_school_attend_date_format_read_only {
	display:      inline;
	margin-right: 5px;
	margin-left:  5px;
}

/* Demographics Table -- v9.1 */

table.demotable {
	background-color: #CFCFCF !important;
}

table.demotable tr th {
	border-top:       1px solid #909090;
	border-left:      1px solid #CFCFCF;
	border-right:     1px solid #909090;
	background-color: #aaaaaa;
	font-weight:      normal;
	text-align:       left;
	padding:          2px 3px;
	font-size:        0.9em;
}

table.demotable tr th.header {
	border-left:      none !important;
	border-right:     none;
	border-top:       none;
	background-color: #CFCFCF;
	padding:          4px 0;
	font-size:        1em;
}

table.demotable tr th.subheader {
	background-color: #DDDDDD;
	border-left:      1px solid #a0a0a0;
	border-right:     1px solid #a0a0a0;
}

table.demotable tr td {
	border-top:   1px solid #a0a0a0;
	border-left:  1px solid #dadada;
	border-right: 1px solid #c2c2c2;
	padding:      2px 3px;
}

table.demotable tr td:first-child {
	border-left: none;
}

table.demotable tr th:first-child {
	border-left: 1px solid #909090;
}

table.demotable tr td:last-child {
	border-right: none;
}

table.demotable tr:first-child td {
	border-top: none;
}

table.demotable tr td.dropPanel {
	border-top:       none;
	background-color: #EAEAEA;
	background:       -moz-linear-gradient(center top, #CFCFCF, #EAEAEA) repeat scroll 0 0 transparent;
	filter:           progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#EAEAEA');
	background:       -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#EAEAEA));
	padding:          2px 8px 8px 8px;
}

ul.demoTab {
	list-style: none;
	margin:     0;
	padding:    0;
	width:      122px;
}

ul.demoTab li:first-child {
	margin-top: 0;
}

ul.demoTab li {
	border:  1px solid gray;
	padding: 2px 4px;
	margin:  5px 5px 5px 0;
}

ul.demoTab li.current {
	border-right:     #CFCFCF;
	background-color: #CFCFCF;
	margin-right:     -6px;
}

/* Evaluations Table Descriptor Expander - added 9.2 - CS */

.preview_shrunk {
	height:   33px !important;
	overflow: hidden;
}

.preview_expanded {
	height:   100%;
	overflow: visible;
}

.expander {
	white-space:      nowrap;
	text-align:       center;
	color:            #999999;
	cursor:           pointer;
	background-color: #f0f0f0;
	border-top:       1px solid #cccccc;
	border-bottom:    1px solid #cccccc;
	margin:           -3px 0 2px 0;
	padding:          0;
	font-size:        0.7em;
}

.expander:hover {
	background: #ffffcc !important;
}

/* Request Forms - added post 9.2 JJ/UIOWA */

.requestForm {
	width:      700px;
	margin:     0 auto;
	padding:    0;
	border:     1px solid #808080;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.formField, .formHeader, .formTitle {
	clear:         left;
	display:       block;
	margin:        0;
	padding:       12px 10px 10px 10px;
	border-bottom: 1px solid #dddddd;
}

.formField:last-child {
	border-bottom: none;
}

.formHeader, .formTitle {
	background-color: #EEEEEE;
	padding-top:      12px;
}

.formHeader h1 {
	margin:      0;
	padding:     0;
	color:       #606060;
	text-shadow: 0px 1px 0px #FFFFFF;
}

.formTitle h1 {
	margin:      0;
	padding:     0;
	color:       #333333;
	text-shadow: 0px 1px 0px #FFFFFF;
	font-weight: normal;
	font-size:   1.6em;
}

.formFieldLabel {
	padding:   0 12px 0 0;
	font-size: 1.2em;
	color:     #404040;
}

.formFieldNote {
	font-size:   0.9em;
	color:       #808080;
	display:     block;
	padding-top: 6px;
	clear:       left;
}

.formFieldValue {
	font-size: 1.2em;
	color:     #000510;

}

.formFieldValue input,
.formFieldValue textarea,
.formFieldValue select {
	border:     1px solid #808080;
	margin-top: 4px;
}

.formFieldValue textarea {
	font-size: 0.95em;
	width:     98%;
	height:    90px;
	padding:   5px;
}

.formFieldTextarea {
	border:     1px solid #cccccc;
	padding:    8px;
	margin-top: 20px;
	min-height: 100px;
}

.formFieldHalt {
	background-color: #FFc1c1;
	color:            #990000;
	font-size:        1.3em;
	text-align:       center;
	padding:          24px 0;
}

.requestForm input.required,
.requestForm textarea.required,
.requestForm select.required {
	border: 1px solid #990000;

}

.required-field-error {
	color:     red;
	font-size: 0.8em;
}

form.formline {
	width:            100%;
	border:           1px solid #D8D8D8;
	background-color: #E8E8E8;
	margin:           10px 0;
	padding:          5px 0;
	border-radius:    4px;
	text-align:       right;
}

form.formline select, form.formline input {
	margin: 0 5px 0 0;
}

/* Procedures */
#AddStandardProcedure,
#AddStandardDiagnoses {
	padding:          10px;
	background:       url('/core/images/banner_color2.png') repeat;
	background-color: #125488;
	background-size:  24px 24px;
	font-size:        1em;
	color:            #ffffff;
	position:         relative;
}

#AddStandardProcedureTitle,
#AddStandardDiagnosesTitle {
	padding-top: 12px;
	font-size:   1.3em;
}

#procedure_add_link a,
#diagnosis_add_link a {
	margin-top: 10px !important;
}

#procedures_searchterms_btn {
	margin-left:      -30px;
	padding:          6px;
	background-color: #FFFFFF;
	border:           none;
}

#procedures_list,
#diagnosis_list {
	margin-top: 10px;
	max-height: 500px;
	overflow-y: auto;
}

#procedure_add_form {
	margin-top: 10px;
}

#procedures_supervisor_pane {
	width:      50%;
	min-height: 130px;
}

div.panel-heading input.checkbox-panel-heading {
	margin-top: 8px;
}

/* Task Wizards */
td.header5 {
	font-family: Arial;
	font-size:   11px;
	color:       #505050;
	background:  #e0e0e0;
	/*!*border: 1px solid #B0B0B0;*! This looked funny in a spot on the portal. -JOSH- open to discuss*/
}

.alert {
	padding: 11px 12px 8px 12px;
}

.alert-error, .alert-notice, .alert-ok, .alert-default,
.alert-error-sm, .alert-notice-sm, .alert-ok-sm, .alert-default-sm,
.alert-error-mfa, .alert-notice-mfa {
	color:         #FFFFFF;
	border:        1px solid #808080;
	border-radius: 4px;
	font-size:     1.05em;
	margin:        0 0 16px 0;
	padding:       11px 12px 8px 12px;
}

div.alert-error a, div.alert-notice a, div.alert-ok a, .alert-default a,
div.alert-error-sm a, div.alert-notice-sm a, div.alert-ok-sm a, .alert-default-sm a {
	color: white;
}

.alert-error span, .alert-notice span, .alert-ok span, .alert-default span,
.alert-error-sm span, .alert-notice-sm span, .alert-ok-sm span, .alert-default-sm span {
	font-size:      1.25em;
	padding-left:   0.8em;
	vertical-align: middle;
	width:          100%;
}

.alert-error-sm span, .alert-notice-sm span, .alert-ok-sm span, .alert-default-sm span {
	font-size: 1em;
}

.alert-error i, .alert-notice i, .alert-ok i, .alert-default i {
	font-size: 2.5em;
}

.alert-error-sm i, .alert-notice-sm i, .alert-ok-sm i, .alert-default-sm i {
	font-size: 1.25em;
}

.alert-error, .alert-error-sm {
	background-color: #880011;
	border-color:     #880011;
}

.alert-notice, .alert-notice-sm {
	background-color: #FFBA00;
	border-color:     #FFBA00;
}

.alert-ok, .alert-ok-sm {
	background-color: #5FA800;
	border-color:     #5FA800;
}

/* Multifactor authentication */
.container-alert-mfa {
	height:   auto;
	position: relative;
	margin:   15px 0;
}

.alert-error-mfa {
	display:          inline;
	background-color: white;
	border-color:     black;
	color:            black;
	padding:          5px;
	font-size:        0.8em;
}

.alert-notice-mfa {
	display:          inline;
	background-color: white;
	border-color:     black;
	color:            #880011;
	padding:          5px;
	font-size:        0.8em;
}

.alert-default, .alert-default-sm {
	background-color: #808080;
	border-color:     #808080;
}

th.header5 {
	font-family: Arial;
	font-size:   11px;
	color:       #505050;
	background:  #e0e0e0;
	border:      1px solid #B0B0B0;
}

th.header5.alert {
	font-family: Arial, sans serif;
	font-size:   13px;
}

th.header5.error {
	background-color: #FCC6C6;
	padding:          4px 2px 4px 8px;
}

th.header5.notice {
	color:            #AA7500;
	background-color: #FFFFCC;
	border-top:       2px solid #CC9900;
	border-bottom:    2px solid #CC9900;
	padding:          4px 2px 4px 8px;
}

th.header5.ok {
	color:            #004F04;
	background-color: #C8FFCB;
	border-top:       2px solid #004F04;
	border-bottom:    2px solid #004F04;
	padding:          4px 2px 4px 8px;
}

th.header5.textfield {
	font:         normal 12px Arial, SansSerif;
	border:       1px solid #666666;
	padding-left: 3px;
}

.form_row {
	clear:   both;
	padding: 8px 0 8px 0;
}

.row_dotted {
	border-bottom: 1px dotted #333333;
}

.spacer {
	height: 4px;
}

.row_underline {
	border-bottom: 1px solid #333333;
}

.form_row label {
	min-width: 125px;
	float:     left;
	display:   block;
}

.debug_window {
	position: fixed;
	bottom:   0;
	left:     0;
	width:    100%;
}

.debug_on {
	display:          none;
	width:            100%;
	max-height:       150px;
	background-color: #CCCCCC;
	box-shadow:       0px 0px 8px #777777;
	overflow:         auto;
}

/* Session Extender Pop-up */
#timeout-dialog {
	padding: 15px;
}

#timeout-countdown {
	font-weight: bold;
}

#timeout-keep-signin-btn {
	margin-top:    -10px;
	margin-bottom: 15px;
}

#timeout-keep-signin-btn:hover {
	background: #c0c0c0 !important;
}

#timeout-sign-out-button {
	display: none;
}

.timeout-dialog .ui-dialog-buttonset {
	margin:     0 auto;
	text-align: center;
	padding:    5px;
}

.timeout-dialog .ui-icon {
	display: none !important;
}

.timeout-dialog .ui-dialog-titlebar {
	background:    #990500 !important;
	padding:       4px;
	border-radius: 0;
}

.timeout-dialog .ui-widget-content, .ui-widget-header {
	border: 0 !important;
}

.timeout-dialog button {
	background: #cccccc !important;
	border:     1px solid #333333 !important;
	color:      #333333 !important;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

.ui-resizable-handle {
	display: none !important;
}

.ui-dialog-buttonset {
	text-align: center !important;
}

/* JQ UI Background Dimmer */
.ui-widget-overlay {
	opacity:          0.7 !important;
	filter:           Alpha(Opacity=50);
	background-color: #333333 !important;
	background-image: none !important;
}

.required.invalid,
.invalid {
	border-color:       #a94442;
	-webkit-box-shadow: 0 0 0 2px rgba(169, 68, 66, 1);
	-moz-box-shadow:    0 0 0 2px rgba(169, 68, 66, 1);
	box-shadow:         0 0 0 2px rgba(169, 68, 66, 1);
}

TD.top {
	font-family: Arial;
	font-size:   10px;
	color:       #ffffff;
	background:  #000000;
}

TD.header {
	font-family: Arial;
	font-size:   10px;
	background:  #aaaaaa;
}

TD.service {
	font-family: Arial;
	font-size:   12px;
	font-weight: bold;
	background:  #aaaaaa;
}

TD.resident {
	font-family: Arial;
	font-size:   12px;
	background:  #cccccc;
}

TD.data {
	font-family: Arial;
	font-size:   9px;
	background:  #ffffff;
}

TD.admin {
	background: #bbbbbb;
}

TD.title {
	font-family: Arial;
	font-size:   9pt;
}

TD.field {
	font-family: Arial;
	font-size:   10pt;
}

TD.gray1 {
	font-family: Arial;
	font-size:   10px;
	background:  #bfbfbf;
}

TD.gray2 {
	font-family: Arial;
	font-size:   12px;
	background:  #bfbfbf;
}

TD.gray3 {
	font-family: Arial;
	font-size:   10px;
	color:       #333333;
	background:  #aaaaaa;
}

TD.temp120 {
	font-family: Arial;
	font-size:   10px;
	color:       #333333;
	background:  #ffffcc;
}

TD.temp2130 {
	font-family: Arial;
	font-size:   10px;
	color:       #333333;
	background:  #EDEDBB;
}

.r_f1 {
	text-decoration: none;
	color:           black;
}

.r_f3 {
	font-size: 7pt;
	color:     #888888;
}

.r_f4, .r_f4 a {
	color: #aa0000;
}

.r_t1 {
	font-family:    Arial;
	font-size:      12px;
	background:     #cccccc;
	white-space:    nowrap;
	vertical-align: top;
	border-left:    1px solid #000000;
	border-bottom:  1px solid #000000;
}

.r_t2 {
	font-family:    Arial;
	font-size:      11px;
	background:     #ffffff;
	vertical-align: top;
	border-left:    1px solid #000000;
	border-bottom:  1px solid #000000;
}

.r_t3 {
	background:    #dfdfef;
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
}

.r_tx {
	background:    url('/core/images/null.gif');
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
}

.h_border {
	border-left:   1px solid #000000;
	border-bottom: 1px solid #000000;
}

.r_res {
	padding-left: 6px;
}

.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.parentFolderLink {
	font-weight:   bold;
	margin-bottom: 0.5em;
}

fieldset.non-selector {
	padding: 6px 5px 7px 5px;
	/*margin-left: 5px;*/
}

fieldset.non-selector.inline-checkbox {
	width:   150px;
	padding: 11px 5px 11px 5px;
	display: inline;
	float:   left;
}

fieldset.non-selector.inline-checkbox > span {
	font-size:  11px;
	margin-top: 5px;
}

a.print-version {
	color:            #acbcc4;
	border:           1px solid #acbcc4;
	background-color: #ffffff;
}

a.print-version:hover {
	color:            #ffffff;
	background-color: #cccccc;
}

.reports-container {
	width: 100%;
}

.reports-container hr {
	border-top: 1px solid #808080;
}

hr.faint {
	border-top: 1px solid #a0a0a0;
}

hr.dotted {
	border-top: 1px dashed #808080;
}

.report-column-heading {
	font-size: 1.3em;
	padding:   20px 0 0 0;
}

.report-list {
	line-height: 1.5;
}

.report-list ul {
	padding-left: 0;
}

.report-list ul li {
	list-style: none;
}

.pseudo-tab {
	cursor: default;
}

.pseudo-tab:hover {

}

.icon-submit {
	cursor: pointer;
}

/*****************
 * fluid column width *
 *****************/
.fluid-row {
	display: table;
	content: " ";
	clear:   both;
	width:   100%;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position: relative;
	float:    left;
	display:  inline;
}

.col-12 {
	width: 100%;
}

.col-11 {
	width: 91.66666667%;
}

.col-10 {
	width: 83.33333333%;
}

.col-9 {
	width: 75%;
}

.col-8 {
	width: 66.66666667%;
}

.col-7 {
	width: 58.33333333%;
}

.col-6 {
	width: 50%;
}

.col-5 {
	width: 41.66666667%;
}

.col-4 {
	width: 33.33333333%;
}

.col-3 {
	width: 25%;
}

.col-2 {
	width: 16.66666667%;
}

.col-1 {
	width: 8.33333333%;
}

.toggle-filter {
	padding: 0 5px;
}

/****************
 *    Reports   *
 ****************/
.reportLinks a {
	line-height: 1.25em;
}

.faded {
	color:     #888888;
	font-size: x-small;
}

/***********************************
 *    FontAwesome Customizations   *
 **********************************/
i.offset-down {
	padding-top: 2px;
}

i.smaller {
	font-size: 0.5em;
}

i.disabled {
	opacity: 0.2;
}

/* These few help get the unarchive stacked icon to sit right */
span.fa-sm {
	font-size: 0.5em;
	height:    1.7em;
}

i.fa-archive.fa-stack-2x {
	padding-top: 2px;
}

i.fa-arrow-circle-up.fa-stack-1x {
	font-size: 7px;
}

/* These two target any stacked fontawesome icons using an
fa-inverse class, so it still matches/blends w our buttons */
button i.fa-inverse,
a.button i.fa-inverse,
input.button i.fa-inverse,
button.inputi i.fa-inverse {
	color: #cdcdcd;
}

button:hover i.fa-inverse,
a.button:hover i.fa-inverse,
input.button:hover i.fa-inverse,
button.input:hover i.fa-inverse {
	color: #aaaaaa;
}

/****************************
 *    Form Customizations   *
 ****************************/

/*Grabbed these input styles from the 'form-control' styles from BS*/
input[type=text],
input[type=password],
	input[type=number] {height:             30px;
	width:              100%;
	padding:            6px 12px;
	margin:             3px 0 3px 0;
	color:              #555555;
	background-color:   #ffffff;
	background-image:   none;
	border:             1px solid #959595;
	border-radius:      4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:         inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition:      border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:         border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input[type=text]:focus,
input[type=password]:focus,
	input[type=number]:focus {border-color:       #66afe9;
	outline:            0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow:         inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
	input[type=number]::-moz-placeholder {color:   #999999;
	opacity: 1;
}

input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
	input[type=number]:-ms-input-placeholder {
    color: #999999;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
	input[type=number]::-webkit-input-placeholder {
    color: #999999;
}

input[type=text]::-ms-expand,
input[type=password]::-ms-expand,
	input[type=number]::-ms-expand {background-color: transparent;
	border:           0;
}

input[type=text][disabled],
input[type=text][readonly],
input[type=number][disabled],
input[type=number][readonly],
textarea[disabled],
select[disabled] {
	background-color: #e5eef3;
	opacity:          1;
	cursor:           not-allowed;
}

input[type=text].short,
	input[type=number].short {
    width: inherit;
}

textarea {
	width:              100%;
	display:            block;
	overflow:           auto;
	height:             auto;
	border-radius:      3px;
	border:             1px solid #959595;
	min-width:          400px;
	min-height:         120px;
	margin:             3px 1px;
	padding:            6px 12px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:         inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition:      border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:         border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          1em;
}

textarea:focus {
	border-color:       #66afe9;
	outline:            0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow:         inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-unit {
	padding: 7px 0 0 0;
}

/***********************
 *    Landing Screen   *
 ***********************/

#login-main {
	width:  1000px;
	margin: 0 auto;
}

#login-header {
	margin: 10px 0;
}

#login-main-box {
	border-radius: 4px;
	overflow:      hidden;
	background:    #125488 24px 24px url('/core/images/banner_color2.png') repeat;
}

#login-main-box-inner {
	min-height: 400px;
	padding:    50px 40px 20px 40px;
	font-size:  1.1em;
	color:      #ffffff;
}

#login-main-box-inner a {
	color: #FFFFFF;
}

#login-login-pod {
	float:          right;
	width:          300px;
	margin-left:    40px;
	padding-bottom: 16px;
}

#login-login-pod.password-reset {
	width: 450px;
}

#login-login-pod h1 {
	font-weight: normal;
	font-size:   2.6em;
	margin:      0 0 32px 0;
}

#login-login-pod a {
	color:       #FFFFFF;
	display:     inline-block;
}

input.login-btn:hover {
	background-color: #ffffff;
	color:            #02568a;
}

#login-login-pod span.alert-span {
	display: table-cell;
}

#login-login-pod .login-input {
	width:         100%;
	border-radius: 5px;
	display:       block;
	border:        1px solid #AAAAAA;
	padding:       10px 12px;
	font-size:     1.3em;
	height:        inherit;
}

#login-footer {
	position: relative;
}

#login-footer-logo {
	top:      10px;
	left:     0;
}

#login-footer-content {
	text-align:  center;
	display:     block;
	padding-top: 5px;
	color:       #707070;
}

#login-footer-content a {
	color: #707070;
}

.login-main-pod {
	float:  left;
	width:  175px;
	margin: 0 20px 0 0;
}

.login-main-pod strong {
	font-family: 'Roboto Slab', serif;
}

.login-main-pod a {
	text-decoration: none;
}

.login-main-pod ul {
	list-style: none;
	padding:    6px 0 0 8px;
	margin:     0;
}

.login-main-pod ul li {
	margin: 3px 0 0 0;
}

.login-main-pod div.subtitle {
	margin: 6px 0 0 0;
}

#login-custom {
	min-height: 200px;
}

#login-custom h1 {
	margin:      0;
	padding:     0;
	font-weight: normal;
	font-family: 'Roboto Slab', serif;
	font-size:   1.2em;
	line-height: 1.2em;
}

#login-doctors {
	position: fixed;
	bottom:   23px;
	right:    -50px;
	display:  none;
}

a span.no-line {
	text-decoration: none;
	display:         inline-block;
}

.outlookLogo:before {
	font-family: SPO365;
	font-size:   inherit;
	content:     "\e062";
}

span.sync-icons {
	/* outlook icon plays havoc with relative font sizes */
	font-size: 15px;
}

.well {
	min-height:       20px;
	padding:          10px;
	margin-bottom:    20px;
	background-color: #f4f4f4;
	border:           2px solid #e3e3e3;
	border-radius:    3px;
	/* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); */
	/* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); */
}

#loading-spinner {
	position:         fixed;
	left:             0;
	top:              30%;
	width:            100%;
	height:           100%;
	z-index:          9999;
	background-color: rgba(255, 255, 255, 0.7);
}

#loading-spinner i {
	position: fixed;
	left:     50%;
	top:      40%;
}

div.iframe-container {
	height:   100%;
	width:    100%;
	overflow: hidden;
}

iframe.iframe {
	width:  100%;
	border: none;
}

.portfolio-edit-file-click {
	cursor: pointer;
}

.inline-print-icon {
	font-size:  1.5em;
	margin-top: 3px;
}

div.well span.inline-print-icon { /* litte different spacing when in a well */
	margin-top: 0;
}

/*
* Align checkboxes in a grid without modulus or division
*
* @see http://stackoverflow.com/q/14690621/1440617
*/
ul.checkbox-grid {
	padding-left: 0;
}

.checkbox-grid li {
	display: inline-block;
	width:   32% /* may need to adjust this here, or perhaps inline for different column widths */
}

/* File Upload Chooser */
.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position:   absolute;
	top:        0;
	right:      0;
	min-width:  100%;
	min-height: 100%;
	font-size:  100px;
	text-align: right;
	filter:     alpha(opacity=0);
	opacity:    0;
	outline:    none;
	background: white;
	cursor:     inherit;
	display:    block;
}

span.notice {
	background-color: #ffffcc;
	display:          block;
	font-size:        .8em;
	padding:          2px;
}

/* Resident Portfolio CV Styling */
.cv-section {
	margin-bottom: 30px;
}

.cv-section-title {
	background-color: #dcdcdc;
	padding:          14px 4px;
	border-radius:    3px 3px 0 0;
	margin-bottom:    -17px;
	border-color:     transparent;
}

.auto-cv-section {
	margin-top: 15px;
}

.cv-section-content textarea {
	border-radius: 0 0 3px 3px;
	border-color:  #dcdcdc;
	position:      relative;
	right:         1px;
}

.cv-section-content textarea:focus {
	border-color: #66afe9;
}

.cv-section-title input {
	margin-bottom: 14px;
}

.cv-section-title a {
	text-decoration: none;
}

.cv-section-title label.check-radio {
	margin-bottom: 6px;
}

span.cv-print-title {
	font-family: Arial, Helvetica, Sans Serif;
	font-size:   20px;
	font-weight: bold;
}

.bounding-box {
	border:           solid 1px #aaaaaa;
	background-color: #F4F4F4;
	margin-top:       4px;
	padding:          6px;
}

/******
 * Additional styling for the portal pages
 ******/
.mhPortalMessageContainer {
	margin-top: 10px;
}

.mhPortalMessageRow {
	margin: 6px 0 6px 0;
}

div.announce-me {
	background-color: #FFF6CE !important;
	border-top:       solid 5px #FFE269 !important;
	color:            #000000;
	font-weight:      bold !important;
}

.high-priority-link,
.high-priority {
	color: #bb0000;
}

table.datatable tr th.thead-colspan, div.thead-colspan, .permabar-top div div.thead-colspan {
	background-color: #dcdcdc;
	color:            #333333;
}

table.datatable tr th.portal-thead {
	padding: 4px;
}

ul.portal-resources {
	list-style: none;
}

ul.portal-resources li hr {
	margin: 10px 0 10px 0;
}

/*use like <span class="badge">25</span>*/
.badge {
	display:          inline-block;
	min-width:        10px;
	padding:          3px 7px;
	font-size:        12px;
	font-weight:      bold;
	line-height:      1;
	color:            #ffffff;
	text-align:       center;
	white-space:      nowrap;
	vertical-align:   middle;
	background-color: #777777;
	border-radius:    10px;
}

.badge.small {
	font-size:   xx-small;
	font-family: sans-serif !important;
}

.badge.high-priority {
	background-color: #bb0000;
}

.badge.success {
	background-color: #5fa800;
	color:            #ffffff !important;
}

.badge:empty {
	display: none;
}

hr.skinny {
	margin: 10px 0 10px 0;
}

/* Help Resource Type Icons */
.help-circle {
	display:      inline-block;
	font-weight:  bold;
	font-family:  Arial, Helvetica, sans-serif;
	text-align:   center;
	border:       2px solid;
	margin-right: .5em;
}

.help-circle-sm {
	width:         30px;
	height:        30px;
	border-radius: 30px;
	font-size:     9px;
	line-height:   26px;
	padding:       0px 0px !important;
}

.help-circle-med {
	width:         36px;
	height:        36px;
	border-radius: 36px;
	font-size:     15px;
	line-height:   32px;
}

.help-circle-red {
	color:        #eb8c00;
	border-color: #eb8c00;
}

.help-circle-blue {
	color:        #829BAE;
	border-color: #829BAE;
}

.help-circle-green {
	color:        #8ec127;
	border-color: #8ec127;
}

/* General Help Stuff */
.help-type-key {
	padding-left: 0;
	padding-top:  1em;
	border-top:   1px solid #dcdcdc;
}

.help-type-key li {
	float:           left;
	margin-right:    3em;
	list-style-type: none;
}

ul.help-resources-recent {
	padding-left: 0;
}

ul.help-resources-recent li {
	clear:           both;
	list-style-type: none;
}

ul.help-resources-recent li div {
	float:     left;
	clear:     none;
	min-width: 2.5em;
}

ul.help-resources-recent li div {
	max-width: 25em;
}

ul.link-list {
	padding-left: 0;
}

ul.link-list li {
	line-height:     2em;
	list-style-type: none;
}

ul.link-list li a:not(.button):not(.btn):not(.subNavLink) {
	color:                #666666;
	font-family:          'Roboto-Regular', 'Roboto', sans-serif;
	font-weight:          400;
	font-style:           normal;
	font-size:            1.1em;
	text-align:           left;
	text-decoration-line: none;
}

ul.link-list li a:hover:not(.button):not(.btn):not(.subNavLink) {
	text-decoration: underline;
}

p.help-full-history-link {
	clear: both;
}

#pane_body > ul.help-resources-recent li div {
	max-width: 54.5em;
}

#pane_resources_new div div img {
	border:        1px solid #aaaaaa;
	border-radius: 2px;
}

#pane_resources_new div div h3 {
	padding-top: 0;
}

.help-search-result-title {
	clear:         both;
	display:       inline-block;
	width:         100%;
	padding:       1em 0;
	border-bottom: 1px solid #dcdcdc;
}

/* Schedules */
#rotation_selector {
	width:       100%;
	padding-top: 2em;
}

#rotation_selector > div {
	float: left;
	clear: none;
}

#rotation_selector > div.pull-right {
	margin-top: 1em;
}

#rotation_selector > div.pull-right a {
	margin-right: 1em;
	font-size:    20px;
}

#rotation_selector > div.pull-right a.help {
	width:  22px;
	height: 22px;
}

.rotationtable.datatable th:not(.rotation-ajax),
.rotationtable.datatable td:not(.rotation-ajax) {
	min-width:   175px;
	border:      1px solid #e7ebee;
	white-space: nowrap;
}

/* we do want word-wrap here, otherwise vaycay listings can get too long */
.rotationtable.datatable td.rotation-info {
	white-space: normal !important;
}

table.calendarTable tr td,
.rotationtable tbody td {
	border: 1px solid #aaaaaa !important;
}

.rotationtable thead th.thead-colspan a {
	color: #333333;
}

@media print {
	.rotationtable.datatable th,
	.rotationtable.datatable td {
		min-width: 0px;
	}

	div.mhSectionHeader {
		display: block;
		top: 15%;
		position: absolute;
	}

	a[href]:after, a.toggle:not(.toggleOn), #mhTopToolbar, #mhHeaderBannerLeft a[href]:after,
	#mhHeaderNavigation, #mhSubHeaderOuter, .mhSubTabs, #mhFooter, .button, form.accred_nav {
		content: none !important;
		display: none !important;
	}

	div.row:last-child div div.key_value_long div:not(.training_history_comments) {
		display: none !important;
	}

	div.training_history_comments {
		display: block !important;
	}
	.no-print, .no-print * {
		display: none !important;
	}
}

.rotationtable.datatable td table tr td {
	min-width: 15px;
}

.rotationtable tbody td:not(.name) a:not(.button),
.permabar-side div div:not(.name) a {
	color: #0059aa;
}

.rotationtable.narrowcol.datatable th,
.rotationtable.narrowcol.datatable td {
	min-width: 75px;
}

.rotationtable.datatable thead th {
	text-align: center;
}

.rotationtable.datatable thead tr th:first-child,
.rotationtable.datatable thead tr th:last-child {
	text-align: left;
}

.rotationtable.datatable tbody tr td {
	background-color: #ffffff;
}

.permabar-side div div.name,
.rotationtable.datatable tbody tr td.name {
	background-color: #f4f4f4;
}

.rotationtable.datatable td {
	vertical-align: top;
}

.permabar-side div div .edit,
.rotationtable.datatable td .edit {
	float: right;
}

.rotationtable.datatable td .edit i.fa-search,
.rotationtable.datatable td .edit i.fa-pencil {
	padding:       3px;
	border-radius: 2px;
}

.rotationtable.datatable td .edit i.fa-search {
	padding-left: 3px;
}

.rotationtable.datatable td .edit i.fa-search:hover,
.rotationtable.datatable td .edit i.fa-pencil:hover {
	background-color: #DCDCDC;
}

.rotationtable.datatable td .edit i.fa-search,
.rotationtable.datatable td .edit i.fa-pencil {
	padding:       3px;
	border-radius: 2px;
}

.rotationtable.datatable td .edit i.fa-search {
	padding-left: 3px;
}

.rotationtable.datatable td .edit i.fa-search:hover,
.rotationtable.datatable td .edit i.fa-pencil:hover {
	background-color: #DCDCDC;
}

.rotationtable.datatable td hr {
	border-top-color: #000000;
}

.rotationtable tbody td.absent {
	background-color: #cccccc;
}

.rotationtable tbody td.inactive {
	background-color: #999999;
	background:       repeating-linear-gradient(
							  45deg,
							  #cccccc,
							  #cccccc 3px,
							  #ffffff 3px,
							  #ffffff 6px);
}

dl.rotations-key div {
	margin-bottom: .5em;
}

dl.rotations-key div dt {
	font-weight: bold;
}

dl.rotations-key div dd {
	margin-left: 0;
}

/* Print version of rotation schedule */
@media print {
	.calendarTable .r_t2 {
		font-size: 130% !important;
	}
}

ul.schedule-key {
	padding-left: 30px;
}

ul.schedule-key li {
	list-style-type: none;
}

ul.schedule-key li img {
	margin-right: .5em;
}

/*td.calendarDay {*/
/*background-color: #fff;*/
/*}*/

/*********************
 *  Portal Calendar  * //pulled this in from the old style_standard.css
 ********************/
td.white1 {
	font-family: Arial;
	font-size:   10px;
	background:  #ffffff;
}

td.white2 {
	font-family: Arial;
	font-size:   9pt;
	background:  #ffffff;
}

td.title {
	font-family: Arial;
	font-size:   9pt;
}

td.days {
	font-family: Arial;
	font-size:   8px;
	background:  #bfbfbf;
}

td.dayoff {
	font-family: Arial;
	font-size:   9px;
	background:  #ffffff;
}

td.oncall,
td.oncall div {
	font-family: Arial;
	font-size:   9px;
	background:  #ccddf0;
}

td.loa {
	font-family: Arial;
	font-size:   9px;
	background:  #dfdfdf;
}

TD.offsite {
	font-family: Arial;
	font-size:   9px;
	background:  #ffffcc;
}

TD.dayon {
	font-family: Arial;
	font-size:   9px;
	background:  #FFD05F;
}

TD.alert1 {
	font-family: Arial;
	font-size:   10px;
	background:  #ffffff;
}

TD.text {
	font-family: Arial;
	font-size:   12px;
}

TD.text1 {
	font-family: Arial;
	font-size:   11px;
}

/*TD.header {*/
/*font-family: Arial;*/
/*font-size: 10px;*/
/*}*/

TD.header2 {
	font-family: Arial;
	font-size:   10px;
	background:  #cfcfcf;
}

TD.header3 {
	font-family: Arial;
	font-size:   10px;
	background:  #bbbbbb;
}

TD.header4 {
	font-family: Arial;
	font-size:   10px;
	background:  #eeeeee;
}

TD.cal_standard {
	font-family: Arial;
	font-size:   10px;
}

TD.cal_days {
	font-family: Arial;
	font-size:   8px;
	background:  #bfbfbf;
}

TR.highlight {
	background-color: #FFFFCC;
}

TR.normal {
	background-color: #FFFFFF;
}

/***************************************
 *  Override some jQ ui modal styling  *
****************************************/
.ui-widget {
	font-family: "Roboto Slab", sans-serif !important;
	font-size:   1em !important;
}

.ui-widget-header {
	background-color: #aaaaaa !important;
}

.ui-corner-all {
	border-radius: 0 !important;
}

button.ui-state-default {
	border-radius:    4px !important;
	font-weight:      bold !important;
	background-color: #aaaaaa !important;
	border-color:     #aaaaaa !important;
	color:            #ffffff !important;
}

button.ui-state-default:hover {

	color:            #333333 !important;
	border-color:     #dcdcdc !important;
	background-color: #dcdcdc !important;
}

button.ui-state-default:focus {
	outline:      none !important;
	border-color: #aaaaaa !important;
}

button.ui-state-active {
	outline: none !important;
}

.ui-widget-header,
.ui-widget-header .ui-icon span:not(.ui-icon-circle-triangle-e),
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,
.ui-state-default .ui-icon {
	background-image: none !important;
}

.right-align-numbers {
	direction:  rtl;
	text-align: start;
}

.grey-header {
	padding:          10px 12px;
	position:         relative;
	font-family:      "Roboto Slab", Serif;
	color:            #FFFFFF;
	font-size:        1.2em;
	background-color: #aaaaaa;
	border-top:       solid 5px #125488;
}

.grey-header a {
	color:           #FFFFFF;
	text-decoration: none;
}

/************************************
 * Trainee Job Descriptions Styling *
 ************************************/
.cell_abnormal_yes {
	border:           1px solid #000080;
	font-size:        11px;
	color:            #000080;
	background-color: #CCCCE6;
}

.cell_abnormal_no {
	border:           1px solid #4C4C1F;
	font-size:        11px;
	color:            #4C4C1F;
	background-color: #FFFFB2;
}

.cell_inactive {
	border:           1px solid #CCCCCC;
	font-size:        11px;
	color:            #AAAAAA;
	background-color: #E8E8E8;
}

.cell_yes {
	border:           1px solid #00BB00;
	font-size:        11px;
	color:            #00BB00;
	background-color: #DDFFDD;
}

.cell_no {
	border:           1px solid #BB0000;
	font-size:        11px;
	color:            #BB0000;
	background-color: #FFDDDD;
}

.cell_abnormal_yes a {
	color: #000080;
}

.cell_abnormal_no a {
	color: #4C4C1F;
}

.cell_inactive a {
	color: #AAAAAA;
}

.cell_yes a {
	color: #00BB00;
}

.cell_no a {
	color: #BB0000;
}

#login-header {
	position: relative;
}

#login-header span.test-overlay,
#mhHeader span.test-overlay {
	position:    absolute;
	top:         30px;
	left:        14px;
	color:       red;
	font-size:   28px;
	font-family: "Roboto", Arial, sans-serif;
	font-weight: bold;
	z-index:     101;
	opacity:     0.7;
	text-shadow: 1px 1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 1px 0 0 #FFFFFF, 2px 2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 0 2px 0 #FFFFFF, 0 -2px 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 0 0 #FFFFFF, 1px 2px 0 #FFFFFF, -1px 2px 0 #FFFFFF, 1px -2px 0 #FFFFFF, -1px -2px 0 #FFFFFF, 2px 1px 0 #FFFFFF, -2px 1px 0 #FFFFFF, 2px -1px 0 #FFFFFF, -2px -1px 0 #FFFFFF;
}

#login-header img {
	z-index: 5;
}

/*
 * Little trick to center things vertically without tables
 * @url https://css-tricks.com/centering-in-the-unknown/
 *
 * (kinda works)
*/
.ghost {
	text-align:  center;
	white-space: normal;
	height:      100%;
}

.ghost:before {
	content:        '';
	display:        inline-block;
	height:         100%;
	vertical-align: middle;
	margin-right:   -0.25em;
}

.center-vertical {
	display:        inline-block;
	vertical-align: middle;
}

.ellipsis {
	text-overflow: ellipsis;

	/* Required for text-overflow to do anything */
	white-space:   nowrap;
	overflow:      hidden;
}

/**
 * Student Managed Enrollment
 */
.popover {
	white-space: pre-wrap;
	max-width:   600px;
}

.warning-popover {
	cursor: pointer;
}

table.datatable td.history,
table.datatable tr:nth-child(odd) td.history {
	background-color: #7f7f7f;
}

table.datatable td.current,
table.datatable tr:nth-child(odd) td.current {
	background-color: #87d289;
}

table.datatable td.future,
table.datatable tr:nth-child(odd) td.future {
	background-color: #08528c;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
	border-top: 0;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom:  2px solid #dddddd;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding:        8px;
	line-height:    1.42857143;
	vertical-align: top;
	border-top:     1px solid #dddddd;
}

table.datatable tr th.label-key {
	padding: 4px;
}

.inline-headings h1,
.inline-headings h2,
.inline-headings h3,
.inline-headings h4,
.inline-headings h5,
.inline-headings a {
	display:        inline-block;
	vertical-align: baseline;
}

table.epo-search-results {
	table-layout: fixed;
}

table.epo-search-results tr {
	cursor: pointer;
}

td.epo-search-cell > div.collapsed {
	width:      100%;
	max-height: 60px;
	overflow:   hidden;
}

td.epo-search-cell > div {
	max-height: 100%;
	overflow:   visible;
}

td.epo-search-cell > div ul {
	padding-left: 0;
	margin-top:   0;
}

td.epo-search-cell > div.collapsed li {
	text-overflow:       ellipsis;
	list-style-position: inside;
	white-space:         nowrap;
	overflow:            hidden;
}

td.epo-search-cell {
	height: auto;
}

a.highlight,
span.highlight {
	background-color: #fffebb;
	box-shadow:       0 0 0 4px #fffebb
}

.pull-down-padding { /* line up other multi-selects with one with a pull-down above it (think report options) */
	padding-top: 20px;
}

.alert-no-line {
	text-decoration: none;
}

.inactive {
	color: #808080;
}

/**
 This doesn't have the positioning issue that the previous class does,
 and doesn't require using .to-string-for-datepicker.
 It is only implemented if you use MHDateInput
 */
.mh-form-element > .ui-datepicker-trigger {
	font-size:      20px;
	padding:        0;
	margin:         0;
	margin-left:    -26px;
	margin-right:   8px;
	vertical-align: middle;
	margin-top:     -2px;
	position:       inherit;
}

.mh-form-element-inline {
	display: inline-block;
}

/* Padding utility classes for quick spacing needs */
.sm-padding {
	padding: 0.5em;
}

.sm-padding-x {
	padding: 0 0.5em;
}

.sm-padding-l {
	padding-left: 0.5em;
}

.sm-padding-r {
	padding-right: 0.5em;
}

.sm-padding-y {
	padding: 0.5em 0;
}

.sm-padding-t {
	padding-top: 0.5em;
}

.sm-padding-b {
	padding-bottom: 0.5em;
}

.md-padding {
	padding: 1em;
}

.md-padding-x {
	padding: 0 1em;
}

.md-padding-l {
	padding-left: 1em;
}

.md-padding-r {
	padding-right: 1em;
}

.md-padding-y {
	padding: 1em 0;
}

.md-padding-t {
	padding-top: 1em;
}

.md-padding-b {
	padding-bottom: 1em;
}

.lg-padding {
	padding: 2em;
}

.lg-padding-x {
	padding: 0 2em;
}

.lg-padding-l {
	padding-left: 2em;
}

.lg-padding-r {
	padding-right: 2em;
}

.lg-padding-y {
	padding: 2em 0;
}

.lg-padding-t {
	padding-top: 2em;
}

.lg-padding-b {
	padding-bottom: 2em;
}

/* Margin classes for quick spacing needs */
.sm-margin {
	margin: 0.5em;
}

.sm-margin-x {
	margin: 0 0.5em;
}

.sm-margin-l {
	margin-left: 0.5em;
}

.sm-margin-r {
	margin-right: 0.5em;
}

.sm-margin-y {
	margin: 0.5em 0;
}

.sm-margin-t {
	margin-top: 0.5em;
}

.sm-margin-b {
	margin-bottom: 0.5em;
}

.md-margin {
	margin: 1em;
}

.md-margin-x {
	margin: 0 1em;
}

.md-margin-l {
	margin-left: 1em;
}

.md-margin-r {
	margin-right: 1em;
}

.md-margin-y {
	margin: 1em 0;
}

.md-margin-t {
	margin-top: 1em;
}

.md-margin-b {
	margin-bottom: 1em;
}

.lg-margin {
	margin: 2em;
}

.lg-margin-x {
	margin: 0 2em;
}

.lg-margin-l {
	margin-left: 2em;
}

.lg-margin-r {
	margin-right: 2em;
}

.lg-margin-y {
	margin: 2em 0;
}

.lg-margin-t {
	margin-top: 2em;
}

.lg-margin-b {
	margin-bottom: 2em;
}

/* vertical - both sides */
.border-v {
    border-left:  1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.border-l {
    border-left: 1px solid #cccccc;
}

.border-r {
    border-right: 1px solid #cccccc;
}

/* horizontal - top and bottom*/
.border-h {
    border-top:    1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.border-t {
    border-top: 1px solid #cccccc;
}

.border-b {
    border-bottom: 1px solid #cccccc;
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.overflow-visible {
	overflow: visible
}

.overflow-scroll {
	overflow: scroll
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-y-hidden {
	overflow-y: hidden
}

.overflow-x-visible {
	overflow-x: visible
}

.overflow-y-visible {
	overflow-y: visible
}

.overflow-x-scroll {
	overflow-x: scroll
}

.overflow-y-scroll {
	overflow-y: scroll
}

.sm-font {
    font-size: 1em;
}

.md-font {
    font-size:   1.25em;
    line-height: 1.15em;
}

.lg-font {
    font-size:   1.5em;
    line-height: 1.25em;
}

div#conflict-alert h3 {
	padding-top: 0;
}

div.conflict-item {
	padding-bottom: 20px;
}

div.conflict-item:last-of-type {
	margin-bottom: -20px;
}

tr.orderable:hover {
	cursor: grab;
}

span.saved-notice {
	border:           2px solid #8ec127;
	border-radius:    4px;
	margin-left:      14px;
	padding:          7px;
	color:            #8ec127;
	background-color: #ffffff;
}

i.fa.rotate {
	transition: all .2s;
}

i.fa.rotate.down {
	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
	transition:        all .2s;
}

tr[class*='childOf-'] td {
	/*background-color: #eeeeee !important;*/
}

tr[class*='childOf-'] td:first-child {
	/*border-left: 2px solid #808080;*/
	padding-left: 2em;
}

#tooltipNew {
	z-index: 9999 !important;
}

button.list-group-item {
	background-color: #ffffff;
}

a.list-group-item {
	background-color: #ffffff;
	text-decoration:  none;
}

.email-test-entry {
	font-size: 1rem;
}

.frozen-table {
	position:    relative;
	overflow:    auto;
	white-space: nowrap;
}

.frozen-column {
	position:         sticky;
	position:         -webkit-sticky;
	background-color: white;
}

.header-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9
}

.border-right-white {
	border-right: 4px solid #ffffff;
}

/*DataTables overrides*/
table.dataTable thead tr th {
	background:    #AAAAAA;
	color:         #FFFFFF;
	font-weight:   400 !important;
	padding:       11px 9px;
	border-bottom: none;
	text-shadow:   none;
	text-align:    left;
	white-space:   nowrap;
}

table.dataTable tr td {
	background-color: #f4f4f4;
	padding:          11px 9px;
}

table.dataTable tr:nth-child(odd) td {
	background-color: #FAFAFA;
}

/* DataTables Filtering */
.dataTables_filter {
	text-align: left !important;
}
.dataTables_filter input[type=search] {
	height: 30px;
	width: 100%;
	padding: 6px 12px;
	margin: 3px 0 3px 0;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #959595;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-sizing: border-box;
}
.dataTables_filter input[type=search]:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* Datatables loading overlay */
div.loading-overlay {
	background: rgba(0, 0, 0, 0.35);
	position:   fixed;
	width:      100%;
	height:     100%;
	left:       0;
	top:        0;
	z-index:    10;
}

div.loading-overlay > div.processing-box {
	border-radius:    4px;
	width:            140px;
	height:           50px;
	margin-left:      -70px; /* half width */
	margin-top:       -25px; /* half height  */
	position:         fixed;
	left:             50%;
	top:              50%;
	box-shadow:       0 0 5px #000000;
	z-index:          11;
	background-color: #ffffff;
	color:            #000000;
}

.loader-label {
	padding-left: 16px;
	padding-right: 8px;
}

.processing-box > div {
	margin-top: 18px;
}

/** Confirmation Modal */
.modal.mh-modal .modal-content {
	border-radius: 0;
	border:        none;
}

.modal.mh-modal .modal-header {
	background-color: #03568A;
	color:            #ffffff;
	border-bottom:    none;
}

.modal.mh-modal .modal-footer {
	border-top: none;
	text-align: justify-all;
}

#confirm-cancel {
	float: left;
}

#confirm-okay {
	float: right;
}
.custom-tools input,
.custom-tools label,
.custom-tools select {
	margin-left: 4px;
}

.select-toggles {
	margin-top: 34px;
}

.button.button-link {
	border:           none;
	background-color: #ffffff;
	padding:          0;
	text-decoration:  underline;
}

.button.button-link:hover {
	color: #2a2a2a;
}

.button-tiny {
	padding:       2px;
	border-radius: 2px;
}

div.has-error,
div.has-error div > input,
input.has-error,
textarea.has-error,
select.has-error {
	border-color: #a94442;
}

span.has-error,
div.has-error div > label {
	font-weight: bold;
	color:       #a94442;
}

div.form-section-separator {
	border-top: 1px dashed #808080;
}

form label.required:after {
	color:   #ff0000;
	content: " *";
}
.select2-search__field {
	background:            url('/core/images/icon_zoom.gif');
	background-repeat:     no-repeat;
	background-position-x: 5px;
	background-position-y: 5px;
	padding-left: 24px !important;
}

[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}

#table-filters span.select2-container {
	min-width: 65px !important;
}

table.datatable.post-test-result-table {
	margin-bottom: 20px;
}

.strong {
	font-weight: bold;
}

div.dataTables_wrapper #table-info {
	margin-bottom: 10px;
	display:     inline-block;
}

td.collapsable {
	cursor: pointer;
}

/* Override dataTable's zebra striping when grouping rows */
table.dataTable tr:nth-child(odd).table-rows-border-top td,
table.dataTable tr:nth-child(even).table-rows-border-top td,
table.dataTable tr:nth-child(odd).table-rows-border-bottom td,
table.dataTable tr:nth-child(even).table-rows-border-bottom td,
table.dataTable tr:nth-child(odd).table-rows-border-sides td,
table.dataTable tr:nth-child(even).table-rows-border-sides td {
	background-color: #F0F2F4;
}

tr.table-rows-border-top td {
	border-top: 2px solid #a2a2a2;
}

tr.table-rows-border-bottom td {
	border-bottom: 2px solid #a2a2a2;
}

tr.table-rows-border-sides td:first-child {
	border-left: 2px solid #a2a2a2;
}

tr.table-rows-border-sides td:last-child {
	border-right: 2px solid #a2a2a2;
}

table.datatable tr td table.epo-table tbody tr td {
	vertical-align: top;
	padding-bottom: 0;
	padding-left:   0;
	padding-right:  0.5em;
	padding-top:    0;
}

table.dataTable tr:nth-child(odd) table.epo-table td {
	background-color: #fafafa;
}

table.dataTable tr:nth-child(even) table.epo-table td {
	background-color: #f4f4f4;
}

div.form-unit label {
	display:     inline-block;
	font-weight: bold;
	margin-top:  9px;
}

table.dataTable thead tr th.align-right,
table.dataTable tbody tr td.align-right {
	text-align: right;
}

table.w-50 {
	max-width: 50%;
}

.clerkship-selector-department {
	background: #999999;
	color: #f0f0f0;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.clerkship-selector-parent {
	background: #f0f0f0;
	color:      #666666 !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	font-weight: bold;
}

.clerkship-selector-department-inactive {
	color: #d0d0d0 !important;
}

.clerkship-selector-parent-inactive {
	color: #999 !important;
}

.clerkship-selector-clerkship {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.clerkship-selector-core {
	font-weight: bold;
}

.clerkship-selector-ident-1 {
	padding-left: 1em !important;
}

.clerkship-selector-ident-2 {
	padding-left: 2em !important;
}

.clerkship-selector-ident-3 {
	padding-left: 3em !important;
}

/*New css for normal cb but checkradio lookalike*/

input[type=checkbox]:focus {
	outline: 0px solid rgba(0, 0, 0, 0.2);
}

td input[type=checkbox] {
	top:                0;
	margin:             0 2px;
	vertical-align:     middle;
}

input[type=checkbox] {
	background-color:   #ffffff;
	border:             1px solid #959595;
	border-radius:      3px;
	appearance:         none;
	-webkit-appearance: none;
	-moz-appearance:    none;
	width:              24px;
	height:             24px;
	cursor:             pointer;
	position:           relative;
	top:                5px;
}

input[type=checkbox]:checked {
	background:   #5fa800;
	border-color: #5fa800;
}

input[type=checkbox]:checked::before {
	content:         "\f00c";
	font-family:     'FontAwesome';
	font-size:       16px;
	color:           #ffffff;
	position:        absolute;
	display:         flex;
	align-items:     center;
	justify-content: center;
	height:          100%;
	width:           100%;
}

input[type=checkbox]:disabled {
	border: 1px solid #cccccc;
}

input[type=checkbox]:checked:disabled {
	background-color: #d8d8d8;
}

/* Print version of radio buttons */

@media print {
	.print-radios:checked {
		box-shadow: 0 0 0 5px #5fa800!important;
	}
}

input[type=radio] {
	appearance: none;
	font-size: 16px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #959595;
	border-radius: 50%;
	color: #333;
	width: 1em;
	height: 1em;
	cursor: pointer;
	padding: 0.2em;
	margin: 2px 2px 2px 0px;
	box-sizing: content-box;
	overflow: hidden;
	opacity: 100 !important;
}

input[type=radio]:focus {
	outline: 0px solid rgba(0, 0, 0, 0.2);
}

input[type=radio]:checked {
	background: #FFF;
	border: #5fa800;
	box-shadow: 0 0 0 5px #5fa800;
	height: 0.5em;
	margin: 7px 7px 7px 5px;
	width: 0.5em;
}

input[type=radio]:disabled {
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: 0 0 0 1px #EEE;
	pointer-events: none;
}

input[type=radio]:checked:disabled {
	background: #EEE;
	box-shadow: 0 0 0 4px #d8d8d8;
	height: 0.5em;
	margin: 6px 6px 6px 4px;
	width: 0.5em;
}

.ui-menu .ui-menu-item a {
	display:     block;
	line-height: 1.5;
}
.compliance-checklist {
	padding-left: 29px;
	width: 34%;
	padding-top: 10px;
}
.compliance-checklist-p {
	text-align: justify;
	text-justify: inter-word;
}
.focus-field:focus-within .display-message {
	display: block;
	color: gray;
}
/* Used in Ensighten privacy modal whose css html/styling is added dynamically to the page through js
 * so you will not see any hard coded usages of ensToggleLabel in MedHub code directly
 * however due to other MedHub styling on labels we need to overwrite/fix the ensToggleLabel
 */
.ensToggleLabel {
	display: inline;
}

.DTE_Field_Info {
	font-weight: normal;
}

#programID {
	padding: 10px !important;
}


.select2-results__option > .institution-option, .department-option, .program-option {
	padding-left: 10px;
}

.padding-block-10 {
	padding-block: 10px;
}

.padding-left-135 {
	padding-left: 135px;
}

.white-space-pre-line{
	white-space: pre-line;
}


.mw-400 {
	max-width: 400px;
}

.break-word {
	word-wrap: break-word;
}

.pantone-dark-blue {
	color: #1b3950;
}

.amion-cloud-icon {
	color: #91bc54;
}
.paleBlue {
	background-color: #dceaf7 !important;
}

.mt-5 {
	margin-top: 5rem !important;
}


/* Removed default Bootstrap table bottom border */

.table>:not(caption)>*>*{
	border-bottom: none !important;
}

/* Bootstrap 5.3: Prevent white box corners on modal */

.modal-content {
	border-radius: 0.5rem !important;
	overflow:      hidden !important;
}

/* Fix for toast notification wrapping issue after Bootstrap upgrade */

[data-notify="container"] {
	width: 30% !important;
}

input[type="checkbox"]:focus, div.checkradios-checkbox.focus {
	outline: 2px solid #007BFF;
	outline-offset: 2px; 
}