[data-drupal-selector="edit-product-type-selection"] legend {
    display: none;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
    margin-bottom: 60px;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label {
    position: relative;
    opacity: 1;
    transition: 0.3s;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label:hover {
    opacity: 1;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    color: green;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .name {
    margin-bottom: 20px;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .tallas {
    margin-top: 20px;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input:checked + label {
    opacity: 1;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input:checked + label:before {
    opacity: 1;
}
.webform-submission-alquiler-verano-form .form-actions {
    display: flex;
    justify-content: flex-end;
}
.webform-submission-alquiler-verano-form .form-actions [data-webform-wizard-page="dates_selection"] {
    display: inline-flex;
    width: auto;
}
[data-drupal-selector="edit-product-type-selection"] .form-item-product-type-selection {
    width: calc(25% - 20px);
    padding: 0;
}
[data-drupal-selector="edit-product-type-selection"] .form-item-product-type-selection label {
    width: 100%;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label {
    border-bottom: 3px solid #222222;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .image {
    width: 100%;
    padding-top: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .image img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: unset;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .name-talla {
    background-color: white;
    width: 100%;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .name-talla .name,
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .name-talla .tallas {
    margin: 0;
    text-align: center;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: var(--font-color-black);
    margin: 0px auto;
    font-size: 1.5rem;
    text-transform: uppercase;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label:hover  {
    text-decoration: underline;
    color: var(--font-color-active);
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .name-talla .tallas {
    font-size: 15px;
    margin-top: -5px;
    padding-bottom: 10px;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label .radio-selection-wrapper .name-talla .name {
    padding-top: 10px;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input + label:before {
    color: white;
    padding-left: 5px;
}
.progress-step.is-active .progress-marker {
    background-color: var(--font-color-active);
}
.progress-step:hover .progress-marker {
    background-color: #f29b8c;
}
.btn-primary:disabled {
    background-color: var(--font-color-active);
    cursor: not-allowed;
}
.btn-primary:disabled:hover {
    background-color: var(--font-color-active);
    color: white !important;
}
.webform-submission-alquiler-verano-form .paso_2 {
    display: inline-flex;
    background-color: rgba(183, 172, 172, 0.14);
    align-items: flex-end;
    padding: 10px 20px 20px 0;
    margin: 0 auto !important;
    position: relative;
    left: 50%;
    transform: translate(-50%);
}
.webform-submission-alquiler-verano-form .paso_2 .flexbox-dates {
    margin: 0 !important;
}
.webform-submission-alquiler-verano-form .paso_2 .flexbox-dates .js-form-item {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0 !important;
}
.webform-submission-alquiler-verano-form .paso_2 .btn-to-view {
    margin-left: 20px;
}
.webform-submission-alquiler-verano-form .paso_2 .btn-to-view button {
    padding-top: 5px;
    padding-bottom: 5px;
    height: unset;
    margin-bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) center;
    background-size: 15px 15px;
    background-color: var(--font-color-active);
    padding-right: 25px;
}
body.in-rent-process .field--name-field-titulo {
    margin-bottom: 20px;
}
body.in-rent-process [data-drupal-selector="edit-field-tipo-de-bici-target-id"] .form-radios .js-form-item {
    padding: 0;
}
body.in-rent-process [data-drupal-selector="edit-field-tipo-de-bici-target-id"] .form-radios .js-form-item:first-child {
    display: none;
}
body.in-rent-process [data-drupal-selector="edit-field-tipo-de-bici-target-id"] .form-radios .js-form-item label {
    border-radius: 4px;
    background-color: white;
    color: #777777;
    border-width: 0;
}
body.in-rent-process [data-drupal-selector="edit-field-tipo-de-bici-target-id"] .form-radios .js-form-item input:checked + label {
    border-width: 2px;
    color: var(--bg-btn-color);
}
.progress-step.is-complete .progress-marker {
    background-color: var(--font-color-active);
    position: relative;
}
.progress-step.is-complete .progress-marker:before {
    content: "\f00c";
    background: transparent !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.progress-step.is-complete:after {
    background-color: var(--font-color-active);
}
body.in-rent-process .owl-stage {
    align-items: stretch;
}
body.in-rent-process .view-id-alquiler_bicis .views-row {
    width: 100%;
    padding-right: 15px !important;
    height: 100%;
}
body.in-rent-process .view-id-alquiler_bicis .view-content {
    display: block;
    gap: 0;
    justify-content: initial;
}
body.in-rent-process .views-row {
    box-shadow: none;
    background: transparent;
    padding: 0 !important;
}
body.in-rent-process .views-row:hover {
    background: transparent !important;
    box-shadow: none !important;
}
body.in-rent-process .views-row .variation {
    background: #f8f8f8;
    transition: 0.3s;
    height: 100%;
}
body.in-rent-process .views-row .variation a {
    text-decoration: none !important;
}
body.in-rent-process .views-row .variation .variation-top-image-src {
    position: relative;
}
body.in-rent-process .views-row .variation .variation-top-image-src:after {
    content: "";
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 0.3s;
}
body.in-rent-process .views-row .variation .variation-content-top-wrapper {
    display: flex;
    padding: 30px;
    border-bottom: 1px solid #dddddd;
}
body.in-rent-process .views-row .variation .variation-content-top-wrapper .label {
    color: #222222;
    text-transform: uppercase;
    font: normal 600 16px/1.1 Oswald;
}
body.in-rent-process .views-row .variation .variation-content-top-wrapper .value {
    margin-top: 5px;
    font: normal 400 16px/1.1 Oxygen;
}
body.in-rent-process .views-row .variation .variation-content-top-wrapper .variation-content-top,
body.in-rent-process .views-row .variation .variation-content-top-wrapper .variation-content-lugares-interes {
    width: 50%;
    flex: 1;
}
body.in-rent-process .views-row .variation .variation-content-top-wrapper .variation-content-top {
    width: 50%;
    border-right: 1px solid #dddddd;
    padding-right: 20px;
    margin-right: 20px;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades {
    padding: 30px;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .label {
    text-align: center;
    color: #222222;
    text-transform: uppercase;
    font: normal 600 16px/1.1 Oswald;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value {
    font: normal 400 16px/1.1 Oxygen;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad:last-child {
    padding-bottom: unset;
    border-bottom: unset;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad .disponibilidad-lavel {
    font-weight: 700;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad .disponibilidad-unidad {
    margin-right: 10px;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad button {
    height: unset !important;
    line-height: 1 !important;
    order: 2;
    padding: 15px;
    margin: 0;
    transition: 0.3s;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad button:hover {
    background-color: var(--bg-btn-color);
    color: white;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad input[type="number"] {
    padding: 10px !important;
    height: unset !important;
    line-height: 0 !important;
    margin-left: 10px;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad * {
    white-space: nowrap;
}
body.in-rent-process .views-row .variation-top-tipo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    gap: 10px;
}
body.in-rent-process .views-row .variation-top-tipo .variation-content-top-tipo-precio .label {
    display: none;
}
body.in-rent-process .views-row .variation-top-tipo .variation-content-top-tipo-precio .value {
    font: normal 500 30px/1.1 Oswald;
    color: var(--bg-btn-color);
}
body.in-rent-process .views-row .variation-top-tipo h4 {
    font: normal 500 22px/1.1 Oswald;
    margin: 0;
    text-transform: uppercase;
}
body.in-rent-process .views-row .variation-top-tipo h5 {
    font: normal 300 12px/1.1 Oswald;
    margin: 8px 0 0;
    text-transform: uppercase;
    color: #666666;
}
body.in-rent-process .views-row .variation:hover {
    box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}
body.in-rent-process .views-row .variation:hover .variation-top-image-src {
    position: relative;
}
body.in-rent-process .views-row .variation:hover .variation-top-image-src:after {
    background-color: rgba(0, 0, 0, 0.7);
}
body.in-rent-process .owl-nav {
    transform: unset;
    bottom: -10px;
}
body.in-rent-process .pre-cart-block > form {
    position: initial;
}
body.in-rent-process .totals-area-wrapper {
    height: 160px !important;
}
body.in-rent-process .dates-area-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    bottom: 160px !important;
}
body.in-rent-process .dates-area-wrapper .date-days {
    white-space: nowrap;
}
body.in-rent-process .dates-area-wrapper .dates-detail {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}
body.in-rent-process .dates-area-wrapper .dates-detail .change-dates-wrapper {
    width: 100%;
    color: black;
}
body.in-rent-process .dates-area-wrapper .dates-detail .change-dates-wrapper .change-dates {
    color: black;
    transform: scale(0.7) !important;
    text-decoration: none;
    margin-left: 0;
}
body.in-rent-process .dates-area-wrapper .dates-detail .change-dates-wrapper .change-dates:before {
    margin-right: 20px;
}
body.in-rent-process .totals-area-wrapper > .total-online {
    display: flex;
}
body.in-rent-process .totals-area-wrapper > .total-online .totals-price {
    margin-left: 10px;
}
body.in-rent-process .webform-submission-alquiler-verano-form .form-actions {
    position: absolute;
    bottom: 0;
    left: unset;
    right: unset;
    left: 50%;
    transform: translatex(-50%);
    z-index: 1;
    padding: 0;
}
body.in-rent-process .all-products {
    padding: 0 40px 40px;
    padding-top: 80px;
}
body.in-rent-process .all-products .row-product {
    display: flex;
    transition: 0.3s;
    width: 100%;
    justify-content: space-between;
}
body.in-rent-process .all-products .row-product:hover {
    color: var(--bg-btn-color);
}
body.in-rent-process .all-products .row-product .delete {
    margin-right: 15px;
    cursor: pointer;
}
body.in-rent-process .all-products .row-product .delete:hover:after {
    color: var(--bg-btn-color) !important;
    opacity: 1;
}
body.in-rent-process .all-products .row-product .delete:after {
    content: "\f2ed";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 20px;
    height: 20px;
    color: black !important;
    opacity: 0.3;
    transition: 0.3s;
}
body.in-rent-process .all-products .row-product .product-info {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
body.in-rent-process .all-products .row-product .product-info .modelo {
    width: 100%;
    margin-top: 3px;
    order: -1;
}
body.in-rent-process .all-products .row-product .product-info .modelo .toast {
    display: block !important;
    opacity: 1 !important;
    border: 0;
    box-shadow: unset;
    font-weight: 700;
}
body.in-rent-process .all-products .row-product .product-info .talla {
    margin-left: 5px;
}
body.in-rent-process .view-empty,
body.in-rent-process .all-products .empty-value {
    font-size: 20px;
    text-align: center;
    padding-top: 40px;
    color: var(--font-color-active);
    font-weight: 700;
}
body.in-rent-process.addAddon #main-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .form-actions {
    position: relative;
    display: inline-flex;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .form-actions input {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .total-online {
    display: flex;
    justify-content: flex-end;
    font-size: 24px;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .total-online .totals-label {
    margin-right: 10px;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .total-online .totals-price {
    display: flex;
    color: var(--font-color-active);
    font-weight: 700;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] .total-online .totals-price .price {
    margin-right: 4px;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] {
    background-color: rgba(183, 172, 172, 0.07);
    flex-wrap: wrap;
    align-items: center;
    padding: 30px;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] .title {
    width: 100%;
    font-weight: 700;
    margin-bottom: 15px;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] fieldset {
    margin: 0 !important;
    padding: 0 !important;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] [class*="form-item-din-name"],
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] [class*="form-item-din-surname"] {
    max-width: 240px;
    margin-right: 15px !important;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] .js-form-type-checkbox {
    margin-right: 15px !important;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] .js-form-type-checkbox label:before {
    top: 4px;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] .js-form-type-checkbox label:after {
    top: 10px;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] [class*="form-item-din-gps"] {
    margin-right: 15px !important;
    position: relative;
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] [class*="form-item-din-gps"]:not(.js-form-type-checkbox) label {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 16px;
    transform: translatey(-50%);
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, white 50%, white 100%);
}
body.in-rent-process.addAddon [data-webform-wizard-current-page="material_adjustment"] [data-drupal-selector*="edit-flexbox-din"] [class*="form-item-din-gps"] select {
    border-color: #ced4da;
}
.webform-submission-alquiler-verano-form .paso_2{
    margin-top: 80px!important;
}
body.in-rent-process #drupal-modal header{
    display: block!important;
}
body.in-rent-process .views-row .variation .variation-top-image-src img{
    background-color: white;
}
[data-drupal-selector="edit-product-type-selection"] .form-item-product-type-selection{
    /*margin: 15px;*/
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column {
    flex-wrap: wrap;
    /* width: 80%; */
    /* gap: 40px; */
    display: flex;
    justify-content: space-between;
}
.ui-dialog .ui-dialog-titlebar-close {
    border: 1px solid black;
    position: relative;
    top: unset;
    transform: unset;
    left: unset;
    right: unset;
    bottom: unset;
    margin: 0;
}
.ui-dialog .ui-dialog-titlebar-close:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px !important;
    z-index: 99;
}
.ui-widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.disponibilidad-button {
    background-color: var(--bg-btn-color);
    color: white;
    border: 1px solid var(--bg-btn-color);
    transition: 0.3s;
}
.disponibilidad-button:hover {
    background-color: white !important;
    color: var(--bg-btn-color) !important;
}
.disponibilidad-button:disabled {
    background-color: var(--bg-color-button-grey);
    border: 1px solid var(--bg-color-button-grey);
    color: white !important;
}
.disponibilidad-button:disabled:hover {
    background-color: var(--bg-color-button-grey) !important;
}
.steps-wrapper {
    margin-top: 80px;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column input[type='radio']:checked +label {
  zoom:1.2;
  border: 2px solid var(--bg-btn-color);
}
body.in-rent-process .steps-wrapper{
    position: absolute;
    width: calc(100vw - 445px);
    right: 445px;
    top: 10px;
}
body.in-rent-process .node--type-pagina-libre{
    top: 50px;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad .disponibilidad-unidad{
    flex: 1;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad input[type="number"]{
    margin-right: 10px;
}
body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad .disponibilidad-unidad{
    margin-left: 10px;
}
body.in-rent-process.bitaboot-md #main-wrapper,
body.in-rent-process.bitaboot-lg #main-wrapper{
    padding: 0px!important;
}
body.in-rent-process.bitaboot-md .steps-wrapper,
body.in-rent-process.bitaboot-lg .steps-wrapper{
    width: 100%;
    right: 0px;
    left: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    top: 0px;
}
body.in-rent-process.bitaboot-md .node--type-pagina-libre,
body.in-rent-process.bitaboot-lg .node--type-pagina-libre{
    padding-top: 80px;
}
body.in-rent-process.bitaboot-md form .steps-wrapper,
body.in-rent-process.bitaboot-lg form .steps-wrapper{
    display: none;
}
body.in-rent-process .all-products{
    max-height: calc(100vh - 245px);
    overflow-x: auto;
}
.id-3202 form:not([data-webform-wizard-current-page*="dates_selection"]):not([data-webform-wizard-current-page*="material_adjustment"]) .form-actions{
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    height: 0;
}
.variation-top-tipo-title {
    min-height: 74px;
}
.checkout-pane-order-summary #edit-coupon-redemption {
    width: 100% !important;
    margin-top: 20px;
}
.checkout-pane-order-summary #edit-coupon-redemption [data-drupal-selector="edit-coupon-redemption-form"] {
    border: 0;
    width: 100%;
    margin-left: 0;
    display: flex;
}
.order-total-line__total {
    padding-right: 6px;
}

.path-checkout .checkout-complete{
    height: initial!important;
}

/** JMP DE MOMENTO NO HAY CUPONES DESCUENTO Y SE DESMAQUETA CUANDO SE APLICA UN CUPÓN **/
.checkout-pane-order-summary #edit-coupon-redemption [data-drupal-selector="edit-coupon-redemption-form"] {display: none}

.checkout-complete {
    height: 20vh;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 25px;
    vertical-align: middle;
    color: var(--font-color-black);
    text-align: center;
    margin-top: 2rem;
}
.checkout-complete .important {
    font-weight: 400;
    font-size: 25px;
    display: block;
}
.checkout-complete .important {
    text-decoration: underline red;
}

.ui-dialog .field--name-field-sigue-leyendo {display: none}

input[type="submit"].address-book-edit-button {
    max-width: 140px!important;
    background-color: transparent!important;
    color: var(--font-color-active)!important;
    font-size: 14px;
    padding: 0px 10px!important;
    height: auto;
    width: auto;
}
.register-wrapper {display: none}

/** RG Dedo para scroll on mobile en proceso de alquiler */
.in-rent-process .view-id-alquiler_bicis > .view-content{
    position: relative;
    touch-action: manipulation;
}
.in-rent-process .view-id-alquiler_bicis > .view-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 10;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    transition: all .4s ease;
}
.in-rent-process .view-id-alquiler_bicis > .view-content:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 150px;
    width: 30px;
    height: 60px;
    background-image: url('../img/assets/swipe.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    animation: swipe 2s infinite;
    opacity: 1;
    visibility: visible;
    transition: all .4s ease;
}

.in-rent-process .view-id-alquiler_bicis > .view-content.clicked:before,
.in-rent-process .view-id-alquiler_bicis > .view-content.clicked:after {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .4s ease;
}

@keyframes swipe {
    0% {
        transform: rotate(-10deg);
    }
    25% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(10deg);
    }
    75% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotateX(-10deg);
    }
}
@media all and (min-width: 992px) {
    .in-rent-process .view-id-alquiler_bicis > .view-content:after,
    .in-rent-process .view-id-alquiler_bicis > .view-content:before {
        content: unset;
    }
}

/** RG Wider  */
@media all and (max-width: 992px) {
    body.in-rent-process .views-row .variation .variation-content-disponibilidades .value .disponibilidad input[type="number"] {
        min-width: 70px;
    }
}
@media only screen and (max-width: 1421px) and (min-width: 992px){
    body.in-rent-process .wrapper-pre-cart-block,
    body.in-rent-process .totals-area-wrapper,
    body.in-rent-process .dates-area-wrapper{
        width: 310px
    }

    body.in-rent-process #main-wrapper{
        max-width: calc(100vw - 310px);
    }

    .steps-wrapper .step.no-active .label,
    .steps-wrapper .step.passed .label{
        display: none;
    }

    body:not(.in-rent-process) .steps-wrapper{
        position: relative!important;
    }

    .steps-wrapper .step.active {
        position: initial;
    }

    /*.steps-wrapper .step.active .label{*/
    /*    position:absolute;*/
    /*    left:50%;*/
    /*    top: 120%;*/
    /*    transform:translatex(-50%);*/
    /*}*/
}

@media only screen and (min-width: 1421px){
    body.in-rent-process .wrapper-pre-cart-block,
    body.in-rent-process .totals-area-wrapper,
    body.in-rent-process .dates-area-wrapper{
        width: 445px
    }

    body.in-rent-process #main-wrapper{
        max-width: calc(100vw - 445px);
    }
}

.domain-pre_picnegre_verano_bitanube_com .view-alquiler-bicis .owl-nav{
    bottom: unset;
    top: 0px;
    transform: translatey(-100%);
}

.view-alquiler-bicis .owl-stage-outer{
    margin-top: 30px;
}

.domain-pre_picnegre_verano_bitanube_com .view-alquiler-bicis .owl-nav.disabled{
    display: none!important;
}

body.in-rent-process header#header {
    display: block;
}
body.in-rent-process header#header .header-desktop .block-block-picnegre-store-switch-station {
    display: none;
}
body.in-rent-process [id*="edit-processed-text-2"] {
    display: none;
}
body.in-rent-process .all-products {
    padding-top: 120px;
    max-height: calc(100vh - 255px);
}
body.in-rent-process header#header {
    display: block;
}
body.in-rent-process header#header .header-desktop .block-block-picnegre-store-switch-station {
    display: none;
}
body.in-rent-process header#header .header-desktop .logo {
    margin-left: 10px !important;
}
body.in-rent-process [id*="edit-processed-text-2"] {
    display: none;
}
body.in-rent-process .all-products {
    padding-top: 120px;
    max-height: calc(100vh - 255px);
}
@media only screen and (min-width: 992px) {
    body.in-rent-process div#main-wrapper {
        margin-top: 80px !important;
    }
}
@media only screen and (min-width: 1421px) {
    body:has(form[data-webform-wizard-current-page="material_adjustment"]) #page-wrapper {
        width: calc(100vw - 465px);
    }
}
body:has(form[data-webform-wizard-current-page="material_adjustment"]) #page-wrapper #main-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
body:has(form[data-webform-wizard-current-page="material_adjustment"]) form[data-webform-wizard-current-page="material_adjustment"] .wrapper-pre-cart-block .delete {
    display: none;
}
body:has(form[data-webform-wizard-current-page="material_adjustment"]) form[data-webform-wizard-current-page="material_adjustment"] .totals-area-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    height: unset;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1421px) and (min-width: 992px) {
    body:has(form[data-webform-wizard-current-page="material_adjustment"]) #page-wrapper {
        width: calc(100vw - 330px);
    }
    body:has(form[data-webform-wizard-current-page="material_adjustment"]) .all-products {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media only screen and (max-width: 992px){
    body.in-rent-process form[data-webform-wizard-current-page=material_adjustment]{
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 80px!important;
    }
}
@media only screen and (max-width: 992px){
    #block-views-block-slides-block-slider-video-5 .callToAction.container, #block-views-block-banner-products-block-1 .callToAction.container{
        top: 50%;
        left: 50%;
        right: unset;
        transform: translate(-50%, -50%);
    }
}
[data-drupal-selector="edit-product-type-selection"] .form-item-product-type-selection:has(.radio-selection-wrapper.principal){
    order: 0;
}
[data-drupal-selector="edit-product-type-selection"] .form-item-product-type-selection:has(.radio-selection-wrapper.noprincipal){
    order: 1;
}
[data-drupal-selector="edit-product-type-selection"] .webform-options-display-one-column{
    gap: 20px;
    justify-content: space-evenly;
}
[data-drupal-selector="edit-product-type-selection"] .form-item-product-type-selection:has(input[value="450"]){
    margin-bottom: 80px;
}
div[data-drupal-messages]{
    pointer-events: none;
}
div[data-drupal-messages] .alert{
    pointer-events: all;
}
