.transsmart-button { box-shadow: none; cursor: hand; border: none; } .transsmart-button-inactive { box-shadow: none; cursor: default; border: none; } .locator__trigger { box-shadow: none; cursor: hand; border: none; padding: 10px; } .modal-popup.locator { width: 80%; margin: 0 auto; } .modal-popup.locator .modal-inner-wrap { box-shadow: none; } .modal-popup.locator .modal-header { background: #1489CE; padding: 2rem; color: #FFFFFF; } .modal-popup.locator .modal-title { border-bottom: none; padding-bottom: 0; } .modal-popup.locator .modal-content { padding: 0; font-size: 12px; } .modal-popup.locator .action-close { padding: 27px; } .modal-popup.locator .action-close:before { color: #FFFFFF; } .modal-popup.locator .locator__list, .modal-popup.locator .locator__search { width: 40%; float: left; } .modal-popup.locator .locator__intro { text-transform: uppercase; color: #6a6c6e; margin-bottom: 5px; display: block; } .modal-popup.locator .locator__search { padding: 20px 20px 0; box-sizing: border-box; position: relative; z-index: 1; color: #6a6c6e; background: #EBF0F3; } .modal-popup.locator .locator__search-input { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #D5D5D5; } .modal-popup.locator .locator__search-area { display: flex; display: -ms-flexbox; display: -webkit-flex; } .modal-popup.locator .locator__search-button { box-shadow: none; cursor: hand; border: none; margin-left: 10px; } .modal-popup.locator .locator__errors { padding: 10px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 10px; } .modal-popup.locator .locator__errors ul { margin: 0; padding: 0; list-style: none; } .modal-popup.locator .locator__filters ul { margin: 10px 0 0; padding: 0; list-style: none; } .modal-popup.locator .locator__filters ul:before, .modal-popup.locator .locator__filters ul:after { content: ""; display: table; } .modal-popup.locator .locator__filters ul:after { clear: both; } .modal-popup.locator .locator__filters ul li { float: left; margin-right: 10px; } .modal-popup.locator .locator__filters ul li:last-child { margin-bottom: 0; } .modal-popup.locator .locator__list { float: left; width: 40%; box-sizing: border-box; padding: 0; display: flex; flex-flow: column; } .modal-popup.locator .list__title { background: #EBF0F3; padding: 20px; text-transform: uppercase; color: #6a6c6e; } .modal-popup.locator .list__items { margin: 0; padding: 20px; list-style: none; height: 280px; overflow-y: scroll; } .modal-popup.locator .list__radio { width: 5%; } .modal-popup.locator .list__radio:focus { border: 0; outline: none; box-shadow: none; } .modal-popup.locator .list__item-image { width: 20%; } .modal-popup.locator .list__item-carrier { width: 60%; } .modal-popup.locator .list__item-distance { width: 15%; white-space: nowrap; text-align: right; } .modal-popup.locator .list__item-carrier-profile { display: none; } .modal-popup.locator .carrier-profile-select { margin-top: 10px; } .modal-popup.locator .list__item { padding: 10px 0; margin: 0; border-bottom: 1px solid #a2a2a2; color: #6a6c6e; } .modal-popup.locator .list__item.active, .modal-popup.locator .list__item:focus, .modal-popup.locator .list__item:hover { color: #000000; } .modal-popup.locator .list__item.active .list__item-name, .modal-popup.locator .list__item:focus .list__item-name, .modal-popup.locator .list__item:hover .list__item-name { color: #1489CE; } .modal-popup.locator .list__item:last-child { border-bottom: none; } .modal-popup.locator .list__item-address, .modal-popup.locator .list__item-name { display: block; clear: both; } .modal-popup.locator .list__item-name { font-size: 13px; } .modal-popup.locator .list__item-label { display: flex; flex-flow: row; justify-content: space-between; } .modal-popup.locator .locator__list-button { box-shadow: none; cursor: default; border: none; } .modal-popup.locator .locator__list-button.active { box-shadow: none; cursor: hand; border: none; } .modal-popup.locator .list__actions { padding: 10px 20px 10px; text-align: right; } .modal-popup.locator .locator__map { width: 60%; float: right; min-height: 580px; } .modal-popup.locator .infowindow { display: flex; flex-flow: row; width: 230px; } .modal-popup.locator .infowindow__name { color: #1489CE; font-size: 13px; display: block; margin-bottom: 5px; } .modal-popup.locator .infowindow__address { width: 50%; font-size: 11px; } .modal-popup.locator .infowindow__opening { width: 50%; text-align: right; } .modal-popup.locator .infowindow__openingday { display: flex; flex-flow: row; font-size: 12px; white-space: nowrap; } .modal-popup.locator .infowindow__openingday .day { width: 30%; font-weight: normal; } .modal-popup.locator .infowindow__openingday .time { width: 70%; } .modal-popup.locator .locator__wrapper { display: flex; flex-flow: row nowrap; } .modal-popup.locator .locator__siderbar { width: 40%; } @media (max-width: 650px) { .modal-popup.locator { width: 100%; margin: 0 auto; } .modal-popup.locator .modal-inner-wrap { margin: 0; width: 100%; } .modal-popup.locator .locator__map { display: none; } .modal-popup.locator .locator__search { float: none; width: 100%; } .modal-popup.locator .locator__list { float: none; width: 100%; } } @media (min-width: 650px) { .modal-popup.locator { width: 100%; margin: 0 auto; } .modal-popup.locator .modal-inner-wrap { margin: 0; width: 100%; } .modal-popup.locator .locator__search, .modal-popup.locator .locator__list, .modal-popup.locator .locator__map { width: 50%; } } @media (min-width: 800px) { .modal-popup.locator .locator__search, .modal-popup.locator .locator__list { width: 40%; } .modal-popup.locator .locator__map { width: 60%; } } @media (min-width: 1024px) { .checkout-index-index .modal-popup.locator .modal-inner-wrap { margin: 3rem auto; width: 90%; } } @media (min-width: 1200px) { .checkout-index-index .modal-popup.locator .modal-inner-wrap { width: 80%; margin: 5rem auto; } } @media (min-width: 1400px) { .checkout-index-index .modal-popup.locator .modal-inner-wrap { width: 70%; } } @media (min-width: 1800px) { .checkout-index-index .modal-popup.locator .modal-inner-wrap { width: 60%; } }