/* Reglas de booking entrance */
/*
- Width
campos del formulario */
/* Chain selector */   
.mi-be .mi-be-chain-select .mi-be-chain-field label {
}
/* Date picker */
.mi-be-datepicker-select .DateRangePickerInput .DateInput {
}
/* Multiroom */
.mi-be .mi-be-multiroom-select .mi-be-multiroom-field label {
}
/* Promo Code */
.mi-be .mi-be-promo-field input {
}
/* Booking Button */
.mi-be .mi-be-book-btn {
}
/* Dropdown de chain selector */
.mi-be .mi-be-chain-select .mi-be-chain-dropdown {
    width: 350px;
}


/*
- Padding
- Border
- Background-color
- margin-right
- border-radius
campos del formulario */
.mi-be .mi-be-chain-field,
.mi-be .DateRangePickerInput,
.mi-be .mi-be-multiroom-field,
.mi-be .mi-be-promo-field {
    border: 1px solid #DEDEDE !important;
    background-color: transparent;
    border-radius: 3px;
    color: #fff;
}
.bookingstep1 .mi-be .mi-be-chain-field,
.bookingstep1 .mi-be .DateRangePickerInput,
.bookingstep1 .mi-be .mi-be-multiroom-field,
.bookingstep1 .mi-be .mi-be-promo-field {
	border: 1px solid #DEDEDE !important;
	background-color: #fff;
    color: #585C61;
}

/* input elements */
.mi-be .mi-dropdown .mi-dropdown-button label,
.mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input,
.mi-be .mi-be-promo-field label input,
.mi-be .mi-be-book-btn {    
    height: 2.2em;
}



/*
- Color
placeholder de los campos del formulario */
/*.mi-be .mi-dropdown .mi-dropdown-placeholder,
.mi-be input[type=text]::-webkit-input-placeholder {color: #96999C;}
.mi-rs input[type=text]::-webkit-input-placeholder {color: #96999C;}
.mi-be input[type=text]::-moz-placeholder {color: #96999C;}
.mi-rs input[type=text]::-moz-placeholder {color: #96999C;}
.mi-be input[type=text]:-moz-placeholder {color: #96999C;}
.mi-rs input[type=text]:-moz-placeholder {color: #96999C;}
.mi-be input[type=text]:-ms-input-placeholde {color: #96999C;}
.mi-rs input[type=text]:-ms-input-placeholder {color: #96999C;}
*/

/* ICONOS */
/*
- Color
- Font-size
iconos de los campos del formulario */
/* Date picker calendar */
/* Multiroom & promo code icons */
.mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon,
.mi-be .mi-be-multiroom-field span.mi-ico-dropdown,
.mi-be .mi-be-promo-field span.mi-ico-code {
    color: #fff;
    font-size: 22px;
}
.bookingstep1 .mi-be .mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_calendarIcon,
.bookingstep1 .mi-be .mi-be-multiroom-field span.mi-ico-dropdown,
.bookingstep1 .mi-be .mi-be-promo-field span.mi-ico-code {
    color: #585C61;
}

/* Date picker arrow */
.mi-be-datepicker-select .DateRangePickerInput .DateRangePickerInput_arrow {
    fill: #757575;
}

/* Dropdowns arrows */
.mi-be .mi-dropdown .mi-dropdown-button .mi-ico-arrow-down-dark {
    color: #757575; /*mismo color que date picker arrow */
}


/* DATEPICKER (motor y no dispo) */

/* fechas seleccionadas y hover */
.CalendarDay__selected_start,
.CalendarDay__selected_start:hover,
.CalendarDay__selected_start:active,
.CalendarDay__selected_span,
.CalendarDay__selected_span:hover,
.CalendarDay__selected_span:active,
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:active,
.CalendarDay__default:hover,
.mi-be .mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused,
.mi-na-option-date .CalendarDay__selected_start,
.mi-na-option-date .CalendarDay__selected_start:hover,
.mi-na-option-date .CalendarDay__selected_start:active,
.mi-na-option-date .CalendarDay__selected_span,
.mi-na-option-date .CalendarDay__selected_span:hover,
.mi-na-option-date .CalendarDay__selected_span:active,
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused,
.mi-na-option-date .CalendarDay__hovered_span,
.mi-na-option-date .CalendarDay__hovered_span:active,
.mi-na-option-date .CalendarDay__default:hover {
    background-color: #eadcc6;
    color: #000;
}

/* primer y ultimo dia */
.CalendarDay__selected_end,
.CalendarDay__selected_end:hover,
.CalendarDay__selected_end:active,
.mi-na-option-date .CalendarDay__selected_end,
.mi-na-option-date .CalendarDay__selected_end:hover,
.mi-na-option-date .CalendarDay__selected_end:active {
    background-color: #f39c12;
}

/* Botones de acción */
/*
   - Color
   - Background-color
   - Border
   - Border-radius
*/
.mi-be .mi-be-book-btn,
.mi-rs .mi-rs-cart-btn,
.mi-rs .mi-rs-add-btn,
.mi-rs .mi-na-option-date-btn,
.mi-rs .mi-na-option-hotel-btn,
.mi-rs .mi-cf-form-data-btn,
button.mi-modal-close-btn,
.mi-rs .mi-rs-rate-select-room-btn,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm {
  color: #fff;
  background-color: #ffc845;
  border-radius: 3px;
}

/*
   - Color
   - Background-color
   - Border
hover de los botones de acción */
.mi-be .mi-be-book-btn:hover,
.mi-rs .mi-rs-cart-btn:hover,
.mi-rs .mi-rs-add-btn:hover,
.mi-rs .mi-na-option-date-btn:hover,
.mi-rs .mi-na-option-hotel-btn:hover,
.mi-rs .mi-cf-form-data-btn:hover,
button.mi-modal-close-btn:hover,
.mi-rs .mi-rs-rate-select-room-btn:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm:hover {
  background-color: #50575f;
}


/*
-border color (corporativo como boton ppal)
linea superior en la página de client form
elementos de formulario en client form cuando tienen el foco
icono de tarjeta de crédito seleccionada en forma de pago */
div[data-mirai-engine="mirai_cf"] .mi-rs,
div[data-mirai-engine="mirai_mr"] .mi-rs,
.mi-rs .mi-field-group.focused .mi-input-text,
.mi-rs .mi-field-group.focused .mi-textarea,
.mi-cf-form-data form .mi-cf-form-data-payment .mi-cf-form-data-payment-title img.selected,
.mi-rc-reservation-code,
.mi-rc-reservation-address,
.mi-rc-reservation-data,
.mi-rc-reservation-detail,
.mi-rc-reservation-price,
.mi-rc-reservation-payment,
.mi-rc-reservation-cancellation,
.mi-rc-reservation-privacy {
  border-color: #f39c12;
}

/* LOADING booking proccess Color corporativo boton ppal */
.mi-rs.loading .mi-loading .mi-loading-scope .mi-loading-icon div {
    border-color: #f39c12 transparent #f39c12 transparent;
}

/* LINKS */

/*
   - Color
general links  (poner mismo color que links web) */
.mi-rs .mi-rs-room-occupation-btn,
.mi-rs .mi-rs-room-detail-btn,
.mi-rs-rate-see-more-btn,
.mi-rs-suggestion-btn,
.react-tabs [role=tab][aria-selected=true],
.react-tabs [role=tab]:hover,
.mi-rs-modal-occupation-btn:hover .mi-rs-occupation-text-legend span:first-child, 
.mi-rs-modal-occupation-btn.selected .mi-rs-occupation-text-legend span:first-child, 
.mi-rs-modal-occupation-btn.people:hover, 
.mi-rs-modal-occupation-btn.people.selected,
.mi-rs-back-to-room-selection,
.mi-na-view-all-results,
.mi-rs-cart-item-edit-btn,
.mi-be-datepicker-info-panel .mi-be-datepicker-clear-dates button,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-title .mi-be-multiroom-remove,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown .mi-be-multiroom-footer  .mi-be-multiroom-footer-add,
.mi-na-option-hotel > h4,
.mi-rs .mi-cancelation-payment-link,
.mi-rs .mi-privacy-policy-link,
.mi-rs .mi-cf-form-data-link-back,
.mi-rs .mi-cf-error-link-back,
.mi-cf-form-data form .mi-cf-form-data-additionals div[class*="mi-cf-form-data-additionals-"] a,
.mi-rs .mi-rc-btn,
.mi-rc-reservation-address .mi-rc-reservation-address-mail-link,
.mi-rc-reservation-address .mi-rc-reservation-address-web-link,
.mi-rs .mi-rc-reservation-code .mi-rc-reservation-code-expired-link,
.mi-be-modal .mi-be-modal-header button.mi-be-modal-clear-date {
    color: #f39c12;
}

.mi-rs .mi-rs-room-occupation-btn:hover,
.mi-rs .mi-rs-room-detail-btn:hover,
.mi-rs-rate-see-more-btn:hover,
.mi-rs-suggestion-btn:hover,
.mi-rs-back-to-room-selection:hover,
.mi-na-view-all-results:hover,
.mi-rs-cart-item-edit-btn:hover,
.mi-be-datepicker-info-panel .mi-be-datepicker-clear-dates button:hover,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-title .mi-be-multiroom-remove:hover,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown .mi-be-multiroom-footer  .mi-be-multiroom-footer-add:hover, 
.mi-na-option-hotel > h4:hover,
.mi-rs .mi-cancelation-payment-link:hover,
.mi-rs .mi-privacy-policy-link:hover,
.mi-rs .mi-cf-form-data-link-back:hover,
.mi-rs .mi-cf-error-link-back:hover,
.mi-cf-form-data form .mi-cf-form-data-additionals div[class*="mi-cf-form-data-additionals-"] a:hover,
.mi-rs .mi-rc-btn:hover,
.mi-rc-reservation-address .mi-rc-reservation-address-mail-link:hover,
.mi-rc-reservation-address .mi-rc-reservation-address-web-link:hover
.mi-rs .mi-rc-reservation-code .mi-rc-reservation-code-expired-link:hover,
.mi-be-modal .mi-be-modal-header button.mi-be-modal-clear-date:hover {
	color: #f39c12;
}

/*
   - Border color
botón link de la ocupación seleccionada
tab seleccionado
controles de adultos/niños en el filtro multiroom*/
.mi-rs-modal-occupation-btn:hover,
.mi-rs-modal-occupation-btn.selected,
.react-tabs [role=tab][aria-selected=true],
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-adult span.react-numeric-input b,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-children span.react-numeric-input b,
.mi-radio-container input[type="radio"]:checked + .mi-radio-ico:before,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-add,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm,
.mi-checkbox-container input[type="checkbox"]:checked + .mi-checkbox-ico:before {
 border-color: #f39c12 !important;
}

/*
- Color
boton link signo + y - en los controles de adultos/niños en el filtro multiroom */
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-adult span.react-numeric-input b i,
.mi-be .mi-be-multiroom-select .mi-be-multiroom-dropdown ul li .mi-be-multiroom-option-children span.react-numeric-input b i,
.mi-checkbox-container input[type="checkbox"]:checked + .mi-checkbox-ico:before {
 background-color: #f39c12 !important;
}

/* MEDIA QUERIES */


/* Small screens like iPad Portrait */
@media (min-width: 768px) and (max-width: 979px) {
    .mi-be .mi-be-promo-field {margin-right: 0}
    .mi-be .mi-be-book-btn  {margin-top: 10px;}
}