/* DEFAULTS
----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, 
samp,small, strike, strong, sub, sup, tt, var, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, 
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, 
video {	font-size: 100%;	font: inherit;	}

body {
	background-color: #EBEBEB;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #696969;
	height: 100%;
	width: 100%;
}

input:-webkit-autofill, input:-webkit-autofill:first-line {
	font-size: initial;
	line-height: inherit;
	font-family: 'Open Sans', sans-serif;
}

a:link, a:visited {
	color: #e1e1e1;
}

a:hover {
	color: #e1e1e1;
	text-decoration: none;
}

a:active {
	color: #e1e1e1;
}


a.btn:link, a.btn:visited {
	color: #2A4F9F;
}

p {
	margin-bottom: 10px;
	line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/

/*h1, h2, h3, h4, h5, h6 {
	font-family: sans-serif;
}*/

h1 {
	font-size: 1.6em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	color: #2A4F9F;
}

h3 {
	font-size: 20px;
	font-weight: normal;
	/*color: #55a2d2;*/
	color: #2A4F9F;
	margin-bottom: 10px;
}

h4 {
	font-size: 1.1em;
}

h5, h6 {
	font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
	margin-top: 0px;
}

hr {
	border-bottom: 1px solid #d3d3d3;
	border-top: none;
	border-left: none;
	border-right: none;
	width: 100%;
	height: 1px;
	margin: 20px 0;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#Form1 {
	text-align: center;
	width:100%
}
.page {
	/*width: 1400px;*/
	background-color: #fff;
	margin: 20px auto 0px auto;
	font-size: .80em;
	text-align: left;
}

.header {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 1400px;
	text-align:left;
}

	.header h1 {
		font-weight: 700;
		margin-top: 7px;
		padding: 0;
		color: #f9f9f9;
		border: none;
		line-height: 2em;
		font-size: 2em;
		width: 100px;
		float: left;
	}

.login {
	float: right;
	margin-top: 20px;
	color: #2A4F9F;
}

.main {
	padding: 0px 12px;
	margin: 12px 8px 8px 8px;
	min-height: 770px;
}

.leftCol {
	padding: 6px 0px;
	margin: 12px 8px 8px 8px;
	width: 200px;
	min-height: 200px;
}

.footer-br a  {
	color: #758CBE;
	font-weight: bold;
}

.footer-br a:hover  {
	color: #758CBE;
}

.alberon {
	/*background-image: url(../images/azexis-logo.png);*/
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	font-size: 10px;
	padding-bottom: 5px;
}

.widthContainer {
	width: 1400px;
	height:100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

/* Logout warning dialog
----------------------------------------------------------*/
.divTOwarning {
	width:100%;
	height:100%;
	z-index:140;
	display:none;
	position: absolute;
	background: rgba(192, 192, 192, .5);
}

.divTOwarningI {
	border-radius: 7px;
	background-color:#fff;
	font-size: 13px;
	margin:30px auto 0;
	padding:6px;
	position:fixed;
	width:800px;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -40px;
	z-index:152;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
	background-color: #3a4f63;
	width: 100%;
}

div.menu {
	padding: 4px 0px 4px 8px;
}

	div.menu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: auto;
	}

		div.menu ul li a, div.menu ul li a:visited {
			background-color: #465c71;
			border: 1px #4e667d solid;
			color: #dde4ec;
			display: block;
			line-height: 1.35em;
			padding: 4px 20px;
			text-decoration: none;
			white-space: nowrap;
		}

			div.menu ul li a:hover {
				background-color: #bfcbd6;
				color: #465c71;
				text-decoration: none;
			}

			div.menu ul li a:active {
				background-color: #465c71;
				color: #cfdbe6;
				text-decoration: none;
			}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}

	fieldset p {
		margin: 2px 12px 10px 10px;
	}

	fieldset.login label, fieldset.register label, fieldset.changePassword label {
		display: block;
	}

	fieldset label.inline {
		display: inline;
	}

legend {
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input.textEntry { 
	width: 320px;
	border: 1px solid #ccc;
}

input.passwordEntry {
	width: 320px;
	border: 1px solid #ccc;
}

div.accountInfo {
	width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
	clear: both;
}

.title {
	display: block;
	float: left;
	text-align: left;
	width: auto;
}

.loginDisplay {
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 10px;
	color: White;
}

	.loginDisplay a:link {
		color: white;
	}

	.loginDisplay a:visited {
		color: white;
	}

	.loginDisplay a:hover {
		color: white;
	}

.failureNotification {
	font-size: 1.2em;
	color: Red;
}

.bold {
	font-weight: bold;
}

.submitButton {
	text-align: right;
	padding-right: 10px;
}

/*remya*/

/*----AJAX TABS------*/
.ajax__tab_xp .ajax__tab_header {
/*	font-family: sans-serif !important;
*/	font-size: 1.0769em !important;
	/*font-weight: 900 !important;*/
	text-transform: uppercase !important;
	background-image: none !important;
	margin-bottom: -1px;
	z-index: 99;
}

.ajax__tab_xp .ajax__tab_outer {
	background: url(../images/small-tab.gif) no-repeat right 0px !important;
	padding: 0px !important;
	height: 31px !important;
	border-left: 1px solid #d2dadc;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer,
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
	background: url(../images/small-tab.gif) no-repeat right -34px !important;
	padding: 0px !important;
	height: 31px !important;
	border-left: 1px solid #d2dadc;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner,
.ajax__tab_xp .ajax__tab_inner {
	background-image: none !important;
	padding: 0 !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab,
.ajax__tab_xp .ajax__tab_tab {
	padding: 8px 18px 0 4px !important;
	height: 23px !important;
	background-image: none !important;
	color: #2dba76;
}

.ajax__tab_xp .ajax__tab_tab {
	color: #11272e;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
	color: #2dba76;
}

.ajax__tab_xp .ajax__tab_body {
	border: 1px solid #d2dadc !important;
	z-index: 0;
/*	font-family: sans-serif !important;
*/	font-size: 1em !important;
	padding: 15px !important;
}

/**/

/*--client tabs---*/
.tabs2 {
	padding: 0 7px;
	/*background-color: #EBEBEB;*/
}

	.tabs2 ul {
		list-style: none;
		padding: 0;
		margin: 0;
		background-color: #2A4F9F;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 0;
		-moz-border-radius-bottomleft: 0;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		border-radius: 4px 4px 0 0;
		float: left;
		width: 100%;
	}

		.tabs2 ul li {
			list-style: none;
			padding: 0;
			margin: 0;
			float: left;
			height: 34px;
		}

			.tabs2 ul li a {
				padding: 0px;
				margin: 0;
				float: left;
				text-decoration: none;
				font-weight: normal;
				font-size: 13px;
				color: #fff;
				font-family: sans-serif;
				height: 34px;
			}

				.tabs2 ul li a span {
					padding: 10px 11px;
					float: left;
				}

				.tabs2 ul li a:hover {
					padding: 0px;
					/*background-color: #3a3a3a;*/
					background-color: #ffffff;
					height: 34px;
					color: #2A4F9F;
				}


			.tabs2 ul li.active a {
				padding: 0px;
			}
			.tabs2 ul li.active a:hover {
				background-color: #2a4f9f;
			}

				.tabs2 ul li.active a span {
					padding: 10px 11px;
					/*color: #55A2D2;*/
					color: #A2DE00;
				}

/**/
.main-content {
	background-color: #EBEBEB;
	padding: 0 7px 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-radius: 0 0 4px 4px;
	background-color: #FFFFFF;
	border-top: none;
	border-right: 7px solid #EBEBEB;
	border-bottom: 7px solid #EBEBEB;
	border-left: 7px solid #EBEBEB;
	padding: 0 5% 20px;
}

	.main-content table {
		background-color: #fff;
	}

		.main-content table .col1-2 {
			padding: 0;
			width: 50%;
		}

		.main-content table .col2-2 {
			padding: 0;
			width: 50%;
		}

			.main-content table .col2-2 table {
				float: right;
			}

		.main-content table .col1-1 {
			padding-left: 3%;
			width: 90%;
		}

		.main-content table .col1-3 {
			padding: 0;
			width: 30%;
			padding-left: 3%;
		}

		.main-content table .table-bottom {
			padding: 10px 0;
			display: block;
			text-align: right;
		}

.td1 {
	width: 140px;
}

.td2 {
	width: 240px;
}

.td3 {
	width: 60px;
}

.centerTable {
	border: 1px solid #EBEBEB;
	margin: 10px 0;
}

	.centerTable td {
		padding-right: 10px;
	}
/*-buttons-*/

input.button1 {
	border: 1px solid #D2DADC;
	background-color: #fff;
	color: Black; /*#0d9b56;*/
	font-size: 0.8461em;
	text-transform: uppercase;
	padding: 0 4px;
	cursor: pointer;
}

input.button2 {
/*	font-family: sans-serif;
*/	background-color: #ebebeb;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 2px 5px;
	margin-right: 5px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 1px 1px #a6a6a6;
	-webkit-box-shadow: 0px 0px 1px 1px #a6a6a6;
	box-shadow: 0px 0px 1px 1px #a6a6a6;
}

input.button3 {
	border: 1px solid #D2DADC;
	background-color: #fff;
	color: #2e7288;
	font-size: 0.8461em;
	text-transform: uppercase;
	padding: 2px 8px;
	cursor: pointer;
}

input.button4 {
	font-family: sans-serif;
	background-color: #2A4F9F;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 3px 10px;
	/*margin-left: 10px;*/
	margin-right: 5px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px 1px #a6a6a6;
	-webkit-box-shadow: 0px 0px 3px 1px #a6a6a6;
	box-shadow: 0px 0px 3px 1px #a6a6a6;
}

input.buttondanger {
    font-family: sans-serif;
    background-color: #f00;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 3px 10px;
    /*margin-left: 10px;*/
    margin-right: 5px;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 3px 1px #a6a6a6;
    -webkit-box-shadow: 0px 0px 3px 1px #a6a6a6;
    box-shadow: 0px 0px 3px 1px #a6a6a6;
}

input.button7 {
	font-family: sans-serif;
	background-color: #2A4F9F;
	color: #A2DE00;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 3px 10px;
	/*margin-left: 10px;*/
	margin-right: 5px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px 1px #a6a6a6;
	-webkit-box-shadow: 0px 0px 3px 1px #a6a6a6;
	box-shadow: 0px 0px 3px 1px #a6a6a6;
}

input.button5 {
	font-family: sans-serif;
	background-color: #ebebeb;
	color: #2A4F9F;
	/*color: #4D4D4D*/
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 3px 10px;
	/*margin-left: 10px;*/
	margin-right: 5px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px 1px #a6a6a6;
	-webkit-box-shadow: 0px 0px 3px 1px #a6a6a6;
	box-shadow: 0px 0px 3px 1px #a6a6a6;
}

input.button6 {
	font-family: sans-serif;
	background-color: #ebebeb;
	color: #2A4F9F;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 3px 10px;
	margin-left: 2px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 2px #A6A6A6 inset;
}

	input.button6.active {
		background-color: #fff;
		color: #55A2D2;
	}

	input.button8 {
	font-family: sans-serif;
	background-color: #ebebeb;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 2px 5px;
	margin-right: 5px;
	cursor: pointer;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 1px 1px #a6a6a6;
	-webkit-box-shadow: 0px 0px 1px 1px #a6a6a6;
	box-shadow: 0px 0px 1px 1px #a6a6a6;
	color: red;
}
	input[type="submit"].aspNetDisabled {
	background-color: #ebebeb;
	border: 0;
	border-radius: 4px;
	box-shadow: 0px 0px 3px 1px #a6a6a6;
	color: #AAAAAA;
	cursor: not-allowed;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-right: 5px;
	padding: 3px 10px;
	text-transform: uppercase;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0px 0px 3px 1px #a6a6a6;
	-webkit-box-shadow: 0px 0px 3px 1px #a6a6a6;
	}

/*--*/


.cmt-label {
	font-size: small;
	color: Red;
	font-style: italic;
}

.cmt-comments 
{
	font-size: small;
	font-style: italic;
}

/*common-table*/

table.common-table {
	border: 7px solid #ebebeb;
	width: 90%;
}

	table.common-table tr {
		border: none;
	}

	table.common-table td {
		padding: 10px 0px 10px 10px;
		vertical-align: top;
		border-bottom: 2px solid #ebebeb;
	}

	table.common-table .first-row td {
		padding: 10px 0px 10px 10px;
		background: none;
	}

	table.common-table .first,
	table.common-table .first-row .first {
		border-left: 1px solid #D2DADC;
	}

	table.common-table .last,
	table.common-table .first-row .last {
		border-right: 1px solid #D2DADC;
		padding-right: 10px;
	}

	table.common-table .table-header {
		background-color: #edf2f3;
		color: #757c80;
		background-image: none;
	}

		table.common-table .table-header th {
			margin: 0;
			padding: 10px 0 10px 10px;
			font-size: 11px;
			font-weight: normal;
			text-align: left;
			background-color: #edf2f3;
			color: #757c80;
		}

			table.common-table .table-header th a {
				color: #757c80 !important;
				text-decoration: underline;
			}

	table.common-table .table-header2,
	table.comment-table .table-header2,
	table.common-table .pagination {
		background-color: #EBEBEB;
		color: #2A4F9F;
		border: none;
		background-image: none;
	}

		table.common-table .table-header2 th,
		table.comment-table .table-header2 th {
			margin: 0;
			font-size: 11px;
			padding: 10px 10px 10px 10px;
			font-weight: normal;
			text-align: left;
			background-color: #EBEBEB;
			color: #2A4F9F;
			font-family: sans-serif !important;
		}

		table.common-table .pagination td {
			margin: 0;
			padding: 10px 0 10px 10px;
			font-size: 11px;
			font-weight: normal;
			text-align: left;
			background-color: #EBEBEB;
			color: #2A4F9F;
			background-image: none;
			border-bottom: 1px solid #d3d3d3;
			vertical-align: middle;
		}

		table.common-table .table-header2 th a,
		table.comment-table .table-header2 th a {
			color: #000 !important;
			text-decoration: none;
			font-size: 11px;
		}

			table.common-table .table-header2 th a:hover,
			table.comment-table .table-header2 th a:hover {
				text-decoration: underline;
			}

	table.common-table .table-date,
	table.comment-table .table-date {
		color: #3390AE;
		font-style: italic;
	}

	table.common-table .table-date2 {
		color: #757c80;
		font-style: italic;
	}

	table.common-table .table-trainee {
		font-weight: bold;
	}

	table.common-table .table-title {
		font-size: 1.0769em;
		font-weight: bold;
	}

		table.common-table .table-title a {
			color: #011820;
		}

	table.common-table .table-status {
		font-size: 0.8461em;
		text-transform: uppercase;
		color: #757C80;
	}

table.TripHeader {
    width: 100%;
}

    table.TripHeader td {
        font-size: 1.0em;
        color: #808080;
    }

        table.TripHeader td.caption {
            font-size: 1.0em;
            color: #808080;
        }

        table.TripHeader td.flagImage img {
            float: right;
        }

.GridDock {
	overflow-x: auto;
	overflow-y: hidden;
	width: 900px;
	padding: 0 0 17px 0;
}

.StdWidth {
	width: 900px;
}

.ModalPopup {
	border: 1px solid black;
	position: absolute;
	width: 400px;
	left: 100px;
	top: 400px;
	background-color: white;
}

.modalPopup1
{
	background-color:White;
	border-style:solid;
	border-color: Gray;    
	width: 500px;
	height: 500px;
}

.modalBackground
{
 background-color: Gray;
 opacity: 0.7;   
}

.button-hidden
{
	background-color: Transparent; 
	border:0;
}

div.CaptionCol {
	float: left;
	width: 200px;
	padding: 10px;
}

div.ControlCol {
	float: left;
	width: 240px;
	padding: 10px;
}

div.Table {
	width: 944px;
}

div.LblCtrl {
	float: left;
	width: 480px;
}

select {
	width: 153px;
}



table.ParticipantsGridXSmall {
	font-size: xx-small;
}

table.ParticipantsGridSmaller {
	font-size: x-small;
}

table.ParticipantsGridSmall {
	font-size: smaller;
}

table.ParticipantsGridMedium {
	font-size: small;
}

table.ParticipantsGridLarge {
	font-size: Medium;
}

table.ParticipantsGridLarger {
	font-size: larger;
}

table.ParticipantsGridXLarge {
	font-size: x-large;
}

tr.participantGridFooter {
	vertical-align: top;
}
centerButton {
	float :right ;

}

.GridviewScrollHeader TH, .GridviewScrollHeader TD
{
	padding: 5px;
	font-weight: bold;
	white-space: nowrap;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #EFEFEF;
	vertical-align: bottom;
	text-align: left;
}
.GridviewScrollItem TD
{
	padding: 5px;
	white-space: nowrap;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}
.GridviewScrollItem .Freeze
{
	background-color: #EFEFEF;
}
.GridviewScrollItemHover TD
{
	padding: 5px;
	white-space: nowrap;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #CCCCCC;
	cursor: pointer;
}
.GridviewScrollItemHover .Freeze
{
	background-color: #CCCCCC;
}
.GridviewScrollItemSelected TD
{
	padding: 5px;
	white-space: nowrap;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #999999;
	color: #FFFFFF;
}
.GridviewScrollItemSelected .Freeze
{
	background-color: #999999;
}
.GridviewScrollPager 
{
	border-top: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}
.GridviewScrollPager TD
{
	padding-top: 3px;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
}
.GridviewScrollPager A
{
	color: #666666;
}

.GridviewScrollPager SPAN
{
	font-size: 16px;
	font-weight: bold;
}

.ajax__calendar_container { z-index : 1000 ; }

body.test_site {
	background:url(../images/bg-test.png) repeat fixed #fff;
}

textarea.popup-textbox 
{
	margin: 10px;
}

.modalPopup
{
	background-color:White;
	border-style:solid;
	border-color: Gray;    
	width: 500px;
	height: 500px;
}


/* Kendo */
.k-grid .k-state-selected { background: #2a4f9f; }


/* End Kendo */

/* Calendar View scheduler_white */
.key_label
{
	padding:4px;
	font-weight:bold;
	font-size: 0.8em;
}

.content-container {
    padding: 5px 10px;
    margin: 0px 7px;
}

.content-container .datatable {
    border-collapse:collapse;
    border:1px solid gray;
}

.content-container .datatable th {
    padding:5px;
}

.content-container .datatable td {
    padding:5px;
}

.content-container .datatable tr:hover { 
    background-color:#e1e1e1;
}

.content-container .toolbar {
    margin: 5px 0;
    padding: 4px 2px;
}

.content-container .toolbar input {
    min-width:80px;
    text-transform:none;
    padding:4px;
}

.content-container .info {
    line-height:18px;
    padding:6px 0;
}

.content-container a.external {
    color:blue;
}

div.participant_form {
    border: 2px solid #606060;
    padding:5px;
    margin:2px 0 0 20px;
}

div.participant_form a {
    color: black;
}

div.participant_form label {
    color: black;
    margin-right: 10px;
}

table.participant_form {
    border: none;
    border-collapse: collapse;
}

table.participant_form th, table.participant_form td {
    border: none;
    padding: 3px 4px;
    text-align: left;
}

table.participant_form th {
    font-weight: bold;
    color: #606060;
}


.login-bar {
	background-color: #888888;
	font-size: 12px;
}

	.login-bar > div {
		max-width: 1400px;
		margin: auto;
		padding: 4px 14px;
		text-align: right;
	}

	.login-bar span, .login-bar a {
		color: #031f45;
		color: white;
	}

		.login-bar span.divider {
			display: inline-block;
			margin: 0 4px;
		}



.header-gradient {
	background: #286ea9;
	background: linear-gradient(135deg, #286ea9 10%, #002b66 50%);
	font-size: 0.875rem;
}

.footer-flag {
	height: 65px;
	margin-left: 15px;
	width: 60px;
}

.footer-tel {
	text-decoration: none;
}

.footer-tel:hover {
	text-decoration: underline;
}

.bg-dark-blue-1 {
	background-color: #031f45;
	color: #fff
}

	.bg-dark-blue-1 a, .bg-dark-blue-1 a:hover {
		color: #fff
	}

.header-gradient .btn, .btn-new {
	border-radius: 5px;
	border-style: solid;
	border-width: 5px 1px 1px;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 16px;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;

}

.header-content{align-items:center;display:flex;justify-content:space-between}
.header-content-buttons{display:flex}
.header-content-buttons .btn-blue{margin-right:8px}
.logo{color:#fff;display:flex;text-decoration:none}
.logo:hover{color:#fff;text-decoration:none}
.logo .tagline{font-size:.9em;font-weight:600;line-height:1.2;margin:12px 0 0 15px; text-align:left; color:white;}

@media(max-width: 960px) {
    .header-content-buttons{flex-direction:column;margin:18px 0 0}
    .header-content-buttons .btn{min-width:240px;margin:0 0 18px}
}

@media(max-width: 767px) {
    .header-content { flex-direction:column;justify-content:center }
}

@media(max-width: 424px) {
    .logo{flex-direction:column;text-align:center}
}

.btn-white {
	background-color: #fff;
	border-color: #6c757d;
	color: #6c757d !important;
}

.btn-green {
	background-color: #96c32e;
	border-color: #86ae2a;
	color: #fff !important;
}

.btn-blue {
	background-color: #28b8e2;
	border-color: #229fc3;
	color: #fff !important;
}

.header-gradient .btn-green {
	margin-left: auto;
}

.footer-address {
	margin-bottom:0;
}

.footer-address-line::after {
	background: #fff;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 4px;
	margin-left: 4px;
	vertical-align: middle;
	width: 4px;
}

.footer-address-line:last-child::after {
	display: none;
}

.social-media-link {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	display: inline-flex;
	height: 46px;
	justify-content: center;
	margin-right: 10px;
	width: 46px;
}

	.social-media-link i {
		color: #002b66;
		font-size: 1.7em;
	}


.text-blue {
	color: #002b66
}

footer {
	font-size: 0.875rem;
	text-align:left;
}

@media(max-width: 768px) {

	.footer-address {
		display: flex;
		flex-direction: column;
		margin: 12px 0
	}

	.footer-address-line::after {
		display: none
	}

	.social-media-link {
		height: 42px;
		margin-right: 4px;
		width: 42px
	}
}

.footer-content {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.footer-content-left {
	display: flex;
	line-height: 1.4
}

.footer-content-links {
	display: flex;
	font-size: .9em;
	justify-content: space-between
}

	.footer-content-links a {
		color: #002b66;
		font-weight: 600;
		text-decoration: underline
	}

.footer-content-links-left {
	display: flex
}

.footer-content-links-left-item {
	margin: 0 12px 0 0
}

@media(max-width: 960px) {

	.footer-content {
		flex-direction: column;
		justify-content: center
	}

	.social-media-links {
		margin: 18px 0 0
	}

	.footer-content-links {
		flex-direction: column;
		justify-content: center;
		text-align: center
	}

	.footer-content-links-left {
		flex-direction: column
	}

	.footer-content-links-left-item {
		margin: 0 0 12px 0
	}
}
/* Style the select box */
select.responsive-dropdown {
	width: 100%;
	max-width: 180px;
	padding: 6px 10px;
	font-size: 14px;
	line-height: 1.4;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	box-sizing: border-box;
	appearance: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	cursor: pointer;
}

	/* Internal dropdown list (options) */
	select.responsive-dropdown option {
		background-color: #fff; /* make background same as select */
		color: #333; /* normal text */
		padding: 6px 10px; /* spacing for better readability */
	}

		/* Highlight when hovering/selecting an option */
		select.responsive-dropdown option:hover,
		select.responsive-dropdown option:checked {
			background-color: #f0f0f0; /* subtle hover/selection */
			color: #000;
		}

	/* Disabled state */
	select.responsive-dropdown.disabled {
		background-color: #f9f9f9;
		color: #999;
		border: 1px solid #ccc;
		cursor: not-allowed;
	}