/* apply a natural box layout model to all elements */
* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/* 
main blue: #32B1FA
other blue: #192c66
signal color: #f7941e;
black: #333;
*/

/* Base styles */
html {font-size:18px;}
body {font-size:.8rem;line-height:1.5;font-family:helvetica,arial,sans-serif;font-weight:400;margin:0 auto !important;background:#fff;color:#333;padding:0;}
header,nav,main,footer,section {padding:0;width:100%;margin:0 auto;}
body {line-height:1.6rem;font-family:helvetica,arial,sans-serif;margin:0 auto;padding:0;background:#fff;color:#333;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;width:100%;height:100%;}
a {border-bottom:1px dotted #3e7a91;padding:.3rem 0 .2rem;text-decoration:none;color:#3e7a91;font-weight:bold;-o-transition-property:color,background;-webkit-transition-property:color,background;-moz-transition-property:color,background;transition-property:color,background;-o-transition-duration:0.2s;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;transition-duration:0.2s;}
a:hover,a:focus {background:#3e7a91;color:#fff;transition-property:border-color,background;transition-duration:0.5s;transition-timing-function:linear;}
a img{border:0;}
p,ul,ol,table {margin:0 0 1.5rem;padding:0;}
h1 {font-size:2rem;color:#222;margin:.5rem 0;}
h2 {font-size:1.3rem;margin:1rem 0 0;}
h3 {font-size:1.1rem;margin:0 0 .7rem;}
h4 {font-size:1rem;margin:0 0 .5rem;}
em {font-family:georgia,times,serif;}
img,embed,object,video {max-width:100%;}
ul li {list-style:none;margin:0;padding:0 0 0 1.2rem;background:url(/images/bullet.png) no-repeat 0 .3rem;}
ul.check_list li {background:url(/images/icon_check.svg) no-repeat 0 .2em;padding-left:30px;margin:.5em 0;filter: invert(43%) sepia(95%) saturate(335%) hue-rotate(90deg) brightness(90%) contrast(90%);}
.clear_floats {clear:both;padding:0;margin:0;height:0;}
.success {padding:.6em 1em .5em;background:#299350;color:#fff;font-weight:bold;border:1px solid #fff;}
.error {padding:.6em 1em .5em;background-color:#bf2f2f;color:#fff;font-weight:bold;border:1px solid #fff;}
.warning {padding:.5rem 1rem;background-color:#f2ef32;font-weight:bold;border:1px solid #da8127;}
.warning a {padding:.3rem;}
.tip {padding:.5rem 1rem .5rem 2.5rem;background:#edf4e1 url(/images/icon_lightbulb.png) .5rem .3rem no-repeat;font-weight:bold;border:1px dotted #70c765;}
.info {padding:.5rem 1rem .5rem 2.5rem;background:#e2f0f3 url(/images/icon_info.png) .7rem .6rem no-repeat;font-weight:bold;border:1px solid #3e7a91;}
.align_center {text-align:center;}

.todo {background:#FFFF00;padding:.3rem;}
.todo:before {content:"TODO: ";font-weight: bold;}


/* header & nav layout */
header {margin:0;border:none;background:#f2f2f2;border-bottom:1px solid #ddd;height:4rem;}
nav {width:100%;max-width:800px;margin:0 auto;padding:0 1rem;position:relative;}
nav p#logo,nav p#hamburger {width:50%;display:block;float: left;margin:0;padding:0;line-height:4rem;}
nav p#logo img {display:inline-block;margin:0;max-height:3.5rem;}
nav p#hamburger {text-align:right;}
nav p#hamburger span.toggle_nav {line-height:inherit;display:block;padding-right:1rem;font-size:1rem;}
nav a {border:none;background:none;}
nav a:hover {border:none;background:none;}
nav ul {display:none;padding:0;position:absolute;z-index:1000;width:50%;max-width:20rem;right:1rem;top:calc(4rem - 1px);background:#f2f2f2;border: 1px solid #ddd;border-top: none;}
nav ul li {list-style:none;background-image: none;margin:0;padding:0;width:100%;text-align:right;}
nav ul li a {display:block;padding:.8rem 1rem;color:#333;border:none;}
nav ul li a:hover {background-color:#32B1FA;color:#fff;}
ul#navigation_sub {clear:both;width:100%;text-align:center;border-bottom: 1px solid #ddd;}
ul#navigation_sub li {display:inline-block;background:#32B1FA;padding:0;}
ul#navigation_sub li a {display:block;color:#fff;border:none;padding:.5rem 1rem;}


/* main structure */
main {float:none;clear:both;width:100%;padding:0;margin:0;min-height:26rem;}
main section.right {padding-left:2rem;}
main section.left {padding-right:2rem;}
section {width:100%;max-width:800px;position:relative;z-index:1;padding:1rem;margin:1.6rem auto 0;}
.col_16,.col6 {width:16.66%;float:left;}
.col_25,.col4 {width:25%;float:left;}
.col_33,.col3 {width:33.3%;float:left;}
.col_50,.col2 {width:50%;float:left;}
.col_66 {width:66.7%;float:left;}
.col_75 {width:75%;float:left;}
.col_80 {width:80%;float:left;}
.col_full_width {max-width:100%;margin:0 auto;}
div.left,p.left {padding:0 1rem 0 0;}
div.right,p.right {padding:0 0 0 1rem;}

.col1 {width:100%;}
.col5 {width:20%;float:left;}
.col6 {width:16.66%;float:left;}
.col7 {width:14.28%;float:left;}
.col8 {width:12.5%;float:left;}
.col9 {width:11.11%;float:left;}
.col10 {width:10%;float:left;}


/* Footer */
footer {font-size:.6rem;border-top:1px dotted #ddd;background:#f2f2f2;padding:0;}
footer section {padding:1rem;margin:0 auto;}
footer p#reference_text {clear:both;margin:0;text-align:right;}



/* Forms */
form {padding:.5rem;margin:0 0 1.5rem;font-size:.8rem;background:#f2f2f2;border:1px solid #eee;}
form p {line-height:1.2;}
fieldset {margin:0 0 .5rem;background:#f2f2f2;border-top:1px solid #fff;padding:1.5rem 0 .5rem;}
fieldset legend {padding:.3rem 1rem;background:#f7941e;border:2px solid #eee;color:#fff;font-weight: bold;}
input,select,textarea,button {width:100%;font:inherit;line-height: 1.6;padding:.3rem;border:1px solid #ddd;background:#fff;}
label {display:block;width:100%;font-weight:600;font-size:inherit;}
label.label_left {display:inline-block;width:37%;margin-right:2%;}
label.label_left+input,label.label_left+select,label.label_left+textarea,label.label_left+button {width:60%;display:inline-block;}
label.label_left+select {width:59.5%;}
form :focus {border:1px solid #fafafa;-webkit-box-shadow:0 0 6px #007eff;-moz-box-shadow:0 0 5px #007eff;box-shadow:0 0 5px #007eff;outline:none;}
button,.button {vertical-align:middle;margin:.7rem 0;color:#fff;background:#299350;border:1px solid #333;text-transform:uppercase;font-weight:600;line-height:2rem;letter-spacing:.03rem;text-align:center;text-shadow:0 -1px 1px #3e7a91;-o-transition-property:color,background;-webkit-transition-property:color,background;-moz-transition-property:color,background;transition-property:color,background;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
button:hover,.button:hover {background:#3e7a91;border:1px solid #000;text-shadow:-1px -1px 1px #000;cursor:pointer;-webkit-box-shadow:0 0 6px #007eff;-moz-box-shadow:0 0 5px #007eff;box-shadow:0 0 5px #007eff;outline:none;}
label.error {background:none;color:#bf2f2f;border:none;padding:0;}
label.label_pre {position:relative;display:inline-block;margin-right:2%;margin-bottom: .3rem;}
input.radio,input.checkbox {height:auto;display:inline;border:none;float:none;width:auto !important;padding:0;margin:.3rem 0 .5rem 0;}
label.radio_label,label.checkbox_label {text-transform:none;font-size:.8rem;display:inline !important;position:relative;color:#333;float:none;margin:0 .5rem;background:none !important;padding:0 !important;}
label.radio_label.error,label.checkbox_label.error {color:#bf2f2f;border:none;}
textarea {min-height:6rem;}
.clarify {font-size:.6rem;text-transform:none;padding:0 .5rem;}
.notification_message {color:#3e7a91;font-size:80%;}
ol#errorMsg {margin:1rem 0;background:#bf2f2f;border:3px solid #fff;padding:1rem 1.5rem;}
ol#errorMsg li {text-align:left;list-style:none;background:url(/images/icon_error.png) no-repeat 0 .3rem;font-weight:bold;color:#fff;padding:0 0 0 22px;}

/* Tables */
table {font-size:.8rem;border-top:2px solid #ddd;border-bottom:2px solid #ddd;background:#f9f9f9;width:100%;border-collapse:collapse;}
table th{padding:.5rem;text-align:left;font-weight:bold;border:none;border-bottom:1px solid #ddd;background-color:#fff;}
table td{padding:.5rem;border:none;border-bottom:1px solid #eee;vertical-align:top;}
table .highlighted_cell {background:#e0efe0;font-weight:bold;}
table tr.highlighted td {background:#e0efe0;}
table .amounts_column {padding:.5rem 1rem;min-width:75px;text-align:right;}
table .amounts_column select {width:auto;float:right;}
table tr.totals_row {font-weight:bold;}
table tr.totals_row td {border-top:2px solid #333;}
table tfoot {font-weight:bold;border-top:3px double #ddd;}


/* Div */
div.highlighted_box {background-color: #e2f0f3;border: 1px solid #32B1FA;padding: 1rem;margin: 0 0 2rem;}
img.profile_pic {display:block;margin:0 auto;height:100px;border:3px solid #ddd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 0 #fff;-moz-box-shadow:0 2px 0 #fff;box-shadow:0 2px 0 #fff;}
img.profile_pic.booking_page {float:left;margin:0 1em 1em 0;}


/* Pax area */
td.booking_process {background:#f2ef32;}
td.booking_process.completed {background:#299350;}
td.booking_process.cancelled {background:#bf2f2f;}
td.completed strong {color:#299350;text-transform:uppercase;}
td.uncompleted strong {color:#bf2f2f;text-transform:uppercase;}
div#process_overview_pax span {display:inline-block;height:4rem;background:#fff;border:1px solid #f9f9f9;}
div#process_overview_pax span.completed {background:#299350;}
div#days_to_start {float:right;background:#fff;padding:2rem;border:1px dotted #ccc;text-align:center;line-height:1;}
div#days_to_start p {margin:0;}
div#days_to_start p:first-child {font-size:4rem;color:#299350;font-weight:bold;}

p.uploadstatus {margin:1rem 0 2rem;}
p.uploadstatus:last-child {margin-bottom:.5rem;}
p.uploadstatus .doc_count {border:3px double #ccc;background:#fff;display:inline-block;padding:.4rem .675rem;text-align:center;border-radius:2rem;font-size:1rem;line-height:1rem;font-weight:bold;}
p.uploadstatus.status_1 {color:#32A3E5;}
p.uploadstatus.status_1 .doc_count {border-color:#32A3E5;}
p.uploadstatus.status_2 {color:#299350;}
p.uploadstatus.status_2 .doc_count {border-color:#299350;}
p.uploadstatus span {font-weight:bold;}
p.uploadstatus label {font-size:.8rem;}
p.uploadstatus input.file_upload {border:none;background:none;width:auto;display:inline;}
p.uploadstatus button {margin:0;}


@media screen and (min-width:760px) {
  
  form {padding:1rem;}

}