/* Molino La Ratonera Rentalot Plus modified blue theme, version 18.01 */


/* Deleted in base css file after version 17.07 only use them for screen wider than 600px*/

@media screen and (min-width: 600px) {
		.rp_left {width:280px;}
		.rp_pleft {width:360px;}
		.rp_right {font-family:verdana;}
}

/* Better alignment of tables in booking form */

.rp_border_table {width:100%;}
.rp_total {text-align:right;}
div.rpmb_doc_details table.rp_border_table {width:auto;}
div.rp_payment_wrapper .rp_border_table td:nth-child(1) {
    width: 50%;
}
div.rpmb_book_inner_2 .rp_border_table td:nth-child(1) {
    width: 35%;
}
div.rpmb_book_inner_1 .rp_border_table td:nth-child(1) {
    width: 35%;
}


/* Define background header for error message rp_payment user created div in template*/

div.rp_error_own {background-color: rgba(255,255,255,0.6);
		padding: 20px;
		margin-top: 40px;
  		margin-bottom:40px;
  		border-radius:5px;
		box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.19);
}

.rp_book_retry {font-family: 'Roboto',sans-serif;
    font-size: 22px;
    font-weight: 300;
    font-style: normal;
  	background-color: rgba(35,88,166,0.9);
    padding: 5px;
    border-radius: 5px;
    color: white !important;
  	text-align: center;}

.rp_book_retry:hover {
    background: #3a95da;
    color: white;
    text-decoration: none;
    outline: 0;
}



/* Headings */

div.rp_page h3 {font-family:'Roboto';font-size: 20px; color: #2358a6;font-weight:300;}
div.rp_form_wrapper h3 {font-family:'Roboto';font-size: 20px; color: #2358a6;font-weight:300;}
div.rp_extras_wrapper  {background-color: #2358a6;}
div.rp_extras_wrapper h3 {color:#2358a6;}
div.rp_form_wrapper label {font-family:'Roboto';font-size: 16px;font-weight:300;}
div.rp_form_wrapper {font-family:'Roboto';font-size: 16px;font-weight:300;color:#222222;background-color:#efefef;border:1px solid#ccc;padding:5px;border-radius:3px;margin-bottom:10px;width:100%;}

.rp_unit_heading {
    margin-bottom: 18px;
    padding: 3px 0;
    background-color: rgba(255,255,255,0.6);
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 2px 2px #2358a6;
    -moz-box-shadow: 0 2px 2px #2358a6;
    box-shadow: 0 2px 2px #2358a6;
    border-radius: 5px;
}

/* Booking form header styling */

div.rp_page h2 {
    font-family: 'Roboto',sans-serif;
    font-size: 22px;
    font-weight: 300;
    font-style: normal;
    background-color: rgba(35,88,166,0.9);
    padding: 5px;
    border-radius: 5px;
    color: white !important;
  	text-align: center;
  	display: flow-root;
}

div.rp_form_wrapper h3, div.rp_book2_wrapper h3 {
    background-color: rgba(35,88,166,0.9);
    color: white;
    padding: 5px;
}

/* Some animations */

.rp_page, .rpj_replace {
	animation: moveLeft 0.4s ease 0.2s backwards;
	}

@keyframes moveLeft{
	0% { 
		transform: translateX(+100%); 
		opacity: 0;
	}
	100% { 
		transform: translateX(0px);  
		opacity: 1;
	}
}

/* Fit text in dropdown selector */

select.rp_select {width:100% !important;font-size:100%;height:auto !important}

/* Use default template font-style for booking details */

.rp_right {font-family:inherit;}

/* Show second table with booking info as bold*/

.rp_border_table td:nth-child(2) {font-weight: 400;}

/* Show booking documents as button with hover effect */

.rpmb_doc_details .rp_border_table td:nth-child(1) {font-weight:400;display: block;
    width: auto;
    height: auto;
    background: rgba(35,88,166,0.9);
    padding: 5px;
  	margin:5px;
    text-align: left;
    border-radius: 3px;
    color: white;
}

.rpmb_doc_details .rp_border_table td:nth-child(1) a {color:white;}
.rpmb_doc_details .rp_border_table td:nth-child(1):hover {background: white!important;}
.rpmb_doc_details .rp_border_table td:nth-child(1):hover, .rpmb_doc_details .rp_border_table td:nth-child(1):hover a {color:#0345bf;}


/* Align Payment Details MyBooking to the right */

.rpmb_payment_details .rp_border_table td:nth-child(2) {
    text-align: right;
}

tr.rpe_fixed td.rpe_nr {color: #2358a6;font-size: larger;font-weight: bold;}

/* Price adjustment to the right for alignment */

div.rp_pay_details .rp_right, div.rp_extra_details .rp_right {text-align:right;}

/* Optimize for mobile devices */

@media screen and (max-width: 480px) {
	select.rp_select {max-width: 200px!important;font-size: 100%;height: auto!important}
  	div.rp_form_wrapper {font-size:12px;!important}
  	div.rp_form_wrapper label {font-size:14px;!important}
  	div.rp_page h2 {font-size:18px;}
  	div.rp_page h3 {font-size:16px;}
    .rp_border_table td:nth-child(1) {
    text-transform: uppercase;
    font-size: smaller;
    padding-right: 0px;}
}

/* Adjust top columns on MyBooking page to fill 100% on all screen sizes */

div.rpmb_book_inner_2 {margin-left: 0px; width:100%; display:inline;} /* As for do show extra's table*/
div.rpmb_book_inner_1 {margin-right: 0px; margin-top: 20px; width:100%;}

/* Search */

div.rps_panel h3 {color:white;}
div.rps_panel {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #2358a6;
  	border-radius:5px;
}
div.rps_panel_inner input.rps_button {background-color: #28a745; border-radius: 3px;}
div.rps_panel_inner input.rps_button:hover, div.rps_panel_inner input.rps_button:focus  {background: #23cf5f;}
div.rps_attrib label {color:black;}
div.rps_panel_field input {border: 1px solid!important; border-color:#a8abad !important;}
div.rps_panel div.rps_currency select {color: black; background-color: white;}
span.rp_uh_name, span.rp_uh_name a {font-family:'Amatic SC';color: #2358a6e8;
font-weight: 600; font-size:36px; padding-left:5px;}
.rp_uh_sleeps {
    color: #222;
    font: inherit;
    padding-left: 10px;
    padding-right: 10px;
  	display:block;
}
.rps_uh_price {
    color: gray;
    font: inherit;
    padding-left: 5px;
    padding-right: 10px;
    float: right;
}

.rps_uh_price {
    color: #2358a6;
    font: inherit;
  	font-size:20px;
  	font-weight:400;
    padding-left: 5px;
    padding-right: 10px;
    float: right;
    display: flex;
    padding-top: 13px;
}

input#datefrom.rp_date_field, input#dateto.rp_date_field {background-image: url(../images/date-16.png);}
input#datefrom.rp_date_field, input#dateto.rp_date_field, input#max_people {font-weight:400;}

/* Daily view */

/* Daily view own definitions of calendar cells and some other stuff */

table.rpd_table th, table.rpd_table td {line-height:1;font-family:'Roboto', sans-serif;font-weight:300;}
.rpd_month {background-color:rgba(35, 88, 166, 0.9);color:white;border:1px solid #efe8e8}
.rpd_past {background-color:#ECECEC;color:#ABABAB !important}
.rpd_available {background-color:#CCF1CC;color:#ABABAB !important}
.rpd_provisional {background-color:#FFB74D;color:#FFFFFF !important}
.rpd_unavailable {background-color:#FF8080;color:#FFFFFF !important}
.rpd_available-to-provisional {background:#CCF1CC linear-gradient(135deg, transparent 0%, transparent 75%, #FFB74D 75%, #FFB74D 100%);;color:#484848 !important}
.rpd_available-to-unavailable {background:#CCF1CC linear-gradient(135deg, transparent 0%, transparent 75%, #FF8080 75%, #FF8080 100%);color:#484848 !important}
.rpd_provisional_to_available {background:#FFB74D linear-gradient(135deg, transparent 0%, transparent 25%, #CCF1CC 25%, #CCF1CC 100%);color:#484848 !important}
.rpd_provisional-to-unavailable {background:#FFB74D linear-gradient(135deg, transparent 0%, transparent 75%, #FF8080 75%, #FF8080 100%);color:#FFFFFF !important}
.rpd_unavailable-to-provisional {background:#FF8080 linear-gradient(135deg, transparent 0%, transparent 25%, #FFB74D 25%, #FFB74D 100%);color:#FFFFFF !important}
.rpd_unavailable_to_available {background:#FF8080 linear-gradient(135deg, transparent 0%, transparent 25%, #CCF1CC 25%, #CCF1CC 100%);color:#484848 !important}
.rpd_changeover span {background-color:transparent;border:none;border-radius:50%;padding:1px;color:#484848;font-weight:bold;text-decoration:underline}
.rpd_check_yes {line-height: 28px;color: #28a745;font-weight: bold;}
.rpd_check_error {line-height: 28px;color: #dc3545;font-weight: bold;}
.rpd_tt-status {padding: 5px 2px;margin-bottom:5px;border-radius:3px;background-color:rgba(35,88,166,0.9);color:white;text-align:center}
.rpd_tt-nights {color:black}
.rpd_tt-price {padding-top:5px}
.rpd_tt-comment {color:red;text-align:right}
.rp_daily_scroll {
    border-top: 2px dashed #3465ab;
    border-bottom: 2px dashed #3465ab;
    }
.rpd_changeover {
    padding: 6px 4px !important;
}

/* Show prices in white when hover or selected */

.rpd_active_arrival .rpd_price, .rpd_active_depart .rpd_price {color:#fff !important;}
.rpd_clickable:hover .rpd_price {color: #fff !important;}


/* The daily view price message overlay */

div.rpd_js_msg_outer {position:fixed;z-index:65534;top:0;left:0;width:100%;height:100%;background-color:transparent;transition:background-color 1s ease}
.rpd_js_msg_dark {background-color:rgba(52,54,66,0.66)!important;transition:background-color 1s ease}
div.rpd_js_msg_inner {position:relative;z-index:65535;top:20%;width:400px;max-width:80%;margin:3em auto;height:auto;min-height:60px;text-align:center;vertical-align:middle;padding:12px 24px;border-radius:3px;background:white;font:normal normal normal 18px arial;color:black;text-decoration:none;box-shadow:0 0 20px 10px rgba(0,0,0,0.5)}
div.rpd_js_msg_buttons {margin-top:15px}

/* Daily view interactive pricing */

.rpd_selected_dates {color:#0808d2;font-weight:bold;line-height:28px;margin-bottom:10px}
.rpd_click_start {text-align:center;color:#795548;font-size:80%;font-weight:bold;line-height:28px}
.rpd_click_end {text-align:center;color:#795548;font-size:80%;font-weight:bold;line-height:28px}
.rpd_click_book_enq {text-align:center;color:#795548;font-size:80%;font-weight:bold;line-height:28px}
.rpd_active_arrival span {background-image:none;background-color:#2a52b8;color:white !important}
.rpd_active_arrival {outline:none;background-image:none;background-color:#2a52b8;color:white !important}
.rpd_active_depart span {background-image:none;background-color:#2a52b8;color:white !important}
.rpd_active_depart {outline:none;background-image:none;background-color:#2a52b8;color:white !important}
.rpd_active_selected span {background-image:none;background-color:#2a52b8;color:white !important}
.rpd_active_selected {background-image:none;background-color:#2a52b8;color:white !important}
.rpd_clickable:hover span {cursor:pointer;background-image:none;background-color:#2a52b8;color:#ffffff !important}
.rpd_clickable:hover {background-image:none;background-color:#2a52b8;color:white !important}

/* rp_key_table horizontal inline show with adjustments for cal fields*/

table.rpd_key_table tr {display:inline-table; min-height:35px;}
table.rpd_key_table td {min-width:35px; text-align:center;}
table.rpd_key_table td:last-child {padding-right: 12px;
}

/* Buttons */

.rp_button {border-radius: 3px;}
input.rp_button.rp_continue {
    font-size: larger;
  animation: pulse 3s ease infinite both !important;
}

@keyframes pulse{
    from{ box-shadow: 0 0 0 0 rgba(31, 83, 140, 1); }
    50%{ box-shadow: 0 0 0 0 rgba(31, 83, 140, 1); }
    to{ box-shadow: 0 0 0 15px rgba(29, 84, 141, 0); }
}

input.rp_button.rp_book {background-color:#28a745;color:white;animation: pulse 3s ease infinite both !important;}
input.rp_button.rp_book:hover, input.rp_button.rp_book:focus {background:#23cf5f;color:white;}
input.rp_button, button.rp_button {background: rgba(35, 88, 166, 0.9); color: white;}
input.rp_button:disabled {opacity: .5;cursor: default;cursor: not-allowed;}
div.rp_form_wrapper input[type="number"] {display:inline;}

/* payment buttons definitions and hover effect */

div.rp_buttons {clear:both}

div.rp_pay_method input[type="image"], div.rp_pay_method img {
    border:1px solid #ccc;
    border-radius:5px;
    background:#edeeee;
    background:linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
}
div.rp_pay_method input[type="image"]:hover, div.rp_pay_method img:hover {
    box-shadow:1px 1px 0px 1px rgba(0,0,0,0.3);
	background:linear-gradient(135deg, rgba(240,216,187,1) 0%, rgba(245,152,46,1) 27%, rgba(235,175,111,1) 59%, rgba(255,146,10,1) 100%);
}

/* Error messages color changes */

div.rp_error {
        color: #ff6600;
}

.rp_error_large {
        color: #ffc107;
}

div#rp_detailed_av_price div.rp_error_large{color:#ff6600;}


/* Make button from readon link */

.readon {color: #fff;
	background-color: rgba(35, 88, 166, 0.9);
	border-color: rgba(35, 88, 166, 0.9);
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 4px;
    transition: all .15s ease-in-out;
}

.readon:hover {color: #fff;
    background-color: #3a95da;
    border-color: #3a95da;
}

/* Protect Unit list short description from overflowing unit heading */

.rp_unit_desc {
    overflow-y: hidden;
}

/* Make pagination in unit list same style */

div.rp_pagination .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: rgba(35, 88, 166, 0.9);
    border-color: rgba(35, 88, 166, 0.9);
}