/* Mobile */
@media only screen and (max-width: 640px) {}

/* Global */
html {
 background-color: #ABD9F1;
 background-image: none;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: bottom center;
 background-attachment: fixed;
}
/* This is where you can put in a specific font if you want to make it global */
body { }

/* Header (This is that bar on the very top) */
header#page_header #header_bg {
	background-color: #;
	background-image: url('logo2.jpg');
	background-repeat: no-repeat;
	background-size: 1920px 200px;
	background-position: top center;
	height: 200px;
}

header#page_header nav#user_nav {}
header#page_header, header#page_header a {}
header#page_header nav#user_nav a {}
header#page_header nav#user_nav ul li:first-child {}

/* Hero (The logo) */
header#page_header a#logo {
	background-image: url('header.jpg');
}
header#page_header #hero {}
header#page_header #hero a#logo { background: none; box-shadow: none; position: relative; margin-top: -1em;}}
header#page_header #hero a#logo img {}

/* Main Content (The main box) */
#main_content {
 max-width: 1000px;
 margin-bottom: 10em;
 background-color: #ffffff;
 color: #000000;
 margin-top: 3em;
}

/* The Step whatever of whatever bar */
nav.breadcrumbs {background-color: #2091c7 }

/* The Select from all available packages bar */
#main_content section#package_select { 
 background-color: #2091c7;
 background-image: url('header.jpg');
 font-style: normal;
 color: #000000;
}

/* The widget box header with the month and year in it */
#datepicker .ui-widget-header {
 background-color: #2091c7;
 color: #ffffff;
 background-image: none;
 border: 3px;
}

/* The bar on the bottom of the main box */
#main_content footer.main-actions {
	background-color: transparent;
}

/* Date & Time Box Selected Colors */
#date_time_select .ui-state-active,
#date_time_select .ui-state-hover
{
border: solid 1px #666;
color: #000;

}

/*Selection box Values*/
#date_time_select .ui-state-active
{
background-color: #2091c7;
background-size: 40px 30px;
background-position: center;
color: white;
}

/*Weekday Text and colors*/
.table thead th, table thead th, .table tfoot th, table tfoot th {
    background-color: #84A02B;
    color: #fff;
    font-size: 9px;
    padding: 0 5px;
    text-transform: uppercase;
    vertical-align: bottom;
}

/* The 'Date & Time' header */
h1, h2, form fieldset.container legend {color: #8c2424 }

/* Footer */
footer#page_footer {
	/* background-color: #84A02B; */
	background-color: transparent;
	color: #ffffff;
	background-image: url('footertest.png');
	background-size: 89px 61px;
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x;
	height: 69px;
	text-shadow: 2px 2px 4px #000000;
}

/* Adjust location of text in footer - use relative position and margins */
footer#page_footer p {
	position: relative;
	margin-top: 2em;
	margin-bottom: -1em;
}

/* Adjust location of System Powered By text in footer - use relative position and margins */
footer#page_footer p.powered-by {
	position: relative;
	margin-top: 2em;
}
#PrivacyPolicy a {}

/* Buttons */
button.btn-success, input[type="button"].btn-success, input[type="submit"].btn-success, input[type="reset"].btn-success, .btn.btn-success, .table tbody tr td.is-actions a.btn-success, table tbody tr td.is-actions a.btn-success, form fieldset.dark-button-select input[type='radio']+label.btn-success, form fieldset.dark-button-select input[type='radio']+legend.btn-success, #main_content fieldset.time-picker input[type='radio']+label.btn-success, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success, #main_content form#guest_form fieldset input[type='radio']+label.btn-success, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success, body.authentication a#account_create 
{
	background-image: linear-gradient(#27a9d3, #1a7bbc) !important; 
	color: #ffffff  !important;
	border: 0px;
	text-shadow: 0 -1px 1px rgb(0 0 0 / 60%);
	
}

button.btn-success:hover, button.btn-success:active, button.btn-success.active, input[type="button"].btn-success:hover, input[type="button"].btn-success:active, input[type="button"].btn-success.active, input[type="submit"].btn-success:hover, input[type="submit"].btn-success:active, input[type="submit"].btn-success.active, input[type="reset"].btn-success:hover, input[type="reset"].btn-success:active, input[type="reset"].btn-success.active, .btn.btn-success:hover, .table tbody tr td.is-actions a.btn-success:hover, table tbody tr td.is-actions a.btn-success:hover, form fieldset.dark-button-select input[type='radio']+label.btn-success:hover, form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, #main_content fieldset.time-picker input[type='radio']+label.btn-success:hover, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:hover, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:hover, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:hover, body.authentication a#account_create:hover, .btn.btn-success:active, .table tbody tr td.is-actions a.btn-success:active, table tbody tr td.is-actions a.btn-success:active, form fieldset.dark-button-select input[type='radio']+label.btn-success:active, form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, #main_content fieldset.time-picker input[type='radio']+label.btn-success:active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success:active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success:active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success:active, body.authentication a#account_create:active, .btn.btn-success.active, .table tbody tr td.is-actions a.btn-success.active, table tbody tr td.is-actions a.btn-success.active, form fieldset.dark-button-select input[type='radio']+label.btn-success.active, form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, #main_content fieldset.time-picker input[type='radio']+label.btn-success.active, #main_content fieldset.time-picker form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, form fieldset.dark-button-select #main_content fieldset.time-picker input[type='radio']+legend.btn-success.active, #main_content form#guest_form fieldset input[type='radio']+label.btn-success.active, #main_content form#guest_form fieldset.dark-button-select input[type='radio']+legend.btn-success.active, body.authentication a.active#account_create { 
	
	background-color: #1a7bbc; 
	color: #ffffff !important;
}
