html {
	scrollbar-gutter: stable;
}

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

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

h2, caption {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

h1, h2, h3, caption {
	color: #1B5796;
	margin-bottom: 10px;
}

td div {
	/*vertical-align: middle;*/
}

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

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

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

#dates_table, .agenda_table {
	border-spacing: 4px !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 {
	color: black;
	border: 2px solid #242963;
	border-collapse: seperate;
	border-spacing: 2px;
	width: 100%;
	margin: 0;
	/* border-spacing: 2px; */
	/* background: #242963; */
}

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

/* 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;
}

.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;
	padding: 0;
	border: 2px solid #2f4f88;
	border-spacing: 0;
}

#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;
}