/*
Scheme: Planyo Default
Description: Desktop Sylesheet
*/

/*
CSS STRUCTURE:

1. GENERAL 
        - Google font import & General Style
        - Calendar IFrame size
        - Buttons

2. FORMS

3. TEMPLATES 
        - Settings/Templates
        - Resource List
        - Resource Details
        - Reservation form, Additional products 
          -> 2 FORMS
        - Shopping cart
        - Search box
        - Search results, No results, Shopping cart results
        - Payment form
        - Reservation Completed, Checkout
        - Simple Integration
        - Messages,Error,Help
        - Rating,Review  

4. DROP-DOWN CALENDAR

5. IMAGE VIEWER

6. UNIT LAYOUT

*/

/*==============================================*/
/* 1. GENERAL */
/*==============================================*/

/*------------------------------------*/
/* Google font import & General Style */
/*------------------------------------*/ 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);



#reserve_form, #search_form, #box_search_form, #product_form, #resource_details, #resources,#planyo_price_preview_form{ 
    display: block;
    text-align:left;
}
#planyo_price_preview_form #row_start_date {width:17em;}

.planyo form label, #box_search_form label {
    display:block;
}

#planyo_mobile_switch {
    margin-top:20px;
}

.planyo .hourglass_img{
    margin:20px;
    height:24px;
    width:24px;
    background:transparent url(https://www.planyo.com/Plugins/PlanyoFiles/hourglass.gif) no-repeat scroll 0 0;
}

/* Logo
===================================*/
.poweredby {
    float:none;
    display:none !important;
    width:100%;
}

/* Links 
===================================*/


/* Typography
===================================*/




.planyo h5,.planyo h5 a{
    font-size: 17px;
    line-height: 15px;
    letter-spacing: -1px;
    padding: 0px 0px 8px 0px;
}

.planyo legend, .planyo form fieldset legend, #box_search_form fieldset legend, #products_code legend{
    font-size:22px;
    padding:20px 0px;
    position:inherit;
    width: 97.5%;
    background: transparent;
}

.planyo .section span {
    font-size:larger;
}

/*-----------------------------------*/
/*  Calendar IFrame size             */
/*-----------------------------------*/	

.calprev_iframe.caltype_5{
    min-width:350px;
}
.calprev_iframe.caltype_7{
    min-width:600px;
}

/*-----------------------------------*/
/* Buttons                           */
/*-----------------------------------*/	
.planyo .button, .planyo .checkout_button,#box_submit_button.button {
    
    background: none repeat scroll 0% 0% #003a6f;
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    padding: 7px 16px;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    border: medium none;
    font-weight: normal;
    text-transform: none;
}



#multipage_next{
    float:right;
}

#reservation_code #submit_button{
    float:right;
}
.planyo .resource_right_container .button{font-size: 16px;}

#box_search_form #box_submit_button, #search_form #submit_button {clear:both;float:right;}

.planyo a.button, .planyo a.checkout_button {
    font-family: 'Open Sans', sans-serif;
    padding: 9px 25px;
    display:inline-block;
}
.planyo .button:disabled{background: #BBBBBB;}

.planyo .button:hover,.planyo a.button:hover,.planyo a.checkout_button:hover,.planyo .button:visited,.planyo a.button:visited,.planyo .button:link,.planyo a.button:link,.planyo .button:focus,.planyo a.button:focus,.planyo .button:active,.planyo a.button:active{ color: #FFF;background:#003a6f;}

.resource_right_container a.button{
    width:100%;
    margin-top: 10px;
    padding:9px 2px;
}
.planyo .button_container,.button_container_details,.button_container_reserve{
    display:inline-block;
    width: 100%;
    text-align: center;
}
.planyo #search_result_button{
    float:right;
    margin:20px 0px;
}

/*==============================================*/
/* 2. FORMS                                          */
/*==============================================*/

.with-status-border-error {border:1px solid red !important}



.planyo #reserve_form ul,.planyo #product_form ul{width:100%;font-size: 0px;}

.fb #reserve_form{padding-bottom: 160px;}

#box_search_form ul li,#search_form ul li,#reserve_form  ul li,#planyo_price_preview_form ul li,#add_coupon ul li{
    margin-bottom: 1em;
    line-height:16px;
    font-size: 14px;
}

#reservation_code #reserve_form  ul li{
    font-size:13px;
    line-height:15px;
    margin-bottom:0px;
}

#reservation_code #reserve_form  ul li#row_rental_prop_agreement_agr{
    margin-bottom:20px;
}
#product_form  ul li{
    margin-bottom: 1.5em;
    line-height:16px;
    clear: both;
    font-size: 14px;
}

.planyo textarea,.planyo input[type="text"], .planyo input[type="password"], .planyo input[type="date"], .planyo input[type="email"], .planyo input[type="tel"], .planyo input[type="number"]{
    padding:0px;
    background: transparent;
    border: 1px solid #c0c0c0;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -box-shadow:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
    box-shadow:none;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit; 
     display: initial;
}

select::-ms-expand {display: none;}

.planyo select{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border: 1px solid #c0c0c0;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0px;
    font-size: 12px;
    padding-top: 0px;
        -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -box-shadow:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
    box-shadow:none;
}

.planyo #reservation_code select{
    -moz-appearance: menubar;
    -webkit-appearance: menubar;
}
#reserve_form a img, #box_search_form a img,#search_form a img,#planyo_price_preview_form a img{
    display:inline;
    height:33px;
    vertical-align: top;
}
#products_code input[type=checkbox] {
    margin-top: -6;
    margin-bottom: 6pt;
    float: right;
}

.title_above ul li select,
.title_left ul li select,
.title_mixed ul li select{
    border: 1px solid #c0c0c0;
    height:31px;
    padding: 0px 0px 0px 4px;
    width:198px;
    background: url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png) no-repeat 100% center;
    background-size: 17px;
    webkit-box-sizing: inherit; 
  -moz-box-sizing: inherit;
   box-sizing: inherit;
   border-radius:0;
}

.title_above ul li input[type=text],
.title_left ul li input[type=text], 
.title_mixed ul li input[type=text]{
    padding: 0px 0px 0px 4px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    width: 198px;
    height:31px;
    background:transparent;
}

.planyo .title_above ul li input[type=checkbox],
.planyo .title_left ul li input[type=checkbox], 
.planyo .title_mixed ul li input[type=checkbox]{
    width:initial;
    width: 20px;
    vertical-align: middle;
}
#reservation_code input[type=checkbox]{
      width:initial;
      height:initial;
}
.title_above textarea,
.title_left textarea,
.title_mixed textarea{
    padding: 0px 0px 0px 4px;
    border: 1px solid #c0c0c0;
    width:198px;
    margin:0;
}

.title_above #mobile_country_param,
.title_above #phone_country_param,
.title_left #mobile_country_param,
.title_left #phone_country_param,
.title_mixed #mobile_country_param,
.title_mixed #phone_country_param{  
    margin-bottom: 1em;
}

.title_above #mobile_number_param,
.title_above #phone,
.title_mixed #mobile_number_param,
.title_mixed #phone{
clear: both;
display: block;
}
#reserve_form.title_left #mobile_number_param,
#reserve_form.title_left #phone{  
    margin-left: 168px;} 
.title_above ul li label,
.title_left ul li label{
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  }
.planyo .title_left .planyo_static_help, .planyo .title_above .planyo_static_help, .planyo .title_mixed .planyo_static_help{
    margin-top:-1em;
}  
  
.title_above ul li input{ 
    border: 1px solid #c0c0c0;
    padding: 0px;
    width: 198px;
}
.title_left label{
    display: inline;
    float: left;
    clear: left;
    width: 168px;
}
.title_left .chk_label {margin-left:168px;width:auto;}

.planyo div.float-label-text-parent input,.planyo div.float-label-text-parent textarea{
    -webkit-appearance:none;
    font-size:12px;
    border:none;
    background:transparent;
    padding: 10px 0px 0px 0px;
    margin: -10px 0px 0px 0px;
    width:100%;
    height:initial;
}

.planyo #reservation_code div.float-label-text-parent input{
    margin: 2px 0 12px 10px;
    font-family: Arial,Helvetica,sans-serif;
    width: 150px;
    font-size:13px;
    line-height:15px;
    padding:3px;
    height:auto;
    border:1px solid #ccc;
}

.planyo #reservation_code div.float-label-text-parent input:-ms-input-placeholder{
    font-size:13px;
    
}

.planyo #reservation_code div.float-label-text-parent input::-webkit-input-placeholder{
    font-size:13px;
}

.planyo #reservation_code div.float-label-text-parent input:-moz-placeholder{
    font-size:13px;
    color: red;
}
.planyo #reservation_code div.float-label-text-parent input::-moz-placeholder{
    font-size:13px;
    color: #red;
}
.planyo #reservation_code div.float-label-text-parent input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  0;
}
.planyo #reservation_code div.float-label-text-parent input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  0;
}

.planyo #reservation_code div.float-label-text-parent input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
   opacity:  0;
}

.planyo #reservation_code div.float-label-text-parent input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
   opacity:  0;
}
.planyo #reservation_code div.float-label-text-parent input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #666;
   opacity:  0;
}

.planyo .fld_wide div.float-label-text-parent textarea{padding-right:18px;}

div.float-label-parent {
    border:1px solid #c0c0c0;
    width:12em;
    height:30px;
    padding:2px 5px 2px 5px;
    background:#fff;
}

#reservation_code div.float-label-parent{
    border:0px solid #ddd;
    width:auto;
    height:auto;
    padding:0px;
}

form span.dropdown_date div.float-label-parent.float-label-date-parent select.with-status-border {width:31%}

div.float-label-parent.float-label-textarea-parent {
    height:auto;
}

div.float-label-textarea-parent textarea {
    width:100%;
}

div.float-label-parent select:focus,div.float-label-parent input:focus,div.float-label-parent textarea:focus {
    outline: 0;
}

div.float-label-parent label {
    font-size:12px;
    height:12px;
    font-weight:normal;
    color:#003a6f;
    width:100%;
    background:#fff;
    line-height:1.1;
    vertical-align:top;
}

#box_start_date::-webkit-input-placeholder,
#box_end_date::-webkit-input-placeholder{
    color:#003a6f;
    opacity:1;
}

#box_start_date::-moz-placeholder,
#box_end_date::-moz-placeholder{
    color:#003a6f;
    opacity:1;
}

#box_start_date:-ms-input-placeholder,
#box_end_date:-ms-input-placeholder{
    color:#003a6f;
    opacity:1;
}

#box_start_date:-moz-placeholder,
#box_end_date:-moz-placeholder{
    color:#003a6f;
    opacity:1;
}

#reservation_code div.float-label-parent label{
    font-size:13px;
    line-height:15px;
    height:auto;
    color: #666;
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    text-align: right;
    width: 140px;
    vertical-align:none;
    visibility:visible !important;
}

div.float-label-select-parent {
    background:url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png) no-repeat 98% center;
    background-size:17px;
    overflow:hidden;
    background-color:#fff;
}

#reservation_code .fld_wide div.float-label-parent{
    background:none;
}

div.float-label-parent select {
    -webkit-appearance:none;
    background:transparent;
    border:0px;
    width:100%;
    font-size:12px;
    padding-top:8px;
    margin-top:-8px;
    line-height: 14px;
    height:initial;
}

#reservation_code div.float-label-parent select{
    -webkit-appearance:menubar;
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #dddddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #000;
    height: 25px;
    margin: 2px 0 12px 10px;
    padding: 3px 3px 3px 0;
    width: 150px;
    font-size:11px;
}

#reservation_code div.float-label-parent select#rental_prop_Title_{
    width:55px;
}

form .phone-row .phone-row-plus {width:3em;height:20px;display:inline-block;}
#reservation_code form .phone-row .phone-row-plus {
    width:auto;
    height:auto;
    display:inline;
    border:1px solid #ccc;
    padding:0 3px 2px 3px;
    margin: 2px 0 12px 10px;
}
form .phone-row .float-label-parent input[type='text'],form .phone-row .float-label-parent input[type='tel'] {width:14em;}
form .phone-row.fld_wide .float-label-parent input[type='text'],form .phone-row.fld_wide .float-label-parent input[type='tel'] {width:32em;}
form .par_one_date,form .par_start_date,form .par_end_date,form #par_box_one_date,form #par_box_start_date,form #par_box_end_date{width:8em;float:left;border-right: 0px;background: #fff;}
.float-label-select-parent.float-ass-parent.without-unit-icon{width:16em;}
.float-label-select-parent.float-ass-parent.with-unit-icon{width:5em;float:left;border-right: 0px;}
form .float-number-parent {width:12em;float:left;border-right:0px;}
.float-date-icon {background:url(https://s3.amazonaws.com/planyo-extras/web/calendar-icon.png) no-repeat right white;width:3em;height:30px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left: 0px;}
.float-unit-icon {background:url(https://s3.amazonaws.com/planyo-extras/web/unit-icon.png) no-repeat right white;width:3em;height:30px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left:0px;}
.float-number-minus-icon {background: url(https://s3.amazonaws.com/planyo-extras/web/minus-icon.png) no-repeat right white;width:2em;height:30px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left:0px;border-right:0px;}
.float-number-plus-icon {background: url(https://s3.amazonaws.com/planyo-extras/web/plus-icon.png) no-repeat right white;width:2em;height:30px;border:1px solid #c0c0c0;float:left;clear:none;padding:2px 0 2px 0;border-left:0px;}
.float-unit-icon:hover,.float-date-icon:hover,.float-number-icon:hover {cursor:pointer;}
.phone-row-list {border:1px solid #c0c0c0;position:absolute;background-color:white;z-index:300;overflow-y:auto;width:150px;height:200px;}
.phone-row-list div:hover {background-color:#c0c0c0;}
.phone-row-list div {padding:2px;width:100%;}
.planyo ul li.fld_narrow{display: inline-block; text-align: left;vertical-align: top;margin-right: 1em;}
.fld_narrow .planyo_static_help{width:16em;}
.fld_wide .float-label-parent{width:auto;  padding: 2px 18px 2px 5px;}
.fld_wide .float-label-parent{
    padding:0px;
}
#reserve_form li.fld_narrow label.chk_label {width:16em;margin-right:12px;height: 30px;}

.float-date-icon,.float-label-parent,.float-unit-icon{
    box-sizing: initial;
    -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
}
/*==============================================*/
/* 3. TEMPLATES                                      */
/*==============================================*/

/*-----------------------------------*/
/*  Resource List                    */
/*-----------------------------------*/	
 #resources{
    max-width:750px;
    margin: 0 auto;
 }
.planyo #resources ul li{margin-bottom:20px;}

/* one list element
===================================*/
.planyo .resource_info{
    box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
    max-width:750px;
    width:100%;
    padding:18px;
    margin: 15px 0px;
    display: inline-block;
    height: 176px;
}

.planyo .resource_info:hover{
    background-color:#EDEDED;
    cursor:pointer;
}
/* Image on the left
===================================*/

.planyo .image_square_container{
    width: 21%;
    float: left;
    margin-right: 3%;
    padding: 0px;
}
.planyo .image_square{
    width:100%;
    max-width:140px;
}

/* class resource_main - the textbox next to the image. Contains $(name) and $(descXXX)
/* class resource_main_long - the textbox if no image was uploaded
=============================================*/

.planyo .resource_main{
    float:left;width: 49%;
    height: 142px;
    font-size:13px;
    overflow: hidden;
    padding-top: 1px;
    padding-right:3%;
}
.planyo .resource_main_long{
    float:left;width: 74%;
    font-size:13px;
    padding-top: 1px;
    height: 142px;
    overflow: hidden;
    padding-top: 1px;
    padding-right:3%;
}

.rental_time_ranges{padding-top:7px;}

.planyo .resource_description {
    line-height: 20px;
    float:left;
    text-align: justify;
    word-wrap: break-word;
}
.planyo #search_results .resource_description{
    line-height: 19px;
}
.planyo #search_results .result_range{
    line-height: 19px;
    font-size: 13px;
}
/* class resource_right_container - contains custom resource properties or price and resrve,detail buttons
/* class prop_name - custom resource property name
/* class prop_value - custom resource property value
====================================================*/
.planyo .resource_right_container{
    float:right;
    width:23%;
    font-size: small;
    color: #808080;
    position: relative;
    height:130px;
    display: inline-block;
}
#resources .prop_name{float:left;clear:left;}
#resources .prop_value{float:right;}

.planyo .button_container_reserve{
    position: absolute;
    bottom: 0; 
    display: block;
    height:35px;
}
.planyo .button_container_details{
    position: absolute;
    bottom: 40px;
    display: block;
    height:35px;
}
/*-----------------------------------*/
/*  Resource Details                 */
/*-----------------------------------*/	

#resource_details{
    text-align:center;
    margin: 0 auto;
}
#resource_details .resource_name{padding-top:15px;}
#resource_details .description{
    padding:25px 0px;
    line-height:20px;
    text-align:left;
    max-width:600px;
    margin: 0 auto;
}
#resource_details #properties{
    text-align: left;
    line-height: 20px;
    padding-bottom: 20px;
    max-width:600px;
    margin: 0 auto;
}
#resource_details .prop_name{  float: left;
  min-width: 195px;}
#resource_details .prop_value{color:grey;}
#resource_details .button_container{margin-top:25px;}
#resource_details .calendar_prev{max-width: 630px;
    margin: 0 auto;}
/*---------------------------------------*/
/*  Reservation form,Additional products */
/*---------------------------------------*/
#reserve_form{width:auto;}
#reserve_form #row_resource_name span{
    font-weight:bold;
}
#reservation_header{
    clear:both;
    width: 100%;
    display: inline-block;
}
#reservation_code .calendar_prev{max-width:510px;}
#product_form{
    width:510px;
}
#product_form .prod_price{color:#3D83A8;}
#planyo_one_time_prod{width:100%;}
#product_form label{float:left;}
#product_form .product_desc{clear: both;
  color: grey;}
/* Language drop-down 
===================================*/
.language{
    float: left;
    background: url(https://s3.amazonaws.com/planyo-extras/web/arrow-icon.png) no-repeat 98% center;
    background-size: 17px;
    overflow: hidden;
    border: 1px solid #c0c0c0;
    width: 13em;
    height: 30px;
    padding: 0px 5px 2px 5px;
    margin-left: 180px;
    background-color:#fff;
}
#planyolang{
  padding-top: 8px;
  width: 100%;
}
/* Reservation steps
===================================*/
#reservation_header .reservation_steps{float:left;}
.reservation_steps {
    margin-bottom: 5px;
    margin-top:5px;
    text-align:center;
}

.planyo span.reservation_step,
.planyo span.reservation_step_current {
    display:inline-block;
    margin-right: 25px;
    max-width:80px;
    vertical-align:top;
}

.reservation_step .reservation_step_img, 
.reservation_step_current .reservation_step_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom:5px;
    padding-top:1px;
    width: 40px;
    height: 40px;
    text-align:center;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}

.reservation_step .reservation_step_img {
    background-color:#BBBBBB;
}

.reservation_step_current .reservation_step_img {
    background-color:#002a5c;
}

.reservation_step .reservation_step_name,
.reservation_step_current .reservation_step_name {
    
    font-size: 12px;
    line-height:14px;
    font-weight: bold;
    text-align:center;
    margin-bottom:0px;
}

.reservation_step_current .reservation_step_name {
    color: #002a5c;
}

.reservation_step .reservation_step_name {
    color: #BBBBBB;
}
.reservation_step_current .reservation_step_img_text,
.reservation_steps .reservation_step .reservation_step_img_text strong,
.planyo div.reservation_step_img_text {
    
    padding-top: 8px;
    font-size: 16px;
    color: white;
    text-align:center;
}

.reservation_step_current .reservation_step_img_text strong,
.reservation_steps .reservation_step .reservation_step_img_text strong,
.planyo div.reservation_step_img_text strong{
  color: #fff;  
}
.reservation_step_current .reservation_step_img_text {
    color: white;
}
/* Info box 
===================================*/
#price_info_div_sticky {
    bottom:0; 
    width:100%; 
    position:fixed; 
    left:0; 
    z-index:400; 
    background-color:black; 
    opacity:0.85; 
    color:white;
    padding:10px; 
    min-height:80px;
    margin-left:0px;
}

#reservation_code{margin-bottom:200px;}

#price_info_div_sticky_right {
    right:0; 
    height:100%;
    top:0;
    z-index:400; 
    width:400px;
    margin-top:0;
    box-sizing:border-box;
    background-color: #f7f8f9;
    border: 1px solid #002a5c;
    margin-bottom: 10px;
    padding: 5px;
}

#price_info_div_floating{
  border-collapse: collapse;
  background-color: white;
  padding: 0.9em;
  width: 18em;
  font-size: 22px;
  line-height: 1.0;
  margin-top: 40px;
  font-size: small;
}

#row_price_info_area{width:17em;}
.wide_form #row_price_info_area {width: 97.5%;}
.price_info_div{
    margin-top:15px;
    font-size:22px;
    
}
.nonfloating_text #breakdown dt,
.nonfloating_text dt .br_res_name,
.floating_text dt .br_res_name{color:#444;}
.price_info_div .title{
  padding: 20px 10px;
  background-color: #BBB;
  border-bottom: 0px;
  
  font-size:22px;
}
#price_info_div_sticky.price_info_div .title,
#price_info_div_sticky_right.price_info_div .title{
    padding:20px 0 0 0;
    background-color:transparent;
}

.planyo #price_info_coupon{width:100%;}
span.rettrip_label {display:block;clear:both;}

#breakdown,#price_info_coupon{
    margin: 10px 0px;
    font-size: medium;
    font-weight: 300;
    line-height: 1.4;
}
#nobreakdown,.price_info_div .price_info{
    font-size: large;
    padding-top: 20px;
    color: #3D83A8;
    background: rgba(0,0,0,0.1);
    clear:both;
    display: block;
}
#price_info_div_sticky #nobreakdown,
#price_info_div_sticky .price_info_div .price_info,
#price_info_div_sticky_right #nobreakdown,
#price_info_div_sticky_right .price_info_div .price_info{
    background:transparent;
}
#price_info_div_floating #breakdown{font-size:small;}
#price_info_div_sticky #breakdown{
    width:340px;  
    color: white;
}

#price_info_div_sticky_right #breakdown dt,#price_info_div_sticky  #breakdown dt{
    padding-top: 10px;
    background: transparent;
    padding:5px 0 0 0;
}
#price_info_div_sticky_right #breakdown dd, #price_info_div_sticky #breakdown dd{
    padding-top: 10px;
    background: transparent;
    padding:5px 0 0 0;
}
#price_info_div_sticky dt .br_res_name,#price_info_div_sticky_right dt .br_res_name{}

#price_info_div_sticky_right #breakdown dd{
    float:right;
}
#breakdown dt,#price_info_coupon{
  float: left;
  overflow: hidden;
  clear: left;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  width: 52%;
  display: inline-block;
}
#breakdown dd {
    float: left;
    width: 40%;
    text-align: right;
    padding:2%;
    color: #3D83A8;
}

.br_extra_info{
  width: 100%;
  font-size: small;
  color: grey;
}
#price_info_div_sticky_right #breakdown .br_total{
  padding-top: 21px;
}
.nonfloating_text #breakdown .br_total,.floating_text #breakdown .br_total{
    background-color:#bbb;
    
    padding:3% 2%;
}
#breakdown .br_total{
    padding-top: 21px;
}
#br_collapse,#br_expand{
    float: right;
    clear: both;
    margin-top: 10px;
    color: #3D83A8;
    font-size: medium;
    cursor: pointer;
}
 #price_info_div_sticky #br_collapse,#price_info_div_sticky #br_expand{
    float: left;
    clear: both;
    margin-top: 20px;
    color: #3D83A8;
}
.your_rate_custom{
    display: inline-block;
    font-size:15px;
    line-height:15px;
    font-weight:normal;
    color: #666;
    width: 100%;
}

.your_rate_custom strong{
    
    
}

.easy_form_success {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.easy_form_success b {
    color: #009b1c;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.easy_form_success b.easy_submit {
    color: #009b1c;
    display: block;
    font-weight: bold;
}

.easy_show_price_submit {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.easy_show_price_submit {
    margin-bottom: 5px;
}



/* Button box div#res_form_buttons
===================================*/
#res_form_buttons {
    text-align: center;
    width: 50%;
    display:inline;
}
#res_form_buttons .half_button{display:inline;}
.planyo .wide_form #res_form_buttons,#product_form #res_form_buttons{
    text-align: center;
    width: 100%;
    display:block;
}

#multipage_prev{margin-right:2.5%;}
/*-----------------------------------*/
/*  Shopping cart                    */
/*-----------------------------------*/	
.shopping_cart{width:490px;}
.planyo .image_simple{float:left;margin-right: 3%;}

.shopping_cart .price_quoted{float:right;}
.planyo #shoppingcart_code{max-width:750px;}

.planyo .cart_item{clear: both;
                   padding: 15px 0px;}

.planyo #cart_item_info{float:left;}
.shopping_cart .rental_time_qty {font-size: small;color: #808080; padding: 7pt 0pt;}

.shopping_cart a.remove {text-decoration: none;color: #3D83A8;font-weight: bold;float: right; padding-top: 7pt;clear:right;}

.shopping_cart .shopping_total {clear: both;padding: 14pt 0pt;margin: 15px 0px 15px 0px;font-weight: bold;font-size:17px;}

.shopping_cart .shopping_total_text {float: left;}

.shopping_cart .shopping_total_price {float: right;}

.shopping_cart_msg{
    color: #444;
    font-size: 13px;
    line-height: 20px;
}

/* quick add to cart*/
#planyo_cart_buttons .cart_popup_button {-webkit-appearance:button;-moz-appearance:button; appearance:button;font-size:14px;}
#planyo_cart_widget{padding-top:15px;}
.cart_count_img {position: relative; top: -36px; left: 19px; background-color: #ff0033; text-align: center; width: 20px; height: 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.planyo_cart_widget:hover {cursor:pointer;}
.widget_cart_total {padding-left:10px;padding-top:5px;font-size:16px;font-family: 'Lato',sans-serif;}
.cart_count_text {font-family: 'Lato',sans-serif; padding-top: 4px; font-size: 11px; color: white; text-align: center; font-weight:bold;}
#planyo_cart_bg_hider {padding:5px;display:none;position:fixed;background:black;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:990;width:100%;height:100%;left:0px;top:0px;}
#planyo_cart_close {float:right; padding:8px; padding-right:20px;}
#planyo_cart_window {display:none; overflow-y:auto; z-index:999; position:fixed; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:white; border: solid 3px black; overflow:hidden;padding:10px;top:20%; bottom:20%; left:50%;width:700px; margin-left:-350px;}
#planyo_cart_contents {width:370px;height:100%;overflow-y:auto;overflow-x:hidden;}
#planyo_cart_right {position:absolute;right:0px;width:300px;top:0px;height:100%;padding:10px;background-color:#ececec;}
#planyo_cart_right .title {font-size:20px}
#planyo_cart_right #price_info {font-size:15px}
#planyo_cart_buttons {position:absolute; bottom:25px; text-align:right;width:92%;}

/*-----------------------------------*/
/*  Search box                       */
/*-----------------------------------*/	
#box_search_form,#search_form,#planyo_price_preview_form{width:18em;}
#box_search_form.title_left,#search_form.title_left,#planyo_price_preview_form.title_left{width:400px;}
#box_search_form.title_above,#search_form.title_above,#planyo_price_preview_form.title_above{width:245px;}
/* Horizontal search box
===================================*/
.horizontal-widget #box_search_form,.horizontal-widget #search_form, .planyo #search_form.form-inline {
    width:100%;
}
.horizontal-widget #box_search_form ul li,.horizontal-widget #search_form ul li, .planyo #search_form.form-inline ul li {float:left;margin-right:1em;}
.horizontal-widget fieldset, .planyo #search_form.form-inline fieldset {float:left;}
#planyo_search_widget.horizontal-widget #box_search_form #res_form_buttons, .planyo #search_form.form-inline #res_form_buttons {width: initial;
  margin-top: -3px;
  margin-right: 1em;}
#planyo_search_widget.horizontal-widget #box_search_form #box_submit_button, .planyo #search_form.form-inline #box_submit_button {
  float: left;
  width: initial;
  padding: 7.5px 45px 8.5px 45px;
  margin: 0em 1em;
}
.horizontal-widget #box_search_form #res_form_buttons, .planyo #search_form.form-inline #res_form_buttons {
  float: left;
}
.horizontal-widget #res_form_buttons label, .planyo #search_form.form-inline #res_form_buttons label {height:3px;}

/* geolocation */
form .gps_coords_map_open, form .gps_coords_current_location {margin-left:5px;margin-top:3px;display:inline-block;float:none;}
.gps_coords_map_icon {display:inline-block; width:17px; height:17px; background: url(https://www.planyo.com/images/google-map-icon.png); vertical-align:middle; margin-bottom:3px;}
.gps_coords_current_location_icon {display:inline-block; width:17px; height:17px; background: url(https://www.planyo.com/images/google-current-location.png); vertical-align:middle; margin-bottom:3px;}
#planyo_gps_coords_bg_hider .close {width: 28px; height: 28px; display:block; padding:0px;background: url(https://www.planyo.com/images/btn-close.png); }
#planyo_gps_coords_bg_hider .close:hover {background: url(https://www.planyo.com/images/btn-close-hvr.png); }
#planyo_gps_coords_window {padding:10px;}
.gps_coords_popup_button {height:2em; padding-left:6px; padding-right:6px;}
#availability_form li{padding:9px 18px;}
/*---------------------------------------------*/
/*Search results, No results, Shopping cart results */
/*---------------------------------------------*/

#search_results{
   
}
.price_quoted{
    text-align:center;
    font-size:x-large;
}
#cart_item_price .price_quoted{font-size:medium;}
/* Paging
===================================*/
.planyo #paging_nav{
    text-align: center;
    font-size: medium;
    min-height: 25px;
}
.planyo #paging_nav .nav_current_page{
    background-color: #3D83A8;
    padding: 4px 4px 0px 4px;
    color: white;
    border-radius: 3px;
    min-width: 12px;
    display: inline-block;
    height: 20px;
}
/*-----------------------------------*/
/*  Payment form                     */
/*-----------------------------------*/	
/*-----------------------------------*/
/*  Reservation Completed, Checkout  */
/*-----------------------------------*/	
#completed_code ul li a{
    color:#3D83A8;
}
.planyo .rental_id,.planyo .status,.reservation_details{
    padding: 15px 0px;
}
#completed_code,#details_code{color: #525252;}


#completed_code .invoice_totals_table{
    margin-top: -15px;
    margin-bottom: 15;
}

#completed_code .left{
    clear:both;
}

.reservation_details ul li b{
    display: block;
    float: left;
    width: 200px;
}
.reservation_details ul li{clear:both;}
.reservation_details ul li a{
    color:#3D83A8;
}
#details_code .rental_id{
    padding-bottom: 20px;
}
#checkout_code td{
    font-size:13px;
    padding-right: 20px;
}
#checkout_code th a {
    float: left;
    padding-right: 20px;
    font-size: 13px;
}

#checkout_code .reservation_steps{
    margin-bottom: 15px;
}

.planyo .checkout{
    clear: both;
    text-align: center;
    max-width: 680px;
    margin: 15px 0px;
}  
/*------------------------------------*/
/*Simple Integration                  */
/*------------------------------------*/ 
.simple-integration-logo img {height: 100px;display: inline-block;float: left;}
.simple-integration-website h1 a{line-height: 1;
display: inline-block;
vertical-align: middle;
font-weight: 300;
word-spacing: -6px;
font-size: 32px;
margin-top: 30px;
margin-left: 20px;}
.simple-integration-description {color: #333;
    line-height: 1em;
    font-size: 14px;
    margin-top: 100px;
    text-align: center;
    margin-bottom: 50px;}
.simple-integration-description p{margin: 0 auto;}
.simple-integration-login-links{position: absolute;
top: 10px;
right: 10px;}
.simple-integration-login-links a{text-transform: uppercase;
font-size: 13px;
font-weight: 600;
background-color: transparent;
color: rgb(66, 139, 202);
padding: 10px 15px;
position: relative;}

/*------------------------------------*/
/*Messages,Error,Help                      */
/*------------------------------------*/ 
#res_error_msg {
    color:#ff0033;
    text-transform: uppercase;
    clear:both;
}

#res_ok_msg {
    display:none;
}


.planyo .error {
    color: #ff0033;
    padding-bottom:30px;
}

.planyo .errorbig{
    color: #ff0033;
}
#reqfinfo {
    clear:both;
    padding-top:10px;
}

.color_box {
    width: 7px; height:8px;vertical-align:middle;border:1px solid #777777;
}

.with_tooltip {
    display: inline-block;
    width:20px;
    height:20px;
    background-image:url(https://www.planyo.com/images/icon-help.png);
    vertical-align: middle;
}

.planyo .planyo_static_help, .planyo .planyo_section_static_help {
    color: #a9a9ab;
    font-style: italic;
    padding-top: 2px;
    clear: left;
    font-size:13px;
}

.price_info_div .rate_err, .price_info_div #pr_err{
    padding-top:10px;
    font-size: 13px;
    color: #ff0033;
    float: left;
    clear: both;
}
.planyo #cancel_reason {
    width:100%;
    height:80px;
}
/*------------------------------------*/
/*Rating,Review                     */
/*------------------------------------*/ 
div#review_event_info {margin-bottom:20px;}
#planyo_review_bg_hider .close {width: 28px; height: 28px; display:block; background: url(https://www.planyo.com/images/btn-close.png); }
#planyo_review_bg_hider .close:hover	{background: url(https://www.planyo.com/images/btn-close-hvr.png); }
#rating_sc {display: inline-block; position:relative; top:0px; left:0px;}
#rating_sc_rate {font-size: 20px; color:black;}
#rating_sc_read {position:absolute; top:2px; left: 60px; font-size: 18px; color:#3D83A8;}
#rating_sc_read_link {position:absolute; top:0px; left: 0px; width: 250px; height:40px;}
#rating_sc_read_link:hover {color:#3D83A8;}
#rating_sc_header {background-color:#F0F0F0; height:100px;}
#rating_sc_header .content {padding:10px 20px 10px 20px;}
#rating_sc_header .item_name {font-size: 24px; font-weight: bold; margin-bottom:3px;}
#rating_sc_comments {}
#rating_sc_comment {padding:10px 10% 10px 10%; border-bottom:1px solid #D0D0D0; font-size:14px;}
#rating_sc_comment .comment_date {color:gray;}
#rating_sc_comment #rating_sc_rate {font-weight:bold;}
#rating_sc_paging {padding:10px 10% 10px 10%;}
#rating_sc_comment .comment_reply {margin:10px 0px 0px 40px; padding:10px; border: 2px solid #F0F0F0;}

#webapp_bar {background-color:white;margin-top:0px;margin-bottom:20px;padding:7px;width:100%;height:36px;border-bottom:4px solid #187eb7;}
#webapp_menu_button,#webapp_menu_button_close {display:none;}
#webapp_menu_button_close {background-position-y:0px;}
#webapp_title {padding-left:8px;padding-top:2px;font-size:26px;font-family:Tahoma,Verdana,Arial,sans-serif;max-width:650px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;}
#webapp_search {margin-left:15px;margin-right:10px;padding-top:10px;display:inline-block;float:right;}
#webapp_add {margin-left:10px;padding-top:10px;display:inline-block;float:right;}
#webapp_menubar {
top:0px;
left:0px;
width:180px;
background-color:#3D83A8;
overflow-x:hidden;
float:left;
clear:left;
z-index:10;
position: relative;
}
/*==============================================*/
/* 4. DROP-DOWN CALENDAR                             */
/*==============================================*/

.calpicker .no_start:hover{
    background: #f0f0f0;
    cursor:default;
    color:black;
}

.calpicker .arrival_day{
    font-weight:bold;
}

.calpicker td.morning_av,.calpicker td.morning_av:hover{
    background: url(https://www.planyo.com/images/diagonal2.png);
    background-repeat: no-repeat;
}

.calpicker td.morning_av_nox,.calpicker td.morning_av_nox:hover{
    background: url(https://www.planyo.com/images/diagonal2nox.png);
    background-repeat: no-repeat;
    background-color: #f0c2c2;
}

.calpicker td.morning_occ{
    background: url(https://www.planyo.com/images/diagonal1.png);
    background-repeat: no-repeat;
}

.calpicker td.morning_occ_nox{
    background: url(https://www.planyo.com/images/diagonal1nox.png);
    background-repeat: no-repeat;
    background-color: #c2dfd0;
}

.calpicker .active_day{
    background: #bbbbbb;
    color:white;
}

.calpicker .reserved_nox_u{
    background:#e8e8e8;
}

.calpicker .reserved_nox{
    background:#f0c2c2;
}

.calpicker .reserved{
    color: red;
    font-weight: bold;
}

.calpicker .reserved_u{
    color: red;
    font-weight: bold;
}

.calpicker .reserved:hover{
    cursor:auto;
    background:white;
    color:red;
}

.calpicker .reserved_u:hover{
    cursor:auto;
    background:white;
}

.calpicker .reserved_nox:hover{
    cursor:auto;
    background:#f0c2c2;
}

.calpicker .reserved_nox_u:hover{
    cursor:auto;
    background:#e8e8e8;
}

.calpicker .cur_month_day_nox{
    background: #c2dfd0;
}

.calpicker .active_day_nox{
    text-decoration:underline;
    background: #cfdfd0;
}

.calpicker .ext_month_day_nox{
    background: #c2dfd0;
    color:#a0a0a0;
}

.calpicker .ext_month_day_nox_u{
    background:#e8e8e8;
    color:#a0a0a0;
}

.calpicker .ext_month_day_nox_r{
    background:#f0c2c2;
    color:#a0a0a0;
}

.calpicker .cur_month_day{
    background: #f0f0f0;
}

.calpicker .ext_month_day{
    background: #ffffff;
    color: #c5c5c5;
}

.calpicker .ext_month_day:hover{
    cursor:auto;
    background:#ffffff;
}

.calpicker .ext_month_day_nox_r:hover{
    cursor:auto;
    background:#f0c2c2;
}

.calpicker .ext_month_day_nox_u:hover{
    cursor:auto;
    background:#e8e8e8;
}

.calpicker .ext_month_day_nox:hover{
    cursor:auto;
    background:#c2dfd0;
}

.calpicker td:hover{
    background: #3D83A8;
    color: #000;
    cursor: pointer;
}

.calpicker td{
    border: 1px solid #c0c0c0;
    vertical-align: top;
    font-size: 12px;
    min-width: 10px;
    text-align: center;
    padding: 2px 3px 2px 3px;
    line-height:1.5;
}

.float-calpicker,.calpicker{
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-collapse: collapse;
    background-color:white;
    font-family: 'Open Sans', sans-serif;
    border-top: 0px;
    margin-left:1px;
    color:#444;
}
.calpicker.float-calpicker{width:236px;}
.calpicker{width:200px;}
.float-calpicker caption, .calpicker caption{
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    font-size: 14px;
    padding: 2px;
    background-color: white;
    text-align: center;
}

.float-calpicker th,.calpicker th {
    text-align: center;
    border: 0;
    font-size: 12px;
    font-weight: 100;
    padding:4px;
    background-color:white;
}

.float-calpicker .cur_month_day:hover,.calpicker .active_day:hover {
    background: #3D83A8;
}

caption .navleft {float:left;margin:0;}
caption .navright {float:right;margin:0;}

.float-calpicker .active_day {
    color: #3D83A8;
    border-bottom: 2pt solid #3D83A8 !important;
    background-color:#f0f0f0;
}
/*==============================================*/
/* 5. IMAGE VIEWER                                   */
/*==============================================*/

/* hover text $(image_viewer:XXXXX)
===================================*/
#img_text{
    display:block;
    float:left;
}

span.lbimginfo{
    bottom: 0px;
    left:0px;
    display:inline-block;
    font-size: large;
    padding-top: 12px;
    height:30px;
    position:absolute;
    width:100%;
    text-align:center;
    visibility:hidden;
    background:black;
    opacity:0.5;
    color:white;
}

#bg_hider .buttons {
    padding: 8px;
}

#bg_hider .buttons .leftbtn {
    float: left;
}

#bg_hider .buttons .rightbtn {
    float: right;
    margin-right:25px;
}

#full_img_div #img_info .close {
    float: right;
}

#bg_hider .buttons .prev,
#bg_hider .buttons .next,
#bg_hider .buttons .play,
#bg_hider .buttons .pause,
#bg_hider .buttons .close,
#full_img_div #img_info .close,
.planyo_lightbox_info .close {
    display: block;
    width: 28px;
    height: 28px;
    opacity:1;
}

#full_img_div #on_img_prev,
#full_img_div #on_img_next {
    display: block;
    width: 30px;
    height: 60px;
}

#bg_hider .buttons .prev {
    background: url(https://www.planyo.com/slideshow/btn-prev.png);
}
#bg_hider .buttons .prev:hover {
    background: url(https://www.planyo.com/slideshow/btn-prev-hvr.png);
}
#bg_hider .buttons .next {
    background: url(https://www.planyo.com/slideshow/btn-next.png); 
}
#bg_hider .buttons .next:hover {
    background: url(https://www.planyo.com/slideshow/btn-next-hvr.png);
}
#bg_hider .buttons .play {
    margin-left: 4px; background: url(https://www.planyo.com/slideshow/btn-play.png);
}
#bg_hider .buttons .play:hover {
    background: url(https://www.planyo.com/slideshow/btn-play-hvr.png);
}
#bg_hider .buttons .pause {
    margin-left: 4px; background: url(https://www.planyo.com/slideshow/btn-pause.png); 
}
#bg_hider .buttons .pause:hover {
    background: url(https://www.planyo.com/slideshow/btn-pause-hvr.png);
}
#bg_hider .buttons .close {
    background: url(https://www.planyo.com/slideshow/btn-close.png);
}
#bg_hider .buttons .close:hover {
    background: url(https://www.planyo.com/slideshow/btn-close-hvr.png);
}
#full_img_div #img_info .close, .planyo_lightbox_info .close {
    background: url(https://www.planyo.com/slideshow/btn-on-close.png); 
}
#full_img_div #img_info .close:hover, .planyo_lightbox_info .close:hover {
    background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png); 
}
#full_img_div #on_img_prev {
    background: url(https://www.planyo.com/slideshow/btn-on-img-prev.png); 
}
#full_img_div #on_img_prev:hover {
    background: url(https://www.planyo.com/slideshow/btn-on-img-prev-hvr.png); 
}
#full_img_div #on_img_next {
    background: url(https://www.planyo.com/slideshow/btn-on-img-next.png); 
}
#full_img_div #on_img_next:hover {
    background: url(https://www.planyo.com/slideshow/btn-on-img-next-hvr.png);
}

/* small image thumbnails
===================================*/
.images {
clear: both;
position: relative;
left: 0px;
margin-top: 5px;
margin-bottom: 12px;
margin-right: 0px;
margin-left: -32px;
padding: 4px;
padding-left: 32px;
overflow: hidden;
background: transparent;
width: 100%;
}
.img_thumb {
float: left;
width: 90px;
}
.images img {
float: left;
width: 80px;
height: 80px;
margin: 4px;
}
/*==============================================*/
/* 6. UNIT LAYOUT                                  */
/*==============================================*/
.unit_layout_div {overflow:auto;height:500px;background-color:white;}
.unit_layout_table td {padding:10px;}
.lt_unit_cell {border:2px solid black;border-radius:8px;width:50px}
.lt_unit_cell:hover {background-color:#f2e3ae;cursor:pointer;}
.lt_empty_cell {width:10px}
.lt_free {background-color:#c2dfd0}
.lt_reserved {background-color: #f0c2c2}
.lt_reserved:hover {background-color: #f0c2c2;cursor:default;}
#full_unit_layout_map_div {max-width:100%;overflow:auto;}

/* other lightboxes */
.planyo_lb_bg_hider {padding:5px;display:none;position:fixed;background:black;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;z-index:990;width:100%;height:100%;left:0px;top:0px;}
.planyo_lb_window {display:none; z-index:999; position:fixed; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:white; border: solid 3px black; overflow:hidden;padding:10px;top:10%; bottom:10%; left:10%;right:10%;}
.planyo_lb_contents {width:100%;height:100%;}
.planyo_lb_close .close {display: block; width: 28px; height: 28px;background: url(https://www.planyo.com/slideshow/btn-on-close.png); color:white;opacity:1.0;}
.planyo_lb_close .close:hover {background: url(https://www.planyo.com/slideshow/btn-on-close-hvr.png); color:white;}
.planyo_lb_close {position: fixed;top:0px;right:0px;z-index:1000;opacity:1.0;}

@media (max-width:767px) {
.planyo_lb_window {top:2%; bottom:2%; left:2%;right:2%;width:initial;margin-left:0px;}
}

.planyo .poweredby,.poweredby {display:none;}