input[name="shipping_arrival_date"] ,input[name="shippingAddress[shipping_arrival_date]"]{ max-width: 255px; text-align:center; pointer-events: none; margin: 10px 10px 10px 0; } div[name="shippingAddress.shipping_arrival_date"], div[name="shippingAddress.delivery_time_slot"], select[name="delivery_time_slot"], textarea[name="shipping_arrival_comments"]{margin-top:10px;} div[name="shippingAddress.delivery_time_slot"], div[name="shippingAddress.shipping_arrival_comments"], select[name="shippingAddress[delivery_time_slot]"], textarea[name="shippingAddress[shipping_arrival_comments]"]{max-width:500px;margin: 10px 0 10px 0;} .ui-datepicker-trigger:before{ content: '\f865'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; -webkit-font-smoothing: antialiased; font-size: 30px; line-height: 30px; color: #7d7d7d; speak: none; font-family: 'porto-icons'; text-align: center; } .ui-datepicker-trigger span{ border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } button:not(.primary).ui-datepicker-trigger{ background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; margin-top: -4px; vertical-align: middle; }