:root {
	--primary: #304f85;
	--primary_lighter: #0f75bc;
	--primary_darker: #233b63;
	--secondary: #E5A72E;
	--secondary_lighter: #E5A72E;
	--secondary_darker: #E5A72E;
	--tertiary: #0f74ba;;
	--tertiary_lighter: #0f74ba;
	--tertiary_darker: #0f74ba;
	--red: #bb662f;
	--black: #000000;
	--white: #FFFFFF;
	/* var(--blue) */
	--h1: var(--secondary);
	--h2: var(--secondary);
	--h3: var(--tertiary);
	--h4: var(--secondary);
	--caption: var(--primary);
	--page_text_color: #282828;
	--page_text_color_alt: #ececec;
	--header_text_color: #000000;
	--agenda_noteable_color: var(--primary);
	--url: var(--primary_lighter);
	--url_hover: var(--primary);
}

html {
	scrollbar-gutter: stable;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	color: var(--h1);
	font-size: 24px;
	border-bottom: 1px solid #1B5796;
}

h2, caption {
	color: var(--h2);
	font-size: 18px;
}

h3 {
	color: var(--h3);
	font-size: 14px;
}

caption {
	color: var(--h3);
}

td div {
	vertical-align: middle;
}

td {
	padding: 5px;
}

input, select {
	padding: 4px;
	border-radius: 3px;
}

input[type="password" i] {
	margin-right: 5px;
}

textarea:focus, input:focus {
    outline: none;
}

.separator td {
    height: 1px !important;
    background-color: #c6c6c6 !important;
    padding: 0 !important;
}

label {
	font-weight: bold;
}

#login {
	font-weight: bold;
}

.noteable {
	font-weight: normal !important;
	color: var(--agenda_noteable_color);
}

.clear {
	clear: both
}

.hidden {
	display: none !important;
}

.visible {
	display: '';
}

/* Banners
--------------------------------------------------*/
.banner {
	color: #FFFFFF;
	/* background: var(--banner_bgcolor); */
	padding: 8px;
	margin-top: 0;
}

#banner a {
	color: #FFFFFF;
}

#banner_req_group {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

#banner_req {
	color: var(--white);
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}

#banner_req i {
	color: var(--white);
	font-size: large;
	margin-right: 10px;
}

/* Welcome
--------------------------------------------------*/

#dates_table, .agenda_table {
	/* border-spacing: 2px !important; */
}

#dates_table th, #location_table th, .agenda_table th {
	border-radius: 3px 3px 0 0;
	height: 30px !important;
	padding: 0 !important;
	font-size: 14px !important;
}

#dates_table > tbody > tr:last-child td {
	border-radius: 0 0 3px 3px;
}

.ui-datepicker .ui-datepicker-header {
	border-radius: 3px 3px 0 0;
	height: 30px !important;
	padding: 0 !important;
}

.ui-datepicker .ui-datepicker-title, #location_table th, .agenda_table th {
	font-size: 14px !important;
    line-height: 30px !important;
}

.ui-datepicker * {
	font-size: unset !important;
	color: #000000;
}

.ui-widget {
	font: unset !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	padding-right: 4px !important;
	margin: 1px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	height: 25px !important;
}

/* Tables
--------------------------------------------------*/

.agenda_header, .agenda_table thead th, #dates_table th, #download_table thead th, #location_table thead th, #attendee_table thead th, .security_table thead th {
	background: #242963;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	height: 27px;
	text-align: center;
}

.agenda_table, #dates_table, #registration_table_container, #download_table, #location_table, #googlemap, #attendee_table, .security_table {
	border-collapse: unset;
}

/* Table cells */
#dates_table td, .agenda_table td, #location_table tr, #registration_table_container td, #download_table td, #attendee_table td, .security_table td {
	background: #f1f1f1;
	padding: 5px;
}

/* Table Headers */
.agenda_header, #dates_table th, .agenda_table thead th, #download_table thead th, #location_table thead th, #attendee_table thead th, .security_table thead th {
	background: #242963;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	height: 27px;
	text-align: center;
}

/* Table Footers */
.agenda_table tfoot td, #download_table tfoot td, #location_table tfoot td, #attendee_table tfoot td, .security_table tfoot td {
	background: #999999;
	color: #000000;
	padding: 2px;
	font-weight: bold;
}

/* Table Captions */
.agenda_table caption, #registration_table caption, #download_table caption, #location_table caption, #attendee_table caption, .security_table caption {
	color: #4781BE;
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	caption-side: top; /* Table captions override */
}

.agenda_col_altrows td, .attendee_col_altrows td, .security_col_altrows td {
	background: #d4d4d4 !important;
}

.agenda_col_time, .attendee_col_time {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.agenda_col_time, .attendee_col_time {
	text-align: center;
	vertical-align: middle;
	width: 15%;
	padding: 10px;
}

.agenda_col_event, .attendee_col_event {
	text-align: left;
	vertical-align: middle;
	width: 45%;
	padding: 10px;
}

.agenda_col_speaker, .attendee_col_speaker {
	text-align: left;
	vertical-align: middle;
	padding: 10px;
}

/* Dates
--------------------------------------------------*/

#cal {
	float: left;
	margin-right: 5px;
	border-spacing: 0;
	background: #FFFFFF;
	margin-bottom: 10px;
}

#cal > div {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

#cal>.ui-widget-content {
	border: none !important;
	background: #FFFFFF !important;
}

#dates_table {
	/* color: #242963 !important; */
	width: 546px;
	float: right;
}

#dates_table td {
	padding: 5px 10px;
}

#dates_table .highlighted_meeting {
	color: #0F5E90;
}

#dates_table .highlighted_due {
	color: #D50000;
}

#dates_table a {
	color: #2f4f88;
}

.dates_tablecell {
	padding: 5px 10px;
	width: 90px;
	background: #DFDFDF;
	font-weight: bold;
}

.events_col_left {
	width: 40%;
}

.events_col_right {
	width: 60%;
}

/* Agenda */

.agenda_table {
	/* Placeholder for defaults */
}

/* Security */

.security_table {
	/* max-width: 80%; */
	margin: 0 auto !important;
}

.classification {
	background: yellow;
	padding: 0 5px;
}

.stickynotes {
	color: #d8d803;
}

.security_table thead th {
	line-height: 16px !important;
	padding: 10px !important;
}

.security_table td {
	font-size: 18px;
}

.security_col_altrows td {
	background: #d4d4d4 !important;
}

.security_col_time {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.export_control {
	padding: 10px;
    background: #e50000;
    color: #FFFFFF;
	border-radius: 5px;
}

/* Payment Page */

/* Example Watermark */
.examplewatermark {
	font-size: 80px;
	font-weight: bold;
	color: red;
	opacity: 0.25;
	position: absolute;
	z-index: 100;
	height: 100px;
	width: 500px;
	transform: rotate(-0.1turn);
	vertical-align: bottom;
	margin-top: 100px;
	margin-left: 75px;
}

/* Notes
--------------------------------------------------*/

.noted {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px;
}

.noted span {
	font-size: 28px;
}

.noted span, .noted div {
	display: inline-block;
	vertical-align: top;
}

/* Tooltips
--------------------------------------------------*/

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	width: 220px;
	bottom: 100%;
	left: 50%;
	margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}