.clearboth { clear: both; }
.hidden { display: none; }

/* -----------------------------------
-- New Steps
----------------------------------- */

.step, .summary {
    float: left;
    position: relative;
    margin-bottom: 30px;
    width: 100%;
}
.step-title { margin-bottom: 30px; }
.step-title span {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-weight: 600;
    line-height: 36px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #1e52b0;
    margin-right: 15px;
}
.step-title h5 {
    display: inline-block;
}

.step input[type="text"][disabled],
.step input[type="text"][readonly],
.step select:disabled {
    background-color: #efefef;
}

#rental-dates {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#rental-offices {
    position: relative;
    margin-bottom: 30px;
}

.step .more-info {
    z-index: 1;
    padding: 1.2em;
}
.step .more-info::after {
    clear: both;
    content: "";
    display: table;
}
.step .more-info::before {
    /* triangle next to the step description - hidden on mobile */
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border: 6px solid transparent;
    display: none;
}
.step .more-info h2 {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: .4em;
}
.step .more-info p {
    font-size: 14px;
    color: #4f4f4f;
    margin-bottom: 0;
}
@media only screen and (min-width: 1100px) {
    .step .more-info {
        position: absolute;
        width: 340px;
        border-radius: 4px;
        /*box-shadow: 0 3px 20px rgba(0,0,0,0.15);*/
        opacity: 0;
        background-color: #fdf8e4;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        transition: opacity 0.4s;
        border-color: #fdf8e4;
    }
    .step .more-info::before {
        /* triangle next to the step description - hidden on mobile */
        display: block;
    }
    .step .more-info.left {
        right: calc(100% + 15px);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .step .more-info.right {
        left: calc(100% + 15px);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .step .more-info.left, .step .more-info.right { top: 50%; }
    .step .more-info.top {
        bottom: calc(100% + 15px);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .step .more-info.bottom {
        top: calc(100% + 15px);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .step .more-info.top, .step .more-info.bottom { left: 50%; }
    .step .more-info.left::before, .step .more-info.right::before {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .step .more-info.top::before, .step .more-info.bottom::before {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .step .more-info.left::before {
        border-left-color: inherit;
        left: 100%;
    }
    .step .more-info.right::before {
        border-right-color: inherit;
        right: 100%;
    }
    .step .more-info.top::before {
        border-top-color: inherit;
        top: 100%;
    }
    .step .more-info.bottom::before {
        border-bottom-color: inherit;
        bottom: 100%;
    }
}

#rental-dates:hover > .more-info,
#rental-offices:hover > .more-info {
    opacity: 1;
}

.mlrac_date { margin-bottom: 20px; }
.mlrac_date h5 {
    font-size: 1rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-transform: none;
}
.mlrac_date select { margin: 0 0 1rem 0; }

/* -----------------------------------
-- Coberturas y Accesorio
----------------------------------- */

.cobertura,
.cobertura.requerida {
    display: block;
    padding: 15px;
    cursor: pointer;
}
.cobertura.requerida { margin-top: 10px; }
.cobertura header {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.cobertura header h6 {
    float: left;
    display: inline-block;
    text-transform: none;
}
.cobertura.requerida header h6 { font-weight: normal; }
.cobertura.requerida header h6 span { font-weight: bold; }

.cobertura header .label,
.accesorio .label,
.mlrac_vehicle .label {
    float: right;
    margin-bottom: 0;
    background-color: transparent;
    color: #1e52b0;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}
.cobertura header .dot {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 19px;
    height: 19px;
    background: url('../images/coberturas-sprite.png') no-repeat center;
}
.cobertura.platinum header .dot { background-position: 0 0; }
.cobertura.gold header .dot { background-position: -19px 0; }
.cobertura.silver header .dot { background-position: -38px 0; }

.cobertura_text {
    position: relative;
    border-bottom: 2px solid #fff;
}
.cobertura_text, .cobertura_text p {
    font-size: 13px;
    text-align: justify;
}
.cobertura.seleccionada .cobertura_text { border-bottom: 2px solid #24ae5f; }
.cobertura.seleccionada .label,
.current_vehicle .label { color: #24ae5f; }

.accesorio {
    display: block;
    padding: 15px 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}
.accesorio .label { font-size: 16px; }
.accesorio input[type="checkbox"] + label { margin-right: 0 }
.accesorio-info { margin-top: 30px; }

/* -----------------------------------
-- Resumen de Cargos
----------------------------------- */

.summary {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.summary h5 {
    font-size: 16px;
    letter-spacing: 1px;
}
.summary table {
    border-left: 0;
    border-right: 0;
    margin-top: 25px;
}
.summary table tr th,
.summary table tr td {
    color: inherit;
}
.summary table tr:nth-of-type(even) {
    background: inherit;
}
.summary-number { text-align: right; }
.mlrac_total_days {
    font-size: 16px;
    line-height: normal;
}
.mlrac_total_days h6,
.mlrac_total_price h6 {
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
}
.mlrac_total_days .days_info {
    display: block;
    font-size: 85%;
}

.mlrac_total_price {
    background: #fafafa !important;
    font-size: 18px;
    line-height: normal;
    font-weight: bold;
}
.mlrac_total_price h6 { font-size: 18px; }
.mlrac_total_price .summary-number { font-size: 18px; font-weight: bold; }
.summary table .charge {
    font-weight: 600;
    font-size: 16px;
}
.mlrac_planbv .plan_info {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}
.mlrac_planbv .plan_info p,
.mlrac_planbv .plan_info ul {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
}
.mlrac_planbv .name_hotel_plan { margin-bottom: 5px; }
.mlrac_planbv .plan_info ul {
    list-style: none;
    margin-bottom: 10px;
}

/* -----------------------------------
-- The Fancybox Layout
----------------------------------- */

#resume_form {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap:wrap;
}
.rac-info, .rac-profile {
    /*height: 100%;*/
    position: relative;
    float: left;
    padding: 0.9375em;
    background-color: #fff;
}
.rac-info {
    width: 40%;
    background-color: #f2f2f2;
}
.rac-profile { width: 60%; }
.rac-profile fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
.rac-profile h2 { margin-bottom: 20px; }
.rac-info h3 { margin-bottom: 15px; }
.rac-info label {
    font-weight: bold;
    margin-bottom: 0;
}
.rac-info input[type="text"][disabled],
.rac-info input[type="text"][readonly] {
    background-color: transparent;
    padding: 0;
    border: 0;
    height: auto;
}
.rac-profile input.error,
.rac-profile textarea.error {
    border-color: #c60f13 !important;
}
.rac-profile button, .rac-profile input[type="submit"] {
    padding: 0.5em 1em;
    margin: 10px 0 0;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
    .rac-info, .rac-profile { width: 100%; }
}

/* -----------------------------------
-- Old CSS
----------------------------------- */

.resumen { text-align: center; }
.mlrac_slide {
    position: relative;
    margin-bottom: 40px;
    z-index: 1;
}
.mlrac_slide .con_titulo { height: 230px; }
.mlrac_slide #productCarousel { min-height: 235px !important; }

.mlrac_vehicle {
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: 1px solid #fff;
}
.noselected_vehicle { opacity: 0.6; }
.current_vehicle {
    opacity: 1;
    font-weight: bold;
    border: 1px solid #ccc;
    border-bottom: 2px solid #FDB827;
}
.mlrac_vehicle .label { float: none; }
.mlrac_vehicle h6 {
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
}
.mlrac_vehicle_price_meta { font-weight: normal; color: #ccc; }

.mlrac_errror { margin-bottom: 20px; }
.mlrac_error {
    background: #FCF8E3;
    font-size: .8em;
    color: #8a6d3b;
    border: 1px solid #faebcc;
    padding: 10px;
}

.make_reservation {
    text-decoration: none;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 10px 25px !important;
    width: auto;
    margin: 20px 0;
}

#reserve_box { max-width: 940px; }
.reserve_box legend { margin-bottom: 0; }
.reserve_notification { text-align: center; }
.reserve_notification h1{ margin-bottom: 0; }

input.error { border-color: #c60f13; }
label.error {
    color: #c60f13;
    font-size: .9em;
}

/* Time Picker */
div.time-picker {
    position: absolute;
    height: 191px;
    width:4em; /* needed for IE */
    overflow: auto;
    background: #fff;
    border: 1px solid #aaa;
    z-index: 99;
    margin: 0;
}
div.time-picker-12hours { width:6em; /* needed for IE */ }
div.time-picker ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.time-picker li {
    cursor: pointer;
    height: 10px;
    font: 12px/1 Helvetica, Arial, sans-serif;
    padding: 4px 3px;
}
div.time-picker li.selected {
    background: #0063CE;
    color: #fff;
}
/* end TimePicker */

.mlrac_date label { font-weight: bold; }
.check-location { margin-bottom: 15px; }
.check-location input[type="checkbox"] + label {
    margin: 0;
    font-weight: normal;
}
.disabled { color: #aaa; }
.disabled label {
    color: #aaa;
    font-weight: normal;
}

/* Widget */
.mlrac_widget_box_container { position: relative; }
.mlrac_separator_block {
    margin-bottom: 10px;
    border-bottom: 1px solid #CBCDCF;
}
.mlrac_widget_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 45%;
}
.mlrac_widget_in_box {
    margin: 14px;
    padding: 10px 20px;
    background-color: rgba(255,255,255,0.9);
}

@media only screen and (max-width: 48em) {
  .mlrac_widget_box {
    width: 100%;
    position: relative;
  }
  .mlrac_widget_in_box {
    margin: 0 auto;
    background-color: #fff;
  }
}

.mlrac_widget_in_box form { margin-bottom: 0; }
.mlrac_widget_in_box legend{
    font-weight: bold;
    margin-bottom: 1rem;
}
.mlrac_widget_in_box label {
    color: #7a8391;
    font-size: 14px;
    line-height: 1em;
}
.mlrac_widget_in_box h2{
    color: #1e52b0;
    font-size: 18px;
    font-weight: bold;
}

.mlrac_widget_in_box input[type="submit"],
.mlrac_widget_submit,
.mlrac_widget_in_box .button {
    margin: 0;
    background: #1E52B0;
    float: right;
}

.mlrac_widget_in_box input[type="submit"]:hover,
.mlrac_widget_submit:hover { background: #194493; }

#aditional_price_container { border-bottom:none !important; }
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}