@charset "utf-8";
/* CSS Document */



.mobile_off{ display:none}
.standard_off { display:inline-block}

.width100_heightauto { width:100%; height:auto}

img {max-width:100%} /** dont go wider than screen EG help page images... */

.debug_footer { display:none}


input[type=text] {display:block; margin:0; border:0; width:98%}
input[type=password] {display:block; margin:0; border:0; width:98%}
textarea{display:block; margin:0;border:0; width:100%}
/* looked rubbish select {display:block; width:100%}*/

.event_date { margin-top:-30px;} /*dont overlay*/


.auto-resizable-iframe {max-width: 600px;} /*same as media width*/

/************************************************************************************/
/* Buttons                                                                          */
/************************************************************************************/
.btn_rounded_grey { display:block; width:100%}  /** padding 2%*/


.margin_left_button { margin-left:0}


/************************************************************************************/
/* header                                                                           */
/************************************************************************************/
.logo_div_club img{ margin-bottom:6px;} 




/************************************************************************************/
/* Calendar Page                                                                    */
/************************************************************************************/

.calendar_month { margin:0;}
.calendar_table { width:100%; margin:0; margin-bottom:20px; border:0px solid red}



/************************************************************************************/
/* Events Page                                                                  */
/************************************************************************************/
.boat_details { float:left; width:100%; margin-left:0px; margin-top:20px;}
.boat_details { width:100%}
.boats_overview_bg {background-size: 100% auto;}



.timeline_button {width:100%}

.boats_overview svg line.base_line{}
.boats_overview svg {}
.scale_cell { width:5.05%; float:left; padding-left:0.5%}
.update_boat_form .date {margin-left:0px; width:140px}


.space {width:100%}


/************************************************************************************/
/* Days Page                                                                        */
/************************************************************************************/

.horizontal {width:3080px; overflow:hidden; border:0px solid green}
.scroll_horizontal {}
.timeline_container {}
.horizontal .boat_details { width:400px; margin:0; margin-right:40px; }
.horizontal .boats_overview_bg {min-height:400px; }




/************************************************************************************/
/* Messages Page                                                                    */
/************************************************************************************/

.tab {display:block;}


.message_box { float:left;width:100%; max-width:100%; text-align:left; border:0px solid red; padding-bottom:30px}
.message_box textarea{width:100%;}
.message_button { float:left;}


/************************************************************************************/
/* Contact Form                                                                     */
/************************************************************************************/
.contact_message { width:100%;}